@charset "utf-8";
.isMain #popup-wrap,
.isSub #popup-wrap {font-size:18px}
#popup-wrap {position:relative;border-radius:30px 30px 0 0;width:100%;height:100%;font-weight:400;line-height:1.6667;letter-spacing:-.025em;word-break:keep-all;word-wrap:break-word;color:#555;font-size:18px;overflow:hidden}
#popup-wrap .pop-head {position:fixed;top:0;left:0;width:100%;height:100px;z-index:1000;display:flex;align-items:center;padding:0 60px 0 60px;box-sizing:border-box;background:linear-gradient(90deg, #009FBF 0%, #839E00 100%);}
#popup-wrap .pop-head:before {content:"";display:inline-block;width:0;height:64px;vertical-align:middle}
#popup-wrap .pop-head .htit {display:inline-block;font-weight:400;font-size:1.44444em;padding:0;color:#fff;font-family:'ONE-Mobile-Title',sans-serif;max-width:100%;line-height:1.1;vertical-align:middle;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
#popup-wrap .pop-cont {margin:80px 30px 20px}
#popup-wrap .btn-close,
#popup-wrap .btn-reload,
#popup-wrap .btn-minsize,
#popup-wrap .btn-maxsize {display:block;position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;width:60px;height:60px;z-index:1200;background:#374359;border:0;border-radius:0 30px 0 30px;}
#popup-wrap .btn-close:after,
#popup-wrap .btn-reload:after,
#popup-wrap .btn-minsize:after,
#popup-wrap .btn-maxsize:after {content:"";display:block;position:absolute;width:40px;height:40px;top:0;right:0;bottom:0;left:0;margin:auto;background-repeat:no-repeat;background-position:0 0;background-color:transparent}
#popup-wrap .btn-close:after {background-image:url(/resources/_Img/Popup/btn_pclose2.png);width:23px;height:23px;}
#popup-wrap .btn-reload:after {background-image:url(/resources/_Img/Popup/btn_reload2.png)}
#popup-wrap .btn-minsize:after {background-image:url(/resources/_Img/Popup/btn_minsize2.png)}
#popup-wrap .btn-maxsize:after {background-image:url(/resources/_Img/Popup/btn_maxsize2.png)}

#layout-popup-wrap {position:fixed;z-index:9998;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;background-color:rgba(0, 0, 0, .8);cursor:default;}
#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:relative;overflow:hidden}
#layout-popup-wrap > #popup-wrap .pop-cont {margin:30px 60px;overflow:auto}
#layout-popup-wrap > #popup-wrap > button {width:60px;height:60px}
#layout-popup-wrap > #popup-wrap .pop-btn-1 {position:absolute;right: 5px;top: 5px;border-radius: 20px;}
#layout-popup-wrap > #popup-wrap .pop-btn-2 {position:absolute;right: 70px;top: 5px;border-radius: 20px;}
#layout-popup-wrap > #popup-wrap .pop-btn-3 {position:absolute;right: 135px;top: 5px;border-radius: 20px;}
#layout-popup-wrap > #popup-wrap .pop-btn-4 {position:absolute;right:185px;top:0;border-radius:30px;}


#popup-wrap .nw-btn:focus,
#popup-wrap .nw-btn:hover {text-decoration:underline}
#popup-wrap .nw-btn:focus span,
#popup-wrap .nw-btn:hover span {color:#2186a2}
.adm #layout-popup-wrap > #popup-wrap {overflow:hidden;}
.adm #popup-wrap {font-size:inherit;font-size:13px;}
.adm #popup-wrap .pop-head {border-radius:0;height:60px;padding:0 20px 0 20px;}
.adm #popup-wrap .btn-close,
.adm #popup-wrap .btn-reload,
.adm #popup-wrap .btn-minsize,
.adm #popup-wrap .btn-maxsize {height:60px;border-radius:0;}
.adm #layout-popup-wrap > #popup-wrap .pop-cont {margin:20px;overflow:auto;overflow-x:hidden}

@media all and (max-width:1200px) {
	#popup-wrap .pop-head {padding:0 140px 0 30px}
	#layout-popup-wrap > #popup-wrap .pop-cont {margin:30px}
}
@media all and (max-width:999px) {
	.isMain #popup-wrap,
	.isSub #popup-wrap {font-size:17px;line-height:1.6}
	#popup-wrap {}
	#popup-wrap .pop-head {padding:0 140px 0 20px;height:60px}
	#popup-wrap .pop-head:before {height:60px}
	#popup-wrap .btn-close,
	#popup-wrap .btn-reload,
	#popup-wrap .btn-minsize,
	#popup-wrap .btn-maxsize {width:60px;height:60px}
	#popup-wrap .pop-cont {margin:70px 20px 20px}
	#layout-popup-wrap {box-sizing:border-box;padding:20px}
	#layout-popup-wrap > #popup-wrap {position:relative;width:100% !important;height:100% !important;top:auto !important;left:auto !important;padding:80px 20px 20px;box-sizing:border-box}
	#layout-popup-wrap > #popup-wrap .pop-head {position:absolute;width:100%;left:0;top:0}
	#layout-popup-wrap > #popup-wrap .pop-cont {margin:0;height:100% !important}
	#layout-popup-wrap > #popup-wrap > button {width:60px;height:60px}
	#layout-popup-wrap > #popup-wrap .pop-btn-1 {top:0;right:0px;border-radius:0;}
	#layout-popup-wrap > #popup-wrap .pop-btn-2 {top:0;right:60px;border-radius:0;}
	#layout-popup-wrap > #popup-wrap .pop-btn-3 {top:0;right:120px;border-radius:0;}
	#layout-popup-wrap > #popup-wrap .pop-btn-4 {top:0;right:180px;border-radius:0;}
}
@media all and (max-width:768px) {
	.isMain #popup-wrap,
	.isSub #popup-wrap {font-size:16px;line-height:1.5}
}
@media all and (max-width:699px) {
	#popup-wrap .pop-head {padding:0 60px 0 20px;height:50px}
	#popup-wrap .pop-head:before {height:46px}
	#popup-wrap .btn-close,
	#popup-wrap .btn-reload,
	#popup-wrap .btn-minsize,
	#popup-wrap .btn-maxsize {width:50px;height:50px}
	#layout-popup-wrap > #popup-wrap {padding:70px 20px 20px;border-radius:20px;}
	#layout-popup-wrap > #popup-wrap .pop-head {}
	#layout-popup-wrap > #popup-wrap .pop-cont {}
	#layout-popup-wrap > #popup-wrap > button {width:50px;height:50px}
	#layout-popup-wrap > #popup-wrap .pop-btn-1 {right:0px; }
	#layout-popup-wrap > #popup-wrap .pop-btn-2 {right:50px;}
	#layout-popup-wrap > #popup-wrap .pop-btn-3 {right:100px;}
	#layout-popup-wrap > #popup-wrap .pop-btn-4 {right:150px;}
}
@media all and (max-width:499px) {
	.isMain #popup-wrap,
	.isSub #popup-wrap {font-size:15px}
}

/* ==============================
* 윈도우 팝업
================================= */
.winPopBodyTag {height:100%}
.winPopBodyTag body {height:100%;box-sizing:border-box;padding:0 0 42px}
.popup-window {position:relative;padding:0;font-size:18px;color:#555;letter-spacing:-0.05em;line-height:1.666;word-break:keep-all;word-wrap:break-word;font-weight:400;height:100%;box-sizing:border-box;overflow:auto}
.popup-window a {display:block}
.popup-window img {display:block;width:auto;max-width:100%}
.popup-window .no-data {display:block;position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%);text-align:center}
.popup-window .no-data:before {content:"";display:block;width:71px;height:71px;margin:0 auto 10px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat}
.popup-window .popwin_foot {position:fixed;left:0;bottom:0;background:#282828;width:100%;overflow:hidden;color:#fff;padding:5px 10px 7px;box-sizing:border-box}
.popup-window .popwin_foot .chks label {font-size:15px}
.popup-window .popwin_foot .chks label:focus,
.popup-window .popwin_foot .chks label:hover {color:#fff;text-decoration:underline}
.popup-window .popwin_foot .chks input[type="checkbox"] + label:focus:before,
.popup-window .popwin_foot .chks input[type="checkbox"] + label:hover:before {border-color:#fff}
.popup-window .popwin_foot button {position:absolute;right:10px;top:50%;width:50px;border:0;padding:0;background:none;color:#fff;font-size:15px;line-height:1;cursor:pointer;transform:translateY(-50%);box-sizing:border-box;padding:0 0 4px 15px}
.popup-window .popwin_foot button:before,
.popup-window .popwin_foot button:after {content:"";display:block;position:absolute;width:15px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto auto auto 0;background:#fff;transition:all .3s ease}
.popup-window .popwin_foot button:before {transform:rotate(45deg)}
.popup-window .popwin_foot button:focus:before,
.popup-window .popwin_foot button:hover:before {transform:rotate(135deg)}
.popup-window .popwin_foot button:after {transform:rotate(135deg)}
.popup-window .popwin_foot button:focus:after,
.popup-window .popwin_foot button:hover:after {transform:rotate(225deg)}

/* ==============================
* 메인 레이어팝업
================================= */
.layor-popups {display:block;position:absolute;z-index:4001;width:100%;height:0;left:0;top:0}
.layor-popups.activate {}
.layor-popups .layers_popup {display:none;position:absolute;width:0;height:0;left:0;top:0;background:#fff;border:1px solid #ccc;z-index:3000;padding:40px 0 42px;box-shadow:5px 5px 10px rgba(0, 0, 0, .5);transition:all .3s ease}
.layor-popups .layers_popup.show {display:block}
.layor-popups .layers_popup.hide {display:none}
.layor-popups .popup_layer_title {display:block;position:absolute;left:0;top:0;height:40px;line-height:40px;text-align:left;box-sizing:border-box;padding:0 0 0 15px;font-size:15px;font-weight:500;color:#000}
.layor-popups .popup_layer_body {position:relative;box-sizing:border-box;width:100% !important;height:100% !important;padding:0;overflow-x:hidden;overflow-y:auto !important}
.layor-popups .popup_layer_body img {display:block;max-width:100%}
.layor-popups .popup_layer_body .extraHtml {box-sizing:border-box;padding:15px}
.layor-popups .popup_layer_body.hasNoData {font-size:0;text-align:center}
.layor-popups .popup_layer_body.hasNoData:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
.layor-popups .popup_layer_body.hasNoData .no-data {display:inline-block;vertical-align:middle;background:none;padding:0;line-height:1.3;font-size:15px;color:#555;font-weight:500;letter-spacing:-.05em;word-wrap:break-word;word-break:keep-all;white-space:normal}
.layor-popups .popup_layer_body.hasNoData .no-data:before {content:"";display:block;width:71px;height:71px;margin:0 auto 5px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat}
.layor-popups .popup_layer_foot {position:absolute;left:0;bottom:0;background:#282828;width:100%;overflow:hidden;color:#fff;padding:5px 10px 7px;box-sizing:border-box}
.layor-popups .popup_layer_foot .chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding:5px 0 5px 25px;cursor:pointer;user-select:none;line-height:1.2;font-size:15px;text-align:left;transition:all .3s ease}
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label:before,
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label:after {content:'';display:block;position:absolute;box-sizing:border-box;transition:all .3s ease}
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label:before {width:18px;height:18px;left:0;top:6px;margin:0;background:#fff;border:1px solid #fff}
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label:after {width:10px;height:6px;left:5px;top:11px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #01346b #01346b;transform:rotate(-45deg);opacity:0}
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label:focus,
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label:hover {color:#fff;text-decoration:underline}
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label:focus:before,
.layor-popups .popup_layer_foot .chks input[type="checkbox"] + label:hover:before {border-color:#fff}
.layor-popups .popup_layer_foot .chks input[type="checkbox"]:checked + label:before {border-color:#fff;background:#fff}
.layor-popups .popup_layer_foot .chks input[type="checkbox"]:checked + label:after {opacity:1}
.layor-popups .popup_layer_foot .chks input[type="checkbox"]:focus + label {outline:rgba(255, 255, 255, .2) auto 5px}
.layor-popups .popup_layer_foot button {position:absolute;right:10px;top:50%;width:50px;border:0;padding:0;background:none;color:#fff;font-size:15px;line-height:1;cursor:pointer;transform:translateY(-50%);box-sizing:border-box;padding:0 0 4px 15px}
.layor-popups .popup_layer_foot button:before,
.layor-popups .popup_layer_foot button:after {content:"";display:block;position:absolute;width:15px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto auto auto 0;background:#fff;transition:all .3s ease}
.layor-popups .popup_layer_foot button:before {transform:rotate(45deg)}
.layor-popups .popup_layer_foot button:focus:before,
.layor-popups .popup_layer_foot button:hover:before {transform:rotate(135deg)}
.layor-popups .popup_layer_foot button:after {transform:rotate(135deg)}
.layor-popups .popup_layer_foot button:focus:after,
.layor-popups .popup_layer_foot button:hover:after {transform:rotate(225deg)}
@media all and (max-width:699px) {
	.layor-popups {/* height:0;overflow-y:hidden; */position:fixed}
	.layor-popups.activate {width:100%;height:100%;box-sizing:border-box;padding:20px;background:rgba(0, 0, 0, .3)}
	.layor-popups .layers_popupPkgs {position:relative;width:100%;height:100%;box-sizing:border-box;position:relative}
	.layor-popups .layers_popup {/* width:100% !important;height:100% !important; */left:auto !important;top:auto !important;position:relative !important;box-sizing:border-box}
	.layor-popups .layers_popup {width: 83% !important; margin: 0 auto;}
	.layor-popups .popup_layer_body {width:100% !important;height:100% !important}
}

/* ==============================
* 와이드팝업
================================= */
#toppop {display:block;position:absolute;left:0;top:0;width:100%;background:#2D436A;background-size:cover;opacity:0;z-index:-1;text-align:center;overflow:hidden;box-sizing:border-box;}
#toppop:before {display:block;content:'';position:absolute;left:0;top:0;width:617px;height:100%;background:url(/resources/_Img/Popup/wPop_bg1.png) no-repeat 0 0;background-size:cover;z-index:-1;transition:all .3s ease;}
#toppop:after {display:block;content:'';position:absolute;right:0;top:0;width:610px;height:100%;background:url(/resources/_Img/Popup/wPop_bg2.png) no-repeat 0 0;background-size:cover;z-index:-1;transition:all .3s ease;}
#toppop.stable {display:none;position:relative;left:auto;top:auto;opacity:1;z-index:1}

#toppop .dataListWr {position:relative;box-sizing:border-box;max-width:860px;margin:0 auto;padding:0 30px;}
#toppop .dataNavi {position:absolute;width:100%;left:0;top:50%;z-index:2}
#toppop .dataNavi.disabled {display:none}
#toppop .dataNavi button {display:block;position:absolute;width:20px;height:40px;top:50%;transform:translateY(-50%);background:transparent;border:0;z-index:1;transition:all .3s ease}
#toppop .dataNavi button:after {content:"";display:block;position:absolute;width:26px;height:26px;border:solid;border-width:0 0 1px 1px;border-color:transparent transparent #fff #fff;top:0;right:0;bottom:0;left:0;transition:all .3s ease}
#toppop .dataNavi .owl-prev {left:0;}
#toppop .dataNavi .owl-prev:after {transform:rotate(45deg);margin:auto auto auto 11px}
#toppop .dataNavi .owl-next {right:0;}
#toppop .dataNavi .owl-next:after {transform:rotate(225deg);margin:auto 11px auto auto}

#toppop .dataListCore {position:relative;width:auto;margin:0;box-sizing:border-box}
#toppop .dataList.owl-carousel.owl-hidden {opacity:1}
#toppop .dataList .item {line-height:1;font-size:0;box-sizing:border-box;position:relative}
#toppop .dataList .item .cont {display:block;box-sizing:border-box;position:relative;height:auto;overflow:hidden;margin:0 auto;}
#toppop .dataList .item .cont .contContainer {}
#toppop .dataList .item .cont a {display:block;position:relative;}
#toppop .dataList .item .cont .base {display:block;width:100%;max-width:800px;height:auto;}

#toppop .dataUtil {position:relative;display:inline-flex;align-items: center;flex-wrap:wrap;justify-content: center;padding:14px 30px 12px 30px;margin:0 auto;box-sizing:border-box;border-radius: 20px 20px 0px 0px;background: rgba(255, 255, 255, 0.10);}
#toppop .dataUtil .side-L {}
#toppop .dataUtil .side-L > div {display:inline-block;vertical-align:middle;line-height:1;font-size:0}
#toppop .dataUtil .side-L button {width:17px;height:17px;font-size:0;box-sizing:border-box;border:0;position:relative;background:transparent;transition:all .3s ease}
#toppop .dataUtil .side-L button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;transition:all .3s ease}
#toppop .dataUtil .side-L .dataDots {text-align:left;font-size:0}
#toppop .dataUtil .side-L .dataDots button {display:inline-block;vertical-align:top;margin-left:8px;}
#toppop .dataUtil .side-L .dataDots button:after {width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid #fff;opacity:.4;}
#toppop .dataUtil .side-L .dataDots button.active:after {opacity:1;background:transparent;}
#toppop .dataUtil .side-L .dataDots > button:first-child {margin-left:0;}
#toppop .dataUtil .side-L .dataAuto {margin-left: 5px; }
#toppop .dataUtil .side-L .dataAuto .btn-stop {}
/* #toppop .dataUtil .side-L .dataAuto .btn-stop:after {width:7px;height:10px;border:solid;border-width:0 2px;border-color:transparent #fff} */
#toppop .dataUtil .side-L .dataAuto .btn-stop:after{background: linear-gradient(to right, transparent 3px, #fff 3px, #fff 5px,transparent 5px, transparent 10px, #fff 10px, #fff 12px, transparent 12px, transparent 14px); width: 17px; height: 17px; }
#toppop .dataUtil .side-L .dataAuto .btn-play {display:none}
#toppop .dataUtil .side-L .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:9px 0 9px 17px;border-color:transparent transparent transparent #fff}

#toppop .dataUtil .side-R {padding-left:30px;}
#toppop .dataUtil .side-R .dataCloser {display:inline-block;line-height:1;font-size:0}
#toppop .dataUtil .side-R .dataChks {display:inline-block;vertical-align:middle}
#toppop .dataUtil .side-R .dataChks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#toppop .dataUtil .side-R .dataChks input[type="checkbox"] + label {display:block;font-size:14px;font-weight:400;color:#fff;padding:5px 10px 5px 28px;box-sizing:border-box;position:relative;line-height:1;cursor:pointer}
#toppop .dataUtil .side-R .dataChks input[type="checkbox"] + label:before,
#toppop .dataUtil .side-R .dataChks input[type="checkbox"] + label:after {content:"";display:block;position:absolute;box-sizing:border-box;transition:all .3s ease}
#toppop .dataUtil .side-R .dataChks input[type="checkbox"] + label:before {width:20px;height:20px;background:transparent;border:1px solid #fff;left:0;top:2px;border-radius:50%;opacity:0.8;}
#toppop .dataUtil .side-R .dataChks input[type="checkbox"] + label:after {width:8px;height:4px;border:solid;border-width:0 0 1px 1px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);left:6px;top:9px;opacity:0.8;}
#toppop .dataUtil .side-R .dataChks input[type="checkbox"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}
#toppop .dataUtil .side-R .dataChks input[type="checkbox"]:checked + label:before {background:#fff;opacity:1;}
#toppop .dataUtil .side-R .dataChks input[type="checkbox"]:checked + label:after {border-color:#313742;opacity:1;}
#toppop .dataUtil .side-R .close-btn {display:inline-block;vertical-align:middle;width:23px;height:23px;background:transparent;border:0;box-sizing:border-box;position:relative;}
#toppop .dataUtil .side-R .close-btn:before,
#toppop .dataUtil .side-R .close-btn:after {content:"";display:block;position:absolute;width:100%;height:3px;background:#fff;border-radius:6px;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#toppop .dataUtil .side-R .close-btn:before {transform:rotate(45deg)}
#toppop .dataUtil .side-R .close-btn:after {transform:rotate(135deg)}
#toppop .dataUtil .side-R .close-btn:focus:before,
#toppop .dataUtil .side-R .close-btn:hover:before {transform:rotate(135deg)}
#toppop .dataUtil .side-R .close-btn:focus:after,
#toppop .dataUtil .side-R .close-btn:hover:after {transform:rotate(225deg)}
@media all and (max-width:1399px) {
	#toppop:before {left:-350px;}
	#toppop:after {right:-350px;}
}
@media all and (max-width:599px) {
	#toppop .dataNavi button:after {width:20px;height:20px;}
	#toppop .dataList .item .cont .contContainer {min-height:120px;display:flex;align-items:center;}
	#toppop .dataUtil {padding:10px 15px 8px 15px;;border-radius: 10px 10px 0px 0px;}
	#toppop .dataUtil .side-L button {width:10px;height:10px;}
	#toppop .dataUtil .side-L .dataDots button {margin-left:4px;}
	#toppop .dataUtil .side-L .dataDots button:after {width:10px;height:10px;}
	#toppop .dataUtil .side-R .dataChks input[type="checkbox"] + label {font-size:12px;}
	#toppop .dataUtil .side-R .dataChks input[type="checkbox"] + label:before {top:0;}
	#toppop .dataUtil .side-R .dataChks input[type="checkbox"] + label:after {top:7px;}
	#toppop .dataUtil .side-R {padding-left:15px;}
	#toppop .dataUtil .side-R .close-btn {;width:19px;height:19px;}
}
@media all and (max-width:399px) {
	#toppop .dataListWr {padding:0 20px;}
	#toppop .dataNavi button {width:16px;height:30px;}
	#toppop .dataNavi button:after {width:14px;height:14px;}
}

/* ==============================
* 게시판 게시글 비밀번호 체크
================================= */
#layout-popup-wrap.chkBoardPw {}
#layout-popup-wrap.chkBoardPw #popup-wrap {height:auto !important}
/* #layout-popup-wrap.chkBoardPw #popup-wrap .pop-head {display:none} */
#layout-popup-wrap.chkBoardPw #popup-wrap .pop-cont {box-sizing:border-box;padding:60px 87px 0;margin:0}
/* #layout-popup-wrap.chkBoardPw #popup-wrap .pop-btn-1 {display:none} */
#layout-popup-wrap.chkBoardPw #popup-wrap .pwChkHead {position:relative;padding:107px 0 0;margin:0 0 39px}
#layout-popup-wrap.chkBoardPw #popup-wrap .pwChkHead:before {content:"";display:block;position:absolute;width:68px;height:88px;top:0;left:50%;transform:translateX(-50%);background:url(/resources/_Img/Board/default/passChk_spr.png) no-repeat}
#layout-popup-wrap.chkBoardPw #popup-wrap .pwChkHead .txt {display:block;font-size:20px;line-height:1.2;color:#333}
#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm {margin:0 0 40px}
#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap {position:relative;box-sizing:border-box;height:65px}
#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap:before {display:block;content:'';width:59px;height:88px;background:url(/resources/_Img/Member/login_icon01.png) no-repeat 0 0;margin:0 auto 30px auto;}

#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap input {display:block;box-sizing:border-box;width:100% !important;height:100%;background:#fff;border-radius:0;border:2px solid #ebebeb;border-right:none;padding:0 5px 0 25px}
#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap input::placeholder {font-size:15px;color:#666}
#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap .bp-btn {position:absolute;width:75px;height:65px;min-width:0;right:0;top:0;background:#002752}
#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap .bp-btn:before {content:"";display:block;position:absolute;width:22px;height:19px;left:50%;top:50%;transform:translate(-50%, -50%);background:url(/resources/_Img/Board/default/passChk_spr.png) no-repeat -78px 0}
#layout-popup-wrap.chkBoardPw #popup-wrap .pwChkClose {box-sizing:border-box;width:130px;height:60px;border:1px solid #ccc;background:#f7f7f7;font-size:16px;color:#444}
#layout-popup-wrap.chkBoardPw .bp-btn {margin-top:30px}
@media all and (max-width:999px) {
	#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm {margin:0 0 30px}
	#layout-popup-wrap.chkBoardPw #popup-wrap .pop-cont {padding:20px 200px}
}
@media all and (max-width:699px) {
	#layout-popup-wrap.chkBoardPw #popup-wrap .pop-cont {padding:0}
	#layout-popup-wrap.chkBoardPw #popup-wrap .pwChkHead {padding:86px 0 0;margin:0 0 15px}
	#layout-popup-wrap.chkBoardPw #popup-wrap .pwChkHead:before {width:54px;height:70px;background-size:80px auto}
	#layout-popup-wrap.chkBoardPw #popup-wrap .pwChkHead .txt {font-size:16px}
	#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm {margin:0 0 15px}
	#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap {height:52px}
	#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap .bp-btn {width:60px;height:52px}
	#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap .bp-btn:before {width:18px;height:15px;background-size:80px auto;background-position:-62px 0}
	#layout-popup-wrap.chkBoardPw #popup-wrap .pwChkClose {width:104px;height:48px;font-size:14px}
}
@media all and (max-width:499px) {

	#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap input {padding:0 5px 0 10px}
	#layout-popup-wrap.chkBoardPw #popup-wrap #boardPwChkForm .chkpasswd-wrap:before {margin-bottom:15px}
}

/* ==============================
* 관리자 전용
================================= */
/** -- 01. */
.adm #popup-wrap .pop-head:before {height:70px}
.adm #popup-wrap .pop-head .selWidgetId {letter-spacing:0}

/** -- 02. 템플릿 & 사이트 미리보기 팝업 이미지 드래그로 스크롤 대체 */
.hasImgDragHtml,
.hasImgDragBody {display:block;width:100%;height:100%;overflow:hidden;}
.hasImgDragBody #popup-wrap {position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box;padding:70px 0 0;}
.hasImgDragBody #popup-wrap .pop-head {}
.hasImgDragBody #popup-wrap .pop-cont {margin:0;width:100%;height:100%}
.hasImgDragBody .dragHandle {width:100%;height:100%;position:relative;overflow:auto;cursor:all-scroll}
.hasImgDragBody .dragHandle img {}
@media all and (max-width:999px) {
	.hasImgDragBody #popup-wrap {padding:60px 0 0;}
}
@media all and (max-width:699px) {
	.hasImgDragBody #popup-wrap {padding:50px 0 0;}
}

/* ==============================
* 잡캘린더 팝업
================================= */
.sch-layer-open #popup-wrap {border-radius:30px;}
.sch-layer-open #popup-wrap .pop-head {height:80px;}
#layout-popup-wrap.sch-layer-open > #popup-wrap .pop-cont {margin:30px 30px 40px 40px}
#layout-popup-wrap.sch-layer-open > #popup-wrap .pop-cont::-webkit-scrollbar {width:10px}
#layout-popup-wrap.sch-layer-open > #popup-wrap .pop-cont::-webkit-scrollbar-thumb {background:#ddd;border-radius:5px;opacity:.5;box-shadow:0 10 20px #3743591A}
#layout-popup-wrap.sch-layer-open > #popup-wrap .pop-cont::-webkit-scrollbar-track {background-color:#efefef;border-radius:5px}
#layout-popup-wrap.sch-layer-open > #popup-wrap .pop-cont .sch-pop-list {margin-right:10px}

@media all and (max-width:999px) {
	.sch-layer-open #popup-wrap .pop-head {height:60px;}
}
@media all and (max-width:768px) {
	#layout-popup-wrap.sch-layer-open > #popup-wrap .pop-cont {margin:20px 10px 20px 20px}
}
@media all and (max-width:599px) {
	#layout-popup-wrap.sch-layer-open > #popup-wrap .pop-cont {margin:15px 0 0 0}
	#layout-popup-wrap.sch-layer-open > #popup-wrap .pop-cont .sch-pop-list {margin-right:5px}
}