@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 */

.con_tit { font-size: 46px; } 
.con_tit strong { font-weight: 900; } 
.con_tit .line { display: inline-block; border-bottom: 5px solid; line-height: 1.25; } 

.evCon1 { background: #e3d9cf url('https://image.megagong.net/m/2023/0525_tjenglish08/con1_bg.jpg'); background-position: top center !important; padding: 40px 0 130px; } 
.evCon1 h3 { position: relative; } 
.evCon1 h3 .home { position: absolute; left: 32px; bottom: 260px; } 

.evCon2 { background: #000 url('https://image.megagong.net/m/2023/0525_tjenglish08/con2_bg.jpg'); color: #fff; padding: 264px 0; } 
.evCon2 .con_txt { font-size: 26px; font-weight: 100; margin: 70px 0 0; line-height: 1.65; } 
.evCon2 .con_txt span { display: block; margin: 0 0 20px; } 

.evCon3 { padding: 140px 0; } 
.evCon3 .con_tit .line { color: #5746d3; } 
.evCon3 .con3_roll { margin: 80px -195px 54px; } 
.evCon3 .con3_roll .slick-list { overflow:inherit; } 
.evCon3 .con3_roll .item { display:block; padding: 0 7.5px; } 
.evCon3 .con_txt { font-size: 26px; line-height: 1.45; } 
.evCon3 .con1 { margin: 108px -59.5px 44px -10px; } 
.evCon3 .con1.v2{margin:100px 0 44px 0;}

.evCon4 { background: #e0e2fd; padding: 140px 0 150px; } 
.evCon4 .con_tit { margin: 0 0 80px; } 
.evCon4 .con_tit .line { color: #5746d3; } 
.evCon4 .content { display: flex; justify-content: space-between; } 
.evCon4 .content li { position: relative; cursor: pointer; } 
.evCon4 .content li img { transition: 0.35s; } 
.evCon4 .content li .on { position: absolute; opacity: 0; } 
.evCon4 .content li:hover .on { opacity: 1; } 
.evCon4 .content li:hover .on + img { opacity: 0; } 

.evCon5 { padding: 140px 0 150px; background: #f9f9f9; } 
.evCon5 .con_txt { font-size: 24px; font-weight: 200; margin: 35px 0 12px; } 
.evCon5 .subtit { margin: 0 0 80px; } 
.evCon5 .content { position: relative; width: 1000px; margin: 0 auto; } 
.evCon5 .content li:nth-child(1) { position: absolute; left: -15px; } 
.evCon5 .content li:nth-child(3) { position: absolute; right: -15px; top: 0; } 
.evCon5 .eventVideo { margin: 35px auto 110px; width: 1000px; } 
.evCon5 .boardList { position:relative; } 
/* .evCon5 .boardList::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #222; box-sizing: border-box; } */
.evCon5 .boardList i.dot { position:absolute; left:-50px; top:35%; width:85px; height:85px; z-index:3; background: #5746d3; border-radius:50%; color:#fff; font-size:18px; line-height:85px; text-align:center; font-style:normal; } 
.evCon5 .boardList i.line { position:absolute; top:127px; left:0; width:100%; height: 200px; border: 2px solid #5746d3; box-sizing:border-box; } 
.evCon5 .boardList table { background:#fff; } 
.evCon5 .boardList th { border: 1px solid #d0d0d0; height:63px; } 
.evCon5 .boardList th[scope=row] { font-weight: normal; } 
.evCon5 .boardList .bdn { border: none; } 
/* .evCon5 .boardList thead tr:nth-child(2) th { color: #444444; } */
/* .evCon5 .boardList tr th { font-size: 16px; } */
.evCon5 .boardList tr td { font-size: 15px; border: 1px solid #d0d0d0; height: 37px; font-weight:300; } 
/* .evCon5 .boardList tr td b { font-size: 16px; } */
.evCon5 .boardList tr.top th,
.evCon5 .boardList th.top td { background:#e2e2e2; } 
.evCon5 .boardList thead th { height: 55px; font-size: 16px; background: #bcc1ff; } 
.evCon5 .boardList td span { text-decoration: underline; } 
.evCon5 .boardList .blue { background:#e5f4ff; } 
.evCon5 .boardList .red { background:#ffe9f0; } 
.evCon5 .boardList .green { background:#e5fff4; } 
.evCon5 .boardList .yellow { background:#fffce5; } 
.evCon5 .dotList { margin-top:15px; font-size:15px; color:#232323; line-height:120%; width:auto; float:right; } 
.evCon5 .dotList li { float:left; margin-left:20px; } 
.evCon5 .dotList li i { display:inline-block; width:14px; height:14px; background:#c7e7ff; } 
.evCon5 .dotList li:nth-child(2) i { background:#ffdae6; } 
.evCon5 .dotList li:nth-child(3) i { background:#bef2dc; } 
.evCon5 .dotList li:last-child i { background:#e8e1ab; } 
.evCon5 .tiny_txt{text-align:left;font-size:14px;margin-top:10px;}

.evCon6 { background: #bcc1ff; padding: 150px 0; } 
.evCon6 .con_tit { } 
.evCon6 .tea { position: absolute; left: -360px; bottom: -150px; } 
.evCon6 .con1 { margin: 35px -9.5px 14px; } 
.evCon6 .btn { display: inline-block; background: #000; color: #fff; font-size: 24px; font-weight: 900; padding: 23.2px 86.2px; } 

.evCon7 { background: #4936d9; padding: 150px 0; } 
.evCon7 .con_tit { } 
.evCon7 .con_tit i { position: absolute; right: 15px; top: 65px; } 
.evCon7 .con_txt { font-size: 20px; color: #dcdcdc; margin: 40px 0 80px; } 
.evCon7 .conWrap { position: relative; z-index: 1; padding: 35px 0; } 
.evCon7 .conWrap::before { content:''; background: #320fd8; width: 1000%; height: 100%; position: absolute; top: 0; left: -500%; z-index: -1; } 
.evCon7 .conWrap .con1 { display: inline-block; vertical-align: middle; margin: 0 120px 0 0; } 
.evCon7 .conWrap .con1 dl { color: #fff; text-align: left; font-size: 21px; margin-bottom: 20px; } 
.evCon7 .conWrap .con1 dl:last-child { margin: 0 0; } 
.evCon7 .conWrap .con1 dl dt { position: relative; display: inline-block; width: 136px; margin-right: 16px; vertical-align: top; } 
.evCon7 .conWrap .con1 dl dt::before { content:''; background: #fff; width: 2px; height: 45%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.evCon7 .conWrap .con1 dl dd { display: inline-block; } 
.evCon7 .conWrap .con2 { display: inline-block; vertical-align: middle; } 
.evCon7 .btn { display: inline-block; background: #000; color: #fff; font-size: 24px; font-weight: 900; padding: 23.2px 117.5px; margin: 50px 0 0; } 

.evCon8 { background: #fada79; padding: 150px 0; } 
.evCon8 .con_tit { } 
.evCon8 .con_tit i { position: absolute; right: -45px; top: -17px; } 
.evCon8 .con_txt { font-size: 20px; color: #222222; font-weight: 200; margin: 40px 0 60px; } 
.evCon8 .con1 { display: inline-block; background: #000; color: #fff; font-size: 21px; padding: 13.3px 79px; border-radius: 100px; } 
.evCon8 .con1 span { position: relative; padding-right: 14px; margin-right: 12px; display: inline-block; } 
.evCon8 .con1 span::before { content: ''; background: #fff; width: 2px; height: 42%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.evCon8 .con2 { margin: 110px -60px 20px 0; } 
.evCon8 .btn { display: inline-block; } 
.evCon8 .btn span { display: block; color: #fff; font-size: 24px; font-weight: 900; background: #4936d9; padding: 23.2px 123.6px; } 
.evCon8 .btn span.complete { background: #d1d1d1; color: #e9e9e9; } 

.warningList > li { margin-top: 7px; } 
.warningList > li.w_tit { font-weight: 700; } 
.warningList li ul li a { color: #4936d9; margin: 0 0; border-bottom: 1px solid #8178e1; padding: 2px 1px; } 

@media screen and (max-width: 1200px){
 .con_tit { font-size: 4vw; } 
 
 .evCon1 { padding: 3.5% 0 11%; background-size: cover; } 
 .evCon1 h3 img { width: 100%; } 
 .evCon1 h3 .home { left: 1.5%; bottom: 23%; width: 20%; } 
 
 .evCon2 { padding: 21.8% 0; background-size: cover; } 
 .evCon2 .con_txt { margin: 6% 0 0; font-size: 2.17vw; } 
 .evCon2 .con_txt span { margin: 0 0 1.5%; } 

 .evCon3 { padding: 12% 0; } 
 .evCon3 .con3_roll { margin: 7% -10% 5%; } 
 .evCon3 .con3_roll img { width: 100%; } 
 .evCon3 .con3_roll .item { padding: 0 5px; } 
 .evCon3 .con_txt { font-size: 2.17vw; } 
 .evCon3 .con1 { margin: 9% -4.5% 4% 0; } 
 .evCon3 .con1.v2{margin:9% 0 4%;}
 .evCon3 .con1 img { width: 100%; } 

 .evCon4 { padding: 12% 0 13%; } 
 .evCon4 .con_tit { margin: 0 0 7%; } 
 .evCon4 .content li { margin-right: 1%; } 
 .evCon4 .content li:last-child { margin-right: 0; } 

 .evCon5 { padding: 12% 0 13%; } 
 .evCon5 .con_txt { margin: 3% 0 10px; font-size: 2vw; } 
 .evCon5 .subtit { margin: 0 0 7%; padding: 0 30%; } 
 .evCon5 .eventVideo { width: 100%; margin: 3% auto 10%; } 
 .evCon5 .content { width: auto; margin: 0 -2%; } 
 .evCon5 .content li { position: static !important; display: inline-block; width: 33.1%; } 
 .evCon5 .content li img { width: 100%; } 
 .evCon5 .boardBox { overflow-x: auto; } 
 .evCon5 .boardList { margin-top:0; width: 96%; margin: 0 auto; } 
 .evCon5 .boardList i.dot { left: -15px; top: 39%; width: 50px; height: 50px; font-size: 14px; line-height: 50px; } 
 .evCon5 .boardList i.line { position:absolute; top: 24%; left:inherit; right:0; width:100%; height: 38%; border:2px solid #0e3eda; box-sizing:border-box; } 
 .evCon5 .boardList th[scope=row] { } 
 .evCon5 .boardList th,
 .evCon5 .boardList td,
 .evCon5 .boardList thead th { /* height:63px; */ } 
 .evCon5 .boardList tr th { font-size: 14px; height: 50px; } 
 .evCon5 .boardList tr td { font-size: 12px; height: 32px; } 
 .evCon5 .boardList tr td:last-child { border-right: 0; } 
 .evCon5 .boardList tr td b { font-size: 14px; } 
 .evCon5 .dotList { margin-top:3vw; font-size:12px; } 
 .evCon5 .dotList li { margin-left:10px; } 
 .evCon5 .dotList li i { width:12px; height:12px; } 

 .evCon6 { padding: 13% 0; } 
 .evCon6 .tea { display: none; } 
 .evCon6 .con1 { margin: 3% 0 1.5%; } 
 .evCon6 .btn { font-size: 21px; padding: 17px 60px; } 

 .evCon7 { padding: 13% 0; } 
 .evCon7 .con_tit i { right: 0; top: 30%; width: 20%; } 
 .evCon7 .con_txt { margin: 3% 0 7%; font-size: 17px; } 
 .evCon7 .conWrap .con1 { margin: 0 10% 0 0; } 
 .evCon7 .conWrap .con1 dl { font-size: 17px; } 
 .evCon7 .conWrap .con1 dl dt { width: 113px; } 
 .evCon7 .conWrap .con2 { width: 44%; } 
 .evCon7 .btn { font-size: 21px; padding: 17px 60px; margin: 4% 0 0; } 

 .evCon8 { padding: 13% 0; } 
 .evCon8 .con_tit i { right: 0; top: 0; width: 20%; } 
 .evCon8 .con_txt { font-size: 17px; margin: 3% 0 5%; } 
 .evCon8 .con1 { font-size: 17px; padding: 10px 60px; } 
 .evCon8 .con2 { margin: 10% -7% 2% 0; } 
 .evCon8 .btn span { font-size: 21px; padding: 17px 60px; margin: 4% 0 0; } 
 }

@media screen and (max-width: 992px) { } 

@media screen and (max-width: 768px){
 .con_tit { font-size: 4.5vw; } 
 .con_tit .line { border-bottom: 3px solid; } 
 
 .evCon1 h3 .home { width: 25%; } 

 .evCon3 .con3_roll { margin: 7% -15% 5%; } 
 .evCon3 .con3_roll .item { padding: 0 3px; } 

 .evCon4 .content { flex-wrap: wrap; justify-content: center; margin: 0 -1.5%; } 
 .evCon4 .content li { width: 49.5%; margin-right: 0; } 
 .evCon4 .content li:first-child { margin: 0 1.1% 1% 0; } 
 .evCon4 .content li:last-child { margin-left: 1%; } 
 .evCon4 .content li img { width: 100%; } 

 .evCon5 .con_txt { font-size: 14px; } 
 .evCon5 .subtit { padding: 0 24%; } 
 .evCon5 .content li { width: 49.6%; } 
 .evCon5 .content li:first-child { margin-right: 4px; } 
 .evCon5 .boardList::before { width: 95.5%; left: 4.5%; } 
 .evCon5 .boardList { width: 768px; padding-left: 5px; } 
 .evCon5 .boardList i.dot { top:37%; left:10px; font-size:14px; } 
 .evCon5 .boardList i.line { width:calc(100% - 36px); box-sizing:border-box; top: 18.6%; height: 41%; } 
 .evCon5 .boardList th[scope=row] { font-size: 13px; } 
 .evCon5 .boardList tr th { font-size: 12px; } 
 .evCon5 .boardList tr td b { font-size: 12px; } 
 .evCon5 .boardList th,
 .evCon5 .boardList td,
 .evCon5 .boardList thead th { height:45px; } 
 .evCon5 .dotList { margin-top:3vw; font-size:11px; } 
 .evCon5 .dotList li { margin-left:15px; } 
 .evCon5 .dotList li i { width:12px; height:12px; } 
 
 .evCon6 .btn { font-size: 17px; } 

 .evCon7 .con_txt { font-size: 13px; } 
 .evCon7 .conWrap { padding: 15px 0; } 
 .evCon7 .conWrap .con1 { margin: 0 7% 0 0; } 
 .evCon7 .conWrap .con1 dl { font-size: 13px; } 
 .evCon7 .conWrap .con1 dl dt { width: 90px; margin-right: 14px; } 
 .evCon7 .btn { font-size: 17px; } 

 .evCon8 .con_txt { font-size: 13px; } 
 .evCon8 .con1 { font-size: 13px; } 
 .evCon8 .con1 span { padding-right: 8px; margin-right: 6px; } 
 .evCon7 .btn span { font-size: 17px; } 
 }

@media screen and (max-width: 576px){
 .evCon2 .con_txt { font-size: 13px; } 

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

 .evCon5 .con_txt { font-size: 13px; } 

 .evCon6 .btn { font-size: 13px; padding: 13px 40px; } 

 .evCon7 .conWrap .con1 { margin: 0 0 5%; } 
 .evCon7 .conWrap .con2 { width: 60%; display: block; margin: 0 auto; } 
 .evCon7 .btn { font-size: 13px; padding: 13px 40px; } 

 .evCon8 .btn span { font-size: 13px; padding: 13px 40px; } 
 }

@media screen and (max-width: 460px){
 .evCon7 .conWrap .con2 { width: 70%; } 

 .evCon8 .con1 { width: 335px; padding: 7px 0; } 
 }