@charset "euc-kr";/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */


/* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: #170833; } 
.warningList li ul li a.tp1 { background-color:#000; color:#fff; } 


/*°øÅë*/
.eventWrap .evSection { position: relative; padding: 160px 0; } 
.eventWrap .evSection .con_tit .clamp_title2 { margin:0 0 10px; opacity: 0.6; } 
.eventWrap .evSection .con_tit .m_img_wrap {display:none;}

.eventWrap .evSection .slick-dots { display: flex; align-items: center; justify-content: center; gap:8px; margin: 10px 0; } 
.eventWrap .evSection .slick-dots li { width: 10px; height: 10px; border-radius: 100%; background-color: #d1c4cc; } 
.eventWrap .evSection .slick-dots li.slick-active { background-color: #333032; } 
.eventWrap .evSection .slick-dots li button { font-size: 0; } 

/*font-size*/
.clamp_title { font-size:44px; margin: 0 0 50px 0; font-weight: 900; } 
.clamp_title2 { font-size:24px; } 
.clamp_title3 { font-size:42px; margin: 0 0 50px 0; font-weight: 900; letter-spacing: -2px; } 
.clamp_title4 { font-size:34px; } 
.clamp_title5 { font-size:22px; } 

.clamp_text { font-size:20px; } 
.clamp_text2 { font-size:18px; } 
.clamp_text3 { font-size:15px; } 

.eventWrap .evSection .sub_tit { font-size: 26px; font-weight: bold; } 

/*EVENT ¸»Ç³¼±*/
.evSection .con_tit .label { position: relative; display: block; width: 30%; max-width: 230px; font-style: normal; font-weight: 900; font-size: 41px; color: #fff; padding: 10px 0; background: #000; margin: 0 auto 40px; } 
.evSection .con_tit .label::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #000; } 

/*ÇÏ´Ü ¸Þ´º °íÁ¤*/
.evSection .con_bnr.on { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 2; } 

/*evCon1*/
.eventWrap .evSection.evCon1 {position:relative; padding: 0; background-image: url(https://image.megagong.net/m/2024/1018_ebook/evCon1_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.eventWrap .evSection.evCon1 .inner {width: 100%;}
.eventWrap .evSection.evCon1::before {content:""; display:block; position:absolute; bottom:0; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url(https://image.megagong.net/m/2024/1018_ebook/evCon1_bg_after.png); width: 100%; height: 185px;}
.eventWrap .evSection.evCon1 .con_tit .m_img_wrap {display: none;}

/*evCon2*/
.evCon2 .people_box_wrap .people_box { margin: 0 0 20px; padding: 43px 104px; border-radius: 20px; border:2px solid #000; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #fff; display:flex; align-items: center; gap:50px; } 
.evCon2 .people_box_wrap .people_box .txt_box { color:#333333; display: flex; flex-direction: column; justify-content: flex-start; } 
.evCon2 .people_box_wrap .people_box .txt_box .yellow_tit { margin: 0 0 20px; padding: 10px 30px; border-radius: 40px; background-color: #ffda4d; display: block; width: fit-content; font-weight: bold; } 
.evCon2 .people_box_wrap .people_box .txt_box .det { text-align:left; } 
.evCon2 .people_box_wrap .people_box .txt_box .det .pink { font-weight: bold; color:#ff30ac; } 
.evCon2 .clamp_title2 { margin: 50px auto 10px; width: fit-content; border-bottom: 1px solid #000; opacity: 0.8; } 
.evCon2 .clamp_title4 { font-weight: 900; } 


/*evCon3*/
.evCon3 .step_box_wrap { position: relative; display: flex; justify-content: space-between; gap:20px; margin: 133px 0 146px; } 
.evCon3 .step_box_wrap .arrow { position: absolute; bottom:-112px; left: 50%; transform: translateX(-50%); } 
.evCon3 .step_box_wrap .step_box { padding:98px 0 50px; position:relative; width: calc(50% - 10px); border:2px solid #ff6fc5; border-radius:20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #fff; } 
.evCon3 .step_box_wrap .step_box .profile { position: absolute; top:-73px; left: 50%; transform: translateX(-50%); } 
.evCon3 .step_box_wrap .step_box .clamp_title2 { margin:0 0 30px; font-weight: 900; color:#ff30ac; } 
.evCon3 .step_box_wrap .step_box .check_list { width: fit-content; margin: 0 auto; } 
.evCon3 .step_box_wrap .step_box .check_list li { margin: 0 0 5px; display: flex; align-items: center; gap:10px; text-align: left; } 
.evCon3 .step_box_wrap .step_box .check_list li::before { content: ""; display: block; width: 19px; height: 14px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(https://image.megagong.net/m/2024/1018_ebook/check.png); } 
.evCon3 .clamp_title5 { opacity: 0.8; } 
.evCon3 .line_tit { margin: 10px 0 0; position: relative; } 
.evCon3 .line_tit .line { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); } 
.evCon3 .line_tit p { position:relative; font-weight: 900; } 

/*evCon4*/
.evCon4 .con_tit .gray { color:#bcbcbc; } 
.evCon4 .three_box_wrap { display: flex; justify-content: space-between; gap:20px; } 
.evCon4 .three_box_wrap .three_box {padding: 50px 25px 54px;display: flex;flex-direction: column;align-items: center;/* justify-content: center; */border-radius: 20px;width: calc(33.333% - 10px);border:2px solid #ff6fc5;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;background-color: #fff;} 
.evCon4 .three_box_wrap .three_box .cir_tit { margin:0 auto; width:fit-content; display: flex; align-items: center; justify-content: center; padding: 5px 20px; background-color: #efefef; border-radius: 30px; } 
.evCon4 .three_box_wrap .three_box .three_top { width: 100%; border-bottom: 1px solid #ebebeb; } 
.evCon4 .three_box_wrap .three_box .main_tit { padding: 16px 0 24px 0; font-weight: 900; } 
.evCon4 .three_box_wrap .three_box .main_tit .pink { color: #ff30ac; } 
.evCon4 .three_box_wrap .three_box .three_bot { padding: 28px 0 0; display: flex; flex-direction: column; gap:28px; } 
.evCon4 .three_box_wrap .three_box .three_bot p .pink { color: #ff30ac; font-weight: 600; } 


/*evCon5*/
.evCon5 .book_slick .book { display: flex !important; align-items: center; justify-content: center; } 
.evCon5 .book_slick .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width:44px; height:85px; background-position: center center; background-repeat: no-repeat; background-size: cover; font-size: 0; } 
.evCon5 .book_slick .slick-prev { left: -40px; background-image: url(https://image.megagong.net/m/2024/1018_ebook/prev.png); } 
.evCon5 .book_slick .slick-next { right: -40px; background-image: url(https://image.megagong.net/m/2024/1018_ebook/next.png) } 

/*evCon6*/
.eventWrap .evSection.evCon6 .inner { width: 1105px; } 
.evCon6 { color: #fff; } 
.evCon6 .cir_box_wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 40px; } 
.evCon6 .cir_box_wrap .cir_box { position: relative; width:340px; height: 340px; } 
.evCon6 .cir_box_wrap .cir_box .cir_bg { position: absolute; top:0; left:0; } 
.evCon6 .cir_box_wrap .cir_box .cir_txt { position:relative; padding:70px 0 0; color:#222222; font-weight: 600; } 
.evCon6 .cir_box_wrap .cir_box .cir_txt .pink { color: #ff30ac; } 



/*evCon7*/
.evCon7 .inner { width:1200px } 
.evCon7 .btns a {margin: 40px auto 0;display: flex;align-items: center;justify-content: center;color:#fff;background-color:#000;width: 375px;height: 80px;font-weight: bold;border-radius: 90px;font-size: 24px;}


@media screen and (max-width: 1920px) { 
    /*evCon1*/
    .eventWrap .evSection.evCon1::before {height: 80px;}
}

@media screen and (max-width: 1200px) { 
    /*°øÅë*/
    .eventWrap .evSection { padding: 12% 0; } 
    .eventWrap .inner { width: 97%; } 

    /*font-size*/
    .clamp_title {font-size: clamp(20px, 5vmin, 32px);margin: 0 0 7% 0;} 
    .clamp_title2 {font-size: clamp(14px,2.5vmin,24px);} 
    .clamp_title3 {font-size: clamp(20px,5vmin,30px);margin: 0 0 7% 0;} 
    .clamp_title4 { font-size: clamp(20px,3vmin,28px); } 
    .clamp_title5 {font-size: clamp(17px,4vmin,20px);} 

    .clamp_text { font-size: clamp(15px,2vmin,20px); } 
    .clamp_text2 { font-size: clamp(13px,1.8vmin,18px); } 
    .clamp_text3 { font-size: clamp(12px,1.5vmin,15px); } 

    .con_box .sub_tit { width: 97%; } 
    .con_box .sub_tit span { padding: 0 3%; } 
    .eventWrap .evSection .sub_tit { font-size: clamp(16px,3.5vmin,24px); } 
    
    /*evCon3*/
    .evCon3 .line_tit { width: fit-content; margin: 10px auto 0; }
    
    /*evCon4*/
     .evCon4 .three_box_wrap .three_box {padding: 30px 10px;}

    /*evCon5*/
    .evCon5 .book_slick { width: 90%; margin:0 auto; } 

    /*evCon6*/
    .eventWrap .evSection.evCon6 .inner { width: 98%; } 

    .evCon7 .btns a {font-size: clamp(16px,4vmin,24px);}
 }

@media screen and (max-width: 1024px) { 
    /*ÇÏ´Ü ¸Þ´º °íÁ¤*/
    .evSection .con_bnr.on { bottom:70px } 

    .eventWrap .evSection.evCon1 .inner {width: 97%;}

    /*evCon2*/
    .evCon2 .people_box_wrap .people_box { padding: 4%; } 

     /*evCon6*/   
    .evCon6 .cir_box_wrap {justify-content: space-between;} 
}


@media screen and (max-width: 768px) {

    /*ÇÏ´Ü ¸Þ´º °íÁ¤*/
    .evSection .con_bnr.on { bottom:55px } 

    /*evCon1*/
    .eventWrap .evSection.evCon1 {background-position: center bottom;background-size: 100% 100%;padding: 12% 0 0;}
    .eventWrap .evSection.evCon1::before {height: 50px;}
    .eventWrap .evSection.evCon1 .con_tit .pc_img {display:none;}
    .eventWrap .evSection.evCon1 .con_tit .m_img_wrap {display:flex;flex-direction: column;gap: 23px;width: 76%;/* justify-content: center; */margin: 0 auto;}


    /*evCon2*/
    .evCon2 .people_box_wrap .people_box { padding: 10px; flex-direction: column; gap: 20px; min-height: 400px;; height: 100%; margin: 0 20px; } 
    .evCon2 .people_box_wrap .people_box .txt_box { justify-content: center; align-items: center; } 
    .evCon2 .people_box_wrap .people_box .txt_box .det { text-align: center; } 


    /*evCon3*/
    .evCon3 .clamp_title3 {margin: 0 0 7%;}
    .evCon3 .step_box_wrap {gap: 10px;margin: 12% 0 15%;} 
    .evCon3 .step_box_wrap .arrow { height: 80px; bottom: -80px; } 
    .evCon3 .step_box_wrap .step_box {width: calc(50% - 5px);padding: 8% 0 4%;} 
    .evCon3 .step_box_wrap .step_box .profile { width: 80px; top: -40px; } 
    .evCon3 .step_box_wrap .step_box .check_list li { gap: 5px; } 
    .evCon3 .step_box_wrap .step_box .check_list li::before { width: 12px; height: 8px; } 
    .evCon3 .line_tit .line { display:none; } 


    /*evCon4*/
    .evCon4 .three_box_wrap { display: block; } 
    .evCon4 .three_box_wrap .three_box {padding: 20px;margin: 0 20px;} 
    .evCon4 .three_box_wrap .three_box .main_tit { padding: 4% 0; } 
    .evCon4 .three_box_wrap .three_box .three_bot { gap: 15px; padding: 4% 0 0; } 

    
    /*evCon5*/
    .evCon5 .book_slick .slick-arrow {width:20px; height:32px;}

    /*evCon6*/
    .evCon6 .cir_box_wrap {gap: 2%;} 
    .evCon6 .cir_box_wrap .cir_box { width: 48%; height: auto; padding-bottom: 30%; } 
    .evCon6 .cir_box_wrap .cir_box .cir_txt { padding: 28% 0 0; } 

    .evCon7 .btns a {width: fit-content; height: auto; padding: 4% 14%; margin: 10% auto 0;}

}

@media screen and (max-width: 576px) {
    .eventWrap { font-size: 14px; } 
    
    /*evCon2*/
    .evCon2 .people_box_wrap .people_box img {width:100px; height: 100px;}
    .evCon2 .people_box_wrap .people_box {min-height: 390px; justify-content: center;}
    .evCon2 .people_box_wrap .people_box .txt_box .yellow_tit {padding: 5px 20px;}

    /*evCon3*/
    .evCon3 .clamp_title3 {margin: 0 0 18%;}
    .evCon3 .step_box_wrap {margin: 12% 0 28%;} 
    .evCon3 .step_box_wrap .step_box {padding: 14% 1% 4%;} 
    .evCon3 .step_box_wrap .step_box .check_list li { font-size: 11px; } 
    .evCon3 .step_box_wrap .step_box .clamp_title2 {margin:0 0 15px;font-size: 13px;}
        
    /*evCon5*/
    .evCon5 .book_slick .slick-prev {left: -21px;}
    .evCon5 .book_slick .slick-next {right: -21px;}

    /*evCon6*/
    .evCon6 .cir_box_wrap .cir_box .cir_txt { font-size: 11px; padding: 17% 0 0; } 
}