@charset "euc-kr"; .evCon1 { background: url('https://image.megagong.net/m/2023/0427_gong/con1_bg.jpg') no-repeat; background-size: cover; background-position: top center !important; padding: 130px 0; } 
.evCon1 h3 { margin: 0 -140px; } 
.evCon1 .schedule { width: 780px; background: #fff; box-shadow: 2px 3px 10px 0 #d6d6d6; border-radius: 40px; padding: 15px 0; position: relative; font-weight: 700; margin: -40px auto 10px; } 
.evCon1 .schedule dl { font-size: 18px; display: inline-block; } 
.evCon1 .schedule dl:first-child { margin-right: 50px; } 
.evCon1 .schedule dl dt { margin-right: 8px; padding-right: 10px; display: inline-block; position: relative; } 
.evCon1 .schedule dl dt::after { content:''; display: block; width: 2px; height: 52%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #000; } 
.evCon1 .schedule dl dd { display: inline-block; } 
.evCon1 .schedule dl dd .tiny_txt { color: #555555; font-size: 14px; display: inline-block; margin: 0 0 0 6px; } 
.evCon1 .content { margin: 0 -254px; } 
.evCon1 .btn { display: inline-block; font-size: 22px; background: #000; color: #fff; width: 350px; height: 70px; line-height: 70px; border-radius: 13px; } 
.evCon1 .btn .moVer { display: none; } 

.evCon2 { background: #f9f9f9 url('https://image.megagong.net/m/2023/0427_gong/con2_bg.jpg') no-repeat; padding: 160px 0; } 
.evCon2 .content { } 
.evCon2 .arrow { margin: 30px 0 0; } 
.evCon2 .arrow .on { display: none; } 
.evCon2 .arrow .on.show { display: inline-block; } 
.evCon2 .arrow .on.show + img { display: none; } 

.evCon3 { background: #e2f0ff; padding: 160px 0; } 
.evCon3 .con_tit { } 
.evCon3 .con_tit i { position: absolute; right: -150px; top: -14px; } 
.evCon3 .content { margin: 75px -50px 100px; } 
.evCon3 .subtit { position: relative; width: 730px; margin: 0 auto; } 
.evCon3 .subtit::before { content: ''; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top: 50%; } 
.evCon3 .subtit span { font-size: 22px; color: #fff; background: #000; font-weight: 200; display: inline-block; padding: 6.6px 58.7px; border-radius: 100px; position: relative; } 
.evCon3 .con_txt { font-size: 24px; font-weight: 900; margin: 34px 0 55px; } 
.evCon3 select { display: none; } 
.evCon3 .btnArea { width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } 
.evCon3 .btnArea dl { border: 2px solid #1786f9; border-radius: 10px; width: 48%; position: relative; padding: 45px 34px 25px; } 
.evCon3 .btnArea dl:last-child { border-color: #ff3c2e; } 
.evCon3 .btnArea dl dt { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #fff; background: #1786f9; border-radius: 10px; padding: 6px 31.9px; } 
.evCon3 .btnArea dl:last-child dt { background: #ff3c2e; } 
.evCon3 .btnArea dl dd { display: flex; justify-content: start; flex-wrap: wrap; } 
.evCon3 .btnArea dl:last-child dd { } 
.evCon3 .btnArea dl dd a { display: inline-block; font-size: 17px; color: #fff; background: #7eabfc; border-radius: 100px; width: 75px; height: 30px; line-height: 30px; margin: 0 8px 8px 0; } 
.evCon3 .btnArea dl dd a:nth-child(5n) { margin-right: 0; } 
.evCon3 .btnArea dl dd a:nth-child(n + 16) { margin-bottom: 0; } 
.evCon3 .btnArea dl:last-child dd a { background: #fe8f8f; } 
.evCon3 .tiny_noti { font-size: 13px; color: #939ca6; font-weight: 700; margin: 18px 0 40px; } 
.evCon3 .urlCopy { width: 1000px; margin: 0 auto 100px; display: flex; justify-content: space-between; } 
.evCon3 .urlCopy p { background: #fff; border: 1px solid #000; height: 54px; line-height: 54px; width: 830px; } 
.evCon3 .urlCopy .btn { background: #000; color: #fff; font-size: 18px; line-height: 54px; width: 160px; } 
.evCon3 .tit { } 
.evCon3 .tag { margin: 0 0 35px; } 
.evCon3 .tag span { font-size: 24px; display: inline-block; color: #1786f9; font-weight: 900; position: relative; z-index: 1; padding: 0 8px; } 
.evCon3 .tag span::before { content:''; background: #ffffff; height: 47.7%; width: 100%; position: absolute; bottom: -8%; left: 0; z-index: -1; } 
.evCon3 .verMo { display: none; } 
.evCon3 .moWay { margin: 60px -60px 80px; display: flex; justify-content: space-around; } 
.evCon3 .moWay .way { /* display: inline-block; */ } 
.evCon3 .moWay .way:first-child { /* margin-right: 100px; */ } 
.evCon3 .pcWay { margin: 0 -60px; } 


.evCon4 { background: #ffeada; padding: 160px 0; } 
.evCon4 .con_tit { } 
.evCon4 .con_tit i { position: absolute; top: -30px; right: -160px; } 
.evCon4 .schedule { background: #fff; width: 1000px; box-shadow: 1px 2px 7px 0 #d8c7b9; border-radius: 40px; padding: 15px 0; position: relative; font-weight: 700; margin: 60px auto 100px; } 
.evCon4 .schedule dl { font-size: 21px; display: inline-block; } 
.evCon4 .schedule dl:first-child { margin-right: 48px; } 
.evCon4 .schedule dl dt { margin-right: 11px; padding-right: 13px; display: inline-block; position: relative; } 
.evCon4 .schedule dl dt::after { content:''; display: block; width: 2px; height: 44.3%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #000; } 
.evCon4 .schedule dl dd { display: inline-block; } 
.evCon4 .schedule dl dd .tiny_txt { color: #555555; font-size: 14px; display: inline-block; margin: 0 0 0 6px; } 
.evCon4 .gift { width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } 
.evCon4 .gift li { } 
.evCon4 .subtit { margin: 100px 0 40px; } 
.evCon4 .way { display: flex; justify-content: space-between; margin: 0 -10px 0 -5px; flex-wrap: wrap; } 
.evCon4 .way li { position: relative; background: #fff; width: 32%; height: 211px; border-radius: 13px; box-shadow: 1px 2px 7px 0 #d8c7b9; font-size: 18px; padding: 42px 0 0; line-height: 1.35; } 
.evCon4 .way li::before { content: ''; background: url('https://image.megagong.net/m/2023/0427_gong/con4_ico.png') no-repeat; width: 35px; height: 36px; position: absolute; right: 0; top: 50%; transform: translate(75%, -50%); z-index: 1; } 
.evCon4 .way li:last-child::before { display: none; } 
.evCon4 .way li .tiny_noti { font-size: 14px; color: #ff0000; margin: 11px 0 0; font-weight: 700; } 
.evCon4 .way li .tiny_noti .pc { display: none; } 
.evCon4 .way li:nth-child(3) .tiny_noti { margin: 20px 0 0; } 
.evCon4 .btnWrap { margin: 40px 0 100px; } 
.evCon4 .btnWrap a { display: inline-block; } 
.evCon4 .btnWrap a:first-child { margin-right: 25px; } 

.eventBoard .evtBoard_common .evtBoard_inner { background: #fff5ed; } 
.eventBoard .info { background: #e5d2c4; padding: 15px 0; } 
.eventBoard .info dt { display: inline-block; margin: 0 40px 0 0; font-size: 17px; color: #fff; background: #ff3c2e; border-radius: 100px; padding: 2.1px 28.1px; font-weight: 700; } 
.eventBoard .info dd { display: inline-block; margin: 0 30px 0 0; font-size: 18px; color: #111; } 
.eventBoard .info dd:last-child { margin: 0 0; } 
.shareList ul li dl.sns dt { background: #1786f9; } 
.shareList ul li dl.naver dt { background: #; } 
.shareList ul li dl.daum dt { background: #ff9f2e; } 
.shareList ul li dl.etc dt { } 
.shareList ul li dl dd { color: #888888 !important; border-color: #d1d1d1 !important; } 
.evtBoard_common .board_write { /* border: 1px solid #000; */padding: 0 170px 0 0; } 
.evtBoard_common .board_write .inp_wrap { } 
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list li { font-size: 13px; } 
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list li.col_red { color: #ff3c2e; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { font-size: 16px; color: #1786f9; border-bottom: 1px solid #459cf7; font-weight: 700; padding-bottom: 2px; letter-spacing: -0.08em; } 
.evtBoard_common .board_write .inp_wrap input[type="text"] { height: 60px; border: 1px solid #000; } 
.evtBoard_common .board_write .inp_wrap input::placeholder { font-size:14px; } 
.evtBoard_common .board_write .btn_wrap { width: 160px; } 
.evtBoard_common .board_write .btn_wrap a { font-size: 20px; height: 60px; line-height: 60px; } 

/* ?? */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* ??? url ?? */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 

.warningList li ul li a { color: #1786f9; margin: 0; border-bottom: 1px solid #6ba6f9; padding: 0 1px; } 

@media screen and (max-width: 1200px){
 .evCon1 { padding: 11.5% 0; } 
 .evCon1 h3 { margin: 0 -24%; } 
 .evCon1 .schedule { padding: 7px 0; width: 78%; margin: -4% auto 10px; } 
 .evCon1 .schedule dl { font-size: 17px; } 
 .evCon1 .schedule dl:first-child { margin-right: 20px; } 
 .evCon1 .schedule dl dd .tiny_txt { font-size: 12px; } 
 .evCon1 .content { margin: 0 -8%; } 
 .evCon1 .btn { position: fixed; left: 0; bottom: 65px; width: 100%; border-radius: 0; z-index: 10; font-size: 18px; } 
 .evCon1 .btn .pcVer { display: none; } 
 .evCon1 .btn .moVer { display: block; width: 100%; } 

 .evCon2 { padding: 13.5% 0; background-size: cover; } 
 .evCon2 .content { margin: 0 -10%; } 
 .evCon2 .arrow { margin: 3% 0 0; padding: 0 46%; } 

 .evCon3 { padding: 13.5% 0; } 
 .evCon3 .content { margin: 7% -2% 9%; } 
 .evCon3 .subtit span { font-size: 17px; padding: 4px 45px; } 
 .evCon3 .con_txt { font-size: 20px; margin: 25px 0 55px; } 
 .evCon3 .btnArea { width: 100%; display: block; } 
 .evCon3 select { display: block; width: 480px; margin: 0 auto 40px; height: 40px; padding: 0 10px; } 
 .evCon3 .btnArea dl { width: 480px; margin: 0 auto; } 
 .evCon3 .btnArea dl:first-child { margin: 30px auto; } 
 .evCon3 .btnArea dl dt { font-size: 17px; } 
 .evCon3 .btnArea dl dd { } 
 .evCon3 .btnArea dl dd a { } 
 .evCon3 .tiny_noti { margin: 15px 0 4%; } 
 .evCon3 .urlCopy { width: 100%; margin: 0 auto 10%; display: none; } 
 .evCon3 .urlCopy p { width: calc(99% - 100px); } 
 .evCon3 .urlCopy .btn { width: 100px; font-size: 15px; } 
 .evCon3 .tit { margin: 0 0 6%; padding: 0 29%; } 
 .evCon3 .tag { margin: 0 0 20px; } 
 .evCon3 .tag span { font-size: 20px; } 
 .evCon3 .verPc { display: none; } 
 .evCon3 .verMo { display: block; } 
 .evCon3 .verMo .roll1 { margin: 0 0 10%; } 
 .evCon3 .verMo img { margin: 0 auto; } 



 .evCon4 { padding: 13.5% 0; } 
 .evCon4 .schedule { padding: 12px 0; width: 80%; margin: 5% auto 9%; } 
 .evCon4 .schedule dl { font-size: 17px; } 
 .evCon4 .schedule dl:first-child { margin-right: 20px; } 
 .evCon4 .schedule dl dd .tiny_txt { font-size: 12px; } 
 .evCon4 .gift { width: 100%; } 
 .evCon4 .gift li { width: 33%; } 
 .evCon4 .subtit { margin: 9% 0 4%; } 
 .evCon4 .way li { font-size: 16px; width: 32.2%; height: 170px; padding: 32px 0 0; } 
 .evCon4 .way li .tiny_noti { font-size: 13px; } 
 .evCon4 .way li .tiny_noti .pc { display: block; } 
 .evCon4 .btnWrap { margin: 4% 0 9%; } 
 .evCon4 .btnWrap a { width: 49%; } 
 .evCon4 .btnWrap a:first-child { margin-right: 1%; } 
 

 .eventBoard .evtBoard_common .info_wrap.with_tip button { font-size: 13px; } 
 .evtBoard_common .board_write { padding: 0 0; } 
 .evtBoard_common .board_write .btn_wrap { width: 100%; } 
 .evtBoard_common .board_write .btn_wrap a { height: 42px; line-height: 42px; font-size: 1.1em; } 
 }

@media screen and (max-width: 992px){
 .evCon1 .schedule dl { font-size: 15px; } 
 .evCon4 .schedule dl { font-size: 15px; } 

 .clickPop { padding: 15px 0 20px; } 
.dim_popup.sns .tit { font-size:22px } 
.dim_popup.sns table { font-size:12px } 
 }

@media screen and (max-width: 768px){
 .evCon1 .schedule { width: auto; display: inline-block; text-align: left; padding: 7px 35px; } 
 .evCon1 .schedule dl { font-size: 13px; display: block; } 
 .evCon1 .schedule dl:first-child { margin-right: 0; } 
 .evCon1 .schedule dl dt { margin-right: 5px; padding-right: 7px; } 
 .evCon1 .btn { font-size: 15px; height: 50px; line-height: 50px; } 

 .evCon3 .con_txt { font-size: 17px; } 
 .evCon3 .urlCopy .btn { font-size: 13px; } 
 .evCon3 .subtit { width: 90%; } 
 .evCon3 .subtit span { font-size: 13px; padding: 3px 32px; } 
 .evCon3 select { width: 440px; } 
 .evCon3 .btnArea dl { width: 440px; padding: 30px 15px 15px; } 
 .evCon3 .btnArea dl dt { font-size: 14px; } 
 .evCon3 .btnArea dl dd { display: inline-block; text-align: left; } 
 .evCon3 .btnArea dl dd a { font-size: 14px; width: 61px; height: 25px; line-height: 25px; text-align: center; margin: 0.5% !important; } 
 .evCon3 .tit { margin: 0 -7% 6%; } 

 .evCon4 .schedule { display: inline-block; width: auto; text-align: left; padding: 7px 35px; } 
 .evCon4 .schedule dl { font-size: 13px; display: block; } 
 .evCon4 .schedule dl:first-child { margin-right: 0; } 
 .evCon4 .schedule dl dt { margin-right: 5px; padding-right: 7px; } 
 .evCon4 .subtit { margin: 9% -17% 4%; } 
 .evCon4 .way { margin: 0 -2% 0 -1.6%; } 
 .evCon4 .way li::before { background-size: 70%; background-position: center; right: 1%; } 
 
 .eventBoard .info { padding: 8px 0; } 
 .eventBoard .info dt { font-size: 13px; padding: 2px 20px; margin: 0 20px 0 0; } 
 .eventBoard .info dd { font-size: 14px; margin: 0 15px 0 0; } 

 .evtoggleWarning .mo{display: none;}
 }

@media screen and (max-width: 576px){
 .evCon1 .btn { bottom: 55px; } 
 
 .evCon2 .content { margin: 0 -24%; } 

 .evCon3 .con_txt { font-size: 13px; margin: 15px 0; } 

 .evCon4 .gift { justify-content: center; } 
 .evCon4 .gift li { width: 45%; } 
 .evCon4 .gift li:last-child { margin: 5% 0 0; } 
 .evCon4 .way li { width: 100%; height: auto; padding: 10px 0; margin: 0 0 10px; font-size: 13px; } 
 .evCon4 .way li::before { right: auto; left: 50%; top: auto; bottom: -23px; transform: rotate(90deg) translate(0, 50%); background-size: 55%; } 
 .evCon4 .way li:last-child { margin: 0 0; } 
 .evCon4 .way li .mo { display: none; } 
 .evCon4 .way li .tiny_noti { margin: 7px 0 0 !important; font-size: 12px; } 
 .evCon4 .way li .tiny_noti .pc { display: none; } 
 .dim_popup.sns { width:90% } 
 }

@media screen and (max-width: 460px){
 .eventBoard .info dt { margin: 0 10px 0 0; padding: 2px 10px; } 
 .eventBoard .info dd { font-size: 13px; margin: 0 10px 0 0; } 

 .evCon3 select { width: 350px; } 
 .evCon3 .btnArea dl { width: 350px; padding: 30px 7px 15px; } 
 }