@charset "utf-8";

/* layout */
.inner {width:auto;margin:0 auto;}
.innerHead,
.innerCont,
.innerFoot {width:auto; margin:0 auto; }
.tnb{ display:none;}
.gnb{ display:none;}

#thisHead {height:84px;}
#thisHead h1.title {padding:16px 0  0 10px; }


/*address .add { display:block;  margin-left:0;}*/
/* 메인 */
#thisMain { width:auto; margin:0 auto; padding-bottom:40px;}
#thisMain .mBoard {}
#thisMain .mBoard li { width:100%; margin:0 0 10px 0;  }
#thisMain .mBoard .linkIntro { width:49%; }
#thisMain .mBoard .linkApply { width:49%;  float:right;}
#thisMain .mBoard .notice { height:116px; }
#thisMain .mBoard .notice dl dd { float:left; width:50%; }

/****************************************************************************/
/* Slide */
.main_contents{ width:100%; min-height:320px; height:320px; box-shadow:0 0 5px rgba(0,0,0,0.2); position:relative;}
.main_contents h1{ font-size:30px; padding:75px 0 0 150px; }
.main_contents p.txt{ max-width:440px; font-size:11px; padding:10px 0 0 150px; }
.main_contents .bg1 {background-size:auto 100%;}
.main_contents .bg2 {background-size:auto 100%;}
.main_contents .bg3 {background-size:auto 100%;}

.touchslider {}
.touchslider .touchslider-viewport {height:320px;overflow:hidden;}
.touchslider .touchslider-item {display:block;height:320px;text-align:center;overflow:hidden}
.touchslider .touchslider-item .sliderholder {margin:0 auto;width:980px;text-align:left;}
.touchslider .touchslider-nav {display:block;position:absolute;width:100%;margin:0;top:270px;text-align:center;z-index:1000;}
.touchslider .touchslider-nav a {display:inline-blokc;cursor:pointer;}
.touchslider .touchslider-nav-item {display:inline-block;width:100px;padding:6px 0;font-size:13px;font-weight:bold;color:#fff;text-align:center;background:#1D274A;}
.touchslider .touchslider-nav-item-current {background:#AA182B;}

/* 하단 배너 */
.main_contents_calum{ clear:both; padding-top:15px; overflow:hidden; margin:0 1%; }
.main_contents_calum li{ float:left; width:32%; height:230px; margin-left:2%; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:12px; overflow:hidden; position:relative;}
.main_contents_calum .custom {display:none;}
.main_contents_calum .custom-mobile {display:block; width:100%; height:110px; margin:15px 0 0 0;}
.main_contents_calum .custom-mobile h2{ padding:20px 0 0px 20px; }
.main_contents_calum .custom-mobile h3{ font-size:16px; color:#000; text-align:left; padding:10px 0 10px 0; }
.main_contents_calum .custom-mobile img{ display:block; float:left; margin:0 20px; width:auto; }
.main_contents_calum .custom-mobile .txt{ display:block; width:80%; font-size:12px; color:#bbb; padding:0; }
.main_contents_calum .custom-mobile-img {display:block; width:100%; height:110px; margin:15px 0 0 0;}
/****************************************************************************/

a.btn_down{ display:inline-block; width:130px; height:28px;color:#fff; line-height:25px; text-align:center; background-color:#0370ea; font-size:14px;}
.mob_nav{ display:block; box-shadow:none; text-align:center;}
.mob_nav ul{ display:inline-block; width:98%; text-align:left; box-shadow:0 0 5px rgba(0,0,0,0.2);}

#container{ width:auto; margin-top:20px; margin-bottom:20px;}
#left_area{display:none;}
#contents_area{ float:none; margin:0 auto; width:98%; position:relative;}

/* 구형 안드로이드의 임의 너비값 조정에 대한 CSS */
.sub-item p, .sub-item h2, .sub-item h3, .sub-item h4 {display:block;background:url();}
.sub-item img {max-width:700px;}

.web_head{ display: none;}
#mobile_head_area{ display:block;}
.quick_menu{ display:none;}

/* Footer */
#footer #footer-logo {display:none;}
#footer #footer-logotxt {display:none;}
#footer #footer-menu #footer-menu-pc {display:none;}
#footer #footer-menu #footer-menu-mobile {display:block;}
#footer #copyright {font-size:0.8em;margin:0 0 0 20px;}