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


.video_box { background: url('https://img.megagong.net/m/2022/0330_9live/con3_thum.jpg') no-repeat center; background-size: auto 100%; } 
.video_box .play_area { z-index:3; width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%; } 
.video_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.video_box.ytb { padding: 0; } 
.video_box .play_area img { display:none; } 

.flt_inner.renewal li { margin-top: 4px; } 
.flt_inner.renewal li.top { margin-top: 4px; } 

.evCon1 { background: #000000 url('https://img.megagong.net/m/2023/0314_gong/con1_bg.jpg') no-repeat; padding: 130px 0; } 
.evCon1 h3 { margin: 135px -28px 35px; } 
.evCon1 .con2 { margin: 0 0 113px; } 

.evCon2 { background: #eeeeee; padding: 150px 0 40px; } 
.evCon2 .inner { width: 1000px; } 
.evCon2 .register { position: absolute; right: 0; font-size: 13px; color: #777777; top: -30px; padding-right: 8px; } 
.evCon2 .register::before { content:''; background: url('https://img.megagong.net/m/2023/0314_gong/con2_ico.png') no-repeat; width: 4px; height: 8px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.evCon2 .notice { margin: 70px auto 30px; border: 1px solid #000; background: #fff; display: flex; padding: 33.5px 0; align-items: center; } 
.evCon2 .notice .tit { width: 155px; font-size: 20px; font-weight: 900; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; } 
.evCon2 .notice .tit::before { content:''; border-right: 1px dotted #dddddd; position: absolute; left: 0; width: 100%; height: 159.1%; right: 0; z-index: -1; } 
.evCon2 .notice .tit p { text-align: left; line-height: 1.2; } 
.evCon2 .notice .tit p .view { display: block; line-height: 1; font-size: 13px; font-weight: normal; margin: 5px 0 0; } 
.evCon2 .notice .tit p .view a { color: #777777; display: inline-block; position: relative; padding-right: 8px; } 
.evCon2 .notice .tit p .view a::before { content:''; background: url('https://img.megagong.net/m/2023/0314_gong/con2_ico.png') no-repeat; width: 4px; height: 8px; position: absolute; right: 0; top: 50%; transform: translate(0, -30%); } 
.evCon2 .notice_roll { width: calc(100% - 150px); height: 55px; display: flex; align-items: center; } 
.evCon2 .notice_roll .slick-slide , .evCon2 .notice_roll .slick-slide > div { height: 55px; border: none; } 
.evCon2 .notice_roll .item { font-size: 20px; text-align: left; padding: 0 45px 0 25px; height: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 
.evCon2 .notice_roll .slick-arrow { position: absolute; right: 20px; width: 0; height: 0; font-size: 0; border-bottom: 7px solid #000; border-left: 7px solid transparent; border-right: 6.5px solid transparent; z-index: 1; } 
.evCon2 .notice_roll .slick-prev { top: 0; } 
.evCon2 .notice_roll .slick-prev::before { content:''; background: #999999; height: 1px; width: 13px; position: absolute; left: 0; top: 27px; transform: translate(-50%, 0); } 
.evCon2 .notice_roll .slick-next { transform: rotate(180deg); bottom: 0; } 
.evCon2 .tab_base { display: flex; } 
.evCon2 .tab_base li { float: left; width: 100%; } 
.evCon2 .tab_base li a { font-size: 18px; padding: 22.4px 0; display: block; background: #dddddd; } 
.evCon2 .tab_base li a strong { position: relative; padding: 0 6px 0 35px; margin-right: 2px; } 
.evCon2 .tab_base li a strong::before { content:''; width: 1px; height: 78%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); background: #000; } 
.evCon2 .tab_base li.on a strong::before { background: #fff; } 
.evCon2 .tab_base li a strong::after { content:''; background-image: url('https://img.megagong.net/m/2023/0314_gong/con2_ico2_off.png'); background-repeat: no-repeat; width: 28px; height: 24px; position: absolute; left: 0; top: 50%; transform: translate(0, -60%); } 
.evCon2 .tab_base li.on a strong::after { background-image: url('https://img.megagong.net/m/2023/0314_gong/con2_ico2.png'); } 
.evCon2 .tab_base li.on a { color: #fff; background: #000; font-weight: 200; } 
.evCon2 .panel_base > li .video_wrap { position: relative; } 
.evCon2 .panel_base > li .video_wrap .video_box { position: relative; z-index: 1; } 
.evCon2 .panel_base > li .video_wrap .video_box::before { content:''; background: url('https://img.megagong.net/m/2023/0314_gong/con2_shadow.png') no-repeat; width: 1161px; height: 612px; position: absolute; z-index: -1; left: 50%; bottom: -8%; transform: translate(-50%, 0); } 

.evCon3 { padding: 150px 0; } 
.evCon3 .inner { width: 1000px; } 
.evCon3 .con_tit { margin: 0 0 70px; } 
.evCon3 .weekTab { position: relative; } 
.evCon3 .weekTab::before { content:''; height: 3px; width: 1000%; position: absolute; left: -500%; bottom: 0; background: #000; } 
.evCon3 .weekTab li { float: left; width: 25%; position: relative; } 
.evCon3 .weekTab li a { font-size: 26px; color: #999; display: block; background: #f5f5f5; border-right: 1px solid #fff; padding: 20.3px 0; position: relative; } 
.evCon3 .weekTab li.on a { color: #000; background: #fff; } 
.evCon3 .weekTab li::before { content:''; height: 3px; width: 100%; background: #000; position: absolute; bottom: 0px; left: 0; z-index: 1; } 
.evCon3 .weekTab li.on::before { content:''; background: transparent; box-sizing: border-box; width: 100%; height: 100%; border: 3px solid #000; border-width: 3px 3px 0 3px; } 
.evCon3 .weekTab li.on::after { content:''; } 
.evCon3 .score_box { margin: 70px 0 10px; } 
.evCon3 .score_box.mo { display:none; } 
.evCon3 .score_box tr.today { background: #fffcf5; } 
.evCon3 .score_box tr.dDay { background: #fff5f7; } 
.evCon3 .score_box tr th, .evCon3 .score_box tr td { font-size: 15px; padding: 23.2px 7px; border: 1px solid #dddddd; } 
.evCon3 .score_box tr th { background: #f5f5f5; } 
.evCon3 .score_box tr td.soon { color: #cccccc; font-weight: 700; font-style: italic; } 
.evCon3 .score_box tr td.check { color: #f00; } 
.evCon3 .score_box tr.dDay td { color: #eb1a1a; font-weight: 900; } 
.evCon3 .score_box tr th:first-child, .evCon3 .score_box tr td:first-child { border-left: 0; } 
.evCon3 .score_box tr th:last-child, .evCon3 .score_box tr td:last-child { border-right: 0; } 
.evCon3 .tiny_noti { text-align: left; color: #999999; line-height: 1.7; } 
.evCon3 .tiny_noti a { color: #267be3; font-weight: 900; border-bottom: 1px solid; } 
.evCon3 .btn { display: inline-block; margin: 46px 0 0; background: #000; color: #fff; width: 480px; font-size: 22px; padding: 24.6px 0; padding-right: 40px; position: relative; } 
.evCon3 .btn::before { content:''; background: url('https://img.megagong.net/m/2023/0314_gong/con3_ico.png') no-repeat; width: 42px; height: 32px; position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); } 

.evCon4 { background: #222222; padding: 150px 0; } 
.evCon4 .con_tit .end { position: absolute; right: -10px; top: 30px; } 
.evCon4 .con1 { margin: 105px 0 45px; } 
.evCon4 .con2 { font-size: 24px; color: #a8a2f3; font-weight: 200; } 
.evCon4 .con2 span { display: block; margin: 24px 0 0; } 
.evCon4 .con3 { border: 1px solid #fff; border-width: 1px 0; padding: 30.9px 0; padding-left: 84px; } 
.evCon4 .con3 dl { color: #fff; text-align: left; font-size: 21px; margin: 0 0 14px; } 
.evCon4 .con3 dl:last-child { margin: 0 0; } 
.evCon4 .con3 dl dt { display: inline-block; vertical-align: top; position: relative; padding: 0 17px 0 10px; } 
.evCon4 .con3 dl dt::before { content:''; background: #fff; width: 2px; height: 65%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.evCon4 .con3 dl dd { display: inline-block; } 
.evCon4 .con3 dl dd .tiny_noti { display: block; font-size: 14px; color: #dddddd; margin: 2px 0 0; } 
.evCon4 .btn { margin: 35px 0 40px; } 
.evCon4 .btn a { background: #fff; border-radius: 100px; font-size: 21px; font-weight: 700; padding: 20.3px 70px; display: flex; justify-content: space-between; align-items: center; letter-spacing: 0; } 
.evCon4 .btn a .mo { display:none; } 
.evCon4 .btn a span.point { font-size: 18px; color: #8645ff; position: relative; padding-right: 18px; } 
.evCon4 .btn a span.point::before { content:''; width: 0; height: 0; border-left: 7px solid; border-top: 7px solid transparent; border-bottom: 6.5px solid transparent; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.eventWrap .evWarning { padding: 64px 0; } 
.warningList > li { margin-top: 10px; } 
.warningList > li.w_tit { font-weight: 700; } 

.mg_popup_wrap .paging ,.mg_popup_wrap .paging.gall { margin: 20px 0 0; display: flex; justify-content: center; padding: 0 0; } 
.mg_popup_wrap .paging a, .paging strong , .mg_popup_wrap .paging.gall a, .paging.gall strong { height: auto; line-height: 1; padding: 0 5px; } 
.mg_popup_wrap .paging a:first-child, .paging a:last-child, .mg_popup_wrap .paging a:first-child, .paging.gall a:last-child { margin: 0 0; } 
.mg_popup_wrap .paging a img ,.mg_popup_wrap .paging.gall a img { vertical-align: middle; margin-top: -2px; } 
.mg_popup_wrap .paging strong { text-decoration: underline; } 

#registerPop .content_area { padding: 40px 20px; } 
#registerPop .tit { text-align: center; font-size: 30px; font-weight: 900; margin: 0 0 30px; } 
#registerPop .content_area .content { border: 1px solid #000; border-width: 1px 0; } 
#registerPop .content_area .inputWrap { margin: 10px 0; display: flex; justify-content: space-between; } 
#registerPop .content_area textarea { width: calc(100% - 135px); height: 100px; } 
#registerPop .content_area .btn { display: inline-block; width: 130px; background: #000; color: #fff; font-size: 17px; line-height: 100px; text-align: center; } 
#registerPop .content_area .tblWrap tr th { background: #f5f5f5; padding: 15px 0; } 
#registerPop .content_area .tblWrap tr td { padding: 22.2px 10px; line-height: 1.4; } 
#registerPop .content_area .tblWrap tr td.tal { text-align: left; } 
#registerPop .content_area .tblWrap tr th , #registerPop .content_area .tblWrap tr td { font-size: 13px; text-align: center; border: 1px solid #d0d0d0; } 
#registerPop .content_area .tblWrap tr th:first-child, #registerPop .content_area .tblWrap tr td:first-child { border-left: 0; } 
#registerPop .content_area .tblWrap tr th:last-child, #registerPop .content_area .tblWrap tr td:last-child { border-right: 0; } 
#registerPop .content_area .tblWrap tr td p { display: inline-block; } 
#registerPop .content_area .tblWrap tr td p a { color: #fff; background: #777777; display: inline-block; padding: 5.5px 19.6px; } 
#registerPop .content_area .tblWrap tr td p + p { margin-left: 6px; } 

#noticePop .content_area { padding: 40px 20px; } 
#noticePop .tit { text-align: center; font-size: 30px; font-weight: 900; margin: 0 0 30px; } 
#noticePop .content_area .content { border: 1px solid #000; border-width: 1px 0; padding: 0 15px; } 
#noticePop .content_area .content li { font-size: 13px; padding: 19.5px 0; border-top: 1px solid #d0d0d0; } 
#noticePop .content_area .content li:first-child { border: 0; } 
#noticePop .content_area .content li .txt { font-weight: 700; line-height: 1.5; } 
#noticePop .content_area .content li .date { margin: 9px 0 0; } 

#schedulePop .content_area { padding: 40px 20px; } 
#schedulePop .tit { text-align: center; font-size: 30px; font-weight: 900; margin: 0 0 30px; } 
#schedulePop table { border: 1px solid #000; border-width: 1px 0; } 
#schedulePop table tr th, #schedulePop table tr td { text-align: center; padding: 15px 5px; } 
#schedulePop table tr th { background: #f5f5f5; } 
#schedulePop table tr td { border-top: 1px solid #d0d0d0; } 


@media screen and (max-width: 1200px){
 .evCon1 { padding: 11% 0; } 
 .evCon1 h3 { margin: 11.5% 0 3.5%; } 
 .evCon1 .con2 { margin: 0 0 10%; padding: 0 27%; } 

 .evCon2 { padding: 13% 0 4%; } 
 .evCon2 .inner { width: 96%; } 
 .evCon2 .notice { margin: 7% auto 3%; } 
 .evCon2 .notice .tit { font-size: 18px; } 
 .evCon2 .notice .tit p .view a::before { transform: translate(0, -40%); } 
 .evCon2 .notice_roll .item { font-size: 18px; } 
 .evCon2 .tab_base li a { font-size: 15px; padding: 18px 0; } 
 .evCon2 .panel_base > li .video_wrap .video_box::before { width: 100%; height: 100%; background-size: 100% 100%; } 
 .evCon2 .tab_base li a strong::after { background-size: 70%; background-position: center; transform: translate(0, -50%); } 
 .evCon2 .panel_base > li img { width: 100%; } 

 .evCon3 { padding: 13% 0; } 
 .evCon3 .inner { width: 96%; } 
 .evCon3 .con_tit { margin: 0 0 7%; } 
 .evCon3 .weekTab li a { font-size: 21px; padding: 18px 0; } 
 .evCon3 .score_box { margin: 7% 0 1%; } 
 .evCon3 .score_box tr th, .evCon3 .score_box tr td { font-size: 13px; padding: 18px 2px; } 
 .evCon3 .btn { margin: 5% 0 0; font-size: 19px; } 

 .evCon4 { padding: 13% 0; } 
 .evCon4 .con_tit .end { right: 0; top: 13%; width: 23%; } 
 .evCon4 .con1 { margin: 9.5% 0 5%; } 
 .evCon4 .con2 { font-size: 20px; } 
 .evCon4 .con3 { padding: 20px 0; padding-left: 2%; } 
 .evCon4 .con3 dl { font-size: 17px; margin: 0 0 10px; } 
 .evCon4 .con3 dl dd .tiny_noti { font-size: 12px; } 
 .evCon4 .btn { margin: 3.5% 0 4%; } 
 .evCon4 .btn a { font-size: 17px; padding: 15px 30px; } 
.evCon4 .btn a span.point { font-size: 15px; } 
 
 .eventWrap .evWarning { padding: 45px 0; } 
 }


@media screen and (max-width: 768px){
 .evCon2 .notice { padding: 15px 0; } 
 .evCon2 .notice .tit { font-size: 15px; width: 110px; } 
 .evCon2 .notice .tit::before { height: 100%; } 
 .evCon2 .notice_roll { height: 40px; width: calc(100% - 110px); } 
 .evCon2 .notice_roll .slick-slide, .evCon2 .notice_roll .slick-slide > div { height: 40px; } 
 .evCon2 .notice_roll .item { font-size: 15px; padding: 0 33px 0 20px; } 
 .evCon2 .notice_roll .slick-arrow { right: 10px; } 
 .evCon2 .notice_roll .slick-prev::before { top: 20px; } 
 .evCon2 .tab_base li a { font-size: 13px; padding: 13px 0; } 
 .evCon2 .tab_base li a strong { padding: 0 6px 0 30px; } 
 
 .evCon3 .weekTab li a { font-size: 17px; padding: 15px 0; } 
 .evCon3 .score_box tr th, .evCon3 .score_box tr td { font-size: 12px; padding: 13px 2px; } 
 .evCon3 .score_box.pc { display:none; } 
 .evCon3 .score_box.mo { display:block; } 
 .evCon3 .btn { font-size: 17px; width: 330px; padding: 18px 0; padding-right: 40px; } 

 .evCon4 .con2 { font-size: 16px; } 
 .evCon4 .con2 span { margin: 15px 0 0; } 
 .evCon4 .con3 dl { font-size: 15px; } 
 .evCon4 .con3 dl dd { display: block; } 
 .evCon4 .btn a { font-size: 14px; padding: 10px 13px; } 
.evCon4 .btn a span.point { font-size: 13px; padding-right: 10px; } 
 .evCon4 .btn a span.point::before { border-width: 5px 0 5px 4.5px; } 

 .eventWrap .evWarning { padding: 25px 0; } 


 #registerPop .content_area { padding: 20px 10px; } 
 #registerPop .content_area .tit { font-size: 21px; margin: 0 0 20px; } 
 #registerPop .content_area .inputWrap { margin: 20px 0 10px; } 
 #registerPop .content_area .inputWrap .btn { width: 23%; line-height: 70px; font-size: 13px; } 
 #registerPop .content_area .inputWrap textarea { width: 75.5%; height: 70px; } 
 #registerPop .content_area .tblWrap tr th { padding: 10px 0; } 
 #registerPop .content_area .tblWrap tr td { padding: 15px 3px; } 
 #registerPop .content_area .tblWrap tr td p { display: block; } 
 #registerPop .content_area .tblWrap tr td p + p { margin: 5px 0 0; } 

 #noticePop .content_area { padding: 20px 10px; } 
 #noticePop .content_area .tit { font-size: 21px; margin: 0 0 20px; } 
 #noticePop .content_area .content li { padding: 10px 0; } 
 #noticePop .content_area .content li .date { margin: 6px 0 0; } 

 #schedulePop .content_area { padding: 20px 10px; } 
 #schedulePop .content_area .tit { font-size: 21px; margin: 0 0 20px; } 
 #schedulePop table tr th , #schedulePop table tr td { font-size: 12px; } 
 }

@media screen and (max-width: 576px){
 .evCon1 .con1, .evCon1 .con3 { margin: 0 -13%; } 
 .evCon1 .con2 { padding: 0 22%; } 
 
 .evCon2 .register { top: -20px; font-size: 12px; } 
 
 .evCon3 .weekTab li a { font-size: 15px; padding: 10px 0; } 
 .evCon3 .btn { font-size: 15px; } 

 .evCon4 .con2 { font-size: 13px; } 
 .evCon4 .con3 dl { font-size: 13px; } 
 .evCon4 .btn a { text-align: left; font-size: 13px; padding: 7px 10px; } 
 .evCon4 .btn a .mo { display:block; } 
 }

@media screen and (max-width:460px){
 .evCon2 .notice .tit { font-size: 13px; width: 80px; } 
 .evCon2 .notice .tit p .view { font-size: 12px; } 
 .evCon2 .notice .tit p .view a::before { transform: translate(0, -50%); } 
 .evCon2 .notice_roll { width: calc(100% - 90px); } 
 .evCon2 .notice_roll .item { font-size: 13px; padding: 0 20px 0 10px; } 
 .evCon2 .notice_roll .slick-arrow { right: 0; } 
 .evCon2 .register { font-size: 11px; } 
.evCon2 .notice_roll .slick-slide, .evCon2 .notice_roll .slick-slide > div { height: 39px; } 
 
 .evCon3 .weekTab li a { font-size: 13px; } 
 .evCon3 .btn { font-size: 13px; } 

 .evCon4 .btn a { font-size: 12px; } 
 }