
/*design_6 시작*/
#gw-theme-main-visual{position: relative;margin: 0 auto; margin-top: 190px;width: var(--gw-con-width);height: calc(100vh - 430px);border-radius: var(--gw-border-radius);overflow: hidden;}
#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:  100%;}
#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:70%;} /* height:100%: */
.main-visual-item .gw-main-visual-text-box{display:flex;align-items:center;height:100%;width: calc(100% - 7rem);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(-7rem);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: 15px;font-size:63px;color: #fff;font-family: 'Pretendard GOV', sans-serif;font-weight: 600;}
.main-visual-item .gw-main-visual-text-con .gw-main-visual-text02{font-size: var(--main-title04);line-height: 1.75;color: #fff;}
.main-visual-item .gw-main-visual-text-con .gw-main-visual-text03{font-size: var(--main-title04);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: 40px;left: 50%;z-index: 1;transform:translateX(-50%);width: calc(100% - 5rem);display: flex;justify-content: flex-end;}
#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;display: none;}
.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{margin-top:110px;width: 100%;border-radius: 0;}
    #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:48px;}
}

@media screen and (max-width:576px) {
    #gw-theme-main-visual{height: auto;aspect-ratio: 1.0;text-align: center;}
    #gw-theme-main-visual .gw-main-visual-1440{bottom:1rem;}

    #gw-theme-main-visual .gw-main-visual-text-con .gw-main-visual-text01{font-size: 32px;}
    #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;}
    .main-visual-item .gw-main-visual-text-box{place-content: center;}
	.main-visual-item .gw-main-visual-text-con{position:absolute;left:0px; top:5%;width:100%;height:80%;} /* height:100%: */
	.main-visual-item .gw-main-visual-text-con .gw-main-visual-text02{font-size: 16px;line-height: 1.5;color: #fff;}
	.main-visual-item .gw-main-visual-text-con .gw-main-visual-text03{font-size: 16px;line-height: 1.5;color: #fff;}
}


/*design_6 끝*/