@charset "utf-8";

/* common */
html, body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}
*{margin:0; padding:0; line-height:1.5}
body {width:100%;height:100%; color:#454545;}
img {border:0;vertical-align: middle;}
ul li {list-style-type:none;}
a:link {color:#454545;text-decoration:none;}
a:active {color:#454545;text-decoration:none;}
a:focus {color:#454545;text-decoration:none;}
#accessibility, hr, legend, caption , .alternate, .tts{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
/*
@font-face {
	font-family:'nanumgothic';
	src:url('/font/nanumgothic.eot');
	src:url('/font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), url('/font/NanumGothic-Regular.woff2') format('woff2'), url('/font/nanumgothic.woff') format('woff'), url('/font/nanumgothic.ttf') format('truetype');
	font-style:normal; font-weight:normal;
}
@font-face {
	font-family:'nanumgothicbold';
	src:url('/font/NanumGothicBold.eot');
	src:url('/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'), url('/font/NanumGothic-Bold.woff2') format('woff2'), url('/font/NanumGothicBold.woff') format('woff');
	font-style:normal; font-weight:normal;
}
@font-face {
    font-family:'NanumBarunGothic';
    src: url('/font/NanumBarunGothic.eot');
    src: url('/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),url('/font/NanumBarunGothic.woff') format('woff'),url('/font/NanumBarunGothic.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
*/

/*margin*/
.marT0{margin-top:0}
.marT5{margin-top:5px}
.marT10{margin-top:10px}
.marT15{margin-top:15px}
.marT20{margin-top:20px}
.marT25{margin-top:25px}
.marT30{margin-top:30px} 
.marT40{margin-top:40px}
.marT45{margin-top:45px}
.marT50{margin-top:50px}

.marB0{margin-bottom:0}
.marB5{margin-bottom:5px}
.marB10{margin-bottom:10px}
.marB15{margin-bottom:15px}
.marB20{margin-bottom:20px}
.marB25{margin-bottom:25px}
.marB30{margin-bottom:30px}
.marB35{margin-bottom:35px}
.marB40{margin-bottom:40px}
.marB45{margin-bottom:45px}
.marB50{margin-bottom:50px}

.marL0{margin-left:0}
.marL5{margin-left:5px}
.marL10{margin-left:10px}
.marL15{margin-left:15px}
.marL20{margin-left:20px}
.marL25{margin-left:25px}
.marL30{margin-left:30px}
.marL35{margin-left:35px}
.marL40{margin-left:40px}
.marL45{margin-left:45px}
.marL50{margin-left:50px}

.marR0{margin-right:0}
.marR5{margin-right:5px}
.marR10{margin-right:10px}
.marR15{margin-right:15px}
.marR20{margin-right:20px}
.marR25{margin-right:25px}
.marR30{margin-right:30px}
.marR35{margin-right:35px}
.marR40{margin-right:40px}
.marR45{margin-right:45px}
.marR50{margin-right:50px}

/*padding*/
.padT5{padding-top:5px}
.padT10{padding-top:10px}
.padT15{padding-top:15px}
.padT20{padding-top:20px}
.padT25{padding-top:25px}
.padT30{padding-top:30px}
.padB5{padding-bottom:5px}
.padB10{padding-bottom:10px}
.padB15{padding-bottom:15px}
.padB20{padding-bottom:20px}
.padB25{padding-bottom:25px}
.padB30{padding-bottom:30px}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,figcaption {font-size:1em;font-weight:normal;font-style:normal;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display: block;}
ul, dl{overflow:hidden;}

/* wrap */
.wrap {position:relative;width:640px;height:auto;margin:0 auto;}


/* 전체공통# */
#skipnavi {left: 0;position: absolute;top: 0;z-index: 9999;}
#skipnavi a {display: block;font-size: 1.3em;height: 20px;left: 0;position: absolute;text-align: center;top: -10000px;width: 300px;z-index: 5000;}
#skipnavi a:focus, #skipnavi a:active {background-color: #2f7bb6;color: #ffffff;font-weight: bold;padding: 15px 0;position: absolute;top: 0;}

/* header */
#header.common_top .logobar {overflow:hidden;position:relative;text-align:center;}
#header.common_top .logobar h1.logo {display:inline-block;margin:0 auto;padding-top:35px;}
#header.common_top .logobar .sitemap {display:inline-block;position:absolute;top:42px;right:30px;}
#header.common_top .logobar .home {display:inline-block;position:absolute;top:42px;left:30px;}
#header.common_top .logobar .home2 {display:inline-block;position:absolute;top:38px;right:104px;}


/* footer */
#footer {clear:both;text-align:center; }
#footer ul.btn {height:73px;}
#footer ul.btn li {display:inline-block;margin:0 5px;}
#footer .copy{padding:20px 30px 30px ;text-align:left; color:#d6f4ff; font-weight:bold ; font-family:"NanumBarunGothic", "nanumgothic"; font-size: 1.5em;text-align:center}
#footer .copy a img{position: absolute; right:25px;bottom:20px}
#footer .copy a{color:#d6f4ff;}


/*article*/
#article{position:relative; min-height:680px;width:auto; height:auto}

/*메인*/
.type01{ background:url("/images/mobile/main/type1_bg.jpg") no-repeat center top #0070b8;}
.type01 #header.common_top .logobar{height:150px;}
.type01 #footer .btn{margin-bottom:40px; background-color:transparent  }
.type01 #footer .copy{border-top:3px solid #005a94;padding:35px 30px 55px;  background:#157bbd}
.type01 #footer .copy a img{position: absolute; right:25px;bottom:40px}


/* 메인 롤링 배너 */
/**/.main_visual { clear: both;  position: relative; }
/*.main_visual .slides li { float: left; display: none; text-align: center; }
.main_visual .slides li img { width: 580px; border-radius:15px; border:4px #2B94DA solid; -webkit-border-radius:5px; -moz-border-radius:5px}
.main_visual .flex-control-nav { position: absolute; right: 50px; top: 18px; text-align: center; }
.main_visual .flex-control-nav li { display: inline; margin-left:5px;}
.main_visual .flex-control-nav a { display: inline-block; padding:0 2px ;width: 26px; height: 26px; overflow: hidden;  background: url("/images/mobile/main/icn_visual.png") no-repeat 0 0;text-indent:-9999px;}
.main_visual .flex-control-nav .flex-active { overflow: hidden; background: url("/images/mobile/main/icn_visual.png") no-repeat 0 -26px; }*/


.main_visual {width:100%;padding-bottom:30px;position:relative;text-align:center; }
.main_visual .bx-wrapper{width:100%; max-width:580px!important;margin:0 auto;}
.main_visual ul li a{display:inline-block;width:100%;}
.main_visual ul{overflow:visible;}
.main_visual ul li img{max-width:572px; width:100%;border-radius:15px; border:4px #2B94DA solid;}
.main_visual .bx-controls {position:absolute; right:40px;top:12px;z-index:9999}
.main_visual .bx-controls .bx-pager,.main_visual .bx-controls .bx-pager-item,.main_visual .bx-controls .bx-controls-auto,.main_visual .bx-controls .bx-controls-auto-item{float:left;display:inline-block;}
.main_visual .bx-controls a{display:inline-block;padding:0 2px ;width: 26px; height: 26px;}
.main_visual .bx-controls .bx-pager-item, .main_visual .bx-controls .bx-controls-auto{ font-size:1px; line-height:0;}
.main_visual .bx-controls .bx-pager-item .bx-pager-link{background: url("/images/mobile/main/icn_visual.png") no-repeat 0 0;}
.main_visual .bx-controls .bx-pager-item .bx-pager-link span{z-index:-1;position:relative;}
.main_visual .bx-controls .bx-pager-item .bx-pager-link.active{background: url("/images/mobile/main/icn_visual.png") no-repeat 0 -26px;}
.main_visual .bx-controls .bx-controls-auto-item .bx-stop{background: url("/images/mobile/main/icn_stop.png") no-repeat 0px 0;width: 20px;}
.main_visual .bx-controls .bx-controls-auto-item .bx-start{background: url("/images/mobile/main/icn_play.png") no-repeat -28px 0;width: 20px;}
.main_visual .bx-controls .bx-controls-auto-item {font-size:0;line-height:0;}
.main_visual .bx-controls .bx-controls-auto-item .bx-stop.active{background: url("/images/mobile/main/icn_stop.png") no-repeat -34px 0;width: 20px;}
.main_visual .bx-controls .bx-controls-auto-item .bx-start.active{background: url("/images/mobile/main/icn_play.png") no-repeat 2px 0;width: 20px;}

.main_visual .slides li{display:block !important;}
.main_visual .slides li.Focus{z-index:9999 !important;}

#article { clear: both; overflow: hidden; position: relative; margin-bottom:30px}
#article #slides a { float: left; display: none; text-align: center; }
#article #slides a img { width: 580px; max-height:260px; border-radius:15px; border:4px #2B94DA solid; -webkit-border-radius:5px; -moz-border-radius:5px}
#article #slides .slidesjs-play{ z-index:10;position: absolute; right: 35px; top: 18px; text-align: center; display: inline-block; padding:0 2px ;width: 26px; height: 26px; overflow: hidden;  background: url("/images/mobile/main/icn_visual.png") no-repeat 0 -83px; text-indent:-9999px;}
#article #slides .slidesjs-stop{ z-index:10;position: absolute; right: 35px; top: 18px; text-align: center; display: inline-block; padding:0 2px ;width: 26px; height: 26px; overflow: hidden;  background: url("/images/mobile/main/icn_visual.png") no-repeat 0 -53px; text-indent:-9999px;}
#article #slides .slidesjs-next {display:none;}
#article #slides .slidesjs-pagination{ position: absolute; right: 50px; top: 18px; text-align: center;  z-index:10}
#article #slides .slidesjs-pagination li{ display: inline; margin-left:5px;}
#article #slides .slidesjs-pagination a{ display: inline-block; padding:0 2px ;width: 26px; height: 26px; overflow: hidden;  background: url("/images/mobile/main/icn_visual.png") no-repeat 0 0; text-indent: -9999px;direction: ltr; }
#article #slides .slidesjs-pagination .active{ overflow: hidden; background: url("/images/mobile/main/icn_visual.png") no-repeat 0 -26px; }

/* main nav */
div.main_nav{position:relative}
div.main_nav ul {overflow:hidden;margin:0 25px 15px ;}
div.main_nav ul li {float:left;width:190px;height:180px;margin:0 0 15px 10px;text-align:center;}
div.main_nav ul li.first{margin-left:0}
div.main_nav ul li a {display:inline-block;text-align:center;}
div.main_nav ul li a img {vertical-align:top;}

ul.sub_box {overflow:hidden;margin:0 25px }
ul.sub_box li {width:100%;height:auto;margin:0 0 15px 0px;text-align:center;}
ul.sub_box li.first{margin-left:0}
ul.sub_box li a {display:inline-block;text-align:center;}
ul.sub_box li a img {vertical-align:top;}