/*팝업*/
@import url("reset.css");

.dim,
.popup-bg {width:100%; height:100vh; background:rgba(0,0,0,0.75); position:fixed; left:0; top:0; z-index:1999;}

.layer-popup {position:absolute; z-index:10000;}

/*메인팝업*/
.main-popup {max-width:calc(100vw * 0.8); min-width:250px;}
.main-popup > .inner {width:100%;}
.main-popup .popup-conts-wrap {width:100%;}
.main-popup .popup-conts-wrap .popup-box {overflow-y:hidden; overflow-x:hidden;}
.main-popup .popup-conts-wrap .popup-box a {display:block; width:100%; height:100%;}
.main-popup .popup-conts-wrap .popup-box span {display:block; position:relative;}
.main-popup .popup-conts-wrap .popup-box img {display:block; margin:0 auto; position:absolute; left:0; top:0;}
.main-popup .popup-conts-wrap .popup-box:not(.scroll) img {max-width:100%;}
.main-popup .popup-conts-wrap .popup-box.scroll {overflow-x:auto; overflow-y:auto;}
.main-popup .popup-conts-wrap .popup-box.scroll img {}
.main-popup .popup-bottom {width:100%; height:32px; background:#fff; display:flex; align-items:center; justify-content:space-between; padding:0 var(--gap-8);}
.main-popup .popup-bottom .btn-close {width:20px; height:20px; display:block; font-size:0; position:relative;}
.main-popup .popup-bottom .btn-close:before,
.main-popup .popup-bottom .btn-close:after {content:""; width:1px; height:20px; background:#000; position:absolute;}
.main-popup .popup-bottom .btn-close:before {left:10px; top:0; transform:rotate(-45deg);}
.main-popup .popup-bottom .btn-close:after {left:10px; top:0; transform:rotate(45deg);}
.main-popup .popup-bottom .check {font-size:var(--font-14); position:relative;}
.main-popup .popup-bottom .check input[type="checkbox"] {width:0; height:0; position:absolute; left:0; top:0; opacity:0;}
.main-popup .popup-bottom .check input[type="checkbox"] + label {font-family:var(--NotoKR); padding-left:20px; position:relative; cursor:pointer;}
.main-popup .popup-bottom .check input[type="checkbox"] + label:before {content:""; width:var(--font-16); height:var(--font-16); box-sizing:border-box; border:1px solid var(--black); position:absolute; left:0; top:calc(50% + 1px); transform:translateY(-50%);}
.main-popup .popup-bottom .check input[type="checkbox"] + label:after {content:""; width:var(--font-16); height:var(--font-16); box-sizing:border-box; background:url(/img/conts/check.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:calc(50% + 1px); transform:translateY(-50%); display:none;}
.main-popup .popup-bottom .check input[type="checkbox"]:checked + label:after {display:block;}

.layer-popup.mo {position:fixed; z-index:100000; left:50%; top:50%; transform:translate(-50%,-50%);}

.main-popup.mo {width:90%;}

@media screen and (max-width: 768px) {
	.main-popup {min-width:0;}
}



@media screen and (max-width: 600px) {
}