@charset "utf-8";
#popup-wrap {position:relative;width:100%;height:100%;}
#popup-wrap .pop-head {position:fixed;top:0;left:0;width:100%;height:75px;z-index:1000;background-color:#026ddd;}
#popup-wrap .pop-head .htit {font-weight:400;font-size:20px;padding:22px 0 23px 30px;color:#fff;}
#popup-wrap .pop-cont {margin-top:70px;margin-left:20px;margin-right:20px;margin-bottom:20px;line-height:1.6;}
#popup-wrap .btn-close {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:url(/resources/_Img/Popup/btn_pclose_.png) no-repeat 0 0;background-size:100% auto;width:75px;height:75px;z-index:1200;}
#popup-wrap .btn-reload {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:url(/resources/_Img/Popup/btn_reload_.png) no-repeat 0 0;background-size:100% auto;width:75px;height:75px;z-index:1200;}
#popup-wrap .btn-minsize {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:url(/resources/_Img/Popup/btn_minsize_.png) no-repeat 0 0;background-size:100% auto;width:75px;height:75px;z-index:1200;}
#popup-wrap .btn-maxsize {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:url(/resources/_Img/Popup/btn_maxsize_.png) no-repeat 0 0;background-size:100% auto;width:75px;height:75px;z-index:1200;}

#layout-popup-wrap {position:fixed;z-index:9999;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);cursor:default;/* display:none */}
#layout-popup-wrap > #popup-wrap {position:absolute;background-color:rgba( 255,255,255,1);border-radius:0 0 50px 0;width:auto;height:auto;}
#layout-popup-wrap > #popup-wrap .pop-head {position:static;overflow:hidden;}
#layout-popup-wrap > #popup-wrap .pop-cont {margin-top:20px;overflow:auto;margin-left:20px;margin-right:20px;}
#layout-popup-wrap > #popup-wrap > button {width:75px;height:75px;background-size:100% auto;}
#layout-popup-wrap > #popup-wrap .pop-btn-1 {position:absolute;right:0px;top:0px;}
#layout-popup-wrap > #popup-wrap .pop-btn-2 {position:absolute;right:75px;top:0px;}
#layout-popup-wrap > #popup-wrap .pop-btn-3 {position:absolute;right:150px;top:0px;}
/* 윈도우 팝업 */
.popup-window {position:relative;font-size:14px;}
.popup-window .popwin_foot {position:fixed;left:0;bottom:0;background:#282828;width:100%;height:18px;overflow:hidden;color:#fff;font-size:11px;padding:9px 0 6px 0;}
.popup-window .popwin_foot input {margin:0 5px 0 10px;vertical-align:top;}
.popup-window .popwin_foot button {position:absolute;right:0;top:8px;width:50px;border:0px;padding:0;background:none;color:#FFF;font-size:11px;line-height:120%;cursor:pointer;}

/* 레이어팝업 */
.pop-layer {display:none;z-index:99999}
.pop-layer .popup-wrap {position:absolute;top:50%;left:50%;width:1200px !important;height:auto;z-index: 10;}
.pop-layer .popup-wrap .pop-cont {max-height:500px;overflow-y:auto;}
@media all and (max-width:1199px) {
	.pop-layer .popup-wrap {width:90% !important}
}
@media all and (max-width:499px) {
	.pop-layer .popup-wrap {width:100% !important}
	.popup-wrap .pop-head .htit {padding-left:10px;font-size:16px}
	.pop-layer > .popup-wrap .pop-cont {margin:10px 10px 0}
	.popup-wrap .wauto-wrap {margin:0 -10px}
}



/* 상단 와이드팝업
------------------------------------------------------ */
/* 멀티팝업 */
#toppop {position:relative;width:100%;height:0;overflow:hidden;z-index:4001;background:#0c3c7f}
.top-wide-popups * {vertical-align:top;color:#fff}
.top-wide-popups .tpop-topwide {position:relative;margin:0 auto;max-width:1400px;padding:13px 0 37px 0}
.top-wide-popups .tpop-topwide:after {content:"";display:block;position:absolute;width:158px;height:112px;left:61px;bottom:0;z-index:-1}
.top-wide-popups .tpop-topwide .tpop-list-wrap {position:relative;height:130px;overflow:hidden}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item {position:absolute;overflow:hidden;text-align:center}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .num {display:block;font-size:18px;color:#fff;margin-bottom:20px;font-weight:300}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont, .wpop-cont > div {position:relative;display:block;height:100%;margin-left:auto;margin-right:auto;font-size:0;overflow:hidden}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont {box-sizing:border-box}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item:nth-child(odd) .wpop-cont:after {content:"";display:block;position:absolute;right:0;top:50%;background-color:rgba(255, 255, 255, .3);width:1px;height:110px;margin-top:-55px;}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont:before,
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont a {display:inline-block;width:100%;height:100%;text-align:center;font-size:0;overflow:hidden;vertical-align:middle;}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont .comm {display:none}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont img {display:inline-block;max-width:100%;max-height:100%;margin:0 auto;vertical-align:middle;}
.top-wide-popups .tpop-topwide button {border:0;cursor:pointer}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns {position:absolute;bottom:10px;left:0;width:100%;text-align:left;z-index:300;font-size:0}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btns {display:inline-block;border:0;width:22px;height:22px;background-color:#fff;border-radius:50%;vertical-align:middle;position:relative;margin-right:4px;}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btns:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;box-sizing:border-box}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-stop:before {left:1px;width:0;height:0;border:5px solid transparent;border-right:0;border-left:7px solid #0c3c7f}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-play:before {width:7px;height:10px;border:2px solid #0c3c7f;border-top:0;border-bottom:0}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons {display:inline-block;vertical-align:middle}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button {display:inline-block;position:relative;width:13px;height:13px;border-radius:50%;border:3px solid #0c3c7f;margin:0 5px;background:rgba(255,255,255,.3);vertical-align:middle}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button.over,
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button.is-over {;background:#0c3c7f;border:2px solid #fff}
.top-wide-popups .tpop-topwide .wpop-arrs-btns {display:block;position:absolute;width:100%;left:0;top:50%;height:0}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr {position:absolute;top:50%;margin-top:-37px;border:0;width:48px;height:48px;background:none;transition:all .3s ease}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:focus,
.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:hover {}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:after {content:"";display:block;position:absolute;width:19px;height:19px;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border:2px solid rgba(255, 255, 255, .8);border-top:0;border-right:0}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev {left:-80px}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:after {transform:rotate(45deg);-ms-transform:rotate(45deg);margin:auto auto auto 20px}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next {right:-80px}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg);margin:auto auto auto 16px}
.top-wide-popups .tpop-topwide .close-btns {position:absolute;right:0;bottom:5px;z-index:301;font-size:0}
.top-wide-popups .tpop-topwide .close-btns * {vertical-align:middle}
.top-wide-popups .tpop-topwide .close-btns input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.top-wide-popups .tpop-topwide .close-btns input + label {display:inline-block;vertical-align:middle;position:relative;padding-left:30px;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.647;margin-right:13px;letter-spacing:0}
.top-wide-popups .tpop-topwide .close-btns input + label:before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;margin-top:1px;width:20px;height:20px;text-align:center;background:#fff;box-sizing:border-box;transition:all .3s ease}
.top-wide-popups .tpop-topwide .close-btns input + label:after {content:"";display:block;position:absolute;width:8px;height:4px;left:4px;top:7px;border-width:0 0 3px 3px;border-style:solid;border-color:transparent transparent transparent transparent;transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .3s ease}
.top-wide-popups .tpop-topwide .close-btns input:checked + label {opacity:1}
.top-wide-popups .tpop-topwide .close-btns input:checked + label:after {border-color:transparent transparent #333 #333}
.top-wide-popups .tpop-topwide .close-btns input:checked + label:before {background:#d4dbe7}
.top-wide-popups .tpop-topwide .close-btns input:focus + label {}
.top-wide-popups .tpop-topwide .close-btns input:focus + label:before {outline:rgb(59, 153, 252) auto 5px;border:3px solid #f47b20}
.top-wide-popups .tpop-topwide .close-btns label {display:inline-block;margin-left:7px;margin-right:8px;font-size:14px;vertical-align:middle;opacity:.8;cursor:pointer;transition:all .3s ease}
.top-wide-popups .tpop-topwide .close-btns label:focus,
.top-wide-popups .tpop-topwide .close-btns label:hover {opacity:1}
.top-wide-popups .tpop-topwide .close-btns button {display:inline-block;position:relative;width:30px;height:30px;vertical-align:middle;background:rgba(0, 0, 0, .3);border-radius:50%}
.top-wide-popups .tpop-topwide .close-btns button:before, .top-wide-popups .tpop-topwide .close-btns button:after {display:block;content:"";width:1px;height:20px;background:#fff;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.top-wide-popups .tpop-topwide .close-btns button:before {transform:rotate(45deg);-ms-transform:rotate(45deg);}
.top-wide-popups .tpop-topwide .close-btns button:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.top-wide-popups.column1 .tpop-topwide .tpop-list-wrap {height:100px}
@media all and (max-width:1599px) {
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev {left:-45px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next {right:-45px}
}
@media all and (max-width:1499px) {
	.top-wide-popups .tpop-topwide {width:auto;margin:0 30px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev {left:-40px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next {right:-40px}
}
@media all and (max-width:1199px) {
	.top-wide-popups .tpop-topwide:after {left:20px}
	.top-wide-popups.column1 .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont img {max-width:100%}
	.top-wide-popups.column2 .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont img {max-width:96%}
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item:nth-child(odd) .wpop-cont {margin-right:10px;}
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item:nth-child(even) .wpop-cont {margin-left:10px;}
}
@media all and (max-width:999px){
	#toppop {}
	.top-wide-popups .tpop-topwide {padding:20px 0 50px 0}
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont {margin:0 !important}
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item:nth-child(odd) .wpop-cont:after {display:none}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns {bottom:15px}
	.top-wide-popups .tpop-topwide .close-btns {right:0;bottom:10px}
}
@media all and (max-width:800px){
	.top-wide-popups .tpop-topwide {margin:0 10px}
	.top-wide-popups .tpop-topwide:after {width:111px;height:78px}
	.top-wide-popups .tpop-topwide .tpop-list-wrap {margin:0 40px}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.arr {width:35px;height:70px}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns .btn-prev:after, .top-wide-popups .tpop-topwide .wpop-ctrl-btns .btn-prev:before,
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns .btn-next:after, .top-wide-popups .tpop-topwide .wpop-ctrl-btns .btn-next:before {left:15px;height:40px;margin-top:-7px}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns .btn-prev:before {margin-top:-35px}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns .btn-next:before {margin-top:-35px}
	.top-wide-popups.column1 .tpop-topwide .tpop-list-wrap {height:80px}
}
@media all and (max-width:640px) {
	.top-wide-popups .tpop-topwide {padding:20px 0 40px 0}
	.top-wide-popups .tpop-topwide:after {width:78px;height:55px}
	.top-wide-popups .tpop-topwide .tpop-list-wrap {height:70px;margin:0 30px}
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .num {display:none}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr {width:26px;height:26px;margin-top:-21px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:after {width:7px;height:7px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:after {margin:auto auto auto 11px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:after {margin:auto auto auto 8px}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns {bottom:10px;text-align:left}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btns {width:18px;height:18px;background-size:112px auto}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-stop {background-position:-37px 0}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-play {background-position:-62px 0}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.arr {top:-160px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev {left:0}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next {right:0}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons {margin-top:1px}
	.top-wide-popups .tpop-topwide .close-btns {bottom:10px}
	.top-wide-popups .tpop-topwide .close-btns label {font-size:11px}
	.top-wide-popups .tpop-topwide .close-btns button {width:18px;height:18px;background-size:84px auto;background-position:100% 0}
	.top-wide-popups .tpop-topwide .close-btns button:before, .top-wide-popups .tpop-topwide .close-btns button:after {height:10px}
	.top-wide-popups .tpop-topwide .close-btns input + label {padding-left:25px}
	.top-wide-popups .tpop-topwide .close-btns input + label:before {width:16px;height:16px}
	.top-wide-popups .tpop-topwide .close-btns input + label:after {width:6px;left:4px;top:8px}
	.top-wide-popups.column1 .tpop-topwide .tpop-list-wrap {height:70px}
	.top-wide-popups.column2 .tpop-topwide .tpop-list-wrap {height:110px}
}
@media all and (max-width:540px) {
	.top-wide-popups .tpop-topwide .tpop-list-wrap {height:60px}
	.top-wide-popups.column2 .tpop-topwide .tpop-list-wrap {height:90px}
	.top-wide-popups.column1 .tpop-topwide .tpop-list-wrap {height:60px}
}
@media all and (max-width:460px) {
	#toppop {height:auto !important}
	.top-wide-popups .tpop-topwide {padding:15px 0 35px 0}

	.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr {width:27px;height:27px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:after {width:7px;height:7px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:after {margin:auto auto auto 10px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:after {margin:auto auto auto 10px}
	.top-wide-popups.column1 .tpop-topwide .tpop-list-wrap {height:50px}
}
@media all and (max-width:400px) {
	.top-wide-popups .tpop-topwide:after {width:55px;height:38px}
	.top-wide-popups.column2 .tpop-topwide .tpop-list-wrap {height:70px}
}

/* 메인 레이어팝업
------------------------------------------------------ */
.layor-popups {display:none;position:absolute;opacity:0;max-width:100%;z-index:9001}
.layor-popups.activate {display:block;opacity:1;}
.layor-popups.activate.show {opacity:1;transition:all .3s ease}
.layers_popup .layer-vod {padding:66.719%}
.layers_popup .layer-vod iframe {width:100%;height:100%;position:absolute;top:0;left:0;}
.layor-popups .layers_popup {position:absolute;background:#fff;border:1px solid #ccc;z-index:3000;padding:0 0 30px}
.layor-popups .popup_layer_body {position:relative}
.layor-popups .popup_layer_body img {display:block;max-width:100%}
.layor-popups .poplayer_foot {position:absolute;height:30px;line-height:30px;box-sizing:border-box;position:relative;text-align:left;font-size:0;padding:0 10px;bottom:0;width:100%;background:#282828;overflow:hidden;display:block;color:#fff}
.layor-popups .poplayer_foot span {display:inline-block;line-height:1}
.layor-popups .poplayer_foot span input,
.layor-popups .poplayer_foot span label {display:inline-block;vertical-align:middle;line-height:1}
.layor-popups .poplayer_foot span input {font-size:0;margin:0 0 -1px}
.layor-popups .poplayer_foot span label {font-size:13px;margin:-2px 0 0 5px}
.layor-popups .poplayer_foot button {display:block;position:absolute;box-sizing:border-box;font-size:13px;padding:0 0 0 15px;right:10px;top:7px;border:0;background:transparent;color:#fff;line-height:1;cursor:pointer}
.layor-popups .poplayer_foot button:before,
.layor-popups .poplayer_foot button:after {content:"";display:block;position:absolute;width:10px;height:2px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto auto auto 0}
.layor-popups .poplayer_foot button:before {transform:rotate(45deg)}
.layor-popups .poplayer_foot button:after {transform:rotate(-45deg)}