@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2023/ */
.evSection { position: relative; } 
.evSection::before { content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); background-repeat: no-repeat; width: 109px; height: 56px; } 
.moVer { display: none; } 

.evCon1 { background: #f2f2f2 url('https://img.megagong.net/m/2023/0331_gong/con1_bg.jpg'); padding: 105px 0 60px; } 
.evCon1::before { display: none; } 
.evCon1 h3 { } 
.evCon1 .btn { display: inline-block; margin: -2px -17px 0 0; } 
.evCon1 .btn .on { display: none; } 
.evCon1 .btn .on.show { display: inline-block; } 
.evCon1 .btn .on.show + img { display: none; } 

.evCon2 { background: #09132e; padding: 165px 0 160px; } 
.evCon2::before { background-image: url('https://img.megagong.net/m/2023/0331_gong/con2_before.png'); } 
.evCon2 .con1 { margin: 0 0 30px; position: relative; } 
.evCon2 .con1 .con2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; } 
.evCon2 .con3 { } 

.evCon3 { background: #ff643e; padding: 155px 0 160px; } 
.evCon3::before { background-image: url('https://img.megagong.net/m/2023/0331_gong/con3_before.png'); } 
.evCon3 .con_tit { } 
.evCon3 .tab_base { margin: 60px 0; display: flex; position: relative; } 
.evCon3 .tab_base::before { content:''; width: 1000%; height: 1px; position: absolute; background: #000; bottom: 0; left: -500%; } 
.evCon3 .tab_base li { width: 33.33333%; } 
.evCon3 .tab_base li a { background: #ff3200; font-size: 24px; color: #fff; display: block; padding: 28.3px 0; } 
.evCon3 .tab_base li:nth-child(2) a { border: 1px solid #ff643e; border-width: 0 1px; } 
.evCon3 .tab_base li.on { } 
.evCon3 .tab_base li.on a { background: #000; color: #fff; } 
.evCon3 .panel_base { } 
.evCon3 .panel_base li { } 
.evCon3 .panel_base li { } 
.evCon3 .evCon3_roll { margin-right: -26px; } 
.evCon3 .evCon3_roll .slick-arrow { background-repeat: no-repeat; text-indent: -99999px; width: 76px; height: 76px; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; } 
.evCon3 .evCon3_roll .slick-prev { background-image: url('https://img.megagong.net/m/2023/0331_gong/con3_prev.png'); left: -30px; } 
.evCon3 .evCon3_roll .slick-next { background-image: url('https://img.megagong.net/m/2023/0331_gong/con3_next.png'); right: -4px; } 

.evCon4 { padding: 155px 0 175px; } 
.evCon4::before { background-image: url('https://img.megagong.net/m/2023/0331_gong/con4_before.png'); } 
.evCon4::after { content:''; width: 100%; height: 38%; background: #f5f5f5; position: absolute; left: 0; bottom: 0; z-index: -1; } 
.evCon4 .con_tit { margin: 0 0 76px; } 
.evCon4 .content { display: flex; justify-content: space-between; margin-right: -20px; padding-left: 20px; } 
.evCon4 .content li { } 
.evCon4 .content li .book { margin: 0 0 23px; } 
.evCon4 .content li .btn { display: inline-block; margin-left: -20px; } 

.evCon5 { background: #ff643e; padding: 155px 0 147px; } 
.evCon5::before { background-image: url('https://img.megagong.net/m/2023/0331_gong/con5_before.png'); } 
.evCon5 .con_tit { margin: 0 0 90px; } 
.evCon5 .content { display: flex; justify-content: space-between; padding: 0 20px; } 
.evCon5 .content li { width: 48%; } 
.evCon5 .content li .box { background: #fff; position: relative; border-radius: 20px; box-shadow: 5px 5px 30px 5px rgba(0,0,0,0.1); margin: 0 0 60px; padding: 120px 0 66px; } 
.evCon5 .content li .box .tag { position: absolute; left: -20px; top: -30px; } 
.evCon5 .content li .btn { display: inline-block; margin-left: 10px; } 

.evCon6 { background: #09132e; padding: 155px 0 160px; } 
.evCon6::before { background-image: url('https://img.megagong.net/m/2023/0331_gong/con6_before.png'); } 
.evCon6 .con_tit { margin: 0 0 60px; } 
.evCon6 .con_tit .tag { position: absolute; right: -77px; top: -18px; } 
.evCon6 .link { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.evCon6 .link li { background: #fff; width: 49%; border-radius: 15px; } 
.evCon6 .link li:nth-child(n + 3) { margin: 30px 0 0; } 
.evCon6 .link li a { display: flex; padding: 25px 40px; justify-content: space-between; align-items: center; } 
.evCon6 .link li a .txt { font-size: 24px; text-align: left; line-height: 1.25; } 
.evCon6 .link li a .txt strong { font-size: 28px; font-weight: 900; } 
.evCon6 .link li a .ico { background: #000; color: #ff643e; font-size: 18px; width: 90px; height: 90px; line-height: 90px; border-radius: 100%; } 

@media screen and (max-width: 1200px){
 .evCon1 { padding: 9% 0 5%; } 
 .evCon1 .btn { margin: -2px -1.5% 0 0; padding: 0 19%; } 
 
 .evCon2 { padding: 13.5% 25%; } 

 .evCon3 { padding: 13.5% 0; } 
 .evCon3 .tab_base { margin: 6% -2.1%; } 
 .evCon3 .tab_base li a { font-size: 21px; padding: 21px 0; } 
 .evCon3 .evCon3_roll { margin-right: -2%; padding: 0 20%; } 
 .evCon3 .evCon3_roll .slick-dots li { display: inline-block; width: 13px; height: 13px; background: #ff3200; border-radius: 100%; margin: 0 10px 0 0; } 
 .evCon3 .evCon3_roll .slick-dots li:last-child { margin: 0 0; } 
 .evCon3 .evCon3_roll .slick-dots li.slick-active { background: #000; } 
 .evCon3 .evCon3_roll .slick-dots li button { font-size: 0; } 
 .evCon3 .evCon3_roll .item img { margin: 0 auto; } 
 
 .evCon4 { padding: 13% 0 14.5%; } 
 .evCon4 .con_tit { margin: 0 0 7.5%; } 
 .evCon4 .content { margin-right: -2%; padding-left: 1.5%; } 
 .evCon4 .content li .btn { margin-left: -3%; padding: 0 10%; } 
 
 .evCon5 { padding: 13% 0 12.5%; } 
 .evCon5 .con_tit { margin: 0 -2.8% 9%; margin: 0 0 9%; } 
 .evCon5 .content { padding: 0 1%; } 
 .evCon5 .content li .box { padding: 12% 20%; margin: 0 0 6%; } 
 .evCon5 .content li .btn { margin-left: 2.5%; } 

 .evCon6 { padding: 13.5% 0; } 
 .evCon6 .con_tit { margin: 0 0 6%; } 
 .evCon6 .con_tit .tag { right: 0; top: -81%; width: 16%; } 
 .evCon6 .link li:nth-child(n + 3) { margin: 2.3% 0 0; } 
 .evCon6 .link li a { padding: 20px; } 
 .evCon6 .link li a .txt { font-size: 21px; } 
 .evCon6 .link li a .txt strong { font-size: 24px; } 
 .evCon6 .link li a .ico { font-size: 15px; width: 70px; height: 70px; line-height: 70px; } 
 }

@media screen and (max-width: 768px){
 .evSection::before { background-size: 80%; background-position: 50% 0; } 
 .pcVer { display: none; } 
 .moVer { display: block; } 
 
 .evCon2 { padding: 13.5% 18%; } 

 .evCon3 .tab_base li a { font-size: 17px; padding: 17px 0; } 
 .evCon3 .evCon3_roll { padding: 0 15%; } 
 
 .evCon4 .content { flex-wrap: wrap; } 
 .evCon4 .content li { width: 60%; margin: 0 auto 5%; } 
 .evCon4 .content li:last-child { margin-bottom: 0; } 
 .evCon4 .content li .book { margin: 0 0; } 
 .evCon4 .content li .btn { padding: 0 0; } 

 .evCon5 .content { flex-wrap: wrap; } 
 .evCon5 .content li { width: 60%; margin: 0 auto 5%; } 
 .evCon5 .content li .box { margin: 0 0 4%; } 
 .evCon5 .content li .box .tag { width: 30%; top: -6%; left: -7%; } 

 .evCon6 .link li { width: 100%; border-radius: 10px; } 
 .evCon6 .link li:nth-child(n + 2) { margin: 3% 0 0; } 
 .evCon6 .con_tit .tag { width: 18%; top: -71%; } 
 .evCon6 .link li a { padding: 10px 20px; } 
 .evCon6 .link li a .txt { font-size: 18px; } 
 .evCon6 .link li a .txt strong { font-size: 21px; } 
 }

@media screen and (max-width: 576px){
 .evSection::before { background-size: 60%; } 

 .evCon3 .tab_base li a { font-size: 14px; padding: 15px 0; } 
 .evCon3 .evCon3_roll { padding: 0 10%; } 
 
 .evCon6 .link li a .txt { font-size: 15px; } 
 .evCon6 .link li a .txt strong { font-size: 17px; } 
 .evCon6 .link li a .ico { font-size: 13px; width: 55px; height: 55px; line-height: 55px; } 
 }

@media screen and (max-width: 460px){
 .evCon3 .tab_base li a { font-size: 12px; padding: 13px 0; } 

 .evCon6 .link li a .txt { font-size: 13px; } 
 .evCon6 .link li a .txt strong { font-size: 15px; } 
 .evCon6 .link li a .ico { font-size: 12px; width: 50px; height: 50px; line-height: 50px; } 
 }