@charset "utf-8"; 
@font-face{font-family: 'GmarketSansLight'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff')format('woff'); font-weight: normal; font-style: normal;}           
@font-face{font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff')format('woff'); font-weight: normal; font-style: normal;}           
@font-face{font-family: 'GmarketSansBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff')format('woff'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2'); font-weight: 100; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2'); font-weight: 200; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2'); font-weight: 300; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2'); font-weight: 900; font-display: swap;}

.evt_wrp{font-family: "Pretendard", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;}

.pc{display: block;}
.mo{display: none;}
.consult_form_container .inner{border-top: 0;}
.floating_menu,
.floating_menu.mo{display: none;}

.evt_wrp{position: relative; width: 100%; overflow: hidden; cursor: default; letter-spacing: -0.5px;} 
.evt_wrp img{vertical-align: top;} 
.evt_wrp strong{font-weight: 900;}
.evt_wrp .ttl,
#sch,
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto;} 
.evt_wrp .ttl{padding-bottom: 70px; font-size: 35px; text-align: center; font-weight: 200;}
.evt_wrp .ttl span{font-weight: 500;}
.evt_wrp .ttl p{font-size: 70px; margin-top: 15px; font-weight: 900; line-height: 1.1;}
.evt_wrp .ttl p strong{color: #ff5755;}

.evt_wrp .txt{font-family: 'GmarketSansMedium'; padding: 100px 0 10px; font-size: 48px; font-weight: 800; letter-spacing: -2px; text-align: center;}
.evt_wrp .txt strong{color: #27b8b8;}

.evt_wrp i{font-style: normal;}

.evt_wrp .quick{position: fixed; right: 2%; bottom: 5%; background: #fff; border-radius: 20px; padding: 25px 10px; font-size: 18px; border: 1px solid; box-shadow: 0 0 15px 2px rgba(0,0,0,0.2); text-align: center; letter-spacing: -1px; z-index: 2; font-weight: 600;}
.evt_wrp .quick span{font-size: 14px; display: block; font-weight: 400;}
.evt_wrp .quick strong{color: #ff5755; display: block; padding: 5px 0 2px;}

.evt_wrp .visual .typo strong,
.evt_wrp .visual .typo em,
.evt_wrp .visual .typo strong,
.evt_wrp .list_horiz li strong,
.evt_wrp .list_jehu li,
.evt_wrp .list_jehu li strong,
.evt_wrp .list_jehu li span,
.evt_wrp .list_jehu li .btn_apply{display: block;}

.evt_wrp .visual{background: #000; display: grid;}
.evt_wrp .visual > *{grid-area: 1 / 1;}
.evt_wrp .visual video{width: 100%; object-fit: cover;}
.evt_wrp .visual .overlay{background: rgba(0,0,0,0.5);}
.evt_wrp .visual > .inner{padding: 100px 0;}

.evt_wrp .visual .jehu{text-align: center; padding: 60px 0 80px;}
.evt_wrp .visual .jehu img{height: 55px; margin-right: 45px;}
.evt_wrp .visual .jehu img:last-child{margin-right: 0;}

.evt_wrp .visual .typo{font-family: 'GmarketSansMedium'; font-size: 42px; color: #ff5755;}
.evt_wrp .visual .typo strong{font-family: 'GmarketSansBold'; font-size: 150px; letter-spacing: -10px; padding-top: 30px; color: #fff;}
.evt_wrp .visual .typo em{font-size: 50px; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.3); color: #f8e6e9;}
.evt_wrp .visual .typo span{font-family: 'Pretendard'; font-size: 30px; color: #fff;}

.evt_wrp .btn{position: relative; z-index: 9; width: 100%; margin-top: 35px; transform: translateY(0);}
.evt_wrp .btn.hide{transform: translateY(100px);}
.evt_wrp .btn.fixed{position: fixed; left: 0; bottom: 10px;}
.evt_wrp .btn.fixed a{border: 1px solid #dc0300; box-shadow: 0 0 15px 2px rgba(0,0,0,0.35);}
.evt_wrp .btn a{display: inline-block; background: #ff5755; color: #fff; font-weight: 500; font-size: 25px; padding: 18px 32px 20px; width: 340px; text-align: center; border-radius: 5px;}
.evt_wrp .btn a:last-child{margin-left: 20px;}

.evt_wrp .bubble{position: relative; background: #fff; font-size: 35px; font-weight: 500; letter-spacing: -2px; width: fit-content; padding: 20px 50px; border-radius: 50px; margin-bottom: 33px; box-shadow: 0 0 15px 2px rgba(0,0,0,0.05);}
.evt_wrp .bubble:after{top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 15px; margin-left: -15px;}
.evt_wrp .bubble:nth-child(1){margin-left: 50px;}
.evt_wrp .bubble:nth-child(2){margin-left: 180px;}
.evt_wrp .bubble:nth-child(4){margin-left: 230px;}
.evt_wrp .bubble:nth-child(5){margin-left: 80px;}

.evt_wrp .list_horiz{overflow: hidden; border: 1px solid; border-left: 0; border-right: 0; text-align: center;}
.evt_wrp .list_horiz li{display: inline-block; padding: 40px 32px; border: 1px solid; border-top: 0; border-bottom: 0; font-size: 22px;}
.evt_wrp .list_horiz li br,
.evt_wrp .benefit li br,
.evt_wrp .list_jehu li br,
.evt_wrp .txt br{display: none;}
.evt_wrp .list_jehu .soon br{display: block;}
.evt_wrp .list_horiz li:nth-child(2){border: 0;}
.evt_wrp .list_horiz li strong{font-size: 38px; margin: 8px 0 12px; color: #27b8b8;}
.evt_wrp .list_horiz li span{font-size: 18px; color: #000; line-height: 1.2; font-weight: 300;}

#sch{padding-top: 100px;}
.evt_wrp .list_jehu{width: 1080px; overflow: hidden; margin: 0 auto;}
.evt_wrp .list_jehu li{float: left; width: 340px; height: 300px; background: #f2f4f4; border-radius: 5px; margin: 10px;}
.evt_wrp .list_jehu li i{color: #fff; font-weight: 500; background: #6fb7b7; font-size: 15px; border-radius: 5px 0 5px 0; padding: 7px 0; width: 70px; text-align: center; display: inline-block;}
.evt_wrp .list_jehu li div{padding: 0 25px 30px; font-family: 'GmarketSansMedium'; text-align: center; font-size: 20px; margin-top: -5px;}
.evt_wrp .list_jehu li img{height: 70px;}
.evt_wrp .list_jehu li img.logo{margin-top: 0; padding-bottom: 10px}
.evt_wrp .list_jehu li strong{color: #ff5755; font-size: 23px; padding: 25px 0 7px; border-top: dashed 1px #000;}
.evt_wrp .list_jehu li span{font-family: 'Pretendard'; padding: 10px 0; font-size: 17px;}
.evt_wrp .list_jehu li .btn_apply{background: #fff; font-size: 20px; border: 1px solid; border-radius: 50px; padding: 15px 0 13px; width: 210px; margin: 8px auto 0;}
.evt_wrp .list_jehu .soon{font-family: 'GmarketSansLight'; color: #6fb7b7; padding-top: 60px; font-size: 35px; border-top: dashed 1px #000;}

.bg_01 .inner{font-size: 30px; text-align: center;}
.con1{position: relative; font-size: 60px; width: fit-content; margin: 30px auto 0;}
.con1 sup{position: absolute; top: -15px; font-size: 30px; right: -20px;}

* [class^="bg_"] {padding: 120px 0 0;} 

.evt_wrp .bg_01{background: linear-gradient(#fff3ed 80%, #fff);} 
.evt_wrp .bg_02{background: #fff;}
.evt_wrp .bg_03{background: linear-gradient(#fff 5%, #d2e1dc 50%, #fff); padding-bottom: 120px;} 
.evt_wrp .bg_04{background: #fff;}

.evt_wrp .bg_03 .ttl{text-align: left; width: 1050px; position: relative; padding: 160px 0 30px;}
.evt_wrp .bg_03 .coupon{position: absolute; top: -20px; right: -30px; z-index: 2;}

.evt_wrp .benefit{width: 1080px; margin: 0 auto;}
.evt_wrp .benefit li{background: #fff; border-radius: 10px; font-size: 40px; font-weight: 900; padding: 50px 70px; margin-top: 20px; display: flex; align-items: center;}
.evt_wrp .benefit li span{font-weight: 300; font-size: 25px; margin-right: 20px;}
.evt_wrp .benefit li strong{color: #ff5755; margin-left: 10px;}
.evt_wrp .benefit li i{margin-left: 20px; align-self: flex-end;}
.evt_wrp .small{font-size: 19px; font-weight: 200;}

/* gift slide*/
.evt_wrp .gift_slide{position: relative; width: 100%; height: auto; margin: 70px auto 0; overflow: hidden;}
.evt_wrp .gift_slide .swiper-container{width: 100%; padding: 20px 0;}
.evt_wrp .gift_slide .swiper-wrapper{transition-timing-function: linear !important; /* 부드러운 롤링 */}
.evt_wrp .gift_slide .swiper-slide{width: auto !important; background: rgba(0,0,0,0.75); border: 1px solid; border-radius: 15px; padding: 0;}
.evt_wrp .gift_slide img{width: 100%; height: auto; display: block; border-radius: 10px;}


.evt_wrp .notice{color: #777; margin-left: 0;}
    
.evt_wrp .dungdung{animation: updown 1s both infinite alternate;} 
.evt_wrp .blink{animation: blink 1.5s infinite;} 
.evt_wrp .delay{animation-delay: 0.5s;} 
.evt_wrp .up-on-scroll{transition: transform .7s, opacity 1.7s;}

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}} 
@keyframes updown{0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}} 

@media screen and (min-width: 1200px){
.evt_wrp .visual{height: 90vh;}
.evt_wrp .visual video{height: 90%;}
.evt_wrp .visual .overlay{height: 90%;}
}

@media screen and (max-width: 1024px){
.evt_wrp .visual{height: 100vh;}
.evt_wrp .visual video{height: 100%;}
.evt_wrp .visual .overlay{height: 100%;}
.evt_wrp .bubble {font-size: 33px;}
.evt_wrp .list_horiz li span{display: block;}
.evt_wrp .list_horiz li{padding: 40px 27px;}
}

@media screen and (max-width: 760px){ 
    .floating_menu.mo,
    .pc{display: none;} 
    .mo{display: block;}

    .evt_wrp .btn a{display: unset; font-size: 22px; padding: 12px 32px 14px;}
    .evt_wrp .btn.fixed{bottom: 5%;}
    * [class^="bg_"]{padding: 15% 0 0;}

    .evt_wrp .ttl{font-size: 25px; padding-bottom: 7%;}
    .evt_wrp .ttl p{font-size: 40px; letter-spacing: -3px;}

    .evt_wrp .visual{height: 63vh;}
    .evt_wrp .visual video{height: 100%;}
    .evt_wrp .visual .overlay{height: 100%;}

    .evt_wrp .visual .jehu{padding: 8% 0 12%;}
    .evt_wrp .visual .jehu img{height: 31px; margin: 0 5px;}

    .evt_wrp .visual .typo{font-size: 23px; padding: 0 6%;}
    .evt_wrp .visual .typo strong{font-size: 70px; letter-spacing: -4px; padding: 20px 0 5px;}
    .evt_wrp .visual .typo em{font-size: 25px; margin-top: 20px;}
    .evt_wrp .visual .typo span{font-size: 22px;}

    .evt_wrp .bubble{font-size: 20px; padding: 20px 30px;}
    .evt_wrp .bubble:nth-child(1){margin-left: 5%;}
    .evt_wrp .bubble:nth-child(2){margin-left: 16%;}
    .evt_wrp .bubble:nth-child(3){margin-left: 2%;}
    .evt_wrp .bubble:nth-child(4){margin-left: 10%;}
    .evt_wrp .bubble:nth-child(5){margin-left: 2%;}

    .evt_wrp .list_horiz{height: 41vw; padding: 0 2%;}
    .evt_wrp .list_horiz li{width: 33%; height: 41vw; font-size: 15px; padding: 3% 2%; display: unset; float: left;}
    .evt_wrp .list_horiz li strong{font-size: 21px; margin: 6% 0; color: #27b8b8;}
    .evt_wrp .list_horiz li span{font-size: 14px; font-weight: 300; color: #375e5d;}
    .evt_wrp .list_horiz li br,
    .evt_wrp .benefit li br,
    .evt_wrp .list_jehu li br,
    .evt_wrp .txt br{display: block;}

    .evt_wrp .list_jehu {width: 95%;}
    .evt_wrp .list_jehu li{width: 47%; margin: 0 0 2% 2%; height: 74vw;}
    .evt_wrp .list_jehu li img{height: 50px;}
    .evt_wrp .list_jehu li div{padding: 0 8px 30px; font-size: 18px;}
    .evt_wrp .list_jehu li .btn_apply{width: 80%; font-size: 18px; padding: 2.5vw 0 2vw;}
    .evt_wrp .list_jehu li strong {font-size: 18px;}
    .evt_wrp .list_jehu .soon{font-size: 25px;}
    #sch{padding-top: 40px;}
    .evt_wrp .bg_03 .ttl{width: 95%; padding: 16% 0 0 3%;}
    .evt_wrp .bg_03 .ttl p{letter-spacing: -1px;}
    .evt_wrp .bg_03 .coupon {width: 76%; right: 0; width: 77%; right: -8px; top: -5%;}
    .evt_wrp .benefit {width: 90%}
    .evt_wrp .benefit li{display: block; font-size: 26px; margin: 3% 0; padding: 5%; line-height: 1.2;}
    .evt_wrp .benefit li strong{margin: 7px 0;}
    .evt_wrp .benefit li span,
    .evt_wrp .benefit li i{display: block;}
    .evt_wrp .benefit li span{font-size: 16px;}
    .evt_wrp .benefit li i{font-size: 13px; margin: 0;}
    .evt_wrp .gift_slide .swiper-slide{width: 45% !important; padding: 0;}
    .evt_wrp .gift_slide{margin: 20px auto 0;}

    .evt_wrp .txt{font-size: 34px; padding: 10% 0 0; line-height: 1.2;}
    
    .evt_wrp .quick{background: #000; position: relative; border-radius: 0; font-size: 25px;}
    .evt_wrp .quick a{color: #fff;}
    .evt_wrp .quick span{font-size: 19px;}
    .evt_wrp .quick strong{display: inline-block; margin-right: 10px;}
    .evt_wrp .quick a::after{content: '→'; color: #000; background: #fff; border-radius: 50%; width: 6vw; height: 6vw; display: inline-flex; align-items: center; justify-content: center;}
    .pop_wrp .popup{width: 95%;}
    .pop_wrp .phone input[type="text"]{width: 18%;}
    .pop_wrp .phone select{width: 33%;}
    .pop_wrp label{display: block;}
    .pop_wrp .applyForm .apply_conts li:last-child{padding-left: 5%;}
    .pop_wrp .applyForm{padding: 30px 6%;}
    .apply_conts label em{padding-left: 20px;}
    .evt_wrp .notice{margin-left: 5%;}
    .evt_wrp .list_jehu li span{font-size: 16px; line-height: 1.2;}
}

@media screen  and (max-width: 1024px){
.evt_wrp .list_jehu,
    .evt_wrp .bg_03 .ttl,
    .evt_wrp .benefit{width: 95%;}
    .evt_wrp .notice{margin-left: 5%;}
}

@media screen  and (width: 1024px){
    .evt_wrp .visual{height: 105vw;}
    .evt_wrp .visual .jehu{padding: 80px 0;}
    .evt_wrp .visual .jehu img{height: 67px;}
    .evt_wrp .btn{margin-top: 55px;}
    .evt_wrp .btn a{font-size: 32px; padding: 26px 32px; width: 397px;}
    .evt_wrp .visual .typo span{font-size: 40px;}
    .evt_wrp .visual .typo em{font-size: 60px; margin-bottom: 40px; padding-bottom: 35px;}
    .evt_wrp .visual .typo{font-size: 54px;}
    .evt_wrp .visual .typo strong{font-size: 172px; padding: 30px 0;}
    .evt_wrp .list_horiz li{padding: 40px 56px;}
    .evt_wrp .list_jehu li{width: 31%;}
}

@media screen and (width: 768px){
.evt_wrp .visual{height: 85vh;}
.evt_wrp .visual .typo strong{font-size: 145px;}
.evt_wrp .quick{bottom: 11%;}
.evt_wrp .list_horiz li{padding: 40px 20px;}
}

@media screen and (width: 820px){
.evt_wrp .visual{height: 80vh;}
}

@media screen and (min-width: 768px) and (max-width: 820px){ 
.evt_wrp .bubble{font-size: 31px; padding: 20px 30px;}
.evt_wrp .benefit li i{margin: 10px 0 0 5px;}
.evt_wrp .benefit li{font-size: 31px; padding: 30px 50px;}
.evt_wrp .benefit li span{margin-right: 10px;}
.evt_wrp .bg_03 .coupon {top: 75px; right: -10px; width: 70%;}
* [class^="bg_"] {padding: 0;}
.evt_wrp .bg_01{padding: 15% 0;}
.evt_wrp .txt br{display: block;}
.evt_wrp .list_jehu li{width: 49%; margin: 5px 0;}
.evt_wrp .list_jehu li:nth-child(odd){margin-right: 1%;}
.evt_wrp .ttl p{font-size: 53px;}
}