@CHARSET "UTF-8";

.wrap-popup{display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000;}
.wrap-popup>a{cursor:auto;}
.wrap-popup>a .popup-bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); cursor:default;}
.btn-bg{padding:24px 24px 32px 24px;}
.btn-popupOk{display:block; width:100%; height:56px; background:#1e5efe; border-radius:8px; color:#fff; text-align:center; line-height:56px;}

/*팝업 간편문의상담*/
.wrap-popup .popup{width:494px; height:auto; position:absolute; top:50%; left:50%; margin-left:-247px; margin-top:-274px; z-index:1001; background:#fff; border-radius: 14px; display:flex; flex-direction:column;}
.wrap-popup .popup .popup-inner{padding:32px 24px 0 24px;}
.wrap-popup .popup-title{width:100%; position:relative; border-bottom:1px solid #D6D9E6; padding-bottom:24px;}
.wrap-popup .popup-title h3{font-size: 24px;}
.wrap-popup .popup-title p{font-size: 15px; color:#4D5762; margin-top:4px; line-height:1.5;}
.wrap-popup .popup-title .btn-closed{display:block; width:38px; height:38px; position:absolute; top:-28px; right:-81px;}
.wrap-popup .popup-title .m-closed{position:absolute; top:5px; left:0;}

.inquiry-item{padding:24px 0;}
.inquiry-item .item-title{font-size:15px; color:#4D5762; font-family:"PretendardM";}
.inquiry-item .item-all{display:grid; grid-template-columns:100px auto; align-items:center;}
.inquiry-item .item-all:not(.item-name){margin-top:16px;}
.inquiry-item .item-name input{font-family:"PretendardM"; width:100%; max-width:358px; height:48px; border-radius:8px; border:1px solid #D6D9E6; padding-left:16px; font-size:16px;}
.inquiry-item .item-all div{display:flex; justify-content:space-between; align-items:center; gap:8px;}
.inquiry-item .item-all div input{font-family:"PretendardM"; padding-left:16px; width:100%; height:48px; border-radius:8px; border:1px solid #D6D9E6; font-size:16px; background:#fff;}
.inquiry-item .item-all div .mobile{text-align:center; padding-left:0;}

.mainInquiry .mainNumber{border-radius:8px; background:#F7F9FD; padding:26px 18px 22px; display:flex; gap:31px; justify-content:space-between; align-items:center;}
.mainInquiry .mainNumber p:first-child{color:var(--color-darkblue);  font-size:40px; font-weight:900; font-family: "Inter", sans-serif; letter-spacing:-0.07em;}
.mainInquiry .mainNumber p:last-child{font-weight:700; color:#4D5762; font-size:17px; line-height:1.4;}
.mainInquiry .mainNumber p:last-child span{display:block; font-size:13px; font-weight:500;}

.popup .item-selection .select-box{position:relative; width:100%; max-width:358px;}
.popup .item-selection .select-box .select{font-family:"PretendardM"; width:100%; height:48px; text-align:left; padding-left:16px; cursor:pointer; border-radius:8px; border:1px solid #d6d9e6; font-size:15px;}
.popup .item-selection .select-box .select option{background:#fff; height:44px; padding: 3px 0;}
.popup .item-selection .select-box .select option:hover{background:#F7F9FD;}
.popup .item-selection .select-box .select-arrow{position:absolute; top:0; right:0; z-index:1; width:35px; height:100%; display:flex; justify-content:center; align-items:center;}
.popup .item-selection .select-box .select-arrow img{width:10px; transition: .3s;}
.popup .item-selection .select-box .select:focus + .select-arrow img{transform:rotate(180deg);}
/*select태그 화살표 없앤 후 커스터마이징 사용*/
/* IE */
select::-ms-expand { 
	display: none;
}
.select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*모바일상담*/
.quick-fast{display:none;}
.wrap-fast-popup{display:none;}

/*팝업 개인정보처리방침*/
.wrap-layerPrivacy-popup{z-index:1001;}
.wrap-popup .noBottomLine{border-bottom:0;}
.clause_content{line-height:1.4; padding:12px 16px 16px 16px; border:1px solid #dae0e9; color:#5b5b5b; font-size:14px; text-align:left; border-radius:8px;}
.clause_content b{color:#2a3344; font-weight:500;}
.clause_content .wrap-img{display:block; width:auto; margin:10px 15px; min-height:30px;}
.clause_content .wrap-img img{width:auto; max-height:30px; height:100%;}

/*스크롤바 커스텀*/
.scrollBox{overflow-y:scroll; width:100%; height:326px;}

.scrollBar::-webkit-scrollbar {width: 12px;/*스크롤바 넓이*/}
.scrollBar::-webkit-scrollbar-thumb {height:60%; background-color: #90969A; /* 스크롤바의 색상 */border-radius: 10px; /*스크롤바여백*/background-clip: padding-box; border: 3px solid transparent;}
.scrollBar::-webkit-scrollbar-track {background-color: rgba(255,255,255,0);}

/*팝업 훈련비게시*/
.layerFee .popup-inner p{margin-top:5px;}
.trainingFee{width:100%; text-align:center; border-collapse:collapse;}
.trainingFee tr{border-bottom: 1px solid #f1f3f8;}
.trainingFee tr:first-child{background-color:#f1f3f8;}
.trainingFee tr td{font-size:13px; padding:11px 5px;}

/*팝업 수강료안내 탭메뉴*/
.layerFee2 .popup-title{padding-bottom:24px;}
.popup .tabmenu{width:100%; display:flex; justify-content:space-between; text-align:center; font-size:15px; color:#4D5762;}
.popup .tabmenu .tab{width:100%; border-bottom:1px solid #D6D9E6; padding-bottom:16px; cursor:pointer;font-family:"PretendardM";}
.popup .tabmenu .tab.on{color:var(--color-primary); border-color:var(--color-primary); font-family:"PretendardSB";}
.layerFee2 table{display:none;}
.trainingFee tr td:first-child{width:20%}
.trainingFee tr td:nth-child(2){width:60%}
.trainingFee tr td:last-child{width:20%}

/*강사지원 팝업*/
.wrap-popup .trecruit{margin-top:-325px;}
.inquiry-item .item-all div .btn_search{font-size:15px; font-family:"PretendardM"; border-radius:8px; width:170px; height:48px; color:#fff; background-color: var(--color-point-blue);}
.inquiry-item .item-all div .btn_search img{margin-right:4px; width:15px; height:15px;}
.wrap-popup .trecruit .inquiry-item{padding-bottom:0px;}

/*비디오팝업 내용물*/
.wrap-video-popup{display:flex; justify-content:center; align-items:center;}
.wrap-video-popup .popup{width:70%; max-width:1195px; position:static; margin-left:0; margin-top:0;}
.wrap-video-popup .popup .popup-inner{padding:35px;}
.wrap-video-popup .videoPopupContent{display:flex; justify-content:center; gap:35px; padding:35px 0;}
.wrap-video-popup .videoPopupContent .video-wrap{border-radius:15px; overflow:hidden; max-width:736px; display:flex; justify-content:center; align-items:center;}
.wrap-video-popup .videoPopupContent .video-wrap .videoBorder{width:100%; overflow:hidden; border-radius:14px; position:relative;}
.wrap-video-popup .videoPopupContent .video-wrap .videoBorder video{object-fit:contain; aspect-ratio:16/9;}
.wrap-video-popup .videoPopupContent .video-wrap .sound-toggle{width:100%; height:auto; max-width:38px; position:absolute; bottom:15px; right:20px; cursor:pointer;}
.wrap-video-popup .videoPopupContent .video-wrap .sound-toggle .ctl00_PlaceHolderContent_playStop{background:url('/resources/images/consulting/mute.png') no-repeat;}
.wrap-video-popup .videoPopupContent .video-wrap .sound-toggle .ctl00_PlaceHolderContent_soundOnOff{background:url('/resources/images/consulting/mute.png') no-repeat;}
.wrap-video-popup .videoPopupContent .videoPopup-right{flex-basis:100%; margin-top:0;}
.wrap-video-popup .videoPopupContent .videoPopup-right .consulting-right-btn{margin-top:24px;}
.wrap-video-popup .popup .m-btn-closed{display:none;}
.consult_branch_wrap input:checked + .radio{background-color:#1E5EFF;}

/*******이벤트 팝업******/
.popup_event{display:none; overflow:hidden; position:fixed; top:86px; left:372px; z-index:101; border-radius:24px; width:486px; background-color:#060a49; cursor:pointer;}
.popup_event img{width:100%; max-width:100%;}
.popup_event .btn_wrap{background:#222; color:#fff; text-align:center; display:grid; grid-template-columns:repeat(2, 1fr);}
.popup_event .btn_wrap button{position:relative; padding:15px 0; color:#fff; font-family:"PretendardR";}
.popup_event .btn_wrap button:last-child::before{content:''; display:inline-block; width:1px; height:18px; background:#fff; position:absolute; left:0;}

/********모바일팝업(라이나)*******/
.wrap-slideUpInquiry-popup{display:none;}




/*************팝업 반응형******************/
@media screen and (max-width: 1300px){
/*동영상 팝업*/
.wrap-video-popup .videoPopupContent{display:block; /*overflow:hidden;*/}
.wrap-video-popup .videoPopupContent .video-wrap{width:100%; max-width:100%; margin-bottom:25px;}
.wrap-video-popup .videoPopupContent .videoPopup-right .consulting-right-btn{width:100%;}
.wrap-video-popup .videoPopupContent .videoPopup-right .consulting-right-btn .btn_consulting{width:100%; border-radius:14px;}

}
@media screen and (max-width: 1024px){
	
.wrap-popup .noBottomLine{text-align:center; padding-bottom:20px;}
.clause_content{border-bottom:0; border-radius:8px 8px 0 0;}
.clause_content::-webkit-scrollbar {display: none;}
.btn-bg{box-shadow: 0px -6px 9px -5px rgba(0,0,0,.15);}

/*******이벤트 팝업******/
.popup_event{left:5%; width:90%; max-width:456px;}
.popup_event img{width:100%;}
.popup_event .btn_wrap{background:#222; color:#fff; text-align:center; display:grid; grid-template-columns:repeat(2, 1fr);}
.popup_event .btn_wrap button{position:relative; padding:15px 0; color:#fff; font-family:"PretendardR";}
.popup_event .btn_wrap button:last-child::before{content:''; display:inline-block; width:1px; height:18px; background:#fff; position:absolute; left:0;}
}
@media screen and (max-width: 767px){
	
#mainInquiry-popup {display: none !important;}

/*개인정보처리방침*/
.wrap-popup:not(.wrap-video-popup)>a .popup-bg{display:none;}
.wrap-popup .popup{width:100% !important; height:100%; position:static; margin:0; border-radius:0; margin-left:0 !important;/*advice팝업*/}
.wrap-popup .popup .popup-inner{overflow:hidden; padding-bottom:32px;}
.wrap-popup:not(.wrap-mobileConsulting) .popup .popup-inner{height:89%;}

.wrap-popup .popup-title h3{font-size:20px;}
.wrap-popup .noBottomLine{padding-bottom:32px;}

.clause_content{height:100%; padding-bottom:32px; font-size:15px;}
.btn-bg{width:100%; padding:14px 22px 18px;}
.btn-popupOk{height:54px; line-height:54px; font-size:17px;}

/*팝업 훈련비게시*/
.trainingFee{text-align:left;}
.trainingFee:not(.trainingFee2){border-top:2px solid #D6D9E6;}
.trainingFee{border-bottom:2px solid #D6D9E6;}
.trainingFee tr:last-child{border-bottom:none;}
.trainingFee tr td{padding:18px 0;}
.trainingFee tr td:last-child{width:100% !important;color:#4D5762; font-size:15px; display:block; text-align:right;}
.trainingFee tr td:first-child{font-family:"PretendardM"; font-size:16px;}
.trainingFee tr td:first-child span{font-family:"PretendardR"; padding-top:6px; font-size:14px; color:var(--color-black2); line-height:1.5;}
.layerFee .popup-inner p{margin-top:12px; line-height:1.5; color:#90969A;}

/*팝업 수강료안내 탭메뉴*/
.scrollBar::-webkit-scrollbar{display:none;}
.layerFee2 .popup-title{padding-bottom:32px;}
.layerFee2 .scrollBox{height:100%; padding-bottom:67px;}
.trainingFee tr td:first-child{width:60%;}
.popup .tabmenu .tab{border-bottom:2px solid #D6D9E6;}

/*강사지원*/
#trecruit-popup .popup .popup-inner {overflow-y:scroll; height:100%; padding-bottom:16px;}
#trecruit-popup .popup-title{text-align:center; padding-bottom:32px;}
.inquiry-item{padding-top:16px;}
.inquiry-item .item-all{display:block;}
.inquiry-item .item-title{font-family:"PretendardM"; font-size:16px; color:#222;}
.inquiry-item .item-all div input{font-family:"PretendardM"; font-size:15px; margin-top:12px;}
.inquiry-item .item-name input{margin-top:12px; height:50px; max-width:100%; display:block;}
.popup .item-selection .select-box {max-width:100%;}
.popup .item-selection .select-box .select{margin-top:12px; height:50px;}
.popup .item-selection .select-box .select-arrow{padding-top:12px;}
.inquiry-item .item-all div{gap:5px;}
.inquiry-item .item-all div .btn_search{height:50px; margin-top:12px; font-family:"PretendardSB"; width:127px;}

/*동영상팝업*/
.wrap-video-popup .popup{width:80% !important; height:auto !important; border-radius:14px;}
.wrap-video-popup .popup .popup-inner{padding:25px 15px 0 15px;}
.wrap-video-popup .popup .popup-inner .popup-title{display:none;}
.wrap-video-popup:not(.main-video-popup) .videoPopupContent{padding-top:0;}
.wrap-video-popup .popup .m-btn-closed{display:block; text-align:center; padding:20px 0; margin-top:25px; border-top:1px solid #d7d9e6; color:#222; font-family:"PretendardM";}
.wrap-video-popup .videoPopupContent .video-wrap .sound-toggle{bottom:10px; right:15px;}
.detail-section:not(.main-video-popup) .videoPopupContent .videoPopup-right{/*overflow-y:scroll;*/ height:350px; padding:0 10px;}
.wrap-video-popup .videoPopupContent .videoPopup-right .consulting-right-branch .consult_branch_wrap{margin-bottom:0 !important;}
.wrap-video-popup .videoPopupContent .videoPopup-right .consulting-right-Privacy{margin-top:25px;}

.main-video-popup .videoPopupContent .videoPopup-right{overflow-y:scroll; height:350px; padding:0 10px;}
.main-video-popup .videoPopupContent{padding:0;}

/********모바일팝업(라이나)*******/
.wrap-slideUpInquiry-popup{display:block; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;}
.wrap-slideUpInquiry-popup a .popup-bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:999;}
.wrap-slideUpInquiry-popup .slideUpInquiry{position:fixed; opacity: 0; transition: opacity 0.3s ease-in-out; border:1px solid #ccc;
    bottom:0px; z-index:1000; width:100%; background:#fff; border-radius:14px 14px 0 0; padding: 4vw 5.5vw;}
@keyframes slideUp{
	0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity:0;
	}
	100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity:1;
	}
}
.wrap-slideUpInquiry-popup .slideUpInquiry.show{
	-webkit-animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slideUp 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; 
}

.wrap-slideUpInquiry-popup .slideUpInquiry.show{bottom:0;}
.wrap-slideUpInquiry-popup .slideUpInquiry .popup-title{display:flex; justify-content:space-between; margin-bottom:10px;}
.wrap-slideUpInquiry-popup .slideUpInquiry .itemBg{font-family: var(--main-font-family); font-size:14px; background-color:#F7F9FD; border:1px solid #ecedf4; border-radius:8px; height:11vw; width:100%; margin-bottom:5px;}
.wrap-slideUpInquiry-popup .slideUpInquiry .name, .wrap-slideUpInquiry-popup .slideUpInquiry .birthYear{padding-left:10px;}
.wrap-slideUpInquiry-popup .slideUpInquiry .tel_box{display:flex; gap:5px;}
.wrap-slideUpInquiry-popup .slideUpInquiry .tel_box .tel{text-align:center;}
.wrap-slideUpInquiry-popup .slideUpInquiry .inquriyp-privacy{}
.wrap-slideUpInquiry-popup .slideUpInquiry .birth_box{display:flex; gap:5px; width:100%;}
.wrap-slideUpInquiry-popup .slideUpInquiry .birth_box input{width:70%;}
.wrap-slideUpInquiry-popup .slideUpInquiry .birth_box .birthSex_box{width:30%; line-height:11vw; display:flex; overflow:hidden;}
.wrap-slideUpInquiry-popup .slideUpInquiry .birth_box .birthSex_box a{text-align:center; width:100%;}
.wrap-slideUpInquiry-popup .slideUpInquiry .birth_box .birthSex_box a:last-child{border-left:1px solid #ecedf4;}
.wrap-slideUpInquiry-popup .slideUpInquiry .birth_box .birthSex_box a.on{background-color: #1E5EFF; color: #fff; border-color: #1E5EFF;}


.wrap-slideUpInquiry-popup .slideUpInquiry .inquiry-title{font-size:14px; color:#4d5762; padding-bottom:5px; font-weight:600;}
.wrap-slideUpInquiry-popup .slideUpInquiry .radio{display:block; text-align:center; line-height:11vw;}
.wrap-slideUpInquiry-popup .slideUpInquiry .inquiry-flex{display:flex; gap:5px;}
.wrap-slideUpInquiry-popup .slideUpInquiry .inquiry-course .radio.bright{background-color:#1e5eff; color:#fff; border-color:#1e5eff;}
.wrap-slideUpInquiry-popup .slideUpInquiry .inquiry-branch .radio.bright{background-color:#1e5eff; color:#fff; border-color:#1e5eff;}

.wrap-slideUpInquiry-popup .slideUpInquiry .clause_agree_wrap{font-size:13px; margin-top:5px;}
.wrap-slideUpInquiry-popup .slideUpInquiry .clause_agree_wrap .checkmark_label{font-size:13px;}

.wrap-slideUpInquiry-popup .slideUpInquiry .consulting-right-btn{text-align:center; height:13vw; padding:0 40px; border-radius:14px; background:#222; color:#fff; font-weight:400; line-height:13vw; margin-top:10px;}

}