/*gw-theme-main-visual*/
#gw-theme-main-visual{padding:0;width:100%; height:calc(640px);width: 100vw;margin-left: calc(-50vw + 50%);}
#gw-theme-main-visual .gw-slide-container {height:calc(640px);}
#gw-theme-main-visual .gw-slide-container > div{position: absolute;top: 0;left: 0;width: 100%;height: 640px;}
#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.2);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{left:50%;transform:translateX(-50%);z-index:2;width:1200px;height:620px;padding:0 0 30px;display: flex;flex-direction: column;align-items: flex-start;place-content: center;color:#fff;justify-content: flex-end;}
#gw-theme-main-visual .gw-theme-main-visual-text-container [class*="gw-text"]{color:#fff;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 .headline_icon{background-image:url("../../../img/headline_icon.svg");width: 102px;height: 41px;font-size: 15px;padding-left: 8px;padding-top: 4px;}
#gw-theme-main-visual .gw-text00 {margin-bottom: 24px;}
#gw-theme-main-visual .gw-text01 {font-size: var(--main-title01);transition-delay: .2s; font-weight: 700; width: 600px; margin-bottom: 30px ;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break: keep-all;}
#gw-theme-main-visual .gw-text02 {line-height: 1.3;transition-delay: .4s;font-size:16px;width: 600px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break: keep-all}
#gw-theme-main-visual .gw-text03{transition-delay: .6s;width: 600px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#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:90px;left: calc(50% - 600px);cursor: pointer;transition: all .5s; display: flex!important;}
#gw-theme-main-visual .slick-dots > li span{font-size: 14px; color:#fff; padding-right: 16px;}
#gw-theme-main-visual .slick-dots > li.slick-active span{font-weight: 700;}
#gw-theme-main-visual .slick-dots > li.slick-active::after{ content:"";background-image: url("../../../img/mid_line.svg");background-size: 37px 19px;    display: inline-block;    width: 37px;    height: 19px;    vertical-align: middle;    margin-right: 16px;}
#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);}

.popular_news_ranking {position: absolute;right: calc(50% - 600px);z-index: 999;background: #fff;border-radius: 8px;padding:22px 20px; margin-top:40px; width:470px}
.popular_news_ranking .tab_title{font-size: 14px;line-height: 1.3;color: #F46161;padding: 4px 8px;border-radius: 33px;border: 1px solid #F46161; }
.popular_news_ranking .tab {display: flex;align-items: center; margin-bottom: 20px;justify-content: space-between;}
.popular_news_ranking .tab div{display: flex;}
.popular_news_ranking .tab__item a{font-size: 16px ; color:#7A7A7A;padding-right:10px; margin-right: 10px; position: relative;}
.popular_news_ranking .tab__item a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 14px;
    width: 1px;
    border-right: 1px solid #7a7a7a;
    transform: translate(0%, -50%);
  }
.popular_news_ranking .tab__item:last-child a::after{display: none;}
.popular_news_ranking .tab__item:last-child a{padding-right:0; margin-right: 0; border-right: 0;}
.popular_news_ranking .tab__item.active a {font-weight: 700; color:#001c91}
.popular_news_ranking .tab__content {display: none;}
.popular_news_ranking .tab__content.active {display: block;}


.popular_news_ranking .news_ranking_list a{display: flex;}
.popular_news_ranking .news_ranking_list .news_ranking_no{color:#001c91; font-weight: 700; padding-right:20px; font-size: 16px}
.popular_news_ranking .news_ranking_list .news_ranking_name{ font-size: 14px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.popular_news_ranking .news_ranking_list .news_ranking_name strong {text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.popular_news_ranking .news_ranking_list:first-child .news_ranking_name{     
    background-repeat: no-repeat;
    background-size: cover;
    width: 427px;
    height: 187px; border-radius: 6px;
    text-align: center;
    color: #ffff;
font-size: 16px; font-weight: 700;display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 14px;}
.popular_news_ranking .news_ranking_list{border-bottom: 1px solid #e1e1e1;padding:0;height:46px;line-height:46px}
.popular_news_ranking .news_ranking_list:first-child{margin-bottom: 16px; border: unset;}
.popular_news_ranking .news_ranking_more {margin:17px 0 0;font-weight: 700; font-size:16px; text-align: center; }
.popular_news_ranking .news_ranking_more span{ color:#FC4F4F}


.popular_news_ranking span.swiper-pagination{position: relative;top:unset;bottom:unset;color:#343434; font-weight: 700;}
.popular_news_ranking span.swiper-pagination span{color:#343434}
.popular_news_ranking .swiper-pagination .swiper-pagination-total{color:#ccc}
.popular_news_ranking .swiper-button-next, .popular_news_ranking .swiper-button-prev{display: contents;top:unset; width: unset; height:unset; margin-top:unset; position: relative;}
.popular_news_ranking .swiper-button-next:after, .popular_news_ranking .swiper-button-prev:after{font-size:unset; }
.popular_news_ranking span.swiper-button-next , .popular_news_ranking span.swiper-button-prev {color:#000}
.popular_news_ranking span.swiper-button-next.swiper-button-disabled, .popular_news_ranking span.swiper-button-prev.swiper-button-disabled{ color:#ccc}
.popular_news_ranking .swiper-button-next:after{margin-left:15px}
.popular_news_ranking .swiper-button-prev:after{margin-right:15px}



@media screen and (max-width:1440px){
    #gw-theme-main-visual .gw-slide-container > .gw-theme-main-visual-text-container{width: 90%;}
    #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;}
    #gw-theme-main-visual .slick-dots{    left: 50%;        transform: translateX(-50%);    width: 90%}

}
@media screen and (min-width:768px) and (max-width:1280px) {

    #gw-theme-main-visual .gw-text02, #gw-theme-main-visual .gw-text01{    width: calc(100vw - 600px);}
}
@media screen and (max-width:1280px){
    #gw-theme-main-visual{margin-top: 94px;}
    #gw-theme-main-visual .slick-prev{margin-top: 3vw;}
    #gw-theme-main-visual .slick-next{margin-top: -2.5vw;}
    #gw-theme-main-visual .gw-slider{overflow: hidden;}


    /*#gw-theme-main-visual .gw-slide-container > div {height: 450px;}*/
    /*#gw-theme-main-visual .gw-slide-container > .gw-theme-main-visual-text-container{display: block;height: 450px; width: calc(100% - 32px)}*/
    #gw-theme-main-visual .gw-text00{padding-top:80px}


    .popular_news_ranking .tab__item a {padding-right: 8px;margin-right: 8px;}
    #gw-theme-main-visual .gw-text01{font-size: 23px; margin-bottom:16px}
    #gw-theme-main-visual .gw-text00{margin-bottom:10px}
    #gw-theme-main-visual .gw-text03{font-size: 15px;}
    #gw-theme-main-visual{overflow: hidden;}
    .popular_news_ranking{right:5%}
}

@media screen and (max-width:1024px){
/*    #gw-theme-main-visual .gw-slide-container > .gw-theme-main-visual-text-container{text-align:center;align-items: center;}*/
    #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;}
/*.tab_title {display:none}*/
    .popular_news_ranking .tab__item a {padding-right: 6px;margin-right: 6px;}
}

@media screen and (max-width:768px){
    #gw-theme-main-visual .gw-text01, #gw-theme-main-visual .gw-text02, #gw-theme-main-visual .gw-text03{width:unset}
    .popular_news_ranking{margin: 0 auto; top:280px;     transform: translate(-50%, 0%);    left: 50%;padding:22px 15px}
    #gw-theme-main-visual{height:1000px; position: relative;}


#gw-theme-main-visual{height:calc(780px);}
#gw-theme-main-visual .gw-slide-container {height:calc(530px);}
#gw-theme-main-visual .gw-slide-container > div{height:780px;}

    .popular_news_ranking .tab_title span{display: none;}
    .popular_news_ranking .tab {justify-content: normal;}
    .popular_news_ranking .tab_title{margin-right:10px}
	.popular_news_ranking .news_ranking_list{height:38px;line-height:38px}
    #gw-theme-main-visual .gw-slide-container > .gw-theme-main-visual-text-container{place-content:unset; justify-content:unset}

}

@media screen and (max-width:576px){
    .popular_news_ranking{width: calc(100% - 32px);right: 16px;}
    #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){
    .popular_news_ranking .tab__item a{padding-right: 4px;margin-right: 4px;}
    #gw-theme-main-visual .gw-text02{font-size: 4vw;}
    #gw-theme-main-visual .gw-text01{font-size: 5.75vw;}
    .popular_news_ranking .tab_title{font-size: 2.5vw;}
    .popular_news_ranking .tab__item a{font-size: 4vw;}
    .popular_news_ranking .news_ranking_list .news_ranking_name{font-size: 3.7vw;}
}

@media screen and (max-width:320px){
	.gw-mt-40{margin-top:30px !important;}
}