/* 팝업(main-pop) 전용 스타일 분리 */
.main-pop-wrap {font-family: "SUIT";  position: relative; z-index: 101;}
.main-pop-wrap .main-pop {position: absolute; top: 50px; left: 400px; width: auto; max-width: 95vw; overflow: hidden; border-radius: 12px; text-align: center;box-shadow: 2px 2px 10px #a0a0a050;}
.main-pop-wrap .main-pop .popup-con {width: auto; max-height: 650px;background: url(/user/resources/images/bg_pop.png) no-repeat center center; background-size: cover; overflow: hidden; padding: 36px 24px; }
.main-pop-wrap .main-pop .popup-con .title { font-size: 40px; font-weight: 700; color: #2A41CD; margin-bottom: 18px;}
.main-pop-wrap .main-pop .popup-con .txt-box {background: #fff; padding: 24px; border-radius: 12px;max-height: 464px; overflow-y: auto;}
.main-pop-wrap .main-pop .popup-con .txt-box p { text-align: center; font-size: 18px;}
.main-pop-wrap .main-pop .btn-wrap {background: #fff; height: 44px; display: flex; justify-content: space-between; align-items: center; padding: 0 24px;}
.main-pop-wrap .main-pop .btn-wrap .btn-close {cursor: pointer; display: flex; align-items: center; gap: 4px;background: transparent; border: none; font-size: 18px;font-weight: 500;color: #596574;}
.main-pop-wrap .main-pop .btn-wrap .btn-close::after {content: ''; margin-top: 2px; width: 16px; height: 16px; background: url(/user/resources/images/btn_pop_close.svg) no-repeat center center; background-size: cover;}
.main-pop-wrap .main-pop .btn-wrap .check-box label {background: transparent; border: none; font-size: 18px;font-weight: 500;color: #2B3036;}

.main-pop-wrap .main-pop .btn-wrap input[type=checkbox] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px }
.main-pop-wrap .main-pop .btn-wrap input[type=checkbox] + label {position:relative; display:inline-block; padding:0 0 0 26px; min-height:20px; vertical-align:middle; background-image:url(/user/resources/images/ic_check_off.svg); background-size: 20px auto; background-repeat: no-repeat; cursor: pointer;}
.main-pop-wrap .main-pop .btn-wrap input[type=checkbox]:checked + label { background-image:url(/user/resources/images/ic_check_on.svg); }

@media (max-width: 1024px) {
    .main-pop-wrap .main-pop {left: 50%; transform: translateX(-50%);}
}
@media (max-width: 600px) {
    .main-pop-wrap .main-pop {width: 95%; }
    .main-pop-wrap .main-pop .popup-con {width: 100%; max-height: 550px; padding: 24px 16px;}
    .main-pop-wrap .main-pop .popup-con .txt-box {padding: 16px; max-height: 430px;}
    .main-pop-wrap .main-pop .btn-wrap .btn-close,
    .main-pop-wrap .main-pop .btn-wrap .check-box label,
    .main-pop-wrap .main-pop .popup-con .txt-box p {font-size: 16px;}
    .main-pop-wrap .main-pop .btn-wrap .btn-close::after {width: 14px; height: 14px;}
    .main-pop-wrap .main-pop .btn-wrap {padding: 0 16px; height: 38px;}
    .main-pop-wrap .main-pop .popup-con .title {font-size: 24px;margin-bottom: 10px;}
}

/* 팝업이 잘리지 않도록 최소 레이아웃 보정 */
body { width: 100vw; min-width: 320px; overflow-x: auto; }
#wrap { min-width: 320px; width: 100vw; overflow-x: auto; }