/* start : 팝업 */
/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999999999999999999999999999999999999999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-wrapper.on {display:block;}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.modal-close-btn{position:absolute; top:1.1rem; right:1rem; color:#fff;}
.modal-close-btn i{font-size:3.8rem;}
.modal-close-btn i:hover {color:#fff;}

#mainPop_layer {overflow:hidden; overflow-y:hidden !important;}

/* 이미지 팝업 CSS */
.modal-fixed-pop-wrapper .img-modal-content {position: relative; width:96%; max-width:570px; margin: 20px auto; z-index:100000;}
.modal-fixed-pop-wrapper .img-modal-inner {width:100%;}
.modal-fixed-pop-wrapper .img-modal-inner a {display:block;  width: 100%; height: 100%; }
.modal-fixed-pop-wrapper .img-modal-inner a img {max-width:100%;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box {height:50px; display:flex; background-color: #f7f7f7; }
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn {position:relative; width:50%; font-size:18px; font-weight:400; color: #111;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn:before {position:absolute; content:""; right: 0; top:0; width:1px; height:100%; background-color:#d6d6d6;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn:last-of-type:before {display:none;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn:hover {background-color:var(--color05); color:#fff;}
.modal-fixed-pop-wrapper .swiper-pagination {width:auto !important; left:auto !important; right:30px !important; bottom:15px !important;}
.modal-fixed-pop-wrapper .swiper-pagination-bullet {width:10px !important; height:10px !important;}
.modal-fixed-pop-wrapper .swiper-pagination-bullet {background-color:#dcdcdc;}
.modal-fixed-pop-wrapper .swiper-pagination-bullet-active {background-color:var(--color05); width:25px !important; border-radius:10px !important;}
.modal-inner-content .swiper-wrapper img {width:100%;}


#video_layer .img-modal-content {max-width:967px;}
#video_layer .img-modal-inner .img-btn-box {margin-top:-5px;}
#video_layer .img-modal-close-btn {background-color:transparent; position:absolute; top:-11px; right:-7%; font-size:36px; color:#fff;}

.popUp {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:999999999999; }
.popUp.on {display:block;}
.popUp .bg { position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.7); z-index:-1;}
.popUp .closeBtn {background-color:transparent;}
.popUp .popupBox {width:600px; background-color:#fff; z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:15px; overflow:hidden; }
.popUp .popupBox .textBox { padding:25px 20px; position:relative;}
.popUp .popupBox .textBox p {font-size:21px; font-weight:500; color:#151515;}
.popUp .popupBox .textBox button {cursor:pointer; position:absolute; top:22px; right:27px;}
.popUp .popupBox .textBox button i {font-size:30px; color:#000;}
.popUp .popupBox .textBox button:hover i {font-weight:600; }
.popUp .popupBox .border {width:100%; height:1px; background-color:rgba(0, 0, 0, 0.12); display:block;}
.popUp .popupResult { width:calc(100% - 20px); padding:20px 10px; text-align:left; height:auto;}
.popUp .popupResult .resultText {font-size:16px; font-weight:300; color:#666666; line-height:1.5;}
.poupResultWrap {overflow-y:scroll; width:calc(100% - 20px); height:calc(100% - 20px); padding:10px 10px;}
.poupResultWrap::-webkit-scrollbar {width:5px;  /* 스크롤바의 너비 */ margin-right:10px;}
.poupResultWrap::-webkit-scrollbar-thumb {height:100px; /* 스크롤바의 길이 */background:var(--color05); /* 스크롤바의 색상 */border-radius: 10px;}
.poupResultWrap::-webkit-scrollbar-track {background:transparent;  /*스크롤바 뒷 배경 색상*/}

#login_layer .popupBox {width:900px; border-radius:30px;}
#login_layer .popupWrap {padding:25px;}
#login_layer .popupBox .closeBtn {cursor:pointer; position:absolute; top:22px; right:25px;}
#login_layer .popupBox .closeBtn i {font-size:30px; color:#000;}
#login_layer .popupBox .textArea {position:relative;}
#login_layer .popupBox .textArea p {position:absolute; top:55px; left:42px; font-size:26px; font-weight:400; color:#333333; line-height:1.5;}
#login_layer .popupBox .textArea .deco {position:absolute; bottom:10px; left:160px;}
#login_layer .popupBox .loginArea {width:38%; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#login_layer .popupBox .loginArea .formStyle .submitBtn {background-color:#00c1c1; border-radius:25px; width:100%; height:50px;}
#login_layer .popupBox .loginArea .formStyle .submitBtn span {font-size:26px;}
#login_layer .popupBox .btnArea a {font-size:16px; font-weight:500; color:#333333; position:relative; display:block; line-height:1;}
#login_layer .popupBox .btnArea a:hover {color:var(--color05);}
#login_layer .popupBox .btnArea a:nth-child(n):not(:last-child) {margin-right:15px; padding-right:15px;}
#login_layer .popupBox .btnArea a:nth-child(n):not(:last-child)::after {content:''; width:1px; height:15px; background-color:#aaaaaa; position:absolute; top:60%; transform:translateY(-50%); right:0;}
#login_layer .popupBox .decoText {font-size:16px; font-weight:300; color:#aaaaaa; position:relative;}
#login_layer .popupBox .decoText::before {content:''; width:37%; height:1px; background-color:#aaa; display:block; position:absolute; left:-2%}
#login_layer .popupBox .decoText::after {content:''; width:37%; height:1px; background-color:#aaa; display:block; position:absolute; right:-2%;}
#login_layer .popupBox .snsLink img {display:block; margin:0 auto;}
#login_layer .popupBox .snsLink span {display:block; font-size:14px; font-weight:300; color:#666666; line-height:1; margin-top:8px; text-align:center;}
#login_layer .popupBox .snsLink a:nth-child(1) {margin-right:45px;}
#login_layer .popupBox .snsLink a:hover span {font-weight:400; color:#000;}

@media screen and (max-height:640px) {
    #login_layer .popupBox .textArea .textBg {height:450px;;}
    #login_layer .popupBox .textArea p {left:30px;}
    #login_layer .popupBox .formStyle input {margin-bottom:25px !important;}
    #login_layer .popupBox .textArea .deco {width:200px;}
    #login_layer .popupBox .decoText {margin-bottom:30px !important;}
}

#findId .popupBox, #findPwd .popupBox {padding:60px 0; text-align:center;}
#findId .popupBox .closeBtn, #findPwd .popupBox .closeBtn  {cursor:pointer; position:absolute; top:20px; right:25px;}
#findId .popupBox .closeBtn i, #findPwd .popupBox .closeBtn i {font-size:36px; color:#000;}
#findId .formStyle label, #findPwd .formStyle label {margin-bottom:0; color:#333; width:68px; text-align:left;}
#login_layer .formStyle input, #findId .formStyle input, #findPwd .formStyle input {padding-bottom:3px; font-size:20px; border-bottom:1px solid #aaa;}
#login_layer .formStyle input::placeholder, #findId .formStyle input::placeholder, #findPwd .formStyle input::placeholder {font-size:20px; font-weight:300; color:#ccc; letter-spacing:-1px;}
#findId .formStyle input, #findPwd .formStyle input {width:280px;}
#findId .formStyle .submitBtn, #findPwd .formStyle .submitBtn {background-color:var(--color02);}

#findId .findText dt, #findPwd .findText dt {font-size:26px; font-weight:700; color:#333333; line-height:1;}
#findId .findText dd, #findPwd .findText dd  {font-size:16px; font-weight:300; color:#666666; line-height:1.4;}
#findId .findText .border, #findPwd .findText .border {width:60px; height:2px; background-color:#bfa27b; margin:22px auto 25px auto;}
#findId .descText, #findPwd .descText {font-size:16px; font-weight:300; color:#987f5c;}
/* end : 팝업 */

/* 검사프로그램 */
.programPopup .popupBox {width:1600px; max-height:90%; overflow-y:scroll;}
.programPopup .popupBox .textBox p {font-size:36px; font-weight:500; color:#111;}
.programPopup .popupBox::-webkit-scrollbar {width:0;}

@media screen and (max-width:1600px) {
    .programPopup .popupBox {width:1080px;}    
    .programPopup .dreamlendsList02 li {width:100%; padding:20px 0; margin-bottom:0px;}
    .programPopup .dreamlendsList02 li:nth-child(2n) >div,
    .programPopup .dreamlendsList02 li:nth-child(2n) .txt {padding-left:0;}
    .programPopup .dreamlendsList li .txt {
        font-size: 18px;
    }
    .programPopup .dreamlendsList li .tit {
        font-size: 20px;
    }
    .programPopup .dreamlendsList li br {display:none;}
    .programPopup .dreamlendsList02 li {padding:20px 15px;}
    .programPopup .dreamlendsList li::before {top:50%; transform:translateY(-50%);}
}

#terms_layer .popupResult {height:47vh;}
.programPopup .popupBox {width:1600px; max-width:90%;}
.programPopup .poupResultWrap {overflow:hidden;}

/* 240401 a링크 없을때 메인팝업 이미지 크기 조정*/
.mySwiper6 .swiper-slide img{width:100%; height:100%;}

/* videoPopup */
.videoPopup .videoWrap {width:fit-content; height:100%; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.videoPopup .videoWrap iframe {width:1120px;height: auto; margin-top:5px;aspect-ratio: 1120 / 600;}
.videoPopup .videoWrap .closeBtn {position:relative; font-size:36px; color:#fff; width:100%; display:flex; flex-direction:column; justify-content:end; align-items:end;}

@media screen and (max-width: 1200px) {
    .videoPopup .videoWrap iframe {width:93.3vw;}
}