@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2023/ - to-be url */
:root{
	--ev1-bg-url:#00ae6e url('https://image.megagong.net/m/2023/0825_jinsyjin03/book/con1_bg.jpg') no-repeat center top;
	--ev1-bg-m-url:#00ae6e url('https://image.megagong.net/m/2023/0825_jinsyjin03/book/con1_bg_mo.jpg') no-repeat center top;
	--ev-point-color: #f48337;
	--ev-white-color: #fff;
}
/* slick slide common */
.sliderWrap{position: relative;}
.sliderWrap .slick-slider{display: none;}
.sliderWrap .slick-slider.slick-initialized{display: block;}
.sliderWrap .slick-slide img{display: inline-block;}

/* common */  
h4{margin-bottom: 75px;position: relative;}  
.tiny{text-align: right;font-size: 11px;opacity: 0.45;}  
.btns {width: 280px;margin: 0 auto;}
.btns a{display: block;}
*[data-resize] .v_mo{display: none !important;} /*responsive*/

.evCon1{padding: 150px 0 25px;background: var(--ev1-bg-url);background-position: 50% 0 !important;background-size: auto 100%;}
.evCon1 .sliderWrap{margin: 100px -225px;}
.evCon1 .sliderWrap .slick-list{margin-left: 20px;}
.evCon1 .sliderWrap .slick-slide{margin-right: 10px;}
.evCon1 .sliderWrap .slick-slide img{filter: drop-shadow(5px 5px 5px #00000045);border-radius: 20px;padding:10px;}
.evCon1 .sliderWrap .icon_update{position: absolute;left: -30px;top: -60px;z-index: 2;}

.evCon2{padding: 150px 0 140px;background: #00ae6e;}
.evCon2 .sliderWrap{margin-bottom: 100px;}
.evCon2 .sliderWrap .sliderArrow a{position: absolute; top: 50%;transform: translate(0, calc(-50%)); left: 20px;}
.evCon2 .sliderWrap .sliderArrow a + a{transform: rotate(180deg) translate(0, calc(50%));left: auto;right: 20px;}

.evCon3{padding: 130px 0 140px;background: #20c579;}
.evCon4{padding: 130px 0 140px;}
.evCon5{padding: 130px 0 140px;background: #fef2d4;}
.evCon6{padding: 130px 0 140px;background: #ed8837;}
.evCon6 .sliderWrap .slick-list{margin-left: 120px;padding: 0 !important;}
.evCon6 .sliderWrap .slick-slide{text-align: left;opacity: .7;color: #eee;margin-right: 120px;}
.evCon6 .sliderWrap .slick-slide.slick-current{opacity: 1;}
.evCon6 .sliderWrap .tit strong{display: block;background: #000;width: 115px;text-align: center;color: var(--ev-white-color);font-size: 18px;border-radius: 30px;margin-bottom: 20px;padding: 6px 0;} 
.evCon6 .sliderWrap .tit span{font-size: 30px;color: var(--ev-white-color);} 
.evCon6 .sliderWrap .name{font-size: 16px;margin: 30px auto 50px;display: block;} 
.evCon6 .sliderWrap .tiny{text-align: left;position: absolute;left: 50%;margin-left: -820px;bottom: -55px;} 
.evCon6 .sliderWrap .sliderArrow a{position: absolute;top: 50%;transform: translate(0, calc(-50%));left: 10px;}
.evCon6 .sliderWrap .sliderArrow a + a{transform: rotate(180deg) translate(0, calc(50%));left: auto;right: 10px;}

.evCon7{padding: 130px 0 140px;background: #f8f6ef;}
#eventWrap .event_book .tab li.on a{background: var(--ev-point-color);}
#eventWrap .event_book .tab--teacher > li.full_teacher_btn > div{background: var(--ev-point-color);}
#eventWrap .event_book .tab--teacher > li.on > div{border-color: var(--ev-point-color);}
@media screen and (max-width: 1200px){ 
    .eventWrap img{margin: 0 auto;}
    .sliderWrap .sliderArrow a {max-width:6%}
    .sliderWrap .slick-slide img{width: 100%;}

    h4{margin-bottom: 11%;}  
    .tiny{font-size: 10px;} 

    .evCon1{padding: 13% 0 3%;}
    .evCon1 h3{margin: 0 10%;}
    .evCon1 .sliderWrap{margin: 10% auto}
    .evCon1 .sliderWrap .icon_update{left: 0;top: -30%;max-width: 10%;}
    .evCon1 .sliderWrap .slick-slide{margin-right: 0;}
    .evCon1 .sliderWrap .slick-slide img{padding: 5px 5px 10px;}
    .evCon2{padding:18.5% 0}
    .evCon3{padding:18.5% 0}
    .evCon4{padding:18.5% 0}
    .evCon5{padding:18.5% 0;}
    .evCon6{padding:18.5% 0}
    .evCon6 .sliderWrap {margin: 0 3%;}
    .evCon6 .sliderWrap .slick-list{margin-left: 1vw;}
    .evCon6 .sliderWrap .slick-slide{opacity: 1;margin-right: 1vw;}
    .evCon6 .sliderWrap .tit strong{font-size: 15px;padding: 3px 0;width: 90px;} 
    .evCon6 .sliderWrap .tit span{font-size: 25px;} 
    .evCon6 .sliderWrap .name{font-size: 14px;margin: 10px auto 30px;} 
    .evCon6 .sliderWrap .txt{font-size: 15px;}
    .evCon6 .sliderWrap .tiny{position: relative;left: 0;margin: 20px auto 0;bottom: 0;}     
    .evCon6 .sliderWrap .slick-dots{margin: 40px auto 0;display: flex;border-radius: 10px;background: #bcbcbc;}
    .evCon6 .sliderWrap .slick-dots li{height: 10px;border-radius: 0;margin: 0;flex: 1;} 
    .evCon6 .sliderWrap .slick-dots li.slick-active{background: #363636;border-radius: 10px;}         
    .evCon6 .sliderWrap .slick-dots li button{font-size: 0;}
    .evCon6 .sliderWrap .sliderArrow a,
    .evCon6 .sliderWrap .sliderArrow a + a{display: none;}

    .evCon7{padding:18.5% 0}
} 
@media screen and (max-width: 760px){ 
	*[data-resize="760"] .v_pc{display: none !important;}
    *[data-resize="760"] .v_mo{display: block !important;}
    
    .btns{max-width: 45%;}

    .evCon1{background: var(--ev1-bg-m-url);background-size: 100%  105%;}
    .evCon1 h3{margin:0 5%;}
    .evCon1 .sliderWrap{margin: 27.5% auto 11%;}
    .evCon1 .sliderWrap .icon_update{left: 2%;top: -17%;max-width: 17%;}
    .evCon1 .sliderWrap .slick-slide{width: 35vw;}

    .evCon2 .sliderWrap{margin-bottom:10%;}
    .evCon3 .sliderWrap{margin: 0 15%;}
    .evCon3 .sliderWrap .slick-dots{display: flex;justify-content: space-between;align-items: center;position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;width: 105px;} 
    .evCon3 .sliderWrap .slick-dots li{background: #bcbcbc;transition: all .1s;cursor: pointer;width: 20px;height: 20px;border-radius: 50%;} 
    .evCon3 .sliderWrap .slick-dots li.slick-active{background: #363636;width: 50px;border-radius: 45px;} 
    .evCon3 .sliderWrap .slick-dots li button{font-size:0;}
    .evCon3 .sliderWrap .slick-dots li:last-child{margin-right: 0}

    .evCon6 .sliderWrap .slick-list{margin-left: 1vw;}
    .evCon6 .sliderWrap .slick-slide{width: 350px;opacity: .5;}
    .evCon6 .sliderWrap .tit strong{font-size: 13px;padding: 3px 0;width: 70px;margin-bottom: 10px;} 
    .evCon6 .sliderWrap .tit span{font-size: 20px;} 
    .evCon6 .sliderWrap .name{font-size: 12px;} 
    .evCon6 .sliderWrap .txt{font-size: 14px;}    
    
    .evCon7 h4{margin: 0 12% 11%;}
} 

@media screen and (max-width: 380px){ 
    .evCon2 .sliderWrap .sliderArrow a{max-width: 3.5%;left: 2%;}
    .evCon2 .sliderWrap .sliderArrow a + a{right: 2%;}
    .evCon3 .sliderWrap .slick-dots{width: 60px;} 
    .evCon3 .sliderWrap .slick-dots li{width: 12px;height: 12px} 
    .evCon3 .sliderWrap .slick-dots li.slick-active{width: 25px;} 
}