@charset "utf-8"; 
.floating_menu,
.floating_menu.active{right: 1%;} 

.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: 700;} 
.evt_wrp .tit,
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto; height: unset; max-width: max-content;} 
.evt_wrp .tit{padding-bottom: 40px;} 

.evt_wrp .visual{background: linear-gradient(#f7e8d3, #f5c1c7 70%); padding: 120px 0 80px;}
.evt_wrp .rotate-hor-center{-webkit-animation: rotate-hor-center .5s cubic-bezier(.455,.03,.515,.955) both; animation:rotate-hor-center 1s cubic-bezier(.455,.03,.515,.955) both;}
.evt_wrp .slide-bottom{animation:slide-bottom .5s 1s cubic-bezier(.25,.46,.45,.94) both; padding-top: 30px;}
.evt_wrp .slide-in-fwd-bottom{animation:slide-in-fwd-bottom .4s cubic-bezier(.25,.46,.45,.94) both; margin-top: -200px !important;}

@keyframes rotate-hor-center{0%{opacity: 0;} 50%{transform: rotateX(0);} 100%{transform: rotateX(-360deg);}}
@keyframes slide-in-fwd-bottom{0%{transform: translateZ(-100px) translateY(800px); opacity:0}100%{transform:translateZ(0) translateY(0); opacity:1}}
@keyframes slide-bottom{0%{transform: translateY(-100px); opacity: 0;} 100%{transform: translateY(0)}}

.evt_wrp .star{position: absolute; top: -80px; left: 0;} 


.evt_wrp .con1{position: absolute; top: 205px; display: flex; align-items: center; width: 1200px; left: 0;}
.evt_wrp .con2_object{position: absolute; top: 280px; left: 226px;}
.evt_wrp .transfer_pop{animation: slide-right .5s both infinite alternate;}

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

.evt_wrp .bg_01{background: #ffded1;} 
.evt_wrp .bg_02{background: #fff;} 
.evt_wrp .bg_03{background: #fff0eb;} 

.evt_wrp .horiz{overflow: hidden; width: fit-content; margin-top: 15px;}
.evt_wrp .horiz li{float:left; padding: 10px 5px 15px; width: 20%;}
.evt_wrp .horiz li img{border-radius: 10px; box-shadow: 0px 1px 10px 3px rgba(0, 0, 0, 0.2);}

.evt_wrp .horiz li:nth-child(1){padding: 0 5px 15px 10px;}
.evt_wrp .horiz li:nth-child(5){padding: 0 10px 15px 5px;}

.evt_wrp .horiz li:nth-child(1),
.evt_wrp .horiz li:nth-child(5){margin-top: 50px;}
.evt_wrp .horiz li:nth-child(2),
.evt_wrp .horiz li:nth-child(4){margin-top: 25px;}

.evt_wrp .bg_transfer{position: absolute; top: -8px; left: 0;} 
.evt_wrp .transfer{position: sticky; z-index: 2; padding-top: 35px;} 
.evt_wrp .transfer_pop{position: absolute; top: -30px; left: 153px; animation: slide-right .5s both infinite alternate;} 

.evt_wrp .notice{width: 1198px; margin: 50px auto 0; border: 1px solid; font-size: 17px; padding: 30px 50px; line-height: 1.7; border-radius: 5px;} 
.evt_wrp .notice p{padding-left: 10px;} 
.evt_wrp .notice p::before{content: '\00B7'; margin: 0 5px 0 -10px;} 

.evt_wrp .btn{background: #000; width: 765px; height: 80px; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px; font-weight: 900; border-radius: 5px;} 
.evt_wrp .btn span{background: #fff; border-radius: 50%; color: #000; width: 30px; height: 30px; font-size: 21px; margin: 5px 0 0 10px; justify-content: center; display: flex; align-items: center; animation: slide-right .5s both infinite alternate;} 
@keyframes slide-right{0%{transform: translateX(0);} 100%{transform: translateX(5px);}} 

.evt_wrp .btm_txt{background: #383b3f; padding: 35px; color: #efefef; font-size: 20px; line-height: 1.5; text-align: center; font-weight: 300;} 
.evt_wrp .btm_txt strong{color: #fff;} 

.evt_wrp .small{font-size: 12px; color: #111; position: absolute; right: 20px; bottom: 30px;} 
.evt_wrp .small::before{content: '\002A'; margin: 0 5px 0 -10px;} 

.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: 761px) {
    .evt_wrp .pc{display: block; position: sticky; z-index: 2;}
    .btm_txt br{display: none;} 
} 

/* 모바일 */
@media screen and (max-width: 760px) {
    .evt_wrp .visual_wrp,
    .evt_wrp .small.__2{display: none;} 
    .evt_wrp .mo{display: block;} 
    .evt_wrp .visual {padding: 12% 0 5%;}
    .evt_wrp .visual .inner{width: 95%; margin: 0 auto; max-width: unset;} 
    .evt_wrp .visual .inner:first-child{width: 70%;}
    .evt_wrp .slide-in-fwd-bottom{margin-top: -21% !important;}

    .evt_wrp .con2_object{position: absolute; top: 113%; left: 50%; width: 34%; margin-left: -19%;}
    
    .evt_wrp * [class^="bg_"] {padding: 10% 3%;} 
    .evt_wrp .tit{width: 80%; margin-bottom: -20px;} 
    .evt_wrp .con1{top: 7%; width: unset; padding: 20px;} 
    .evt_wrp .btn{width: unset; padding: 15px 60px; height: unset; font-size: 20px;} 
    .evt_wrp .btn span {width: 22px; height: 22px; font-size: 17px;} 
    .evt_wrp .btm_txt{padding: 30px 10px; font-size: 17px;} 
    .evt_wrp .notice{width: 100%; padding: 20px 30px; font-size: 14px; margin-top: 30px;}
    * [class^="evt_txt_"] {font-size: 11px; top: 34px;} 
    .evt_wrp .evt_txt_1{left: 58px;} 
    .evt_wrp .evt_txt_2{right: 58px;} 
    .evt_wrp .small{font-size: 10px;} 
    .evt_wrp .small.__1{left: 70px; bottom: -75px;} 
    .evt_wrp .bg_03 .small{right: 20px; bottom: 20px;} 
    .evt_wrp .btn span{align-items: start;} 
    .evt_wrp .bg_01{position: sticky; z-index: 2;} 
    
    .evt_wrp .transfer_pop{width: 70%; top: -21%; left: 50%; margin-left: -38%;} 

    .evt_wrp .horiz{width: 95%; margin: -5% 0 0 2%;}
    .evt_wrp .horiz li{width: 20%;}
    .evt_wrp .horiz li img{border-radius: 3px;}
    .evt_wrp .star{top: 10%; left: -10%; width: 120%;}
}

@media screen and (min-width: 761px) and (max-width: 1024px) {
    * [class^="bg_"]{padding: 10% 5%;}
    .evt_wrp .tit{width: 62%;}
    .evt_wrp .notice{width: 100%; top: 115%;}
    .evt_wrp .con2_object{width: 34%; left: 50%; margin-left: -19%; top: 115%;}
    .evt_wrp .star{top: -5%;}
    .evt_wrp .bg_01{position: sticky; z-index: 2;}
    .evt_wrp .transfer_pop{left: 10%; width: 62%;}
    .evt_wrp .visual .inner:first-child{width: 70%;}
    .evt_wrp .visual{padding: 12% 2% 8%;}
    .evt_wrp .slide-in-fwd-bottom{margin-top: -20% !important;}
    .evt_wrp .btn{width: 100%;}
}