@charset "utf-8";

/* popup */
.custom-popup-wrapper{
    position: absolute;
    z-index: 88;
    overflow: hidden;
    top: 100px;
    left: 100px;
}

.custom-popup {
    overflow: hidden!important;
    height: auto!important;
}

.custom-popup .content{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    max-width: 100%;
    min-height: 350px;
    line-height: 200%;
}

.custom-popup-wrapper .action{
    display: flex;
    background-color: #fff;
}

.custom-popup-wrapper .action div{
    padding: 15px;
    border: 1px solid #f5f5f5;
    width: 50%;
    text-align: center;
    cursor: pointer;
    color: #333;
}

.custom-popup .content img {
    display: block!important;
    margin: 0 auto!important;
    width: 100%!important;
    height: auto!important;
}

@media only screen and (max-width: 1199px){
    .custom-popup-wrapper{
        width: 30%;
        min-width: 320px;
        padding: 15px;
        left: 0 !important;
        top: 80px !important;
    }
    .custom-popup{
        width: 100% !important;
        max-width: none!important;
    }
}

@media screen and (max-width: 767px) {
    .custom-popup-wrapper{
        width: calc(100% - 30px);
        max-width: 450px!important;
        left: 50% !important;
        top: 80px !important;
        transform: translateX(-50%)!important;
    }
}


/* 에디터 컨텐츠 css 초기화 */
.vpw-cont * { font-family: 'Inter'; font-weight: 100; line-height: 180%; font-size: 18px; color: #000; }
.vpw-cont h1, .vpw-cont h2, .vpw-cont h3, .vpw-cont h4, .vpw-cont h5, .vpw-cont h6 { font-size: 32px; font-family: "Poppins"; font-weight: 700; line-height: 150%; padding-bottom: 15px; }
.vpw-cont img { margin: 20px 0; max-width: 100%; height: auto!important; }

@media screen and (max-width: 1199px) {
    .vpw-cont * { font-size: 16px; }
    .vpw-cont h1, .vpw-cont h2, .vpw-cont h3, .vpw-cont h4, .vpw-cont h5, .vpw-cont h6 { font-size: 18px; padding-bottom: 7px; }
    .vpw-cont img { margin: 10px 0; }
}


/* 다운로드센터 로그인 모달 */
.down-modal { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100vh; display: none; }
.down-modal .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(10px);}
.down-modal .modal-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; background-color: #fff; overflow: hidden; }
.down-modal .modal-inner > img { display: block; max-width: 100%; }
.down-modal .content { padding: 80px 20px 50px 20px; text-align: center; }
.down-modal .content p, .down-modal .content strong { font-size: 18px; line-height: 180%; font-family: "Inter"; }
.down-modal .content strong { font-weight: 700; }
.down-modal .buttons { display: flex; justify-content: center; align-items: center; padding: 0 0 50px; }
.down-modal .buttons a { display: block; width: 150px; padding: 0 20px; font-family: "Inter"; text-align: center; font-size: 18px; font-weight: 500; line-height: 50px; margin: 0 10px; }
.down-modal .buttons a.confirm { background-color: #00448d; color: #fff;  }
.down-modal .buttons a.close { border: 1px solid #ababab; color: #ababab; line-height: 48px; }

@media screen and (max-width: 1199px) {
    .down-modal .modal-inner { width: calc(100% - 40px); max-width: 530px; }
    .down-modal .content { padding: 30px 20px 30px 20px; }
    .down-modal .content p, .down-modal .content strong { font-size: 14px; }
    .down-modal .buttons { padding: 0 2.5px 30px 2.5px; }
    .down-modal .buttons a { line-height: 40px; margin: 0 2.5px; font-size: 16px; }
    .down-modal .buttons a.close { line-height: 38px; }
}
@media screen and (max-width: 767px) {
    .down-modal .buttons { padding: 0 2.5px 5px 2.5px; }
}

/* reCaptcha */
#captcha { display: flex; align-items: center; justify-content: center; padding: 80px 0 0 0; }


/* Popup */
.popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; }
.popup__dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(5px); }
.popup__inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); height: 90%; max-width: 730px; max-height: 800px; background-color: #fff; padding: 30px; box-shadow: 0 0 50px rgba(0,0,0,0.2); box-sizing: border-box; }
.popup__content {  }
.popup__content h3 { font-size: 24px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #00448d; }
.popup__content .cont { font-family: "Inter"; padding: 30px 0 40px 0; word-break: normal; font-size: 16px; line-height: 180%; }
.popup__content .cont strong { font-weight: 700; color: #00448d; font-size: 16px; }
.popup__inner .close-btn { display: block; width: 100%; height: 40px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; line-height: 40px; background-color: #00448d; }
#pop-copyright .popup__inner { height: auto; }

@media screen and (max-width: 767px) {
    .popup__inner { padding: 20px; }
}