@charset "euc-kr"; /* url: https://img.megagong.net/m/2025/ */
.con_tit .end::after { background: #46b9a0; } /* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit { margin: 0 0 80px; } 
.con_tit > .mini_tit { color:#111; } 
.evSection .inner { padding: 140px 0; } 

.step_wrap { display:flex; align-items: center; align-items: stretch;} 
.step_wrap .step {padding: 50px 0 60px;display: flex;flex-direction: column;align-items: center;border-radius: 12px;background: #FFF;box-shadow: 8px 10px 13px 0px rgba(0, 0, 0, 0.04);} 
.step_wrap .step .cir_tit {display: flex;padding: 6px 18px;justify-content: center;align-items: center;border-radius: 800px;background: #111;color:#fff;line-height: 1;} 
.step_wrap .step .det {color:#555555;font-weight: 400;} 

.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 68px; height: 68px; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 0; z-index: 2; } 
.slick-arrow.slick-prev { left: -25px; background-image: url("https://image.megagong.net/m/2025/0508_ebook/prev.png"); } 
.slick-arrow.slick-next { right: -25px; background-image: url("https://image.megagong.net/m/2025/0508_ebook/next.png"); } 

/*evCon1*/
.eventWrap .evSection.evCon1 {position: relative; background-image: url("https://image.megagong.net/m/2025/0508_ebook/evCon1_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: 100% 100.5%; } 
.evSection.evCon1 .inner { padding: 85px 0 0; }
.evCon1 .tit1 { display:block; margin:0 auto 20px; } 
.evCon1 .btn-base { position: relative; z-index:1; margin-top:-80px; } 
.evCon1 .btn-base a { margin: 24px auto 0; padding: 26px 60px; border-radius: 80px; } 
.evCon1 .bot { position: relative; z-index:0; margin-top: -60px; left: -150px; } 
.evCon1 .update {padding: 18px 0 0;position: absolute;letter-spacing: 0.05em;top:0;right:0;color:#fff;font-weight: 900;line-height: 1.6;width:111px;height:133px;background-image: url("https://image.megagong.net/m/2025/0508_ebook/tag.png");background-repeat: no-repeat;background-size: cover;background-position: center center;}


/*evCon2*/
.evSection.evCon2 .inner { padding:70px 0 140px; } 
.evCon2 .mini_tit { margin:0 0 30px; opacity: 0.4; } 
.evCon2 .step_wrap { margin:0 0 50px; gap:12px; } 
.evCon2 .step_wrap .step {height: 260px;flex: 1 0 0;} 
.evCon2 .step .tit {display: block;margin: 22px auto 30px;line-height: 1;} 
.evCon2 .sub_tt { font-weight: 600; color:#fff; } 
.evCon2 .sub_tt .line { margin:10px 0 0; display: flex; align-items: center; justify-content: center; gap: 10px; color:#111111; } 
.evCon2 .sub_tt .line span { box-shadow: inset 0 -10px rgba(255, 255, 255, 0.37); width: fit-content; } 
.evCon2 .sub_tt .line::after { content:""; display: block; width: 43px; height: 28px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("https://image.megagong.net/m/2025/0508_ebook/quote2.png"); } 
.evCon2 .sub_tt .line::before { content:""; display: block; width: 43px; height: 28px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("https://image.megagong.net/m/2025/0508_ebook/quote1.png"); } 

/*evCon3*/
.evCon3 .step_wrap { flex-wrap: wrap; gap:20px; justify-content: center; } 
.evCon3 .step_wrap .step {min-height: 326px;width: calc(33.333% - 14px);padding: 50px 30px 60px;} 
.evCon3 .step .tit {padding: 22px 0 24px;border-bottom: 1px solid #E4E4E4;width: 100%;} 
.evCon3 .step .det { padding: 25px 0 15px; } 
.evCon3 .step .det2 { color:#4100F6; } 

/*evCon4*/
.eventWrap .evSection.evCon4 { width:100%; height: 100%; background-size: initial; background-position: center 104%; background-repeat: no-repeat; background-image: url("https://image.megagong.net/m/2025/0508_ebook/evCon4_img.png"); } 
.evSection.evCon4 .inner { padding: 140px 0 280px;}
.evCon4 .con_tit { color:#fff; } 
.evCon4 .review_wrap .review { padding:50px 0 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; background: #FFF; box-shadow: 8px 10px 13px 0px rgba(0, 0, 0, 0.04); min-height: 430px; } 
.evCon4 .review .cir_tit { margin: 0 auto; padding: 8px 20px; border-radius: 100px; width: fit-content; background: #111; color:#fff; } 
.evCon4 .review .tit { display:block; margin:22px auto 30px; } 
.evCon4 .review .det { color:#333; } 
.evCon4 .review .det .point { color:#4100F6; font-weight: 600; } 
.evCon4 .review .name { margin:20px auto 0; display:block; color:#555555; } 
.evCon4 .noti { margin:15px 0 0; color:#FFFFFF; opacity: 0.6; text-align:right; } 

.evCon5 .btn-base a { margin: 24px auto 0; padding: 26px 60px; border-radius: 80px; } 


@media screen and (max-width: 1200px){
    .con_tit { margin: 0 0 7%; } 
    .con_tit > .mini_tit {margin: 0 0 5px;display: block;}
    .evSection .inner { padding: 14% 0; } 
    .step_wrap .step { padding: 5vmin 2vmin; } 

    /*evCon1*/
    .evSection.evCon1 .inner { padding: 10% 0 0; } 
    .evCon1 .btn-base a {margin: 12vmin auto 0;padding: 4vmin 12vmin;} 
    .evCon1 .bot { left: -10vmin; margin-top: 0; } 

    /*evCon2*/
    .evSection.evCon2 .inner { padding: 8% 0 14%; } 
    .evCon2 .step_wrap .step {padding: 4% 0 4%;height: 234px;}
    .evCon2 .step .tit { margin: 7% auto 10%; } 

    /*evCon3*/
    .evCon3 .step_wrap .step { padding: 5vmin 2vmin 2vmin; }
    .evCon3 .step .tit { width: 100%; padding: 3vmin 0; } 

    /*evCon4*/
    .eventWrap .evSection.evCon4 {background-size: 100% auto;background-position: center 102%;} 
    .evSection.evCon4 .inner { padding: 14% 0 28%;}
    .evCon4 .review_wrap .review { padding: 4vmin 0; } 
    .evCon4 .review .tit { margin: 3vmin 0; } 

    /*evCon5*/
    .evCon5 .btn-base a {margin: 12vmin auto 0;padding: 4vmin 12vmin;}

}

@media screen and (max-width: 1024px) { 

    /*evCon4*/
    .evCon4 .review_wrap .review { min-height: 340px; } 
}

@media screen and (max-width: 768px){
    .slick-arrow { width: 50px; height: 50px; } 
    .slick-arrow.slick-prev { left:-8px; } 
    .slick-arrow.slick-next { right: -8px; } 
    .eventWrap .evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
    .eventWrap .evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #bfbfbf; } 
    .eventWrap .evSection .slick-dots li button { font-size: 0; } 
    .eventWrap .evSection .slick-dots li.slick-active { background-color: #000; } 
    .step_wrap .step .cir_tit {padding: 1vmin 3vmin;} 

    /*evCon1*/
    .evCon1 .update {width: 16.7vmin;height: 20vmin;line-height: 1.5;padding: 2vmin 0 0;}

    /*evCon2*/
    .evCon2 .step_wrap { display: block; }
    .evCon2 .step_wrap .step {padding: 4vmin 0;margin: 0 2vmin;height: auto;height: 246px;} 
    .evCon2 .step .tit { margin: 4vmin auto; } 

    /*evCon3*/
    .evCon3 .step_wrap { display: block; } 
    .evCon3 .step_wrap .step {width: 100%;min-height: 334px;} 

    /*evCon4*/
    .evCon4 .review_wrap .review {padding: 5vmin 10vmin;min-height: 391px;}
    .evCon4 .review .det br {display: none;}
}

@media screen and (max-width: 576px){
    /*evCon1*/
    .evCon1 .update p {font-size: 12px;}
    .evCon1 .tit1 {  width: 60%; } 
    .evCon1 .btn-base a { margin: 22vmin auto 0; } 
    .evCon1 .bot { left: -20vmin; top: -4vmin; width: 118%; max-width: unset; } 

    /*evCon2*/
    .evCon2 .sub_tt br {display:none;}
    .evCon2 .sub_tt .line::before {width: 27px; height: 17px;}
    .evCon2 .sub_tt .line::after {width: 27px; height: 17px;}
    .evCon2 .step_wrap .step {min-height: 163px;height: auto;}
    
    /*evCon3*/
    .evCon3 .step_wrap .step {min-height: 240px;}
    
    /*evCon4*/
    .evCon4 .review_wrap .review br { display:none; } 
}