@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2024/ */

/* settings */
:root {
    --color-highlight: #703b07;
    --gradient-color1: #f9d078;
    --gradient-color2: #eb7a00;
    --gradient-angle1: 90deg;
    --gradient-angle2: 0deg;
}
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 60px;}
.evSection .con_tit h4 {font-weight: 500; font-size: 45px; color: #131313; letter-spacing: -0.04em; line-height: 1.3;}
.evSection .con_tit h4 b {font-weight: 900;}
.evSection .con_tit .sub_tit {font-size: 20px; text-decoration: underline; text-underline-offset: 7px;}
.evSection .con_tit .sub_tit + h4 {margin-top: 19px;}
.evSection .con_tit h4 + .sub_tit {margin-top: 23px;}

.txt_gradient {background: var(--gradient-color1); background: -webkit-linear-gradient(var(--gradient-angle2), var(--gradient-color1) 0%, var(--gradient-color2) 100%); background: linear-gradient(var(--gradient-angle1), var(--gradient-color1) 0%, var(--gradient-color2) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.con_tit .end {top: 8%; right: -1%;}
.con_tit .end::after {background: #f49500;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.evSection .button-prev,
.evSection .button-next {position: absolute; top: calc(50% - 52px); left: 26px; width: 32px; height: 62px; background-image: url(https://image.megagong.net/m/2024/0909_pt1969/slide_prev.png); background-size: contain; transform: translateY(-50%); cursor: pointer; z-index: 1;}
.evSection .button-next {left: auto; right: 26px; background-image: url(https://image.megagong.net/m/2024/0909_pt1969/slide_next.png);}
.evSection .swiper-pagination {display: none; position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet-active {background: var(--color-highlight);}

/* evCon1 */
.evCon1 {padding: 0; background: #120d09 url(https://image.megagong.net/m/2024/0909_pt1969/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {position: absolute; top: 60px; width: 100%; font-size: 22px; letter-spacing: 0.15em; color: #c58000;}
.evCon1 .schedule {position: absolute; bottom: 104px; left: 50%; transform: translateX(-50%); width: 428px; max-width: 70%; font-size: 20px; color: #fff; background: #6a3400; line-height: 40px; border-radius: 20px;}
.evCon1 .schedule.on {color: #ffe488;}
.evCon1 .teacher_home {position: absolute; width: 100%; left: 0; bottom: 55px; font-size: 16px; color: #fff;}
.evCon1 .teacher_home span + span::before {content: ''; display: inline-block; width: 1px; height: 12px; background: #fff; opacity: 0.3; margin: 0 15px;}
.evCon1 .teacher_home span:last-child::after {content: 'H'; display: inline-block; font-weight: 900; font-size: 12px; color: #000910; width: 20px; line-height: 20px; background: #fff; border-radius: 50%; margin-left: 10px; vertical-align: middle;}

/* evCon2 */
.evCon2 {padding: 125px 0 150px; background: #281600;}
.evCon2 .con_tit .sub_tit {color: #acacac;}
.evCon2 .con_tit h4 {color: #fff;}
.evCon2 .plan {gap: 68px;}
.evCon2 .plan .item {flex: 1; position: relative; background: #402109; border-radius: 10px;}
.evCon2 .plan .item .tit {font-size: 30px; color: #fff; padding: 14px 0; border-radius: 10px 10px 0 0;}
.evCon2 .plan .item .ico {max-width: 28%; margin: 14px auto 18px;}
.evCon2 .plan .item ul {font-weight: 400; font-size: 18px; color: #fff; margin: 0 28px 50px;}
.evCon2 .plan .item ul li {background: #482c17; padding: 34px 0;}
.evCon2 .plan .item ul li + li {margin-top: 12px;}
.evCon2 .plan .item.bad .tit {background: #942600;}
.evCon2 .plan .item.bad ul {color: #8f7b6d;}
.evCon2 .plan .item.good .tit {background: #335b00;}
.evCon2 .plan .item.good::before {content: ''; position: absolute; top: 50%; left: 0; transform: translate(-70%, -50%); width: 132px; height: 160px; background: url(https://image.megagong.net/m/2024/0909_pt1969/con2_arrow.png) no-repeat; background-size: contain;}

/* evCon3 */
.evCon3 {background: #f68b00 url(https://image.megagong.net/m/2024/0909_pt1969/con3_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon3 .con_tit .sub_tit {color: #fff;}
.evCon3 .con_tit h4 .txt_gradient {
    --gradient-color1: #fff;
    --gradient-color2: #ffd777;
    --gradient-angle1: 180deg;
    --gradient-angle2: 270deg;
}
.evCon3 .feature_roll .swiper-wrapper {gap: 15px;}
.evCon3 .feature_roll .swiper-slide {flex: 1 1 auto; background: #fff; padding: 50px 15px 60px; border-radius: 10px;}
.evCon3 .feature_roll .swiper-slide .title strong {font-size: 24px; padding: 0 2%; background: #ffecc0; background: -webkit-linear-gradient(270deg, transparent 60%, #ffecc0 60%); background: linear-gradient(180deg, transparent 60%, #ffecc0 60%);}
.evCon3 .feature_roll .swiper-slide .title span {display: block; border-top: 1px solid #ddd; margin: 15px 15px 0; padding-top: 10px;}
.evCon3 .feature_roll .swiper-slide .lec_img {margin: 30px auto 25px;}
.evCon3 .feature_roll .swiper-slide .txt {font-weight: 400; font-size: 16px;}
.evCon3 .feature_roll .swiper-slide .txt b {color: #f58000;}
.evCon3 .feature_roll + .swiper-pagination {display: none;}

/* evCon4 */
.evCon4 {background: #ffe1bb;}
.evCon4 .con_tit h4 .txt_gradient {
    --gradient-color1: #ffbf35;
}
.evCon4 .eventVideo_list {margin-bottom: 40px;}
.evCon4 .eventVideo_list > li {width: 530px; margin-left: 20px;}
.evCon4 .eventVideo_list > li:first-child {margin-left: 0;}
.evCon4 .eventVideo.video_renewal {background: #333;}

/* evCon5 */
.evCon5 {padding: 140px 0 150px; background: #ffeed2; background: -webkit-linear-gradient(270deg, #ffffff 0%, #ffeed2 100%); background: linear-gradient(180deg, #ffffff 0%, #ffeed2 100%);}
.evCon5 .con_tit {margin-bottom: 25px;}
.evCon5 .con_tit .sub_tit {color: #222;}
.evCon5 .book_img {margin-bottom: 20px;}
.evCon5 .eventButtons {gap: 20px; margin-bottom: 80px;}
.evCon5 .eventButtons .btn {font-size: 20px; min-width: 480px; border-radius: 3px;}
.evCon5 .book_roll {position: relative; overflow: hidden;}
.evCon5 .book_roll .swiper-slide {background: #fff;}
.evCon5 .book_roll .swiper-slide .img {padding: 35px 0 40px;}
.evCon5 .book_roll .swiper-slide .txt {font-size: 16px; color: #fff; background: #111; padding: 27px 0;}
.evCon5 .book_roll .swiper-slide .txt b {display: block; font-size: 20px;}

/* evCon6 */
.evCon6 {background: #fff;}
.evCon6 .con_tit {margin-bottom: 40px;}
.evCon6 .con_tit h4 .txt_gradient {
    --gradient-color1: #f9d078;
}
.evCon6 .con_tit .sub_tit {color: #2b2b2b;}
.evCon6 .eventVideo {margin: 0 40px 60px;}
.evCon6 .subtitle_line {margin-bottom: 30px;}
.evCon6 .recommend {gap: 20px; margin-bottom: 20px;}
.evCon6 .recommend li {flex: 1; position: relative; font-weight: 400; font-size: 20px; border: 1px solid #ddd; border-radius: 15px; padding: 32px 0;}
.evCon6 .recommend li::before,
.evCon6 .recommend li::after {
    --quot-position: 55px;
    content: '¡°'; position: absolute; top: 26px; left: var(--quot-position); font-weight: 700; font-size: 30px;
}
.evCon6 .recommend li::after {content: '¡±'; left: auto; right: var(--quot-position);}
.evCon6 .recommend li:nth-child(2):before,
.evCon6 .recommend li:nth-child(2):after {
    --quot-position: 30px;
}

/* evCon7 */
.evCon7 {position: relative; background: #d6d6d6;}
.evCon7::before {content: ''; position: absolute; bottom: 0; right: 0; margin-right: 66%; width: 731px; height: 1138px; background: url(https://image.megagong.net/m/2024/0909_pt1969/con7_bg.jpg) no-repeat;}
.evCon7 .con_tit h4 .txt_gradient {
    --gradient-color1: #e17a00;
    --gradient-color2: #ffa422;
}
.evCon7 .con_tit .sub_tit {color: #2b2b2b;}
.evCon7 .con_tit .sub_tit:last-of-type {text-decoration: none; font-weight: 400; color: #2c2c2c;}
.evCon7 .review_roll .swiper-wrapper {gap: 20px; flex-wrap: wrap;}
.evCon7 .review_roll .swiper-slide {flex: 1 1 calc(50% - 15px); height: 350px; background: #fff; border-radius: 10px; padding: 40px 0;}
.evCon7 .review_roll .swiper-slide .ico {margin-bottom: 25px;}
.evCon7 .review_roll .swiper-slide .tit {font-weight: 700; font-size: 18px; color: #333;}
.evCon7 .review_roll .swiper-slide .writer {font-size: 13px; color: #acacac; margin: 10px auto 15px;}
.evCon7 .review_roll .swiper-slide p {font-weight: 400; font-size: 15px; color: #333;}
.evCon7 .review_roll + .swiper-pagination {display: none;}

/* evCon8 */
.evCon8 {background: #703b07;}
.evCon8 .con_tit .evt_tag {max-width: 30%; margin: 0 auto 25px;}
.evCon8 .con_tit h4 {color: #fff;}
.evCon8 .con_tit .sub_tit {text-decoration: none; font-weight: 400; color: #cdc8c3;}
.evCon8 .con_tit .sub_tit b {font-weight: 500; color: #fff;}
.evCon8 .container_info {color: #fff; background: #532a0a; margin-bottom: 70px;}
.evCon8 .container_info .info .info_title::before,
.evCon8 .container_info .info .info_title::after {background: #fff;}
.evCon8 .container_info .info .noti {opacity: 0.4; margin-left: 10px;}
.evCon8 .container_gift_wrap {margin-bottom: 70px;}
.evCon8 .container_gift_wrap ul {justify-content: center; gap: 15px; margin-bottom: 25px;}
.evCon8 .container_gift_wrap ul li {position: relative;}
.evCon8 .container_gift_wrap .tiny_txt {font-weight: 400; font-size: 14px; color: #fff; opacity: 0.8;}
.evCon8 .subtitle_line {margin-bottom: 55px;}
.evCon8 .subtitle_line .line {height: 2px; background: #fff; opacity: 0.45;}
.evCon8 .subtitle_line .text {color: #fff; padding: 0 35px;}
.evCon8 .evt_step {display: flex; gap: 30px; margin-bottom: 70px;}
.evCon8 .evt_step li {flex: 1; position: relative; display: flex; align-items: center; flex-direction: column; height: 220px; background: #fff; border-radius: 10px; padding: 40px 0;}
.evCon8 .evt_step li + li::before {content: ''; position: absolute; top: 50%; left: -15px; transform: translate(-50%, -50%); width: 36px; height: 36px; padding: 12px; background: #703b07 url(https://image.megagong.net/m/2024/0909_pt1969/con8_arrow.png) no-repeat 50% 50%;  border-radius: 50%;}
.evCon8 .evt_step li .step {font-size: 16px; color: #363636; background: #e3e3e3; width: 85px; border-radius: 13px;}
.evCon8 .evt_step li .txt {font-size: 18px; color: #222; line-height: 1.2; margin: auto;}
.evCon8 .evt_step li .tiny_txt {font-size: 14px; color: #a14bff;}
.evCon8 .eventButtons { margin-bottom: 100px;}
.evCon8 .eventButtons .btn {min-width: 360px; border-radius: 36px; padding: 0; font-size: 20px; line-height: 70px;}
.evCon8 .eventButtons .btn.copy {background: #ff8a00;}
.evCon8 .eventButtons .btn.download::after {content: ''; display: inline-block; width: 28px; height: 27px; background: url(https://image.megagong.net/m/2024/0909_pt1969/con8_ico1.png) no-repeat; margin-left: 10px;}
.evCon8 .eventButtons .btn.copy::after {content: ''; display: inline-block; width: 26px; height: 26px; background: url(https://image.megagong.net/m/2024/0909_pt1969/con8_ico2.png) no-repeat; margin-left: 10px;}
.shareList {border-radius: 12px 12px 0 0; overflow: hidden;}
.shareList.ver2 ul li dl.sns dt {background: #a50090;}
.shareList.ver2 ul li dl.naver dt {background: #7600ee;}
.shareList.ver2 ul li dl.daum dt {background: #0089d7;}
.shareList.ver2 ul li dl.etc dt {background: #999;}
.eventBoard .evtBoard_common {border-radius: 0 0 12px 12px; background: #4b2500;}
.evtBoard_common .board_write {padding-right: 166px;}
.evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] {height: 60px;}
.evtBoard_common .board_write .btn_wrap a {line-height: 60px; height: 60px;}
.evtBoard_common .board_write .btn_wrap {width: 156px;}
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list {font-size: 13px; color: #fff;}
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list li:last-child {color: #f49500;}
.eventBoard .evtBoard_common .info_wrap.with_tip button {font-family: var(--font); font-size: 16px; color: #fff; text-decoration: underline; text-underline-offset: 6px;}
.eventBoard .evtBoard_common + .tiny_noti {margin-top: 20px; text-align: right; color: #120800;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.warningList li ul li a {color: #ff8400; text-decoration: underline; padding: 0;}


@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .evSection .con_tit h4 {font-size: clamp(21px, 4.5vmin, 45px);}
    .evSection .con_tit .sub_tit {font-size: clamp(15px, 2.2vmin, 20px); text-underline-offset: 0.5vmin;}
    .evSection .con_tit .sub_tit + h4 {margin-top: 1.5%;}
    .evSection .con_tit h4 + .sub_tit {margin-top: 2%;}

    .evSection .button-prev,
    .evSection .button-next {display: none;}
    .evSection .swiper-pagination {display: block;}

    /* evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 .sub_tit {top: 6%; font-size: clamp(14px, 2.4vmin, 22px);}
    .evCon1 .schedule {bottom: 10%; font-size: clamp(14px, 2.2vmin, 20px); line-height: max(4vmin, 20px);}
    .evCon1 .teacher_home {bottom: 5%;}

    /* evCon2 */
    .evCon2 .plan {gap: 4vmin;}
    .evCon2 .plan .item.good::before {width: 13vmin; height: 16vmin;}    

    /* evCon4 */
    .evCon4 .eventVideo_list {margin-bottom: 4%;}
    .evCon4 .eventVideo_list > li {width: 49%; margin-left: 2%;}

    /* evCon5 */
    .evCon5 .book_img {margin-bottom: 2%;}
    .evCon5 .eventButtons {gap: 2vmin; margin-bottom: 8%;}
    .evCon5 .eventButtons .btn {min-width: initial; width: 48%; font-size: clamp(14px, 2.2vmin, 20px);}
    .evCon5 .book_roll .swiper-slide .img {padding: 3vmin 0 4vmin;}

    /* evCon6 */
    .evCon6 .eventVideo {margin: 0 auto 6%;}
    .evCon6 .subtitle_line {margin-bottom: 3%;}
    .evCon6 .recommend {gap: 1vmin; margin-bottom: 2vmin;}
    .evCon6 .recommend li {font-size: clamp(13px, 2.2vmin, 20px); padding: 3vmin 0;}
    .evCon6 .recommend li::before,
    .evCon6 .recommend li::after,
    .evCon6 .recommend li:nth-child(2):before,
    .evCon6 .recommend li:nth-child(2):after {
        --quot-position: 0.5vmin;
        top: 2vmin;
        font-size: clamp(14px, 3vmin, 30px);
    }

    /* evCon7 */
    .evCon7::before {content: none;}
    .evCon7 .review_roll .swiper-wrapper {gap: 10px;}
    .evCon7 .review_roll .swiper-slide {flex: 1 1 calc(50% - 5px); height: auto; padding: 4vmin 0;}
    .evCon7 .review_roll .swiper-slide .ico {margin: 0 auto 2%;}

    /* evCon8 */
    .evCon8 .con_tit .evt_tag {margin-bottom: 2%;}
    .evCon8 .container_info {margin-bottom: 7%;}
    .evCon8 .container_gift_wrap {margin-bottom: 7%;}
    .evCon8 .container_gift_wrap ul {gap: 2vmin; margin-bottom: 2%;}
    .evCon8 .subtitle_line {margin-bottom: 6%;}
    .evCon8 .subtitle_line .text {padding: 0 3%;}
    .evCon8 .evt_step {gap: 2vmin; margin-bottom: 7%;}
    .evCon8 .evt_step li + li::before {left: -1vmin;}
    .evCon8 .eventButtons {margin-bottom: 10%;}
    .evCon8 .eventButtons .btn {min-width: initial; font-size: clamp(14px, 2.2vmin, 20px); width: 48%;}

    .evtBoard_common .board_write {padding-right: 0;}
    .evtBoard_common .board_write .btn_wrap {width: 100%;}
    .evtBoard_common .board_write .btn_wrap a {height: 42px; line-height: 42px;}
    .eventBoard .evtBoard_common + .tiny_noti {margin-top: 2%;}
}
@media screen and (max-width: 992px){
    .evCon3 .feature_roll .swiper-slide {padding: 5vmin 1vmin;}
    .evCon3 .feature_roll .swiper-slide .title strong {font-size: 20px;}
    .evCon3 .feature_roll .swiper-slide .title span {margin: 1vmin 1vmin 0; padding-top: 1vmin;}
    .evCon3 .feature_roll .swiper-slide .lec_img {margin: 3% auto;}
    .evCon3 .feature_roll .swiper-slide .txt {font-size: clamp(13px, 1.8vmin, 16px);}

    .evCon7 .review_roll .swiper-slide p {font-size: 13px;}

    .evCon8 .evt_step li + li::before {width: 28px; height: 28px; padding: 8px;}
    .evCon8 .evt_step li .step {font-size: 14px;}
    .evCon8 .evt_step li .txt {font-size: 16px;}
    .evCon8 .evt_step li .tiny_txt {font-size: 12px;}

}
@media screen and (max-width: 768px){
    .evCon1 {padding: 0 0 2%;}
    .evCon1 .teacher_home {bottom: 2%; font-size: 13px;}

    .evCon2 .plan .item .tit {font-size: clamp(18px, 3vmin, 30px); padding: 2vmin 0;}
    .evCon2 .plan .item .ico {margin: 4% auto 6%;}
    .evCon2 .plan .item ul {font-size: clamp(12px, 2vmin, 18px); margin: 0 2vmin 5%;}
    .evCon2 .plan .item ul li {padding: 3vmin 0;}

    .evCon3 .feature_roll {position: relative; overflow: hidden;}
    .evCon3 .feature_roll .swiper-wrapper {gap: 0;}
    .evCon3 .feature_roll .swiper-slide {flex: 1 0 100%;}
    .evCon3 .feature_roll + .swiper-pagination {display: block; bottom: -5vmin;}
    .evCon3 .feature_roll .swiper-slide .title strong {font-size: clamp(16px, 2.6vmin, 24px);}
    .evCon3 .feature_roll .swiper-slide .lec_img {width: 80%;}

    .evCon5 .book_roll .swiper-slide .txt {font-size: clamp(12px, 2vmin, 16px); padding: 3vmin 0;}
    .evCon5 .book_roll .swiper-slide .txt b {font-size: clamp(14px, 2.5vmin, 20px);}

    .evCon7 .review_roll {position: relative; overflow: hidden;}
    .evCon7 .review_roll .swiper-wrapper {gap: 0; flex-wrap: nowrap;}
    .evCon7 .review_roll .swiper-slide {flex: 1 0 100%;}
    .evCon7 .review_roll + .swiper-pagination {display: block; bottom: -5vmin;}
    .evCon7 .review_roll .swiper-slide .ico {width: min(15%, 85px);}
    .evCon7 .review_roll .swiper-slide .tit {font-size: 15px;}
    .evCon7 .review_roll .swiper-slide .writer {font-size: 12px; margin: 1% auto 2%;}

    .evCon8 .container_gift_wrap .tiny_txt {font-size: 12px;}
    .evCon8 .evt_step {flex-direction: column;}
    .evCon8 .evt_step li {height: auto; padding: 4vmin 0;}
    .evCon8 .evt_step li + li::before {top: -1vmin; left: 50%; transform: translate(-50%, -50%) rotate(90deg);}
    .evCon8 .evt_step li .step {margin-bottom: 2%;}
    .evCon8 .evt_step li .txt {font-size: 14px; margin-bottom: 2%;}

    .eventBoard .evtBoard_common .info_wrap.with_tip button {font-size: 14px;}
}
@media screen and (max-width: 576px){
    .evCon1 h3 {margin: 0 -10%;}
    .evCon1 .teacher_home span + span::before {margin: 0 5px;}
    .evCon1 .teacher_home span:last-child::after {font-size: 10px; width: 15px; line-height: 15px; margin-left: 5px;}

    .evCon2 .plan .item.good::before {top: 55%; width: 10vmin; height: 14vmin;}

    .evCon4 .eventVideo_list > li {width: 100%; margin-left: 0; margin-top: 2%;}

    .evCon5 .eventButtons {flex-direction: column;}
    .evCon5 .eventButtons .btn {width: 100%;}

    .evCon6 .recommend {flex-direction: column;}
    .evCon6 .recommend li::before,
    .evCon6 .recommend li::after,
    .evCon6 .recommend li:nth-child(2):before,
    .evCon6 .recommend li:nth-child(2):after {
        --quot-position: 5vmin;
    }

    .evCon8 .evt_step li + li::before {width: 16px; height: 16px;  background-size: 80%;}
    .evCon8 .eventButtons {flex-direction: column; gap: 2vmin;}
    .evCon8 .eventButtons .btn {width: 100%; line-height: 50px;}
}