@charset "euc-kr"; 
/* settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto; color: #000; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff !important; } 
.eventWrap .evSection .f00 { color: #f00 !important; } 
.eventWrap .evSection b { font-weight: 700; } 
.eventWrap .evSection strong { font-weight:900 } 
.eventWrap .tiny_noti { opacity: 0.6; } 
.evSection:not(.evtoggleWarning,.evCon1) { padding: 160px 0; } 

/* text style */ 
.con_tit { margin-bottom: 55px; line-height: 1.2; } 
.con_tit h4 { font-size: 52px; margin: 0 -100px; background: linear-gradient(90deg, #225cfe 10%, #b039ff 60%, #fe3461 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; } 
.con_tit .top_txt { font-size: 28px; color: #333; margin-bottom: 20px; line-height: 1.5; } 

/* contents */
.evCon1 { background: #0f1f53 url(https://image.megagong.net/m/2024/0828_economy/con1_bg.jpg) no-repeat center; color:#fff } 
.evCon1 h3::before,.evCon1 h3::after { content: ''; display: block; height: 118px; width: 3000px; position: absolute; right: 50%; top: 516px; z-index: 1; background: linear-gradient(90deg, #1d58ef 40%, #4831fb 50%); } 
.evCon1 h3::after { background: linear-gradient(90deg, #d70ea9 50%, #e72f5f 60%); right:auto; left: 50%; } 
.evCon1 h3 img { position: relative; z-index: 2; width: 100%; } 
.evCon1 .top_txt { letter-spacing: 1.2rem; font-size: 23px; opacity: .8; font-weight: 300; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; top: 30px; } 
.evCon1 .mid_txt { font-size: 26px; opacity: .9; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 100px; font-weight: normal; z-index: 2; } 
.evCon1 .home_list { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 40px; font-weight: normal; justify-content: space-between; z-index: 2; } 

.evCon2 { background-color: #dbe5ff; } 
.evCon2 .top_txt p { margin-top: 25px; } 
.evCon2 .comment_title { background: #245eff; font-size: 30px; border-radius: 10px; padding: 14px 0px; position: relative; margin-bottom: 40px; } 
.evCon2 .comment_title::before { content: ''; position: absolute; width: 22px; height: 22px; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); background: inherit; } 
.evCon2 .strategy_box { align-items: center; } 
.evCon2 .strategy_box .img { width: 390px; } 
.evCon2 .strategy_box .eventVideo { flex: 1; } 
.evCon2 section.box2 { margin-top: 100px; } 

.evCon3 { background-color: #fff; } 
.evCon3 .goalSld .swiper-slide { z-index: 2; } 
.evCon3 .goalSld .arrowX { position: relative; z-index: 3; } 
.evCon3 .goalSld .arrowX::before,
.evCon3 .goalSld .arrowX::after { position: absolute; top: 50%; left: -40px; transform: translate(0, -50%); content: "\2573"; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; font-weight: 900; } 
.evCon3 .goalSld .arrowX::after { left: auto; right: -40px; } 

.evCon4 { background-color: #f7f7f7; } 

.evTab { background-color: #dbe5ff; } 
.evTab .eventVideo { width: 921px; margin: 0 auto 70px; } 
.evTab .tabCourse_Sld .swiper-wrapper {align-items: stretch;}
.evTab .tabCourse_Sld .swiper-slide {/* padding: 40px 0; */background-color: #fff;border-radius: 15px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;min-height: 169px;flex-direction: column;display: flex;align-items: center;justify-content: center;}
.evTab .tabCourse_Sld .swiper-slide > p {display:block; margin: 14px auto 0; color:#333333;}


.tab_base { display: flex; } 
.tabTeacher { border-bottom: 2px solid #333; } 
.tabTeacher li { flex: 1; } 
.tabTeacher li a { background: #f0f5ff; color: #797b82; display: flex; height: 110px; align-items: center; justify-content: center; flex-direction: column; font-size: 20px; } 
.tabTeacher li a strong { font-size:28px } 
.tabTeacher li.on a { background: #245eff; color: #fff; } 

.tabCourse { margin: 20px auto 60px; gap: 10px; } 
.tabCourse li:first-child { padding-right: 10px; position: relative; } 
.tabCourse li:first-child:before { content:''; display:block; width: 1px; height: 60%; top: 55%; position: absolute; background: #333; right: 0; transform: translateY(-50%); } 
.tabCourse li a { font-size: 18px; } 
.tabCourse li.on a { color: #245eff; } 

.evTab .tabCourse_title { background: #c9d8ff; font-size: 28px; border-radius: 10px; padding: 24px 0px; position: relative; margin-bottom: 40px; font-weight: 700; } 
.evTab .tabCourse_title::before { content: ''; position: absolute; width: 22px; height: 22px; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); background: inherit; } 

.tabLec { border-bottom: 2px solid #333; margin-bottom: 60px; } 
.tabLec li { flex: 1; } 
.tabLec li a { background: #ededed; color: #666; display: flex; height: 110px; align-items: center; justify-content: center; flex-direction: column; font-size: 20px; border-right: 1px solid #fff; } 
.tabLec li.on a { background: #245eff; color: #fff; } 
.tabLec li a b { font-size:28px } 

.event1 { background-color: #1c2c59; } 
.event1 .con_tit h4 { background: linear-gradient(90deg, #84a5ff 30%, #af3bff 50%, #ff3460 70%); background-clip: text; } 
.event1 .con_tit h4 span{-webkit-text-fill-color: #fff !important;background: none !important;}
.event1 .con_tit .event_tag { color:#1c2c59 } 
.event1 .con_tit .end::after { background: #fff; opacity: 0.6; } 
.event1 .con_tit .sub_txt { margin-top: 35px; font-size: 24px; line-height: 1.5; opacity: .8; font-weight: 300; } 
.event1 .circle_txt { position: relative; margin: 0 auto 25px; max-width: 1000px; } 
.event1 .circle_txt b { position: relative; padding: 0 25px; background: #1f2c5a; font-size: 28px; display: block; width: fit-content; margin: 0 auto; font-weight: 700; } 
.event1 .circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.event1 .container_info { background-color: transparent; border: 1px solid; width: fit-content; margin: 0 auto 60px; } 
.event1 .apply_box { max-width: 1000px; margin: 0 auto; gap: 30px; } 
.event1 .apply_box li { flex: 1; background: #fff; position: relative; border-radius: 20px; display: flex; flex-direction: column; height: 265px; align-items: center; justify-content: center; gap: 30px; } 
.event1 .apply_box li:before,.event1 .apply_box li:after { content:''; display:block; position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: #1f2c5a; left: -25px; } 
.event1 .apply_box li:after { left: auto; right: -25px; } 
.event1 .apply_box li strong { font-size: 32px; } 
.event1 .apply_box li strong b { font-size: 26px; } 
.event1 .apply_box li strong span { color: #245eff; } 
.event1 .apply_box li a { background: #245eff; color: #fff; width: 320px; line-height: 60px; font-size: 20px; } 
.event1 .apply_box li a.done { background: #a8a8a8; } 
.event1 .tiny_noti { max-width: 1000px; color: #fff; margin: 30px auto 0; font-size: 13px; } 

.event2 .con_tit {margin:0 0 29px;}
.event2 .con_tit .end::after {background-color: #fff; opacity: 0.7;}
.container_info .info .noti {color:#fff;}
.mega_card_wrap.ver_npay {width: 346px;}
.mega_card_wrap.ver_npay .gift_result_base {background-color: rgba(17, 17, 17, 0.8);}

/* .evtoggleWarning .warningList li ul li a { color: #245eff; padding: 0 0 2px; border-bottom: 1px solid #245eff; }  */

@media screen and (max-width: 1200px){
    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
    .eventWrap .tiny_noti { font-size: clamp(10px,1.4vmin,14px); } 
    .evSection:not(.evtoggleWarning,.evCon1) { padding: 15% 0; } 

    .con_tit { margin-bottom: 7%; } 
    .con_tit h4 { font-size: clamp(17px,4.9vmin,52px); margin: 0 auto; } 
    .con_tit .top_txt { margin-bottom: 1%; font-size: clamp(13px,3vmin,28px); } 

    .evCon1 h3::before,.evCon1 h3::after { display: none; } 
    .evCon1 .inner { width: 100%; } 
    .evCon1 .top_txt { font-size: clamp(11px,3.3vmin,23px); letter-spacing: .8rem; position: relative; } 
    .evCon1 .mid_txt { font-size: clamp(13px,3.3vmin,26px); bottom: clamp(20px,9vmin,100px); } 
    .evCon1 .home_list { bottom: clamp(5px,4vmin,40px); width: 95%; } 
    .evCon2 .top_txt img { width: min(650px,90%); } 
    .evCon2 .top_txt p { margin-top: 3%; } 
    .evCon2 .comment_title { font-size: clamp(13px,3vmin,30px); padding: clamp(7px,2.4vmin,14px); } 
    .evCon2 .strategy_box .img { width: 37%; } 

    .evCon3 .goalSld .arrowX::before, .evCon3 .goalSld .arrowX::after { width: clamp(40px,6vmin,58px); height: clamp(40px,6vmin,58px); left: -3.5vmin; } 
    .evCon3 .goalSld .arrowX::after { right: -3.5vmin; left: auto; } 

    .tab_base { margin-bottom: 20px; } 

    .tabTeacher li a { font-size: clamp(13px,2.7vmin,20px); height: clamp(55px,13vmin,110px); } 
    .tabTeacher li a strong { font-size: clamp(15px,4vmin,28px); } 
    .tabCourse li a { font-size: clamp(13px,2.8vmin,18px); } 
    .tabLec { margin-bottom: 10%; } 
    .tabLec li a { font-size: clamp(13px,2.7vmin,20px); height: clamp(55px,13vmin,110px); } 
    .tabLec li a b { font-size: clamp(15px,4vmin,28px); } 

    .evTab .eventVideo { width: 100%; margin: 0 auto 10%; } 
    .evTab .tabCourse_title { font-size: clamp(13px,2.8vmin,28px); padding: clamp(10px,2.4vmin,24px); margin-bottom: 5%; } 

    .event1 .circle_txt b { font-size: clamp(15px,3vmin,28px); padding: 0 4%; } 
    .event1 .con_tit .sub_txt { font-size: clamp(13px,2.4vmin,24px); margin-top: 4%; } 
    .event1 .container_info { margin-bottom:7% } 
    .event1 .apply_box { gap: clamp(10px,3vmin,30px); } 
    .event1 .apply_box li { gap: clamp(10px,3vmin,30px); height: clamp(140px,30vmin,265px); } 
    .event1 .apply_box li:before,.event1 .apply_box li:after { width: clamp(20px,5vmin,50px); height: clamp(20px,5vmin,50px); left: clamp(-10px,-2vmin,-25px); } 
    .event1 .apply_box li:after { left: auto; right: clamp(-10px,-2vmin,-25px); } 
    .event1 .apply_box li strong { font-size: clamp(15px,3.2vmin,32px); } 
    .event1 .apply_box li strong b { font-size: clamp(13px,2.6vmin,26px); } 
    .event1 .apply_box li a { font-size: clamp(11px,2vmin,20px); width: min(320px,80%); line-height: clamp(35px,6vmin,60px); } 
}
@media screen and (max-width: 768px) { 
    .evCon1 { padding-top: 6%; } 
    .evCon1 .top_txt { letter-spacing: .2rem; top: auto; bottom: auto; left: auto; transform: none; } 
    .evCon1 .home_list li a img { width: min(130px,65%); } 
    .evCon1 .mid_txt { position: relative; top: auto; bottom: auto; left: auto; transform: none; margin: 1% auto -4%; font-weight: 500; } 

    .evCon2 section { position: relative; } 
    .evCon2 .comment_title { position: absolute; width: 50%; top: 10%; margin: 0; height: auto; padding: 20px 10px; } 
    .evCon2 .comment_title::before { width: clamp(12px,3.2vmin,22px); height: clamp(12px,3.2vmin,22px); top: 50%; transform: translate(50%, -50%) rotate(45deg); left: auto; right: 0; bottom: auto; } 
    .evCon2 .strategy_box { flex-direction: column; align-items: flex-end; } 
    .evCon2 .strategy_box .img { width: 50%; } 
    .evCon2 .strategy_box .eventVideo { width: 100%; } 
    .evCon2 section.box2 { margin-top: 15%; } 
    .evCon2 section.box2 .strategy_box {flex-direction: column-reverse;align-items: flex-start;} 
    .evCon2 section.box2 .comment_title {left: auto;right: 0;} 
    .evCon2 section.box2 .comment_title::before {right: auto;left: -3vmin;}     
    
    .evTab .tabCourse_title:before { width: clamp(12px,3.2vmin,22px); height: clamp(12px,3.2vmin,22px); } 
    .evTab .tabCourse_Sld .swiper-slide {min-height: 160px;}
    
    .mega_card_wrap.ver_npay {width: 300px;} 
    
}