@charset "euc-kr";
.pcview{display: block;}
.moview{display: none;}
.evSection h4{position: relative;font-size: 54px;font-weight: 900;line-height: 1.3;margin-bottom: 100px;}
.evSection .point{color:#ca2064}
.evSection h5{font-size:32px;position: relative;margin-bottom: 30px;font-weight: 300;line-height: 1.3;}

.evCon1{background: #fae2e2 url(https://image.megagong.net/m/2023/0309_edu/con1_bg.jpg) no-repeat center;padding: 136px 0 0;}
.evCon1 .inner{width: 1705px;}
.evCon1 ul{display: flex;justify-content: space-between;}
.evCon1 ul li{position: relative;z-index: 2;}
.evCon1 ul li:nth-child(2n+1){margin-top: 185px;}
.evCon1 ul li:nth-child(2n+1) img{display: block;}
.evCon1 ul li:nth-child(2n+1) a{position: absolute;bottom: 9%;left: 24%;height: 5%;width: 50%;font-size: 0;}
.evCon1 ul li:nth-child(2n){margin: 0 -230px;z-index: 3;height: 0;}
.evCon1 ul li:nth-child(2n) p{margin-bottom: 55px;}

.evCon2{background: #fce2e2;padding: 105px 0;position: relative;z-index: 2;}
.evCon2 ul{display: flex;flex-wrap: wrap;width: 1156px;margin-left: -12px;}
.evCon2 ul li:nth-child(n+1):nth-child(-n+2){margin-bottom: -25px;}
.evCon2 ul li:nth-child(2n){margin-left: -30px;}

.evCon3{background: #fff6f6;padding: 160px 0;position: relative;z-index: 2;}
.evCon3 .tab_base li{position: relative;text-align: left;padding-right: 10px;margin-right: 10px;}
.evCon3 .tab_base li:before{content:'|';display:block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 10px;color: #000 !important;}
.evCon3 .tab_base li.on{color: aqua;}
.evCon3 .btxt{margin-top: 40px;}
.evCon3 .pcview ul{display: flex;margin-bottom: -20px;justify-content: space-between;}
.evCon3 .pcview ul li{width: 320px;}
.evCon3 .pcview .step{display: block;max-width: 1401px;margin: 0 -162px;}
.evCon3 .pcview > div {max-width: 1118px;width: 1118px;position: relative;margin-left: -15px;}
.evCon3 .pcview > div em{position: absolute;z-index: 2;top: 0;left: 59%;}
.evCon3 .pcview > div em img{display: none;}
.evCon3 .pcview > div em img.blink{display: block;}

.eventWrap .evSection.evLecture{background: #fff;padding: 150px 0;position: relative;z-index: 3;overflow: visible;}
.evLecture .lecture{padding-bottom: 0 !important;}
.evLecture .tab_base{display: flex;margin-bottom: 10px;}
.evLecture .tab_base li{width: 33.3333%;border: 1px solid #d0d0d0;border-width: 1px 0 1px 1px;height: 50px;line-height: 50px;font-size: 18px;}
.evLecture .tab_base li:last-child{border-right: 1px solid #d0d0d0;}
.evLecture .tab_base li a {display: block;color: #555;}
.evLecture .tab_base li.on{border-color: #000;}
.evLecture .tab_base li.on a{color: #fff;font-weight: 700;background: #000;}
.evLecture .panel_base > div{display: none;}

.evCon4{background: #ffe1e1;padding: 160px 0 150px;position: relative;z-index: 2;}
.evCon4 .tab_slider{position: relative;padding-top: 120px;}
.evCon4 .slick-dots{position: absolute;top: 0;left: 50%;width: 1080px;transform: translateX(-50%);display: flex;}
.evCon4 .slick-dots li:before{content:'';width: 100%;display:block;position: absolute;left: 0;background: #c12264;height: 4px;bottom: 0;}
.evCon4 .slick-dots li.on::before{content: none;}
.evCon4 .slick-dots li{width: 50%;position: relative;}
.evCon4 .slick-dots li button{background: #ffeeee;color: #d3aeae;display: block;width: 100%;padding: 16px 0;font-size: 26px;font-weight: 900;}
.evCon4 .slick-dots li button span{font-size: 20px;font-weight: 900;}
.evCon4 .slick-dots li.slick-active button{color: #fff;background: #c92564;}
.evCon4 .slick-slide .item{width: 1180px !important;margin: 0 auto;}
.evCon4 .tab_wrap {margin-top: 87px;position: relative;display: flex;align-items: flex-start;}
.evCon4 .tab_wrap .tab_tea {z-index: 2;margin-right: -230px;}
.evCon4 .tab_wrap .eventVideo{width: 864px;height: 486px; z-index: 1;}

/* mobile占쎈Ŋ苑� 占쎈�占쏙쭪占썸뤃癒�퍥 */
.eventVideo.video_renewal{background: transparent;}
.evCon4 .tab_wrap .eventVideo a{display: block;height: 100%;}
.evCon4 .tab_wrap .eventVideo #vd_classic7913{background: #252424 url(https://image.megagong.net/m/2023/0309_edu/con3_video1_mo.jpg) no-repeat center bottom;background-size: 98%;}
.evCon4 .tab_wrap .eventVideo #vd_y1218h0{background: #252424 url(https://image.megagong.net/m/2023/0309_edu/con3_video2_mo.jpg) no-repeat center bottom;background-size: 98%;}

.evCon4 h6{font-size: 20px;font-weight: 300;position: relative;padding-top: 50px;border-top: 1px solid #c92564;width: 1080px;margin: 0 auto 40px;}
.evCon4 h6::before{content: '';display: block;position: absolute;top: -40px;left: 50%;transform: translateX(-50%);background: url(https://image.megagong.net/m/2023/0309_edu/con4_icn.png) no-repeat;width: 80px;height: 80px;}
.evCon4 h6 span{font-weight: 900;font-size: 26px;}
.evCon4 .tiplist{display: flex;width: 1080px;margin: 0 auto;}
.evCon4 .tiplist li{margin-right: 26px;}
.evCon4 .tiplist li:first-child{margin-left: -15px;}
.evCon4 .tiplist li:last-child{margin-right: -10px;}

.evCon5{background: #169594;padding: 140px 0 160px;position: relative;z-index: 2;}
.evCon5 em{position: absolute;right: -75px;top: 105px;max-width: 20%;}
.evCon5 ul{border: 1px solid #fff;border-width: 1px 0;padding: 42px 0;}
.evCon5 ul li {margin-bottom:30px;font-size: 21px;text-align: left;color: #fff;}
.evCon5 ul li:last-child{margin-bottom:0}
.evCon5 ul li b{height: 40px;width: 160px;line-height: 40px;margin-right: 20px;background: #000;border-radius: 30px;display: inline-block;text-align: center;color: #169594;}
.evCon5 .btn{margin: 60px auto 0;}

.eventWrap .evWarning{padding: 0;position: relative;z-index: 2;}
.eventWrap .evWarning p{height: 60px;line-height: 60px;background: #000;color: #fff;font-weight: 900;font-size: 22px;}
.eventWrap .evWarning .inner{padding: 45px 0;}
.eventWrap .evWarning .inner .indent{margin-left: 12px;}

@media screen and (max-width: 1705px){
    .evCon1{padding: 10% 0 0;background-position: center top !important;background-size: 130%;}
    .evCon1 .inner{width: 100%;}
    .evCon1 ul li:nth-child(2n+1){margin-top: 10%;}
    .evCon1 ul li:nth-child(2n){margin: 0 -25%}
    .evCon1 ul li:nth-child(2n) p{margin: 0 15% 10%;}
}
@media screen and (max-width: 1200px){
    .evSection h4{font-size: 45px;margin-bottom: 10%;}
    .evSection h5{font-size:28px;margin-bottom: 3%;}
    .evCon2,.evCon3,.evCon4,.evCon5,.eventWrap .evSection.evLecture{padding: 15% 0;}

    .evCon2 ul{width: 104%;margin-left: -1%;}
    .evCon2 ul li{width: 50%;}
    .evCon2 ul li:nth-child(n+1):nth-child(-n+2){margin-bottom: 0;}
    .evCon2 ul li:nth-child(2n){margin-left: 0;}
    
    .evCon3 .btxt{margin: 5% 18% 0;}
    .evCon3 .pcview ul{width: 83%;margin: 0 auto -11px;}
    .evCon3 .pcview ul li{width: 320px;}
    .evCon3 .pcview .step{max-width: 100%;margin: 0;}
    .evCon3 .pcview > div {max-width: 100%;width: 100%;margin: 0;}
    .evCon3 .pcview > div em{max-width: 8%;}
    .evCon3 .pcview > div img:not(.step){width: 80%;}

    .evCon4 .tab_slider{padding-top: 107px;}
    .evCon4 .slick-dots{width: 98%;}
    .evCon4 .slick-dots li button{font-size: 22px;}
    .evCon4 .slick-dots li button span{font-size: 17px;}
    .evCon4 .slick-slide .item{width: 100% !important;}
    .evCon4 .tab_wrap {margin-top: 8%;}
    .evCon4 .tab_wrap .tab_tea {margin-right: -18%;width: 40%;}
    .evCon4 .tab_wrap .eventVideo{width: 75%;height: 42vw;}
    .evCon4 h6{font-size: 18px;margin-bottom: 3%;width: 100%;}
    .evCon4 h6::before{max-width: 9%;background-size: contain;}
    .evCon4 h6 span{font-size: 26px;}
    .evCon4 .tiplist{width: 100%;}
    .evCon4 .tiplist li{margin-right: 0;}
    .evCon4 .tiplist li:first-child{margin-left: 0;}
    .evCon4 .tiplist li:last-child{margin-right: 0;}

    .evCon5 h4{margin: 0 10% 10%;}
    .evCon5 em{right: 0;top: 0;}
    .evCon5 ul{padding: 5% 0;}
    .evCon5 .con_box > i img{width: 80%;}
    .eventWrap .evWarning p{height: 40px;line-height: 40px;font-size: 18px;}
}

@media screen and (max-width: 768px){
    .evSection h4{font-size: 35px;}
    .evSection h5{font-size:22px;}
    .pcview{display: none !important;}
    .moview{display: block;}
    .evCon3 .moview em{position: absolute;z-index: 2;top: 41.8%;right: 4%;max-width: 12%;}
    .evCon3 .moview em img{display: none;}
    .evCon3 .moview em img.blink{display: block;}    
    .evCon4 .tab_slider{padding-top: 61px;}
    .evCon4 .slick-dots{width: 98%;}
    .evCon4 .slick-slide img{display: inline-block;width: 100%;}
    .evCon4 .slick-dots li button{font-size: 22px;}
    .evCon4 .slick-dots li button span{font-size: 17px;}
    .evCon4 .slick-slide .item{width: 100% !important;}
    .evCon4 .tab_wrap {margin-top: 8%;}
    .evCon4 .tab_wrap .tab_tea {margin-right: -18%;width: 40%;}
    .evCon4 .tab_wrap .eventVideo{width: 97%;margin: 0 auto;height: 55vw;}
    .evCon4 h6{font-size: 16px;padding-top: 10%;margin-top: 10%;border: 0;}
    .evCon4 h6::before{top: 0;}
    .evCon4 h6 span{font-size: 22px;}
    .evCon4 .moview img{display: inline-block;}
    .evCon4 .moview {position: relative;}
    .evCon4 .moview ul{position: absolute;bottom: 2%;left: 50%;transform: translateX(-50%);/* background: #ff000040; */height: 94%;width: 96%;}
    .evCon4 .moview ul li{width: 100%;/* background: #0000ff47; */height: 27%;position: absolute;top: 0;left: 0;}
    .evCon4 .moview ul li:nth-child(2){top: 37%;}
    .evCon4 .moview ul li:nth-child(3){top: auto;bottom: 0;}
    .evCon4 .moview ul li a{display: block;height: 100%;}
    .evCon5 ul li {margin-bottom:20px;font-size: 18px;}
    .evCon5 ul li b{height: 30px;width: 120px;line-height: 30px;margin-right: 15px;}
    .evCon5 .btn{margin: 8% 15% 0;}
    .evLecture .tab_base li{font-size: 15px;height: 40px;line-height: 40px;}
}
@media screen and (max-width: 576px){
    .evSection h4{font-size: 28px;}
    .evSection h5{font-size:18px;}
    .evCon5 ul li {margin-bottom:15px;font-size: 15px;}
    .evCon5 ul li b{width: 80px;height: 25px;line-height: 25px;border-radius: 5px;display: block;margin-bottom: 5px;}
    .eventWrap .evWarning p{font-size: 15px;}
}
@media screen and (max-width: 420px){
    .evSection h4{font-size: 23px;}
    .evSection h5{font-size:16px;}
    .evCon4 .slick-dots li button,.evCon4 h6 span{font-size: 18px;}
}