@charset "utf-8";

html, body{ height:100%; min-width:320px;}
body.on{ overflow:hidden;}
.wrap{ width:100%;}

#skip{ position:relative; z-index:99999;}
#skip a{ position:absolute; top:-9999em; left:0; width:100%; height:35px; background:#345781; color:#fff; line-height:35px; text-align:center;}
#skip a:active, #skip a:focus{ top:0;cursor:pointer; text-decoration:none;}

header{ border-bottom:1px solid #d7d8dd;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
header .innerHeader{ padding-top:34px; background:#fff; }
header .innerHeader.open{ height:440px; z-index: 10000; position: relative;}

header .topHeader{ position:relative; text-align:center;width:1180px; margin:0 auto;}
header .topLink{ background:#fff url(/images/dc/top_link_arr.jpg) 85% center no-repeat; border:1px solid #d7d8dd; color:#1e2d3b; font-size:12px; width:150px; height:28px; display:block; text-indent:27px; line-height:28px;border-radius:30px; position:absolute; top:-80px; left:0; text-align:left;}
header h1{ font-family:'BusanBada', Sans-serif; display:inline-block; text-align:center; height:42px;}
header h1 a{ color:#010101; font-size:22px; font-family:'Nanum Square', 'Nanum Gothic';
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
header h1 a:hover{ text-decoration:none;}
header h1 a img{ vertical-align:middle; margin-right:9px;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
header .utilMenu{ color:#1e2d3b; font-size:12px; position:absolute; right:0; top:-70px;}
header .utilMenu a:first-child{ margin-right:35px;}

.siteMap{ display:block; position:absolute; top:0; right:22px; width:23px; height:16px;}
.siteMap:before,
.siteMap:after{ display:block; content:''; width:23px; height:2px; background:#000; position:absolute; left:0;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
}
.siteMap:before{ top:0;}
.siteMap:after{ bottom:0;}
.siteMap span{ display:block; width:23px; height:2px; background:#000; margin-top:7px;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
}
.siteMap img{ display:block;}
.siteMap.open{ width:23px; height:16px; /*background:url(/images/dc/btn_sitemap_close.png) 0 0 no-repeat;*/}
.siteMap.open:before,
.siteMap.open:after{ background:#5267db;}
.siteMap.open:before{
	top:7px;
	transform:rotate(135deg);
}
.siteMap.open:after{
	bottom:7px;
	transform:rotate(-135deg);
}
.siteMap.open span{ opacity:0;}
.siteMap.open img{ display:none;}
.siteMapExp{ position: absolute; top: 75px; right: 0; font-size:18px; line-height:24px; color:#3e50b4; font-weight:700; display:none; font-family:'Nanum Square', 'Nanum Gothic';}
.innerHeader.open .siteMapExp{ display:block;}

footer{ height:215px; padding-top:40px; border-top:1px solid #d7d8dd;}
footer .innerfooter{ width:1180px; margin:0 auto;}
footer .footerInfo{ float:left;}
footer .footerUtil li{ float:left; margin-bottom:35px;}
footer .footerUtil li:first-child{ position:relative; margin-right:30px;}
footer .footerUtil li:first-child:after{ position:absolute; top:0; right:-15px; display:block; content:''; background:#919191; height:14px; width:2px;}
footer .footerUtil li:nth-child(2){ position:relative; margin-right:30px;}
footer .footerUtil li:nth-child(2):after{ position:absolute; top:0; right:-15px; display:block; content:''; background:#919191; height:14px; width:2px;}
footer .footerUtil li a{ font-size:14px;}
footer address{ font-size:12px; font-style:normal; margin-bottom:15px;}
footer address span{ padding-left:15px;}
footer .copyright{ font-size:12px;}
footer .footerBanner{ width:278px; position:relative; border:1px solid #d7d8dd; float:right; height: 80px;}
footer .footerBannerCtl a{ display:block; width:12px; height:20px; position:absolute; top:50%; margin-top:-10px;}
footer .bx-pager{ position:absolute; top:12px; right:17px;}
footer .bx-pager:after{ clear:both; content:''; display:block;}
footer .bx-pager-item{ float:left; margin-left:5px;}
footer .bx-pager-item:first-child{ margin-left:0;}
footer .bx-pager-link.active{ background:url(/images/dc/footer_banner_on.png) 0 0 no-repeat;}
footer .bx-pager-link{ text-indent:-9999em; background:url(/images/dc/footer_banner_off.png) 0 0 no-repeat; width:10px; height:10px; display:block;}
footer .bx-next{ background:url(/images/dc/footer_banner_right.png) 0 0 no-repeat; right:-22px;}
footer .bx-prev{background:url(/images/dc/footer_banner_left.png) 0 0 no-repeat; left:-22px;}

.overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.overlay.on{ display:block; cursor:pointer;}

.topBtn{ width:50px; height:50px; border:1px solid #000; color:#000; font-size:12px; text-align:center; background:#fff url(/images/dc/top_btn_bg.png) center 11px no-repeat; float:right; margin-top:25px; display:none; padding-top:20px; position:fixed; bottom:15px; right:15px;z-index: 100;}

.disabled_box2 {position:relative; display:block; height:140px !important; border:none !important; overflow:hidden; z-index:500;}
.disabled_box2:before {content:''; position:absolute; top:1px; left:0; width:100%; height:100%; background:#000; opacity:0.9; z-index:1000;}
.disabled_box2:after {content:'※ 해당 메뉴는 PC 화면에서만 가능합니다 \A PC에서 다시 접속해 주세요'; position:absolute; top:50%; left:0; display:block; width:100%; text-align:center; color:#fff; line-height:24px; padding:20px 10%; box-sizing:border-box; white-space:pre-wrap; z-index:1500; 
transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);}