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

.evCon1 { background: #abe3e2 url('https://img.megagong.net/m/2023/0407_gong/con1_bg.jpg') no-repeat; position: relative; padding: 150px 0 160px; background-position: 50% 0 !important; overflow: inherit !important; } 
.evCon1::before { content: ''; background: url('https://img.megagong.net/m/2023/0407_gong/con1_ico.png') no-repeat; width: 267px; height: 201px; position: absolute; bottom:22px; left: 50%; transform: translate(70%, 50%); } 
.evCon1 .con1 { font-size: 26px; font-weight: 200; line-height: 1.6; } 
.evCon1 .con1 strong { } 
.evCon1 h3 { margin: 74px 0 110px; } 
.evCon1 .con2 { margin: 0 0 40px; } 
.evCon1 .con1_roll { background: #fff; } 
.evCon1 .con1_roll .item { padding: 40px 0; } 
.evCon1 .con1_roll .item .tit { font-size: 24px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 50px; line-height: 1.4; margin: 0 0 13px; } 
.evCon1 .con1_roll .item .name { font-size: 16px; color: #aaaaaa; font-weight: 100; line-height: 1; } 

.evCon2 { background: #9a8bff; padding: 160px 0; } 
.evCon2 .rollWrap { position: relative; } 
.evCon2 .rollWrap + .rollWrap { margin-top: 20px; } 
.evCon2 .rollWrap .txt { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; font-size: 34px; z-index: 1; width: 100%; } 
.evCon2 .rollWrap .txt::before { content: ''; background: url('https://img.megagong.net/m/2023/0407_gong/con2_shadow.png') no-repeat; width: 1654px; height: 492px; position: absolute; z-index: -1; left: 50%; top: 114%; transform: translate(-50%, -50%); } 
.evCon2 .rollWrap ul + ul { margin-top: 20px; } 
.evCon2 .rollWrap ul .slick-slide { position:relative; font-size: 0; } 
.evCon2 .rollWrap ul .slick-slide li { padding:0 10px; } 
/* .evCon2 .rollWrap ul.roll2 { margin-left: -5770px; } 
.evCon2 .rollWrap ul.roll3 { margin-left: -11900px; } */

.evCon2 .rollWrap .txt.trdline { top: -4%; } 
.evCon2 .rollWrap .txt.trdline::before { display: none; } 

.evCon3 { background: #aae3e2; padding: 160px 0 150px; } 
.evCon3 .con_tit i { position: absolute; right: 0; top: -40px; } 
.evCon3 .con_txt { font-size: 24px; font-weight: 200; line-height: 1.35; margin: 40px 0 55px; } 
.evCon3 .con_txt strong { display: block; margin: 25px 0 0; } 
.evCon3 .schedule { background: #fff; border-radius: 40px; padding: 15px 0; position: relative; } 
.evCon3 .schedule dl { font-size: 21px; display: inline-block; } 
.evCon3 .schedule dl:first-child { margin-right: 45px; } 
.evCon3 .schedule dl dt { margin-right: 12px; padding-right: 14px; display: inline-block; position: relative; font-weight: 700; } 
.evCon3 .schedule dl dt::after { content:''; display: block; width: 2px; height: 44.2%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #000; } 
.evCon3 .schedule dl dd { display: inline-block; font-weight: 200; } 
.evCon3 .schedule dl dd .tiny_txt { color: #865dff; font-size: 14px; display: inline-block; margin: 0 0 0 6px; font-weight: normal; } 
.evCon3 .con1 { margin: 40px -227.5px 95px; } 
.evCon3 .subtit { position: relative; } 
.evCon3 .subtit::before { content:''; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top: 50%; } 
.evCon3 .subtit span { font-size: 28px; font-weight: 700; padding: 0 25px; background: #aae3e2; position: relative; } 
.evCon3 .con2 { font-size: 28px; font-weight: 200; margin: 30px 0 20px; } 
.evCon3 .con2 strong { display: block; color: #865dff; } 
.evCon3 .con3 { } 
.evCon3 .con3 span { font-size: 20px; display: inline-block; z-index: 1; position: relative; font-weight: 200; } 
.evCon3 .con3 span::before { content:''; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,1%); width: 101.1%; height: 39.3%; z-index: -1; } 
.evCon3 .con3 span strong { } 
.evCon3 .con4 { margin: 50px 0 10px; position: relative; } 
.evCon3 .con4::before { content:''; background: #aae3e2; width: 15px; height: 60px; position: absolute; left: 55px; bottom: 0; border-radius: 100px; display: inline-block; transform: translate(0, 50%); z-index: 1; } 
.evCon3 .con4::after { content:''; background: #aae3e2; width: 15px; height: 60px; position: absolute; right: 55px; bottom: 0; border-radius: 100px; display: inline-block; transform: translate(0, 50%); z-index: 1; } 
.evCon3 .con4 dt { background: #000; color: #fff; font-size: 20px; font-weight: 200; letter-spacing: 0.5em; padding: 8.5px 0; position: relative; border-radius: 33px 33px 0 0; } 
.evCon3 .con4 dt::before { content:''; border-top: 8px solid #000; border-left: 10px solid transparent; border-right: 11px solid transparent; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0); } 
.evCon3 .con4 dd { background: #fff; padding: 44px 0 40px; border-radius: 0 0 33px 33px; } 
.evCon3 .con4 dd img { } 
.evCon3 .con4 dd img + img { margin: 0 0 0 30px; position: relative;  } 
.evCon3 .con5 { border-radius: 30px; overflow: hidden; background: #fff; position: relative; margin: 0 0 95px; padding: 50px 40px; } 
.evCon3 .con5 .dimWrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } 
.evCon3 .con5 .dimWrap .dim { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.8; } 
.evCon3 .con5 .dimWrap .content { position: absolute; z-index: 1; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } 
.evCon3 .con5 .dimWrap .content .txt { font-size: 28px; margin: 0 0 15px; font-weight: 200; } 
.evCon3 .con5 .dimWrap .content .btn { display: inline-block; background: #865dff; font-size: 18px; width: 200px; padding: 7.4px 0; } 
.evCon3 .con5 .con5_tit { text-align: left; font-size: 24px; font-weight: 700; position: relative; padding-left: 17px; line-height: 1; margin: 0 0 30px; } 
.evCon3 .con5 .con5_tit::before { content:''; background: #000; width: 5px; height: 22px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.evCon3 .con5 ul { border-top: 1px solid #b2b2b2; border-width: 1px 0; height: 265px; overflow-y: auto; } 
.evCon3 .con5 ul.more5 { border-bottom: 1px solid #b2b2b2; } 
.evCon3 .con5 ul li { border-top: 1px solid #b2b2b2; font-size: 16px; position: relative; display: flex; padding: 14.8px 0; } 
.evCon3 .con5 ul li:first-child { border-top: 0; } 
.evCon3 .con5 ul li:last-child { border-bottom: 1px solid #b2b2b2; } 
.evCon3 .con5 ul.more5 li:last-child { border-bottom: 0; } 
.evCon3 .con5 ul li .tea { width: 210px; font-weight: 700; } 
.evCon3 .con5 ul li .lec { width: 535px; text-align: left; font-weight: 200; padding: 0 0 0 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.evCon3 .con5 ul li .btn { font-size: 14px; position: absolute; right: 70px; top: 50%; transform: translate(0, -50%); font-weight: 700; display: inline-block; background: #ada2ff; border-radius: 100px; padding: 5.2px 22px; } 
.evCon3 #review_area { margin: 30px 0 0; } 
.evCon3 #review_area table { border-top: 1px solid #93b458; } 
.evCon3 #review_area table tr th { background: #865dff; color: #fff; border-bottom: 0; border-right: 1px solid #9c8ed8; } 
.evCon3 #review_area table tr td { font-weight: 200; border: 1px solid #779e9e; } 
.evCon3 #review_area table tr td:nth-child(2) { padding: 0 30px; } 
.evCon3 #review_area table tr td a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.evCon3 #review_area table tr th , .evCon3 #review_area table tr td { font-size: 16px; box-sizing: border-box; padding: 17px 5px; } 
.evCon3 #review_area table tr th:first-child , .evCon3 #review_area table tr td:first-child { border-left: 0; } 
.evCon3 #review_area table tr th:last-child , .evCon3 #review_area table tr td:last-child { border-right: 0; } 
.evCon3 .paging { margin-top: 25px; } 
.evCon3 .tbl_6 tr { border-bottom: 0; } 

.eventWrap .evWarning { padding:75px 0 } 
.evSection.evtoggleWarning {background: #f4f4f4;}
.warningList > li.w_tit { font-weight: 700; } 
.warningList > li { margin-top: 0; } 
.warningList .f_dash li ol { } 
.warningList .f_dash li ol li { padding-left: 0; } 
 .warningList li ul li a { color: #8962ff; border: 1px solid #8962ff; padding: 1px 5.2px; border-radius: 100px; } 
 
 .evtoggleWarning p.w_tit i { font-style: inherit; } 

@media screen and (max-width: 1200px){
 .evCon1 { background-size: cover; padding: 12.5% 0 13%; } 
 .evCon1::before { width: 22%; background-size: contain; background-position: center; } 
 .evCon1 h3 { margin: 6.5% 0 10%; } 
 .evCon1 .con1 { font-size: 2.5vw; } 
 .evCon1 .con2 { margin: 0 0 4%; } 
 .evCon1 .con1_roll .item .tit { font-size: 20px; padding: 0 20px; margin: 0 0 12px; } 
 .evCon1 .con1_roll .item .name { font-size: 14px; } 
 
 .evCon2 { padding: 13% 0; } 
 .evCon2 .rollWrap + .rollWrap { margin-top: 3%; } 
 .evCon2 .rollWrap .txt { font-size: 3vw; } 
 .evCon2 .rollWrap .txt::before { width: 100%; height: 100%; background-size: 100% 100%; } 
 .evCon2 .rollWrap ul + ul { margin-top: 1.3%; } 
 .evCon2 .rollWrap ul .slick-slide li { padding: 0 2%; } 
 .evCon2 .rollWrap ul .slick-slide img { width: 32vw; } 
 .evCon2 .rollWrap + .rollWrap {
    margin-top: 1%;
}

 .evCon3 { padding: 13% 0 12.5%; } 
 .evCon3 .con_tit i { top: -19%; width: 25%; } 
 .evCon3 .con_txt { font-size: 21px; margin: 3.5% 0 5%; } 
 .evCon3 .con_txt strong { margin: 20px 0 0; } 
 .evCon3 .con1 { margin: 4% -36% 9%; } 
 .evCon3 .schedule { padding: 12px 0; } 
 .evCon3 .schedule dl { font-size: 17px; } 
 .evCon3 .schedule dl:first-child { margin-right: 20px; } 
 .evCon3 .schedule dl dd .tiny_txt { font-size: 12px; } 
.evCon3 .subtit span { font-size: 24px; } 
 .evCon3 .con2 { font-size: 24px; margin: 3% 0 2%; } 
.evCon3 .con3 span { font-size: 18px; } 
 .evCon3 .con4 { margin: 5% 0 10px; } 
 .evCon3 .con4::before, .evCon3 .con4::after { width: 10px; height: calc(10px + 18%); } 
 .evCon3 .con4 dt { font-size: 18px; } 
 .evCon3 .con4 dd img { width: 49%; } 
 .evCon3 .con4 dd img + img { width: 43.5%; } 
 .evCon3 .con5 { margin: 0 0 8.5%; padding: 35px 20px; } 
 .evCon3 .con5 .con5_tit { font-size: 21px; margin: 0 0 20px; } 
 .evCon3 .con5 ul { height: 216px; } 
 .evCon3 .con5 ul li { font-size: 13px; padding: 12px 0; } 
 .evCon3 .con5 ul li .tea { width: 18%; } 
 .evCon3 .con5 ul li .lec { width: calc(79% - 168px); padding: 0 0 0 10px; } 
 .evCon3 .con5 ul li .btn { font-size: 13px; padding: 3px 20px; right: 2%; } 
 .evCon3 .con5 .dimWrap .content .txt { font-size: 24px; } 
 .evCon3 .con5 .dimWrap .content .btn { font-size: 15px; } 
 .evCon3 #review_area { margin: 3% 0 0; } 
 .evCon3 #review_area table tr th, .evCon3 #review_area table tr td { font-size: 13px; padding: 11px 2px; } 

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

@media screen and (max-width: 768px){
 .evCon1 .con1_roll .item { padding: 20px 0; } 
 .evCon1 .con1_roll .item .tit { font-size: 17px; padding: 0 15px; } 
 .evCon1 .con1_roll .item .name { font-size: 13px; } 
 
 .evCon2 .rollWrap ul .slick-slide img { width: 40vw; } 

 
 .evCon3 .con_txt { font-size: 17px; } 
 .evCon3 .con_txt strong { margin: 15px 0 0; } 
 .evCon3 .con1 { } 
 .evCon3 .schedule dl { font-size: 15px; display: block; } 
 .evCon3 .schedule dl:first-child { margin-right: 0; } 
 .evCon3 .schedule dl dt { margin-right: 5px; padding-right: 7px; } 
 .evCon3 .subtit span { font-size: 21px; padding: 0 20px; } 
 .evCon3 .con2 { font-size: 21px; } 
 .evCon3 .con3 span { font-size: 16px; } 
 .evCon3 .con4 { margin: 5% 0 5px; } 
 .evCon3 .con4::before, .evCon3 .con4::after { bottom: -3%; height: calc(10px + 15%); } 
 .evCon3 .con4 dt { font-size: 16px; border-radius: 20px 20px 0 0; } 
 .evCon3 .con4 dd { padding: 3% 0; border-radius: 0 0 20px 20px; } 
 .evCon3 .con4 dd img { } 
 .evCon3 .con4 dd img + img { margin: 0 0 0 3%; top: 2px; } 
 .evCon3 .con5 { padding: 20px 10px; border-radius: 20px; } 
 .evCon3 .con5 .dimWrap .content .txt { font-size: 20px; margin: 0 0 10px; } 
 .evCon3 .con5 .dimWrap .content .btn { font-size: 13px; padding: 5px 0; width: 160px; } 

 .evCon3 .con5 .con5_tit { font-size: 17px; margin: 0 0 15px; } 
 .evCon3 .con5 ul { height: 185px; } 
 .evCon3 .con5 ul li { flex-wrap: wrap; padding: 10px 0; align-items: center; font-size: 12px; } 
 .evCon3 .con5 ul li .tea { position: relative; top: 13px; width: 25%; } 
 .evCon3 .con5 ul li .lec { width: 72%; } 
 .evCon3 .con5 ul li .btn { position: static; transform: none; margin-left: 28%; margin-top: 3px; font-size: 12px; padding: 2px 12px; } 
 .evCon3 #review_area table tr th, .evCon3 #review_area table tr td { font-size: 12px; padding: 7px 2px; } 

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

@media screen and (max-width: 576px){
 .evCon1 .con2 { overflow: hidden; } 
 .evCon1 .con2 img { margin: 0 0 0 -15%; width: 130%; max-width: 1000%; } 
 .evCon1 .con1 { font-size: 3vw; } 
 .evCon1 .con1_roll .item { padding: 13px 0; } 
 .evCon1 .con1_roll .item .tit { font-size: 13px; } 

 .evCon2 .rollWrap .txt { font-size: 3.6vw; } 
 
 .evCon3 .con_txt { font-size: 14px; } 
 .evCon3 .schedule dl { font-size: 13px; } 
 .evCon3 .subtit span { font-size: 17px; } 
 .evCon3 .con2 { font-size: 17px; } 
 .evCon3 .con3 span { font-size: 14px; } 
 .evCon3 .con4 dt { font-size: 13px; padding: 7px 0; } 
 .evCon3 .con5 .dimWrap .content .txt { font-size: 17px; } 
 .evCon3 .con5 .con5_tit { font-size: 14px; } 
 }

@media screen and (max-width: 460px){
 .evCon1 .con1 { font-size: 13px; } 

 .evCon3 .con_txt { font-size: 13px; } 
 .evCon3 .con_txt strong { margin: 10px 0 0; } 
 .evCon3 .subtit span { font-size: 15px; padding: 0 14px; } 
 .evCon3 .con2 { font-size: 14px; } 
 .evCon3 .con4 dt { } 
 .evCon3 .con5 .dimWrap .content .txt { } 
 .evCon3 .con5 .con5_tit { } 
 }