@charset "euc-kr";
:root { 
    --drop-shadow : drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3)); 
} 

/* settings */
.evSection:not(.evtoggleWarning,.evCon1) { padding: 160px 0; } 
.evSection:has(.deco_text) { padding-top: 60px;} 
.evSection:not(.event) { background-size: auto 100%; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff, .fff { color: #fff !important; } 
.eventWrap .evSection .lecture { margin:0 auto; color: #000; } 
.eventWrap .evSection .inner { width:1000px } 
.flt_inner.renewal { right:0 } 
.flt_inner.renewal li,.flt_inner.renewal li.top { margin-top: -1px; } 

/* text */
.eventWrap .tiny_noti { opacity: 0.6; } 
.evSection:not(.event) .con_tit { margin: 0 -75px 55px; } 
.evSection .con_tit strong span { color: #2568ff; } 
.evSection .con_tit .mini_tit { margin-bottom: 15px; } 
.evSection .deco_text { margin-bottom: -20px; } 

/* 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; } 
.swiper_common_wrap.type-d .swiper-slide { flex:1 } 
.swiper_common_wrap.type-d .swiper-slide img { filter: drop-shadow(2px 4px 6px #ddd); } 

/* swiper - scrollbar */
.swiper_common_wrap .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
.swiper_common_wrap .swiper-scrollbar .swiper-scrollbar-drag { background-color:#fc54a9 } 
/* swiper - button */
.swiper_common_wrap [class*="swiper-button-"]:after { font-size: 0; } 
.swiper_common_wrap [class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 

.window_title { background: #46516b; position: relative; border-radius: 3px 3px 0 0; height: 60px; display: flex; align-items: center; justify-content: center; } 
.window_title:not(.nobtn)::before { content: ''; display: block; position: absolute; right: 20px; background: url('https://image.megagong.net/m/2025/0102_shin242/window_r.png') no-repeat center; width: 99px; height: 100%; background-size: contain; } 
.window_title.tal { padding-left:40px; justify-content: flex-start; } 
.window_wrap { border: 1px solid #ddd; border-radius: 3px; overflow: hidden; filter: var(--drop-shadow); padding: 0; margin: 0; } 

/* contents */
.evCon1 { background: #d7e4f9 url(https://image.megagong.net/m/2025/0102_shin242/con1_bg.png) no-repeat center; padding-top: 45px; } 
.evCon1 h3 { margin: 0 -285px; } 
.evCon1 .top_text { color:#2f4985; letter-spacing: .5rem; font-weight: 300; } 
.evCon1 .title {font-size: 110px;margin: 0 0 15px -45px;letter-spacing: -.2rem;} 
.evCon1 .title .home {width: 30px;height: 30px;display: inline-block;font-size: 13px;border: 2px solid;line-height: 25px;border-radius: 50%;letter-spacing: normal;} 
.evCon1 ul {position: absolute;left: 53%;transform: translateX(-50%);bottom: 65px;width: 1216px;} 

.evCon2 { background-color: #eef4ff; } 
.evCon2 .chatting_bottom { background: #9bbbff; padding: 10px; } 
.evCon2 .chatting_bottom > p { background: #fff; border-radius: 30px; text-align: left; border: 1px solid #dddd; padding: 10px 40px; font-weight: 700; } 
.evCon2 .chatting_bottom .all { padding-right: 30px; margin-right: 25px; border-right: 1px solid #000; color: #44506b; } 
.evCon2 .chatting_box { padding: 40px; background: #fff; position: relative; } 
.evCon2 .chatting_box .bar { position: absolute; right: 10px; top: 20px; background: #eef4ff; height: calc(100% - 40px); width: 10px; border-radius: 30px; } 
.evCon2 .chatting_box .bar span { background: #46516b; display: block; position: absolute; top: 0; width: 100%; height: 20%; border-radius: 30px; transition: all 3s ease;} 
/* .evCon2 .chatting_box span.bar2{height: 40%;}
.evCon2 .chatting_box span.bar3{height: 60%;}
.evCon2 .chatting_box span.bar4{height: 80%;}
.evCon2 .chatting_box span.bar5{height: 100%;} */
.evCon2 .chatting_box .bar span.aos-animate{height: 100%;}

.evCon2 .chatting_wrap ul { list-style-type: none; padding: 0; margin: 0; } 
.evCon2 .chatting_wrap li { text-align: left; background: #eef4ff; width: fit-content; padding: 15px 30px; border-radius: 20px; border: 1px solid #2a68ff; position: relative; } 
.evCon2 .chatting_wrap li:not(:last-child) { margin-bottom: 40px } 
.evCon2 .chatting_wrap li::before { content: ''; display: block; position: absolute; left: 0; background: url('https://image.megagong.net/m/2025/0102_shin242/chatting_arrow.png') no-repeat 30px 0; width: 100%; height: 21px; bottom: -21px; } 
.evCon2 .chatting_wrap li:hover { transform: scale(1.05); } 

.evCon3 { background-color: #ffffff; } 
.evCon3 .arrow { position: relative; padding-bottom: 25px; } 
.evCon3 .arrow::before { content: ''; display: block; position: absolute; left: 0; background: url('https://image.megagong.net/m/2025/0102_shin242/click_arrow.png') no-repeat center; width: 100%; height: 71px; bottom: -20px; z-index: 2; } 
.evCon3 .arrow::before {}
.evCon3 .click_box { gap: 10px; padding: 30px 40px; display: flex; background: #fff; justify-content: space-between; } 
.evCon3 .click { position: relative; overflow: hidden; } 
.evCon3 .click .dim { display: none; } 
.evCon3 .click .dim.active { display: flex; position: absolute; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; align-items: center; justify-content: center; border-radius: 10px; cursor: pointer; } 

.evCon4 { background: #f5f5f5 url(https://image.megagong.net/m/2025/0102_shin242/con4_bg.jpg) no-repeat center; } 
.evCon4 .window_title.nobtn { height: 85px; } 
.evCon4 .tab_main li a { display: flex; justify-content: center; align-items: center; gap: 10px; background: #dcdcdc; border: none; } 
.evCon4 .tab_main li a i { font-style: normal; width: 75px; height: 75px; background: #979797; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; } 
.evCon4 .tab_main li.on::before { display:none } 
.evCon4 .tab_main li.on a { background: #46516b; color: #fff; } 
.evCon4 .tab_main li.on a i { background: #2568ff; } 
.evCon4 .panel_base { margin-top: 30px; } 
.evCon4 .howto_box ul { padding: 30px 38px; gap: 20px; background: #fff; } 
.evCon4 .using_box { margin-top: 70px; } 
.evCon4 .use_title { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 60px; } 
.evCon4 .use_title .stext { display: block; color: #777; margin-bottom: 7px; } 
.evCon4 .way_box { justify-content: space-between; gap: 20px; } 
.evCon4 .way_box li { flex: 1; filter: var(--drop-shadow); } 
.evCon4 .box { background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 40px 0; height: calc(100% - 85px);} 
.evCon4 .box p { color: #333; margin: 10px auto 12px; } 
.evCon4 .btn-base + .btn-base {margin-top: 5px;}
.evCon4 .btn-base a { font-size: 13px; width: 260px; padding: 9px 20px; } 

.evCon5 { background-color: #ffffff; } 
.evCon6 { background-color: #2a68ff; } 
.evCon6 .con_tit strong span { color:#96b8ff } 
.evCon6 .reviewSlider { padding: 75px 0; position: relative; } 
.evCon6 .swiper_common { height: 670px; max-width: 1000px; } 
.evCon6 .sd_inner {background: #fff url('https://image.megagong.net/m/2025/0102_shin242/con6_sld_side.png') no-repeat 100% 100%;padding: 35px clamp(10px,2vmin,35px);border-radius: 20px;filter: var(--drop-shadow);margin: 0 auto;background-size: cover;} 
.evCon6 .sd_inner span { color: #999; margin-top: 10px; display: block; } 
.evCon6 .tiny { opacity: .7; margin-top: -50px; } 

.reviewSlider [class*=swiper-button-]:after { display:none; } 
.reviewSlider [class*=swiper-button-].type-1 { width:50px; height:98px; background-color:#262626; -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url('https://img.megagong.net/common/slide_btn_arrow_type1.svg'); mask-image: url('https://img.megagong.net/common/slide_btn_arrow_type1.svg'); margin-top: 0; } 
.reviewSlider .swiper-button-prev { top: 0; transform: rotate(90deg) translateX(-50%); left: 50%; } 
.reviewSlider .swiper-button-next { bottom: 0; transform: rotate(-90deg) translateX(-50%); left: 50%; top: auto; } 

.event1 { background: linear-gradient(180deg, #f5f5f5, #e5c5ff); } 
.event1 .c_violet { background-color: #8501ec; } 
.event1 .con_tit strong b { color: #8501ec; } 
.event1 .con_tit .evt_mark::after { border-top-color: #8501ec; } 
.event1 .container_info_wrap { margin-bottom: 60px; } 

.event2 { background: linear-gradient(180deg, #f5f5f5, #b6cdff); } 
.event2 .con_tit strong b { color: #2568ff; } 
.event2 .gift_result_base { right: 10px; top: 60px; } 

/* 250212 add */
.note_base_wrap {text-align: left;}
.note_base_wrap .n_tit {color: #555; margin-bottom: 25px; display: flex; align-items: center; gap: 50px;}
.note_base_wrap .n_tit::after {content: ''; display: block; flex: 1; width: auto; height: 1px; background: #555;}
.note_base_wrap ul {color: #555; font-weight: 400;}
.note_base_wrap li {position: relative; padding-left: 8px;}
.note_base_wrap li + li {margin-top: 5px;}
.note_base_wrap li .dash {position: absolute; top: 0; left: 0;}
/* evPack */
.evPack {background: linear-gradient(180deg, #f5f5f5, #b5ccff);}
.evPack .con_tit .end::after {background-color: #2568ff;}
.evPack .con_tit strong b {font-weight: 700; color: #2568ff;}
.evPack .con_tit .mini_tit {display: block; font-weight: 500; line-height: 1.4; margin: 20px auto 0; opacity: 0.6;}
.evPack .sale_wrap{ display: flex; border-radius: 15px; overflow: hidden; margin: 60px auto;}
.evPack .white_wrap{ flex: 1; background: #fff; padding: 30px 40px; text-align: left;}
.evPack .title_wrap dl{ margin-top: 20px; line-height: 1.5;}
.evPack .title_wrap dd{ color: #999999; padding-left: 20px; position: relative;}
.evPack .title_wrap dd::before{content: '';display: block;position: absolute;left: 0;top: 55%;transform: translateY(-50%);background: url(https://image.megagong.net/m/2024/1209_lyj4718/evt1_arrow.png) no-repeat center;width: 14px;height: 10px;}
.evPack .price_wrap{ display: flex; align-items: flex-end; gap: 20px; justify-content: flex-end; margin-top: -20px;}
.evPack .price_wrap .before{ color: #999; text-decoration: line-through;}
.evPack .price_wrap .after{ display: flex; flex-direction: column; color: #2568ff; align-items: flex-end; gap: 5px;}
.evPack .price_wrap .after .percent{background: #2568ff;border-radius: 30px;padding: 6px 20px;color: #fff;}
.evPack .btn_wrap{position: relative;background: #000;display: flex;align-items: center;justify-content: center;width: 200px;color: #fff;}
.evPack .btn_wrap.done {background: #999;}
.evPack .btn_wrap::before{content: '';display: block;position: absolute;left: 0;top: 0;background: url(https://image.megagong.net/m/2025/0211_shin242/package_line.png) repeat-y center;width: 10px;height: 100%;}

.evPack.renew{background: linear-gradient(180deg, #fefeff, #cea7ff);}
.evPack.renew .con_tit strong b{color: #672ddf;}
.evPack.renew .con_tit .end::after{background-color: #672ddf;}
.evPack.renew .price_wrap .after{color:#672ddf;}
.evPack.renew .price_wrap .after .percent{background: #672ddf;}

.ver_green .window_title{background-color: #353535;}
.ver_green .evSection .con_tit strong span{color:#1fa88d;}
.ver_green .evCon3 .arrow::before { content: ''; display: block; position: absolute; left: 0; background: url('https://image.megagong.net/m/2025/0408_shin242/click_arrow.png') no-repeat center; width: 100%; height: 71px; bottom: -20px; z-index: 2; } 
.ver_green .evCon4 .tab_main li.on a i{background-color: #1fa88d;}
.ver_green .btn-base.blue > *{background-color: #1fa88d;}
.ver_green .evCon6{background-color:#1fa88d;}
.ver_green .evSection.evCon6 .con_tit strong span{color:#afe9dd;}

.ver_green .evCon1 { background: #d7e4f9 url(https://image.megagong.net/m/2025/0408_shin242/con1_bg.png) no-repeat center; padding-top: 45px; } 

.ver_green .evCon2 .chatting_wrap li{background-color: #f5fffd;border:1px solid #1fa88d;}
.ver_green .evCon2 .chatting_wrap li::before{background: url('https://image.megagong.net/m/2025/0408_shin242/chatting_arrow.png') no-repeat 30px 0;}
.ver_green .evCon2 .chatting_bottom{background-color: #1fa88d;}

.ver_green .evCon3{background-color: #fff;}

.evPack.renew.ver_orange{background: linear-gradient(180deg, #fefeff, #ffaf03);}
.evPack.renew.ver_orange .con_tit strong b{color:#ff9000;}
.evPack.renew.ver_orange .con_tit .end::after{background-color:#ff9000;}
.evPack.renew.ver_orange .price_wrap .after{color:#ffaf02;}
.evPack.renew.ver_orange .price_wrap .after .percent{background-color:#ffaf02;}

.evPack.renew.ver_pink{background: linear-gradient(180deg, #fffeff, #ffa3d7);}
.evPack.renew.ver_pink .con_tit strong b{color:#ff62bb;}
.evPack.renew.ver_pink .con_tit .end::after{background-color:#ff62bb;}
.evPack.renew.ver_pink .price_wrap .after{color:#ff62bb;}
.evPack.renew.ver_pink .price_wrap .after .percent{background-color:#ff62bb;}

.event1.ver_blue .con_tit strong b{color:#2797ff;}
.event1.ver_blue { background: linear-gradient(180deg, #f5f5f5, #91e9ff); } 
.event1.ver_blue .con_tit .evt_mark::after{border-top-color: #000;}

.ver_green .evCon2{background-color: #e7f5f2;}

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

    .evSection:not(.event) .con_tit { margin: 0 auto 8%; } 
    .evSection:not(.event) .con_tit .mini_tit { margin-bottom: 3%; } 

    .evSection .deco_text{margin-bottom: clamp(-5px,-1vmin,-20px);}
    .evCon2 .deco_text img{width: min(982px,90%);}
    .evCon3 .deco_text img{width: min(634px,55%);}
    .evCon4 .deco_text img{width: min(706px,65%)}
    .evCon6 .deco_text img{width: min(432px,40%);}

    .window_title:not(.nobtn) { justify-content: flex-start; padding-left: clamp(20px,4vmin,40px); height: clamp(40px,6vmin,60px); } 
    .window_title:not(.nobtn)::before { width: min(99px,18%); } 
    .window_title.tal { padding-left: clamp(20px,4vmin,40px); } 
    
    .swiper_common_wrap.type-d .swiper-wrapper { gap:1vmin } 

    .evCon1 { padding-top: 5%; } 
    .evCon1 h3 { margin: 0 -25% 0 0; } 
    .evCon1 .title {font-size: clamp(25px,10vmin,100px);margin: 0;filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.9));letter-spacing: normal;} 
    .evCon1 .title .home { width: 5vmin; line-height: 4.3vmin; height: 5vmin; font-size: clamp(10px,2vmin,15px); } 
    .evCon1 ul li:nth-child(3) { width: min(701px,90%); margin: -5px auto 0; } 

    .evCon4 .use_title { margin-bottom: 7%; } 
    .evCon4 .way_box { gap: 10px; } 
    .evCon4 .box p { height: 130px; } 
    .evCon4 .btn-base a { width: min(260px,100%); } 

    .evCon6 .tiny { margin-top:0}
    .evCon6 .reviewSlider { padding: 0; } 
    .evCon6 .swiper_common{height: 650px;}
    .evCon6 .swiper-pagination { position: relative; display: flex !important; justify-content: flex-end; top: auto; bottom: auto; z-index: 2; gap: 1vmin; max-width: 1000px; margin: 0 auto; } 
    .evCon6 .swiper-pagination-bullet { width: clamp(10px,2vmin,15px); height: clamp(10px,2vmin,15px); } 
    .evCon6 .swiper-pagination-bullet-active { background-color: #9bb9ff; width: clamp(20px,4vmin,30px); border-radius: 15px; } 
}
@media screen and (max-width: 768px){
    .evCon1 h3 { padding-bottom: 5%; margin-right: -35%; } 
    .evCon1 .top_text { text-align: left; font-size: clamp(14px,4vmin,24px); position: absolute; letter-spacing: normal; } 
    .evCon1 ul {bottom: 5%;width: 100%;} 

    .evCon2 .chatting_wrap { width: 95%; margin: 0 auto; } 
    .evCon2 .chatting_bottom { padding: 3vmin 1vmin; } 
    .evCon2 .chatting_bottom > p { font-size: clamp(13px,2.5vmin,20px); padding: 10px clamp(10px,3vmin,30px); } 
    .evCon2 .chatting_bottom .all { padding-right: clamp(5px,2vmin,30px); margin-right: clamp(5px,2vmin,30px); } 
    .evCon2 .chatting_box { padding: 20px 10px; } 
    .evCon2 .chatting_wrap ul { width: 90%; } 
    .evCon2 .chatting_wrap li { padding: 10px 15px; } 
    .evCon2 .chatting_wrap li:hover { transform: scale(1); } 

    .evCon3 .click_box { flex-wrap: wrap; gap: 5vmin; padding: clamp(10px,4vmin,40px); justify-content: center; } 
    .evCon4 .tab_main li a { flex-direction: column; gap: 1vmin; } 
    .evCon4 .tab_main li a i { width: auto; height: auto; border-radius: 5px; padding: 3px 20px; font-size: clamp(10px,2.1vmin,16px); } 
    .evCon4 .tab_main li a i br { display:none } 
    .evCon4 .tab_main li a span { min-height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: clamp(10px,2.1vmin,16px); } 
    .evCon4 .howto_box ul { padding: clamp(10px,4vmin,40px); flex-direction: column; } 
    .evCon4 .howto_box ul li { width: min(294px,50%); margin: 0 auto; min-width: 200px; } 
    .evCon4 .use_title { gap: 1vmin; } 
    .evCon4 .use_title span { width: min(119px,20%); } 
    .evCon4 .use_title .stext { font-size: clamp(14px,3.1vmin,26px); margin-bottom: 0; } 
    .evCon4 .box {height: auto;}
    .evCon4 .box p { height: auto; } 
    .evCon4 .tab_sub li a { min-height: 105px; display: flex; align-items: center; justify-content: center; height: 100%;}
    .evCon4 .btn-base + .btn-base {margin-top: 0;}

    .evCon6 .swiper-pagination { margin-bottom: 15px; max-width: 500px; } 
    .evCon6 .swiper_common, .evCon6 .swiper-slide{height: auto;}
    .evCon6 .swiper-wrapper{align-items: stretch;}
    .evCon6 .sd_inner {max-width: 500px;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;} 
    .evCon6 .tiny{margin-top: 20px;text-align: center !important;}

    .event2 .gift_result_base { top: 20px; } 

    /* 250212 add */
    /* evPack */
    .evPack .sale_wrap{flex-direction: column; margin: 6% auto;}
    .evPack .white_wrap{padding: clamp(20px,4vmin,40px);}
    .evPack .price_wrap .after .percent{padding: clamp(3px,1vmin,6px) clamp(10px,2vmin,20px);}
    .evPack .btn_wrap{width: 100%;padding: 20px 0 15px;}
    .evPack .btn_wrap::before{ height: 10px; width: 100%; background-repeat: repeat-x;}
}