@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2022/ */
.eventWrap .con_box{width: 1000px;margin: 0 auto;}
.eventWrap .mo{display: none;}
.eventWrap .flt_inner{opacity: 1;position: fixed;top:30%}
.bgwrap{background: #0a1227 url(https://img.megagong.net/m/2022/0818_ebook/top_bg.jpg) no-repeat top center;}
.evCon1{padding: 135px 0 105px;}
.evCon1 p{font-size: 24px;color: #fff;margin: 65px 0 70px;}

.evCon2{padding-bottom: 325px;}
.evCon2 h4{margin: 110px 0 65px;color: #00c8cd;font-size: 60px;font-weight: 300;}
.evCon2 h5{font-size: 30px;font-weight: 300;margin-bottom: 95px;}

.evCon3{padding-bottom: 165px;color: #fff;}
.evCon3 h4{font-size: 48px;}
.evCon3 h5{font-size: 30px;margin:35px 0 65px;font-weight: 300;}
.evCon3 .recomenList li{height: 555px;border-radius: 20px;font-size: 48px;background: rgba(255, 255, 255, 0.1);padding: 70px 10px;width: 310px;float: left;}
.evCon3 .recomenList li:nth-of-type(2){margin: 0 27px;}
.evCon3 .recomenList li strong{color: #4fe249;font-weight: 900;display: block;}
.evCon3 .recomenList li p{margin: 45px 0;}
.evCon3 .recomenList li b{font-size: 18px;margin-bottom: 55px;display: block;}
.evCon3 .recomenList li span{display: block;font-size: 16px;}

.evCon4{background-color: #0a1227;padding: 165px 0;color: #fff;}
.evCon4 h4{font-size: 48px;font-weight: 300;margin-bottom: 65px;}
.evCon4 h4 strong{display: block;font-weight: 900;}
.evCon4 .btn_use{margin: 70px auto 45px;width: 385px;}
.evCon4 .btn_use a{display: block;padding: 20px 0;border-radius: 50px;font-weight:700; font-size: 24px;background: #4fe249;color: #333;text-align: center;}
.evCon4 .tabRoll {position:relative;}
.evCon4 .tabRoll .slick-arrow {position:absolute;top:50%;width:32px;height:60px;transform: translateY(-50%);z-index:2;font-size:0;}
.evCon4 .tabRoll .slick-prev {left:-80px;background:url(https://img.megagong.net/m/2022/0818_ebook/evCon4_arr1.png) no-repeat center;}
.evCon4 .tabRoll .slick-next {right:-80px;background:url(https://img.megagong.net/m/2022/0818_ebook/evCon4_arr2.png) no-repeat center;}

.evCon5 .evCon_top {background-color: #1d223f; padding: 115px 0;color: #4fe249;}
.evCon5 .evCon_top h4{font-size: 60px;}

.evCon5 .evCon_bottom{background-color: #4fe249; padding: 140px 0;}
.evCon5 .ready_box{border-radius: 20px;background: #fff;padding: 60px 55px 95px;}
.evCon5 .ready_box + .ready_box{margin-top: 70px; padding-bottom: 0;}
.evCon5 .ready_box + .ready_box p{margin-right: -3px;}
.evCon5 .ready_box > strong{font-size: 36px;margin-bottom: 60px;display: block;}


.evCon6{background-color: #eceff4; padding: 165px 0;}
.evCon6 h4{font-size: 48px;}
.evCon6 .lecTab_wrap,.evCon6 .teaTab_wrap,.evCon6 .stepTab_wrap{background-color:#fff}
.evCon6 .lecTab_wrap > div ul,.evCon6 .teaTab_wrap > div ul,.evCon6 .stepTab_wrap > div ul{display: block;}
.evCon6 .lectlist .lect_item{background: #fff;}
.evCon6 .lecTab_wrap{border-top: 1px solid #d6d6d6 !important;}
.evCon6 .lecTab_wrap + .lecTab_wrap{border-top: 0 !important;}
.lectlist.ver2 .lect_item .listotal .lecMoney ul li strong{font-size: 13px;}
.conditionSearch_wrap .condition_btn a{font-size: 13px;}

.evCon6 .lec_box{padding: 80px 70px 0;background: #fff;border-radius: 20px;margin-top: 75px;}
.evCon6 .grd_box{position: relative;text-align: left;}
.evCon6 .grd_box strong{display: block;font-size: 20px;float: left;}
.evCon6 .grd_list{margin-left: 110px;padding-top: 3px;}
.evCon6 .grd_list li{float: left;margin-right: 7px;}
.evCon6 .grd_list li a{position: relative;display: block;border: 1px solid #e3e3e3;color: #777;background: #f5f5f5;border-radius: 30px;width: 75px;padding: 0 0 0 15px;text-align: left;font-weight: 300;font-size: 15px;}
.evCon6 .grd_list li a::before{content: '\02C7';display: block;position: absolute;top: -3px;right: 3px;color: #777;font-size: 18px;}
.evCon6 .grd_list li.on a{color: #fff;background: #26b7bc;border: 1px solid #26b7bc;}
.evCon6 .grd_list li.on a::before{color: #fff;}

.evCon6 .serial_box{overflow: hidden;width:100%;margin-bottom: 40px;}
.evCon6 .serial_box > li{float: left;width:50%; height: 58px; color: #777; background: #f5f5f5; border: 1px solid #e3e3e3;box-sizing: border-box;}
.evCon6 .serial_box > li.on{background:#26b7bc;border: 1px solid #26b7bc; color: #fff;} 
.evCon6 .serial_box > li a{text-align: center;padding:20px 0;display: block;font-size: 17px;}

/* .event common */
.event h4 {font-size: 48px;font-weight: 300;}
.event h4 i{display: block; margin: 0 auto 70px;font-size: 36px;width: 430px;padding: 25px 0; font-style: normal; background: #ee6095;font-weight: 500;}
.event h4 strong{display: block;font-weight: 900;}
.event h5{margin: 60px 0 75px; font-size: 24px;font-weight: 300;}
.event .con_box .gift{display: block;position: relative;}
.event .con_box .gift i{position: absolute;top: -40px;right: 80px;}
.event .con_box .info_box{background: #fff;border-radius: 20px;width: 100%;padding: 135px 155px 70px;color: #000;text-align: left;margin: -80px auto 0;}
.event .con_box .info_box li{font-size: 18px;margin-bottom: 12px;}
.event .con_box .info_box li strong{position: relative;padding:0 5px 0 12px;}
.event .con_box .info_box li strong::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 65%;background: #000;width: 2px;}
.event .con_box .info_box .tiny_noti{margin: 15px 0 55px;color: #666;}
.event .con_box .info_box .btn_evt{margin: 0 auto;width: 385px;}
.event .con_box .info_box .btn_evt a{display: block;padding: 20px 0;border-radius: 50px;font-size: 24px;background: #333;color: #fff;text-align: center;}

.evCon7{background-color: #1d223f; padding: 165px 0;color: #fff;}
.evCon8{background-color: #363c5f; padding: 165px 0;color: #fff;}

.eventWrap .evWarning{background-color: #4b4e61;padding: 115px 0;}
.eventWrap .evWarning .warningList li{color: #fff;line-height: 1.6;}
.eventWrap .evWarning .warningList li ul li a{color:#5e7de5;padding-left: 0;}
.eventWrap .evWarning .warningList li ul li.color_red{color:#f64142}

.eventWrap .evWarning .box{padding: 20px;border: 1px solid #7b7d8b;margin: 10px 0;width: 68%;}

/* 220907 Ãß°¡ */
.evt_con1_fin {position: absolute; right: -89px; top: -64px;}
.evCon1 p.evt_con1_fin  {margin: 0 0 0 0;}
.green_color {color: #2ff52d;}
.light_wegiht {font-weight: 100;}
.evt_gift_fin {position: absolute; right: 90px;top: -50px;}

@media screen and (max-width: 1200px){
    .bgwrap{background-size: 185%;}
    .eventWrap .flt_inner{display: block !important;right: auto;left: 50%;transform: translateX(-50%);text-align: center;width: 98%;top: auto;bottom: 9%;background: #292d49eb;border-radius: 15px;}
    .eventWrap .flt_inner .pc{display: none;}
    .eventWrap .flt_inner .mo{display: block;padding: 25px 0;}
    .eventWrap .flt_inner li{float: left;width: 33.3333%;position: relative;}
    .eventWrap .flt_inner li i{position: absolute;top: -90%;right: -19%;width: 27%;}
    .eventWrap .flt_inner li a{margin: 0;}
    .eventWrap .flt_inner li:last-child i{right: 5%;}
    .eventWrap .con_box{width: 100%;}
    .evCon1{padding: 12% 0;}
    .evCon1 p{margin: 7% 0;}
    .evCon2{padding-bottom: 25%;}
    .evCon3{padding-bottom: 15%;}
    .evCon4{padding: 15% 0;background-color: #111832;}
    .evCon5 .evCon_top {padding: 10% 0;}
    .evCon2 h4{margin: 10% 0 8%;}
    .evCon2 h4,.evCon5 .evCon_top h4{font-size: 47px;}
    .evCon5 .evCon_bottom,.evCon6,.evCon7,.evCon8,.eventWrap .evWarning{padding: 15% 0;}
    .evCon3 h4,.evCon4 h4,.evCon6 h4, .event h4{font-size: 44px;}
    .evCon4 h4{margin-bottom: 7%;}
    .evCon4 .tabRoll .slick-slide img{display: inline-block;}
    .evCon4 .tabRoll .slick-arrow {width: 3%;height: 6%;}
    .evCon4 .tabRoll .slick-prev {left: 0;background-size: contain;}
    .evCon4 .tabRoll .slick-next {right: 0;background-size: contain;}
    .event h4 i{width: 40%;padding: 1.5% 0;margin-bottom: 8%;}
    .event h5{margin: 7% auto 13%;}
    .event .con_box .gift{width: 80%;margin: 0 auto;}
    .event .con_box .info_box{padding: 15% 7% 7%;margin: -10% auto 0;}
    .event .con_box .gift i{top: -20%;right: -5%;width: 23%;}

    .evCon3 .recomenList li{width: 32%;max-height: 500px;font-size: 40px;padding: 8% 1%;}
    .evCon3 .recomenList li:nth-child(2){margin: 0 2%;}
    .evCon3 .recomenList li p{margin: 45px 0;}
    .evCon3 .recomenList li b{font-size: 16px;margin-bottom: 15%;}
    .evCon3 .recomenList li span{font-size: 14px;}

    .evCon6 .lec_box{padding: 5% 4% 0;}
    .evCon6 .serial_box > li{height: auto;}
    .evCon6 .serial_box > li a{padding: 5% 0; font-size: 15px;}
    .lectlist.ver2 .lect_item .listotal{width: 50px;}

    .lectlist.ver2 .lect_item{padding: 15px 5px;}
    .pocket_pop.cart{position: relative;margin-top: 5%;}
    .pocket_pop .cart_list li.on .p_tit,.pocket_pop .cart_list li .p_tit{font-size: 12px;}
    .lecList .lecBook .bookList .f_left, .wideC .lecture .lecList .lectlist .lect_item .lecBook .bookList .f_left{padding: 0 45px 0 0;}
    .lectlist .lect_item .lecBook .bookList li{line-height: 1.6;}

    /* 220907 Ãß°¡ */
    .evt_con1_fin {width: 29%;right: -1.5%;top: -5%;}
    .evt_gift_fin {width: 21%;right: 4%;top: inherit;bottom: 61%;}
}
@media (max-width: 992px){
    /* 220907 Ãß°¡ */
    .evt_gift_fin {right: -3%;}
}

@media (max-width: 768px){
    .eventWrap .pc{display: none;}
    .eventWrap .mo{display: block;}
    .eventWrap img.mo{display: inline-block;}
    .eventWrap .flt_inner .mo{padding: 3% 1%;}
    .eventWrap .flt_inner li:first-child a img{width: 21vw;}
    .eventWrap .flt_inner li:last-child a img{width: 12vw;}
    .eventWrap .flt_inner li a img{width: 25vw;}
    .bgwrap{background: url(https://img.megagong.net/m/2022/0818_ebook/top_bg_mo.jpg) no-repeat top center;background-size: cover;}
    .evCon1 p{font-size: 20px;}
    .evCon1 strong{display: block; margin: 0 17%;}

    .evCon5 .ready_box > strong{font-size: 32px;margin-bottom: 4%;}
    .evCon2 h4,.evCon5 .evCon_top h4{font-size: 48px;}
    .evCon3 h4,.evCon4 h4,.evCon6 h4,.event h4{font-size: 40px;}
    .event h4 i{font-size: 32px;}
    .evCon2 h5,.evCon3 h5,.event h5{font-size: 20px;}
    .evCon4 .btn_use{width: 55%;margin: 8% auto 5%;}
    .event .con_box .info_box .btn_evt{width: 60%;}
    .event .con_box .info_box li strong{display: inline-block;min-width: 110px;}
    .event .con_box .info_box li .indent{margin-left: 110px;}

    .eventWrap .evWarning .box{width: 100%;}

    .eventWrap .evCon3 .con_box{width: 70%;}
    .evCon3 .recomenRoll .slick-dots{margin-top: 5%;} 
    .evCon3 .recomenRoll .slick-dots li{display: inline-block;width: 30px;height: 30px;border-radius: 100%;background: #747474;margin-right: 2%;} 
    .evCon3 .recomenRoll .slick-dots li.slick-active{background: #fff;} 
    .evCon3 .recomenRoll .slick-dots li button{font-size:0;}

    /* .evCon3 .recomenRoll{height: 88vh;}
    .evCon3 .slick-slide{max-height: none;padding: 5% 1%;height: auto;width: 14.29% !important;}
    .evCon3 .slick-slide:nth-of-type(2){margin:0;}
    .evCon3 .slick-slide p{margin: 5% 0;}
    .evCon3 .slick-slide b{font-size: 16px;margin-bottom: 5%;}
    .evCon3 .slick-slide span{font-size: 14px;}     */

    /* 220907 Ãß°¡ */
    .evt_gift_fin {right: -8%;}

}
@media (max-width: 576px){
    .eventWrap .flt_inner{bottom: 7%;}
    .evCon5 .ready_box > strong{font-size: 28px;}
    .evCon2 h4,.evCon5 .evCon_top h4{font-size: 38px;}
    .evCon3 h4,.evCon4 h4,.evCon6 h4,.event h4{font-size: 29px;}
    .event h4 i{font-size: 19px;}
    .evCon2 h5,.evCon3 h5,.event h5{font-size: 16px;}
    .evCon3 .recomenRoll .slick-dots li{width: 15px;height: 15px;}
    .event .con_box .info_box li{font-size: 16px;}
    .event .con_box .info_box .tiny_noti{margin: 15px 0 8%;font-size: 11px;}
    .evCon4 .btn_use a,
    .event .con_box .info_box .btn_evt a{font-size: 20px;padding: 8% 0;}
    .event .con_box .info_box li strong{min-width: auto;}
    .event .con_box .info_box li .indent{margin-left: 77px;}
    /* .evCon3 .slick-slide{font-size: 30px;} */

    .evCon6 .lec_box{padding-top: 8%}
    .evCon6 .grd_box strong{font-size: 15px;}
    .evCon6 .grd_list{margin-left: 80px;padding: 0;}
    .evCon6 .grd_list li a{font-size: 13px;width: 60px;}
}
@media (max-width: 400px){
    .evCon1 p{font-size: 16px;}
    .evCon5 .ready_box > strong{font-size: 24px;}
    .evCon2 h4,.evCon5 .evCon_top h4{font-size: 32px;}
    .evCon3 h4,.evCon4 h4,.evCon6 h4,.event h4{font-size: 26px;}
    .event h4 i{font-size: 16px;}
    .evCon4 .btn_use a,
    .event .con_box .info_box .btn_evt a{font-size: 15px;}
    /* .evCon3 .slick-slide{font-size: 20px;} */
    .event .con_box .info_box li{font-size: 14px;}
}