/* common */
.event-wrap { margin:0 auto; overflow:hidden; } 
.event-wrap img { display:block; width:100% } 
.event-wrap .p_r { position:relative; }  

/* timer */
.time_w {position: relative; padding: 3% 0; background: #222; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} 
.time_w .timeText_w {display: flex; align-items: center; font-size: 5vw; line-height: 1; color: #ccc; letter-spacing: 1px;} 
.time_w .timeText_w span > span { color: #fff; font-weight: bold; } 
.time_w > .timer_txt {color: #9b9b9b; font-size: 3vw; letter-spacing: -1px; text-align: center; margin-right: 3%;} 
.gisu_txt {width: 100%; margin-top: 1%; font-size: 0.6rem; letter-spacing: -1px; background-color: #222; color: #9b9b9b; text-align: center;} 
.gisu_txt p{letter-spacing: 0;}  

.con01__gisu{position: absolute;top: 9.6%;right: 68%;font-size: 4.5vw;color: #fff;}
.gisu_wrap .benefit-img{position: absolute;top:30%;left: 50%;transform: translateX(-50%);width: 85%;display: flex;justify-content: space-between;}
.gisu_wrap .benefit-img div{width: 49%;}

.expire_date { position:absolute; top:27%; left:50%; transform: translateX(-50%); font-size:21px; font-weight:bold; color:#3EFF80; } 

.t_slide_box{position: absolute; bottom: 20.8%; left: 0; width: 100%;}
.t_slide_box .slider-lazy-image{width: auto;}
.t_slide_box img:not(.slider-lazy-image){width: 10%;}

/* tab1 */
.cont03 { background:#fff; } 
.cont03 .js-tab-type1 { overflow:hidden; width:95%; margin:0 auto 20px; display: flex;justify-content: flex-start;align-items: center; flex-wrap: wrap;} 
.cont03 .js-tab-type1 li { width: 33%;} 

.cont03 .js-tab-type1-con { display:none; text-align:center;position: relative;} 
.cont03 .js-tab-type1-con.on { display:block }

.cont03 .js-tab-type1.ver1 {box-sizing: border-box;border-radius: 10px;border: 1px solid #cccccc;padding: 2%}
.cont03 .js-tab-type1.ver1 li{margin-top: 5px; }
.cont03 .js-tab-type1.ver1 li a {white-space: nowrap;font-size: 3.6vw; letter-spacing: -.1rem;} 
.cont03 .js-tab-type1.ver1 li.on a {background: #f6ebff;width: 90%;border-radius: 15px; margin: 0 auto;color:#7e23cc} 
.cont03 .js-tab-type1.ver1 li:nth-child(-n + 3) {margin-top: 0;}
.cont03 .js-tab-type1.ver1 li:nth-last-child(-n+2):first-child,.cont03 .js-tab-type1.ver1 li:nth-last-child(-n+2):first-child ~ li {width: 50%;}

#tabmenu { width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; } 
#tabmenu li { width:24.5%; box-sizing: border-box; } 
#tabmenu li a { background: #efefef; flex-grow: 1; font-size: 16px; letter-spacing: -.05em; padding: 0; height: 32px; line-height: 32px; color: #656565; font-weight: bold; text-align: center; border-radius: 5px 5px 0 0; } 
#tabmenu li.on a { color: #fff; background-color: #7e23cb; } 

/* tab2 */
.cont05 {background-color: #ffe69a;padding-bottom: 10%;}
.cont05 .evt_tab { overflow:hidden; } 
.cont05 .tab_section { position:absolute; top:22%; width:86%; left:7%; padding:0; } 
.cont05 .js-tab-type2 { width: 85%; margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.cont05 .js-tab-type2 li {width: 24%; margin-bottom: 4px; box-sizing: border-box; } 
.cont05 .js-tab-type2 li a {display: block; background: #d3b55b;color:#ffedb6;text-align: center;padding: 5px 0;border-radius: 15px;font-weight: bold;} 
.cont05 .js-tab-type2 li.on a { background:#7900e6;color:#fff;} 
.cont05 .js-tab-type2 li:last-child a { background-position-x:100% } 
.cont05 .js-tab-type2-con { display:none; text-align:center } 
.cont05 .js-tab-type2-con.on { display:block } 
.cont05 .js-tab-type2-con ul {display: flex;justify-content: space-between;flex-wrap: wrap; width: 94%;margin-left: 3%;margin-top: 2vw;}
.cont05 .js-tab-type2-con li { position:relative; width:49.5%; margin-bottom:1%; overflow: hidden;}
.cont05 .js-tab-type2-con li .inp_btn { display:block; position:absolute; top:50%; right:10%; width:28%; height:18px; font-size:0; z-index:2; border:0; background:transparent; } 
.cont05 .js-tab-type2-con label.checkBox { display:block; position:absolute; top:63%; right:6%; width:88%; height:18%; font-size:0; z-index:2; border:0; background:transparent; cursor: pointer; } 
.cont05 .js-tab-type2-con label.checkBox input { display:none; } 
.cont05 .js-tab-type2-con li .popup_btn { display:block; position:absolute; top:0; left:0; right:0; width:99%; height:100%; margin:0 auto; font-size:0; z-index:1;} 
.cont05 .js-tab-type2-con li .lect_price { position:absolute; top:38.6%; left:27%; font-size: 3vw; font-weight:bold; color: #222; } 
.cont05 .js-tab-type2-con li .lect_price em{ font-size: 6vw; } 

.lect-box { position:fixed;bottom: 0; left: 0; z-index: 99;background: #fff;border-radius: 15px 15px 0 0;width: 100%;} 
.lect-box .lect-box-btn{padding: 15px 0;display: block;position: relative;background: #7900e6;border-radius: 15px 15px 0 0;}
.lect-box .lect-box-btn::before{content: "";display: block;width: 15px;height: 4px;border-radius: 5px;background: #fff;position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%) rotate(-30deg);margin-left: -5px;} 
.lect-box .lect-box-btn::after{content: "";display: block;width: 15px;height: 4px;border-radius: 5px;background: #fff;position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%) rotate(30deg);margin-left: 5px;} 
.lect-box .lect-box-btn.on::before{transform: translate(-50%, -50%) rotate(0);} 
.lect-box .lect-box-btn.on::after{transform: translate(-50%, -50%) rotate(0);} 
.lect-box h4{font-weight: bold;}
.lect-box ul { overflow-y:scroll; width: 100%; background: #f3f3f3; max-height:150px; min-height: 50px;margin-top: 15px;box-sizing: border-box;padding:5px} 
.lect-box ul li { overflow-y:hidden; margin-bottom:1%; font-size:0.8em; text-align:left; } 
.lect-box ul li strong { display:inline-block; width:84%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;font-size: 12px;} 
.lect-box ul li span { display:inline-block; float:right; padding-right:5%; vertical-align:middle; cursor:pointer; } 
.lect-box ul li span img { width:60%; } 
.lect-box .price_box { position:absolute; right:4%; top:50%;transform: translateY(-50%); width: 45%;padding-top: 12%;} 
.lect-box .lect_btn { display:block; width: 100%; font-size:0; cursor:pointer; background:transparent;height: 100%;position: absolute;top: 0;left: 0;} 

.lect-box .hidden_box{padding: 0 2.5%;box-sizing: border-box;display: none;}
.lect-box .hidden_box h4{font-size: 18px;width: 110%;text-align: center;margin-left: -5%;background: #7900e6;color:#fff;padding-bottom: 15px;display:block;}
.lect-box .lect-box-btn.on + .hidden_box{display: block;}

.cont05 .lect_text { position:absolute; font-size:11px; left:60%; top:30%; } 

.curriculum_btn{width: 50%;position: absolute;top: 23.8%; left: 44%; height: 10%;}
.t_pass{width: 50%;position: absolute;top: 34.3%; left: 44%; height: 10%;}
.vod_btn{width: 46%;position: absolute;top: 69%; left: 3.5%; height: 22%;}
.more_btn{width: 46%;position: absolute;top: 69%; right: 3.5%; height: 22%;}

.coupon_btn{position: absolute; width: 30%;height: 16.5%;text-indent: -9999px;}
.coupon_btn.btn01{top: 59%;left: 19%;}
.coupon_btn.btn02{top: 59%;right: 19%;}
.coupon_btn.btn03{top: 78.5%;left: 3%}
.coupon_btn.btn04{top: 78.5%;left: 35%;}
.coupon_btn.btn05{top: 78.5%;right: 3%;}

/* 영상팝업 */
.mov_pop {display:none; position:fixed; top: 0; left: 0; z-index:101;height: 100%;width: 100%;}
.mov_pop .full_bg{width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:fixed; top:0; left:0; z-index:-1}
.mov_pop .layer_pop_vod{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding-top: 58%;height: 0;}
.mov_pop .layer_pop_vod iframe{width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.mov_pop .layer_pop_vod .movie_close{font-size:50px; color:#fff; position:absolute; top:-60px; right:0; display:inline-block; cursor:pointer;}

.floating_bnr .inner{position: relative;}
.floating_bnr .dday{position: absolute;top:50%;transform: translateY(-50%);left:4.5%;color:#fff;font-size: 4vw;font-weight: 600;}

.ban_bottom{position: fixed; bottom:0; left:0; z-index: 9; width: 100%;}

/*팝업*/
.layer_bg { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:10; } 
.layer_wrap { display:none; } 
.layer_wrap .layer_pop { position:fixed; top:10%; left:2%; right:2%; z-index:11; } 
.pop_add_wrap { padding:5%; background:#fff; text-align:center; } 
.pop_add_wrap .file_wrap { background:#eee; text-align:center; padding:5%; margin-top:3%; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:1em; } 
.pop_add_wrap .file_wrap input { margin-left:15px; } 
.pop_add_wrap .user_info { margin:20px 0 0 0; } 
.pop_add_wrap .user_info li { text-align:left; color:#777; line-height:23px; font-size:13px; } 
.pop_add_wrap .btn_wrap { text-align:center; max-width: 70%; margin: 20px auto 20px } 
.pop_add_wrap a.close { position:absolute; right:0; top:0; } 
.pop_add_wrap .pop_add_tit span { } 
.pop_add_wrap .pop_add_tit p { font-size:1em; font-weight:900; color:#ff6d3f; padding-top:5px; } 
#pop1_eng .pop_add_wrap, #pop2_eng .pop_add_wrap, #pop3_eng .pop_add_wrap, #pop4_eng .pop_add_wrap, #pop5_eng .pop_add_wrap { width:93%; margin:0 auto; } 
#pop4_eng img { max-width:100%; } 

/*커리큘럼 팝업*/
.layer_wrap.curriculum .pop_add_wrap { overflow-y:scroll; height:350px; background: #333; padding: 30px 10px;} 
.layer_wrap.curriculum h3 { position:relative; width:100%; padding:15px 0; text-align:center; color:#69ffdd;-webkit-text-stroke:2px #333; font-weight:700; font-family: 'Cafe24Ssurround', sans-serif; font-size: 50px; text-shadow:3px 2px #333, 2px 2px #333, 2px 2px #333, 2px 3px #333; background: linear-gradient(to bottom , #fff 65%, black 35%); border-radius: 20px 30px 0 0; letter-spacing: -3px; } 
.layer_wrap.curriculum table { clear:both; word-break:break-all; } 
.layer_wrap.curriculum table td,
.layer_wrap.curriculum table th { border:1px solid #ccc; padding:2%; font-size:12px; } 
.layer_wrap.curriculum table th { background:#aaa; color:#000; font-size:12px; } 
.layer_wrap.curriculum table th:nth-child(1),
.layer_wrap.curriculum table th:nth-child(2) { width:10%; } 
.layer_wrap.curriculum table th:nth-child(3) { width:50%; } 
.layer_wrap.curriculum table th:nth-child(4) { width:15%; } 
.layer_wrap.curriculum a.close { display:block; position:absolute; top:1%; right:10px; font-size:20px; color:#fff; } 

.layer_wrap.curriculum h3 p { color:#fff; font-size: 50px; } 
.layer_wrap.curriculum dl { font-family:'GmarketSansMedium'; display:flex; flex-wrap: wrap; box-sizing: border-box; } 
.layer_wrap.curriculum dt { background:#69ffdd; padding:10px 0; border-radius: 20px 20px 0 0; font-size: 22px; font-weight: bold; width:100%; } 
.layer_wrap.curriculum dd { width:80%; color:#fff; padding:20px 10px; margin:0; border-radius:26px 20px 0 0; font-size:15px; font-family: 'GmarketSansLight'; text-align: left; position:relative; box-sizing: border-box; margin-bottom: 15px; } 
.layer_wrap.curriculum a.close { display:block; position:absolute; top:12px; right:10px; font-size:20px; color:#fff; background: #666; border-radius: 50px; padding: 10px 15px 8px; text-shadow: none; } 

.layer_wrap.curriculum h3 p { color:#fff; font-size: 50px; } 
.layer_wrap.curriculum dl { font-family:'GmarketSansMedium'; display:flex; flex-wrap: wrap; box-sizing: border-box; } 
.layer_wrap.curriculum dt { background:#69ffdd; padding:10px 0; border-radius: 20px 20px 0 0; font-size: 22px; font-weight: bold; width:100%; } 
.layer_wrap.curriculum dd { width:80%; color:#fff; padding:20px 10px; margin:0; border-radius:26px 20px 0 0; font-size:15px; font-family: 'GmarketSansLight'; text-align: left; position:relative; box-sizing: border-box; margin-bottom: 15px; } 
.layer_wrap.curriculum .book_img { width:20%; height:100px; } 
.layer_wrap.curriculum .book_img2 { position: absolute; right: 20px; bottom:0; width:148px; height: 110px; background-color: #f00; } 
.layer_wrap.curriculum .book_img img { width:100%; display: inline-block; } 
.layer_wrap.curriculum a.close { display:block; position:absolute; top:12px; right:10px; font-size:20px; color:#fff; background: #666; border-radius: 50px; padding: 10px 15px 8px; text-shadow: none; } 

.pop_carry{position: fixed; top: 23%; right: 1%; z-index: 999;}

 @media all and (max-width:640px){
 .layer_wrap.curriculum h3,
 .layer_wrap.curriculum h3 p{ font-size: 7vw;}
 }

@media all and (max-width:750px) {
    .time_w > p.timer_txt2,
    .time_w > p.timer_txt{font-size: 3.6vw;}
    
    .time_w .timeText_w span > span{font-size: 7vw;}
}