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

.con_tit { font-size: 50px; font-weight: 900; } 

.evCon1 { background: url('https://img.megagong.net/m/2023/0126_final/con1_bg.jpg') no-repeat; padding: 200px 0 50px; } 
.evCon1 h3 { margin: 0 -38px 201px 20px; } 

.evCon2 { background: #eeeeee; padding: 158px 0 150px; } 
.evCon2 .con_tit { margin: 0 0 120px; } 
.evCon2 .con_tit .bg { margin: 0 -760px; } 
.evCon2 .con_tit .txt { margin: 27px 0 39px; line-height: 1; font-weight: normal; font-size: 28px; } 
.evCon2 .con_tit strong { } 
.evCon2 .graphWrap { position: relative; display: inline-block; margin: 0 40px 0 0; vertical-align: middle; overflow: hidden; } 
.evCon2 .graphWrap .txt { } 
.evCon2 .graphWrap .arrow { position: absolute; right: 5%; bottom: 11%; opacity: 0; } 
.evCon2 .graphWrap .arrow.on { animation:show_top_in2 1.3s ease-out both; -webkit-animation:show_top_in2 1.3s ease-out both; } 
.evCon2 .con2_content { vertical-align: middle; display: inline-block; } 
.evCon2 .con2_content li { text-align: left; color: #111111; font-size: 18px; padding-left: 30px; position: relative; line-height: 1; margin: 0 0 36px; } 
.evCon2 .con2_content li::before { content: ''; background: url('https://img.megagong.net/m/2023/0126_final/con2_ico.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.evCon2 .con2_content li:last-child { margin: 0 0; } 
@-webkit-keyframes show_top_in2 { 
 0% { transform: translateY(100px) translateX(-100px); opacity: 0; transform: scaleY(0); transform-origin:bottom; } 
100% { transform: translateY(0) translateX(0); opacity: 1; transform: scaleY(1); transform-origin:bottom; } 
 }
@keyframes show_top_in2 { 
 0% { transform: translateY(100px) translateX(-100px); opacity: 0; transform: scaleY(0); transform-origin:bottom; } 
100% { transform: translateY(0) translateX(0); opacity: 1; transform: scaleY(1); transform-origin:bottom; } 
 }

.evCon3 { padding: 145px 0 150px; } 
.evCon3 .con_tit { } 
.evCon3 .con_tit .col_red { color: #e30914; } 
.evCon3 .con_tit .col_yellow { color: #ff9e14; } 
.evCon3 .con_txt { font-size: 28px; font-weight: 200; margin: 15px 0 55px; } 
.evCon3 .con3_content1 { border: 1px solid #000; border-width: 1px 0; padding: 30px 18px; margin: 0 0 60px; } 
.evCon3 .con3_content1 ul { } 
.evCon3 .con3_content1 ul li { display: inline-block; margin: 0 29px 0 0; background: #f5f5f5; width: 125px; height: 125px; line-height: 125px; font-size: 16px; border-radius: 100%; font-weight: 700; position: relative; } 
.evCon3 .con3_content1 ul li::before { content:''; background: url('https://img.megagong.net/m/2023/0126_final/con3_ico.png') no-repeat; width: 16px; height: 16px; position: absolute; right: -20%; top: 50%; transform: translate(0, -50%); } 
.evCon3 .con3_content1 ul li:first-child { background: none; width: auto; height: auto; line-height: 1; } 
.evCon3 .con3_content1 ul li:first-child, .evCon3 .con3_content1 ul li.point { margin: 0 36px 0 0; } 
.evCon3 .con3_content1 ul li:last-child { margin: 0 0; background: none; width: auto; height: auto; line-height: 1; top: -3px; } 
.evCon3 .con3_content1 ul li:first-child::before { right: -29%; } 
.evCon3 .con3_content1 ul li:last-child::before { display: none; } 
.evCon3 .con3_content1 ul li.point { background: url('https://img.megagong.net/m/2023/0126_final/con3_box_bg.png') no-repeat; } 
.evCon3 .con3_content1 ul li.point.on { color: #fff; } 
.evCon3 .con3_content1 ul li.point span { font-size: 20px; } 
.evCon3 .con3_content2 { } 
.evCon3 .con3_content2 ul { } 
.evCon3 .con3_content2 ul li { display: inline-block; margin: 0 30px 0 0; float: left; } 
.evCon3 .con3_content2 ul li:last-child { margin: 0 0; } 

.evCon4 { background: #111111; padding: 145px 0 150px; position: relative; text-align: left; color: #fff; } 
.evCon4 .inner::before { content:''; background: #111111; display: block; width: 1000%; height: 100%; position: absolute; left: -1000.9%; z-index: 1; } 
.evCon4 .con_tit { color: #e30914; font-weight: 900; letter-spacing: -0.015em; margin: 0 0 56px; } 
.evCon4 .con_tit strong { color: #fff; display: block; font-size: 40px; font-weight: 900; } 
.evCon4 .roll { position: relative; padding-bottom: 60px; } 
.evCon4 .roll::before { content:''; background: #fff; width: 1000%; height: 1px; position: absolute; bottom: 0; left: 0; } 
.evCon4 .roll .slick-list { overflow:inherit; } 
.evCon4 .roll .slick-slide { width: 400px; margin-right: 30px; } 
.evCon4 .roll .slick-dotted.slick-slider { margin-bottom:0; } 
.evCon4 .con4_roll1 { font-size: 18px; } 
.evCon4 .con4_roll1 .thumb { margin: 0 0 20px; } 
.evCon4 .con4_roll1 .tea { text-align: center; } 
.evCon4 .con4_roll1 .lec { text-align: center; } 
.evCon4 .con4_roll1 .tag { color: #ff9e13; margin: 7px 0 0; font-weight: 200; text-align: center; } 
.evCon4 .con4_roll2 { } 
.evCon4 .con4_roll3 { } 
.evCon4 .con4_roll2 ul, .evCon4 .con4_roll3 ul { } 
.evCon4 .con4_roll2 ul li, .evCon4 .con4_roll3 ul li { font-size: 16px; font-weight: 200; position: relative; padding-left: 8px; margin: 0 0 5px; } 
.evCon4 .con4_roll2 ul li:last-child, .evCon4 .con4_roll3 ul li:last-child { margin: 0 0; } 
.evCon4 .con4_roll2 ul li::before, .evCon4 .con4_roll3 ul li::before { content:''; background: #fff; width: 4.5px; height: 4.5px; position: absolute; border-radius: 100%; left: 0; top: 11px; } 
.evCon4 .subtit { font-size: 22px; color: #e30914; margin: 55px 0 20px; } 

.evCon5 { background: #222222; padding: 150px 0 110px; } 
.evCon5 .con_tit { text-align: left; font-size: 0; } 
.evCon5 .con_box { } 
.evCon5 .con_box::before { content:''; background: #222222; width: 1000%; height: 100%; position: absolute; left: -1000%; z-index: 1; } 
.evCon5 .subtit { font-size: 22px; color: #fff; text-align: left; line-height: 1; } 
.evCon5 .subtit1 { margin: 60px 0 30px; } 
.evCon5 .subtit2 { margin: 80px 0 45px; } 
.evCon5 .tiny_noti { font-size: 13px; color: #999999; text-align: left; } 
.evCon5 .rollWrap1 { position: relative; } 
.evCon5 .rollWrap1 .con_roll1 { } 
.evCon5 .rollWrap1 .con_roll1 { } 
.evCon5 .roll .slick-list { overflow:inherit; } 
.evCon5 .roll .slick-dotted.slick-slider { margin-bottom:0; } 
.evCon5 .roll.con5_roll1 .slick-slide {width: 340px;height: 225px;margin-right: 30px;overflow: hidden;} 
.evCon5 .roll.con5_roll1 .slick-slide .item { background: #fff; position: relative; overflow: hidden; } 
.evCon5 .roll.con5_roll1 .slick-slide .item img {margin: 0 auto;width: 58%;} 
.evCon5 .roll.con5_roll1 .slick-slide:nth-child(even) .item { background: #ffe0e2; } 
.evCon5 .roll.con5_roll1 .slick-slide .item a { display: block; position: relative; } 
.evCon5 .roll.con5_roll1 .slick-slide .item a::before { content: ''; background: url('https://img.megagong.net/m/2023/0126_final/con5_roll_shadow.png') no-repeat; width: 340px; height: 175px; position: absolute; left: 0; bottom: 0; } 
.evCon5 .roll.con5_roll1 .txt { position: absolute; top: 150px; width: 100%; left: 0; color: #fff; font-size: 17.5px; text-align: left; left: 25px; } 
.evCon5 .rollWrap1 + .tiny_noti { margin: 15px 0 0; } 
.evCon5 .roll.con5_roll2 .slick-slide { width: 300px; margin: 0 -30px; } 
.evCon5 .roll.con5_roll2 .slick-slide.big { margin: 0 15px; padding: 0 0; } 
.evCon5 .roll.con5_roll2 .slick-slide.big.slick-current { padding-left: 37px; } 
.evCon5 .roll.con5_roll2 .slick-slide.big.slick-current img { } 
.evCon5 .con5_roll2 { margin-left: -36px; } 
.evCon5 .con5_roll2 .item { } 
.evCon5 .con5_roll2 .item.big { } 
.evCon5 .con5_roll2 .item a { display: inline-block; } 
.evCon5 .roll.con5_roll2 + .tiny_noti { margin: 20px 0 0; } 

.evCon6 { padding: 145px 0 150px; background: #111111; } 
.evCon6 .con_tit { color: #fff; } 
.evCon6 .con6_content1 { margin: 50px auto 105px; width: 890px; display: flex; flex-wrap: wrap; justify-content: center; } 
.evCon6 .con6_content1 li { margin: 0 30px 0 0; } 
.evCon6 .con6_content1 li:last-child { margin: 0 0; } 
.evCon6 .con6_content1 li:nth-child(n + 4) { margin-top: 26px; } 
.evCon6 .con6_content1 li a { } 
.evCon6 .con6_content1 li p { font-size: 20px; color: #dddddd; margin: 15px 0 0; } 
.evCon6 .con6_content2 { } 

.evCon7 { background: #da3550; padding: 150px 0; } 
.evCon7 .con_tit { } 
.evCon7 .con_tit i { position: absolute; right: 0; top: 40px; z-index: 1; } 
.evCon7 .txt { font-size: 28px; color: #ff93a5; margin: 50px 0 55px; } 
.evCon7 .txt strong { color: #fff; } 
.evCon7 .schedule { background: #fff; border-radius: 40px; padding: 13.8px 0; position: relative; font-weight: 700; } 
.evCon7 .schedule dl { font-size: 21px; display: inline-block; } 
.evCon7 .schedule dl:first-child { margin-right: 45px; } 
.evCon7 .schedule dl dt { margin-right: 8px; padding-right: 10px; display: inline-block; position: relative; } 
.evCon7 .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; } 
.evCon7 .schedule dl dd { display: inline-block; } 
.evCon7 .con7_content { margin: 64px 0 74px; } 
.evCon7 .btn { display: inline-block; } 
.evCon7 .tiny_noti { font-size: 13px; color: #dddddd; line-height: 1; margin: 20px 0 0; } 

.mg_popup_wrap td input { width: 100%; padding: 5.5px 9px; border: 1px solid #d0d0d0; font-size: 13px; /* color: #bbb; */ } 
.mg_textarea { } 
.mg_popup_wrap .txt { margin: 10px 0 0; } 
.mg_popup_wrap .txt li { font-size: 13px; color: #999; line-height: 1.4; position: relative; } 
.mg_terms { font-size: 13px; } 

.eventWrap .evWarning { padding: 70px 0; } 
.warningList > li.w_tit { font-weight: 700; } 
.warningList > li { margin-top: 10px; } 

@media screen and (max-width: 1200px){
 .evCon1 { padding: 16.7% 0 4.1%; background-size: cover; } 
 .evCon1 h3 { margin: 0 -4% 17.4% 2%; } 
 .evCon1 .txt { padding: 0 39%; } 

 .evCon2 { padding: 13% 0 12.5%; } 
 .evCon2 .con_tit { margin: 0 0 10.5%; } 
 .evCon2 .con_tit .bg { margin: 0 -30%; } 
 .evCon2 .con_tit .txt { font-size: 2.3vw; margin: 2.5% 0 3.5%; } 
 .evCon2 .con_tit strong { padding: 0 30%; display: block; } 
 .evCon2 .con_tit strong img { display: block; } 
 .evCon2 .graphWrap { display: block; margin: 0 0 4%; padding: 0 21%; } 
 .evCon2 .graphWrap .arrow { right: 25.3%; width: 50%; } 
 .evCon2 .con2_content li { font-size: 16px; margin: 0 0 25px; } 

 .con_tit { font-size: 4.4vw; } 
 .evCon3 { padding: 12% 0; } 
 .evCon3 .con_txt { margin: 1.5% 0 5%; font-size: 2.4vw; } 
 .evCon3 .con3_content1 ul li { width: 100%; display: block; border-radius: 10px; height: 50px; line-height: 50px; margin: 0 auto 25px; font-size: 15px; } 
 .evCon3 .con3_content1 ul li:first-child, .evCon3 .con3_content1 ul li.point { margin: 0 auto 35px; } 
 .evCon3 .con3_content1 ul li.point { background: #e30914; } 
 .evCon3 .con3_content1 ul li::before { top: auto; bottom: 0; right: auto; left: 50%; transform: translate(-50%, 135%) rotate(90deg); background-size: 80%; background-position: center; } 
 .evCon3 .con3_content1 ul li.point::before { bottom: -5%; } 
 .evCon3 .con3_content1 ul li:first-child::before { bottom: -25%; right: auto; } 
 .evCon3 .con3_content1 ul li.point span { font-size: 18px; } 
 .evCon3 .con3_content2 { overflow-x: auto; } 
 .evCon3 .con3_content2 ul li { display: inline-block; margin: 0 25px 0 0; width: calc((100% - 50px) / 3); } 
 .evCon3 .con3_content2 ul li:last-child { margin: 0 0; } 
 .evCon3 .con3_content2 ul li img { width: 100%; } 
 .evCon3 .con3_content1 { margin: 0 0 6%; } 

 .evCon4 { padding: 12% 0; } 
 .evCon4 .con_tit { margin: 0 0 5.5%; } 
 .evCon4 .con_tit strong { font-size: 3.4vw; } 
 .evCon4 .roll { padding-bottom: 40px; } 
 .evCon4 .con4_roll1 { font-size: 16px; } 
 .evCon4 .subtit { font-size: 19px; margin: 25px 0 10px; } 
 .evCon4 .con4_roll2 ul li, .evCon4 .con4_roll3 ul li { font-size: 15px; } 
 .evCon4 .con4_roll2 ul li::before, .evCon4 .con4_roll3 ul li::before { top: 9px; width: 3px; height: 3px; } 

 .evCon5 { padding: 12% 0 9%; } 
 .evCon5 .subtit { font-size: 19px; } 
 .evCon5 .subtit1 { margin: 5.5% 0 2.5%; } 
 .evCon5 .subtit2 { margin: 7.5% 0 4%; } 
 .evCon5 .roll.con5_roll1 .slick-slide {width: 310px;height: 205px;margin-right: 20px;} 
 .evCon5 .roll.con5_roll1 .txt {font-size: 16px;left: 2%;top: 66%;} 
 .evCon5 .tiny_noti { font-size: 12px; } 
 .evCon5 .rollWrap1 + .tiny_noti { margin: 1% 0 0; } 
 .evCon5 .roll.con5_roll2 + .tiny_noti { margin: 1.5% 0 0; } 

 .evCon6 { padding: 12% 0; } 
 .evCon6 .con6_content1 { margin: 4.5% auto 9.5%; width: 100%; } 
 .evCon6 .con6_content1 li { margin: 0 2% 0 0; width: 23.5%; } 
 .evCon6 .con6_content1 li:nth-child(n + 4) { margin-top: 3%; } 
 .evCon6 .con6_content1 li img { width: 100%; } 
 .evCon6 .con6_content1 li p { font-size: 17px; margin: 5% 0 0; } 
 .evCon6 .con6_content2 { padding: 0 26%; } 
 
 .evCon7 { padding: 12% 0; } 
 .evCon7 .con_tit { padding: 0 20%; } 
 .evCon7 .con_tit i { top: 14%; width: 24%; } 
 .evCon7 .txt { margin: 4.5% 0 5%; font-size: 2.4vw; } 
 .evCon7 .schedule { padding: 12px 0; } 
 .evCon7 .schedule dl { font-size: 17px; } 
 .evCon7 .schedule dl:first-child { margin-right: 20px; } 
 .evCon7 .con7_content { margin: 6% 0 7%; padding: 0 24%; } 
 .evCon7 .btn { padding: 0 24%; } 
 .evCon7 .tiny_noti { font-size: 12px; margin: 1.5% 0 0; } 

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

@media screen and (max-width: 992px){
 .evCon3 .con3_content2 ul { width: 125%; } 
 
 .evCon7 .schedule dl { font-size: 15px; } 
 }

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

 .evCon2 .con_tit .txt { font-size: 3.65vw; } 
 .evCon2 .con_tit strong { padding: 0 23%; } 
 .evCon2 .con2_content li { font-size: 13px; padding-left: 20px; margin: 0 0 18px; } 
 .evCon2 .con2_content li::before { background-size: 65%; background-position: left center; } 

 .evCon3 .con3_content1 { padding: 3% 1%; } 
 .evCon3 .con3_content1 ul li { font-size: 13px; height: 40px; line-height: 40px; margin: 0 auto 20px; } 
 .evCon3 .con3_content1 ul li:first-child, .evCon3 .con3_content1 ul li.point { margin: 0 auto 30px; } 
 .evCon3 .con3_content1 ul li:first-child, .evCon3 .con3_content1 ul li:last-child { width: 80px; margin-left: auto; margin-right: auto; } 
 .evCon3 .con3_content1 ul li::before { background-size: 60%; transform: translate(-50%, 115%) rotate(90deg); } 
 .evCon3 .con3_content1 ul li.point span { font-size: 16px; } 
 .evCon3 .con3_content2 ul { width: 140%; } 

 .evCon4 .roll { padding-bottom: 30px; } 
 .evCon4 .con4_roll1 { font-size: 13px; } 
 .evCon4 .roll .slick-slide { width: 300px; margin-right: 20px; } 
 .evCon4 .subtit { font-size: 17px; } 
 .evCon4 .con4_roll2 ul li, .evCon4 .con4_roll3 ul li { font-size: 13px; } 
 .evCon4 .con4_roll2 ul li::before, .evCon4 .con4_roll3 ul li::before { top: 8px; } 

 .evCon5 .subtit { font-size: 17px; } 
 .evCon5 .con5_roll2 { margin-left: -70px; } 
 .evCon5 .roll.con5_roll1 .slick-slide {width: 280px;height: 168px;} 
 .evCon5 .roll.con5_roll1 .txt {font-size: 13px;top: 61%;} 
 .evCon5 .roll.con5_roll2 .slick-slide { margin: 0 -60px; } 
 .evCon5 .roll.con5_roll2 .slick-slide.big { margin: 0 0; } 
 .evCon5 .roll.con5_roll2 .slick-slide.big.slick-current { padding-left: 60px; } 
 .evCon5 .roll.con5_roll2 .slick-slide.big img { width: 90%; margin-top: -10%; } 
 .evCon5 .roll.con5_roll2 .slick-slide.big.slick-current img { margin-top: 0; } 
 .evCon5 .roll.con5_roll2 .slick-slide img { width: 70%; margin: 0 auto; } 
 
 .evCon6 .con6_content1 li p { font-size: 15px; } 
 .evCon6 .con6_content2 { } 
 
 .evCon7 .schedule dl { font-size: 13px; display: block; } 
 .evCon7 .schedule dl:first-child { margin-right: 0; } 
 .evCon7 .schedule dl dt { margin-right: 5px; padding-right: 7px; } 
 }

@media screen and (max-width: 576px){
 .evCon2 .graphWrap { padding: 0 15%; } 
 .evCon2 .graphWrap .arrow { width: 64%; right: 18.4%; } 

 .evCon3 .con_txt { font-size: 13px; } 
 .evCon3 .con3_content2 ul { width: 165%; } 

 .evCon6 .con6_content1 li p { font-size: 13px; } 

 .evCon7 .txt { font-size: 13px; } 
 .evCon7 .con7_content { padding: 0 19%; } 
 .evCon7 .btn { padding: 0 15%; } 
 }

@media screen and (max-width: 460px){
 .evCon2 .graphWrap { padding: 0 5%; } 
 .evCon2 .graphWrap .arrow { width: 82%; right: 9.5%; } 

 .evCon3 .con3_content2 ul { width: 200%; } 
 
 .evCon4 .con_tit strong { font-size: 13px; } 

 .evCon7 .txt { font-size: 12px; } 
 }