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

/* settings */
:root {
    --color-primary: #62EEE7;
    --color-secondary: #E85568;
}
.evSection {padding: 150px 0;}
.evSection .label_tit {display: inline-block; font-weight: 700; min-width: 220px; border-radius: 32px; background-color: var(--color-primary); padding: 9.5px 20px; margin: 0 auto 20px;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 60px;}
.tx_primary {color: var(--color-primary);}
.tx_secondary {color: var(--color-secondary);}
.evSection .round_tit {display: inline-block; border-radius: 40px; color: #FFF; background-color: #333; padding: 8px 40px; margin-bottom: 40px;}

.con_tit .end::after {background: #111;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/* evStickyBnr */
.evStickyBnr {color: #444;}
.evStickyBnr li a {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.evStickyBnr li .badge {display: inline-block; color: #111; background-color: var(--color-primary);}

/* evCon1 */
.evCon1 {padding: 180px 0 190px; background: #010809 url(https://image.megagong.net/m/2025/1119_subject/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .label {display: block; width: fit-content; letter-spacing: 0.6vmin; border-radius: 32px; background: #111; padding: 7px 50px; margin: 0 auto 30px;}
.evCon1 h3 {line-height: 1.3; font-weight: 400; text-shadow: 0 0 5px #A8FBFF;}
.evCon1 .sub_tit {font-weight: 400; line-height: 1.5; margin-top: 40px;}
.evCon1 .sub_tit strong {color: #E85568;}
.evCon1 .clp-fs95 {font-size: 95px;}
.evCon1 .clp-fs100 {font-size: 100px;}

/* evCon2 */
.evCon2 {background: #000709 url(https://image.megagong.net/m/2025/1119_subject/con2_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon2 .round_tit {color: #111; background-color: #FFF;}
.evCon2 .graph_box {padding: 40px 20px; border-radius: 10px; background: #002526;}
.evCon2 .graph_box > img {margin: 0 auto;}
.evCon2 .graph_txt {font-weight: 400; margin: 40px 0;}
.evCon2 .graph_txt + .graph_box {margin-top: 60px;}
.evCon2 .evt_con_base {color: #FFF; opacity: 0.7;}

/* evCon3 */
.evCon3 {background: #FFF;}
.evCon3 .pr_content_wrap {border-radius: 10px; background: rgba(63, 63, 63, 0.10); padding: 60px 66px; overflow: hidden;}
.evCon3 .swiper-grid > .swiper-wrapper {justify-content: center;}
.evCon3 .pr_content_wrap .pr_metrics_swiper .swiper-slide {padding: 0; border-radius: 10px; overflow: hidden;}
.evCon3 .pr_content_wrap .pr_metrics_swiper .tit {display: block; background-color: var(--color-primary); padding: 22px;}
.evCon3 .pr_content_wrap .pr_metrics_swiper .content {padding: 30px;}
.evCon3 .pr_content_wrap .pr_metrics_swiper .txt {position: relative; font-weight: 400; color: #555; min-height: 224px;}
.evCon3 .pr_content_wrap .pr_metrics_swiper .btn {display: inline-block; margin-top: 30px;}
.evCon3 .pr_content_wrap .pr_metrics_swiper .btn a {display: block; font-weight: 400; color: #fff; background: #111; border-radius: 2px; padding: 14px 60px;}

/* evCon4 */
.evCon4 {background: #EDFDFC;}

/* Àü¹®°ú¸ñ ¿Ï¼º Ç÷£ */
.planTab .seriesTab_wrap,
.planTab .subTab_wrap,
.planTab .tecTab_wrap {border: 1px solid #d6d6d6; border-width: 0 0 1px; background-color: #FFF;}
.planTab .seriesTab_wrap {border-width: 1px 0; border-top-color: #000;}
.planTab .tab_box {display: flex; padding: 0;}
.planTab .tab_box .tit {width: 18%; max-width: 120px; background: #F7F7F7; padding: 14px 0; box-sizing: border-box; line-height: 1; font-weight: 700; font-family: var(--font);}
.planTab .tab_box .tit::before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: middle;}
.planTab .tab_box > ul {display: flex; flex-wrap: wrap; line-height: 20px; padding: 10px 0;}
.planTab .tab_box > ul li button {padding: 5px 10px;}
.planTab .tab_box > ul li button span {padding: 3px;}
.planTab .tab_box > ul li button.on span {color: #FFF; background-color: #0082FF;}
.planTab .subTab li::after {content: none;}
.planContent {margin: 40px auto 60px;}
.planContent .eventVideo {max-width: 1000px; margin: 0 auto 40px;}
.planContent .eventVideo .video_wrap .badge-base {position: absolute; top: 20px; right: 20px; width: 94px; height: 94px; font-size: 14px; font-weight: 700; background: #CC0644; z-index: 1;}
.planContent .eventVideo .video_wrap .video_title {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; padding: 138px 80px; color: #FFF; background-color: #222; text-align: left;}
.planContent .eventVideo .video_wrap .video_title::after {content: ''; display: block; width: 97px; height: 97px; background: url(https://image.megagong.net/m/2025/1119_subject/ico_play.png) no-repeat 0 0; background-size: contain; margin-top: auto;}
.planContent .eventVideo .video_wrap .video_title span {margin-bottom: 10px;}
.planContent .eventVideo .video_wrap .video_box .play_area > img {width: 0; height: 0;}
.planContent .eventVideo .video_wrap .video_box.prof .play_area > img {bottom: 0; top: auto; right: 3%; width: 44.6%; height: auto; opacity: 0.7; z-index: 1;}
.planContent .line_tit strong {display: inline-block; margin: 0 10px;}
.planContent .plan_wrap {justify-content: center; gap: 20px; margin-top: 30px;}
.planContent .plan_wrap .item {flex: 1; height: 155px; display: flex; justify-content: center; align-items: center; border-radius: 10px; background: #C0F6F3;}
.planContent .plan_wrap .item p {font-weight: 700;}

/* Ãßõ °­Á ¸®½ºÆ® */
.evCon4 .lecture {background: none !important;}
.lecTab_wrap, .teaTab_wrap, .stepTab_wrap {background-color: #FFF;}
.lecTab_wrap > div .tit,
.teaTab_wrap > div .tit,
.stepTab_wrap > div .tit {position: relative;}
.lecTab_wrap .lecTab,
.teaTab_wrap .teaTab,
.stepTab_wrap .stepTab {display: flex;}
.lecTab_wrap .lec_list,
.teaTab_wrap .tea_list,
.stepTab_wrap .step_list {display: flex; flex-wrap: wrap; margin-left: 0;}
.evCon4 .lectureTab > .gubn_list li a {background-color: #ECECEC;}
.evCon4 .lectureTab > .gubn_list li.on a {background-color: var(--color-primary);}
.evCon4 .lectureTab > .gubn_list li strong {margin-top: 10px;}
.evCon4 .teaTab_wrap {display: block !important;}
.evCon4 .conditionSearch_wrap {display: none;}
.evCon4 .lectlist {background-color: #FFF; margin-top: 30px;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .pr_review_swiper .swiper-slide {border: 1px solid #DDD; text-align: center;}
.evCon5 .pr_review_swiper .swiper-slide .review_con {height: auto; display: block;}
.evCon5 .pr_review_swiper .swiper-slide .review_con .tx_secondary {color: var(--color-secondary);}
.evCon5 .pr_review_swiper .swiper-button-prev, 
.evCon5 .pr_review_swiper .swiper-button-next {background-color: var(--color-primary);}

/* evCon6 */
.evCon6 {background: #35E9E0;}
.evCon6 .mega_card_wrap {margin-top: 60px;}
.evCon6 .mega_card_wrap::before {background-color: #CC0644;}

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

/* Æ˾÷ */
.series_pop .table_wrap{max-height: 500px; overflow-y: auto;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 6%;}

    /* evCon1 */
    .evCon1 .clp-fs95 {font-size: clamp(36px,9.5vmin,95px);}
    .evCon1 .clp-fs100 {font-size: clamp(40px,10.5vmin,100px);}
    
    /* Àü¹®°ú¸ñ ¿Ï¼º Ç÷£ */
    .planContent .eventVideo .video_wrap .video_title {padding: 8vmin 4vmin;}
    
    /* evCon5 */
    .evCon5 .pr_review_swiper .swiper-slide {padding: 30px 10px;}
    
    /* evCon6 */
    .evCon6 .mega_card_wrap {margin-top: 6%;}
}
@media screen and (max-width: 992px){
    .evStickyBnr li .badge {display: block; width: fit-content; margin: 0 auto;}

    .evCon3 .pr_content_wrap {padding: 40px 20px;}
    .evCon3 .pr_content_wrap .pr_metrics_swiper .content {padding: 30px 10px;}

    .evCon5 .pr_review_swiper .swiper-slide .review_tit {font-size: 15px;}
    .evCon5 .pr_review_swiper .swiper-slide .review_con {font-size: 13px;}
}
@media screen and (max-width: 768px){
    .evSection .round_tit {margin-bottom: 20px;}
    .evt_con_base.sm {font-size: 12px;}

    .evCon2 .graph_txt {margin: 25px 0;}
    .evCon2 .graph_txt + .graph_box {margin-top: 40px;}

    .evCon3 .swiper-grid > .swiper-wrapper {justify-content: initial;}
    .evCon3 .pr_content_wrap .pr_metrics_swiper .tit {padding: 12px;}
    .evCon3 .pr_content_wrap .pr_metrics_swiper .txt {min-height: clamp(168px, 30vmin, 215px);}

    .planContent .eventVideo .video_wrap .video_title::after {width: 70px; height: 70px;}
    .planContent .plan_wrap .item {height: 110px;}

    /* Æ˾÷ */
    .series_pop {font-size: 13px;}
    .series_pop .b_tit {font-size: clamp(18px, 3.2vmin, 30px);}
    .series_pop .tbl tr th,
    .series_pop .tbl tr td {padding: 5px 2px;}
}
@media screen and (max-width: 576px){
    .evStickyBnr li {width: 50%;}
    .evStickyBnr li.event {border-top: 1px solid rgba(17, 17, 17, 0.15);}
    .evStickyBnr li .badge {font-size: 12px; padding: 0 5px;}

    .evCon2 .graph_box {padding: 40px 0;}

    .evCon4 .lectureTab > .gubn_list {flex-wrap: wrap; justify-content: center; gap: 1px; border-bottom: none;}
    .evCon4 .lectureTab > .gubn_list li {flex: 0 0 auto; width: calc(50% - 1px);}
    .evCon4 .lectureTab > .gubn_list li strong {margin-top: 3px;}

    .planContent .eventVideo .video_wrap .video_title {padding: 4vmin 4vmin 6vmin;}
    .planContent .eventVideo .video_wrap .video_title::after {width: 36px; height: 36px;}
    .planContent .eventVideo .video_wrap .badge-base {position: static; width: fit-content; height: auto; padding: 3px 10px 4px; border-radius: 10px; font-size: 12px;}
    .planContent .eventVideo .video_wrap .video_box.prof .play_area > img {right: -1%; width: 39%;}
    .planContent .eventVideo .video_wrap .video_title strong {font-size: 18px;}
    .planContent .plan_wrap {flex-wrap: wrap; gap: 10px; margin-top: 20px;}
    .planContent .plan_wrap .item {width: calc(50% - 5px); flex-basis: auto; flex-grow: 0; height: 80px;}

    /* Æ˾÷ */
    .series_pop {font-size: 12px;}
    .series_pop .content_area .content_inner {padding: 30px 15px;}
    .series_pop .table_wrap{max-height: 350px;}
}
@media screen and (max-width: 460px){
    .planTab .tab_box > ul li button span {padding: 5px;}
}