
/*design_6 시작*/
#gw-theme-main-visual{position: relative;width: 100%;height: 100vh;}
#gw-theme-main-visual .main-visual-swiper {position: relative;width: 100%;height: 100%;overflow: hidden;}
#gw-theme-main-visual .main-visual-swiper .swiper-slide {width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;transition: opacity 1.2s ease-in-out, visibility 1.2s ease-in-out;}
#gw-theme-main-visual .main-visual-swiper .swiper-slide.swiper-slide-active {opacity: 1 !important;visibility: visible !important;}
#gw-theme-main-visual .gw-visual-img {width: 100%;height: 100vh;}
#gw-theme-main-visual .main-visual-pagination .bar {width: 0;height: 4px;background: #fff;}
.main-visual-item .gw-main-visual-text-con{position:absolute;left:0px; top:0;width:100%;height:100%;}
.main-visual-item .gw-main-visual-text-box{display:flex;align-items:center;height:100%;width: 1400px;margin: 0 auto;}
.main-visual-item .gw-main-visual-text-con .gw-main-visual-text01,
.main-visual-item .gw-main-visual-text-con .gw-main-visual-text02,
.main-visual-item .gw-main-visual-text-con .gw-main-visual-text03,
.main-visual-item .gw-main-visual-text-con .gw-slide-btn-container{opacity:0; transform: translateX(-5rem);transition: 1.5s cubic-bezier(0.4, 0, 0.2, 1);}
.main-visual-item.swiper-slide-active .gw-main-visual-text01,
.main-visual-item.swiper-slide-active .gw-main-visual-text02,
.main-visual-item.swiper-slide-active .gw-main-visual-text03,
.main-visual-item.swiper-slide-active .gw-slide-btn-container{opacity: 1;transform: translateX(0);}
.main-visual-item .gw-main-visual-text-con .gw-main-visual-text01{margin-bottom: 35px;font-size:80px;color: #fff;font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 700;}
.main-visual-item .gw-main-visual-text-con .gw-main-visual-text02{font-size: var(--main-text01);line-height: 1.75;color: #fff;}
.main-visual-item .gw-main-visual-text-con .gw-main-visual-text03{font-size: var(--main-text01);line-height: 1.75;color: #fff;}
#gw-theme-main-visual .gw-slide-btn-container {width: 500px;}
#gw-theme-main-visual .gw-slide-btn-container > .gw-btn01 {max-width: 220px;color: #fff;border-color: rgba(255,255,255,0.3);}
#gw-theme-main-visual .gw-slide-btn-container > .gw-btn01:hover{border-color: #000;}
.swiper-button-next:after,
.swiper-button-prev:after {display: none;}
#gw-theme-main-visual .gw-main-visual-1440 {position: absolute;bottom: 80px;left: 50%;z-index: 1;transform:translateX(-50%);width: 1400px;display: flex;justify-content: space-between;}
#gw-main-visual-control .main-visual-pagination.swiper-pagination{display: inline-block; vertical-align: middle; width:auto; position: static;}
#gw-main-visual-control .main-visual-pagination button.swiper-pagination-bullet {display: inline-block; vertical-align: middle; position:relative; width:70px; height:auto; background:none; margin-left:10px; opacity:1;filter:Alpha(opacity=100); border-radius:0;}
#gw-main-visual-control .main-visual-pagination button:first-child {margin-left:0;}
#gw-main-visual-control .main-visual-pagination .progress-bar {display:block;position:absolute; bottom:0; left:0; display:block; width:100%; height:4px; background-color: rgba(255,255,255,0.3); box-sizing: border-box;}
#gw-main-visual-control .main-visual-pagination .swiper-pagination-bullet-active .progress-bar{background-color: rgba(255,255,255,0.1);}
#gw-main-visual-control .main-visual-pagination .progress-bar .bar{display:block; position:absolute; left:0; bottom:0; width:0; height:4px; background-color: #fff;}
#gw-main-visual-control .main-visual-arrow{position:relative;display: flex; align-items:center;gap:10px;}
#gw-main-visual-control .main-visual-arrow > button{color:#fff; text-align:center;height: 30px; background: none;}
#gw-main-visual-control .main-visual-arrow > button:after{display: none;}
#gw-main-visual-control .main-visual-arrow > button i{font-size: 30px;}
.gw-main-visual-scroll{ display: flex; align-items: center; justify-content: flex-end;}
.gw-main-visual-scroll .scroll-icon{position: relative;width: 5px;height: 20px;background: rgba(255,255,255,0.3);transition:all 0.4s ease-in-out;overflow:hidden;margin-left: 10px;}
.gw-main-visual-scroll .scroll-icon span{position: absolute; display: block; width:0.4rem; height:0.4rem; background:#fff; top:0.3rem; left:50%; transform:translateX(-50%); animation: gw-scroll-move01 2s ease-in-out infinite; transition:all 0.4s ease-in-out;}
.gw-main-visual-scroll .gw-scroll-text{display:flex; gap:5px;color:#fff;font-size:14px;font-family: "Play", sans-serif;font-weight: 700;}
.gw-main-visual-scroll .gw-scroll-text > li{display:inline-block; animation: gw-scroll-move02 2s ease-in-out 0s infinite; font-weight:500;}
.gw-main-visual-scroll .gw-scroll-text > li:nth-child(1){animation-delay:1s;}
.gw-main-visual-scroll .gw-scroll-text > li:nth-child(2){animation-delay:1.04s;}
.gw-main-visual-scroll .gw-scroll-text > li:nth-child(3){animation-delay:1.08s;}
.gw-main-visual-scroll .gw-scroll-text > li:nth-child(4){animation-delay:1.12s;}
.gw-main-visual-scroll .gw-scroll-text > li:nth-child(5){animation-delay:1.16s;}
.gw-main-visual-scroll .gw-scroll-text > li:nth-child(6){animation-delay:1.2s;}

@keyframes gw-scroll-move01 {
    0% {
        top:-1rem;
        opacity:0;
    }
    10% {
        top:-1rem;
        opacity:1;
    }
    32% {
        top:-1rem;
        opacity:1;
    }
    80% {
        top:4.3rem;
        opacity:1;
    }
    100% {
        top:4.3rem;
        opacity:0;
    }
}

@keyframes gw-scroll-move02 {
    0% {
        opacity: 0;
        transform: translateY(-50%) rotateX(90deg)
    }

    20%,80% {
        opacity: 1;
        transform: translateY(0) rotateX(0)
    }

    100% {
        opacity: 0;
        transform: translateY(50%) rotateX(-90deg)
    }
}


/*배너 이미지가 없을 경우------------------------------------------------------------------------------------------------------------------ */
#gw-theme-main-visual .gw-slider-container {height: 100%;}
#gw-theme-main-visual .gw-slider {height: 100%;}
#gw-theme-main-visual .gw-no-banner {width:100%;height: 100%;background: #ddd;  align-items: center;place-content: center;}
#gw-theme-main-visual .gw-no-banner .gw-title{font-size:var(--main-title03);}
#gw-theme-main-visual .gw-no-banner .gw-btn01{max-width: 300px;}

@media screen and (max-width:1440px) {
    #gw-theme-main-visual .gw-main-visual-1440{padding:0 30px;width:100%;}
    .main-visual-item .gw-main-visual-text-box{padding:0 30px;width:100%;}
}

@media screen and (max-width:1280px) {
    #gw-theme-main-visual .gw-main-visual-text01{font-size:60px;}
}

@media screen and (max-width:576px) {
    #gw-theme-main-visual{height:calc(100vh - 60px);}
    #gw-theme-main-visual .gw-main-visual-1440{flex-direction:column;align-items:center;}

    #gw-theme-main-visual .gw-main-visual-text-con .gw-main-visual-text01{font-size: 40px;}
    #gw-theme-main-visual .gw-slide-btn-container {width: 100%;}
    #gw-theme-main-visual .gw-slide-btn-container .gw-btn01 {max-width: 100%;width: 100%;padding: 12px 0;height: auto;line-height: inherit;}

    #gw-main-visual-control .main-visual-arrow{justify-content: center;}
    #gw-main-visual-control .main-visual-pagination button.swiper-pagination-bullet{width: 30px;}

	#gw-theme-main-visual .gw-no-banner .gw-title{padding:40px 20px 20px 20px;}
}


/*design_6 끝*/