@charset "euc-kr";

:root { --point-c: #ff9500; } 

/* settings */
.evSection:not(.evtoggleWarning,.evCon1) { padding: 160px 0; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff, .fff { color: #fff !important; } 
.eventWrap .evSection .lecture { margin:0 auto; color: #000; } 
.eventWrap .evSection .point { color:var(--point-c); } 

/* text */
.evSection .con_tit {margin: 0 -20px 70px;} 
.evSection .con_tit h4 span { color:var(--point-c); } 
.evSection .con_tit strong span { color:var(--point-c); } 
.evSection .con_tit .mini_tit { color: var(--point-c); margin-bottom: 27px; } 

/* swiper */
.swiper_common_wrap { position: relative; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; margin: 0 auto; } 
.swiper_common_wrap.type-d .swiper-wrapper { justify-content: space-between; gap:15px} 
.swiper_common_wrap.type-d .swiper-slide { flex:1} 
/* swiper - pagination */
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { width: 10px; height: 10px; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background-color:var(--point-c) } 
/* swiper - button */
.swiper_common_wrap [class*="swiper-button-"]:after { font-size: 0; } 
.swiper_common_wrap [class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.swiper_common_wrap .arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left: 0; z-index: 2; background: url('https://image.megagong.net/m/2024/1203_tmddk4521/con6_arrow.png') no-repeat center; width: 44px; height: 85px; background-size: contain; } 
.swiper_common_wrap .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right: 0; } 

/* contents */
.evCon1 { background: #040404 url(https://image.megagong.net/m/2024/1211_mock97/con1_bg.jpg) no-repeat center; padding: 100px 0 165px; background-size: auto 100%; } 
.evCon1 .top_text { padding: 9px 0; width: fit-content; margin: 0 auto; border: 1px solid; border-width: 1px 0; } 
.evCon1 h3 { margin: 30px auto; } 
.evCon1 h3 strong { font-size: 100px; } 
.evCon1 .bottom_text { line-height: 1.4; } 
.evCon1 .check_box { margin: 125px auto 0; gap: 25px; } 
.evCon1 .check_box li { background: #101010; border: 1px solid var(--point-c); border-radius: 15px; padding: 27px 0; flex: 1; } 
.evCon1 .check_box li b { display: block; padding-top: 30px; position: relative; } 
.evCon1 .check_box li b::before { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; background: url(https://image.megagong.net/m/2024/1211_mock97/con1_check.png) no-repeat center; background-size: contain; width: 17px; height: 17px; z-index: 2; } 

.evCon2 { background: #f5f5f5 url(https://image.megagong.net/m/2024/1211_mock97/con2_bg.jpg) no-repeat center; background-size: auto 100%; } 
.evCon2 .step_box { border-radius: 30px; /* overflow: hidden; */ } 
.evCon2 .step_box li { background: #fff; display: flex; flex-direction: column; flex: 1; padding-top: 60px; height: 285px; position: relative; } 
.evCon2 .step_box li:first-child { border-radius: 15px 0 0 15px; } 
.evCon2 .step_box li:last-child { border-radius: 0 15px 15px 0; } 
.evCon2 .step_box li:not(:last-child)::before { content: ''; display: block; position: absolute; right: -37px; transform: translate(-50%,-50%); top: 50%; background: url(https://image.megagong.net/m/2024/1211_mock97/con2_arrow.png) no-repeat center; background-size: contain; width: 37px; height: 37px; z-index: 2; } 
.evCon2 .step_box i { font-style: normal; background: #ffdaa6; border-radius: 30px; padding: 1px 20px; width: fit-content; margin: 0 auto; } 
.evCon2 .step_box strong { margin: 10px auto 20px; } 
.evCon2 .step_box .step3 { background: var(--point-c); margin: -40px 0; height: 365px; border-radius: 30px; flex: none; width: 330px; } 
.evCon2 .step_box .step3 i { background: #000; } 
.evCon2 .step_box .step3 i.on{opacity: 0;}
.evCon2 .botton_stext { margin: 140px auto 55px; } 

.evCon3 { background-color: #fff5ea; } 
.evCon3 .arrow_box { background: #ffe8d3; border-radius: 15px; padding: 60px 30px; gap: 100px 20px; flex-wrap: wrap; position: relative; } 
.evCon3 .arrow_box:first-of-type { margin-bottom: 30px; } 
.evCon3 .arrow_box .swiper-slide { background: var(--point-c); border-radius: 20px; display: flex; align-items: center; justify-content: space-between; padding: 40px 32px; width: calc(50% - 10px); position: relative; z-index: 2; flex: none; } 
.evCon3 .arrow_box .img p { color: #fff260; margin-top: 10px; } 
.evCon3 .arrow_box .case { width: 100%; background: #fff; border: 2px solid var(--point-c); justify-content: flex-start; gap: 0 50px; padding: 40px 0 40px 080px; margin-top: 100px; position: relative; } 
.evCon3 .arrow_box::before { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; background: url(https://image.megagong.net/m/2024/1211_mock97/con3_arrow.png) no-repeat center; background-size: contain; width: 306px; height: 422px; } 
.evCon3 .arrow_box .case dl { text-align: left; } 
.evCon3 .arrow_box .case dt { margin-bottom: 15px; } 
.evCon3 .arrow_box .case dd:not(.bg_point){margin-bottom: 10px;text-indent: -10px;padding-left: 10px;} 
.evCon3 .arrow_box .case .bg_point b{ background: #ffe4ca; padding: 2px 5px; } 

.evCon4 { background-color: #f7f7f7; } 
.evCon4 .inner{width: 1140px;} 
.evCon4 .bookSlider .swiper-wrapper{padding: 185px 0; } 
.evCon4 .bookSlider .swiper-slide:not(.swiper-slide-active){ filter: grayscale(1);position: relative;} 
.evCon4 .bookSlider .swiper-slide:not(.swiper-slide-active)::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#000;opacity: .5;border-radius: 8px;} 
.evCon4 .bookSlider .swiper-slide.swiper-slide-active{transform: scale(2);padding: 0 8px 0 7.5px;z-index: 2;transition: all .3s ease;} 
.evCon4 .bookSlider .swiper-slide.swiper-slide-active{image-rendering: pixelated;}/*°¡Àå°¡±î¿î Á¤¼ö, È­Áú°³¼±*/
.evCon4 .bookSlider.swiper_common_wrap .arrow {position: absolute;top: 50%;transform: translate(0, calc(-50%));left: 50%;margin-left: -380px;z-index: 2;background: url('https://image.megagong.net/m/2024/1211_mock97/con4_arrow.png') no-repeat center;width: 37px;height: 37px;background-size: contain;} 
.evCon4 .bookSlider.swiper_common_wrap .arrow.swiper-button-next {transform: rotate(180deg) translate(0, calc(50%));margin-left: 345px;} 

.evCon5 { background-color: #271a00; } 
.evCon5 .inner { width: 1140px; } 

.evCon6 { background-color: #f7f7f7; } 
.evCon6 .evt_badge{background: none;top: auto;bottom: 10px;left: -10px;} 
.evCon6 .tab_base{position: relative;gap: 10px;}
.evCon6 .tab_base li a{display: flex;align-items: center;position: relative;padding: 26px 35px;}
.evCon6 .tab_base p{flex: 1;display: flex;flex-direction: column;}
.evCon6 .tab_base .tag{ font-style: normal; background: #878787; border-radius: 50%; width: 95px; height: 95px; color: #e7e7e7; display: flex; align-items: center; justify-content: center;}
.evCon6 .panel_base{padding-top: 60px;}

.evCon6 .evt-tab.type-1 li.on a{background: #f7f7f7;}
.evCon6 .evt-tab.type-1 li::before{ background: #f7f7f7;}
.evCon6 .tab_base li.on p strong{ color: var(--point-c);}
.evCon6 .tab_base li.on .tag{ background: var(--point-c); color: #fff;}

.evCon6 .sparkle {position: relative;width: fit-content;margin: 0 auto  25px;padding: 0 40px 0 50px;}
.evCon6 .sparkle::before{content: '';display: block;position: absolute;left: 0;top: -15px;background: url(https://image.megagong.net/m/2024/1211_mock97/con6_deco2.png) no-repeat center;background-size: contain;width: 34px;height: 44px;z-index: 2;}
.evCon6 .sparkle::after{content: '';display: block;position: absolute;top: -5px;background: url(https://image.megagong.net/m/2024/1211_mock97/con6_deco1.png) no-repeat center;background-size: contain;width: 29px;height: 36px;z-index: 2;right: 0;}
.evCon6 .sparkle span{ color: #fff; background: var(--point-c); padding: 1px 20px 3px; border-radius: 30px; width: fit-content; margin: 0 auto; display: block;}
.evCon6 .book_box{margin: 50px auto 60px}
.evCon6 .title_tab2{ margin-bottom: 60px;}
.evCon6 .title_tab2 b{ display: block; margin-top: 20px;}
.evCon6 .noti{ margin: 60px auto 25px;}

@media screen and (max-width: 1200px){
    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
    .evSection:not(.evtoggleWarning,.evCon1) { padding: 15% 0; } 
    
    .evSection .con_tit {margin: 0  auto 8%;} 
    .evSection .con_tit .mini_tit { margin-bottom: 3%; } 
    .swiper_common_wrap.type-d .swiper-wrapper { gap:1vmin } 

    .evCon1 { padding: 10% 0 15%; } 
    .evCon1 h3 { margin: clamp(15px,3vmin,30px) auto; } 
    .evCon1 h3 strong { font-size: clamp(32px,9vmin,100px); } 
    .evCon1 .check_box { margin-top: 10%; gap: 2vmin; flex-wrap: wrap; } 
    .evCon2 .step_box .step3 { width: 250px; } 
    .evCon2 .botton_stext { margin: 15% auto 5%; } 
    .evCon3 .arrow_box { padding: 10% 5%; } 
    .evCon3 .arrow_box::before { top: 0; max-width: 55%; max-height: 55%; z-index: 0; } 
    .evCon3 .arrow_box .swiper-slide {height: 240px;font-size: clamp(14px,2vmin,18px);padding: 30px 15px;justify-content: center;} 
    .evCon3 .arrow_box .img p{font-size: clamp(15px,2vmin,20px);}
    .evCon3 .arrow_box .img img { width: min(154px, 70%); } 
    .evCon3 .arrow_box .case { padding: 5% 3%; gap: 0; align-items: center; } 
    .evCon4 .inner{width: 97%;} 
    .evCon4 .bookSlider .swiper-wrapper{padding: 16% 0;gap:0} 
    .evCon5 .inner { width: 97%; } 
    .evCon6 .tab_base{gap: 0;}
    .evCon6 .tab_base li a{padding: 3%;}
    .evCon6 .panel_base{padding-top: clamp(30px,6vmin,60px);}
    .evCon6 .sparkle {margin-bottom: 3vmin;}
    .evCon6 .sparkle span{padding-left: clamp(10px,3vmin,20px);padding-right: clamp(10px,3vmin,20px);}
    .evCon6 .book_box{margin: 7% auto;}
    .evCon6 .title_tab2{margin-bottom: 10%;}
}
@media screen and (max-width: 768px){
    .swiper_common_wrap.type-d .swiper-slide { flex:none; width: 100%; } 
    .swiper_common_wrap.type-d .swiper-wrapper { gap:0 } 

    .evCon1 .check_box li { flex: 1 1 calc(50% - 1vmin); } 
    .evCon2 .step_box { flex-direction: column; max-width: 400px; margin: 0 auto; } 
    .evCon2 .step_box li { height: auto; padding: 25px 0; margin: 0 10%; border-bottom: 1px dashed #ddd; } 
    .evCon2 .step_box li:first-child { border-radius: 18px 15px 0 0; } 
    .evCon2 .step_box li:last-child { border-radius: 0 0 15px 15px; } 
    .evCon2 .step_box li:not(:last-child)::before { right: auto; left: 50%; top: auto; bottom: -10px; transform: translateX(-50%) rotate(90deg); z-index: 3; width: 25px; height: 25px; } 
    .evCon2 .step_box .step3 { width: 100%; margin: 0 auto; height: auto; z-index: 2; } 

    .evCon3 .arrow_box .case {flex-wrap: wrap;margin-top: 10%;padding-top: calc(5% + 16px)} 
    .evCon3 .arrow_box .case .img {background: #111;border-radius: 30px;padding: 5px 0 7px;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);width: min(65% ,300px);} 
    .evCon3 .arrow_box .swiper-slide { width: 100%; height: auto; justify-content: center; gap: 1vmin; padding: 5% 3%;flex-direction: column;} 

    .evCon4 .bookSlider .swiper-wrapper{padding: 0;} 
    .evCon4 .bookSlider .swiper-slide:not(.swiper-slide-active){filter:none} 
    .evCon4 .bookSlider .swiper-slide:not(.swiper-slide-active)::before{display: none;} 
    .evCon4 .bookSlider .swiper-slide.swiper-slide-active{transform: scale(1);transition: none;padding: 0;} 

    .evCon5 .swiper_common_wrap .swiper-slide img{width: min(370px,75%);} 
    .evCon5 .swiper_common_wrap .swiper-pagination-bullet { background: #fff; } 
    .evCon6 .tab_base li a{flex-direction: column;min-height: 110px;padding: 3vmin 3px;} 
    .evCon6 .tab_base p{font-size: clamp(10px,3vmin,18px);}
    .evCon6 .tab_base .tag{ width: auto; height: auto; border-radius: 5px; padding: 1px 10px; font-size: clamp(10px,3vmin,18px); margin-bottom: 5px;} 
    .evCon6 .tab_base .tag br{ display: none;}
    .evCon6 .sparkle {width: fit-content;margin: 0 auto 3%;padding: 0 7vmin;}
    .evCon6 .sparkle::before,
    .evCon6 .sparkle::after{width: 5vmin;}
    .evCon6 .book_box{ flex-direction: column; max-width: 545px;}
}