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

/* settings */
:root {
    --color-default: #121212;
    --color-highlight1: #e81e9b;
    --color-highlight2: #faca23;
}
.evSection {padding: 150px 0; color: var(--color-default);}
.evSection .con_tit {margin: 0 auto 50px;}
.evSection .con_tit .label {display: block; font-style: normal; font-weight: 900; font-size: 20px; color: #fff; background: #000; width: 50%; max-width: 240px; border-radius: 30px; padding: 16px 0; margin: 0 auto 20px;}
.evSection .con_tit h4 {font-weight: 900; font-size: 48px; margin: 0 auto 20px; letter-spacing: -0.04em;}
.evSection .con_tit h4 .color_em {font-weight: 900; background: var(--color-highlight1); background: linear-gradient(to left, var(--color-highlight1) 0%, var(--color-highlight2) 100%); background: -webkit-linear-gradient(180deg, var(--color-highlight1) 0%, var(--color-highlight2) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.evSection .con_tit .sub_tit {font-size: 22px;}

.con_tit .end {top: 80px; right: -14%;}



/* »ó´Ü ÅÇ */
.top_tab {background: var(--color-default);}
.top_tab ul li {flex: 1;}
.top_tab ul li a {display: flex; align-items: center; gap: 18px; color: #555; padding: 0 60px; height: 100px; transition: background 0.3s;}
.top_tab ul li .label {font-style: normal; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #555; color: var(--color-default); font-weight: bold; font-size: 16px; line-height: 1.2; transition: all 0.3s;}
.top_tab ul li p {font-size: 18px;}
.top_tab ul li p b {font-weight: 900;}
.top_tab ul li.active a {color: var(--color-default); background: #fff;}
.top_tab ul li.active a .label {color: #fff; background: var(--color-highlight1);}
.top_tab ul li:first-child a:hover {background: #fff; border-right: 1px solid var(--color-default);}
.top_tab ul li:first-child a:hover .label {color: #fff; background: #0161fd;}

/* evCon1 */
.evCon1 {padding: 135px 0 144px; background: #4d3637 url(https://image.megagong.net/m/2024/0509_lang/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {font-weight: 300; font-size: 30px; color: #dcaacf;}
.evCon1 h3 {margin: 0 auto 380px;}
.evCon1 .evt_list {background: rgba(255, 255, 255, 0.25); border-radius: 16px; margin: 0 40px;}
.evCon1 .evt_list li {position: relative; flex: 1; padding: 15px 0;}
.evCon1 .evt_list li + li::before {content: ''; position: absolute; top: 18.5%; left: 0; width: 0; height: 65%; border: 1px dashed #d0d0d0;}
.evCon1 .evt_list li .label {display: inline-block; font-style: normal; font-size: 16px; background: var(--color-default); width: 200px; border-radius: 15px; padding: 4px 0; margin: 0 auto 6px;}
.evCon1 .evt_list li p {font-weight: 300; font-size: 20px; color: #fff; line-height: 1.3;}
.evCon1 .evt_list li:nth-child(1) .label {color: #f9c229;}
.evCon1 .evt_list li:nth-child(1) p b {color: #f9c229;}
.evCon1 .evt_list li:nth-child(2) .label {color: #ff2eb1;}
.evCon1 .evt_list li:nth-child(2) p b {color: #ff2eb1;}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .con_tit {margin: 0 auto 35px;}
.evCon2 .item_wrap {position: relative; justify-content: center; gap: 40px; margin: 0 auto 25px; z-index: 1;}
.evCon2 .combi {position: relative; font-weight: 700; font-size: 24px; color: var(--color-highlight1); margin: 0 auto 100px; z-index: 0;}
.evCon2 .combi::before {content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); width: 282px; height: 213px; background: url(https://image.megagong.net/m/2024/0509_lang/con2_arrow.png) no-repeat; z-index: -1;}
.evCon2 .definition {border: 1px solid var(--color-highlight1); border-radius: 16px; overflow: hidden; padding-bottom: 40px;}
.evCon2 .definition .tit {font-weight: 700; font-size: 20px; color: #fff; background: var(--color-highlight1); padding: 16px 0; margin: 0 auto 40px;}
.evCon2 .definition .txt {font-size: 16px; margin: 0 auto 30px;}
.evCon2 .definition .lang {justify-content: center; gap: 40px;}
.evCon2 .definition .lang span {font-weight: 700; font-size: 16px; background: #ffecf8; border-radius: 30px; width: 46%; max-width: 360px; padding: 18px 0;}

/* evCon3 */
.evCon3 {background: #444 url(https://image.megagong.net/m/2024/0509_lang/con3_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon3 .con_tit h4 {color: #fff;}
.evCon3 .con_tit .sub_tit {color: #fff; font-weight: 300;}
.evCon3 .video_wrap {flex-wrap: wrap; justify-content: center; gap: 20px; margin: 0 40px;}
.evCon3 .video_wrap li {flex-basis: 320px;}
.evCon3 .video_wrap li .eventVideo {background: #121212;}

/* evCon4 */
.evCon4 {background: #fff0fa;}
.evCon4 .tab_tit {position: relative; margin: 0 auto 30px; z-index: 1;}
.evCon4 .tab_tit::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #33192a; z-index: -1;}
.evCon4 .tab_tit span {font-weight: 900; font-size: 20px; background: #fff0fa; padding: 0 20px;}
.evCon4 .tab_base {position: relative; gap: 1px; border-bottom: 2px solid var(--color-default); z-index: 1;}
.evCon4 .tab_base li {flex: 1; position: relative; border: 2px solid #eedae7; border-bottom: none;}
.evCon4 .tab_base li a {display: block; font-size: 20px; color: #b29dab; background: #eedae7; padding: 12px 0;}
.evCon4 .tab_base li.on {border: 2px solid var(--color-default); border-bottom: none;}
.evCon4 .tab_base li.on::before {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #fff0fa;}
.evCon4 .tab_base li.on a {font-weight: 900; color: var(--color-default); background: #fff0fa;}
.evCon4 .panel_base li .info_wrap {display: flex; align-items: flex-end; margin: 120px 40px 90px;}
.evCon4 .panel_base li .info_wrap .conL {position: relative; flex-basis: 32%;} 
.evCon4 .panel_base li .info_wrap .conL .curr_video {position: absolute; bottom: 30px; left: -20px; z-index: 1; border-radius: 50%; cursor: pointer;}
.evCon4 .panel_base li .info_wrap .conL .tea_img {position: absolute;}
.evCon4 .panel_base li .info_wrap .conL .tea_home {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-weight: bold; font-size: 14px;}
.evCon4 .panel_base li .info_wrap .conL .tea_home span {display: inline-block; font-size: 11px; color: #fff; width: 20px; height: 20px; background: var(--color-default); border-radius: 50%; line-height: 20px; margin-left: 5px;}
.evCon4 .panel_base li .info_wrap .conR {flex-basis: 68%;}
.evCon4 .panel_base li .feature {margin: 0 auto 80px;}
.evCon4 .panel_base li .feature .tit {position: relative; margin: 0 auto 30px; z-index: 1;}
.evCon4 .panel_base li .feature .tit::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #000; z-index: -1;}
.evCon4 .panel_base li .feature .tit span {display: block; font-weight: 700; font-size: 18px; color: #fff; background: var(--color-default); width: 88%; max-width: 480px; padding: 12px 0; border-radius: 25px; margin: 0 auto;}
.evCon4 .panel_base li .feature ul {display: flex; flex-wrap: wrap; gap: 15px;}
.evCon4 .panel_base li .feature ul li {flex-basis: 350px; height: 100px; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 16px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); font-size: 16px;}

.evCon4 .panel_base li.teatab_1 .info_wrap .conL .tea_img {bottom: -30px; right: -34px;}
.evCon4 .panel_base li.teatab_2 .info_wrap .conL .tea_img {bottom: -30px; left: -62px; margin-right: -96px;}
.evCon4 .panel_base li.teatab_3 .info_wrap .conL .tea_img {bottom: -40px; left: -47px; margin-right: -106px;}
.evCon4 .panel_base li.teatab_4 .info_wrap .conL .tea_img {bottom: -25px; left: -50px; margin-right: -121px;}
.evCon4 .panel_base li.teatab_5 .info_wrap .conL .tea_img {bottom: -30px; left: -67px; margin-right: -25px;}
.evCon4 .panel_base li.teatab_6 .info_wrap .conL .tea_img {bottom: -20px; right: -115px;}

.evCon4 .lecture_wrap {position: relative;}
.evCon4 .lecture_wrap .label {position: absolute; top: 0; right: 20px; transform: translateY(-50%); width: 36%; max-width: 220px; font-style: normal; font-weight: 300; font-size: 16px; color: #fff; background: var(--color-highlight1); padding: 10px 0; border-radius: 35px 35px 35px 0; z-index: 1;}
.evCon4 .lecture_wrap .label b {color: var(--color-highlight2);}

/* evCon5 */
.evCon5 {background: #fff;}
.evCon5 .review_slider {position: relative; overflow: hidden; margin: 0 40px 60px;}
.evCon5 .review_slider .swiper-wrapper {gap: 20px; flex-direction: column; height: 760px;}
.evCon5 .review_slider .swiper-slide {display: flex; flex: 1 1 auto; align-items: center; gap: 48px; background: #f2f2f3; border-radius: 16px; padding: 0 50px;}
.evCon5 .review_slider .writer > div {font-size: 14px; background: #dfdfdf; width: fit-content; margin: 10px auto 0; padding: 2px 16px; border-radius: 12px;}

.evCon5 .review_slider p {font-size: 16px; text-align: left;}
.evCon5 .review_slider p b {font-weight: 900;}
.evCon5 .swiper-pagination {display: none;}
.evCon5 .btm_msg {font-size: 30px; line-height: 1.2}

/* evCon6 */
.evCon6 {background: var(--color-highlight2);}
.evCon6 .con_tit {margin: 0 auto 80px;}
.evCon6 .con_tit .end::after {background: #9b7b0c;}
.evCon6 .con_tit .label {position: relative; font-size: 24px; color: var(--color-highlight2); width: 250px; border-radius: 10px; margin: 0 auto 40px;}
.evCon6 .con_tit .label::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-top: 12px solid var(--color-default); border-left: 10px solid transparent; border-right: 10px solid transparent;}
.evCon6 .con_tit h4 {font-size: 56px;}
.evCon6 .con_tit h4 .color_em {background: none; color: var(--color-highlight1); -webkit-text-fill-color: unset;}
.evCon6 .evt_info {position: relative; padding: 50px 0; margin: 0 auto 100px; z-index: 1;}
.evCon6 .evt_info::before {content: ''; position: absolute; width: 1000%; height: 100%; left: -500%; top: 0; background: #ffedaf; z-index: -1;}
.evCon6 .evt_info ul {text-align: left; margin: 0 20px;}
.evCon6 .evt_info ul li {font-size: 20px; letter-spacing: -0.04em;}
.evCon6 .evt_info ul li + li {margin-top: 20px;}
.evCon6 .evt_info ul li b {display: inline-block; width: 110px;}
.evCon6 .evt_info ul li b::before {content: ''; display: inline-block; width: 5px; height: 5px; background: var(--color-default); border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.evCon6 .evt_info ul li b + span::before {content: ''; display: inline-block; width: 2px; height: 10px; background: var(--color-default); margin: 0 18px;}
.evCon6 .evt_info ul li .tiny_noti {font-family: var(--font); font-size: 14px; color: #f00;}
.evCon6 .evt_gift {justify-content: center; gap: 90px; margin: 0 auto 80px;}
.evCon6 .eventBoard .evtBoard_common {background: #ffd955;}
.evCon6 .eventBoard .comment_tit {font-family: var(--font); font-weight: 700; font-size: 20px; text-align: left; margin: 0 auto 12px;}
.evCon6 .eventBoard .radio_list li input {cursor: pointer;}
.evCon6 .eventBoard .radio_list li label {font-family: var(--font); font-weight: 700; font-size: 16px; color: var(--color-default); cursor: pointer;}
.evCon6 .eventBoard .radio_list {margin-bottom: 10px;}
.evCon6 .eventBoard .evtBoard_common .board_notice li {color: var(--color-default);}
.evCon6 .eventBoard .evtBoard_common .board_list ul li .reply span {font-weight: bold;}
.evCon6 .eventBoard .evtBoard_common .board_list ul li .reply .typeA {color: #1e7de8;}
.evCon6 .eventBoard .evtBoard_common .board_list ul li .reply .typeB {color: #e81e9b;}

/* evCon7 */
.evCon7 {background: var(--color-highlight1);}
.evCon7 .con_tit {margin: 0 -30px 80px;}
.evCon7 .con_tit .end::after {background: #7e0852;}
.evCon7 .con_tit .label {position: relative; font-size: 24px; color: var(--color-highlight1); background: #fff; width: 250px; border-radius: 10px; margin: 0 auto 40px;}
.evCon7 .con_tit .label::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-top: 12px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.evCon7 .con_tit h4 {font-size: 56px; color: #fff;}
.evCon7 .con_tit h4 .color_em {background: none; color: var(--color-highlight2); -webkit-text-fill-color: unset;}
.evCon7 .con_tit .sub_tit {font-weight: 300; color: #fff;}
.evCon7 .evt_info {position: relative; padding: 50px 0; margin: 0 auto 100px; z-index: 1;}
.evCon7 .evt_info::before {content: ''; position: absolute; width: 1000%; height: 100%; left: -500%; top: 0; background: #ffb0e1; z-index: -1;}
.evCon7 .evt_info ul {text-align: left; margin: 0 20px;}
.evCon7 .evt_info ul li {font-size: 20px; letter-spacing: -0.04em;}
.evCon7 .evt_info ul li + li {margin-top: 20px;}
.evCon7 .evt_info ul li b {display: inline-block; width: 110px;}
.evCon7 .evt_info ul li b::before {content: ''; display: inline-block; width: 5px; height: 5px; background: var(--color-default); border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.evCon7 .evt_info ul li b + span::before {content: ''; display: inline-block; width: 2px; height: 10px; background: var(--color-default); margin: 0 18px;}
.evCon7 .evt_info ul li .tiny_noti {font-family: var(--font); font-size: 14px; color: #f00;}
.evCon7 .evt_gift {justify-content: center; gap: 90px; margin: 0 auto 80px;}
.evCon7 .evt_way {margin: 0 auto 40px;}
.evCon7 .evt_way .tit {position: relative; margin: 0 auto 30px; z-index: 1;}
.evCon7 .evt_way .tit::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #fff; z-index: -1;}
.evCon7 .evt_way .tit span {position: relative; font-weight: 900; font-size: 26px; color: #fff; background: var(--color-highlight1); padding: 0 20px;}
.evCon7 .evt_way .tit span::before,
.evCon7 .evt_way .tit span::after {content: ''; position: absolute; top: calc(50% - 8px); width: 2px; height: 16px; background: #fff;}
.evCon7 .evt_way .tit span::before {left: 0;}
.evCon7 .evt_way .tit span::after {right: 0;}
.evCon7 .evt_way ol {gap: 15px;}
.evCon7 .evt_way ol li {flex: 1; position: relative; height: 210px; display: flex; flex-direction: column; background: #fff; border-radius: 16px; padding: 30px 0;}
.evCon7 .evt_way ol li + li::before {content: ''; position: absolute; top: 50%; left: -7.5px; transform: translate(-50%, -50%); width: 36px; height: 36px; background: url(https://image.megagong.net/m/2024/0509_lang/con7_arrow.png) no-repeat;}
.evCon7 .evt_way ol li .step {font-size: 16px; color: #e81e9b; background: #ffd7f0; align-self: center; width: 100px; border-radius: 15px; padding: 4px 0; margin: 0 auto 15px;}
.evCon7 .evt_way ol li:nth-child(2) .step {margin: 0 auto 5px;}
.evCon7 .evt_way ol li p {font-size: 18px;}
.evCon7 .evt_way ol li .tiny_noti {font-family: var(--font); font-size: 14px; color: #f00; margin-top: auto;}
.evCon7 .evt_btn {justify-content: center; gap: 30px; margin: 0 auto 100px;}
.evCon7 .eventBoard .shareList {justify-content: center; gap: 20px; background: #fff; padding: 40px 0;}
.evCon7 .eventBoard .shareList li {flex-basis: 184px;}
.evCon7 .eventBoard .shareList li a {display: block; font-weight: bold; font-size: 19px; border: 1px solid; border-radius: 10px; padding: 10px 0;}
.evCon7 .eventBoard .shareList li a.instagram {color: #f20096; background: #ffebf7; border-color: #f20096;}
.evCon7 .eventBoard .shareList li a.naver {color: #0fbf2c; background: #e1ffe5; border-color: #0fbf2c;}
.evCon7 .eventBoard .shareList li a.facebook {color: #394cff; background: #e1f8ff; border-color: #394cff;}
.evCon7 .eventBoard .evtBoard_common {background: #f1f1f1;}
.evCon7 .eventBoard .evtBoard_common .evtBoard_inner {padding: 40px;}
.evCon7 .eventBoard .evtBoard_common .info_wrap.with_tip button {font-family: var(--font); font-size: 16px; color: #ff3b60; border-bottom: 1px solid #ff3b60; letter-spacing: -0.04em;}

/* evWarning */
.eventWrap .evWarning {padding: 40px 0;}
.warningList {padding: 0 40px;}
.warningList li ul li a {color: #f00; background: #ffd3d3; padding: 2px 5px; border-radius: 4px;}


@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin: 0 auto 5%;}
    .evSection .con_tit .label {font-size: clamp(16px, 2.8vmin, 20px); padding: 1.5vmin; margin: 0 auto 2%;}
    .evSection .con_tit h4 {font-size: clamp(24px, 5vmin, 48px); margin: 0 auto 2%;}
    .evSection .con_tit .sub_tit {font-size: clamp(16px, 3vmin, 22px);}
    .con_tit .end {top: 10%; right: 2%;}

    /* »ó´Ü ÅÇ */
    .top_tab ul li a {gap: 1.5vw; padding: 0 2vw; height: 12vmin;}
    .top_tab ul li .label {width: 10vmin; height: 10vmin;}

    /* evCon1 */
    .evCon1 .sub_tit {font-size: clamp(17px, 3vmin, 30px);}
    .evCon1 h3 {margin: 0 auto 28%;}
    .evCon1 .evt_list  {margin: 0;}
    .evCon1 .evt_list li {padding: 1.5vw 0;}

    /* evCon2 */
    .evCon2 .item_wrap {gap: 4vw; margin: 0 auto 3%;}
    .evCon2 .combi {font-size: clamp(17px, 3.2vmin, 24px); margin: 0 auto 10%;}
    .evCon2 .combi::before {bottom: -9vmin;}
    .evCon2 .definition {padding-bottom: 3vw;}
    .evCon2 .definition .tit {font-size: clamp(16px, 2.8vmin, 20px); padding: 1.5vw 0; margin: 0 auto 3vw;}
    .evCon2 .definition .txt {margin: 0 auto 3%;}
    .evCon2 .definition .lang {gap: 2vw;}

    /* evCon3 */
    .evCon3 .video_wrap {gap: 1vw; margin: 0;}
    .evCon3 .video_wrap li {flex-basis: calc(33.333% - 0.7vw);}

    /* evCon4 */
    .evCon4 .tab_tit {margin: 0 auto 4%;}
    .evCon4 .tab_tit span {padding: 0 2vw;}
    .evCon4 .tab_base li a {padding: 1vw 0;}
    .evCon4 .panel_base li .info_wrap {margin: 14% auto 10%;}
    .evCon4 .panel_base li .info_wrap .conL .curr_video {bottom: 4vw; left: -1vw; max-width: 40%;}
    .evCon4 .panel_base li .feature {margin: 0 auto 8%;}
    .evCon4 .panel_base li .feature .tit {margin: 0 auto 3%;}
    .evCon4 .panel_base li .feature ul {gap: 1vw;}
    .evCon4 .panel_base li .feature ul li {flex-basis: calc(33.333% - 0.7vw); font-size: 15px;}
    .evCon4 .lecture_wrap .label {right: 0;}

    /* evCon5 */
    .evCon5 .review_slider {margin: 0 auto 6%;}
    .evCon5 .review_slider .swiper-wrapper {height: 660px;}
    .evCon5 .review_slider .swiper-slide {gap: 2vw; padding: 0 3vw;}
    .evCon5 .btm_msg {font-size: clamp(17px, 3vmin, 30px);}

    /* evCon6 */
    .evCon6 .con_tit h4 {font-size: clamp(28px, 5.6vmin, 56px);}
    .evCon6 .con_tit .label {margin: 0 auto 4%;}
    .evCon6 .evt_info {padding: 4vw 0; margin: 0 auto 10%;}
    .evCon6 .evt_info ul {margin: 0;}
    .evCon6 .evt_info ul li {font-size: clamp(14px, 2.6vmin, 20px); text-align: center;}
    .evCon6 .evt_info ul li + li {margin-top: 2%;}
    .evCon6 .evt_info ul li b {display: block; width: auto; text-align: center; margin: 0 auto 1%;}
    .evCon6 .evt_info ul li b::after {content: ''; display: inline-block; width: 5px; height: 5px; background: var(--color-default); border-radius: 50%; vertical-align: middle; margin-left: 10px;}
    .evCon6 .evt_info ul li b + span::before {content: none;}
    .evCon6 .evt_gift {gap: 2vw; margin: 0 auto 8%;}
    .evCon6 .eventBoard .comment_tit {margin: 0 auto 2%;}

    /* evCon7 */
    .evCon7 .con_tit h4 {font-size: clamp(28px, 5.6vmin, 56px);}
    .evCon7 .con_tit .label {margin: 0 auto 4%;}
    .evCon7 .evt_info {padding: 4vw 0; margin: 0 auto 10%;}
    .evCon7 .evt_info ul {margin: 0;}
    .evCon7 .evt_info ul li {font-size: clamp(14px, 2.6vmin, 20px); text-align: center;}
    .evCon7 .evt_info ul li + li {margin-top: 2%;}
    .evCon7 .evt_info ul li b {display: block; width: auto; text-align: center; margin: 0 auto 1%;}
    .evCon7 .evt_info ul li b::after {content: ''; display: inline-block; width: 5px; height: 5px; background: var(--color-default); border-radius: 50%; vertical-align: middle; margin-left: 10px;}
    .evCon7 .evt_info ul li b + span::before {content: none;}
    .evCon7 .evt_gift {gap: 2vw; margin: 0 auto 8%;}
    .evCon7 .evt_way {margin: 0 auto 4%;}
    .evCon7 .evt_way .tit {margin: 0 auto 3%;}
    .evCon7 .evt_way ol {gap: 1vw;}
    .evCon7 .evt_way ol li {padding: 2vw 0;}
    .evCon7 .evt_way ol li + li::before {left: -0.5vw;}
    .evCon7 .evt_btn {gap: 2vw; margin: 0 auto 10%;}
    .evCon7 .eventBoard .shareList {gap: 1vw; padding: 3vw 15px;}
    .evCon7 .eventBoard .shareList li {flex: 1 1 20%;}
    .evCon7 .eventBoard .evtBoard_common .evtBoard_inner {padding: 15px;}

    /* evWarning */
    .eventWrap .evWarning {padding: 8% 0;}
    .warningList {padding: 0 2%;}
}
@media screen and (max-width: 992px){
    .top_tab .inner {width: 100%;}
    .top_tab ul li a {padding: 0 1.5vw;}
    .top_tab ul li .label {width: 8vmin; height: 8vmin; font-size: 14px;}
    .top_tab ul li p {font-size: 16px;}

    .evCon4 .panel_base li.teatab_2 .info_wrap .conL .tea_img {margin-right: -10vw;}
    .evCon4 .panel_base li.teatab_3 .info_wrap .conL .tea_img {left: -8vw; margin-right: -10vw;}
    .evCon4 .panel_base li.teatab_4 .info_wrap .conL .tea_img {left: -8vw; margin-right: -10vw;}
    .evCon4 .panel_base li.teatab_5 .info_wrap .conL .tea_img {left: -8vw; margin-right: -2vw;}
    .evCon4 .panel_base li.teatab_6 .info_wrap .conL .tea_img {right: -8vw;}

    .evCon5 .review_slider .writer {flex-basis: 14%;}

    .evCon7 .evt_way .tit span {font-size: 22px;}
    .evCon7 .evt_way ol {flex-direction: column; gap: 2vw;}
    .evCon7 .evt_way ol li + li::before {top: -1vw; left: 50%; transform: translate(-50%, -50%) rotate(90deg);}

}
@media screen and (max-width: 768px){
    .top_tab ul li a {flex-direction: column; padding: 1.5vw; height: auto;}
    .top_tab ul li a .label {width: 60%; height: auto; border-radius: 10px; padding: 0.5vw 0;}
    .top_tab ul li p {font-size: 15px;}

    .evCon1 .evt_list li .label {font-size: 14px;}
    .evCon1 .evt_list li p {font-size: 17px;}

    .evCon2 .definition .txt {font-size: 14px;}
    .evCon2 .definition .lang {flex-direction: column; align-items: center;}
    .evCon2 .definition .lang span {font-size: 14px; width: 80%; padding: 1.5vw 0;}

    .evCon3 .video_wrap li {flex-basis: calc(50% - 0.5vw);}

    .evCon4 .tab_tit span {font-size: 18px;}
    .evCon4 .tab_base li a {font-size: 16px;}
    .evCon4 .panel_base li .info_wrap .conL .curr_video {font-style: normal; font-size: 14px; letter-spacing: -0.05em; max-width: none; width: 92%; bottom: 5vw; left: 50%; transform: translateX(-50%); color: #fff; background: var(--color-highlight1); border-radius: 15px; padding: 0.5vw 0;}
    .evCon4 .panel_base li .info_wrap .conL .curr_video > div span {font-size: 0.8rem;}
    .evCon4 .panel_base li .info_wrap .conL .tea_home {width: 100%;}
    .evCon4 .panel_base li .feature ul li {flex-basis: calc(50% - 0.5vw);}
    .evCon4 .lecture_wrap .label {font-size: 14px;}

    .evCon5 .review_slider {margin: 0 auto 2%;}
    .evCon5 .review_slider .swiper-wrapper {gap: 0; flex-direction: row;}
    .evCon5 .review_slider .swiper-slide {flex: 1 0 100%; flex-direction: column-reverse; justify-content: flex-end; height: 42vmin; padding: 4vmin 0;}
    .evCon5 .review_slider .writer {width: 18%; margin-top: auto;}
    .evCon5 .review_slider .writer .ico {width: 60%;}
    .evCon5 .review_slider p {font-size: 15px; text-align: center;}
    .evCon5 .swiper-pagination {display: block; position: inherit; margin: 0 auto 6%;}
    .evCon5 .swiper-pagination .swiper-pagination-bullet-active {background: var(--color-highlight1);}

    .evCon6 .evt_info ul li .tiny_noti {font-size: 12px;}
    .evCon6 .eventBoard .comment_tit {font-size: 16px;}
    .evCon6 .eventBoard .radio_list li label {font-size: 14px;}
    
    .evCon7 .evt_info ul li .tiny_noti {font-size: 12px;}
    .evCon7 .evt_way ol li {padding: 3vw 0 5vw;}
    .evCon7 .evt_way ol li .step {font-size: 14px; margin: 0 auto 2%; padding: 0.5vw 0;}
    .evCon7 .evt_way ol li p {font-size: 16px;}
    .evCon7 .evt_way ol li .tiny_noti {margin-top: 2%; font-size: 12px;}
    .evCon7 .eventBoard .shareList li a {font-size: 16px; padding: 1vw 0;}
}
@media screen and (max-width: 640px){
    .evCon5 .review_slider .swiper-slide {height: 48vmin;}
    .evCon5 .review_slider .writer > div {font-size: 12px;}
    .evCon5 .review_slider p {font-size: 13px;}
}
@media screen and (max-width: 576px){
    .top_tab ul li a .label {font-size: 12px;}
    .top_tab ul li p {font-size: 13px; letter-spacing: -0.05em;}

    .evCon1 {background-size: auto 150%; background-position: 50% 90% !important;}
    .evCon1 h3 {margin: 0 auto 20%;}
    .evCon1 .evt_list {flex-direction: column;}
    .evCon1 .evt_list li {padding: 2.5vw 0;}
    .evCon1 .evt_list li + li::before {top: 0; left: 2%; width: 96%; height: 0;}
    .evCon1 .evt_list li .label {font-size: 12px;}
    .evCon1 .evt_list li p {font-size: 15px;}

    .evCon2 .item_wrap {flex-direction: column; align-items: center; width: 84%; margin: 0 auto 8%;}
    .evCon2 .item_wrap .item {padding: 2% 18%; background: #f3f3f3; border-radius: 10px; overflow: hidden;}
    .evCon2 .item_wrap .item > img {margin: -10% auto -14%;}
    .evCon2 .combi::before {width: 34%; background-size: contain; background-position: center bottom;}
    .evCon2 .definition {border-radius: 10px;}

    .evCon4 .tab_base {flex-wrap: wrap; padding-bottom: 1vw;}
    .evCon4 .tab_base li {flex-basis: calc(33.333% - 1px); border: 1px solid #eedae7; border-radius: 5px; }
    .evCon4 .tab_base li.on {border-width: 1px; border-bottom: 1px solid var(--color-default);}
    .evCon4 .tab_base li.on::before {content: none;}
    .evCon4 .tab_base li a {border-radius: 5px; font-size: 14px;}
    .evCon4 .panel_base li .info_wrap {flex-direction: column;}
    .evCon4 .panel_base li .info_wrap .conL {width: 100%; margin: 0 auto 7%;}
    .evCon4 .panel_base li .info_wrap .conL .tea_img {position: static; width: 70%; margin: 0 auto; height: 70vmin;}
    .evCon4 .panel_base li .info_wrap .conL .curr_video {bottom: 9vw; width: 60%;}
    .evCon4 .panel_base li .info_wrap .conR {width: 100%;}

    .evCon4 .panel_base li.teatab_1 .info_wrap .conL .tea_img {padding: 0 5%;}
    .evCon4 .panel_base li.teatab_2 .info_wrap .conL .tea_img {margin-right: auto;}
    .evCon4 .panel_base li.teatab_3 .info_wrap .conL .tea_img {margin-right: auto;}
    .evCon4 .panel_base li.teatab_4 .info_wrap .conL .tea_img {margin-right: auto;}
    .evCon4 .panel_base li.teatab_5 .info_wrap .conL .tea_img {margin-right: auto; padding-right: 10%;}
    .evCon4 .panel_base li.teatab_6 .info_wrap .conL .tea_img {padding-left: 10%;}
    .evCon4 .panel_base li .feature .tit span {font-size: 14px;}
    .evCon4 .panel_base li .feature ul li {height: 86px; font-size: 12px;}
    .evCon4 .lecture_wrap .label {position: static; display: block; width: 100%; max-width: none; transform: none; padding: 1.5vw 0; border-radius: 10px; margin: 0 auto 2%;}
    .evCon4 .vodchr_banner {margin-bottom: 0;}

    .evCon5 .review_slider .swiper-slide {height: 230px;}
    .evCon5 .review_slider .writer .ico {display: none;}

    .evCon6 .evt_gift {flex-wrap: wrap;}
    .evCon6 .evt_gift li {flex-basis: 48%;}
    .evCon6 .evt_gift li:first-child {margin: 0 26%;}

    .evCon7 .evt_gift {flex-wrap: wrap;}
    .evCon7 .evt_gift li {flex-basis: 48%;}
    .evCon7 .evt_gift li:first-child {margin: 0 26%;}
    .evCon7 .evt_way {margin: 0 auto 8%;}
    .evCon7 .evt_way .tit span {font-size: 18px;}
    .evCon7 .evt_way ol li + li::before {width: 24px; height: 24px; background-size: contain;}
    .evCon7 .evt_way ol li .step {font-size: 12px;}
    .evCon7 .evt_way ol li p {font-size: 14px;}
    .evCon7 .evt_btn {flex-direction: column; width: 70%;}
    .evCon7 .eventBoard .shareList {flex-wrap: wrap;}
    .evCon7 .eventBoard .shareList li {flex-basis: calc(50% - 0.5vw);}
    .evCon7 .eventBoard .shareList li:nth-child(n+2):nth-child(-n+4) {order: 2; flex-basis: calc(33.333% - 0.7vw);}
    .evCon7 .eventBoard .shareList li a {font-size: 14px;}
    .evCon7 .eventBoard .evtBoard_common .info_wrap.with_tip button {font-size: 14px;}
}