/**********
SWIPER
***********/
.swiper-arrows{position:absolute;z-index:11;top:7px;right:20px;display:flex;gap:3px}
.swiper-arrows div{background:#fff;border-radius:0;cursor:pointer;position:relative}
.swiper-button-prev:after,.swiper-button-next:after{content:'';position:absolute;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%)}
.swiper-button-prev:after{margin-left:0}
.swiper-button-next:after{transform:translate(-50%,-50%) rotate(0deg)}
.swiper-button-prev:active,.swiper-button-next:active{background-color:#e0e0e0}
/*************
타이틀바:블럭시
*************/
.titlebar {
    background-size: cover;
    animation: sub_main 40s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    user-select: auto !important;
}
@keyframes sub_main {
    from {
        background-position: top center
    }

    50% {
        background-position: bottom center
    }

    100% {
        background-position: top center
    }
}
.swiper-button-prev:not(.activity-prev):not(.promotion-arrow){left:-6px!important}
.swiper-button-next:not(.activity-next):not(.promotion-arrow){right:-6px!important}
.swiper-button-prev:not(.activity-prev):not(.promotion-arrow),.swiper-button-next:not(.activity-next):not(.promotion-arrow){color:#fff;background:#00000080;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.swiper-button-next:not(.activity-next):not(.promotion-arrow):after,.swiper-button-prev:not(.activity-prev):not(.promotion-arrow):after{font-size:14px}

.cont_refund *{font-family:'font-2'}
.cont_refund h4{font-size:17px!important;margin-top:0;margin-bottom:10px!important}
.cont_refund p{font-size:15px!important;line-height:1.35;margin-bottom:10px;font-weight:400;color:#777}
.footer_suffix{padding:0 5px}
.logo-fn{width:320px;margin:0 auto 12px}
/*********
스크롤테이블
*********/
.scroll-table,.scroll-image{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}
.scroll-element{width:100%;position:relative;padding-top:29px}
.scroll-table table{width:100%;table-layout:auto}
.scroll-image img{width:auto;max-width:141%}
.scroll-table table th,.scroll-table table td{padding:5px 12px;font-size:16px!important;white-space:pre}
@media (max-width:992px){
    .scroll-element::before{content:'👆↔ 좌우스크롤로 보기';position:absolute;top:0;right:0}
}