@charset "utf-8";

/* 일반 { */
.default_bn img {box-sizing: border-box;}
.default_bn ul {margin:0px; padding: 0px;}
.default_bn_border {border:1px solid rgba(0,0,0,0.2);}
/* } */

/* 슬라이드 { */
/* .slide_bn {width: 100% !important; max-height: 600px; min-height: 300px;} */
.slide_bn {width: 100% !important; height: 600px;}
.slide_bn img {box-sizing: border-box;}
.slide_bn_border {border:1px solid rgba(0,0,0,0.2);}

.slide_bn .swiper-wrapper,
.slide_bn .swiper-slide {height: 100% !important;}
.slide_bn .swiper-slide img {height: 100% !important; width: 100% !important; object-fit: cover; object-position: 80%;}

.swiper-slide-slide_bn {
    display: -webkit-inherit !important;
    display: -ms-inherit !important;
    display: -webkit-inherit !important;
    display: inherit !important;
        
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
}

.mb-0 {margin-bottom: 0px !important;}
/* } */

/* 랜덤 { */
.random_bn img {box-sizing: border-box;}
.random_bn ul {margin:0px; padding: 0px;}
.random_bn_border {border:1px solid rgba(0,0,0,0.2);}
/* } */

/* 개별 { */
.each_bn img {box-sizing: border-box;}
.each_bn_border {border:1px solid rgba(0,0,0,0.2);}
/* } */


.slide-pagination {position: absolute; transform: translateX(-50%); left: 50% !important; z-index: 10; text-align: center;}
.slide-pagination .swiper-pagination-bullet {background: #000; transition: all 0.3s; opacity: 0.5;}
.slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 30px; border-radius: 3px; opacity: 1;}

.slide-prev,
.slide-next {
    width: 35px;
    height: 35px;
    background: none;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: 10;
}

.slide-prev {left: 5%}
.slide-next {right: 5%}

.slide-prev::after,
.slide-next::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.slide-next::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.slide_texts {position: absolute; left: 25%; top: 50%; transform: translateY(-50%);}
.slide_texts>h1 {font-size: 2.3rem; font-family: var(--sfont);}
.slide_texts>h3 {font-size: 1.4rem; font-weight: 400; margin: 8px 0 22px;}
.slide_texts>a {display: inline-block; border-radius: 32px; background-color: #222; color: #fff; transition: all 0.35s; padding: 10px 30px; font-size: 16px;}
.slide_texts>a:hover {transform: translateY(-3px); transition: all 0.35s;}

@media (max-width:768px) {
    .slide_bn .swiper-slide img {opacity: 0.5;}
    .slide_texts {text-align: center; left: 50%; width: 100%; padding: 0 15px; transform: translate(-50%, -50%);}
    .slide_texts>h1 {font-size: 1.8rem;}
    .slide_texts>h3 {font-size: 1.2rem;}
    .slide_texts>a {font-size: 1rem;}
    .slide-nav {display: none;}
}
@media (max-width:425px) {
    .slide_texts>h1 {font-size: 1.5rem;}
    .slide_texts>h3 {font-size: 1rem;}
    .slide_texts>a {font-size: 0.9rem;}
}