@charset "utf-8";

/* 스와이퍼 시작 */
.swiper {
    width: 100%;
    height: calc(100vh - 60px);
}
.swiper-wrapper {
    height:100vh;   
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide-1{
    background: url(/img/main/main_01.webp) no-repeat center;
    background-size: cover;
}
.slide-2{
    background: url(/img/main/main_02.webp) no-repeat center;
    background-size: cover;
}
.slide-3{
    background: url(/img/main/main_03.webp) no-repeat center;
    background-size: cover;
}
.swiper-pagination-bullet-active{
    background-color: #000;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,85px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%;
}
.banner_inbox{
    position: absolute;
    z-index: 30;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #f0f0f0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}

    .banner_text_out{
        background-color:rgba(67, 148, 219, 0.5);
        width:400px;
        height:400px;
        display:flex;
        justify-content: center;
        flex-direction: column;
        border-radius:50%;
        border: 20px solid #0065bd;
    }
    .banner_text_in{
        padding: 50px;
    }
    .banner_text_in h1{
        font-size:20px;
    }
    .banner_text_in h2{
        color: rgb(255, 255, 70);
    }
/* 스와이퍼 끝 */
@media only screen and (max-width: 600px){
    .swiper,
    .banner_inbox{
        font-size: 14px;
    }
    .banner_text_out{
        width:350px;
        height:350px;
    }
}