@charset "utf-8";

/* 재밋 */

/* 상단 띠배너 */
.banner_wrap{ width: 100%; /* height: 65px; */ height: 51px; overflow: hidden; position: relative; background-image: linear-gradient(to right, #061266, #2f7fec); }
.banner_con{ flex-shrink: 0; display: flex; justify-content: center; padding: 0 20px; width: 100%; height: 100%; box-sizing: border-box; cursor: pointer; }
.banner_img{ width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

/* .banner_con.first .banner_img{ background-image: url('../img/banner/top_banner_250814_ver0828.png'); } */
/* .banner_con.second .banner_img{ background-image: url('../img/banner/top_banner_250826_ver0828.png'); } */
.banner_con.first .banner_img{ background-image: url('../img/banner/top_banner_251202.png') !important; }



/* 상단 띠배너 - 버튼 */ 
.banner_arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background-color: #fff; cursor: pointer; transition: all 0.2s; 
    box-shadow: -0.35px 0.94px 2px 0px rgba(0, 0, 0, 0.25);
}
.banner_arrow:hover { background-color: #000; }
.banner_arrow.prev { left: 15%; }
.banner_arrow.next { right: 15%; }
.banner_arrow::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner_arrow.prev::after { background-image: url('/weven_service/asset/img/svg/keyboard_arrow_left_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg'); }
.banner_arrow.next::after { background-image: url('/weven_service/asset/img/svg/keyboard_arrow_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg'); }
.banner_arrow:hover.prev::after { background-image: url('/weven_service/asset/img/svg/keyboard_arrow_left_24dp_FFF_FILL0_wght400_GRAD0_opsz24.svg'); }
.banner_arrow:hover.next::after { background-image: url('/weven_service/asset/img/svg/keyboard_arrow_right_24dp_FFF_FILL0_wght400_GRAD0_opsz24.svg'); }

@media all and (min-width: 768px) {

    /* 상단 띠배너 */
    /* .banner_img{ width: auto; height: 100%; } */

}

@media all and (min-width: 992px) {
    .banner_arrow.prev { left: 25%; }
    .banner_arrow.next { right: 25%; }
}

@media all and (min-width: 1200px) {
    .banner_arrow.prev { left: 30%; }
    .banner_arrow.next { right: 30%; }
}

@media all and (min-width: 1390px) {
    .banner_img { background-size: contain; }

    .banner_arrow.prev { left: 36%; }
    .banner_arrow.next { right: 36%; }
}