/*===========================================================================
	popup css
============================================================================*/


/* =========== 공통 =========== */

/* 팝업별 배경 */
.popup_main_lt_bg{  }/* left banner */
.popup_main_ct_bg{ position:fixed; top:0; background:#000; opacity:0.6; width:100%; height:100vh; z-index:18;}/* center banner */

@media all and (max-width: 768px){
    .popup_main_lt_bg{ position:fixed; top:0; background:#000; opacity:0.6; width:100%; height:100vh; z-index:8; }
    .popup_main_ct_bg{ }
}

/* 공통 */
.popup_main{ position:fixed;}
.popup_main .pm_area {position:relative;}
.popup_main .pm_wrap { position:relative; }

/* 사이즈 제어 */
.popup_main .ht_100 { height:100px !important;}
.popup_main .ht_150 { height:150px !important;}
.popup_main .ht_200 { height:200px !important;}
.popup_main .ht_250 { height:250px !important;}
.popup_main .ht_300 { height:300px !important;}
.popup_main .ht_400 { height:400px !important;}
.popup_main .ht_500 { height:500px !important;}

.popup_main .ht_600 { height:600px !important;}
.popup_main .ht_free{ height:auto;}/*  max height : 606px (center 코딩배너 기준) */


@media all and (max-width: 768px){
    .popup_main .ht_600 { height:500px;}/* 모바일 최대 height 500px */
    .popup_main .ht_free{ height:;}/* 모바일 최대 height 500px */
    
}

/* 기타 제어 */
.popup_main img { width: 100%;}
.popup_main .pm_wrap > a{ width:100%; height:100%; display:block;}/* 팝업 전체 링크 */
.popup_main .pm_wrap .pm_btn{ position:absolute; }
.popup_main .point{color: #00afad;}
.popup_main b, .popup_main .b{font-weight: 700;}


/* =========== //공통 =========== */


/* left banner */
.popup_main.pm_left  { left:20px; top:59px; z-index:8; width:330px; box-shadow:6px 6px 4px rgb(0 0 0 / 10%);}/* 팝업 위치 */
.popup_main.pm_left .pm_area { width: 330px; }/* 팝업 전체 박스 */
.popup_main.pm_left .pm_wrap { width:100%; font-size:16px; text-align:center; overflow:hidden;}/* 팝업 개별 박스 */

@media all and (max-width: 768px){
    .popup_main.pm_left{ left:50%; top:50%; transform:translate(-50%, -50%); box-shadow: 0 0 0 ;}
    .popup_main.pm_left .pm_area{  }/* 팝업 전체 박스 */
    
}


/* center banner :  */
.popup_main.pm_center { left:50%; top:50%; z-index:18; transform:translate(-50%, -50%); }
.popup_main.pm_center .pm_area { width: 400px; max-height: 658px; overflow: hidden;}
.popup_main.pm_center .pm_area img { width: 100%;}
.popup_main.pm_center .pm_wrap { width: 100%;  max-height: 606px;  text-align: center;}

.popup_main.pm_center .pm_wrap.st_img{  background:#fff;  }  /* 이미지 배너  */
.popup_main.pm_center .pm_wrap.st_cod{  background:#f6f6f6; zoom: 1.212121; } /* 코딩 배너 */
.popup_main.pm_center .pm_wrap.st_onl{  background:#f6f6f6; zoom: 1.212121; } /* 온라인 접수 배너 */


.popup_main.pm_center .pm_wrap.st_cod.ht_400 { height:300px !important;}
.popup_main.pm_center .pm_wrap.st_cod.ht_500 { height:400px !important;}
.popup_main.pm_center .pm_wrap.st_cod.ht_600 { height:500px !important;}

.popup_main.pm_center .pm_wrap.st_onl.ht_400 { height:300px !important;}
.popup_main.pm_center .pm_wrap.st_onl.ht_500 { height:400px !important;}
.popup_main.pm_center .pm_wrap.st_onl.ht_600 { height:500px !important;}


@media all and (max-width: 768px){
    
    .popup_main.pm_center .pm_area { width: 330px;}/* 팝업 전체 박스 */
    .popup_main.pm_center .pm_wrap.st_cod{ zoom: 1.0; } /* 코딩 배너 */
    .popup_main.pm_center .pm_wrap.st_onl{ zoom: 1.0;}

    .popup_main.pm_center .pm_wrap.st_cod.ht_400 { height:300px !important;}
    .popup_main.pm_center .pm_wrap.st_cod.ht_500 { height:400px !important;}
    .popup_main.pm_center .pm_wrap.st_cod.ht_600 { height:500px !important;}

    .popup_main.pm_center .pm_wrap.st_onl.ht_400 { height:300px !important;}
    .popup_main.pm_center .pm_wrap.st_onl.ht_500 { height:400px !important;}
    .popup_main.pm_center .pm_wrap.st_onl.ht_600 { height:500px !important;}
}


/* center banner > st_onl 온라인 접수 배너 전용*/
.popup_main.pm_center .pm_wrap.st_onl{padding: 40px 30px;  display: flex; flex-direction: column; justify-content: center; align-items: center; color: #222;}
.popup_main.pm_center .pm_wrap.st_onl a{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

.popup_main.pm_center .pm_wrap.st_onl .nptxt_name{ font-size:14px; padding-bottom:10px}/* 학원명 */
.popup_main.pm_center .pm_wrap.st_onl .nptxt_day { font-size:44px; padding:15px 0; font-weight:800; border-bottom:1px solid #b6b6b6; border-top:1px solid #b6b6b6; color:#2a509d; letter-spacing:-2px;  line-height: 48px; }/* 일시 : 기본 2줄 */
.popup_main.pm_center .pm_wrap.st_onl .nptxt_day.ln_3{ font-size:34px; padding:10px 0;}/* 일시 : 3줄일때 */

.popup_main.pm_center .pm_wrap.st_onl .nptxt_lg  { font-size:22px; padding-top:20px;}
.popup_main.pm_center .pm_wrap.st_onl .nptxt_md  { font-size:16px; padding-top:20px;}
.popup_main.pm_center .pm_wrap.st_onl .nptxt_sm  { font-size:12px; padding-top:15px;}

.popup_main.pm_center .pm_wrap.st_onl .npbtn_01  { margin-top:20px; width:100%; height: auto; display:inline-block; color:#bef397; padding:15px; background:#2a509d; border-radius:100px; font-size:16px;font-weight:500;}

.popup_main.pm_center .pm_wrap.st_onl .npop_day{ position:relative;  font-size:10px; width:100%; background:#1e1e1e; display:flex; flex-wrap:nowrap; flex-flow:row; align-items:center; justify-content:flex-start;}




/* 공통 : 오늘하루 열지않음*/
.to_day{  position:relative;  font-size:14px; width:100%; background:#1e1e1e; display:flex; flex-wrap:nowrap; flex-flow:row; align-items:center; justify-content:flex-start; margin:0 auto; height: 52px; overflow: hidden;}
.to_day .close{width:calc(50% - 1px); }
.to_day .close a{ width:100%; font-size:14px; display:inline-block; text-align:center; color:#CCC;  padding:17px 0;}
.to_day .pop_line{ width:1px; background:#999; height:20px;}
.to_day .pop_checks{ color:#fff; margin-top:0; width:calc(50% - 0px);}
.to_day .pop_checks input{ font-size: 0; width: 0; height: 0;}
.to_day .pop_checks input[type="checkbox"] + label{ cursor:pointer; display:inline-block; color:#666; width:100%; position:relative; text-align:center; padding:10px 0;}
.to_day .pop_checks input[type="checkbox"]:checked + label {color:#CCC;}


/* 기획 확인용 파일 */
.pop_txt_box{ width:1100px; height: 800px; position: absolute; left: 400px; top: 100px; border: 1px solid #e4e4e4; padding: 10px;box-sizing: border-box;}
.pop_txt_box textarea{ width:calc(100% - 0px); ; height: 100%; background: #f5f5f5; overflow: ; padding: 10px; box-sizing: border-box;}