@charset 'utf-8';

/* °øÅë */
/*
	font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Titillium Web', sans-serif;
	font-family: 'Roboto', sans-serif;
	font-family: 'Nanum Brush Script', cursive;
*/
#wrap { overflow:hidden;}
/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


.inner { max-width:1400px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { content:""; display:block; clear:both; }


/* Çì´õ */
header { background:#fff; /*background:rgba(255,255,255,0.9);*/position:fixed; width:100%; left:0; top:0; height:100px;overflow:hidden; z-index:1001; box-shadow:0 0 10px rgba(0,0,0,0.1); 
	-webkit-transition: all .3s cubic-bezier(.1,.59,.39,.94);
	   -moz-transition: all .3s cubic-bezier(.1,.59,.39,.94);
	     -o-transition: all .3s cubic-bezier(.1,.59,.39,.94);
	        transition: all .3s cubic-bezier(.1,.59,.39,.94);}
header .inner {white-space:nowrap;}
header .hidden { display:none !important;}
header .logo {margin-right:9.42857142857%; }
header .logo,
header nav {display:inline-block;vertical-align:middle; letter-spacing:0;}
header nav .gnb {width:100%;overflow:hidden;}
header .menuBtn { position:absolute; right:0; 
	top:50%; display:block;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);	
}
header .menuBtn button { background:url("/img/common/menu_btn.png") no-repeat center; border:none; width:25px; height:18px; }
header .menuBtn.on button { background:url("/img/common/menu_close.png") no-repeat center; border:none; width:28px; height:28px; }
.gnbBg { position:fixed; width:100%; background:rgba(255,255,255,0.9);  z-index:10; height:70px; display:none; top:100px;}

header .gnb .depth1 {float:left;}
header .gnb .depth1.active .mn,
header .gnb .depth1 .mn:hover {color:#d61518}
header .gnb .depth1 .mn {position:relative;display:block;padding:0 45px;height:100px;line-height:100px;font-size:18px;white-space:nowrap;text-align:center;transition:all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out}
header .gnb .depth1 .mn:after {position:absolute;content:'';width:0;left:0;right:100%;bottom:0px;border-bottom:3px solid #d61518;transition:right .2s;-webkit-transition: right .2s;}
header .gnb .depth1.on .mn:after,
header .gnb .depth1.active .mn:after {width:auto;left:35px;right:35px;}
header .gnb .depth2 {position:absolute;left:0;right:0;text-align:center;display:none;}
header .gnb .depth1.on .depth2 {display:block;}
header .gnb .depth2 li {display:inline-block;}
header .gnb .depth2 li a {display:block;height:70px;line-height:70px;padding:0 28px;white-space:nowrap;transition:all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out}
header .gnb .depth2 li a:hover {color:#d61518;}
header.gnb_open {height:170px;}
header.gnb_open .logo {vertical-align:top;margin-top:27px;}
header.gnb_open .menuBtn {top:50px;}
header.gnb_open .gnb:after {content:"";display:block;height:1px;position:fixed;left:0;right:0;top:100px;background:#e5e5e5;z-index:0;}

.m_gnbBg { width:100%; height:100%; background:rgba(0,0,0,0.6); left:0; top:0; display:block; position:fixed; z-index:1000; display:none;}
.m_menu { position:fixed; right:0; top:0; width:100%; height:100%; z-index:2000; max-width:640px; background:#e6e6e6; top:100px; right:-100%;}
.m_menu .gnb { }
.m_menu .gnb > li {}
.m_menu .gnb > li > a { display:block; border-bottom:1px solid #c4c4c4; font-size:18px; color:#333; padding:15px 30px;}
.m_menu .gnb > li > a:focus,
.m_menu .gnb > li:hover > a {color:#d51417;}
.m_menu .gnb > li > .depth2 { border-bottom:1px solid #c4c4c4; display:none;}
.m_menu .gnb > li > .depth2 > li {}
.m_menu .gnb > li > .depth2 > li > a { display:block; padding:15px 30px;}


/* footer */
footer { background:#323232; padding:48px 0;}
footer > div {}
footer .logo { margin-right:5.42857142857%;}
footer .logo,
footer address { float:left;}
footer address { color:#fff;}
footer address p { line-height:1.4;}
footer address p span { width:24px; display:inline-block; text-align:center; font-size:12px; vertical-align:top; margin-top:3px; }
footer address .copy { opacity:0.6; margin:16px 0 0 0;}

/*vod ·¹À̾îÆ˾÷*/
.video_layer {width:1190px;height:670px;background:#fff;position:fixed;top:50%;left:50%;border:3px solid #d51417;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:1001}
.video_layer .bt_close_video {position:absolute;top:0;right:0;display:block;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:#d51417 url('/img/common/ico_close_layer2.png') no-repeat 50% 50%;}

#dmm{width:100%;height:100%;position:fixed;top:0;right:0;left:0;background:#000;opacity:0.5;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:1000;}
#dmm2{width:100%;height:100%;position:fixed;top:0;right:0;left:0;background:#000;opacity:0.5;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:1000;}


/*¼¼¿ø¿¡½ºÇÇ ±¤°íÇöȲ Áöµµ (¸ÞÀΰú ¼­ºê °øÅë»ç¿ë)*/
.main_banner {padding:52px 0 0 0;text-align:center;}
.map_container {position:relative;max-width:1440px;height:100%;margin:0 auto;text-align:center;}
.map_container .bg_map {max-width:100%;max-height:100%;}
.map_container .ele_structure {position:relative;height:100%;display:inline-block;}
.map_container .ele {display:block;position:absolute;width:5.5%;max-width:95px;}
.map_container .ele img {border:0;width:100%}
.map_container .ele span {position:absolute;left:50%;transform:translate(-50%, 0%);top:-30px;background:#fff;display:inline-block;opacity:0.9;padding:3px 10px;box-shadow:3px 3px 10px #333;border-radius:2px;color:#000;font-size:13px;white-space:nowrap;display:none;}
.map_container .ele:hover {z-index:20}
.map_container .ele:hover span {display:inline-block;}
.map_container .ele:after {content:"";display:inline-block;position:absolute;right:4%;bottom:5px;width:15px;height:15px;border-radius:50%;border:1px solid #8e8e93;box-shadow:3px 3px 10px #333;background:#fff url('/img/sub/ico_recent_keyword.png') no-repeat 50% 50%;background-size:60%}
.map_container .ele_bd05:after,
.map_container .ele_bd07:after,
.map_container .ele_bd10:after,
.map_container .ele_bd12:after,
.map_container .ele_bd13:after,
.map_container .ele_bd14:after {right:15%}

/*layer popup*/
body.modalOpen {overflow:hidden;}
.layer_popup_wrappper {position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:1001;display:none;}
.layer_popup .pop_tit {padding:15px;font-size:18px;font-weight:500;color:#333;text-align:center;}
.layer_popup .pop_close {position:absolute;right:0;top:-40px;display:inline-block;width:28px;height:28px;text-indent:-9999px;overflow:hidden;background:url('/img/common/menu_close_w.png') no-repeat 50% 50%;}

.popMapView {position:absolute;top:50px;left:50%;bottom:0;width:1440px;transform:translate(-50%, 0%);padding:10px;background:#fff;z-index:1001;}

.popPhotoView {position:absolute;left:50%;top:50%;padding:20px 0;transform:translate(-50%,-50%);background:#fff;z-index:1001;border-radius:20px;}
.popPhotoView .slick-arrow {position:absolute;text-indent:-9999px;z-index:100;top:50%;width:40px;height:40px;margin-top:-20px;outline: none;border:5px solid #333;border-radius:1px;background:none;transform:rotate(45deg);}
.popPhotoView .slick-prev { left:25px; border-right:0; border-top:0;}
.popPhotoView .slick-next { right:25px; border-left: 0; border-bottom: 0;}
.popPhotoView #picArea {width:1200px;max-width:100%;max-height:716px;padding:0 70px;overflow:hidden;}
.popPhotoView #picArea article {max-height:716px;text-align:center;}
.popPhotoView #picArea img {max-width:100%;max-height:716px;}

.main_banner_area a {display:block;text-align:center;}
.main_banner_area img {max-width:100%;}
.map_logo {position:absolute;left:0;top:0;max-width:20%}
.map_notice {position:absolute;right:10px;bottom:10px;width:40%}
.map_notice img {width:100%}

/*Device Width 1440px ÀÌÇÏ*/
@media all and (max-width:1440px) {
	.popMapView {position:absolute;left:0;right:0;width:auto;bottom:auto;transform:translate(0%, 0%);}
}

/*Device Width 1200px ÀÌÇÏ*/
@media all and (max-width:1200px) {
	.popPhotoView {position:absolute;left:10px;right:10px;transform:translate(0%,-50%);}
	.popPhotoView .slick-arrow {width:20px;height:20px;}
	.popPhotoView #picArea {padding:0 40px;}
	.popPhotoView .slick-prev {left:15px;}
	.popPhotoView .slick-next {right:15px;}
}

/*Device Width 768px ÀÌÇÏ*/
@media all and (max-width:768px) {
	.map_notice {position:static;width:80%;margin:20px auto 0 auto;}
	.map_container .ele:after {width:4px;height:4px}
}