@charset "euc-kr"; /* url: https://img.megagong.net/m/2025/ */
.con_tit .end::after { background: #fff; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evCon2 .con_tit,
.evCon3 .con_tit,
.evCon4 .con_tit { margin: 16px auto 70px; } 
.evCon2 .con_tit,
.evCon3 .con_tit,
.evCon4 .con_tit strong { color:#016eea; } 
.eventWrap .evSection { padding: 150px 0; } 
.eventWrap .evSection.evtoggleWarning { padding:0; } 

/*S : evCon1*/
.eventWrap .evSection.evCon1 { position:relative; padding:105px 0 118px;; background-image: url("https://image.megagong.net/m/2025/0326_gonglive/evCon1_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; color:#fff; } 
.evCon1 .txt_ball { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.evCon1 .tit_wrap { position: relative; } 
.evCon1 .mini_tit { letter-spacing: 7px; } 
.evCon1 .con_tit { margin:50px auto 70px; font-weight: 900; font-size: 114px; } 
.evCon1 .con_tit .skyblue { color:#bee7ff; } 
.evCon1 .youtube_go a { margin: 0 auto; padding: 12px; width: 505px; border-radius: 80px; display: flex; align-items: center; background-color: #fff; gap:20px; box-sizing: border-box; font-weight: bold; color:#000; } 

.evCon1 .youtube_go .replay1,
.evCon1 .youtube_go .replay2 {
    gap: 60px;
}

.evCon1 .youtube_go .replay1 {background-color: #000; color:#fff;}


/*E : evCon1*/



#fix_ban { width:100%; background-color: #122949; color:#fff; } 
#fix_ban.on { position:fixed; left:0; top:0; z-index:5 } 
#fix_ban .btn_wrap { margin: 0 auto; padding:30px 0; width:1080px; display: flex; align-items: center; } 
#fix_ban .btn_wrap li { width: 33.333%; position: relative; border-right: 1px solid #5a6a80; } 
#fix_ban .btn_wrap li:last-child { border-right: none; } 
#fix_ban .btn_wrap li a { display: block; width: 100%; height: 100%; } 
#fix_ban .btn_wrap li .evt_end { position: absolute; top: -60px; right: 35px; } 
#fix_ban .btn_wrap li .cir_tit { margin:0 auto 10px; border-radius: 40px; width:fit-content; color:#000; padding: 2px 24px; font-weight: bold; } 
#fix_ban .btn_wrap li:nth-child(1) .cir_tit { padding: 2px 15px; background-color: #fff; } 
#fix_ban .btn_wrap li:nth-child(2) .cir_tit { background-color: #8cd5ff; } 
#fix_ban .btn_wrap li:nth-child(3) .cir_tit { background-color: #1567da; color: #fff; } 
#fix_ban .show-768 {display: none;} 



/*S : evCon2*/
.evCon2 .notice_wrap { padding: 10px 0; background-color: #f7f7f7; } 
.evCon2 .notice_wrap .inner { display: flex; align-items: center; justify-content: center; gap: 40px; } 
.evCon2 .notice_wrap .bell_img { display: block; margin: 20px 0 0; } 
.evCon2 .notice_wrap .txt { text-align: left; } 
.evCon2 .notice_wrap .tit { margin:0 0 15px; font-weight: bold; } 
.evCon2 .notice_wrap .det .date { color:#ff0000; } 
.evCon2 .agenda_wrap { margin: 70px 0 0; display: flex; justify-content: center; gap:40px; } 
.evCon2 .agenda_wrap .agenda { border-radius: 10px; border: 2px solid #000000; overflow: hidden; width: calc(50% - 20px) } 
.evCon2 .agenda_wrap .tit { padding:20px 0; background-color: #000; color:#fff; font-weight: bold; text-align: center; } 
.evCon2 .agenda_wrap .det { padding: 36px 0 46px; } 
.evCon2 .agenda_wrap .txt1 { margin:0 0 30px; color: #016eea; font-weight: bold; } 
.evCon2 .agenda_wrap .txt2_1 li { font-weight: bold; margin: 0 0 24px; } 
.evCon2 .agenda_wrap .txt2_1 li .more_det { font-weight:400; color: #646464; border-bottom: 1px solid #646464; padding:0 0 1px; } 
.evCon2 .agenda_wrap .noti { margin:40px 0 0; color:#7c7c7c; } 

.evCon2 .agenda_wrap .txt2_2 li:first-child { margin: 0 0 30px; } 
.evCon2 .agenda_wrap .line_tit {margin:0 auto 10px;width:fit-content;box-shadow: inset 0 -10px #fff5c0;font-weight: bold;} 
.evCon2 .agenda_wrap .line_det { color:#646464; } 
.evCon2 .play_btn { margin:65px auto 0; position:relative; border-radius: 3px; width: 360px; height: 72px; background-color: #000; color:#fff; } 
.evCon2 .play_btn .txt_ball {position: absolute;top:-24px;display: flex;align-items: center;justify-content: center;left: 50%;transform: translateX(-50%);width: 160px;height: 30px;border-radius: 40px;color:#fff;background-color: #ff0000;} 
.evCon2 .play_btn .txt_ball::before { content: ''; position: absolute; bottom: -3px; left: 50%; width: 10px; height: 10px; background: #ff0000; transform: rotate(45deg); margin-left: -3px; } 
.evCon2 .play_btn .flex { align-items: center; justify-content: center; gap:20px; width: 100%; height: 100%; } 
/*E : evCon2*/


/*S : evCon3*/
.eventWrap .evSection.evCon3 { background-image: url("https://image.megagong.net/m/2025/0326_gonglive/evCon3_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; color:#fff; } 
.evCon3 .mini_tit { color:#000; } 
.evCon3 .tea_box_wrap { display: flex; flex-direction: column; gap:30px; } 
.evCon3 .top,
.evCon3 .bot { display: flex; flex-wrap: wrap; justify-content: center; gap: 27px; } 
.evCon3 .tea_box { position: relative; text-align: center; background: #fff; border-radius: 20px; overflow: hidden; } 
.evCon3 .tea_box .tea_tit { position: absolute; bottom:0; left:0; width: 100%; height:52px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.5); } 
.evCon3 .teacher_home i { background: #fff; } 
.evCon3 .teacher_home b { background: #016eea; } 
/*E : evCon3*/


/*S : event1*/
.event1 { background-color: #005fca; color:#fff; } 
.event1 .mini_tit { opacity: 0.8; } 
.event1 .btn-base-wrap { margin: 40px auto 77px; } 
.event1 .gift_list_wrap li .badge { background-color: #005eca; } 
.event1 .container_info.ver_circle .info .info_date { color:#fff } 
.event1 .container_info .info .noti { color:#fff; opacity: 0.8; } 
.btn-base.gry > a { background-color: #999999; } 

.mg_tb_wrap { border:1px solid #d0d0d0; } 
.mg_textarea { resize: none; border-radius: 3px; } 
.mg_filebox .filename { border-radius: 3px; width: calc(100% - 80px); } 
.mg_filebox .filebtn label { border-radius: 3px; } 
.mg_tb_form th { color:#777; } 
.mg_s_info { color:#777; line-height: 1.4; font-size: 12px; } 
.mg_s_info .txt a { margin-left: 5px; border:1px solid #777; padding: 1px 8px; border-radius:15px; } 
.mg_popup_wrap .content_area .mg_btn_wrap .mg_btn_base { border-radius: 3px; } 

/* #gallery_list { padding: 30px 40px;} */


/*E : event1*/


@media screen and (max-width: 1200px){
    .evCon2 .con_tit, .evCon3 .con_tit, .evCon4 .con_tit { margin: 4% auto 8%; } 
    .eventWrap .evSection { padding: 12% 0; } 
    .eventWrap .inner { width: 97%; } 

    /*S : evCon1*/
    .eventWrap .evSection.evCon1 { padding: 10% 0; } 
    .evCon1 .txt_ball { width: 97%; } 
    .evCon1 .con_tit { /* margin: 4% auto; */
    margin: 5% auto 8%; font-size: clamp(35px, 8.5vmin, 70px); } 
    .evCon1 .youtube_go a { width: fit-content; } 
    /*E : evCon1*/

    #fix_ban .btn_wrap { width: 100%; } 

    /*S : evCon2*/
    .evCon2 .agenda_wrap { margin: 6% 0 0; } 
    .evCon2 .play_btn {width: fit-content;height: auto;padding: 4% 10%;margin: 12% auto 0;}

    /* #gallery_list { padding: 30px;} */
}

@media screen and (max-width: 992px) { 
    /*S : evCon1*/
    .evCon1 .youtube_go a { gap: 10px; padding: 10px 15px 10px 10px; } 
    .evCon1 .youtube_go a img { height: 64px; } 
    .evCon1 .youtube_go .replay1,
    .evCon1 .youtube_go .replay2 {gap:10px;  padding: 10px 20px 10px 10px;}
    /*E : evCon1*/

    /*S : evCon2*/
    .evCon2 .notice_wrap .inner { gap: 20px; } 
    .evCon2 .agenda_wrap { gap: 10px; } 
    .evCon2 .agenda_wrap .agenda { width: calc(50% - 10px); } 
    .evCon2 .agenda_wrap .det { padding: 20px 0; } 
    /*E : evCon2*/

}

@media screen and (max-width: 768px) { 
    /*S : evCon1*/

    .evCon1 .mini_tit { letter-spacing: 2px; } 
    /*E : evCon1*/

    #fix_ban .hide-768 {display: none;} 
    #fix_ban .show-768 {display: block;} 
    #fix_ban .btn_wrap li .cir_tit {margin: 0 auto 2px;padding: 1px 20px;font-size: 11px;}

    /*S : evCon2*/
    .evCon2 .notice_wrap .bell_img { margin: 10px 0 0; height: 120px; } 
    .evCon2 .agenda_wrap { flex-direction: column; gap: 40px; } 
    .evCon2 .agenda_wrap .agenda { width: 100%; } 

    /*E : evCon2*/

    /*S : evCon3*/
    .evCon3 .top,
    .evCon3 .bot { gap: 20px; } 
    .evCon3 .tea_box { width: calc(50% - 20px); } 
    /*E : evCon3*/


    /* #gallery_list {padding: 20px;} */
}

@media screen and (max-width: 576px){
    .mg_filebox .filename { width: calc(100% - 55px); } 

    /*S : evCon1*/
    .evCon1 .youtube_go a { padding:5px 10px 5px 5px; } 
    .evCon1 .youtube_go a img { height: 40px; } 
    .evCon1 .youtube_go .replay1,
    .evCon1 .youtube_go .replay2 {padding:5px 15px 5px 5px; }

    /*E : evCon1*/

    #fix_ban .btn_wrap {padding: 14px 0;} 
    #fix_ban .btn_wrap { align-items: flex-start; } 
    #fix_ban .btn_wrap li p { font-size: 12px; } 

    /*S : evCon2*/
    .evCon2 .notice_wrap .inner {gap: 10px;/* align-items: flex-start; */} 
    .evCon2 .notice_wrap .bell_img {height: 89px;} 
    .evCon2 .agenda_wrap .txt1 {margin:0 0 5%;}
    .evCon2 .agenda_wrap .txt2_1 li {margin: 0 0 4%;}
    .evCon2 .agenda_wrap .txt2_2 li:first-child {margin: 0 0 4%;}
    .evCon2 .agenda_wrap .noti {margin: 5% 0 0; font-size: 11px;}
    /*E : evCon2*/

    /*S : evCon3*/
    .evCon3 .top,
    .evCon3 .bot { gap: 10px; } 
    .evCon3 .tea_box_wrap {gap:10px}
    .evCon3 .tea_box { width: calc(50% - 10px); } 
    /*E : evCon3*/
}