@charset "euc-kr";

:root { --point-color: #00a0e3; } 

/* evSection */
.evSection {padding: 180px 0;}
.evSection .con_tit {color: #111; margin-bottom: 80px;}
.evSection .con_tit h4 {font-weight: 900; font-size: 40px; line-height: 1.3; letter-spacing: -0.04em;}
.evSection .con_tit .sub_tit {font-weight: 700; font-size: 24px; line-height: 1.6;}
.evSection .con_tit .sub_tit + h4 {margin-top: 15px;}
.evSection .con_tit h4 + .sub_tit {font-weight: 300; margin-top: 30px;}
.evSection .con_tit span {color: var(--point-color);}

/* settings */
/* con_box */
.evSection .content_title {width: fit-content; font-weight: 500; font-size: 18px; color: #fff; background-color: #111; border-radius: 25px; padding: 10px 50px; margin: 0 auto 40px;}

/* °øÅë ÅÇ */
.evSection .tab_base.default {display: flex; justify-content: center; align-items: center; gap: 3px; overflow: hidden;}
.evSection .tab_base.default li {position: relative; display: flex; justify-content: center; align-items: center; flex: 1; height: 77px; color: #ababab; font-weight: 700; font-size: 20px; background-color: #ececec; cursor: pointer;}
.evSection .tab_base.default li::before {content: ''; position: absolute; left: -3px; bottom: 0; width: 100vw; height: 2px; background-color: #000;}
.evSection .tab_base.default li.on {color: #000; background-color: #fff; border: 2px solid #000; border-bottom: none;}
.evSection .tab_base.default li.on::before {content: none;}
.evSection .tab_base.default li a {display: flex; justify-content: center; align-items: center; gap: 5px; width: 100%; height: 100%;}
.evSection .tab_base.default_inner {display: flex; justify-content: flex-start; align-items: center; margin: 18px 12px 38px;}
.evSection .tab_base.default_inner li {position: relative; display: flex; justify-content: center; align-items: center; margin-right: 10px; padding-right: 10px; color: #000; font-size: 14px; cursor: pointer;}
.evSection .tab_base.default_inner li::before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 13px; background-color: #000;}
.evSection .tab_base.default_inner li.on {color: var(--point-color);}
.evSection .tab_base.default_inner li:last-of-type::before {content: none;}
.evSection .tab_base.default_inner li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.evSection .panel_base_inner > h6 {display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 18px; line-height: 1.3; color: #111; background-color: #f4f4f4; padding: 13px 0; margin-bottom: 45px;}
.evSection .panel_base_inner > h5 {font-weight: 700; font-size: 22px; line-height: 1.3; color: var(--point-color); margin-bottom: 20px;}
/* °øÅë ÅÇ - ºñµð¿À */
.eventVideo.with_shadow {margin-bottom: 40px; z-index: 1;}
.eventVideo.with_shadow::before {opacity: 0.6;}
.eventVideo.system .video_title {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 118px 0 0 110px; text-align: left; z-index: 2;}
.eventVideo.system .video_title span {display: block; font-weight: 500; font-size: 20px; color: #fff; margin-top: 30px;}
.eventVideo.system .video_title strong {display: block; font-weight: 700; font-size: 40px; line-height: 1.4; color: #fff;}
.eventVideo.system .video_title::before {content: ''; position: absolute; left: 110px; bottom: 140px; width: 106px; height: 106px; font-size: 0; background: url('https://img.megagong.net/m/2024/0611_series/icon_videoplay.png') no-repeat 0 0; background-size: contain;}
.eventVideo.system .video_box.prof .play_area > img {position: absolute; top: auto; left: auto; right: 4%; bottom: 0; width: auto; height: 90%; z-index: 1; object-fit: contain;}
/* °øÅë ÅÇ - Àü·« */
.evSection .teacher_point {position: relative; display: flex; justify-content: center; align-items: center; width: 100%;}
.evSection .teacher_point .swiper_common {position: relative; display: flex; justify-content: center; align-items: center; width: 100%;}
.evSection .teacher_point .swiper-wrapper {gap: 20px;}
.evSection .teacher_point .swiper-slide {width: calc(33.333% - 13.333px);}
.evSection .teacher_point .top_box {display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 41px 0 46px 0; background-color: #f3f3f3; z-index: 1;}
.evSection .teacher_point .top_box span {display: flex; justify-content: center; align-items: center; width: 120px; height: 30px; font-size: 15px; color: #fff; background-color: #111; border-radius: 40px;}
.evSection .teacher_point .top_box p {font-weight: 500; font-size: 18px; line-height: 1.4; color: #111; margin-top: 16px;}
.evSection .tab_subtitle {display: inline-flex; justify-content: center; align-items: center; margin: 0 auto 40px; padding: 10px 60px; font-weight: 500; font-size: 18px; color: #fff; background-color: #111; border-radius: 40px;}

/* evBnr */
.evBnr {padding: 0; background-color: #111;}
.evBnr ul {display: flex; justify-content: center; align-items: center;}
.evBnr ul li {position: relative; flex: 1; height: 70px; font-size: 16px; color: #777;}
.evBnr ul li.on {font-weight: 700; color: #fff; background-color: var(--point-color);}
.evBnr ul li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.evBnr ul li:hover {color: #fff;}
.evBnr ul li::before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 30px; background-color: #3a3a3a; transform: translate(0, -50%);}
.evBnr ul li.on::before,
.evBnr ul li:last-of-type:before {display: none;}

/* main */
.main {padding: 0; position: relative; background-image: url('https://img.megagong.net/m/2024/0625_series/tech/main_bg.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%;}

/* evCon1 */
.evCon1 {background-color: #fff;}
.evCon1 .graph_wrap {display: flex; justify-content: flex-start; align-items: center; gap: 50px; margin: 0 -30px;}
.evCon1 .graph_wrap .txt {font-size: 22px; line-height: 1.6; letter-spacing: -0.05em; text-align: left; margin-top: 60px;}

/* evCon2 */
.evCon2 {background-color: #f8f8f8;}
.evCon2 .graph_wrap {display: flex; justify-content: flex-end; align-items: flex-start; gap: 40px; margin: 0 -30px;}
.evCon2 .graph_wrap .txt {text-align: left; line-height: 1.6; letter-spacing: -0.08em;}
.evCon2 .graph_wrap .txt strong {display: block; font-size: 30px; margin: 18px 0 35px;}
.evCon2 .graph_wrap .txt strong span {font-size: 40px; color: var(--point-color);}
.evCon2 .graph_wrap .txt strong span sup {font-size: 12px; line-height: 3.5; vertical-align: top;}
.evCon2 .graph_wrap .txt p {font-size: 22px;}
.evCon2 .graph_wrap .graph {position: relative;}
/* .evCon2 .graph_wrap .graph span {position: absolute; top: 0%; left: 12%; animation: arrowAni 0.5s cubic-bezier(0.46, -0.2, 1, 1) both; z-index: 1;} */
.evCon2 .graph_wrap .graph span {position: absolute; top: 0%; left: 12%; z-index: 1;}

@keyframes arrowAni {
    0% {
        transform: translate(-10px, 100px) scaleY(0);
        opacity: 0;
        transform-origin: left;
    }
    100% {
        transform: translate(0, 0) scaleY(1);
        opacity: 1;
        transform-origin: left;
    }
}

/* evCon3 */
.evCon3 {background-color: #fff;}
.evCon3 .con_box {margin: 0 -30px;}
.evCon3 .review_swiper {position: relative; overflow: hidden;}
.evCon3 .review_swiper .swiper-slide .review {height: 332px; padding: 30px 0; border: 1px solid #ccc; border-radius: 16px;}
.evCon3 .review_swiper .swiper-slide .review + .review {margin-top: 20px;}
.evCon3 .review_swiper .swiper-slide .review .title {font-weight: 700; font-size: 20px; color: var(--point-color);}
.evCon3 .review_swiper .swiper-slide .review .title::after {content: ''; display: block; width: 90%; height: 1px; background: #ccc; margin: 10px auto 20px;}
.evCon3 .review_swiper .swiper-slide .review .title span {display: block; font-weight: 400; font-size: 14px; color: #fff; background: var(--point-color); width: fit-content; padding: 7px 28px; border-radius: 17px; margin: 0 auto 15px;}
.evCon3 .review_swiper .swiper-slide .review p {font-size: 16px; line-height: 1.5; color: #777;}
.evCon3 .review_swiper .swiper-slide .review p b {color: #000;}
.evCon3 .review_swiper ~ .swiper-pagination {display: none;}
.evCon3 .review_swiper ~ .swiper-button-prev::after,
.evCon3 .review_swiper ~ .swiper-button-next::after {content: none;}
.evCon3 .review_swiper ~ .swiper-button-prev {position: absolute; top: 50%; left: -20px; transform: translate(-100%, 0); width: 34px; height: 34px; background: url('https://img.megagong.net/m/2024/0625_series/tech/con3_prev.png') no-repeat; background-size: contain; z-index: 1;}
.evCon3 .review_swiper ~ .swiper-button-next {position: absolute; top: 50%; right: -20px; transform: translate(100%, 0); width: 34px; height: 34px; background: url('https://img.megagong.net/m/2024/0625_series/tech/con3_next.png') no-repeat; background-size: contain; z-index: 1;}

/* evCon4 */
.evCon4 {background-color: #f2f2f2;}
.evCon4 .con_tit h4 {color: var(--point-color);}
.evCon4 .msg {position: relative; padding: 36px 0; z-index: 0;}
.evCon4 .msg::before {content: ''; position: absolute; width: 1000%; height: 100%; background: var(--point-color); top: 0; left: -500%; z-index: -1;}
.evCon4 .msg span {font-size: 25px; line-height: 1.8; color: #fff;}
.evCon4 .msg span u {text-decoration: none; border-bottom: 1px solid #fff;}
.evCon4 .feature_swiper {margin: 65px auto 0;}
.evCon4 .feature_swiper .swiper-wrapper {display: flex; justify-content: center; align-items: center; gap: 15px;}
.evCon4 .feature_swiper .swiper-slide {flex: 1 1 auto; height: 467px; background: #fff; border: 2px solid var(--point-color); border-radius: 16px; padding: 46px 0;}
.evCon4 .feature_swiper .swiper-slide .tit {font-weight: 700; font-size: 20px; margin: 0 auto 25px;}
.evCon4 .feature_swiper .swiper-slide .ico {margin-bottom: 30px;}
.evCon4 .feature_swiper .swiper-slide .txt {font-size: 18px; letter-spacing: -0.05em; line-height: 1.6;}
.evCon4 .feature_swiper ~ .swiper-pagination {display: none;}

/* evStrategy */
.evStrategy .tab_base {position: relative; display: flex; justify-content: center; align-items: center; gap: 3px;}
.evStrategy .tab_base::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #000; z-index: 1;}
.evStrategy .tab_base > li {position: relative; flex: 1; padding: 15px 0; color: #ababab; background: #ececec; border: 2px solid transparent; border-bottom: none; cursor: pointer;}
.evStrategy .tab_base > li.on {color: #000; background: #fff; border-color: #000;}
.evStrategy .tab_base > li.on::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; z-index: 1;}
.evStrategy .tab_base > li strong {font-size: 18px;}
.evStrategy .tab_base .sub_tab {display: flex; justify-content: center; align-items: center; gap: 16px;}
.evStrategy .tab_base .sub_tab li {position: relative;}
.evStrategy .tab_base .sub_tab li + li::before {content: ''; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: #000;}
.evStrategy .tab_base .sub_tab li a {font-size: 15px;}
.evStrategy .tab_base li.on .sub_tab li.on a {color: var(--point-color);}
.evStrategy .panel_base {padding: 60px 0;}
.evStrategy .panel_base .tab_title {font-weight: 700; font-size: 30px; color: var(--point-color); margin: 0 auto 40px;}
.evStrategy .content_wrap + .content_wrap {margin-top: 60px;}
.evStrategy .content_wrap .critique {display: flex; justify-content: flex-start; align-items: center; background: #f4f4f4; height: 200px;}
.evStrategy .content_wrap .critique .tea {position: relative; align-self: stretch;}
.evStrategy .content_wrap .critique .tea::before {content: ''; position: absolute; top: 10%; right: 0; width: 1px; height: 80%; background: #ccc;}
.evStrategy .content_wrap .critique .tea a {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; line-height: 1.2; color: var(--point-color); padding: 0 30px 0 30px;}
.evStrategy .content_wrap .critique .tea a b::after {content: ''; display: inline-block; width: 18px; height: 15px; background-image: url('https://img.megagong.net/m/2024/0625_series/tech/strategy_ico.png'); background-repeat: no-repeat; margin-left: 5px;}
.evStrategy .content_wrap .critique .txt {font-size: 18px; text-align: left; padding: 0 30px;}
.evStrategy .content_wrap .critique .txt strong {display: block; font-size: 20px; margin-bottom: 10px;}
.evStrategy .content_wrap .critique .btn {margin: 0 40px 0 auto;}
.evStrategy .content_wrap .teacher_point {display: flex; gap: 20px;}
.evStrategy .content_wrap .teacher_point li {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 188px; font-size: 18px; background: #f3f3f3;}
.evStrategy .content_wrap .teacher_point li b {margin: 0 auto 15px;}
.evStrategy .content_wrap .teaCurr {font-family: var(--font-warning);}

/* event */
.event {padding: 180px 0 200px; background-color: #007be3;}
.event .con_tit {margin-bottom: 70px;}
.event .con_tit > img {margin-bottom: 32px;}
.event .con_tit .end {top: 50px; right: 70px;}
.event .con_tit .end::after {background: #fff; opacity: 0.8;}
.event .con_tit .sub_tit {font-weight: 300; color: #fff;}
.event .con_tit h4 {font-weight: 500; font-size: 40px; color: #fff;}
.event .con_tit h4 b {display: block; font-weight: 900; font-size: 60px; margin-top: 20px;}
.event .con_tit h4 span {color: #64e4ff;}
.event .container_info {width: 1010px; flex-wrap: nowrap; gap: 25px; font-size: 18px; padding: 10px 0; background: none; border: 1px solid #fff; color: #fff; margin: 0 auto 80px;}
.event .container_info .info {margin-right: 0;}
.event .container_info .info .info_title {padding: 0px min(10px,2vmin); margin-right: min(10px,2vmin);}
.event .container_info .info .info_title::before {width: 3px; height: 3px; background: #fff;}
.event .container_info .info .info_title::after {content: ':'; background: none; width: auto; height: auto; font-size: 15px;}
.event .container_info .info .noti {margin-left: 5px; opacity: 1;}
.event .container_gift_wrap ul {justify-content: center; gap: 20px; margin: 0 auto 125px;}
.event .container_gift_wrap ul li {width: auto;}

.eventBoard .evtBoard_common {background: #006fcc;}
.eventBoard .evtBoard_common .evtBoard_inner .comment_tit {position: relative; margin: 0 auto 30px; z-index: 0;}
.eventBoard .evtBoard_common .evtBoard_inner .comment_tit::before {content: ''; position: absolute; top: 50%; left: 8%; width: 84%; height: 1px; background: #fff; z-index: -1;}
.eventBoard .evtBoard_common .evtBoard_inner .comment_tit span {font-weight: 700; font-size: 20px; color: #fff; font-family: var(--font); background: #006fcc; padding: 0 25px;}
.eventBoard .radio_list {text-align: center; margin-bottom: 40px;}
.evtBoard_common .board_write .btn_wrap a {background: #0019b0;}
.evtBoard_common .board_notice li {opacity: 1;}
.evtBoard_common .board_list ul li .reply .subj {font-weight: 700;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0;}
.warningList li .s_tit {display: block;}
/* .warningList li.mt_30 {margin-top: 30px;} */
.warningList li ul li a {padding: 0; color: #f00;}

/* 240718 added */
/* 240718 added */
.evLec {background: #009feb;}
.evLec .con_tit h4 span {color: #fffe97;}
.evLec .lecture_title {position: relative;  margin: 0 auto 40px; z-index: 0;}
.evLec .lecture_title::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #000; z-index: -1;}
.evLec .lecture_title .tab_subtitle {margin: 0;}

@media screen and (max-width: 1200px){
    /* evSection */
    .evSection {padding: 15% 0;}
    .evSection .con_tit {margin-bottom: 8%;}
    .evSection .con_tit h4 {font-size: clamp(22px, 4.2vmin, 40px);}
    .evSection .con_tit .sub_tit {font-size: clamp(16px, 2.6vmin, 24px);}
    .evSection .con_tit .sub_tit + h4 {margin-top: 2%;}
    .evSection .con_tit h4 + .sub_tit {margin-top: 3%;}

    /* settings */
    /* con_box */
    .evSection .content_title {font-size: clamp(14px, 2vmin, 18px); padding: 1vmin 3vmin; margin: 0 auto 4%; white-space: nowrap;}
    .evSection .box_wrap {padding: 6vmin 2% 8vmin; margin: 0 auto;}

    /* °øÅë ÅÇ */
    .evSection .tab_base.default li {height: clamp(50px, 8vmin, 77px); font-size: clamp(15px, 2.2vmin, 20px);}
    .evSection .tab_base.default_inner {margin: 2% 1% 6%;}
    .evSection .panel_base_inner > h6 {font-size: clamp(14px, 2vmin, 18px); padding: 2% 0; margin-bottom: 4%;}
    .evSection .panel_base_inner > h5 {font-size: clamp(15px, 2.2vmin, 22px); margin-bottom: 6%;}
    /* °øÅë ÅÇ - ºñµð¿À */
    .eventVideo.with_shadow {margin-bottom: 4%;}
    .eventVideo.system .video_title {padding: 7% 0 0 7%;}
    .eventVideo.system .video_title strong {font-size: clamp(20px, 4vmin, 40px); margin-top: 2%;}
    .eventVideo.system .video_title span {font-size: clamp(13px, 2.2vmin, 20px); margin-top: 3%;}
    .eventVideo.system .video_title::before {left: 7%; bottom: 14%;}
    /* °øÅë ÅÇ - Àü·« */
    .evSection .teacher_point .top_box {padding: 4vw 0;}
    .evSection .teacher_point .top_box span {font-size: clamp(12px, 1.6vmin, 15px);}
    .evSection .teacher_point .top_box p {font-size: clamp(13px, 2vmin, 18px); margin-top: 4%;}
    .evSection .tab_subtitle {margin: 0 auto 4%; padding: 1.5vmin 4vmin; font-size: clamp(14px, 2vmin, 18px);}

    /* evBnr */
    .evBnr {padding: 0;}

    /* main */
    .main {padding: 0;}

    /* evCon1 */
    .evCon1 .con_box {margin: 0 auto;}
    .evCon1 .graph_wrap {gap: 2vw; margin: 0 auto;}
    .evCon1 .graph_wrap .graph {flex-basis: 48%;}
    .evCon1 .graph_wrap .txt {font-size: clamp(13px, 2.4vmin, 22px); margin-top: 6%;}

    /* evCon2 */
    .evCon2 .graph_wrap {gap: 2vw; margin: 0 auto;}
    .evCon2 .graph_wrap .txt strong {font-size: clamp(16px, 3.2vmin, 30px); margin: 2% 0 4%;}
    .evCon2 .graph_wrap .txt strong span {font-size: clamp(20px, 4.2vmin, 40px);}
    .evCon2 .graph_wrap .txt strong span sup {font-size: 10px; line-height: 5vmin;}
    .evCon2 .graph_wrap .txt p {font-size: clamp(13px, 2.4vmin, 22px);}
    .evCon2 .graph_wrap .graph {flex-basis: 56%;}
    .evCon2 .graph_wrap .graph span {width: 70%;}

    /* evCon3 */
    .evCon3 .con_box {margin: 0 auto;}
    .evCon3 .review_swiper .swiper-slide .review {padding: 3vw 0;}
    .evCon3 .review_swiper .swiper-slide .review p {font-size: 14px;}
    .evCon3 .review_swiper ~ .swiper-button-prev,
    .evCon3 .review_swiper ~ .swiper-button-next {display: none;}
    .evCon3 .review_swiper ~ .swiper-pagination {display: block; position: static; margin-top: 3%;}
    .evCon3 .swiper-pagination-bullet-active {background: var(--point-color);}

    /* evCon4 */
    .evCon4 .tea_img {width: 80%; margin: 0 auto;}
    .evCon4 .msg {padding: 3vmin 0;}
    .evCon4 .msg span {font-size: clamp(16px, 2.7vmin, 25px); line-height: 1.6;}
    .evCon4 .feature_swiper {margin: 6% auto 0;}
    .evCon4 .feature_swiper .swiper-slide .txt {font-size: 16px;}

    /* evStrategy */
    .evStrategy .panel_base {padding: 6% 0;}
    .evStrategy .panel_base .tab_title {font-size: clamp(16px, 3.2vmin, 30px); margin: 0 auto 4%;}
    .evStrategy .content_wrap + .content_wrap {margin-top: 6%;}
    .evStrategy .content_wrap .critique .tea a {padding: 0 3vw;}
    .evStrategy .content_wrap .critique .txt {font-size: clamp(13px, 2vmin, 18px); padding: 0 3vw;}
    .evStrategy .content_wrap .critique .txt strong {font-size: clamp(15px, 2.2vmin, 20px); margin-bottom: 2%;}
    .evStrategy .content_wrap .critique .btn {margin: 0 4vw 0 auto;}
    .evStrategy .content_wrap .teacher_point {gap: 1vw;}
    .evStrategy .content_wrap .teacher_point li {font-size: clamp(13px, 2vmin, 18px);}
    .evStrategy .content_wrap .teacher_point li b {margin: 0 auto 2%;}

    /* event */
    .event .con_tit {margin-bottom: 7%;}
    .event .con_tit > img {margin-bottom: 3%;}
    .event .con_tit .end {top: 5%; right: 5%;}
    .event .con_tit h4 {font-size: clamp(22px, 4.2vmin, 40px);}
    .event .con_tit h4 b {font-size: clamp(30px, 6vmin, 60px);}
    .event .container_info {width: 100%; font-size: clamp(13px, 2vmin,18px); margin: 0 auto 8%;}
    .event .container_gift_wrap ul {gap: 1vw; margin: 0 auto 12%;}
    .eventBoard .evtBoard_common .evtBoard_inner .comment_tit {margin: 0 auto 3%;}
    .eventBoard .evtBoard_common .evtBoard_inner .comment_tit span {font-size: clamp(16px, 2.4vmin, 20px); padding: 0 2vw;}
    .eventBoard .radio_list {margin-bottom: 4%;}

    /* evtoggleWarning */
    .evtoggleWarning {padding: 0;}

    /* 240718 added */
    .evLec .lecture_title {margin: 0 auto 4%;}
}

@media screen and (max-width: 992px){
    /* evCon1 */
    .evCon1 .graph_wrap {flex-direction: column;}
    .evCon1 .graph_wrap .graph {width: 90%;}
    .evCon1 .graph_wrap .txt {text-align: center; margin-top: 4%;}

    /* evCon2 */
    .evCon2 .graph_wrap {flex-direction: column-reverse; align-items: center;}
    .evCon2 .graph_wrap .graph {width: 90%;}
    .evCon2 .graph_wrap .txt {text-align: center; margin-top: 4%;}

    /* evCon3 */
    .evCon3 .review_swiper .swiper-slide .review {height: 300px;}
    .evCon3 .review_swiper .swiper-slide .review .title span {padding: 0.5vmin 3vw; margin: 0 auto 1%;}
    .evCon3 .review_swiper .swiper-slide .review .title {font-size: 18px;}

    /* evCon4 */
    .evCon4 .feature_swiper {position: relative; overflow: hidden;}
    .evCon4 .feature_swiper .swiper-wrapper {justify-content: flex-start; gap: 0;}
    .evCon4 .feature_swiper .swiper-slide {flex: 1 0 100%; width: 100%; height: 430px; padding: 5vmin 0;}
    .evCon4 .feature_swiper .swiper-slide .tit {font-size: clamp(16px, 2.2vmin, 20px);}
    .evCon4 .feature_swiper .swiper-slide .ico {width: 20%; margin: 0 auto 3%;}
    .evCon4 .feature_swiper .swiper-slide .txt {font-size: clamp(13px, 1.8vmin, 16px);}
    .evCon4 .feature_swiper ~ .swiper-pagination {display: block; position: static; margin-top: 3%;}
    .evCon4 .swiper-pagination-bullet-active {background: var(--point-color);}

    /* evStrategy */
    .evStrategy .tab_base .sub_tab {display: none; position: absolute; left: 0; bottom: -10px; transform: translateY(100%); white-space: nowrap;}
    .evStrategy .tab_base li.on .sub_tab {display: flex;}
    .evStrategy .tab_base li:last-child .sub_tab {left: auto; right: 0;}
    .evStrategy .panel_base {padding: 10% 0 6%;}
    .evStrategy .content_wrap .critique {height: 140px;}
    .evStrategy .content_wrap .critique .tea {display: none;}
    .evStrategy .content_wrap .teacher_point li {height: 150px;}

    /* event */
    .event .container_info {width: auto; padding: 1vw 6vw;}
}
@media screen and (max-width: 768px){
    /* °øÅë ÅÇ - ºñµð¿À */
    .eventVideo.system .video_title::before {width: 70px; height: 70px;}
    /* °øÅë ÅÇ - Àü·« */
    .evSection .teacher_point .swiper-wrapper {gap: 0;}
    .evSection .teacher_point .swiper-slide {width: 100%;}
    .evSection .teacher_point .swiper-pagination {display: flex; justify-content: center; align-items: center;}
    .evSection .teacher_point .swiper-pagination .swiper-pagination-bullet-active {background: var(--point-color);}
    .evSection .teacher_point .top_box {padding: 4vw 0 6vw;}

    /* evBnr */
    .evBnr ul li {font-size: 13px;}

    /* evCon4 */
    .evCon4 .tea_img {display: none;}
    .evCon4 .feature_swiper .swiper-slide {height: 390px;}

    /* evStrategy */
    .evStrategy .tab_base > li {padding: 2% 0;}
    .evStrategy .tab_base > li strong {font-size: 16px;}
    .evStrategy .tab_base .sub_tab li a {font-size: 13px;}
    .evStrategy .content_wrap .critique .btn {max-width: 24%;}
    .evStrategy .content_wrap .teacher_point {flex-direction: column; align-items: stretch;}
    .evStrategy .content_wrap .teacher_point li {height: auto; padding: 2vw 0;}

    /* event */
    .event .container_gift_wrap ul li {flex-basis: calc(50% - 0.5vw);}
    .event .container_gift_wrap ul li:first-child {margin: 0 25%;}
    .evtBoard_common .board_write .inp_wrap {font-size: 13px;}
    .evtBoard_common .board_write .inp_wrap textarea {font-size: 1em;}
}
@media screen and (max-width: 576px){
    /* °øÅë ÅÇ - ºñµð¿À */
    .eventVideo.system .video_title {padding: 5% 0 0 7%;}
    .eventVideo.system .video_title::before {bottom: 10%; width: 40px; height: 40px;}
    .eventVideo.system .video_box.prof .play_area > img {display: none;}

    /* evBnr */
    .evBnr ul li {font-size: 12px;}

    /* evCon2 */
    .evCon2 .graph_wrap .txt strong span sup {font-size: 8px;}
    
    /* evCon3 */
    .evCon3 .review_swiper .swiper-slide .review {height: 280px;}
    .evCon3 .review_swiper .swiper-slide .review .title {font-size: 16px;}
    .evCon3 .review_swiper .swiper-slide .review .title span {font-size: 12px;}
    .evCon3 .review_swiper .swiper-slide .review p {font-size: 13px;}

    /* event */
}
@media screen and (max-width: 460px){
    .evCon4 .feature_swiper .swiper-slide {height: 330px;}
}