.inner_wrap{max-width: 1380px;margin: 0 auto;padding: 180px 50px;}
li{list-style: none;}
.tit{text-align: center;}
.tit h3 strong{font-weight: 700;}   
h4{font-size: 20px; line-height: 1.7; color:inherit}
.btn_group{   
    width: 222px;
    height: 56px;
    margin-top: 48px;
}
.btn_group a{transition: all .3s ease;position: relative;display: flex;margin: 0 auto;width: 249px;height: 56px;
    border-radius: 100px;background: #222;font-size: 18px;font-weight: 600;line-height: 1.7;color:#fff;justify-content: center;align-items: center;
    padding-left: 4px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);}
.btn_group a.reverse::after{background: url(/wp-content/themes/fastfive/assets/event/common/img/ico_btn_arrow_2.png) 50% 50% no-repeat;background-size: 24px 24px;}
.btn_group a.reverse{background: #fff;color: #222;}
.btn_group a:after{transition: all .3s ease;transition: all .5s ease;content: '';display: inline-block;width: 24px;height: 24px;background: url(/wp-content/themes/fastfive/assets/event/common/img/ico_btn_arrow_w.png) 50% 50% no-repeat;background-size: 24px 24px;}
.btn_group a:hover::after{background: url(/wp-content/themes/fastfive/assets/event/common/img/ico_btn_arrow_w.png) 50% 50% no-repeat;background-size: 24px 24px;}
.btn_group a:hover{background: #FF522C;}
.btn_group a:hover::after{opacity: 1;}
.mo_hidden{display: block;}
.pc_hidden{display: none;}

.openBtn {--duration: .32s;}
.openBtn:hover{--y: -62px;}
.openBtn div span:nth-child(1){transition-delay: 0.05s;}
.openBtn div span:nth-child(2){transition-delay: 0.1s;}
.openBtn div span:nth-child(3){transition-delay: 0.15s;}
.openBtn div span:nth-child(4){transition-delay: 0.2s;}
.openBtn div span:nth-child(5){transition-delay: 0.25s;}
.openBtn div span:nth-child(6){transition-delay: 0.3s;}
.openBtn div span:nth-child(7){transition-delay: 0.35s;}
.openBtn div span:nth-child(8){transition-delay: 0.4s;}
.openBtn div span:nth-child(9){transition-delay: 0.45s;}
.openBtn div span:nth-child(10){transition-delay: 0.45s;}
.openBtn div span:nth-child(11){transition-delay: 0.55s;}
.openBtn div span:nth-child(12){transition-delay: 0.6s;}
.openBtn div span:nth-child(13){transition-delay: 0.65s;}
.openBtn div {
    display: flex;
    overflow: hidden;
    height: 31px;
    gap:5px 0;
    text-shadow:0 26px 0 #fff}
    .openBtn.reverse div{
        text-shadow:0 26px 0 #222}
.openBtn div span {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
    transition: transform var(--duration) ease;
    transform: translateY(var(--m)) translateZ(0);}
.openBtn:hover span {
--m: calc(16px * -1.6);
}
.sec_benefit .btn_group a{background: #fff;color: #222;}
.sec_benefit .btn_group a.reverse:hover{background: #FF522C;}
.sec_benefit .btn_group a.reverse:hover{
    color: #fff;
}
.sec_benefit .btn_group a.reverse:hover div{
    text-shadow:0 24px 0 #fff}
.tit h3{font-size: 40px;line-height: 1.4;font-weight: 500;}
.tit p{font-size: 20px;line-height: 1.7;font-weight: 500;}

/*************          PC ::  비주얼        ***************/
.sec_visual{
    position: relative;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/img_visual.jpg') no-repeat center top;
    background-size: cover;
}
.sec_visual .inner_wrap:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: calc(50% - 217px);
    height: 100%;
    animation: 1s bg-move .2s ease-out forwards;
    background: linear-gradient(90deg, #FFFCF3 0%, rgba(255, 252, 243, 0.88) 26.83%, rgba(255, 252, 243, 0.58) 60.17%, rgba(255, 252, 243, 0.00) 100%);;
}
.sec_visual .inner_wrap {padding: 130px 50px 239px}
.sec_visual .tit {position: relative; width: 419px; text-align: left;}
.sec_visual .tit::before {
    content: '';
    position: absolute;
    top: 87px;
    left: -47px;
    display: block;
    width: 40px;
    height: 88px;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/icon_visual_r.png') no-repeat center;
    background-size: 100%;
}
.sec_visual .tit::after {
    content: '';
    position: absolute;
    top: 79px;
    left: auto;
    right: -44px;
    display: block;
    width: 50px;
    height: 112px;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/icon_visual_l.png') no-repeat center;
    background-size: 100%;
}
.tit .tit_visual {font-size: 52px; font-weight: 700; line-height: 1.4;padding-bottom: 8px;
    letter-spacing: -1px;}
.tit .tit_visual strong {color: #FF522C;}
.tit .txt_visual {font-size: 20px; font-weight:400; line-height: 1.7;}
.objet {position: relative;width: 157px;height: 100px;
}
.icon-watch {width: 77px;height: 98px;animation: .3s watch_move infinite;
}
.icon-thunder {position: absolute;right: 0;bottom: 20%;width: 68px;
}
.icon-thunder2 {position: absolute;right: 28%;width: 26px;
}
.aside-list {
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    display: flex;
    justify-content: center;
    max-width: 1110px;
    width: calc(100% - 100px);
    height: 87px;
    background-color: #fff;
    border-radius: 100px;
    transform: translate(-50%,50%);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}
.aside-list > h4 {
    position: relative;
    z-index: 5;
    margin-right: 81px;
    padding-left: 40px;
}
.aside-list > ol {    
    align-items: center;
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 692px;
    z-index: 5;
}
.aside-list > ol > li::before {
    vertical-align: middle;
    display: inline-block;
    content: '';
    width: 1px;
    height: 37px;
    background-color: #e4e4e4;
    margin-right: 40px;
}
.aside-list > ol > li:first-child:before {
    display: none;
}
.aside-list > ol > li {
    vertical-align: text-top;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.aside-list > ol > li em {
    font-size: 12px;
    color: #ff522c;
    padding-left: 8px;
}
.aside-list > ol > li strong {    
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.7;
    color: #FF522C;
    margin-right: 24px;
}
.aside-list::after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    inset: 5px;
    border-radius: 45px;
    z-index: 1;
    transition: opacity .3s ease;
}
#aside-list-r {
    background: conic-gradient(from calc(var(--r2) - 90deg) at var(--x) 50px, #fff 0%, #FF522C 20%, #fff 25%);
    animation: -0.64s rotating2 3s linear infinite, -0.64s x 3s linear infinite;
}

.sec_coupon {
    background-color: #FFE8AC;
} 
.sec_coupon .inner_wrap {
    align-items: center;
    max-width: 1162px;
    display: flex;
    justify-content: space-between;
    padding: 87px 50px 103px;
}
.sec_coupon .tit h3 {
    text-align: left;
}
.sec_coupon .img-box {
    position: relative;
    width: 742px;
    padding: 25px 27px 21px 45px;
}
.sec_coupon .img-box .snow_l {
    position: absolute;
    top: 25px;
    left: 0;
    width: 45px;
    height: 45px;
    display: block;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/icon_snow_l_2_b.png') no-repeat center;
    background-size: contain;
    opacity: 0;
}
.sec_coupon .img-box .snow_l:before {
    content: '';
    position: absolute;
    top: -50%;
    left: 51px;
    width: 19px;
    height: 19px;
    display: block;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/icon_snow_l_3.png') no-repeat center;
    background-size: contain;
    opacity: 0;
}
.sec_coupon .img-box .snow_l:after {
    content: '';
    position: absolute;
    bottom: -190px;
    left: 39px;
    width: 23px;
    height: 23px;
    display: block;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/icon_snow_l_2.png') no-repeat center;
    background-size: contain;
    opacity: 0;
    animation: .3s snow_opacity .4s ease-in forwards alternate;
}
.sec_coupon .img-box .snow_r {
    position: absolute;
    bottom: 25px;
    right: -15px;
    width: 41px;
    height: 41px;
    display: block;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/icon_snow_r_1.png') no-repeat center;
    background-size: contain;
    opacity: 0;
}
.sec_coupon .img-box .snow_r:before {
    content: '';
    position: absolute;
    bottom: -22px;
    right: 51px;
    width: 17px;
    height: 17px;
    display: block;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/icon_snow_r_3.png') no-repeat center;
    background-size: contain;
    opacity: 0;
}
.sec_coupon .img-box .snow_r:after {
    content: '';
    position: absolute;
    top: -193px;
    right: 35px;
    width: 23px;
    height: 23px;
    display: block;
    background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/icon_snow_r_2.png') no-repeat center;
    background-size: contain;
    opacity: 0;
}

.sec_coupon .img-box.__start .snow_l{animation: .3s snow_opacity .3s ease-in forwards alternate;}
.sec_coupon .img-box.__start .snow_l:before{animation: .3s snow_opacity .6s ease-in forwards alternate;}
.sec_coupon .img-box.__start .snow_l:after{animation: .3s snow_opacity .4s ease-in forwards alternate;}
.sec_coupon .img-box.__start .snow_r{animation: .3s snow_opacity .3s ease-in forwards alternate;}
.sec_coupon .img-box.__start .snow_r:before{animation: .3s snow_opacity .6s ease-in forwards alternate;}
.sec_coupon .img-box.__start .snow_r:after {animation: .3s snow_opacity .4s ease-in forwards alternate;}
/* */


.sec_tab{background: #FFF9EA;text-align: center;padding-bottom: 60px;}
.sec_tab .tit{text-align: center;color: #222;}
.sec_tab .tit p{margin-top: 20px;}
.sec_tab .tit p strong{color: #FF522C;font-weight: 700;}
.sec_tab .inner_wrap{padding-bottom: 0;}
.short-lst{position:relative;top: 0;left: 0;background: #FFF9EA;box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.10);z-index:2;}
.short-lst.fixed {position:sticky; top: -85px} /* top은 이미지 높이 - 헤더 높이 */
.short-lst ul{max-width: 1062px;margin: 0 auto;display: flex;gap: 0 24px;color: #222;}
.short-lst ul li a{display: block;width: 100%;height: 100%;}
.short-lst ul li a:hover div{opacity: 1;}
.short-lst ul li a:hover p:after{width: 100%;}
.short-lst.fixed li div{opacity: 0;}
.short-lst.fixed li.active div{opacity: 0;}
.short-lst ul li{position: relative;width: 157px;text-align: center;display: flex;align-items: center;justify-content: center;}
.short-lst ul li div{opacity: 0.6;transition: all .5s ease;}
.short-lst ul li p{font-size: 18px;line-height: 72px;font-weight: 600;}
.short-lst ul li.active p{color: #FF522C;}
.short-lst ul li p:after{content: '';display: block;position: absolute;bottom: 0;left: 0;height: 4px;background: #ff522c;transition: all .3s ease;width: 0;}
.short-lst ul li.active p:after{width: 100%;}
.short-lst ul li.active div{opacity: 1;}
#sale{background: #FF522C;}
#sale .tit h3{display: inline-block;color: #fff;font-size: 24px;line-height: 1.4;font-weight: 700;position: relative;padding-left: 37px;}
#sale .tit h3:before{content: '';animation:thunder 2s ease infinite;display: block;width: 29px;height: 29px;position: absolute;top: 0;left: 0;background: url(/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/ico_thunder_y.png) 50% 50% no-repeat;background-size: 29px 29px;}
.sale-swiper{overflow: hidden;}
.swiper-box{position: relative;padding: 0 61px;margin-top: 60px;}
.sale-swiper .swiper-wrapper{flex-wrap: wrap;flex-direction: column;height: 616px;}
.sale-swiper .swiper-slide{border: 1px solid #e4e4e4;display: flex;background: #fff;height: 296px;}
.sale-swiper .swiper-slide:nth-child(2n){margin-top: 24px !important;}
.sale-swiper .swiper-slide>div{max-width: 370px;width: calc(100% / 3);}
.sale-swiper .swiper-slide .thumbs{position: relative;max-width: 418px;font-size: 0;}
.sale-swiper .swiper-slide .thumbs img{display: block;height: 100%;object-fit: cover;}
.sale-swiper .swiper-slide .movein{position: absolute;right: 0;top: 0;font-size: 20px;line-height: 1.3;font-weight: 700;background: #FFCF4A;height: 79px;width: 79px;display: flex;align-items: center;justify-content: center;}
.sale-swiper .swiper-slide .txt-box{padding: 24px;min-width: 340px;}
.sale-swiper .swiper-slide .profile{display: flex;gap: 0 24px;align-items: center;}
.sale-swiper .swiper-slide .txt-box img{width: 72px;height: 72px;}
.sale-swiper .swiper-slide .txt-box h4{font-size: 24px;line-height: 1.4;font-weight: 500;}
.sale-swiper .swiper-slide .txt-box h4 strong{display: block;}
.sale-swiper .swiper-slide .txt-box p{margin-top: 20px;font-size: 18px;font-weight: 400;line-height: 1.7;}
.sale-swiper .swiper-slide .list-box{padding: 20px 24px;border-left: 1px solid #e4e4e4;min-width: 300px;}
.sale-swiper .swiper-slide .list-box .ico-box{display: flex;gap: 0 18px;max-width: 328px;}
.sale-swiper .swiper-slide .list-box .ico-box p{font-size: 14px;line-height: 1.7;font-weight: 700;text-align: center;}
.sale-swiper .swiper-slide .list-box h2{font-size: 20px;font-weight: 700;line-height: 170%;margin: 16px 0 4px;}
.swiper-box .swiper-button-prev:hover,.swiper-box .swiper-button-next:hover{opacity: 1;}
.swiper-box .swiper-button-prev{background: url(/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/ico_slide_prev.png) 50% 50% no-repeat;background-size: 20px 40px;opacity: 0.6;transition: opacity .3s ease;}
.swiper-box .swiper-button-next{background: url(/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/ico_slide_next.png) 50% 50% no-repeat;background-size: 20px 40px;opacity: 0.6;transition: opacity .3s ease}
.swiper-box .swiper-button-disabled{opacity: 0;}
.swiper-box .tag-box{margin-top: 20px;padding-top: 20px;border-top: 1px solid #E4E4E4;}
.swiper-pagination{left: 50%;transform: translateX(-50%);margin-top: 24px;}
.swiper-pagination-bullet{background: rgba(255,255,255,0.4);width: 10px;height: 10px;margin-left: 8px;opacity: 1;}
.swiper-pagination-bullet-active{background: rgba(255,255,255,1);}

.short-list{display: flex;gap:40px 24px;flex-wrap: wrap;justify-content: center;}
.short-list li{max-width: 302px;border: 1px solid #D9D9D9;width: calc(25% - 18px);}
.short-list li.sold_out .thumbs:before{content: 'SOLD OUT';width: 100%;height: 100%;background:rgba(0,0,0,0.5);position: absolute;top:0;left: 0;font-size: 24px;line-height: 1.4;font-weight: 700;color: #fff;display: flex;justify-content: center;align-items: center;}
.short-list li.sold_out .movein{display: none;}
.short-list li .thumbs{position: relative;font-size: 0;line-height: 0;}
.short-list li .movein{text-align: center;width: 58px;height: 58px;position: absolute;right: 0;top: 0;font-size: 16px;line-height: 1.3;font-weight: 700;background: #FF522C;color: #fff;display: flex;justify-content: center;align-items: center;}
.list-box h2{font-size: 20px;line-height: 1.7;font-weight: 700;}
.list-box{padding: 16px 24px;}
#sale.lst_office .tit{border-color:rgba(255,255,255,0.3)}
.lst_office .tit {padding-bottom: 24px;border-bottom: 1px solid #d9d9d9;margin-bottom: 60px;}
.lst_office + .lst_office{margin-top: 120px;}
.lst_office .tit h3{display: inline-block;font-size: 24px;font-weight: 700;line-height: 140%;padding-left: 37px;position: relative;}
.lst_office .tit h3::before{content: '';animation:thunder 2s ease infinite;display: block;width: 29px;height: 29px;position: absolute;top: 0;left: 0;background: url(/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/ico_thunder.png) 50% 50% no-repeat;background-size: 29px 29px;}

.tag-box{display: flex;gap: 0 8px;}
.tag{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #FF8D74;border-radius: 3px;display: inline-block;}
.tag2{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #56B8FF;border-radius: 3px;display: inline-block;}
.tag3{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #60CB98;border-radius: 3px;display: inline-block;}
.tag4{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #8278FF;border-radius: 3px;display: inline-block;}
.tag5{padding: 0 8px;font-size: 16px;line-height: 1.7;font-weight: 700;color: #fff;background: #EA65F6;border-radius: 3px;display: inline-block;}
.list-box >span{margin: 4px 0 8px;}
.list-box >span + span{margin-left: 8px;}
.pay{color: #777;font-size: 18px;font-weight: 400;line-height: 1.7;}
.pay span{font-weight: 700;color: inherit}

.sec_lst .btn_group{width: 100%;}
.sec_lst .inner_wrap{padding: 120px 50px 180px;}
.sec_lst .btn_group a{width: 285px;}

.sec_benefit{background: #222;}
.sec_benefit .tit h3{color: #fff;}
.sec_benefit ul{display: flex;margin: 76px 0; gap:0 24px}
.sec_benefit ul li{padding: 30px 16px;border-radius: 8px;width: 194px;display: flex;overflow: hidden;flex-direction: column;justify-content: flex-start;align-items: center;color: #0C1123;gap:16px 0;text-align: center;transition: all .5s ease;}
.sec_benefit ul li:nth-child(1){background: linear-gradient(98deg, #FFC0B2 0% ,#FFCAB0 100%);transform: translateX(0);z-index: 5;}
.sec_benefit ul li:nth-child(2){background: linear-gradient(98deg, #FFC6B1 0% ,#FFD0B0 100%);transform: translateX(-80%);z-index: 4}
.sec_benefit ul li:nth-child(3){background: linear-gradient(98deg, #FFCCB0 0% ,#FFD6AF 100%);transform: translateX(-160%);z-index: 3}
.sec_benefit ul li:nth-child(4){background: linear-gradient(98deg, #FFD2AF 0% ,#FFDCAE 100%);transform: translateX(-240%);z-index: 2}
.sec_benefit ul li:nth-child(5){background: linear-gradient(98deg, #FFD8AE 0% ,#FFE2AD 100%);transform: translateX(-320%);z-index: 1}
.sec_benefit ul li:nth-child(6){background: linear-gradient(98deg, #FFDEAE 0% ,#FFE8AC 100%);transform: translateX(-400%)}
.sec_benefit ul.__start li{transform: translateX(0);}
.sec_benefit ul li span{font-size: 20px;line-height: 1.7;font-weight: 700;}
.sec_benefit ul li h4{font-size: 24px;line-height: 1.4;font-weight: 700;}
.sec_benefit ul li p{font-size: 18px;line-height: 1.7;font-weight: 400;}
.sec_benefit .btn_group{width: 100%;}
@keyframes thunder{
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-10deg);
        transform: scale3d(.9,.9,.9) rotate(-10deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(10deg);
        transform: scale3d(1.1,1.1,1.1) rotate(10deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-10deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-10deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@property --r2 {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
  
@property --x {
    syntax: '<length>';
    inherits: false;
    initial-value: 0px;
}

@keyframes snow_opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes bg-move {
    0% {
        width: 400%;
    }
    100% {
        width: 344px;
    }
}
@keyframes watch_move {
    0% {
        transform: translate(0);
    }
    20% {
        transform: translate(-2px, 2px);
    }
    40% {
        transform: translate(-2px, -2px);
    }
    60% {
        transform: translate(2px, 2px);
    }
    80% {
        transform: translate(2px, -2px);
    }
    100% {
        transform: translate(0); 
    }
}
@keyframes x {
    0% {
        --x: 80px;
      }
      32.82275711% {
        --x: 1100px;
      }
      50% {
        --x: 1100px;
      }
      82.82275711% {
        --x: 80px;
      }
      100% {
        --x: 80px;
      }
  }
  @keyframes rotating2 {
    0% {
      --r2: 0deg;
    }
    32.82275711% {
      --r2: 0deg;
    }
    50% {
      --r2: 180deg;
    }
    82.82275711% {
      --r2: 180deg;
    }
    100% {
      --r2: 360deg;
    }
  }

  @media all and (max-width:960px) {
    .sec_visual {
        background: url('/wp-content/themes/fastfive/assets/event/shortterm_timedeal/img/img_visual_mo.jpg') no-repeat bottom center;
        background-size: cover;
    }
    .sec_visual .inner_wrap:before{
        margin-top: calc(50% - 44px);
        margin-left: 0;
        width: 100%;
        height: auto;
        background: linear-gradient(178deg, #FFFCF3 0%, rgba(255, 252, 243, 0.88) 26.83%, rgba(255, 252, 243, 0.58) 60.17%, rgba(255, 252, 243, 0.00) 100%);
        animation: .6s bg-move-m .2s linear forwards;
    }
    .sec_visual .inner_wrap {
        padding: 45px 45px 203px;
    }
    .sec_visual .tit {
        text-align: center;
        width: 286px;
        margin: 0 auto;
    }
    .tit .tit_visual {
        font-size: 34px;
    }
    .tit .txt-visual{
        font-weight: 400;
    }
    .sec_visual .btn_group{width: 179px;}
    .objet {
        text-align: left;
        margin: 0 auto;
    }
    .sec_visual .tit::before {
        left: -9%;
        width: 31px;
        height: 64px;
    }
    .sec_visual .tit::after {
        top: 29%;
        right: -7%;    
        width: 26px;
        height: 60px;
    }
    .btn_group a {
        width:100%;
        font-size: 16px;
    }
    .btn_group {
        margin: 48px auto 0;
    }
    .openBtn div{
        height: 27px;
        text-shadow: 0 25px 0 #fff;
    }
    .aside-list {    
        flex-direction: column;
        bottom: 0;
        width: 334px !important;
        height: 141px;
        border-radius: 20px;   
        padding: 0 20px;
        transform: translate(-50%,63%);
    }
    .aside-list::after {
        inset: 4px;
        border-radius: 20px;
    }
    .aside-list > h4 {
        text-align: center;
        width: 100%;
        font-size: 18px;
        line-height: 1.7;
        margin: 0 auto;
        padding-left: 0;
    }
    .aside-list > h4::after {
        content:'';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #e4e4e4;
        margin: 8px 0;
    }
    .aside-list > ol { 
        flex-wrap: wrap;
        width: 214px;
    }
    .aside-list > ol > li {    
        width: 50%;
        font-size: 14px;
        line-height: 1.7;
    }
    .aside-list > ol > li strong {
        font-size: 18px;
        margin-right: 10px;
    }
    .aside-list > ol > li::before {
        display: none;
    }
    .sec_coupon .inner_wrap {
        flex-direction: column;
        padding: 171px 10px 80px;
    }
    .sec_coupon .tit h3 br{display: none;}
    .aside-list{
        width: 100%;
    }
    .sec_coupon .img-box{
        width: 100%;
        padding: 0;
        margin-top: 16px;
    }
    .sec_coupon .img-box .snow_l{
        width: 16px;
        height: 16px;
        top: -20px;
    }
    .sec_coupon .img-box .snow_l:before{
        width: 11px;
        height: 11px;
        top: 80%;
        left: 23px;
    }
    .sec_coupon .img-box .snow_l:after{
        bottom: -123px;
        left: 5px;
        width: 13px;
        height: 13px;
    }
    .sec_coupon .img-box .snow_r:after{
        width: 15px;
        height: 15px;
        top: -120px;
        right: -13px;
    }
    .sec_coupon .img-box .snow_r{
        width: 18px;
        height: 18px;
        bottom: -14px;
        right: 25px;
    }
    .sec_coupon .img-box .snow_r:before{
        bottom: 11px;
        right: -21px;
        width: 10px;
        height: 10px;}
    .sec_visual .inner_wrap{
        overflow: hidden;
    }
    .inner_wrap{
        padding: 80px 20px;
    }
    .tit h3{
        font-size: 28px;
        line-height: 1.4;
    }
    .tit p{
        font-size: 18px;
    }
    .short-lst{
        overflow-x: scroll;
    }
    .short-lst.fixed{
        top: -30px;
    }
    .short-lst ul{
        width: 642px;
        padding:0 20px;
        gap: 0 12px
    }
    .short-lst ul li{
        width: 92px;
    }
    .short-lst ul li a:hover div{
        opacity: 0.6;
    }
    .short-lst.fixed ul li a:hover div{
        opacity: 0;
    }
    .short-lst ul li a:hover p:after{
        width: 0;
    }   

    .short-lst ul li.active a:hover p:after{
        width: 100%;
    }   
    .short-lst ul li p{
        font-size: 14px;
        line-height: 44px;
    }
    #sale .tit h3{
        font-size: 22px;
        padding-left: 30px;
    }
    .sale-swiper .swiper-wrapper{
        flex-wrap: nowrap;
        flex-direction: row;
        height: auto;
    }
    .sale-swiper .swiper-slide{
        height: auto;
        flex-direction: column;
        border : none;
    }
    .sale-swiper .swiper-slide .thumbs{
        width: 100%;
        max-width: 100%;
    }
    .sale-swiper .swiper-slide .thumbs img{
        height: auto;}
    .swiper-box{
        padding: 0 0 28px;
        margin-top: 0;
    }
    .short-list{
        gap: 24px 12px;
    }
    .short-list li{
        width: calc(50% - 6px);
    }
    .sale-swiper .swiper-slide .txt-box{
        padding: 20px 20px;
    }
    .sale-swiper .swiper-slide .txt-box img{
        width: 67px;
        height: 67px;
    }
    .sale-swiper .swiper-slide .txt-box h4{
        font-size: 22px;
        line-height: 1.4;
    }
    .sale-swiper .swiper-slide .txt-box p{
        margin-top: 16px;
        font-size: 16px;
    }
    .sale-swiper .swiper-slide .list-box{
        padding: 16px 0;
        border-top: 1px solid #e4e4e4;
        margin: 0 auto;
        border-left: none;
        width: calc(100% - 40px);
        min-width: auto;
        max-width: 100%;
    }
    .sale-swiper .swiper-slide>div{
        width: 100%;
    }
    .sale-swiper .swiper-slide .list-box h2{
        border-top: 1px solid #e4e4e4;
        font-size: 18px;
        padding-top: 16px;
        margin-bottom: 0;
    }
    .sale-swiper .swiper-slide .list-box .ico-box{
        gap: 0 5px;
        width: 100%;
        margin: 0 auto;
    }
    .sale-swiper .swiper-slide .list-box .ico-box .ico{
        display: flex;
        flex-direction: column;
    }
    .pay{font-size: 16px;}
    .list-box{
        padding: 8px 12px 12px;
        min-height: 100px;
    }
    .swiper-box .tag-box{
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        position: absolute;
        top: max(174px,54vw);
    }
    .list-box >span{
        margin: 0 0 4px;
    }
    .list-box span + span{margin-left: 4px;}
    .tag, .tag2, .tag3, .tag4, .tag5{
        font-size: 12px;
        padding:0 4px;
    }
    .sec_benefit ul{
        gap: 20px 12px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sec_benefit ul li{
        max-width: 162px;
        width: calc(50% - 6px);
    }
    .short-list li .movein{
        font-size: 12px;
        width: 40px;
        height: 40px;
    }
    .swiper-box .swiper-button-prev,.swiper-button-next{display: none;}
    .list-box h2{font-size: 16px;}
    .short-list li .pay{font-size: 14px;}
    .lst_office + .lst_office{margin-top: 80px;}
    .lst_office .tit h3{
        padding-left: 30px;
        font-size: 22px;
    }
    .lst_office .tit h3::before{
        width: 26px;
        height: 26px;
        background-size: 26px 26px;
    }
    .lst_office .tit{
        margin-bottom: 40px;
        padding-bottom: 16px;
    }
    .sale-swiper .swiper-slide:nth-child(2n){
        margin-top: 0 !important;
    }
    .sale-swiper .swiper-slide .movein{
        font-size: 18px;
        width: 65px;
        height: 65px;
    }
    .tag-box{
        gap: 0 4px;
    }
    .tag-box .tag, .tag-box .tag2,.tag-box .tag3, .tag-box .tag4, .tag-box .tag5{
        font-size: 14px;
    }
    .sale-swiper .swiper-slide .profile{
        gap: 0 16px;
    }
    .swiper-pagination{
        width: 100%;
        height: 4px;
        transform: translateX(0);
        bottom: 0;
        left: 0;
        background: rgba(255,255,255,0.4);
        border-radius: 100px;
    }
    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
        background: #fff;
        border-radius: 100px;
    }
    .sec_lst .inner_wrap{
        padding: 80px 20px 130px;
    }
    .sec_lst .btn_group a{
        width: 228px;
    }
    .sec_benefit .inner_wrap{
        padding: 130px 20px;
    }
    .sec_benefit ul li{
        gap: 12px 0;
        padding: 24px 12px;
    }
    .sec_benefit ul li span{
        font-size: 18px;
    }
    .sec_benefit ul li h4{
        font-size: 22px;
    }
    .sec_benefit ul li p{
        font-size: 14px;
    }
    .sec_benefit ul{
        margin: 60px 0;
    }
    .sec_benefit .btn_group{
        width: 211px;
    }
    .short-list li.sold_out .thumbs:before{
        font-size: 18px;
    }
    .sec_benefit ul li:nth-child(1){
        transform: translate(0,0);
        z-index: 2;
    }
    .sec_benefit ul li:nth-child(2){
        transform: translate(0,0);z-index: 2;}
    .sec_benefit ul li:nth-child(3){
        transform: translate(0,-100%);z-index:1}
    .sec_benefit ul li:nth-child(4){
        transform: translate(0,-100%);z-index:1}
    .sec_benefit ul li:nth-child(5){
        transform: translate(0,-200%);}
    .sec_benefit ul li:nth-child(6){
        transform: translate(0,-200%);}
        .sec_benefit ul.__start li{
            transform: translate(0,0);
        }
    @keyframes bg-move-m {
        0% {
            height: 100%;
        }
        100% {
            height: 94px;
        }
    }
}