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

/* settings */
:root {
    --color-primary-gong: #309BFF;
    --color-primary-sobang: #EE0303;
}
.evSection {padding: 150px 0;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 60px;}
.eventWrap.gong .tx_primary {color: var(--color-primary-gong);}
.eventWrap.sobang .tx_primary {color: var(--color-primary-sobang);}

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

/* evBnr */
.evBnr {background: #FFF; border-top: 1px solid rgba(17, 17, 17, 0.15); border-bottom: 1px solid rgba(17, 17, 17, 0.15); }
.evBnr.fixed {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 3;}
.evBnr li {flex: 1; position: relative;}
.evBnr li + li::before {content: ''; position: absolute; top: 20%; left: 0; width: 1px; height: 60%; background: rgba(17, 17, 17, 0.15);}
.evBnr li a {display: block; padding: 2vmin 0;}

/* evCon1 */
.evCon1 {padding: 126px 0; background: #000 url(https://image.megagong.net/m/2025/0901_live/con1_bg.png) no-repeat; background-size: auto 100%;}
.evCon1 .inner {width: 1184px; padding: 75px 0 145px; background: url(https://image.megagong.net/m/2025/0901_live/con1_frame.png) no-repeat 50% 50%; background-size: 100% 100%;}
.evCon1 .sub_tit {letter-spacing: 0.24em; margin-bottom: 40px;}
.evCon1 h3 {font-size: 62px;}
.evCon1 h3 span {display: inline-block;}
.evCon1 h3 > span + span {margin-top: 13px;}
.evCon1 h3 .flex {display: flex; justify-content: center; align-items: center; gap: 20px;}
.evCon1 h3 .toggleAni.on {opacity: 0.6;}
.evCon1 .deco span {position: absolute;}
.evCon1 .deco span:nth-child(1) {top: 46px; right: 56px;}
.evCon1 .deco span:nth-child(2) {bottom: 31px; left: 38px; opacity: 0.3;}
.evCon1 .deco span:nth-child(3) {bottom: 31px; right: 42px; opacity: 0.3;}

/* evCon2 */
.evCon2 {padding: 110px 0 0; background: linear-gradient(180deg, #131C29 0%, #191919 100%);}
.evCon2 .bubble_wrap {position: relative; background: url(https://image.megagong.net/m/2025/0901_live/con2_bg.png) no-repeat; background-size: 100% auto; background-position: 50% 0; margin: 0 -60px;}
.evCon2 .bubble_wrap .bubble {position: absolute; font-weight: 400; border-radius: 88px; border: 2px solid #FFF; background: rgba(0, 0, 0, 0.70); z-index: 2;}
.evCon2 .bubble_wrap .bubble1 {top: 20px; left: 70px; padding: 32px 70px;}
.evCon2 .bubble_wrap .bubble2 {top: 84px; right: 36px; padding: 30px 70px; z-index: 0;}
.evCon2 .bubble_wrap .bubble3 {bottom: 160px; left: 250px; padding: 20px 70px;}
.evCon2 .bubble_wrap .bubble .ico {position: absolute; top: 50%; left: -60px; transform: translateY(-50%);}
.evCon2 .bubble_wrap .bubble2 .ico {left: auto; right: -40px;}
.evCon2 .bubble_wrap .img {position: relative; z-index: 1;}

/* evCon3 */
.evCon3 {background-color: #9FD1FF; background-image: url(https://image.megagong.net/m/2025/0901_live/con3_bg.png); background-repeat: no-repeat; background-size: auto 100%;}
.pr_content_wrap .pr_content_swiper .swiper-slide {padding: 40px 10px;}
.eventWrap.sobang .evCon3 {background-color: #FFAEAE;}

/* evCon4 */
.evCon4 {background-color: #E5F3FF;}
.evCon4 .eventVideo {max-width: 1000px; margin: 0 auto;}
.evCon4 .eventVideo.video_none {cursor: default;}
.evCon4 .admin_btn {display: block; width: fit-content; margin-left: auto; margin-bottom: 10px;}
.evCon4 .coupon_bnr {position: relative; display: flex; justify-content: space-between; align-items: center; height: 210px; background-image: url(https://image.megagong.net/m/2025/0901_live/con4_coupon_bg_gong.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; padding: 15px 60px; margin-bottom: 60px;}
.eventWrap.sobang .evCon4 .coupon_bnr {background-image: url(https://image.megagong.net/m/2025/0901_live/con4_coupon_bg_sobang.png);}
.evCon4 .coupon_bnr .txt {text-align: left; }
.evCon4 .coupon_bnr .txt .badge-base {font-size: 18px; background-color: #309BFF; padding: 4px 18px 5px 18px;}
.eventWrap.sobang .evCon4 .coupon_bnr .txt .badge-base {background-color: #F00;}
.evCon4 .coupon_bnr .txt .tit {margin: 7px 0 10px;}
.evCon4 .coupon_bnr .txt p {font-weight: 400;}
.eventWrap.sobang .evCon4 {background-color: #FFEAEA;}

/* ¶óÀÌºê ¿¹Á¤ ¸®½ºÆ® */
.schedule_tab {margin-bottom: 60px;}
.schedule_tab .tit {margin-bottom: 30px;}
.schedule_list {border-radius: 20px; border: 3px solid #FFF; background: rgba(255, 255, 255, 0.20); padding: 50px 45px; margin: 0 -60px;}
.schedule_list .schedule_row {display: flex; gap: 15px;}
.schedule_list .schedule_row + .schedule_row {margin-top: 20px;}
.schedule_list .schedule_row .time {display: inline-block; width: 80px; font-weight: 700; font-size: 20px; color: #FFF; border-radius: 50px;background: #111; padding: 13.5px 10px;}
.schedule_list .schedule_row .items {display: flex; gap: 15px;}
.schedule_list .schedule_row .items .item {width: 190px; font-size: 16px; border-radius: 50px; background: #FFF; padding: 16px 10px; cursor: pointer;}
.schedule_list .schedule_row .items .item.on {color: #FFF; background: #006EFF;}
.eventWrap.sobang .schedule_list .schedule_row .items .item.on {background: #E60000;}
.schedule_panel .item .video_info {max-width: 1000px; background: #06F; padding: 14.5px 10px; margin: 0 auto 10px;}
.eventWrap.sobang .schedule_panel .item .video_info {background: #D91A1A;}
.schedule_panel .item .btn-base a {min-width: 367px;}
.schedule_panel .item .coupon_btn span {color: #FAFF69;}
.schedule_panel .item .coupon_btn a {color: #FFF; background-color: #2476F2; min-width: 754px;}
.eventWrap.sobang .schedule_panel .item .coupon_btn a {background-color: #F22424;}
.schedule_panel .item .coupon_btn.disabled a {background-color: #999 !important;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .tab-base {margin-bottom: 50px;}
.evCon5 .tab-base li a {font-size: 18px;}
.evCon5 .table-base-wrap {margin-bottom: 40px;}

/* Time Table */
.time_table.table-base th,
.time_table.table-base td {border: 1px solid rgba(17, 17, 17, 0.20);}
.time_table.table-base th:first-child,
.time_table.table-base td:first-child {border-color: rgba(17, 17, 17, 0.20);}
.time_table.table-base th {font-weight: 500; font-size: 18px; color: #111; background: #F4F4F4;}
.time_table tr.current th,
.time_table tr.current td {background: #E9F4FF;}
.time_table td.lecture_name {text-align: left;}
.time_table td.lecture_name .badge-base {margin-right: 5px;}
.time_table td.lecture_name a {display: inline-block; font-size: 12px; color: #309BFF; text-decoration: underline; text-underline-offset: 2px; margin-left: 5px;}
.time_table td.lecture_live {color: #555; font-size: 12px;}
.time_table td.lecture_live a {color: #111; text-decoration: underline; text-underline-offset: 2px;}
.time_table td.lecture_live a.review {color: #FF2C2C;}
.eventWrap.sobang .time_table tr.current th,
.eventWrap.sobang .time_table tr.current td {background: #FFE9E9;}

/* evCon6 */
.evCon6 {background-image: url(https://image.megagong.net/m/2025/0901_live/con6_bg_gong.jpg); background-color: #000; background-repeat: no-repeat; background-size: auto 100%;}
.evCon6 .mini_tit {opacity: 0.6;}
.evCon6 .mini_tit + .evt_con_base {color: #FFF; margin: 30px auto; letter-spacing: -0.05em;}
.evCon6 .mini_tit + .evt_con_base span {color: #FFF07C;}
.evCon6 .btn-base.attend a {color: #FFF; background: #006FFF;}
.eventWrap.sobang .evCon6 {background-image: url(https://image.megagong.net/m/2025/0901_live/con6_bg_sobang.jpg);}
.eventWrap.sobang .evCon6 .btn-base.attend a {color: #FFF; background: #E60000;}

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

/* Æ˾÷ */
/* ³ªÀÇ Ãâý ÇöȲ Æ˾÷ */
.popupMyStatus {text-align: center;}
.popupMyStatus .b_tit {margin-bottom: 25px;}
.popupMyStatus .btn-base {margin-top: 25px;}

@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%;}

    /* evBnr */
    .evBnr.fixed {bottom: 70px;}

    /* evCon1 */
    .evCon1 {padding: 12% 0;}
    .evCon1 .inner {width: 96%; padding: 10% 2% 14%;}
    .evCon1 h3 {font-size: clamp(28px, 6.5vmin, 60px);}
    .evCon1 h3 .flex span {flex: 1;}

    /* evCon2 */
    .evCon2 {padding: 10% 0 0;}
    .evCon2 .bubble_wrap {margin: 0 auto; padding-top: 8%;}

    /* evCon4 */
    .evCon4 .eventVideo {margin: 0 auto;}
    .evCon4 .coupon_bnr {height: auto; padding: 20px 30px;}

    /* ¶óÀÌºê ¿¹Á¤ ¸®½ºÆ® */
    .schedule_list {padding: 30px 20px; margin: 0 auto;}
    .schedule_list .schedule_row {gap: 5px;}
    .schedule_list .schedule_row .time {width: 70px; font-size:clamp(15px,2.5vmin,20px);}
    .schedule_list .schedule_row .items {width: calc(100% - 75px); gap: 5px;}
    .schedule_list .schedule_row .items .item {width: calc(20% - 4px); font-size:clamp(13px,2.1vmin,16px);}
    .schedule_panel .item .btn-base a {min-width: initial;}

    /* evCon5 */
    .evCon5 .tab-base li a {font-size: clamp(14px,2.3vmin,18px);}
}
@media screen and (max-width: 992px){
    .evCon2 .bubble_wrap {padding-top: 0;}
    .evCon2 .bubble_wrap .bubble {position: relative; top: auto; left: auto; right: auto; bottom: auto; padding: 20px; margin-left: 10%;}
    .evCon2 .bubble_wrap .bubble:not(.bubble1) {margin-top: 20px;}
    .evCon2 .bubble_wrap .bubble2 {margin-left: 0; margin-right: 10%;}
    .evCon2 .bubble_wrap .img {display: inline-block; width: 30%; max-width: 220px; margin-top: 20px;}

    .evCon4 .coupon_bnr .img {width: 30%;}

    .schedule_list .schedule_row .time {align-self: flex-start;}
    .schedule_list .schedule_row .items {flex-wrap: wrap;}
    .schedule_list .schedule_row .items .item {width: calc(33.333% - 3.333px);}
}
@media screen and (max-width: 768px){
    .evCon1 .sub_tit {margin-bottom: 20px;}
    .evCon1 .deco span {height: 15px;}
    .evCon1 .deco span:nth-child(1) {top: 5%; right: 3%;}
    .evCon1 .deco span:nth-child(2) {bottom: 5%; left: 3%;}
    .evCon1 .deco span:nth-child(3) {bottom: 5%; right: 3%;}
    .evCon1 .deco span img {display: block; height: 100%;}

    .pr_content_wrap .pr_content_swiper .swiper-slide {padding: 20px;}

    .evCon4 .coupon_bnr {margin-bottom: 30px;}

    .schedule_tab {margin-bottom: 30px;}
    .schedule_tab .tit {margin-bottom: 15px;}

    .evCon5 .tab-base {margin-bottom: 30px;}
    
    /* Time Table */
    .time_table.table-base {font-size: 13px;}
    .time_table.table-base.tp2 th,
    .time_table.table-base.tp2 td {padding: 10px 5px;}
    .time_table.table-base th {font-size: 14px;}
}
@media screen and (max-width: 576px){
    .evBnr {font-size: 13px; letter-spacing: -1.5px;}
    .evBnr.fixed {bottom: 55px;}

    .evCon1 .deco span {height: 10px;}

    .evCon2 .bubble_wrap .bubble {padding: 10px;}
    .evCon2 .bubble_wrap .bubble .ico {width: 60px; left: -30px;}
    .evCon2 .bubble_wrap .bubble2 .ico {left: auto; right: -30px;}

    .evCon4 .coupon_bnr .img {position: absolute; top: 8%; right: 4%;}

    .schedule_list {padding: 20px 10px;}
    .schedule_list .schedule_row .time {width: 40px; border-radius: 50%; padding: 9px 5px 10px;}
    .schedule_list .schedule_row .items {width: calc(100% - 45px);}
    .schedule_list .schedule_row .items .item {width: calc(50% - 2.5px); padding: 9px 4px;}

    .evCon5 .tab-base {flex-wrap: wrap;}
    .evCon5 .tab-base li {flex-basis: 50%;}
}