@charset "utf-8"; 
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KakaoBigSans/KakaoBigSans.css'); 


.evt_wrp{position: relative; width: 100%; overflow: hidden; font-weight: 500;}
.evt_wrp *{font-family: 'Kakao Big Sans', sans-serif;}
.evt_wrp .evt_con .inner{position: relative; height: fit-content;}
.evt_wrp .evt_con img{vertical-align: top; width: 100%;}
.evt_wrp strong{font-weight: 900;}
.evt_wrp .small{font-size: 13px; font-weight: 500;}

.evt_wrp .tit{font-size: 45px; font-weight: 900; text-align: center; line-height: 1.2; letter-spacing: -1px;}
.evt_wrp .tit i{display: block; color: #dac5af; font-size: 25px; font-weight: 300;}

.evt_wrp .barbnr{position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(255,83,65,0.95); font-size: 28px; z-index: 9; font-weight: 900; text-align: center; padding: 18px 0; color: #fff;}
.evt_wrp .barbnr span{border-radius: 50%; font-size: 22px; background: #000; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; margin-left: 10px;}

.evt_wrp .quick{position: fixed; right: 0; top: 320px; z-index: 2; text-align: center; background: #00ffd2; border-top-left-radius: 10px; font-weight: 700;}
.evt_wrp .quick strong{background: #000; color: #fff; padding: 10px 0; border-top-left-radius: 10px; display: block; width: 150px;}
.evt_wrp .quick span{position: relative; display: block; padding: 15px 20px; border-bottom: 1px solid #000; font-size: 17px;}

.visual_wrp{background: #6c00ff url('imgs/bg_visual.png') no-repeat center 0; height: 676px;}
.visual_wrp .pop{position: absolute; top: 140px; right: 0;}
.visual_wrp > .inner{display: flex; width: fit-content;}
.visual_wrp .typo{position: relative; animation: bounce-in-left 1s 0.5s both;}
@keyframes bounce-in-left{0%{transform: translateX(-200px); animation-timing-function: ease-in; opacity: 0;}38%{transform: translateX(0); animation-timing-function: ease-out; opacity: 1;}55%{transform: translateX(-68px); animation-timing-function: ease-in;}72%{transform: translateX(0); animation-timing-function: ease-out;}81%{transform: translateX(-28px); animation-timing-function: ease-in;}90%{transform: translateX(0); animation-timing-function: ease-out;}95%{transform: translateX(-8px); animation-timing-function: ease-in;}100%{transform: translateX(0); animation-timing-function: ease-out;};}

.visual{perspective: 1000px;}
.visual img{transform-style: preserve-3d; animation: rotateY360 1s ease forwards;}
@keyframes rotateY360 {from{transform: rotateY(0deg);} to{transform: rotateY(360deg);};}

.evt_wrp .benefit{overflow: hidden; margin-top: 20px; width: 100%;}
.evt_wrp .benefit li{float: left; background: #fff; width: 32%; margin: 5px 0 5px 2%; padding: 40px 0 40px; border-radius: 10px; font-weight: 900; text-align: center;}
.evt_wrp .benefit li:first-child{margin-left: 0;}
.evt_wrp .benefit .txt{height: 96px;}
.evt_wrp .benefit strong{font-size: 20px;}
.evt_wrp .benefit em{display: block; font-size: 26px; color: #5400ff; padding-bottom: 10px;}
.evt_wrp .benefit .ico_img{width: 102px; height: 90px; margin: 15px auto 0;}

* [class^="btn_"] {display: block; text-align: center; color: #fff;}
* [class^="btn_"] span{position: relative;}
* [class^="btn_"] span::after{position: absolute; content: ''; width: 6px; height: 6px; border-top: 2px solid; color: #fff; border-right: 2px solid; transform: rotate(45deg); display: block;}

.btn_01{background: #000; width: 50%; margin: 0 auto; border-radius: 5px; padding: 7px 0; font-weight: 500; font-size: 14px;}
.btn_02{background: #5400ff; width: 100%; margin: 20px auto 0; padding: 20px 0;  font-weight: 900; border-radius: 5px; font-size: 22px;}

.bg_02 .btn_02{background: #ff5341;}
.bg_03 .btn_02{background: #ffea00; color: #000;}
.btn_01 span::after{top: 4px; right: -20px;}
.btn_02 span::after{top: 8px; right: -24px;}
.bg_03 .btn_02 span::after{color: #000;}

.evt_wrp .discount{counter-reset: number; width: 100%;}
.evt_wrp .discount > li{background: #fff4ee; overflow: hidden; margin: 10px 0; display: flex; width: 100%; border-radius: 8px; height: 190px;}
.evt_wrp .discount > li:first-child{margin-top: 40px;}
.evt_wrp .discount .txt{width: 620px; font-size: 32px; font-weight: 900; padding: 40px 0 0 100px;}
.evt_wrp .discount .object{width: 480px; margin: 0 auto; align-items: end; display: flex; justify-content: center;}

.evt_wrp .discount .detail{margin-top: 10px;} 
.evt_wrp .discount .detail p{padding: 3px 0 3px 20px; font-weight: 600; letter-spacing: -1px; font-size: 18px;}

.evt_wrp .discount .no::before{counter-increment: number 1; content: '0' counter(number) '.'; margin-left: -50px; padding-right: 5px; font-weight: 200; color: #768fd3; text-align: right;}

.evt_wrp .bg_02 .discount .lec-view{background: transparent; border: 1px solid #ccc;}
.evt_wrp .bg_03 .discount > li{background: #000; color: #fff;}
.evt_wrp .bg_03 .tit{color: #fff;}
.evt_wrp .bg_03 .tit span,
.evt_wrp .bg_03 .discount span{color: #ffea00;}

.evt_wrp .discount .lec-view{height: 220px;}
.evt_wrp .discount .lec-view .txt{padding: 40px 0 50px 60px;}
.evt_wrp .discount .lec-view .detail p{padding: 3px 0 3px 15px; font-size: 17px;}
.evt_wrp .discount .lec-view .object img{margin-top: -5px;}

.evt_wrp .discount .detail p{padding: 3px 0 3px 20px; font-weight: 300; letter-spacing: -1px;}

.evt_wrp .discount .no::before{counter-increment: number 1; content: '0' counter(number) '.'; margin-left: -50px; padding-right: 5px; font-weight: 200; color: #ae997a; text-align: right;}

.evt_wrp .detail > p{padding: 5px 12px 3px; font-weight: 600;}
.evt_wrp .detail > p::before{content: '\002D'; margin-left: -12px; margin-right: 5px; font-weight: 300; font-size: 12px;}
.evt_wrp .detail > p:nth-child(3){padding-top: 10px;}
.evt_wrp .detail .notice *{line-height: 1.5;}
.evt_wrp .detail .notice p{font-weight: 400; font-size: 16px; padding-left: 20px;}
.evt_wrp .detail .notice p::before{content: '\00B7'; margin-left: -10px; margin-right: 5px;}
.evt_wrp .detail i{font-weight: 400; font-size: 14px; padding: 0 5px 0 20px;}
.evt_wrp .detail i::before{content: '\002A'; margin-left: -10px; margin-left: -10px;}
.evt_wrp .detail a{font-size: 13px; letter-spacing: -0.5px; text-decoration: underline; color: #777; /* padding-left: 0; */}

.evt_wrp .detail em{color: #ff5341;}
.evt_wrp .detail .cate{background: #0042ff; color: #fff; padding: 3px 5px; border-radius: 3px; font-size: 16px; font-weight: 400; text-align: center; display: inline-block; margin-bottom: 7px;}


* [class^="bg_"]{position: relative; padding: 100px 0;}
.evt_wrp .bg_01{background: #fff4ee;}
.evt_wrp .bg_02{background: #fff;}
.evt_wrp .bg_03{background: #6000ff;}
.evt_wrp .bg_04{background: #252525;}
.evt_wrp .bg_04 .tit{color: #fff;}

.blue{color: #0042ff !important;}

.evt_wrp .bg_02 .tit span,
.discount span{color: #ff5341;}

.blink{animation: blink 1s infinite;}
.dungdung{animation: updown 1s both infinite alternate;}
.arrow-slide{animation: slide-right .5s both infinite alternate;}

.up-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);};}
@keyframes slide-right{0%{transform: translateX(0);} 100%{transform: translateX(5px);};}

.evt_wrp .notice-box{margin-top: 20px; padding: 35px 40px; border-radius: 5px; border: 1px solid #000;}
.evt_wrp .notice-box .detail{padding-left: 10px;}
.evt_wrp .notice-tit{font-size: 20px; border-bottom: 2px solid #000; font-weight: 900; margin-bottom: 20px; padding: 5px 9px;}
.evt_wrp .notice-box .detail em{font-weight: 800;}
.evt_wrp .notice-box i::before{content: '*'; margin-left: -10px; margin-right: 2px;}

.evt_wrp .notice-box .link{font-size: 16px; color: #0042ff; border-bottom: 1px solid #0042ff; display: inline-block; margin: 15px 0 0 -8px; letter-spacing: -1px;}

/* review */
.evt_wrp .review .slide_box{position: relative; width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.evt_wrp .review .slide_box .swiper-container{width: 100%; padding: 30px 0;}
.evt_wrp .review .slide_box .swiper-wrapper{transition-timing-function: linear !important; /* 부드러운 롤링 */}
.evt_wrp .review .slide_box .swiper-slide{width: auto !important;}
.evt_wrp .review .slide_box img{width: 100%; height: auto; display: block; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); border-radius: 15px;}

.evt_wrp .review .small {position: absolute; right: 282px; top: -15px; font-size: 12px; font-weight: 300; opacity: 0.65;}
.evt_wrp .review sup {position: absolute; top: 15px; left: 500px; font-size: 25px; font-weight: 300;}
.evt_wrp .bg_02 .discount li:last-child .object{padding-bottom: 20px;}


/* PC */
@media screen and (min-width: 981px){
    .evt_wrp .evt_con .inner{width: 1000px; margin: 0 auto;}
    .evt_wrp .discount .lec-view .detail p br,
    .evt_wrp .tit br,
    .evt_wrp .benefit em br{display: contents;}
;}

/* 태블릿 가로 사이즈 (최소 지정, 스트롤) */
@media screen and (min-width: 820px) and (max-width: 1024px){
    body{min-width: 950px;} /* PC 기준 컨텐츠 가로 900px */
;}

@media screen and (min-width: 1025px){
    body{min-width: 1300px;}
;}

@media screen and (max-width: 1024px) {
.evt_wrp .quick_fixed{display: none;}
;}

@media screen and (max-width: 980px) {
.visual_wrp img{width: 100%;}
.evt_wrp .discount > li{display: block;}
.evt_wrp .discount > li:first-child{margin-top: 20px;}
.evt_wrp .discount .txt{width: 100%; padding: 30px 20px 10px;}
.evt_wrp .discount .txt li:first-child{font-size: 20px;}
.evt_wrp .discount .detail p{font-size: 16px;}
.evt_wrp .discount .object{width: 75%; margin: 0 auto;}
.evt_wrp .discount .object li img{width: 140%; margin-left: -20%;}
.evt_wrp .bg_02 .discount > li{height: fit-content;}
.evt_wrp .bg_02 .discount:first-child li:first-child .object{margin-top: -6%;}
.evt_wrp .bg_02 .discount:first-child li:last-child .object{margin-top: -2%; padding-bottom: 5%}
.evt_wrp .discount .no::before{margin-left: 0;}
.evt_wrp .discount .lec-view .txt{padding: 30px 0 10px 20px;}
.evt_wrp .discount .lec-view .detail p{padding: 0 0 0 22px; width: 95%; margin-left: -10px; font-size: 14px;}
.evt_wrp .btn_02{font-size: 17px;}
.btn_02 span::after{display: none;}
;}

/* mo */
@media screen and (max-width: 768px){
    .evt_wrp .barbnr{font-size: 20px;}
    .evt_wrp .barbnr span{font-size: 16px; width: 20px; height: 20px; margin-left: 5px;}
    .visual_wrp{background-image: unset; height: 522px;}
    .evt_wrp .visual_wrp > .inner{display: block;}
    .evt_wrp .visual_wrp .typo img{margin: -6% 0 0 -5%;}    
    .evt_wrp .visual{background: url('imgs/bg_visual.png') no-repeat -245px -65px; background-size: 210%; width: 100%; margin-top: -15%; text-align: center; height: 260px; overflow: hidden;}
    .evt_wrp .visual img{width: 80%; margin-top: -20px;}
    .evt_con .inner{width: 90%; margin: 0 auto;}
    .visual_wrp .pop {top: 30px; right: 20px; width: 18%;}

    .evt_wrp .quick{display: none;}

    * [class^="bg_"]{position: relative; padding: 10% 0;}
    .evt_wrp .tit{font-size: 1.6rem;}
    .evt_wrp .tit i{font-size: 1.2rem;}

    .evt_wrp .benefit li{padding: 10px 0; width: 100%; display: flex; margin: 5px 0;}
    .evt_wrp .benefit strong{font-size: 1rem;}
    .evt_wrp .benefit em{font-size: 1.3rem; padding-bottom: 5px;}
    .evt_wrp .benefit em br{display: none;}
    .evt_wrp .benefit .txt{text-align: left; width: 65%; padding: 10px 0 0 30px;}
    .evt_wrp .benefit .ico_img{width: 45%; height: unset; display: flex; justify-content: center; align-items: center;}
    .evt_wrp .benefit .ico_img img{width: 50%;}


    .evt_wrp .btn_01{width: 70%; padding: 5px 0; font-size: 12px; margin: unset;}
    .btn_01 span::after{right: -10px; width: 5px; height: 5px;} 

    .evt_wrp details summary{padding: 18px; font-size: 22px; text-align: left; letter-spacing: -1px;}    
    .evt_wrp details[open] summary .arrow::after{top: 10px; width: 10px; height: 10px; margin-left: 15px; margin: unset;}
    .evt_wrp details summary .arrow::after {top: 3px; width: 10px; height: 10px; margin-left: 15px;}
    .evt_wrp .file_wp{position: unset; margin-top: 10px; background: #d7dce4; padding: 20px; border-radius: 5px;}
    .evt_wrp .file_wp ul{border-bottom: 0; text-align: center; height: fit-content;}
    .evt_wrp .file_wp input[type='file']{width: 100%; border-bottom: 1px solid #000; padding-bottom: 9px; font-size: 17px;}
    .evt_wrp .file-button{font-size: 16px;}
    .evt_wrp .file_wp .btn-up{margin-top: 20px;}
    
    .evt_wrp .file_view{background: #d7dce4; margin: -20px auto 20px; border-radius: 0 0 5px 5px;}
    .evt_wrp .file_view img{width: 65%;}

    .evt_wrp .notice-box{padding: 10px 5px; font-size: 0.85rem;}
    .evt_wrp .detail .notice p{padding: 0 5px; font-size: 0.85rem;}
    .evt_wrp .detail i{display: block; font-size: 0.8rem;}
    .evt_wrp .evt-detail strong{font-size: 26px; letter-spacing: -1px;}
    .evt_wrp .evt-detail{padding: 35px 0 50px;}
    .evt_wrp .review{padding-top: 15%;}
    .evt_wrp .review .small{top: -4vw; left: 16px; width: 100%;}
    .evt_wrp .review sup{position: absolute; top: 10px; left: 175px; font-size: 17px; font-weight: 300;}
    
    .evt_wrp .review .slide_box .swiper-container{padding: 20px 0;}
    .evt_wrp .review .slide_box .swiper-slide{width: 70% !important; border-radius: 5px !important;}
    .evt_wrp .review .slide_box .swiper-slide img{border-radius: 5px !important;}
;}