@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

.job_tab_contents { display: none; } 

.evCon1 { position:relative; overflow: inherit !important; } 
.evCon1 .intro { animation: fade_out 1s linear 2.75s both;  background: #4e5a62 url(https://image.megagong.net/m/2023/0614_live/visual_bg.jpg) no-repeat center center; padding: 230px 0 220px; z-index: 10; position: absolute; top: 0; left:0; right:0; } 
.evCon1 .intro h3 { margin: 0 0 82px; } 
.evCon1 .pattern { position: relative; display: inline-block; } 
.evCon1 .pattern .bg { } 
.evCon1 .pattern .line { position: absolute; top: 23px; } 
.evCon1 .pattern .line1 { left: 24px; animation: animateLine1 .6s linear .3s both; } 
.evCon1 .pattern .line2 { left: 24px; animation: animateLine2 .9s linear .95s both; overflow: hidden; } 
.evCon1 .pattern .line2 span { display: inline-block; width: 350px; } 
.evCon1 .pattern .line3 { right: 24px; animation: animateLine3 .6s linear 1.8s both; } 
.evCon1 .vs_con { background: #040404 url(https://image.megagong.net/m/2023/0614_live/vs_con_bg.jpg) no-repeat center center; padding: 226px 0 196px; } 
.evCon1 .vs_con h3 { margin: 0 -30px 60px; } 
.evCon1 .vs_con .con_txt { } 
@keyframes fade_out { 
 0% { opacity: 1; } 
 100% { opacity: 0; z-index:-1; } 
 }

@keyframes animateLine1 { 
 0% { transform:scaleY(0); transform-origin: bottom; } 
 100% { transform:scaleY(1); transform-origin: bottom; } 
 }

@keyframes animateLine2 { 
 0% { width: 0; } 
100% { width: 350px; } 
 }

@keyframes animateLine3 { 
 0% { transform:scaleY(0); transform-origin: top; } 
100% { transform:scaleY(1); transform-origin: top; } 
 }


.evCon2 { background: #191919 url(https://image.megagong.net/m/2023/0614_live/con2_bg.jpg) no-repeat center center; padding: 240px 0; } 


.evCon3 { padding: 180px 0 160px; } 
.evCon3 .con_txt { margin: 30px 0 50px; font-size: 20px; } 
.evCon3 .content { display: flex; justify-content: space-between; } 
.evCon3 .content dl { position: relative; background: #f1f1f1; border-radius: 100%; width: 330px; height: 330px; text-align: left; padding: 0 56px; } 
.evCon3 .content dl::before { content:''; background: url(https://image.megagong.net/m/2023/0614_live/con3_ico.png) no-repeat; width: 21px; height: 23px; position: absolute; top: 50%; right: -32px; transform: translate(0, calc(-50% + 0.5px)); } 
.evCon3 .content dl:last-child::before { display: none; } 
.evCon3 .content dl dt { font-size: 22px; font-weight: 700; margin: 72px 0 22px; border-bottom: 1px solid #000; padding-bottom: 27px; padding-left: 12px; } 
.evCon3 .content dl dd { display: flex; justify-content: center; } 
.evCon3 .content dl dd ul { } 
.evCon3 .content dl dd ul li { font-size: 16px; color: #373737; text-indent: -10px; padding-left: 10px; margin-bottom: 8px; } 
.evCon3 .content dl dd ul li:last-child { margin-bottom: 0; } 

.evCon4 { background: #8bb2cd; padding: 170px 0; } 
.evCon4 .con_txt { font-size: 20px; color: #111; margin: 35px 0 68px; line-height: 1; } 
.evCon4 .live_tit { background: #212121; color: #fff; padding: 6.8px 0; font-weight: 700; font-size: 19px; } 
.evCon4 .tiny_noti { text-align: right; margin: 14px 0 30px; opacity: 0.6; } 
.evCon4 .schedule_box { position: relative; margin: 0 0 48px; } 
.evCon4 .schedule_box::before { content:''; height: 1px; width: 100%; background: #212121; position: absolute; left: 0; top: 50%; } 
.evCon4 .schedule_box .content { position: relative; z-index: 1; background: #1c567f; border-radius: 36px; width: 598px; height: 72px; display: flex; margin: 0 auto; align-items: center; letter-spacing: 0; } 
.evCon4 .schedule_box.ver1 .content { width: 490px; } 
.evCon4 .schedule_box .content img { display: inline-block; } 
.evCon4 .schedule_box .content img.on { margin-left: -26px; margin-right: -20px; } 
.evCon4 .schedule_box .content .date { font-size: 21px; color: #fff; font-weight: 900; display: inline-block; width: calc(100% - 175px); } 
.evCon4 .schedule_box .content .date .mo { display: none; } 
.evCon4 .btn { display: inline-block; background: #fff; font-size: 24px; color: #212121; font-weight: 700; width: 630px; padding: 25.2px 0; position: relative; margin: 54px 0 120px; } 
.evCon4 .btn:last-child { margin: 38px 0 0; } 
.evCon4 .btn i { position: absolute; right: 45px; top: -17px; } 
.evCon4 .tab_base { display: flex; justify-content: space-between; margin: 0 0 50px; } 
.evCon4 .tab_base li { width: calc(100% / 8); background: #7b9cb3; border-right: 1px solid #8bb2cd; position: relative; } 
.evCon4 .tab_base li:last-child { border: 0; } 
.evCon4 .tab_base li.on { background: #212121; } 
.evCon4 .tab_base li i { background: #fc943c; border-radius: 100px; font-style: normal; font-size: 13px; padding: 2px 0; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 60px; } 
.evCon4 .tab_base li a { display: block; font-size: 16px; padding: 23.8px 0; color: #fff; } 

/* event */
.event .con_txt { margin: 35px 0 65px; font-size: 22px; color: #fff; font-weight: 200; line-height: 1.6; } 
.event .conWrap { position: relative; z-index: 1; display: flex; flex-direction: row-reverse; align-items: center; } 
.event .conWrap::before { content: ''; width: 1000%; height: 100%; position: absolute; left: -500%; top: 0; z-index: -1; } 
.event .conWrap .gift { } 
.event .conWrap .schedule { } 
.event .conWrap .schedule li { text-align: left; color: #fff; font-size: 21px; margin: 0 0 18px; } 
.event .conWrap .schedule li:last-child { margin: 0 0; } 
.event .conWrap .schedule li .tit { display: inline-block; position: relative; padding-left: 10px; margin-right: 30px; } 
.event .conWrap .schedule li .tit::before { content:''; width: 2px; height: 65%; background: #fff; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.event .conWrap .schedule li .tiny_noti { font-size: 14px; display: inline-block; margin-left: 10px; } 

.evCon5 { background: #ed7729; padding: 170px 0; } 
.evCon5 .con_tit { } 
.evCon5 .con_tit i { position: absolute; right: -30px; top: -27px; } 
.evCon5 .conWrap { justify-content: start; padding: 35px 0 45px; } 
.evCon5 .conWrap::before { background: #f98439; } 
.evCon5 .conWrap .gift { margin: 0 -50px 0 45px; } 
.evCon5 .btn { display: inline-block; margin: 78px 0 0; font-size: 24px; background: #fff; padding: 24px 205px; } 
.evCon5 .btn.complete { color: #fff; background: #767676; } 

.evCon6 { background: #e29400; padding: 170px 0; } 
.evCon6 .con_tit i { position: absolute; top: -20px; right: 135px; } 
.evCon6 .conWrap { justify-content: center; padding: 40px 0 60px; } 
.evCon6 .conWrap::before { background: #e59d19; } 
.evCon6 .conWrap .gift { margin-left: 145px; } 
.evCon6 .cautn { text-align: left; font-size: 13px; } 
.evCon6 .cautn dl + dl { margin: 24px 0 0; } 
.evCon6 .cautn dl dt { font-weight: 700; margin-bottom: 4px; } 
.evCon6 .cautn dl dd { font-weight: 200; line-height: 1.75; } 
.evCon6 .cautn dl dd a { color: #fff; font-weight: normal; text-decoration: underline; } 
.evCon6 .eventBoard { margin: 68px 0 74px; } 
.evCon6 .eventBoard .evtBoard_common .evtBoard_inner { background: #222222; } 
.eventBoard .radio_list { display: flex; justify-content: start; flex-wrap: wrap; align-items: center; width: 760px; margin-left: auto; margin-right: auto; } 
.eventBoard .radio_list li { width: 164px; margin-left: 0; } 
.eventBoard .radio_list li:nth-child(n + 6) { margin-top: 10px; } 
.eventBoard .radio_list li:nth-child(5n) { width: auto; } 
.eventBoard .radio_list li label { font-size: 16px; } 
.eventBoard .radio_list li input { width: 15px; height: 15px; } 
.eventBoard .evtBoard_common .board_write { padding: 0 170px 0 0; } 
.evtBoard_common .board_write .btn_wrap { width: 170px; } 
.evtBoard_common .board_write .btn_wrap a { background: #e29400; } 
.evtBoard_common .board_notice li { font-size: 11px; opacity: 0.4; } 
.eventBoard .evtBoard_common .board_notice li.chk_notice { font-size: 15px; opacity: 1; right: 54px; } 
.evtBoard_common .board_list ul li .usr_info .subject { font-size: 14px; color: #c88300; font-weight: 700; } 
.evtBoard_common .board_list ul li .usr_info .name { position: relative; padding-left: 7px; margin-left: 2px; } 
.evtBoard_common .board_list ul li .usr_info .name::before { content: ''; width: 1.5px; height: 66%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); background: #000; } 
.evtBoard_common .board_list ul li.notice .usr_info .name::before { display:none } 

#popupFadeInNotice .checkWrap { background: #f3f3f3; padding: 37px 45px; } 
#popupFadeInNotice .checkWrap ul { display: flex; flex-wrap: wrap; } 
#popupFadeInNotice .checkWrap ul li { width: 21%; } 
#popupFadeInNotice .checkWrap ul li:nth-child(5n) { width: auto; } 
#popupFadeInNotice .checkWrap ul li:nth-child(n + 6) { margin-top: 15px; } 
#popupFadeInNotice .checkWrap ul li input { } 
#popupFadeInNotice .checkWrap ul li label { font-size: 13px; font-weight: 700; vertical-align: middle; } 
.mg_info_wrap .info_list li a { color: #000; text-decoration: none; border-bottom: 1px solid; } 
#popupFadeInNotice .mg_btn_wrap .complete { background: #444444; } 

@media screen and (max-width: 1200px){
 .evCon1 { height: calc(326px + 57vw); } 
 .evCon1.on { height: auto !important; } 
 .evCon1 .intro { background-size: cover; padding: 20% 0 19%; } 
 .evCon1 .intro h3 { margin: 0 26% 7%; } 
 .evCon1 .vs_con { padding: 19% 0 17%; background-size: cover; } 
 .evCon1 .vs_con h3 { margin: 0 0 5.5%; } 
 .evCon1 .vs_con .con_txt { padding: 0 28%; } 

 .evCon2 { padding: 20% 0; } 

 .evCon3 { padding: 15.5% 0 13%; } 
 .evCon3 .con_txt { font-size: 17px; margin: 3% 0 5%; } 
 .evCon3 .content { display: block; } 
 .evCon3 .content dl { width: 576px; height: auto; border-radius: 15px; padding: 10px 0; margin: 0 auto 25px; } 
 .evCon3 .content dl:last-child { margin-bottom:0; } 
 .evCon3 .content dl::before { top: auto; bottom: -21px; right: auto; left: 50%; transform: translate(-50%, 0) rotate(90deg); } 
 .evCon3 .content dl dt { text-align: center; padding-bottom: 10px; width: 70%; margin: 0 auto 13px; font-size: 18px; } 
 .evCon3 .content dl dd ul li { font-size: 14px; } 
 .evCon3 .content dl dd ul li .pc { display:none; } 

 .evCon4 { padding: 13.5% 0; } 
 .evCon4 .con_txt { font-size: 17px; margin: 3.5% 0 6.5%; } 
 .evCon4 .live_tit { font-size: 17px; } 
 .evCon4 .tiny_noti { margin: 2% 0 4%; } 
 .evCon4 .schedule_box { margin: 0 0 6%; } 
 .evCon4 .btn { margin: 20px 0 14%; font-size: 20px; padding: 20px 0; } 
 .evCon4 .tab_base { margin: 0 0 6%; } 
 .evCon4 .btn:last-child { margin: 21px 0 0; } 
 .evCon4 .tab_base li a { font-size: 14px; } 

 .event .con_txt { margin: 3.5% 0 6.5%; font-size: 18px; } 
 .event .conWrap .schedule { display: inline-block; } 
 .event .conWrap .schedule li { font-size: 17px; } 
 .event .conWrap .schedule li .tiny_noti { font-size: 12px; } 

 .evCon5 { padding: 13.5% 0; } 
 .evCon5 .con_tit i { right: 0; top: 0; width: 23%; } 
 .evCon5 .conWrap { display: block; padding: 20px 0; } 
 .evCon5 .conWrap .gift { margin: 0 0 5%; padding: 0 15%; } 
 .evCon5 .btn { font-size: 21px; margin: 7% 0 0; } 

 .evCon6 { padding: 13.5% 0; } 
 .evCon6 .con_tit i { right: 16%; width: 23%; top: 0; } 
 .evCon6 .conWrap { display: block; padding: 20px 0; } 
 .evCon6 .conWrap .gift { margin: 0 0 5%; padding: 0 35%; } 
 .evCon6 .eventBoard { margin: 6% 0 7%; } 

 .eventBoard .evtBoard_common .board_write { padding: 0 0; } 
 .evtBoard_common .board_write .btn_wrap { width: 100%; } 
 .eventBoard .radio_list { width: 720px; } 
 .eventBoard .radio_list li { width: 21%; } 
 .eventBoard .evtBoard_common .board_notice li.chk_notice { position: static; } 
 }


@media screen and (max-width: 768px){
 .evCon1 .vs_con .con_txt { padding: 0 16%; } 

 .evCon3 .con_txt { font-size:14px; } 
 .evCon3 .content dl { width: 80%; } 
 .evCon3 .content dl dt { font-size: 15px; padding-bottom: 7px; } 
 .evCon3 .content dl dd ul li { font-size: 13px; margin-bottom: 5px; } 
 
 .evCon4 .schedule_box .content { width: 330px !important; height: 53px; } 
 .evCon4 .schedule_box .content .date { font-size: 15px; width: calc(100% - 130px); } 
 .evCon4 .schedule_box .content .date .mo { display: block; } 
 .evCon4 .schedule_box .content img { width: 130px; } 
 .evCon4 .schedule_box .content img.on { margin-left: -19px; width: 164px; } 
 .evCon4 .con_txt { font-size: 14px; } 
 .evCon4 .live_tit { font-size: 14px; } 
 .evCon4 .btn { font-size: 17px; padding: 15px 0; width: 100%; } 
 .evCon4 .tab_base { flex-wrap: wrap; } 
 .evCon4 .tab_base li { width: calc(100% / 4); } 
 .evCon4 .tab_base li:nth-child(n+ 5) { border-top: 1px solid #8bb2cd; } 
 .evCon4 .tab_base li a { font-size: 13px; padding: 17px 0; } 
 .evCon4 .tab_base li i { font-size: 11.5px; padding: 1px 0; } 

 .event .con_txt { font-size: 15px; } 
 .event .conWrap .schedule li { font-size: 14px; margin: 0 0 10px; } 
 .event .conWrap .schedule li .tit { padding-left: 7px; margin-right: 20px; } 
 
 .evCon5 .btn { font-size: 17px; padding: 18px 0; width: 70%; } 
 .evCon5 .conWrap .gift { padding: 0 10%; } 

 .evCon6 .conWrap .gift { padding: 0 30%; } 

 
 .eventBoard .radio_list { justify-content: start; width: 330px; } 
 .eventBoard .radio_list li { width: 36.6% !important; } 
 .eventBoard .radio_list li:nth-child(3n) { width: auto !important; } 
 .eventBoard .radio_list li:nth-child(n + 4) { margin-top: 10px; } 
 .eventBoard .radio_list li input { } 
 .eventBoard .radio_list li label { font-size: 14px; } 
 
 #popupFadeInNotice .checkWrap { padding: 10px; } 
 #popupFadeInNotice .checkWrap ul { width: 260px; margin: 0 auto; } 
 #popupFadeInNotice .checkWrap li { width: 35.5% !important; } 
 #popupFadeInNotice .checkWrap li:nth-child(3n) { width: auto !important; } 
 #popupFadeInNotice .checkWrap li:nth-child(n + 4) { margin-top: 10px !important; } 
 #popupFadeInNotice .checkWrap ul li label { font-size: 12px; } 
 }

@media screen and (max-width: 576px){
 .evCon4 .btn { font-size: 13px; } 
 .evCon4 .btn i { right: 7%; width: 60px; } 
 }

@media screen and (max-width: 460px){
 .evCon1 .vs_con .con_txt { padding: 0 8%; } 
 .evCon1 { height: calc(271px + 62vw); } 
 .evCon1 .pattern { width: 330px; } 
 .evCon1 .pattern .line { top: 20px; } 
 .evCon1 .pattern .line1 { width: 22px; left: 20px; } 
 .evCon1 .pattern .line2 { left: 20px; } 
 .evCon1 .pattern .line2 span { width: 290px; } 
 .evCon1 .pattern .line3 { width: 21.3px; right: 19px; } 

 .event .con_txt { font-size: 13px; } 
 .event .conWrap .gift { padding: 0 0; } 
 .event .conWrap .schedule li { font-size: 13px; } 

 .evCon6 .conWrap .gift { padding: 0 27%; } 

 @keyframes animateLine2 { 
 0% { width: 0; } 
 100% { width: 290px; } 
 } 
 }