@charset "utf-8";

/* YNC2020 윈도우 & 레이어 팝업
------------------------------------------------------ */
#popup-wrap {position:relative;width:100%;height:100%}
#popup-wrap .pop-head {position:fixed;top:0;left:0;width:100%;height:65px;z-index:1000;background:#2841a1}
#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.gif) no-repeat 0 0;background-size:50px;width:50px;height:50px;z-index:1200}
#popup-wrap .btn-close:before {background-image:url(/resources/_Img/Popup/btn_pclose2.png)}
#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.gif) no-repeat 0 0;background-size:50px;width:50px;height:50px;z-index:1200}
#popup-wrap .btn-reload:before {background-image:url(/resources/_Img/Popup/btn_reload2.png)}
#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.gif) no-repeat 0 0;background-size:50px;width:50px;height:50px;z-index:1200}
#popup-wrap .btn-minsize:before {background-image:url(/resources/_Img/Popup/btn_minsize2.png)}
#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.gif) no-repeat 0 0;background-size:50px;width:50px;height:50px;z-index:1200}
#popup-wrap .btn-maxsize:before {background-image:url(/resources/_Img/Popup/btn_maxsize2.png)}
#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;font-size:18px}
#layout-popup-wrap > #popup-wrap {position:absolute;background-color:rgba( 255,255,255,1);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 {display:block;position:absolute;width:65px;height:65px;background:transparent;transition:all .3s ease}
#layout-popup-wrap > #popup-wrap > button:before,
#layout-popup-wrap > #popup-wrap > button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#layout-popup-wrap > #popup-wrap > button:before {width:40px;height:40px;background-repeat:no-repeat;z-index:1}
#layout-popup-wrap > #popup-wrap > button:after {background:rgba(0, 0, 0, .2);opacity:0;z-index:0}
#layout-popup-wrap > #popup-wrap > button:focus:after,
#layout-popup-wrap > #popup-wrap > button:hover:after {opacity:1}
#layout-popup-wrap > #popup-wrap .pop-btn-1 {right:0px;top:0px}
#layout-popup-wrap > #popup-wrap .pop-btn-2 {right:65px;top:0px}
#layout-popup-wrap > #popup-wrap .pop-btn-3 {right:130px;top:0px}
.popup-window {position:relative;font-size:14px;}
.popup-window a {display:block}
.popup-window img {max-width:100%}
.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;}
@media all and (max-width:999px) {
	#layout-popup-wrap {font-size:17px}
}
@media all and (max-width:599px) {
	#layout-popup-wrap {font-size:16px}
}

/* 윈도우 팝업 */
.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}


/* YNC2020 상단 와이드팝업
------------------------------------------------------ */
/* 멀티팝업 */
#toppop {position:relative;width:100%;height:0;overflow:hidden;z-index:101;background:#15214f url(/resources/_Img/Common/wpop_bg.png) no-repeat center top}
.top-wide-popups * {vertical-align:top;color:#fff}
.top-wide-popups .tpop-topwide {position:relative;margin:0 auto;max-width:1600px;padding:0 0 30px}
.top-wide-popups .tpop-topwide .tpop-list-wrap {position:relative;height:100px;margin:0 70px;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:before {content:"";display:block;position:absolute;width:1px;height:70%;background:rgba(255, 255, 255, .15);left:0;top:50%;transform:translateY(-50%)}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item.first:before {display:none}
.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;overflow:hidden}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont a {display:block;height:100%;text-align:center}
.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:block;max-width:100%;max-height:100%;margin:0 auto}
.top-wide-popups .tpop-topwide button {border:0;cursor:pointer}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns {position:absolute;bottom:5px;left:0;width:100%;text-align:center;z-index:300}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btns {display:inline-block;position:relative;border:0;width:22px;height:22px;vertical-align:top;background:transparent}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btns:after {content:"";display:block;position:absolute;width:7px;height:6px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/_Img/Common/wpop_spr.png) no-repeat}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-stop {}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-stop:after {background-position:-110px 0px}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-play {}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-play:after {background-position:-127px 0px}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons {display:inline-block;margin:0 5px 0 0}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button {display:inline-block;position:relative;width:6px;height:6px;border-radius:999px;border:0;margin:0 5px;background:#fff;vertical-align:middle;opacity:.6;transition:all .3s ease}
.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 {opacity:1;width:20px}
.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%;transform:translateY(-50%);border:0;width:45px;height:35px;font-size:0;background:transparent;transition:all .3s ease}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:before,
.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:after {content:"";display:block;position:absolute;transition:all .3s ease}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:before {width:33px;height:12px;background:url(/resources/_Img/Common/wpop_spr.png) no-repeat;top:9px;z-index:1}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:after {width:35px;height:35px;border-radius:50%;background:rgba(0, 0, 0, .5);top:0;z-index:0}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev {left:0}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:before {right:0;background-position:-12px -45px}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:focus:before,
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:hover:before {right:12px}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:after {left:0}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next {right:0}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:before {left:0;background-position:-55px -45px}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:focus:before,
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:hover:before {left:12px}
.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:after {right:0}
.top-wide-popups .tpop-topwide .close-btns {position:absolute;right:0;bottom:9px;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.647;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;width:20px;height:20px;text-align:center;background:#fff;box-sizing:border-box;border-radius:3px;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:6px;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 #6c5f5e #6c5f5e}
.top-wide-popups .tpop-topwide .close-btns input:checked + label:before {background:#ccbcb5}
.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:transparent}
.top-wide-popups .tpop-topwide .close-btns button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:13px;height:13px;background:url(/resources/_Img/Common/wpop_spr.png) no-repeat -144px 0px}
.top-wide-popups.column1 .tpop-topwide .tpop-list-wrap {height:100px}
@media all and (min-width:1000px) {
	.top-wide-popups .tpop-bg {display:block;position:absolute;width:100%;height:0;left:0;top:0;background:rgba(0, 0, 0, .6);z-index:11;opacity:0;transition:opacity .3s ease}
	.mn_pc_show .top-wide-popups .tpop-bg {height:100%;opacity:1}
	.mn_pc_hide .top-wide-popups .tpop-bg {opacity:0}
}
@media all and (max-width:1400px){
	.top-wide-popups .tpop-topwide {width:auto;margin:0 20px}
}
@media all and (max-width:1200px) {
	.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%}
}
@media all and (max-width:999px){
	#toppop {z-index:1}
	.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 .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 .wpop-arrs-btns .arr {width:31px;height:24px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:before {width:23px;height:8px;background-size:110px auto;top:6px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .arr:after {width:24px;height:24px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:before {right:0;background-position:-8px -31px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:focus:before,
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:hover:before {right:8px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:after {left:0}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:before {left:0;background-position:-38px -31px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:focus:before,
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:hover:before {left:8px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:after {right:0}
	.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-ctrl-btns {bottom:5px;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-ctrl-btns .nicons {margin-top:1px}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button {margin:0 3px}
	.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 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:3px;top:5px}
	.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:12px;background-size:78px auto}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-prev:after {background-position:0px 0px;margin:auto auto auto 10px}
	.top-wide-popups .tpop-topwide .wpop-arrs-btns .btn-next:after {background-position:-13px 0px;margin:auto 10px auto auto}
	.top-wide-popups.column1 .tpop-topwide .tpop-list-wrap {height:50px}
}
@media all and (max-width:400px) {
	.top-wide-popups.column2 .tpop-topwide .tpop-list-wrap {height:70px}
}

/* 메인 레이어팝업
------------------------------------------------------ */
.layor-popups {display:none;position:absolute;z-index:9999}
.mn-h-open-state .layor-popups {z-index:1;}
.layor-popups.activate {display:block}
.layor-popups .layers_popup {position:absolute;background:#fff;border:1px solid #ccc;z-index:3000;padding:0 0 30px;box-shadow:0 0 10px rgba(0, 0, 0, .5), 10px 10px 20px rgba(0, 0, 0, .5), 5px 5px 10px rgba(0, 0, 0, .5)}
.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)}