@charset "utf-8";


@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(/images/fonts/NanumGothic-Light.eot);
  src: url(/images/fonts/NanumGothic-Light.eot?#iefix) format('embedded-opentype'),
       url(/images/fonts/NanumGothic-Light.woff) format('woff'),
       url(/images/fonts/NanumGothic-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/images/fonts/NanumGothic-Regular.eot);
  src: url(/images/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/images/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/images/fonts/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/images/fonts/NanumGothic-Bold.eot);
  src: url(/images/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/images/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/images/fonts/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/images/fonts/NanumGothic-ExtraBold.eot);
  src: url(/images/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/images/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/images/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'ns';
    src: url('/images/fonts/nanumsquarer.eot');
    src: url('/images/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/nanumsquarer.woff2') format('woff2'),
         url('/images/fonts/nanumsquarer.woff') format('woff'),
		 url('/images/fonts/NanumSquare.woff') format('woff'),
		 url('/images/fonts/NanumSquareR.woff') format('woff'),
         url('/images/fonts/nanumsquarer.ttf') format('truetype')
}

@font-face {
    font-family: 'nsb';
    src: url('/images/fonts/nanumsquareb.eot');
    src: url('/images/fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/nanumsquareb.woff2') format('woff2'),
         url('/images/fonts/nanumsquareb.woff') format('woff'),
         url('/images/fonts/nanumsquareb.ttf') format('truetype')
}

/****************************** RESET ******************************/
html,body {width:100%;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0}
div {outline:none;}
body,h1,h2,h3,h4,input,button,textarea, select {margin:0; font-family:'ns','Nanum Gothic', "나눔고딕",  sans-serif; color:#717171; font-size:1.0em;letter-spacing:-0.05px; line-height:1.3;}
body {*word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; overflow-y: scroll;}
header, footer, section, article, aside, hgroup, details, menu, figure, figcaption {display:block;}
img,fieldset,iframe {border:0 none;}
li {list-style:none;}
input, select {vertical-align:middle; border:1px solid #d5d5d5; vertical-align:middle;}
img {vertical-align:middle;}
i,em,address {font-style:normal;}
label,button {cursor:pointer; display:inline-block;}
button {margin:0;padding:0;}
a {text-decoration:none; color:#717171;}
a:hover {text-decoration:none;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0;}
table caption {width:0; height:0; text-indent:-9999px; overflow:hidden;}
strong ,
.bold {font-family:NanumBold;}
.clear_both {clear:both; *zoom:1;}
.clear_both:after {content:" "; display:block; clear:both;}
.of{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

/* 기본세팅  */

body { /*min-height: 2000px;*/ margin:0; padding:0;}
div.bs-header {}
img {max-width:100%;}
div.bs-header {margin-bottom:20px;}
#page_wrap{width: 100%;min-width: 320px;overflow: hidden; }
#page_wrap {overflow-y:auto; overflow-x:hidden; height:100%; }
#header {height: 56px; background-color: #fff; position: relative;}
#header h1 {width:100%; text-align:center; padding-top:8px;}

/* 로그인 */
ul.gnb{overflow:hidden; height:30px;}
ul.gnb li{width:33.33%; text-align:center; float:left; }
ul.gnb li a{display:block; height:30px; line-height:30px; font-size:0.95em; color:#fff; box-sizing:border-box;background:#ff3e6c url('/images/mobile/vbar.gif') repeat-y 0 0; }
ul.gnb li:first-child a{background:none; background-color:#ff3e6c;}
ul.gnb li img{vertical-align:middle;}
ul.gnb li:first-child{margin-left:0;}

/* 탑 전체메뉴 열기 */
#header .topMenu { position:absolute; top:17px; right:3px; width:40px; height:30px;text-align:center; vertical-align:middle; cursor:pointer; }
#navi{background:#ff93ad;display:none; position:absolute; right:-265px; top:0; width:265px; height:100%;  z-index:9999;}
#mnaviHead {position:relative; display:block; height:50px;}
#mnaviHead h3{font-size:1.6em;color:#ffb9ca; padding-left: 15px; font-weight:bold; line-height:50px;}
#mnaviHead a img {width:34px;}
#mnaviHead a {position:absolute; right:5px; top:8px;}

#navi .menu-member {width: 100%;height: 30px;line-height: 30px;font-size: 0;text-align: center;background-color: #d14a69;}
#navi .menu-member a {display: inline-block;width: 50%;font-size: 14px;color: #fff;background: url(/images/mobile/sp_menu_member.gif) no-repeat 0 50%;background-size: 1px 9px; text-transform:uppercase;}
#navi .menu-member a:first-child {background: none;}

/*1차*/
#navi ul#mbtop {width:100%; margin:0; padding:0;}
#navi ul#mbtop li {float:none; width:100%; border-bottom:1px #ffb9ca solid; background:url('/images/mobile/btnw_down.png')  96% 12px no-repeat; background-size: 35.5px auto;}
#navi ul#mbtop li:first-child{border-top:1px #ffb9ca solid;}
#navi ul#mbtop li a {display:block; width:100%; height:43px; box-sizing:border-box; font-weight:bold; line-height:43px; font-size:1.3em; padding-left: 15px; color:#fff;font-weight:600;  }
#navi ul#mbtop li a span {font-size:15px;}

/*2차*/
#navi ul#mbtop li ul {display:none; float:none; background-color:#ff6086; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible; padding:10px 0 8px 15px; border:0; border-top:1px #ffb9ca solid;}
#navi ul#mbtop li ul li {float:none; border:0; border-top:none; background:url('/images/mobile/tsm.gif')  0 center no-repeat; padding-left:15px;}
#navi ul#mbtop li ul li:first-child{ border-top:none;}
#navi ul#mbtop li ul li a {color:#fff ; background:url(none); font-size:1.05em; font-weight:600; height:30px; line-height:60px;  line-height: 180%; padding-left:0;}

/*3차*/
#navi ul#mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
#navi ul#mbtop li ul li ul li {display:none;}

/* 네비게이션 서브메뉴 */
div.tm{position:relative;padding-left:37px; background-color:#f4f5f7; height:30px; border-top:1px solid #e0e2e4; border-bottom:1px solid #e0e2e4;z-index:10;}
div.tm_r{width:100%;box-sizing:border-box;}
div.tm span {position:absolute;top:0;left:0;width:37px; height:30px;  line-height:28px; text-align:center;border-right:1px solid #e0e2e4;box-sizing:border-box;}

/*1차 2차*/
div.subMtab{display:block; width:50%; float:left;box-sizing:border-box;border-right:1px solid #e0e2e4; position:relative; z-index:10;}
div.subMtab { background:none; height:30px;position:relative; z-index:5; }
div.subMtab .tt { display:block; line-height:30px; font-size:0.95em;letter-spacing:-0.08em; color:#7c7c7c; padding-left: 12px; width:100%; box-sizing:border-box; font-weight:normal; }
div.subMtab .subMtabBtn { display:block; position:absolute; top:0px; right:0px; width:100%; height:30px;   background: url('/images/mobile/sm.gif') no-repeat right center; text-indent:-9999px; background-size: 21.5px auto;}
div.subMtab .subMtabClose { display:none; position:absolute; top:0px; right:0px; width:100%; height:30px; background:url('/images/mobile/sm_on.gif') no-repeat right center; text-indent:-9999px; background-size: 21.5px auto;}

div.subMtab ul { display:none; width:auto; overflow:hidden; background-color:#fff; border:1px solid #ddd; }
div.subMtab ul li { float:none;  width:auto !important; font-size:0.95em; font-weight:normal; text-align:left; background: url('/images/mobile/dot_line.gif') repeat-x left top;}
div.subMtab ul li:first-child{background:none;}
div.subMtab ul li a { display:block; height:32px;line-height:32px; border-left:none; margin-top:0; color:#7c7c7c; padding-left:12px; letter-spacing:-0.08em;}
div.subMtab ul li.active a { color:#7a0086; font-weight:bold; text-decoration:underline !important;}

div.subMtab .tt_depth {display:block; line-height:30px; font-size:0.95em;letter-spacing:-0.08em; color:#262626;  padding-left: 12px; width:100%; }
div.subMtab .subMtabBtn_depth { display:block; position:absolute; top:0px; right:0px; width:100%; height:30px;   background: url('/images/mobile/sm.gif') no-repeat right center; text-indent:-9999px; background-size: 21.5px auto;}
div.subMtab .subMtabClose_depth { display:none; position:absolute; top:0px; right:0px; width:100%; height:30px; background:url('/images/mobile/sm_on.gif') no-repeat right center; text-indent:-9999px; background-size: 21.5px auto;}


/*3차*/
div.third { background:none; height:30px;background-color:#fff; border:1px solid #ddd; z-index:1; position:relative; box-sizing:border-box;  margin:10px 10px;}
div.third .tt_depth2 { display:block; line-height:28px; font-size:0.95em; color:#666; padding-left: 12px; width:100%; box-sizing:border-box; }
div.third .subMtabBtn_depth2 { display:block; position:absolute; top:0px; right:0px; width:50%; height:30px;   background: url('/images/mobile/btnb_down.png') no-repeat right center; text-indent:-9999px; background-size: 30px auto;}

div.third ul { display:none; width:auto; overflow:hidden; background-color:#fff; border:1px solid #ddd; }
div.third ul li { float:none;  width:auto !important; font-size:0.95em; font-weight:normal; text-align:left; background: url('/images/mobile/dot_line.gif') repeat-x left top;}
div.third ul li:first-child{background:none;}
div.third ul li a { display:block; height:32px;line-height:32px; border-left:none; margin-top:0; color:#7c7c7c; padding-left:12px; letter-spacing:-0.08em;}
div.third ul li.active a { color:#7a0086; font-weight:bold; text-decoration:underline !important;}
/*div.third ul { display:none; width:auto; overflow:hidden; border-top:1px solid #00569a;}*/
/*div.third ul li { float:none; border-bottom:1px solid #00569a; width:auto !important; height:30px; line-height:30px;font-size:0.95em;font-weight:bold; text-align:left; background-color:#538dc1;}*/
/*div.third ul li a { display:block; height:30px; border-left:none; margin-top:0; color:#fff; padding-left:12px; }*/
/*div.third ul li.active a { color:#60c6f2;}*/

div.third .subMtabClose_depth2 { display:none; position:absolute; top:0px; right:0px; width:50%; height:41px; background:url('/images/mobile/btnb_up.png') no-repeat right center; text-indent:-9999px; background-size: 30px auto;}


/* 4차 */
div.fourth {height:40px; position:relative; clear:both;text-align:center; box-sizing:border-box;  margin-bottom:25px; padding:0px 10px;}
div.fourth a { color:#666; }
div.fourth ul {display: table;  margin: 0px;  padding: 0px; width:100%;  height : 40px; box-sizing:border-box; }
div.fourth ul li {display: table-cell;vertical-align: middle;text-align:center;line-height:100%; border:1px solid #ddd; border-left:none;box-sizing:border-box; padding:0px 5px; }
div.fourth ul li:first-child{border-left:1px solid #ddd;}
div.fourth ul li a{line-height:100%; font-size:0.8em;letter-spacing: -1px; font-weight:bold;}
div.fourth ul li.active {background-color: #ffa4ba; border-color: #ffa4ba;}
div.fourth ul li.active a{color:#fff;}

h2.mobile_pt{color:#333333; font-size:1.6em; font-weight:bold; margin:22px 10px 20px 10px; padding-bottom:5px; border-bottom:1px solid #ddd;letter-spacing:-0.1em; }

div.content_wrap{position:relative; z-index:0; min-height:230px; padding-bottom:30px;}

/* 메인 */
.visual_wrap {width: 100%; margin: 0px auto;position: relative; }
.visual_wrap img{width: 100%;}
.of{overflow:hidden;}

.bx-wrapper .bx-pager {	width:100%;	text-align:center;	margin-right:0;	right:0;}
.bx-wrapper .bx-pager.bx-default-pager a {  width:7px;  height: 7px;	margin-right:5px;	background: url(/images/mobile/off.png) no-repeat 0 0;}
.bx-wrapper .bx-pager.bx-default-pager a{background-size:7px auto;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: url(/images/mobile/on.png) no-repeat 0 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background-size:7px auto;}

/* 반이름  */
div.clas{margin-top:25px;}
div.clas ul{overflow:hidden; background-color:#fff;}
div.clas ul li{float:left; width:16.66%; box-sizing:border-box; border:1px solid #dfdfdf; border-left:none;height:75px; padding-top:10px;}
div.clas ul li:first-child{border-left:1px solid #dfdfdf; width:16.7%; }
div.clas ul li a{display:block; text-align:center; color:#4c4c4c; font-size:0.7em; font-weight:bold; }
div.clas ul li img{width:38.5px; height:auto; margin-bottom:5px;}

/* 배너  */
div.banner{width:100%; box-sizing:border-box; overflow:hidden; margin-top:20px; margin-bottom:30px; }
div.ban a{display:block; width:50%; height:100px; float:left; font-size:0.7em; box-sizing:border-box;  padding:15px 0px 15px 15px;color:#fff; }
div.ban a h3{font-size:1.6em; font-weight:bold; margin-bottom:10px;color:#fff;}
div.b01 a{background: #ffd44a url("/images/mobile/banner1.gif") no-repeat right bottom; color:#333; background-size:78px auto;}
div.b01 a h3{color:#333;}
div.b02 a{background: #7c7c7c url("/images/mobile/banner2.gif") no-repeat right bottom; color:#fff; background-size:78px auto;}
div.b03 a{background: #4e2e91 url("/images/mobile/banner3.gif") no-repeat right bottom; color:#fff; background-size:78px auto;}
div.b04 a{background: #ed4264 url("/images/mobile/banner4.gif") no-repeat right bottom; color:#fff;  background-size:78px auto;}

/* 퀵메뉴  */
div.quick ul{overflow:hidden; margin-bottom:15px;}
div.quick ul li{width:33.33%; float:left; text-align:center; margin-bottom:10px;}
div.quick ul li a{font-weight:bold; font-size:0.95em; }
div.quick ul li img{margin-bottom:5px;}

/* 공지사항  */
div.notice_news{border:1px solid #e6e6e6; background-color:#fff; box-sizing:border-box; margin-top:10px; position:relative;}
div.notice_news h3{color:#3a3c3e;font-size:1.05em; font-weight:bold; background-color:#f5f5f5; height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; }
div.notice_news dl{width:100%; padding:10px;}
div.notice_news dl dd{font-weight:bold;  font-size:0.95em; margin-bottom:5px; background: url("/images/mobile/dot.gif") no-repeat left center; padding-left:12px; background-size: 4px 4px;}
div.notice_news dl dd a{color: #666;}
div.notice_news p.more{ position:absolute; top:3px; right:10px;}


/* 고객센터 */
div.of{overflow:hidden;}
div.of h3{font-size:1.0em; font-weight:bold; margin-bottom:5px; }
div.cus{width:100%; height:137px; float:left; background: url("/images/mobile/cus.jpg") no-repeat center center; background-size:cover; padding:10px 0px 10px 10px; color:#fff; box-sizing:border-box;}
div.cus h3{color:#fff;}
div.cus p.tel{font-size:1.2em; font-weight:bold; border-bottom:1px solid #a8a6a2; padding-bottom:5px; margin-bottom:10px; letter-spacing:-0.08em;}
div.cus h5{font-size:0.8em;  margin-bottom:10px;}
div.cus ul li{ overflow:hidden; font-size:0.7em;letter-spacing:-0.05em;}

div.fac{width:100%; height:137px; float:left;;background: url("/images/mobile/fac.jpg") no-repeat 0 0; background-size:cover;  padding:10px; box-sizing:border-box; font-size:0.7em;}
div.fac a{color:#464646;}
div.fac a h3{color:#333;font-size:1.5em; font-weight:bold; margin-bottom:5px; }

div.quick{width:100%;height:137px; float:left;background: url("/images/mobile/quick.jpg") no-repeat center center; background-size:cover; padding:10px 0px 10px 10px;box-sizing:border-box;position:relative;}
div.quick h3{color:#333;font-weight:bold;}
div.quick p{font-size:0.7em;margin-bottom:8px; letter-spacing:-0.08em;}
div.quick h5{font-size:0.8em;}
div.quick span.time{overflow:hidden; font-size:0.7em;letter-spacing:-0.05em;}
div.quick a{display:block;position:absolute; right:10px; top:88px;}
div.quick a span{background:#FFD44A;color:#222;padding:8px 10px 8px 10px;border-radius:10px;font-size:0.7em;}

/* 푸터 */
#footer {width: 100%; clear: both; padding: 0px 0px 10px 0px;text-align: center; color:#d7d7d7;  background-color: #3d4754; position:relative; }
#footer div.f_con{width:100%; text-align:center; border-bottom:1px solid #e6e6e6; margin-bottom:10px;  background-color: #fff; border-top:1px solid #eaeaea;}
#footer div.f_con ul{clear:both; text-align:center;}
#footer div.f_con ul li{margin:0; padding:0; display:inline-block; float:none; height:32px; padding-left:8px;  }
#footer div.f_con ul li:first-child{background:none; padding-left:0; margin-left:0;}
#footer div.f_con ul li a{display:inline-block;  line-height:32px;color: #575757; font-size:0.9em; font-weight:bold; letter-spacing:-0.08em;}

#footer p{font-size: 0.75em; margin-top:5px;line-height:1.4; text-align:left; padding:0px 10px; color:#fff;}
#footer p.copy{color:#a1a1a1; border-top:1px solid #525b67; margin-top:10px; padding-top:5px;font-size:0.7em; letter-spacing:-0.01em;}
#footer p.pc{position:absolute; right:0px; bottom:45px;}

/* 팝업 */
.pop_footer {height:15px; padding:10px; background:#373737; color:#fff; font-size:15px; text-align:left; margin-top:-5px;}


/*마진,패딩 클래스*/
.m10{margin:10px 0px;}
.mt0 {margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb280{margin-bottom:280px !important;}

.ml0 {margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml100{margin-left:100px !important;}

.mr0 {margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}

.pt0 {padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl75{padding-left:75px !important;}
.pl85{padding-left:85px !important;}
.pl95{padding-left:95px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}