@charset "utf-8";
@import url("common.css");

body {overflow-x: hidden;}
#container {width: 100%; position: relative; z-index: 1;}
#wrap .inner {width: 1200px; position: relative; margin: 0 auto;}
#wrap {overflow: hidden; position: relative;}
#btn-top {display: none;}
#footer {margin-top: 0;}
p, a {color:#ffffff;}



#contents {width: 100%; display: table;}
#contents .inner_left {display: table-cell;}
#contents .innder {display: table-cell; width: 1200px;}
#contents .inner_right {display: table-cell;}

#sub_contents {width: 100%; display: table;}
#sub_contents .inner_left {display: table-cell;}
#sub_contents .innder {display: table-cell; width: 1200px;}
#sub_contents .inner_right {display: table-cell;}

/* 헤더 */
#header {width: 100%; height: 137px; z-index: 10; position: relative; background: url(/images/main/grid_line.png) 0 100% repeat-x;}
#header .inner {position: static; padding-top: 30px;}
#header a {font-size: 14px;}
#header h1 {float: left; margin-top: 10px;}
#header .mbanner2 {float: left;display:inline-block;margin:22px 0px 0px 20px;}
#header .util-menu {padding-top: 26px; float: right; z-index: 10; padding-top: 26px;}
#header .util-menu a {margin-left: 30px; padding-right: 17px; background: url(/images/main/bl_arr_d.png) 100% center no-repeat;}
#header .util-menu li {position: relative;}
#header .util-menu .util-1 span {background: url(/images/main/ic_search.png) center center no-repeat;}
#header .util-menu .util-1 span {width: 20px; height: 20px; display: block; color: transparent; font-size: 12px; text-indent:-9999px;}
#header .util-menu .util-2 span {background: url(/images/main/ic_global.png) center center no-repeat;}
#header .util-menu .util-2 span {width: 25px; height: 25px; display: block; color: transparent; font-size: 12px; text-indent:-9999px;}
#header .util-menu .util-3 {padding-top: 3px; height: 22px;}
#header .util-menu .util-3 span {color: #898d92;}
#header .util-menu .util-3 span {color: #ffffff;}
#header .util-menu .btn-cl-search span {height: 25px; background: url(/images/common/btn_close.png) center center no-repeat;}
#header .util-menu .btn-cl-search {position: absolute; right: 0px; top: 0; margin: 0; padding: 0; opacity: 0; display: none;}
#header .util-menu .btn-cl-search span {width: 18px; height: 18px; display: block; color: transparent; font-size: 12px; text-indent:-9999px;}
#header .util-menu a, 
#header .util-menu ul, 
#header .util-menu li, 
#header .util-menu .keyword, 
#header .util-menu input {float: left;}
#header .util-menu .keyword {position: relative;}
#header .util-menu .keyword a {
	margin-left: 10px; padding: 3px 0; background: none !important;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#header .util-menu .keyword input {
	width: 0; position: absolute; right: 0; top: -5px; text-indent: 0; background-color: transparent; border: none; border-bottom: 2px solid #51555d; display: none; outline: none;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#header {border-bottom: none;}
#header .util-menu .keyword input {border-bottom: 2px solid #ffffff; color: #ffffff;}
#header .util-menu .keyword input::-webkit-input-placeholder {color: #c0b5ad;}
#header .util-menu .keyword input::-moz-placeholder {color: #c0b5ad;}
#header .util-menu .keyword input:-ms-input-placeholder {color: #c0b5ad;}
#header .util-menu .keyword input:-moz-placeholder {color: #c0b5ad;}
#header .util-menu .keyword.show .btn-cl-search {display: block; opacity: 1;}
#header .util-menu .keyword.show .util-1 {-webkit-transform: translateX(-170px); transform: translateX(-170px); opacity: 1;}
#header .util-menu .keyword.show input {width: 160px;}

#header, #header a, #header p, #header span, #contents, #contents a, #contents p, #contents span {text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);}
#sub_contents, #sub_contents a, #sub_contents p, #sub_contents span {text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);}


/* 메인레이아웃 */
body.load .gnb-copy .left .kv-copy {opacity: 1;}
.gnb-copy:after {display: block; content:""; height: 0; clear: both; visibility: hidden;}
.gnb-copy .left {float: left; width: 50%; height: 450px; background: url(/images/main/grid_line.png) 100% 0 repeat-y;}
.gnb-copy .left .kv-copy {
	opacity: 0;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 3.5s; transition-duration: 3.5s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.gnb-copy .right {position: relative; float: left; width: 50%; background: url(/images/main/grid_line.png) 100% 0 repeat-y;}
.gnb-copy .right.disable .ico {background: url(/images/main/ic_extend_2.png) 90% 50% no-repeat;}
.gnb-copy .right.disable .ico span {opacity: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.gnb-copy .right.disable h2 {opacity: 1.0; margin-top: -5px;}
.gnb-copy .right .bl {position: absolute; left: -9px; bottom: -9px; width: 17px; height: 17px; background: url(/images/main/plus.png) 0 0 no-repeat;}
.gnb-copy .right .gnb-inner {background: url(/images/main/mask_2.png) 0 0 repeat;}
.gnb-copy .right li {position: relative; background: url(/images/main/grid_line.png) 100% 0 repeat-x;}
.gnb-copy .right li.gnb-3 {}
.gnb-copy .right li.first {background: none;}
.gnb-copy .right a {display: block; font-size: 24px; padding-left: 58px;}
.gnb-copy .right a h2 {
	font-size: 24px; color: #ffffff;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#contents .gnb-copy .right a p {font-size: 14px; color: #51555d; max-height: 0; overflow: hidden; text-shadow: none; line-height: 1.4em;}
.gnb-copy .right .ico  {position: absolute; z-index: -1; right: 50px; top: 50%; margin-top: -21px;}
.gnb-copy .right .ico span  {
	display: block; width: 42px; height: 42px; background: url(/images/main/ic_extend.png) 90% 50% no-repeat;
	-webkit-transition-property:  opacity; transition-property:  opacity;
	-webkit-transition-duration: 1s; transition-duration: 1s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}



/* 롤링배너 - */
.kv-copy .tit {font-family: 'nanum-square-b'; padding: 0 0 50px 0; font-size: 52px; line-height: 1.2em; background: url(/images/main/sub_copy_line.png) 0 100% no-repeat;}

.kv-copy .tit span {background: url(/images/main/ic_arr_r.png) 0 0 no-repeat; width: 18px; height: 38px; margin-left: 20px; display: inline-block;}
.kv-copy li {position: absolute;}
.kv-copy li div {
	opacity: 0;
	-webkit-transition-property: transform opacity; transition-property: transform opacity;
	-webkit-transition-duration: 2s; transition-duration: 2s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.kv-copy li.on.fadeOut div {opacity: 0;}
.kv-copy li.on div {opacity: 1;}
.kv-copy p.su {
	font-size: 24px; line-height: 1.8em; padding: 54px 0 10px;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 2s; transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.kv-copy p.su.hide {opacity: 1;}

/*12월27일 팝업적용용*/
.kv-copy .tit2 {font-family: 'nanum-square-b'; padding: 0 0 20px 0; font-size: 54px; line-height: 1.2em; }
.kv-copy .tit3 {font-family: 'nanum-square-b'; padding: 0 0 50px 0;  background: url(/images/main/sub_copy_line.png) 0 100% no-repeat;}
.kv-copy p.su2 {
	font-size: 24px; line-height: 1.8em; padding: 120px 0 10px;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 2s; transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.kv-copy p.su5 {
	font-size: 24px; line-height: 1.8em; padding: 70px 0 10px;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 2s; transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.kv-copy p.su6 {
	font-family: 'nanum-square-b'; padding: 0 0 20px 0; font-size: 48px; line-height: 1.2em; letter-spacing:-1px;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 2s; transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.kv-copy span.su6 {
	font-family: 'nanum-square-b'; padding: 0 0 20px 0; font-size: 48px; line-height: 1.2em; letter-spacing:-1px;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 2s; transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.kv-copy p.su2.hide {opacity: 1;}

/*12월27일 팝업적용용*/

/* 롤링배너 - 버튼 */
.control-btns {position: absolute; left: 0px; bottom: 25px;}
.control-btns span {width: 10px; height: 10px; overflow: hidden; display: block; text-indent: -999px;}
.control-btns a {float: left;}
.control-btns a div {
	width: 10px; height: 10px; border-radius: 25px; background: #ffffff; margin-right: 7px; margin-top: 3px;
	-webkit-transition-property: width; transition-property: width;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.control-btns a.show {display: block;}
.control-btns .btn-play, .control-btns .btn-stop {display: none;}
.control-btns a.on div {width: 22px; background: #f58026;}
.control-btns a.btn-play div {background: url(/images/main/btn_play.png) 0 0 no-repeat; margin-top: 0; margin-right: 5px; margin-left: 10px; width: 15px; height: 17px; border-radius: 0;}
.control-btns a.btn-stop div {background: url(/images/main/btn_pause.png) 0 0 no-repeat; margin-top: 0; margin-right: 5px; margin-left: 10px; width: 15px; height: 17px; border-radius: 0;}



/* 메뉴 */
.hvr-shutter-out-vertical:hover .ico,
.hvr-shutter-out-vertical:focus .ico,
.hvr-shutter-out-vertical:active .ico {opacity: 0;}
.hvr-shutter-out-vertical {
	display: inline-block; vertical-align: middle; position: relative;
	-webkit-transform: translateZ(0); transform: translateZ(0);
	-webkit-backface-visibility: hidden; backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
	content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: #ffffff url(/images/main/ic_gnb.png) 90% 50% no-repeat; text-shadow: none;
	-webkit-transform: scaleY(0); transform: scaleY(0);
	-webkit-transform-origin: 50%; transform-origin: 50%;
	-webkit-transition-property: transform; transition-property: transform;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}


/* .gnb-1 .hvr-shutter-out-vertical:before {background: #ffffff url(/images/common/ic_gnb_1.png) 90% 50% no-repeat;}
.gnb-2 .hvr-shutter-out-vertical:before {background: #ffffff url(/images/common/ic_gnb_2.png) 90% 50% no-repeat;}
.gnb-3 .hvr-shutter-out-vertical:before {background: #ffffff url(/images/common/ic_gnb_3.png) 90% 50% no-repeat;}
 */
.gnb-1 .hvr-shutter-out-vertical:before {background: #ffffff url(/images/common/ic_gnb_1.png) 90% 50% no-repeat;}
.gnb-2 .hvr-shutter-out-vertical:before {background: #ffffff url(/images/common/ic_gnb_5.png) 90% 50% no-repeat;}
.gnb-3 .hvr-shutter-out-vertical:before {background: #ffffff url(/images/common/ic_gnb_2.png) 90% 50% no-repeat;}
.gnb-4 .hvr-shutter-out-vertical:before {background: #ffffff url(/images/common/ic_gnb_3.png) 90% 50% no-repeat;}


.hvr-shutter-out-vertical:hover, 
.hvr-shutter-out-vertical:focus,  
.hvr-shutter-out-vertical:active {background-size: 0px !important;}
.hvr-shutter-out-vertical:hover h2, 
.hvr-shutter-out-vertical:focus h2, 
.hvr-shutter-out-vertical:active h2 {color: #e8252d !important; text-shadow: none;}
.hvr-shutter-out-vertical:hover:before, 
.hvr-shutter-out-vertical:focus:before, 
.hvr-shutter-out-vertical:active:before {-webkit-transform: scaleY(1); transform: scaleY(1);}
.hvr-shutter-out-vertical:hover p, 
.hvr-shutter-out-vertical:focus p, 
.hvr-shutter-out-vertical:active p {max-height: 50px !important;}
.tbl-out {display: table; height: 100%; width: 100%;}
.tbl-mid {height: 110px; display: table-cell; vertical-align: middle;}



/* 하단 네비게이션 */
#subsidiary {background: url(/images/main/grid_line.png) 0 0 repeat-x; position: relative;}
#subsidiary.on ul.subsidiary li span.bl {background: none;}
#subsidiary.on .mask {opacity: 1; background: url(/images/main/mask_2.png) 0 0 repeat;}
#subsidiary.on span {display: none;}

#subsidiary .mask {
	position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 1s; transition-duration: 1s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#subsidiary ul:after {display: block; content:""; height: 0; clear: both; visibility: hidden;}
#subsidiary ul.subsidiary {width: 100%;}
#subsidiary ul.subsidiary li {float: left;  text-align: center; width: 14.2%; }
#subsidiary ul.subsidiary li a {display: block; width: 100%;}
#subsidiary span.bl {position: absolute; left: 0; top: -8px; width: 100%; height: 17px; background: url(/images/main/fa_grid.png) 50% 0 no-repeat;}
#subsidiary span.bl.hide {display: none;}
#subsidiary ul.subsidiary li a span {display: none;}
#subsidiary ul.subsidiary .sub-copy {position: absolute; left: 0; top: 0; width: 100%; padding: 0; display: none;}

#subsidiary .sub-copy-area {width: 100%;}
#subsidiary .sub-copy .sub-img {
	-webkit-transition-property: transform; transition-property: transform ;
	-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
	-webkit-transform: translateY(50px); transform: translateY(50px);
}
#subsidiary .sub-copy div {
	position: absolute; left: -50px; top: -40px; opacity: 0;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 0.9s; transition-duration: 0.9s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#subsidiary .sub-copy.show div {opacity: 1;}
#subsidiary .sub-copy.show .sub-img {-webkit-transform: translateY(0); transform: translateY(0);}
#subsidiary .sub-copy a {display: block;}
#subsidiary .sub-copy p {
	padding: 60px 0 40px 0; text-align: right; font-size: 18px; background: url(/images/main/sub_copy_line.png) 100% 100% no-repeat; opacity: 0;
	-webkit-transition-property: transform opacity; transition-property: transform opacity;
	-webkit-transition-duration: 1.5s; transition-duration: 1.5s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;	
}
#subsidiary .sub-copy p strong {font-size: 32px; display: block; padding-bottom: 30px;}
#subsidiary .sub-copy p strong .t-1 {color: #e8252d; display: inline;}
#subsidiary .sub-copy p strong .t-2 {color: #f58026; display: inline;}
#subsidiary .sub-copy.show p {opacity: 1;}
#subsidiary .subsidiary .ic-move {position: absolute; display: block; top: -21px; right: 0; height: 45px; width: 45px; background: url(/images/main/btn_go.png) 100% 100% no-repeat; display: none; text-indent:-9999px;}
#subsidiary .subsidiary .on .ic-move {display: block;}



/* 배경 */
#vr {z-index: 0; min-width: 1280px; position: absolute; left: 0; top: 0; width: 100%; right: 0; bottom: 0; overflow: hidden;}
#vr div {height: 100%;}
#vr div.img-1 {background: url(/images/main/kv_bg_1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#vr div.img-2 {background: url(/images/main/kv_bg_2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#vr div.img-3 {background: url(/images/main/kv_bg_3.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#vr div.img-4 {background: url(/images/main/kv_bg_4.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
/* #vr div.img-5 {background: url(/images/main/kv_bg_5.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;} */
#vr div img {height: 100%;}
#vr div.on {display: block;}
#vr div {
	opacity: 0; width: 100%; position: absolute; left: 0; top: 0;
	-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#vr div.fadeIn {opacity: 1;}
#vr div.on.paused {-webkit-animation-play-state: paused !important; animation-play-state: paused !important;}
#vr div.on.running {-webkit-animation-play-state: running !important; animation-play-state: running !important;}
/* 2016-11-23 수정 */
#vr div.on {
	-webkit-animation: bgScale 8000ms 1 ease-out; -o-animation: bgScale 8000ms 1 ease-out; animation: bgScale 8000ms 1 ease-out;
	-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1) ;
}
/* //2016-11-23 수정, 21.02.15 주석 */

@-webkit-keyframes bgScale {
	0% { -webkit-transform: scale(1.4); }
	100% { -webkit-transform: scale(1); }
}
@-o-keyframes bgScale {
	0% { -o-transform: scale(1.4); }
	100% { -o-transform: scale(1); }
}
/* 2016-11-23 수정 */
@keyframes bgScale {
	0% { transform: scale(1.4); }
	100% { transform: scale(1) rotate(0.02deg); }
}
/* //2016-11-23 수정 */

/* 2016-11-23 삭제 
#vr.ie div.on {
	-webkit-animation: zoom 8000ms 1 ease-out;
	-o-animation: zoom 8000ms 1 ease-out;
	animation: zoom 8000ms 1 ease-out;
}
@-webkit-keyframes zoom {
	0% { width: 130%; margin-left: -15%; }
	100% { width: 100%; margin-left: 0; }
}
@-o-keyframes zoom {
	0% { width: 130%; margin-left: -15%; }
	100% { width: 100%; margin-left: 0; }
}
@keyframes zoom {
	0% { width: 130%; margin-left: -15%; }
	100% { width: 100%; margin-left: 0; }
}
// 2016-11-23 삭제 */


/* HICT.JS Main popup CSS */
/* 기본 팝업 */
.mt10 {margin:20px 0 0}
.mt20 {margin:20px 0 0}

.a_l {text-align:left !important}
.a_c {text-align:center !important}

.f_bold {font-weight:700}

/* #warn_popup {width:620px;background-color:#fff;font-family:'nanum-square-b'}
.popup_logo {position: absolute; top: 15px; left: 15px;}
.popup_close {position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #e51837 url(../img/main/btn_popup_close.png) no-repeat 50% 50%; font-size:0;}

.modal_overlay {opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:1000;width:100%;height:100vh;background:#000 !important}
.modal_box {display:none;position:fixed;top:34%;left:50%;z-index:1100; margin:-200px 0px 0 0px}
.modal_box * {box-sizing:border-box}

.modal_header {padding:10px 0;background:#ef8020;text-align:center;font-size:18px;font-weight:700;color:#fff;letter-spacing:-0.4px}

.modal_body {overflow-y:scroll;height:480px;margin:0 0 39px;padding:10px 34px;border:3px solid #ef8020;text-align:left}
.modal_body strong.tit {display:block;margin:20px 0;font-size:18px;text-align:center;line-height:28px}
.modal_body strong.tit em {color:#e11936}

.modal_body p.tit {font-size:15px;font-weight:700;color:#555;text-align:center;line-height:24px;letter-spacing:-0.1px}
.modal_body p.txt {font-size:13px;color:#555;text-align:center;line-height:22px;letter-spacing:-0.1px}

.tbl_type {width:100%;border-top:1px solid #9b9b9b;border-spacing:0}
.tbl_type th {padding:15px 5px;border-bottom:1px solid #ebebeb;background-color:#f6f6f6;font-size:14px;font-weight:700;color:#333;text-align:center;vertical-align:middle;letter-spacing:-0.8px}
.tbl_type td {padding:15px 5px;border-bottom:1px solid #ebebeb;font-size:13px;font-weight:400;color:#777;text-align:center;vertical-align:middle;letter-spacing:-0.8px;word-break:break-all}

.close_option {position: absolute; bottom: 0; left: 0; width: 100%; padding: 6px 0; background: #333; font-size: 12px; color: #fff;}
.close_option a {color: #fff; text-decoration: none;}
.close_option:after {content: '.'; display: block; clear: both; height: 0; line-height: 0; visibility: hidden;}
.close_option input {position: relative; top: -1px;  width: 22px; height: 15px;}
.close_option label {position:relative;padding-left:3px;font-size:14px;color:#fff;line-height:20px}
.close_option .lt {float: left; padding-left: 5px;}
.close_option .rt {float: right; padding-top: 4px; padding-right: 12px;} */
// 기본 팝업


/* #warn_popup {width:620px; * height:380px; * background-color:#fff;font-family:'nanum-square-b'}
.popup_logo {position: absolute; top: 15px; left: 15px;}
.popup_close {position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #e51837 url(../img/main/btn_popup_close.png) no-repeat 50% 50%; font-size:0;}

#warn_popup.modal_overlay {opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:1000;width:100%;height:100vh;background:#000 !important}
#warn_popup.modal_box {width:620px;  background-color:#fff; display:none;position:fixed;top:135px;
left:37%; transform:translateX(-37%); z-index:1100; margin:0px 0px 0px 176px}
#warn_popup.modal_box * {box-sizing:border-box}

.modal_header {padding:10px 0;background:#ef8020;text-align:center;font-size:18px;font-weight:700;color:#fff;letter-spacing:-0.4px}

.modal_body {height:280px;margin:0 0 39px;padding:0px;border:5px solid #333;text-align:left}
.modal_body strong.tit {display:block;margin:40px 0;font-size:18px;text-align:center;line-height:28px}
.modal_body strong.tit em {color:#e11936}

.modal_body p.tit {font-size:16px;font-weight:700;color:#555;text-align:center;line-height:24px;letter-spacing:-0.1px}
.modal_body p.txt {font-size:16px;color:#555;text-align:center;line-height:22px;letter-spacing:-0.1px} */


#warn_popup {width:620px;/* height:380px; */background-color:#fff;font-family:'nanum-square-b'}
.popup_logo {position: absolute; top: 15px; left: 15px;}
.popup_close {position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #e51837 url(../img/main/btn_popup_close.png) no-repeat 50% 50%; font-size:0;}

.modal_overlay {opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:1000;width:100%;height:100vh;background:#000 !important}
.modal_box {display:none;position:fixed; top:133px;left:50%; right:50%; z-index:1100; margin:0px 0px 0px -300px; }
/* .modal_box {display:none;position:fixed;top:133px;left:50%;z-index:1100; margin:0px 0px 0px 180px} */
.modal_box * {box-sizing:border-box}

.modal_header {padding:10px 0;background:#ef8020;text-align:center;font-size:18px;font-weight:700;color:#fff;letter-spacing:-0.4px}

.modal_body {height:535px;margin:0 0 39px;padding:0px;border:5px solid #333;text-align:left; width:655px;}
.modal_body strong.tit {display:block;margin:20px 0;font-size:18px;text-align:center;line-height:28px}
.modal_body strong.tit em {color:#e11936}

.modal_body p.tit {font-size:15px;font-weight:700;color:#555;text-align:center;line-height:24px;letter-spacing:-0.1px}
.modal_body p.txt {font-size:13px;color:#555;text-align:center;line-height:22px;letter-spacing:-0.1px}






.tbl_type {width:100%;border-top:1px solid #9b9b9b;border-spacing:0}
.tbl_type th {padding:15px 5px;border-bottom:1px solid #ebebeb;background-color:#f6f6f6;font-size:14px;font-weight:700;color:#333;text-align:center;vertical-align:middle;letter-spacing:-0.8px}
.tbl_type td {padding:15px 5px;border-bottom:1px solid #ebebeb;font-size:13px;font-weight:400;color:#777;text-align:center;vertical-align:middle;letter-spacing:-0.8px;word-break:break-all}

.close_option { position: absolute; bottom: 0; left: 0; width: 655px; padding: 6px 0; background: #333; font-size: 12px; color: #fff;}
.close_option a {color: #fff; text-decoration: none;}
.close_option:after {content: '.'; display: block; clear: both; height: 0; line-height: 0; visibility: hidden;}
.close_option input {position: relative; top: -1px;  width: 22px; height: 15px;}
.close_option label {position:relative;padding-left:3px;font-size:14px;color:#fff;line-height:20px}
.close_option .lt {float: left; padding-left: 5px;}
.close_option .rt {float: right; padding-top: 4px; padding-right: 12px;}



/* 2024--8-20 */

.popup {
    display: none; 
    position: fixed; 
    z-index: 9999; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
   /*  background-color: rgba(0,0,0,0.4);  */
}

.popup-content {
    background-color: #fefefe;
    /* border: 1px solid #888; */
    /* 팝업 너비 조정 */
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* 수직 중앙 정렬 */
}
 /*.popup-content .popbox { position:relative; width: 400px; padding:0px 10px 10px 10px; border-top:10px solid #b3cf0a; border-left:10px solid #b3cf0a;
border-right:10px solid #b3cf0a;} */


.popup-content .popbox { position:relative; width: 400px; padding:0px 0px 0px 0px; }


/* .popup-content .popbox { width: 400px; padding:0px 10px 10px 10px; border-top:10px solid #b3cf0a; border-left:10px solid #b3cf0a;
border-right:10px solid #b3cf0a;} */
.popup-content .popbox .scy {width: 400px; height:580px; overflow-y:hidden; overflow-x:hidden;}

 

#popup1 {
   left: calc(50% - 450px); 왼쪽 팝업 위치
}

#popup2 {
    left: calc(50% + 0px); 오른쪽 팝업 위치
} 


/* #popup1 {
    left: calc(50% - 430px); 왼쪽 팝업 위치
}

#popup2 {
    left: calc(50% + 20px); 오른쪽 팝업 위치
} */


 /* #popup1 {
    left: calc(50% - 650px); 왼쪽 팝업 위치
 }
 
 #popup2 {
    left: calc(50% - 200px); 오른쪽 팝업 위치
 }
 
 #popup3 {
    left: calc(50% + 250px); 오른쪽 팝업 위치
 } */




.popup-content .popfoot {background:#3e3a39; padding:12px; color:#fff; font-size:14px;}


.popup-content .popbox .close {
   position: absolute;
    color: #aaa;
    right:20px;
    top:10px;
    font-size: 40px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

body .scroll-typeY::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
}

body .scroll-typeY::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}