@charset "euc-kr";

/* bg url: https://image.megagong.net/m/2023/ */

:root {
    --color-primary: #373143;
    --color-secondary: #f0f1f9;
    --color-highlight: #500acc;
}

/* settings */
.evSection {padding: 140px 0; color: #212121;}
.evSection .con_tit {margin: 0 auto 70px;}
.evSection .con_tit .sub_tit {font-weight: normal; font-size: 23px; color: #414252;}
.evSection .con_tit strong {display: block; font-weight: 900; font-size: 45px; line-height: 1.2;}
.evSection .con_tit .sub_tit + strong {margin: 25px auto 0;}
.evSection .con_tit strong + .sub_tit {margin: 20px auto 0;}
.evSection .evt_end {position: absolute; top: 0; right: -7%; width: 25%;}
.br_576 {display: none;}

/* evCon1 */
.evCon1 {padding: 0; background: #05052c url(https://image.megagong.net/m/2023/0912_pt1969/con1_bg.jpg) no-repeat; text-align: left;}
.evCon1 .inner {z-index: 1;}
.evCon1 h3 {margin: 260px 0 0 -60px;}
.evCon1 .sub_tit {display: inline-block; margin: -30px 0 250px 0; font-size: 20px; color: #fff; position: relative;}
.evCon1 .sub_tit::before {content: ''; position: absolute; right: -5px; bottom: -15px; width: 1000%; height: 1px; background: #fff; opacity: 0.2;}
.evCon1 .sub_tit span {font-size: 22px;}
.evCon1 .tea_img {position: absolute; bottom: 0; right: -350px; z-index: -1;}
.evCon1 .tea_home {position: absolute; bottom: 90px; right: 70px; z-index: 1;}
.evCon1 .tea_home a {font-size: 15px; color: #fff;}
.evCon1 .tea_home a b {margin-right: 10px;}
.evCon1 .tea_home a img {vertical-align: text-bottom;}

/* evCon2 */
.evCon2 {background: var(--color-secondary);}
.evCon2 .con_tit strong {color: var(--color-highlight);}
.evCon2 .swiper_wrap.btm::before {content: ''; display: block; width: 63px; height: 71px; background: url(https://image.megagong.net/m/2023/0912_pt1969/con2_arrow.png) no-repeat; margin: 35px auto;}
.evCon2 .swiper_wrap .tit {width: 70%; max-width: 395px; font-weight: bold; font-size: 20px; color: #fff; border-radius: 32px; padding: 18px 0; margin: 0 auto 20px;}
.evCon2 .swiper_wrap.top .tit {background: #999aa3;}
.evCon2 .swiper_wrap.btm .tit {background: var(--color-highlight);}
.evCon2 .swiper_wrap .con2Roll {overflow: hidden;}
.evCon2 .swiper_wrap .con2Roll .swiper-slide {background: #fff; border-radius: 20px; padding: 40px 0;}
.evCon2 .swiper_wrap .con2Roll .swiper-slide i {display: block; width: 53px; height: 53px; font-size: 0; background: url(https://image.megagong.net/m/2023/0912_pt1969/con2_ox.png) no-repeat; margin: 0 auto 15px;}
.evCon2 .swiper_wrap .con2Roll.top .swiper-slide i {background-position: 100% 0;}
.evCon2 .swiper_wrap .con2Roll .swiper-slide p {font-weight: bold; font-size: 17px;}
.evCon2 .swiper_wrap .con2Roll.top .swiper-slide p {color: #999aa3;}
.evCon2 .swiper_wrap .swiper-pagination {position: unset; margin: 1% auto 0;}
.evCon2 .swiper_wrap .swiper-pagination-bullet-active {background: var(--color-highlight);}

/* evCon3 */
.evCon3 {padding: 140px 0 0; background: var(--color-primary);}
.evCon3 .inner::before {content: ''; position: absolute; bottom: 220px; right: -460px; width: 611px; height: 1396px; background: url(https://image.megagong.net/m/2023/0912_pt1969/con3_tea.png) no-repeat;}
.evCon3 .con_tit {margin: 0 auto 80px;}
.evCon3 .con_tit .sub_tit {color: #a9a3b3;}
.evCon3 .con_tit strong {color: #fff;}
.evCon3 .eventVideo {margin: 0 auto 70px;}
.evCon3 .point {margin: 0 auto 140px;}
.evCon3 .point > .tit {display: inline-block; font-weight: bold; font-size: 20px; color: #fff; background: var(--color-highlight); padding: 18px 45px; border-radius: 32px; margin: 0 auto 40px;}
.evCon3 .point .pointRoll {position: relative; overflow: hidden;}
.evCon3 .point .pointRoll .swiper-slide {background: #fff; border-radius: 20px; padding: 50px 0;}
.evCon3 .point .pointRoll .swiper-slide .s_tit {display: block; font-style: normal; font-weight: 900; font-size: 15px; color: var(--color-highlight); margin: 0 auto 20px;}
.evCon3 .point .pointRoll .swiper-slide .tit {display: block; font-size: 20px; margin: 0 auto 15px;}
.evCon3 .point .pointRoll .swiper-slide p {font-size: 16px; color: #595959;}
.evCon3 .comment {position: relative; padding: 60px 0; z-index: 1;}
.evCon3 .comment::before {content: ''; position: absolute; width: 1000%; height: 100%; left: -500%; top: 0; background: #25202d; z-index: -1;}
.evCon3 .comment p {font-size: 25px; color: #fff; font-weight: 300;}
.evCon3 .comment p b .underline {position: relative;}
.evCon3 .comment p b .underline::before {content: ''; position: absolute; left: -0.5%; bottom: 0; width: 101%; height: 30%; background: var(--color-highlight); z-index: -1;}
.evCon3 .point .swiper-pagination {position: unset;}
.evCon3 .point .swiper-pagination-bullet {background: var(--color-secondary);}
.evCon3 .point .swiper-pagination-bullet-active {background: var(--color-highlight);}

/* evCon4 */
.evCon4 {background: var(--color-secondary);}
.evCon4 .con_tit strong {color: var(--color-highlight);}
.evCon4 .con_tit .sub_tit.btm {position: relative; display: inline-block; color: #414252; font-weight: bold; font-size: 20px; margin: 40px auto 0; z-index: 1;}
.evCon4 .con_tit .sub_tit.btm::before {content: ''; position: absolute; width: 102%; height: 30%; left: -1%; bottom: 0; background: var(--color-highlight); opacity: 0.1; z-index: -1;}
.evCon4 .book_wrap {gap: 100px; display: flex; justify-content: center; align-items: center;}
.evCon4 .book_wrap .img {margin-left: -15%}
.evCon4 .book_wrap .feature {width: 310px; margin: 0 0 50px}
.evCon4 .book_wrap .feature li {position: relative; background: #fff; border-radius: 20px; padding: 30px 0; box-shadow: 0 0 30px rgba(66, 70, 110, 0.1); font-size: 17px;}
.evCon4 .book_wrap .feature li + li {margin: 20px auto 0;}
.evCon4 .book_wrap .feature li::before {content: ''; position: absolute; top: 50%; left: 0; width: 180px; height: 6px; transform: translate(-100%, -50%); background: url(https://image.megagong.net/m/2023/0912_pt1969/con4_line.png) no-repeat;}
.evCon4 .btn a {display: block; width: 70%; max-width: 420px; margin: 0 auto; font-weight: bold; font-size: 20px; background: #000; color: #fff; border-radius: 20px; padding: 20px 0;}
.evCon4 .btn a::after {content: ''; display: inline-block; width: 12px; height: 20px; background: url(https://image.megagong.net/m/2023/0912_pt1969/con4_arrow.png) no-repeat; margin-left: 12px; vertical-align: middle;}

/* evCon5 */
.evCon5 {background: var(--color-primary);}
.evCon5 .con_tit .sub_tit {color: #a9a3b3;}
.evCon5 .con_tit strong {color: #fff;}
.evCon5 .video_wrap {display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0 auto 80px;}
.evCon5 .video_wrap .book {margin: 0 0 0 -8%;}
.evCon5 .video_wrap .eventVideo {width: 740px;}
.evCon5 .feature {display: flex; gap: 24px;}
.evCon5 .feature li {flex: 1; background: #fff; border-radius: 20px; padding: 40px 0;}
.evCon5 .feature li span {display: block; font-weight: 900; font-size: 12px; color: #fff; background: var(--color-primary); width: 34px; height: 34px; line-height: 34px; border-radius: 50%; margin: 0 auto 18px;}
.evCon5 .feature li p {font-size: 17px;}

/* evCon6 */
.evCon6 {background: #d6d8ea;}
.evCon6 .con_tit strong {color: var(--color-highlight);}
.evCon6 .con_tit .tiny_noti {color: #80839e; margin: 14px auto 28px;}
.evCon6 .con_tit .sub_tit .box {color: #000; position: relative; z-index: 1;}
.evCon6 .con_tit .sub_tit .box::before {content: ''; position: absolute; left: -1%; bottom: 0; width: 102%; height: 30%; background: var(--color-highlight); opacity: 0.1; z-index: -1;}
.evCon6 .review_pc {margin: 0 -215px;}
.evCon6 .reviewRoll {display: none; overflow: hidden;}
.evCon6 .reviewRoll .swiper-wrapper {height: 370px;}
.evCon6 .reviewRoll .swiper-slide {height: 180px; display: flex; flex-direction: column; justify-content: center; background: #fff; border-radius: 20px;}
.evCon6 .reviewRoll .swiper-slide i {display: block; width: 18%; margin: 0 auto 2%;}
.evCon6 .reviewRoll .swiper-slide p {font-size: 14px; color: #595959; margin: 0 auto 2%;}
.evCon6 .reviewRoll .swiper-slide p b {color: var(--color-highlight);}
.evCon6 .reviewRoll .swiper-slide .name {font-size: 12px; color: #cdcdcd;}
.evCon6 .reviewRoll .swiper-pagination {bottom: -8%;}
.evCon6 .reviewRoll .swiper-pagination-bullet {background: var(--color-secondary); opacity: 1;}
.evCon6 .reviewRoll .swiper-pagination-bullet-active {background: var(--color-highlight);}

/* evCon7 */
.evCon7 {background: #fff;}
.evCon7 .con_tit strong {color: var(--color-highlight);}
.evCon7 .lecture {padding-bottom: 0 !important; background: #fff;}

/* evCon8 */
.evCon8 {background: #4809b8;}
.evCon8 .con_tit {margin: 0 auto 60px;}
.evCon8 .con_tit .sub_tit {color: #fff; font-weight: 300;}
.evCon8 .evt_date {display: flex; gap: 15px; margin: 0 auto 90px;}
.evCon8 .evt_date > div {flex: 1; font-weight: bold; font-size: 20px; padding: 22px 0; color: #fff; background: #3a0795; border-radius: 35px;}
.evCon8 .evt_date .tiny_noti {color: #baa8da;}
.evCon8 .evt_gift {display: flex; justify-content: center; gap: 35px; margin: 0 auto 35px;}
.evCon8 .evt_btn {margin: 0 auto 80px;}
.evCon8 .evt_btn a {display: block; width: 70%; max-width: 420px; font-weight: bold; font-size: 20px; color: #fff; background: #000; border-radius: 20px; padding: 20px 0; margin: 0 auto;}
.evCon8 .evt_btn a::after {content: ''; display: inline-block; width: 12px; height: 20px; background: url(https://image.megagong.net/m/2023/0912_pt1969/con4_arrow.png) no-repeat; margin-left: 12px; vertical-align: middle;}
.evCon8 .tech_comment_name {display: none;}

/* evCon9 */
.evCon9 {background: #e31093;}
.evCon9 .con_tit {margin: 0 auto 85px;}
.evCon9 .evt_detail {position: relative; z-index: 1; margin: 0 auto 70px;}
.evCon9 .evt_detail::before {content: ''; position: absolute; width: 100%; height: 90%; left: 0; bottom: 0; background: #d10c86; z-index: -1;}
.evCon9 .evt_detail .inner {display: flex; justify-content: space-between; align-items: center;}
.evCon9 .evt_detail .cont_l {flex: 1; text-align: left; margin: 0 auto -30px;}
.evCon9 .evt_detail .cont_l li {display: flex; align-items: center; gap: 14px; color: #fff; font-weight: bold; font-size: 18px;}
.evCon9 .evt_detail .cont_l li + li {margin: 20px auto 0;}
.evCon9 .evt_detail .cont_l li .tit {width: 135px; text-align: center; background: #b40672; border-radius: 21px; line-height: 40px; align-self: flex-start;}
.evCon9 .evt_detail .cont_l li .txt {line-height: 1.6;}
.evCon9 .lecture {padding-bottom: 0 !important; background: #fff;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0; background: #f8f8f8;}
.evtoggleWarning p.w_tit {padding: 18px 0; font-size: 18px;}
.evtoggleWarning p.w_tit::before {background: #343434;}
.evtoggleWarning .warningList li {color: #5e5e5e;}

@media screen and (max-width: 1300px){
    .evSection .evt_end {right: 2%;}

    .evCon3 .inner::before {content: none;}

    .evCon6 .review_pc {margin: 0 -12% 0 -17%;}
}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 10% 0;}
    .evSection .con_tit {margin: 0 auto 6%;}
    .evSection .con_tit .sub_tit + strong {margin: 3% auto 0;}
    .evSection .con_tit strong + .sub_tit {margin: 2% auto 0;}
    .eventWrap .tiny_noti {font-size: 10px;}

    /* evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 h3 {width: 75%; margin: 16% 0 0 -6%;}
    .evCon1 .sub_tit {margin: -3% 0 20% 0;}
    .evCon1 .sub_tit::before {bottom: -1vw;}
    .evCon1 .tea_img {right: -35%; width: 100%;}
    .evCon1 .tea_home {bottom: 10%; right: 2%;}

    /* evCon2 */
    .evCon2 .swiper_wrap.btm::before {margin: 3% auto;}
    .evCon2 .swiper_wrap .tit {margin: 0 auto 2%;}
    .evCon2 .swiper_wrap .con2Roll .swiper-slide {padding: 4vw 0;}
    .evCon2 .swiper_wrap .con2Roll .swiper-slide i {margin: 0 auto 1vw;}

    /* evCon3 */
    .evCon3 {padding: 10% 0 0;}
    .evCon3 .eventVideo {margin: 0 auto 7%;}
    .evCon3 .point {margin: 0 auto 10%;}
    .evCon3 .point > .tit {margin: 0 auto 4%;}
    .evCon3 .point .pointRoll .swiper-slide {padding: 3vw 0;}
    .evCon3 .point .pointRoll .swiper-slide .s_tit {margin: 0 auto 3%;}
    .evCon3 .point .pointRoll .swiper-slide .tit {margin: 0 auto 2%;}
    .evCon3 .comment {padding: 4vw 0;}
    .evCon3 .comment p {font-size: 20px;}

    /* evCon4 */
    .evCon4 .con_tit .sub_tit.btm {margin: 4% auto 0;}
    .evCon4 .book_wrap .feature li + li {margin: 2% auto 0;}

    /* evCon5 */
    .evCon5 .video_wrap {margin: 0 auto 4%;}
    .evCon5 .video_wrap .book {width: 38%;}
    .evCon5 .video_wrap .eventVideo {width: 70%;}
    .evCon5 .feature li {padding: 3vw 0;}
    .evCon5 .feature li span {margin: 0 auto 2vw;}

    /* evCon6 */
    .evCon6 .con_tit .tiny_noti {margin: 2% auto 3%;}

    /* evCon8 */
    .evCon8 .evt_date {margin: 0 auto 8%;}
    .evCon8 .evt_gift {margin: 0 auto 4%;}
    .evCon8 .evt_btn {margin: 0 auto 8%;}

    /* evCon9 */
    .evCon9 .evt_detail {margin: 0 auto 6%; padding: 2vw 0 0;}
    .evCon9 .evt_detail::before {height: 100%;}
    .evCon9 .evt_detail .cont_l {margin: 0 auto;}
    .evCon9 .evt_detail .cont_l li + li {margin: 2% auto 0;}
    .evCon9 .evt_detail .cont_r {width: 38%;}

    .evtoggleWarning {padding: 0;}
}

@media screen and (max-width: 992px){
    .evSection .con_tit strong {font-size: 35px;}
    .evSection .con_tit .sub_tit {font-size: 20px;}

    .evCon2 .swiper_wrap .tit {font-size: 18px; padding: 8px 0;}
    .evCon2 .swiper_wrap .con2Roll .swiper-slide i {width: 37px; height: 37px; background-size: auto 100%;}
    .evCon2 .swiper_wrap .con2Roll .swiper-slide p {font-size: 15px;}

    .evCon3 .point > .tit {font-size: 18px; padding: 8px 5vw;}
    .evCon3 .point .pointRoll .swiper-slide .tit {font-size: 18px;}
    .evCon3 .point .pointRoll .swiper-slide p {font-size: 14px;}
    .evCon3 .comment p {font-size: 18px;}

    .evCon4 .book_wrap {gap: 50px;}
    .evCon4 .book_wrap .img {width: 60%;}
    .evCon4 .book_wrap .feature li {font-size: 15px;}
    .evCon4 .book_wrap .feature li::before {width: 100px;}

    .evCon5 .feature {gap: 10px;}
    .evCon5 .feature li p {font-size: 15px;}

    .evCon8 .evt_date > div {font-size: 18px; padding: 16px 0;}

    .evCon9 .evt_detail .cont_l li {font-size: 16px;}
    .evCon9 .evt_detail .cont_l li .tit {width: 100px; line-height: 28px;}
    .evCon9 .evt_detail .cont_r {width: 35%;}
}

@media screen and (max-width: 768px){
    .evSection .con_tit strong {font-size: 28px; letter-spacing: -0.05em;}
    .evSection .con_tit .sub_tit {font-size: 17px;}

    .evCon1 .sub_tit {font-size: 16px;}
    .evCon1 .sub_tit span {font-size: 17px;}

    .evCon2 .swiper_wrap .tit {font-size: 16px;}
    .evCon2 .swiper_wrap.btm::before {width: 31px; height: 35px; background-size: cover;}
    .evCon2 .swiper_wrap .con2Roll .swiper-slide p {font-size: 13px;}

    .evCon3 .point > .tit {font-size: 16px;}
    .evCon3 .comment p {font-size: 16px;}

    .evCon4 .con_tit .sub_tit.btm {font-size: 16px;}
    .evCon4 .book_wrap {flex-direction: column; gap: 20px;}
    .evCon4 .book_wrap .feature {width: 100%;}
    .evCon4 .book_wrap .feature li {padding: 2vw 0;}
    .evCon4 .book_wrap .feature li::before {content: none;}
    .evCon4 .btn a {font-size: 18px; padding: 15px 0;}

    .evCon5 .video_wrap {flex-direction: column-reverse;}
    .evCon5 .video_wrap .book {width: 50%;}
    .evCon5 .video_wrap .eventVideo {width: 100%; margin: 0 auto 4%;}
    .evCon5 .feature li span {width: 28px; height: 28px; line-height: 28px;}

    .evCon6 .review_pc {display: none;}
    .evCon6 .reviewRoll {display: block;}

    .evCon8 .evt_date {flex-direction: column; justify-content: center; align-items: center; gap: 10px;}
    .evCon8 .evt_date > div {width: 70%; font-size: 16px; padding: 8px 0;}
    .evCon8 .evt_gift {gap: 15px;}
    .evCon8 .evt_btn a {font-size: 18px; padding: 15px 0;}

    .evCon9 .evt_detail {padding: 3vw 0;}
    .evCon9 .evt_detail .cont_l li {flex-direction: column; justify-content: center; gap: 5px;}
    .evCon9 .evt_detail .cont_l li + li {margin: 4% auto 0;}
    .evCon9 .evt_detail .cont_l li .tit {align-self: center;}
    .evCon9 .evt_detail .cont_r {display: none;}
}

@media screen and (max-width: 576px){
    .evSection .con_tit strong {font-size: 20px;}
    .evSection .con_tit .sub_tit {font-size: 14px;}
    .br_576 {display: block;}

    .evCon1 .sub_tit {font-size: 13px;}
    .evCon1 .sub_tit span {font-size: 14px;}
    .evCon1 .tea_home a {font-size: 11px;}
    .evCon1 .tea_home a b {margin-right: 5px;}
    .evCon1 .tea_home a img {width: 16px;}

    .evCon2 .swiper_wrap .tit {font-size: 14px; padding: 4px 0;}
    .evCon2 .swiper_wrap .con2Roll .swiper-slide p {font-size: 12px;}

    .evCon3 .point > .tit {font-size: 14px; padding: 4px 5vw;}
    .evCon3 .point .pointRoll .swiper-slide .s_tit {font-size: 10px;}
    .evCon3 .point .pointRoll .swiper-slide .tit {font-size: 14px;}
    .evCon3 .point .pointRoll .swiper-slide p {font-size: 12px;}
    .evCon3 .comment p {font-size: 12px;}

    .evCon4 .con_tit .sub_tit.btm::before {width: 92%; left: 4%;}
    .evCon4 .con_tit .sub_tit.btm::after {content: ''; position: absolute; width: 102%; height: 30%; left: -1%; top: 20%; background: var(--color-highlight); opacity: 0.1; z-index: -1;}
    .evCon4 .book_wrap .feature li {font-size: 12px;}
    .evCon4 .btn a {font-size: 16px; padding: 8px 0;}

    .evCon5 .feature {flex-direction: column;}
    .evCon5 .feature li span {font-size: 10px; width: 20px; height: 20px; line-height: 20px;}
    .evCon5 .feature li p {font-size: 12px;}

    .evCon6 .reviewRoll .swiper-wrapper {height: 250px;}
    .evCon6 .reviewRoll .swiper-slide {height: 120px;}
    .evCon6 .reviewRoll .swiper-slide p {font-size: 12px;}
    .evCon6 .reviewRoll .swiper-slide .name {font-size: 10px;}

    .evCon8 .evt_date > div {font-size: 12px; padding: 6px 0;}
    .evCon8 .evt_btn a {font-size: 16px; padding: 8px 0;}

    .evCon9 .evt_detail .cont_l li {font-size: 12px;}
    .evCon9 .evt_detail .cont_l li .tit {line-height: 18px;}

    .evtoggleWarning p.w_tit {font-size: 14px; padding: 8px 0;}
}

@media screen and (max-width: 420px){
    .evCon3 .comment p {font-size: 10px;}
}

.warningList li ul li a.tp1{color:#ca007a; border-bottom: 1px solid #ca007a; padding: 0 2px; line-height: 1.4; font-size: 12px;}