@charset "euc-kr";

:root {--gong-pink-color: #ff629a; --gong-pinkwh-color: #ffeef0; --gong-green-color: #8ba256; --gong-gray-color: #a8a8a8}

.con_tit{color:#111;font-weight:300;}
.con_tit strong{color:#FF16A2;font-weight:700;}

.flt_inner.code > ul {margin-bottom: 5px; border-radius: 5px; border: 1px solid rgba(17, 17, 17, 0.50); background: #FFF;}
.flt_inner.code > ul > li {padding: 0 30px;}
.flt_inner.code > ul > li > a {padding: 20px 0; display:flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; text-align: center; gap:6px;}
.flt_inner.code > ul > li + li a {border-top: 1px solid #EEEEEE;}
.flt_inner.code > ul > li strong {line-height: 1.3;}
.flt_inner.code > ul > li .btn {display: flex; border-radius: 100px; margin:0 auto; width: 80px; height: 20px; justify-content: center; align-items: center; background: #111; color:#fff; font-weight: bold;}
.flt_inner.code > ul > li.top > a {border-top: none;}


/*evCon1*/
.evCon1{background: url(https://image.megagong.net/m/2025/0513_tpass/top_bg.png) 50% 0 no-repeat;background-size: cover;padding: 140px 0 180px;position: relative;}
.evCon1  .mini_tit {margin: 0 auto 30px; font-weight: bold; color:#fff; border-radius: 100px;background: linear-gradient(90deg, #224EFF 0%, #FF16A2 100%); display: flex;height: 50px;padding: 0px 30px; width: max-content; justify-content: center;align-items: center;}
.evCon1 .con_tit .s_tit{margin: 0 auto 30px; font-size:40px;font-weight:700;letter-spacing:4px;}
.evCon1 .chuseok_goto {position: absolute; top: -17%; left:0; z-index:1;}
.evCon1 .chuseok_goto > a {display: block; width: 100%; height: 100%;}

.evCon1 .info_list{display:flex;width:660px;margin:0 auto;gap:0 40px;}
.evCon1 .info_list.effect_no {margin-top:115px;} 
.evCon1 .info_list li{border-radius: 20px;background: rgba(255, 255, 255, 0.80);width:50%;padding:24px;font-size:20px;color:#000;font-weight:700;line-height:1.5;}
.evCon1 .info_list li span{color:#FF16A2;}

.fix_ban {width: 100%; padding: 20px 0; background-color: #2b2b2b; color: #fff; font-size: 20px; font-weight: bold;position: absolute;bottom:0; z-index:2;}
.fix_ban.on {position:fixed; }
.fix_ban .inner {display: flex; justify-content: center; align-items: center; width: 1080px;gap: 0 20px;}
.fix_ban .txt_wrap {display: flex; justify-content: center; align-items: center; gap: 0 65px;}
.fix_ban .txt_wrap.between {justify-content: space-between;width: 786px;/* padding:0 30px; */}
.fix_ban .inner .period{background-color: #FF16A2;border-radius: 5px;padding: 7px 20px;font-size: 16px;line-height:1.2;}
.fix_ban .inner .txt_info{display: flex;}
.fix_ban .inner .txt_info li{font-size:18px;font-weight:700;gap:0 12px;position: relative;padding-left:12px;margin-left:12px;}
.fix_ban .inner .txt_info li::before{content:'';display:inline-block;width:1px;height:15px;background-color:#fff;position: absolute;left:0;top:5px;}
.fix_ban .inner .txt_info li:first-child{padding-left:0;margin-left:0;}
.fix_ban .inner .txt_info li:first-child::before{display:none;}
.fix_ban .inner .txt_info li span{color:#FF16A2;}
.fix_ban .inner .t_pass_btn {padding: 20px 30px;border-radius: 3px;font-size: 18px;border: 1px solid #7c7c7c;width: 240px;}
.fix_ban .inner .t_pass_btn span{display:inline-block;padding-right:26px;position: relative;}
.fix_ban .inner .t_pass_btn span::after{content:'';display:block;width:16px;height:16px;background:url(https://image.megagong.net/m/2025/0513_tpass/ic_arrow.svg) 50% 50% no-repeat;position: absolute;right:0;top:50%;margin-top:-8px;}
.fix_ban .inner::after{display:none;}
.fix_ban .inner .gradient {display: flex; width: max-content;height: 40px;padding: 0px 30px;justify-content: center;align-items: center; border-radius: 100px; background: linear-gradient(90deg, #224EFF 0%, #FF16A2 100%); color:#fff; font-weight: bold;}

.evCon2 {padding: 140px 0;}
.evCon2 .con_box{margin-top:30px;}
.evCon2 .mega_swiper{overflow:hidden;margin-top:10px;}
.evCon2 .mega_swiper:first-child{margin-top:0;}
.evCon2 .swiper-slide{height:426px;border-radius: 20px;background: #FFF6FC;position: relative;overflow:hidden;}
.evCon2 .swiper-slide .tec_profile{position: absolute;left:50%;transform:translateX(-50%);bottom:0;width:163%;}
.evCon2 .swiper-slide .tec_profile.centurylyj{width:150%;padding-bottom: 25px;}
.evCon2 .swiper-slide .tec_profile.centurylyj::before{content:'';position: absolute;bottom:0;left:0;width:100%;height:30%;background: linear-gradient(180deg, transparent 0%, #fff 70%);}
.evCon2 .swiper-slide .tec_caption{position: absolute;left:0;bottom:0;width:100%;background: rgba(17, 17, 17, 0.70);display:flex;align-items: center;justify-content: center;padding:15px 0;gap:0 10px;}
.evCon2 .swiper-slide .tec_caption ul li{color:#fff;position: relative;}
.evCon2 .swiper-slide .tec_caption ul li.subject{font-size:14px;font-weight:400;}
.evCon2 .swiper-slide .tec_caption ul li.name{font-size:16px;font-weight:700;}

.evCon3 {padding: 140px 0;background-color: #FFE5F5;}
.evCon3 .con_tit strong{color:#111;}
.evCon3 .con_box{margin-top:60px;}
.evCon3 .wrap .slick-slide{margin-right:20px;background-color: #fff;border-radius:10px;padding:50px 0;}
.evCon3 .wrap .slick-slide:last-child{margin-right:0;}
.evCon3 .wrap .slick-slide span{display:block;}
.evCon3 .wrap .slick-slide .pic img{display:inline-block;}
.evCon3 .wrap .slick-slide .txt{font-size:20px;font-weight:400;line-height:1.2;margin-top:30px;height:72px;}
.evCon3 .wrap .slick-slide .txt strong{font-weight:700;color:#FF16A2;}

@media screen and (max-width:1320px) {
    .fix_ban {font-size: clamp(15px,2vmin,20px);}
    .fix_ban .inner {width: 98%;}
}

@media screen and (max-width:1200px) {
    .fix_ban {padding: 10px 0;}
    .fix_ban.on {bottom: 70px } 
    .fix_ban .inner .period{font-size:14px;}
    .fix_ban .inner .txt_info li{font-size:16px;}
    .fix_ban .inner .t_pass_btn{font-size:16px;padding:15px 20px;width:200px;}
    .fix_ban .inner .gradient {padding: 5px 20px; height: auto;}
    .fix_ban .txt_wrap.between {width: 100%; padding: 0 20px;}
    .evCon1{padding:14% 0 18%;}
    .evCon1 .info_list li{font-size:clamp(15px,2.5vmin,20px);}
    .evCon1 .info_list.effect_no {margin-top:8%;} 
    .evCon1 .con_tit .s_tit{font-size:clamp(20px,4.5vmin,40px);}

    .evCon2{padding:14% 0;}
    .evCon2 .swiper-slide{height:38vw;}

    .evCon3{padding:14% 0;}
    .evCon3 .con_box{margin-top:6%;}
    .evCon3 .wrap .slick-slide .txt{font-size:18px;height:67px;margin-top:20px;}
}

@media screen and (max-width: 992px) {
    .evCon1 .chuseok_goto {position: static; margin:0 auto 4%; width:max-content;}
    .evCon1 .chuseok_goto > a {border-radius: 5px; width:max-content; padding: 4% 30px; display: flex; align-items: center; justify-content: center; background-color: #e8e0d2;}
    .evCon1 .chuseok_goto strong {font-size:clamp(14px,2.3vmin,18px); display: flex; gap: 6px; align-items: center;}
    .evCon1 .chuseok_goto strong .point {color:#b53737;}

    .fix_ban .inner .txt_info li{font-size:14px;}
    .fix_ban .inner .txt_info li::before{height:12px;top:4px;}
    .fix_ban .inner .t_pass_btn{font-size:14px;width:160px;}
    .evCon2 .swiper-slide .tec_caption{padding:10px 0;}
    .evCon2 .swiper-slide .tec_caption ul li.subject{font-size:12px;}
    .evCon2 .swiper-slide .tec_caption ul li.name{font-size:14px;}

    .evCon3 .wrap .slick-slide .txt{font-size:16px;height:59px;}
}

@media screen and (max-width: 768px) {
    .fix_ban .inner {flex-direction: column; justify-content: space-between;line-height:1; }
    .fix_ban .txt_wrap {flex-direction: column; justify-content: space-between;line-height:1;}
    .fix_ban .inner .period{padding:1px 10px 3px;border-radius:20px;font-size:12px;line-height:1;}
    .fix_ban .inner .period br{display:none;}
    .fix_ban .inner .txt_info{margin:10px 0;}
    .fix_ban .inner .txt_info li{padding-left:7px;margin-left:7px;}
    .fix_ban .inner .txt_info li::before{top:2px;height:10px;}
    .fix_ban .inner .t_pass_btn{width:auto;border-radius:20px;padding:5px 10px;}
    .fix_ban .inner .t_pass_btn span{padding-right:15px;}
    .fix_ban .inner .t_pass_btn span::after{width:10px;height:10px;margin-top:-5px;background-size:auto 100%;}

    .evCon1{padding-bottom:140px;}
    .evCon1  .mini_tit {margin:0 auto 3vmin; padding: 5px 20px; height: auto;}
    .evCon1 .info_list{width:100%;gap:0 20px;}
    .evCon1 .info_list li{padding:24px 10px;}

    .evCon2 .swiper-slide{height: 44vw;}
    
    .evCon3 .wrap .slick-slide{margin-right:0;}
    .evCon3 .wrap .slick-dots { position:absolute; bottom:8%; left:0; right:0; font-size: 0; text-align: center; } 
	.evCon3 .wrap .slick-dots li { display:inline-block; vertical-align: top; margin:0 5px; width:10px; height:10px; overflow: hidden; border-radius: 50%; } 
	.evCon3 .wrap .slick-dots li button { display:inline-block; width:100%; height:100%; background:#eee; font-size:0; } 
	.evCon3 .wrap .slick-dots li.slick-active button { background:#000; } 
    
}

@media screen and (max-width:576px) {
    .fix_ban.on {bottom: 55px } 
    .fix_ban .inner .txt_info li{font-size:12px;padding-left:5px;margin-left:5px;}
    .evCon2 .swiper-slide{height: 62vw;}
}

@media screen and (max-width:480px) {
    .fix_ban .inner .txt_info li{font-size:11px;}
    .fix_ban .inner .t_pass_btn{font-size:12px;}
}