
/*gw-theme-main-visual*/
#gw-theme-main-visual{padding:0;width:100%; height:100vh;}
#gw-theme-main-visual .gw-slide-container {height:100vh;}
#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; object-fit: cover;
    object-position: center; height:100%;}
#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{z-index:2;width:100%;height:100%;display: flex;flex-direction: column;align-items: center;place-content: center;color:#fff;}
#gw-theme-main-visual .gw-theme-main-visual-text-container [class*="gw-text"]{color:#fff;text-align:center;transform: translateY(10px);opacity: 0;transition: all 1s;}
#gw-theme-main-visual .gw-theme-main-visual-text-container.on [class*="gw-text"]{transform: translateY(0);opacity: 1;}
#gw-theme-main-visual .gw-text01 {font-size: 70px;transition-delay: .2s;font-family: 'play', sans-serif;font-weight: 700;}
#gw-theme-main-visual .gw-text02 {line-height: 1.75;word-break: keep-all;transition-delay: .4s;font-size:var(--main-text01);}
#gw-theme-main-visual .gw-text03{transition-delay: .6s;font-size:var(--main-text01);}
#gw-theme-main-visual .gw-btn01 {max-width: 300px;}
#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;bottom:20%;left: 50%;transform: translateX(-50%);font-size: 0;cursor: pointer;transition: all .5s;}
#gw-theme-main-visual .slick-dots > li{margin: 0 4px;display:inline-block;width: 8px;height: 8px;background: rgba(255,255,255,0.5);vertical-align: middle;}
#gw-theme-main-visual .slick-dots > li.slick-active{background: rgba(255,255,255,1);}
#gw-theme-main-visual .slick-arrow{position:absolute;bottom:47px;z-index:100;font-size: 0;}
#gw-theme-main-visual .slick-arrow:before {content: "";display: block;font-family:xeicon;font-size:24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#666;transition: all .3s;}
#gw-theme-main-visual .slick-arrow:hover:before{color: var(--main-color);}
#gw-theme-main-visual .slick-prev{left: 43px;}
#gw-theme-main-visual .slick-prev:before{content:"\e908"}
#gw-theme-main-visual .slick-next{left: 200px;}
#gw-theme-main-visual .slick-next:before{content:"\e90b"}
#gw-theme-main-visual  .progress-container {position:absolute;  width:250px;height:94px; left:0; bottom:0; background-color:#fff; z-index:11;}
#gw-theme-main-visual .progress-container:before {content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 2px;height: 15px;background: #ddd;}
#gw-theme-main-visual .gw-line{width: 1px;height: 12px;background: #ddd;}
.progress-bar {width: 181px;height: 3px;background: #F3F3F3;position: absolute;bottom: 20px;left: 30px;z-index: 100;}
#gw-mainslider03-progress {width: 20%;height: 100%;background: var(--main-color);
transition: width 0.3s;}
#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:1280px){
    #gw-theme-main-visual{height:calc(100vh - 60px);}
    #gw-theme-main-visual .gw-slide-container {height:calc(100vh - 60px);}
}

@media screen and (max-width:1024px){
    #gw-theme-main-visual .slider_counter{display: none;}
    .progress-container{display: none;}
    #gw-theme-main-visual .gw-text01 {
        font-size:60px;
    }
}

@media screen and (max-width:576px){
    #gw-theme-main-visual .gw-text02{padding:0 20px;}
    #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 .slick-dots {position:absolute;left:50%;transform:translateX(-50%);display: flex !important;}
    #gw-theme-main-visual .slick-dots li {margin: 0 5px;}
    #gw-theme-main-visual .slick-dots li button {font-size: 0; background: rgba(255,255,255,0.4); border-radius: 50%; width:8px; height:8px;cursor: pointer;}
    #gw-theme-main-visual .slick-dots li.slick-active button {background: rgba(255,255,255,1); }
	#gw-theme-main-visual .gw-no-banner .gw-title{padding:40px 20px 20px 20px;}
    #gw-theme-main-visual .gw-text01 {
        font-size:36px;
    }
}

@media screen and (max-width:320px){
	.gw-mt-40{margin-top:30px !important;}
    #gw-theme-main-visual .gw-text01 {
        font-size:30px;
    }
}