/*design_5 시작*/
#gw-theme-main-visual {position: relative;z-index: 99;overflow: hidden;width: 100%;height: 100vh;/*background: #000;*/}
#gw-theme-main-visual .gw-visual {position: relative;width: 100%;height:100%;overflow: hidden;}

#gw-theme-main-visual .swiper-container,
#gw-theme-main-visual .swiper-wrapper,
#gw-theme-main-visual .swiper-slide{position: relative;height: 100%;}
#gw-theme-main-visual .swiper-slide{overflow: hidden;display: flex;justify-content: center;align-items: center;/*background: #333;*/}
#gw-theme-main-visual .swiper-container {width: 100%;height: 100%;overflow: hidden;}
#gw-theme-main-visual .swiper-wrapper {display: flex;width: 100%;height: 100%;}
#gw-theme-main-visual .swiper-slide {position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;flex-shrink: 0;width: 100%;height: 100%;box-sizing: border-box; }
#gw-theme-main-visual .slide-inner {overflow: hidden;}
#gw-theme-main-visual .gw-main-visual-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#gw-theme-main-visual .gw-main-visual-img > img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.05,1.05);transition:transform 5000ms ease-in-out ;}
.gw-main-visual-img.current {z-index: 1;position: absolute;transition: transform 0.5s ease-in-out;}
.gw-main-visual-img.next {z-index: 0;position: absolute;transform: translate3d(100%, 0, 0);}
#gw-theme-main-visual .swiper-slide-active .gw-main-visual-img > img{transform: scale(1.0,1.0) rotate(0.002deg);}
#gw-theme-main-visual .gw-main-visual-text-con {position:absolute;left:0px; top:0;width:100%;height:100%;z-index:1;}
#gw-theme-main-visual .gw-main-visual-text-box {display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;height: 100%;}
#gw-theme-main-visual .gw-main-visual-text01,
#gw-theme-main-visual .gw-main-visual-text02,
#gw-theme-main-visual .gw-main-visual-text03,
#gw-theme-main-visual .gw-slide-btn-container{opacity: 0;}
#gw-theme-main-visual .gw-main-visual-text01 {margin-bottom: 10px;display: block;font-size:60px;color: #fff; letter-spacing: -1.5px;
    font-family:'Poppins', 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 700;text-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
#gw-theme-main-visual .gw-main-visual-text02 {font-size: var(--main-text01);line-height: 1.3;color: #fff; font-weight: 700;text-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
#gw-theme-main-visual .gw-main-visual-text03 {font-size: var(--main-text01);line-height: 1.75;color: #fff;}

#gw-theme-main-visual .mv_logo{width:133px;text-shadow: 2px 2px 4px rgba(0,0,0,0.2);}

#gw-theme-main-visual .gw-slide-btn-container {width: 500px;}
#gw-theme-main-visual .gw-slide-btn-container > .gw-btn01 {margin:0 auto;max-width: 220px;}
#gw-theme-main-visual .gw-slide-btn-container .gw-btn01 {display: inline-block;position: relative;width:100%;z-index: 1;overflow: hidden;border: 3px solid rgba(255,255,255,0.3);color: #fff;background-color: transparent;text-align: center;text-transform: uppercase;font-family:"NotoKr_B", sans-serif;transition:all .3s;}
#gw-theme-main-visual .gw-slide-btn-container .gw-btn01::before {content: '';width: 0;height: 500%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);background: #000;transition: .5s ease;display: block;z-index: -1;}
#gw-theme-main-visual .gw-slide-btn-container .gw-btn01:hover::before {width: 150%;}
#gw-theme-main-visual .gw-slide-btn-container .gw-btn01:hover{color: #fff;border-color: #000;}

#gw-theme-main-visual .swiper-slide-active .gw-main-visual-text02{width:32%;}
#gw-theme-main-visual .swiper-slide-active .gw-main-visual-text01,
#gw-theme-main-visual .swiper-slide-active .gw-main-visual-text02,
#gw-theme-main-visual .swiper-slide-active .gw-main-visual-text03,
#gw-theme-main-visual .swiper-slide-active .gw-slide-btn-container{animation: gw-text-active 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
#gw-theme-main-visual .swiper-slide-active .gw-main-visual-text-con .delay1 {animation-delay: 0.1s;}
#gw-theme-main-visual .swiper-slide-active .gw-main-visual-text-con .delay2 {animation-delay: 0.3s;}
#gw-theme-main-visual .swiper-slide-active .gw-main-visual-text-con .delay3 {animation-delay: 0.6s;}
#gw-theme-main-visual .swiper-slide-active .gw-main-visual-text-con .delay4 {animation-delay: 0.9s;}

@keyframes gw-text-active {
    from {
        filter: blur(10px);
        opacity: 0;
    }
    to {
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes up-effect {
    from {
        opacity: 0;
        filter: Alpha(opacity=0);
        transform: translateY(30px);
    }
    to {
        opacity: 1.0;
        filter: Alpha(opacity=100);
        transform: translateY(-50%);
    }
}

.gw-main-visual-bottom-container {padding: 0 60px;position: absolute;bottom: 80px;left: 0;width: 100%;height: auto;}
.gw-main-visual-arrow {display: flex;gap:10px;position: relative;}
.gw-main-visual-arrow > div {position: relative;left:0;z-index:1;display: block;width:50px;height: 50px;background:rgba(255,255,255,0.1);border-radius:50%;cursor: pointer;color:rgba(255,255,255,0.25);transition:all 0.4s;}
.swiper-button-prev, 
.swiper-button-next {color:#fff;}
.gw-main-visual-arrow .swiper-button-prev:after,
.gw-main-visual-arrow .swiper-button-next:after {content: "\e93b";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display: block;font-family:xeicon;color:#fff;font-size:var(--main-title04);}
.gw-main-visual-arrow .swiper-button-prev:after {transform: translate(-50%,-50%) rotate(180deg);}
.swiper-pagination {position:absolute;bottom: 0px !important;left:50% !important;transform:translateX(-50%);z-index:9999;display: flex !important;justify-content: center;align-items: center;gap: 5px;width:auto !important;}
.swiper-pagination-bullet {margin: 0 10px;width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #fff;opacity: 1;font-size: 0;text-indent: -9999px;cursor: pointer;}
.swiper-pagination-bullet-active {width: 10px;height: 10px;border: 3px solid #fff;background-color: transparent;box-sizing: content-box;}
.gw-main-visual-scroll{position: absolute !important;right: 60px;bottom: 0;z-index: 100;}
.gw-main-visual-scroll > ul{position: relative}
.gw-main-visual-scroll > ul > li{transform:rotate(90deg);color:#fff; font-size:14px; font-family: "Play", sans-serif;font-weight: 700;}
.gw-main-visual-scroll i{font-size: 16px; display: block; color: #fff; opacity: 0.25;}
.gw-main-visual-scroll i.down01{animation: gw-scroll 1.5s ease infinite;}
.gw-main-visual-scroll i.down02{margin-top: -10px;animation: gw-scroll 1.5s ease infinite; animation-delay:0.2s;}
.gw-main-visual-scroll i.down03{margin-top: -10px;animation: gw-scroll 1.5s ease infinite; animation-delay:0.3s;}

@keyframes gw-scroll {
    10% {opacity: 0.25;}
    20% {opacity: 0.5;}
    30% {opacity: 1;}
}

/*배너 이미지가 없을 경우------------------------------------------------------------------------------------------------------------------ */
#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:1280px) {
    .gw-main-visual-bottom-container{padding: 0 40px;}
    #gw-theme-main-visual .gw-main-visual-text01{font-size:60px;}
    .gw-main-visual-scroll{right: 40px;}
    #gw-theme-main-visual .swiper-slide-active .gw-main-visual-text02{width:100%;}
}

@media screen and (max-width:576px) {
    #gw-theme-main-visual .gw-main-visual-text01{font-size:36px;}
    #gw-theme-main-visual{height:calc(100vh - 60px);}
    .gw-main-visual-bottom-container{padding: 0 20px;}
    .gw-main-visual-arrow{display: none;}
    #gw-theme-main-visual .gw-main-visual-text-box{padding: 0 20px;}
    #gw-theme-main-visual .gw-main-visual-text01{font-size:28px;}
    .gw-main-visual-scroll{right: 20px;}
    #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-theme-main-visual .gw-no-banner .gw-title{padding:40px 20px 20px 20px;}

    #gw-theme-main-visual .gw-main-visual-text02 {font-size:12px;}

    
}

@media screen and (max-width:375px) {
    #gw-theme-main-visual .gw-main-visual-text01{font-size:20px;}
    #gw-theme-main-visual .gw-main-visual-text-con .gw-main-visual-text01{font-size: 40px; line-height: 40px;}
    .gw-main-visual-arrow > div{width: 40px;height: 40px;}
    .swiper-pagination-bullet{width: 6px;height: 6px;}
    .swiper-pagination-bullet-active{width: 8px;height: 8px;}
    .gw-main-visual-scroll{display: none;}


}

/*design_5 끝*/