@charset "euc-kr"; 


:root { 
    --ev1-bg:url('https://image.megagong.net/m/2025/0417_kimchanghun/con_img1.jpg'); 
    --ev2-bg:url('https://image.megagong.net/m/2025/0417_kimchanghun/con_img5.jpg'); 
    --ev4-bg:url('https://image.megagong.net/m/2025/0417_kimchanghun/con_img8.jpg'); 
    --arrow:url('https://image.megagong.net/m/2024/0404_kimchanghun/con3_arrow.png'); 
    --arrow2:url('https://image.megagong.net/m/2024/0404_kimchanghun/event2_arrow.png'); 
    --point: #fa7149;
    --box-shadow: 0px 0px 2px #1c236c;
    --filter-shadow: drop-shadow(var(--box-shadow)); 
} 

/* swiper */
.swiper_common_wrap { position: relative; max-width: 1002px; margin: 0 auto; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; } 
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 20px; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { background: #999; opacity: 1; width: 12px; height: 12px; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background: var(--point);; } 

/* contents settings */
.flt_inner.renewal li.top img { filter: var(--filter-shadow) } 
.eventWrap .evSection {background-size: auto 100%;} 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto } 
.evSection:not(.evtoggleWarning,.evCon1) {padding: 155px 0;} 
.evSection .mini_tit{font-weight:normal} 
.evSection .mini_tit + .con_tit{margin-top: 10px;} 
.evSection .con_tit + .mini_tit{margin-top: -30px;margin-bottom: 40px;}
.evSection.evCon1 {background-color: #1f0707;background-image: var(--ev1-bg);padding: 515px 0 100px;text-align: left;background-size: auto;} 
.evSection.evCon2 {background-image: var(--ev2-bg);} 
.evSection.evCon3 { background-color: #fff; } 
.evSection.evCon4 { background-color: #fff; background-image: var(--ev4-bg); } 
.evSection.event1 {background-color: #ffa801;} 
.evSection.event2 { background-color: #ff843d; } 
.evtoggleWarning .warningList li ul li a {/* color: var(--point); */padding: 0 0 2px;/* border-bottom: 1px solid var(--point); */} 


/* text style */ 
.fff, .fff > *, .fff .con_tit { color: #fff !important; } 
.con_tit {margin-bottom: 55px;font-weight: 900;} 
.con_tit h4 { font-size: 46px; line-height: 1.2; font-weight: 900; } 
.con_tit > div { font-size: 18px; font-weight: normal; } 
.con_tit .top_txt { margin-bottom: 15px; font-size: 28px; } /*ŸÀÌƲ »ó´Ü ÅؽºÆ®*/
.con_tit .sub_txt { line-height: 1.6; margin-top: 30px; } /*ŸÀÌƲ ÇÏ´Ü ÅؽºÆ®*/
.con_tit .end::after { background-color: #000; } 
.bottom_txt { font-size: 18px; margin-top:60px; line-height: 1.6; color: #333; } /*ÄÁÅÙÃ÷ ÇÏ´Ü ÅؽºÆ®*/

/* button box */
.btn_box { display:flex; justify-content: center; gap: 0 clamp(10px, 2vmin, 20px); margin: 85px auto 0; position: relative; } 
.btn_box a { position: relative; display: flex; align-items: center; justify-content: center; min-height: 45px; overflow: hidden; } 
.btn_box a img { height: 100%; max-width: 130%; } 
.btn_box a:first-of-type:last-of-type { margin-left: 20%; margin-right: 20%; } /* ´ÜÀϹöÆ°ÀÏ °æ¿ì */
.btn_box:has(.tiny_noti) { flex-direction: column; gap: 15px 0; } 
.btn_box .tiny_noti { opacity: 0.5; } 

/* con1 */
.evCon1 h3{display: flex;flex-direction: column;gap: 50px;margin: 0 0 70px 40px;}
.evCon1 .teacher_home {margin: 0 0 0 40px;}

/* con2 */
.evCon2 .review_box {display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;} 
.evCon2 .con_tit{font-weight: bold;}
/* con3 */
.evCon3 section:last-of-type { margin-top: 155px; } 
.evCon3 .course_list { position: relative; display: flex; justify-content: space-between; max-width: 1000px; margin: 0 auto; } 
.evCon3 .course_list::before { content: ''; display: block; top: 50%; transform: translate(-50%,-50%); position: absolute; left: 50%; margin-left: -175px; width: 29px; background-image: var(--arrow); height: 44px; z-index: 2; background-size: contain; background-repeat: no-repeat; } 
.evCon3 .course_list::after { content: ''; display: block; top: 50%; transform: translate(-50%,-50%); position: absolute; right: 50%; margin-right: -205px; width: 29px; background-image: var(--arrow); height: 44px; background-size: contain; z-index: 2; background-repeat: no-repeat; } 
.evCon3 .course_list li { position: relative; } 
.evCon3 .img_box{margin:0 0 90px}

/* con4 */
.evCon4 .course_box:not(:first-of-type) { margin-top: 80px; } 
.evCon4 section:last-of-type { margin-top: 200px; } 
.evCon4 .swiper-wrapper { justify-content: space-between; align-items: flex-end; } 
.evCon4 .swiper-wrapper .swiper-slide { cursor: pointer; } 
.evCon4 .check_list { display: flex; max-width: 1000px; margin: 0 auto; gap: 0 15px; } 
.evCon4 .check_list li {display: flex;flex-direction: column;align-items: center;color: #333;font-size: 16px;background: #fff;padding: 30px 0;border: 1px solid #d0d0d0;border-radius: 5px;flex: 1;font-weight: normal;} 
.evCon4 .check_list li strong {display: block;margin: 12px auto 10px;font-size: 20px;} 
.evCon4 .bottom_txt { font-size: 30px; font-weight: 900; } 
.evCon4 .bottom_txt span { display: inline-block; color: #060974; position: relative; z-index: 2; } 
.evCon4 .bottom_txt span:before { content:""; display:block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; background: #dedffd; height: 20%; width: 105%; z-index: -1; } 
.evCon4 .circle_txt { position: relative; } 
.circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #fff; opacity: .6; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.evCon4 .circle_txt span { position: relative; background: #fa7149; border-radius: 30px; color: #fff; font-size: 22px; line-height: 50px; display: inline-block; width: 400px; } 
.evCon4 .circle_txt + p { font-size: 20px; margin: 50px auto; line-height: 1.6; } 
.evCon4 .eventVideo.video_renewal{margin-left: 40px;margin-right: 40px;}

/* event common */
.evtCommon .con_tit { margin-bottom: 45px; } 
.evtCommon.con_tit > img { max-width: 20%; margin-bottom: 40px; } 
.evtCommon .con_tit .sub_txt { opacity: .8; font-size: 24px; font-weight: 300; } 

/* event1 */
.event1 .toggleSticker { position: absolute; left: 0; top: 0; max-width: 27%; } 
.event1 .toggleSticker.on { display: none; } 
.event1 .info_list { justify-content: space-between; background: #31387a; padding: 75px 0; position: relative; align-items: center; } 
.event1 .info_list::before { content: ''; display: block; position: absolute; background: #31387a; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 3000px; height: 100%; } 
.event1 .info_list ul { flex-direction: column; text-align: left; gap: 20px; } 
.event1 .info_list ul li { flex: 1; font-size: 21px; display: flex; align-items: flex-start; } 
.event1 .info_list ul li b { background: #fff; width: 135px; display: inline-block; text-align: center; line-height: 40px; border-radius: 30px; margin-right: 15px; color: #1f246e; } 
.event1 .info_list > * { position:relative } 

/* event2 */
.event2 .gift_list { margin-top: 130px; } 
.event2 .gift_list ul { justify-content: space-between; } 

/* v2 */
.v2.event1 { background-color: #354bff; } 
.v2.event1 .info_list::before { background-color: #4a5dff; } 
.v2.event1 .btn_box { flex-direction: row; flex-wrap: wrap; gap: 20px; } 
.v2.event1 .btn_box a:not(.tiny_noti) { width: calc(50% - 10px); } 
.v2.event2 { background-color: #ff3b60; } 
.v2.event2 .step_list { margin-top: 100px; } 
.v2.event2 .step_list .circle_txt { position: relative; } 
.v2.event2 .step_list .circle_txt::before { content: ''; display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.v2.event2 .step_list .circle_txt span { position: relative; padding: 0 43px; background: #f5385e; font-size: 26px; } 
.v2.event2 .step_list .circle_txt span:before { content: ''; display: block; width: 2px; height: 50%; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.v2.event2 .step_list .circle_txt span:after { content: ''; display: block; width: 2px; height: 50%; background: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.v2.event2 .step_list .hash {background: #ff758f;margin: 40px auto 20px;border-radius: 30px;padding: 16px 0;font-size: 20px;text-align: left;} 
.v2.event2 .step_list .hash p{ position: relative; padding-left: 15px; width: fit-content; margin: 0 auto; } 
.v2.event2 .step_list .hash p:before {display:block;position: absolute;left: 0;top: 0px;} 
.v2.event2 .step_list ul { justify-content: space-between; align-items: stretch; } 
.v2.event2 .step_list li { width: 32%; height: 210px; position: relative; background: #fff; color: #000; font-size: 18px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 30px; } 
.v2.event2 .step_list li i { display: block; font-style: normal; font-size: 16px; line-height: 30px; margin-bottom: 15px; background: #ffe3e8; border-radius: 30px; width: 100px; } 
.v2.event2 .step_list li .tiny_noti { text-align: center; color: #ff3b60; opacity: 1; font-weight: 700; margin-top: 15px; font-size: 14px; } 
.v2.event2 .step_list li:before {content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);background: var(--arrow2);width: 35px;height: 36px;background-size: contain;z-index: 2;column-fill;background-repeat: no-repeat;:balance;right: -30px;} 
.v2.event2 .step_list li:nth-child(3):before { display: none; } 
.v2.event2 .btn_box { margin: 40px auto 100px; } 
.v2.event2 .shareList ul li dl dd { width: 195px; } 
.v2.event2 .shareList ul li dl.sns dt { background-color: #63b4ff; } 
.v2.event2 .shareList ul li dl.naver dt { background-color: #54d582; } 
.v2.event2 .shareList ul li dl.daum dt { background-color: #ac63ff; } 
.v2.event2 .shareList ul li dl.etc dt { background-color: #bebebe; } 
.v2.event2 .shareList ul li dl.sns dd,.v2.event2 .shareList ul li dl.naver dd,
.v2.event2 .shareList ul li dl.daum dd,.v2.event2 .shareList ul li dl.etc dd { border:1px solid #c6c6c6; color:#888888; } 
.v2.event2 .evtBoard_common { background: #f1f1f1; } 
.v2.event2 .btn_box a img{max-width: 100%;}
.v2.event2 .clickPop{color:#000}


.evSection.event.event1 .con_tit + .mini_tit{margin-bottom: 0;color: #926714;font-weight: inherit;}
.evSection.event.event1 .mini_tit + .mini_tit{font-weight: inherit;}
.event.event1 .gift_item_wrap .gift_item{display: block;}
.event.event1 .gift_item_wrap .tail{display: inline-block;text-align:center;font-size:14px;color: #000;margin: 10px 0 0 150px;opacity: 0.4;}
.event.event1 .gift_item_wrap .tail + .tail{margin-left: 130px;}
.event.event1 .gift_item_wrap .gift_result_base{right: 50%;top: 62px;margin: 0 237px 0 0;}
.event.event1 .gift_item_wrap .gift_result_base + .gift_result_base{top: -26px;margin: 0 -330px 0 0;}

.warningList .f_dash li.check{padding-left: 12px;margin-left: 10px;}
.warningList .f_dash li .check{position: absolute;left:0;top: 8px;font-size: 0;width: 6px;height: 5px;border: 1px solid var(--color-gray);border-width: 0px 0px 1px 1px;transform: rotate(-45deg);}


.fix_menu  {display: none;}


@media screen and (max-width: 1200px){
    .btn_box { margin-top: 10%; } 

    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
    .eventWrap .tiny_noti {font-size: clamp(10px,1.3vmin,13px) !important;} 
    .evSection:not(.evtoggleWarning,.evCon1) {padding: 15% 0;} 

    .con_tit {margin-bottom: 7%;} 
    .con_tit h4 { font-size: clamp(21px,4.6vmin,46px); } 
    .con_tit > div { font-size: clamp(15px,2vmin,18px); } 
    .con_tit .top_txt { margin-bottom: 2%; font-size: clamp(17px,3vmin,28px); } 
    .con_tit .sub_txt { margin-top: 3% } 
    .bottom_txt { margin-top: 7%; font-size: clamp(16px,2.6vmin,26px); } 
    .evSection .con_tit + .mini_tit{margin-top: 0;}

    /* contents */
    .evSection.evCon1 {padding: 47% 0 10%;background-size: cover;} 
    .evCon1 h3 {margin: 0 20% 4% 0;gap: 3vw;} 
    .evCon1 h3 span{display: block;margin: 0 50% 0 0;}
    .evCon1 .teacher_home{margin:0}
    .evCon1 .home { bottom: 10%; left: 50%; transform: translateX(-50%); width: 40%; } 
    .evCon3 .course_list::before { margin-left: -17%; } 
    .evCon3 .course_list::after { margin-right: -21%; } 
    .evCon3 section:last-of-type { margin-top: 15%; } 
    .evCon3 .img_box{margin: 0 0 5%;}

    .evCon4 .course_box:not(:first-of-type) { margin-top: 10%; } 
    .evCon4 section:last-of-type { margin-top: 20%; } 
    .evCon4 .check_list { gap: 0 5px; } 
    .evCon4 .check_list li { font-size: clamp(15px,1.6vmin,16px); padding: clamp(20px,4vmin,40px) 0; } 
    .evCon4 .check_list li strong { font-size: clamp(15px,2vmin,20px) } 
    .evCon4 .bottom_txt { font-size: clamp(19px,3vmin,30px); } 
    .evCon4 .circle_txt span { font-size: clamp(16px,2vmin,22px); line-height: clamp(40px,5vmin,50px); display: inline-block; width: clamp(250px,40vmin,400px); } 
    .evCon4 .circle_txt + p { font-size: clamp(15px,2vmin,20px); margin: 5% auto; } 
    .evCon4 .img_box { overflow: hidden; } 
    .evCon4 .img_box img { max-width: 112%; margin-left: -6%; }
    .evCon4 .eventVideo.video_renewal{margin-left: 0;margin-right: 0;} 

    .evtCommon .con_tit { margin-bottom: clamp(20px,5vmin,45px); } 
    .evtCommon .con_tit .sub_txt { font-size: clamp(15px,2.5vmin,24px); } 
    .evtCommon .con_tit > img { margin-bottom: clamp(15px,4vmin,40px); max-width: 32%; } 
    .event1 .info_list { padding: 5% 0; justify-content: center; gap: 5%; } 
    .event1 .info_list ul li { font-size: clamp(15px,2vmin,20px) } 
    .event1 .info_list ul li b { width: clamp(90px,14vmin,135px); line-height: clamp(30px,4vmin,40px); margin-right: 10px; } 
    .event1 .info_list .gift { max-width: 300px; margin-right: -30px; } 
    .event2 .gift_list { margin-top: 15%; } 

    /* v2 */
    .v2.event2 .step_list { margin-top: 10%; } 
    .v2.event2 .step_list .circle_txt span {font-size: clamp(18px,3vmin,26px);padding: 0 5%;} 
    .v2.event2 .step_list .hash {margin: 5% auto;padding: 2% 1%;font-size: clamp(14px,2vmin,20px);border-radius: clamp(5px,2vmin,30px);} 
    .v2.event2 .shareList ul li dl dd{width: 23%;}


    .eventWrap .evSection.fix_mode{padding-top:100px;}
    .fix_menu{display: block;}
    .fix_menu li{position: relative;}
    .fix_menu li a{display: block;padding: 36.5px 0;position: relative;padding: 23px 0;display: flex;justify-content: center;align-items: center;text-align: left;}
    .fix_menu li.on a{color:rgba(255, 255, 255, 1);}
    .fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%;}
    /* ÇÏ´Ü¿¡ ºÙ´Â ·ÎÁ÷ÀÏ °æ¿ì */
    .fix_menu.fixed.bottom{position: fixed;bottom: 0; top:auto;left: 0;width: 100%;} 
    .fix_menu {height: auto;position: sticky;top: 0;z-index: 3;background: #ffa801;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
    .fix_menu ul{width: 100%;}
    .fix_menu li i{background-color: #000;color: #fff;width: 90px;height: 40px;display: flex;justify-content: center;align-items: center;font-style: normal;border-radius: 50px;margin: 0 10px 0 0;}
    
}


@media screen and (max-width: 768px){
    .evCon2 .swiper_review .swiper-wrapper { align-items: center; } 
    .evCon2 .swiper_review .swiper-wrapper img {max-width: 340px;width: 95%;} 
    .evCon3 .course_list::before,.evCon3 .course_list::after { width: 5%; height: 20%; filter: var(--filter-shadow) } 
    .evCon4 .swiper_more_wrap { max-width: 340px; } 
    .evCon4 .check_list { gap: 10px; flex-wrap: wrap; margin: 0 auto; } 
    .evCon4 .check_list li {padding: clamp(10px,2vmin,40px) 0;width: calc(33.3% - 10px);flex: none;margin: 0 auto;} 
    .evCon4 .check_list li img { max-width: 20px; } 
    .evCon4 .check_list li strong { margin: 10px auto; } 
    .evCon3 .course_list { gap: 5px; } 
    .evCon3 .course_list li { overflow: hidden; background: #333334; height: 30vmin; border-radius: 10px; } 
    .evCon3 .course_list li img { max-width: 150%; width: 136%; margin-left: -18%; margin-top: -12%; } 
    .event1 .info_list { flex-direction: column-reverse; gap: 30px 0; } 
    .event2 .gift_list ul { flex-wrap: wrap; justify-content: center; gap: 3%; } 
    .event2 .gift_list ul li { width: 48%; } 

    /* v2 */
    .evSection.event{padding: 20% 0;}
    .v2.event1 .btn_box{gap:5px}
    .v2.event1 .btn_box a:not(.tiny_noti){width: calc(50% - 3px);min-height: 40px;}
    .v2.event2 .step_list .hash p {text-align: center;} 
    .v2.event2 .step_list ul { flex-direction: column; gap: 20px } 
    .v2.event2 .step_list li {width: min(100%, 350px);height: auto;padding: 5%;font-size: clamp(14px,2vmin,18px);margin: 0 auto;} 
    .v2.event2 .step_list li:before{top: auto;bottom: -35px;left: 50%;transform: translateY(-50%) rotate(90deg);margin-left: -15px;right: auto;width: min(7vmin,35px);height: min(7vmin,35px);}
    .v2.event2 .step_list li i {font-size: clamp(12px,1.6vmin,16px);line-height: 20px;width: 80px;margin-bottom: 3%;} 
    .v2.event2 .btn_box { margin: 5% auto 10%; } 
    .v2.event2 .shareList ul li dl dd{width: 24%;}
    .v2.event2 .shareList ul li dl dd:nth-child(5), .v2.event2 .shareList ul li dl dd:nth-child(6){margin: 0 0 0 1%;}

    .event.event1 .gift_item_wrap .gift_result_base{margin: 0;right: unset;left: 0;top: 20px;}
    .event.event1 .gift_item_wrap .gift_result_base + .gift_result_base{right: 0;margin: 0;left: unset;}
    .event.event1 .gift_item_wrap .tail{margin: 0;font-size: 12px;}
    .event.event1 .gift_item_wrap .tail + .tail{margin: 0 0 0 10px;}
    .gift_item_wrap{width: 80%;} 
    
    
    .fix_menu li a{padding: 15px 0;}
    .fix_menu li i{width: 70px;height: 70px;border-radius: 100%;font-size: 0.8em;}
}

@media screen and (max-width: 576px){

    .evCon4 .check_list li{width: 100%;}

    .fix_menu li a{padding: 2vw 0;}
    .fix_menu li a br{display: block;}
    .fix_menu li i{width: 11vw;height: 11vw;}
}


@media screen and (max-width: 375px){

    .swiper_common_wrap{width: 80%;}
}