/* 1620px 이상일 때 (PC 큰 화면) */
:root {
    font-size: 10px; /* 고정값 */
}

/* 1620px 미만일 때 (PC 작은 화면 ~ 태블릿) */
@media (max-width: 1619px) {
    :root {
        /* JS 계산: (clientWidth / 1620) * 10px
           CSS 변환: (10 / 1620) * 100vw = 0.6172vw */
        /*font-size: 2.6667vw;*/
        font-size: calc((10 / 1620) * 100vw);
    }
}

/* 750px 이하일 때 (모바일) */
@media (max-width: 750px) {
    :root {
        /* JS 계산: (clientWidth / 375) * 10px
           CSS 변환: (10 / 375) * 100vw = 2.6667vw */
        /*font-size: 2.6667vw;*/
        font-size: calc((10 / 375) * 100vw);
    }
}

.slider-button-z-index {
    z-index: 1 !important;
}
#operatingTextFadeContainer {
    position: relative;
}

#operatingTextFadeContainer > li {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease, transform .35s ease;
    transform: translateY(6px);
}

#operatingTextFadeContainer > li.is_ac {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.bl-slider { position: relative; }

.bl-slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: 0;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bl-slider__btn--prev { left: 12px; }
.bl-slider__btn--next { right: 12px; }

.bl-slider__btn::before {
    content: "";
    display: block;
    width: 10px; height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.bl-slider__btn--prev::before { transform: rotate(135deg); }
.bl-slider__btn--next::before { transform: rotate(-45deg); }

.bl-slider__btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

@media (max-width: 640px) {
    .bl-slider__btn { width: 38px; height: 38px; }
}

.bl_cont_obj > p > img {
    padding-bottom : 0 !important;
}

.bl_cont_obj > p > a {
    display : block !important;
}

.bl_cont_obj > p > a > img {
    padding-bottom : 0 !important;
}

/* footer */
.bl_copyright > .bl_copyright_obj {
    font-size: 2.7rem;
}