
/*gw-theme-main-visual*/
#gw-theme-main-visual{padding:0 3% 0;width:100%; height:calc(100vh - 60px);}
#gw-theme-main-visual .gw-slide-container {height:calc(100vh - 60px);}
#gw-theme-main-visual .gw-slide-container > div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#gw-theme-main-visual .img{position: relative;overflow: hidden;}
#gw-theme-main-visual .img > img{transform: scale(1.05);transition: all 2s;}
#gw-theme-main-visual .img.on > img{transform: scale(1.0);}
#gw-theme-main-visual .gw-slide-container .img:before {content: "";display:block;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index:1;width: 100%;height: 100%;}
#gw-theme-main-visual .gw-slide-container .video:before {content: "";display:block;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;z-index:1;width: 100%;height: 100%;}
#gw-theme-main-visual .gw-slide-container > .gw-theme-main-visual-text-container{padding-left:5%;left:50%;transform:translateX(-50%);z-index:2;height:100%;display: flex;flex-direction: column;align-items: flex-start;place-content: center;color:#fff;}
#gw-theme-main-visual .gw-theme-main-visual-text-container [class*="gw-text"]{font-size:3vw;color:#fff;font-weight: 600;}
#gw-theme-main-visual .gw-slide-btn-container [class*="gw-slide-btn"]{padding:0 20px;display:inline-block;text-align: center;border:2px solid transparent;min-width: 200px;line-height:55px;cursor:pointer;text-transform:uppercase;transition:all .3s;}
#gw-theme-main-visual .gw-slide-btn-container .gw-slide-btn01{background: #fff;border-color: #fff;color: #000;}
#gw-theme-main-visual .gw-slide-btn-container .gw-slide-btn01:hover{background: var(--main-color);border-color: var(--main-color);color: #fff;}
#gw-theme-main-visual .gw-slide-btn-container .gw-slide-btn02{border-color: #fff;color: #fff;background: transparent;}
#gw-theme-main-visual .gw-slide-btn-container .gw-slide-btn02:hover{background: var(--main-color);border-color: var(--main-color);}

#gw-theme-main-visual .slick-dots{position:absolute;top:50%;left: 49px;transform: translateY(-50%);font-size: 0;cursor: pointer;transition: all .5s;}
#gw-theme-main-visual .slick-dots > li{margin: 16px auto;display:block;width: 8px;height: 8px;background: rgba(255,255,255,0.5);border-radius: 100%;vertical-align: middle;}
#gw-theme-main-visual .slick-dots > li.slick-active{background: rgba(255,255,255,0);border:2px solid #fff;box-sizing:content-box;}
#gw-theme-main-visual .slick-arrow{position:absolute;top:50%;transform: translateY(-50%);z-index:100;width: 80px;height: 80px;border: 2px solid rgba(255,255,255,0.5);color: #fff;font-size: 0;border-radius: 50%;;transition: all .3s;}
#gw-theme-main-visual .slick-arrow:hover{background: var(--main-color);border-color: var(--main-color);}
#gw-theme-main-visual .slick-arrow:before {content: "";display: block;font-family:xeicon;font-size:18px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#gw-theme-main-visual .slick-prev{right: 49px;margin-top:2vw;}
#gw-theme-main-visual .slick-prev:before{content:"\e93b"}
#gw-theme-main-visual .slick-next{right: 49px;margin-top:-3vw;}
#gw-theme-main-visual .slick-next:before{content:"\e93e"}
#gw-theme-main-visual .gw-theme-main-visual-scroll {bottom: 0;color: rgba(255,255,255,0.8);}
#gw-theme-main-visual .scroll-line {position:relative;margin: 0 auto;overflow: hidden;width: 1px;height: 100px;background: rgba(255,255,255,0.3);}
#gw-theme-main-visual .scroll-line:before {content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 0;background-color: rgba(255,255,255);transform: translateX(-50%);animation: scrollAnimation01 1.2s infinite;}
@keyframes scrollAnimation01 {
    0%{
        height: 0;
    }
    100%{
        height: 105%;
    }
}

#gw-theme-main-visual .scroll-line:after {content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 0;background-color: rgba(255,255,255,0.3);transform: translateX(-50%);animation: scrollAnimation02 1.2s infinite .6s;}
@keyframes scrollAnimation02 {
    0%{
        height: 0;
    }
    100%{
        height: 105%;
    }
}

/*배너 이미지가 없을 경우------------------------------------------------------------------------------------------------------------------ */
#gw-theme-main-visual .gw-slider-container {height: 100%;}
#gw-theme-main-visual .gw-slider {height: 100%;}
#gw-theme-main-visual .gw-no-banner {height: 100%;background: #ddd;  align-items: center;place-content: center;}
#gw-theme-main-visual .gw-no-banner .gw-title{font-size:var(--main-title03);}

@media screen and (max-width:1440px){
    #gw-theme-main-visual .slick-arrow{width: 60px;height: 60px;}
    #gw-theme-main-visual .slick-prev{margin-top: 0;}
    #gw-theme-main-visual .slick-next{margin-top: -5vw;}
}

@media screen and (max-width:1280px){
    #gw-theme-main-visual{padding: 0;}
    #gw-theme-main-visual .gw-slide-container > .gw-theme-main-visual-text-container{padding-left:40px;}
    #gw-theme-main-visual .gw-theme-main-visual-text-container [class*="gw-text"]{font-size:55px;}
    #gw-theme-main-visual .slick-prev{margin-top: 3vw;}
    #gw-theme-main-visual .slick-next{margin-top: -2.5vw;}
}

@media screen and (max-width:1024px){
    #gw-theme-main-visual .gw-theme-main-visual-text-container [class*="gw-text"]{font-size:24px;}
    #gw-theme-main-visual .slick-dots{top:auto;bottom: 20px;left: 50%;transform: translateX(-50%) translateY(0);}
    #gw-theme-main-visual .slick-dots > li{margin: 0 4px;display:inline-block;}
}

@media screen and (max-width:768px){
    #gw-theme-main-visual .gw-slide-container > .gw-theme-main-visual-text-container{padding-left:15px;}
}

@media screen and (max-width:576px){
    #gw-theme-main-visual .gw-slide-btn-container [class*="gw-slide-btn"]{padding:12px 0;line-height:initial;min-width: 35vw;}
	#gw-theme-main-visual .gw-no-banner .gw-title{padding:40px 20px 20px 20px;}
}

@media screen and (max-width:375px){
}

@media screen and (max-width:320px){
	.gw-mt-40{margin-top:30px !important;}
}