@charset "UTF-8";
@import url("./Pretendard.css");

/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/
html, body {height: 100%;margin: 0;overflow: hidden;}
.swiper-container {height: 100vh;}
.swiper-wrapper > section{overflow: hidden;}
#swiper-nav {position: fixed;right: 60px;top: 50%;transform: translateY(-50%);z-index: 100;width: 2px;background:  rgb(99, 99, 99)}
#swiper-nav > li {margin: 0 0 1em 0;}
#swiper-nav > li:last-child{margin:0}
#swiper-nav > li > a {display: block;position: relative;width:2px;height:2em;background: rgb(99, 99, 99);box-sizing:content-box;transition:all 0.4s ease-in-out;}
#swiper-nav > li > a.active{background: #ccc;}
#swiper-nav.black > li > a {border-color: #000;}
#swiper-nav.black > li > a.active{background: #000;}
#swiper-nav > li > a > span{    position: relative;    left: -11em;    color: rgba(80, 80, 80, 0.692);    width: 10em;    display: inline-block;    top: calc(50% - 14px);    font-size: 14px;    text-align: right;}
#swiper-nav > li > a.active > span{color:#fff}

/*공통*/
#wrapper{padding-bottom: 0;background: #131313;}
#container_wr{padding: 0;background: #131313;}
.gw-sec{background: #fff;}
.gw-sec-con-1600{position:relative;margin:0 auto;width: 1600px;}
.gw-sec-container{position:relative;display:flex;place-content:center;height: 100%;}
.gw-sec-sub-title {font-size: 18px;color: var(--main-color);letter-spacing:0.01px;font-family: "Play", sans-serif;font-weight: 700;text-transform: uppercase;}
.gw-sec-title {font-size: var(--main-title01);line-height:1.4;}
.gw-text-effect{overflow:hidden;}
.gw-text-effect .gw-text-effect-item{opacity:0;transform:translateY(50%);transition:all 0.4s;}


/*버튼*/
.gw-main-btn01 {width: 200px;height:55px;font-family:"Play", sans-serif;font-weight: 700;display: flex;justify-content: center;align-items: center;border:1px solid #ccc;}
.gw-main-btn01 .span-mother {display: flex;overflow: hidden;}
.gw-main-btn01:hover .span-mother {position: absolute;}
.gw-main-btn01:hover .span-mother span {transform: translateY(100%);}
.gw-main-btn01 .span-mother span:nth-child(1) {transition: 0.2s;}
.gw-main-btn01 .span-mother span:nth-child(2) {transition: 0.3s;}
.gw-main-btn01 .span-mother span:nth-child(3) {transition: 0.4s;}
.gw-main-btn01 .span-mother span:nth-child(4) {transition: 0.5s;}
.gw-main-btn01 .span-mother span:nth-child(5) {transition: 0.6s;}
.gw-main-btn01 .span-mother span:nth-child(6) {transition: 0.7s;}
.gw-main-btn01 .span-mother2 {display: flex;position: absolute;overflow: hidden;}
.gw-main-btn01 .span-mother2 span {transform: translateY(-100%);}
.gw-main-btn01:hover .span-mother2 span {transform: translateY(0);}
.gw-main-btn01 .span-mother2 span {transition: 0.2s;}
.gw-main-btn01 .span-mother2 span:nth-child(2) {transition: 0.3s;}
.gw-main-btn01 .span-mother2 span:nth-child(3) {transition: 0.4s;}
.gw-main-btn01 .span-mother2 span:nth-child(4) {transition: 0.5s;}
.gw-main-btn01 .span-mother2 span:nth-child(5) {transition: 0.6s;}
.gw-main-btn01 .span-mother2 span:nth-child(6) {transition: 0.7s;}
.gw-arrow-btn-container {position: relative;flex-shrink: 0;display: grid;place-items: center;overflow: hidden;width: 25px;height: 25px;color:#fff;background: var(--main-color);border-radius: 50%;}
.gw-arrow-btn-copy {position: absolute;transform: translate(-150%, 150%);}
.gw-arrow-btn-container:hover .gw-arrow-btn-svg:first-child {transition: transform .3s ease-in-out;transform: translate(150%, -150%);}
.gw-arrow-btn-container:hover .gw-arrow-btn-copy  {transition: transform .3s ease-in-out .1s;transform: translate(0);}

/* cursor */
#flag {position: fixed;left: 0;top: 0;z-index: 99899999999;pointer-events: none;}
#flag > div {width: 15px;height: 15px;background: var(--main-color);border-radius: 50px;transition: all .3s ease;}
#flag.on{mix-blend-mode: difference !important;}
#flag.on > div{width:40px;height: 40px;background: #fff;}

/*배경움직임*/
@keyframes bgmove01 {
    0% {transform:translateX(-101%);}
    50% {transform:translateX(0);}
    100% {transform:translateX(101%);}
}

@keyframes bgmove02 {
    0% {opacity:0;}
    50% {opacity:0;}
    51% {opacity:1;}
    100% {opacity:1;}
}

/* gw-theme-main-visual */
#gw-theme-main-visual .gw-slide-container{height: 100vh !important;}

/* gw-theme03-main-business */
#gw-theme03-main-business .bg{position:absolute;top:0;left:0;width:100vw;height:100%;background: url('../img/gw-theme03-main-business-bg.jpg') center no-repeat;background-size: cover;transform:scale(1.2,1.2);transition:transform 3s ease-in-out;}
#gw-theme03-main-business .bg:after {content: "";display: block;background: var(--main-color);opacity: 0.6;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.8s;}
#gw-theme03-main-business .gw-business-list {position: absolute;width: 100%;height: 100%;}
#gw-theme03-main-business .gw-business-item{flex:1;position: relative;height: 100%;transition:background 0.8s;}
#gw-theme03-main-business .gw-business-item:not(:last-child){border-right:1px solid rgba(255,255,255,0.1);}
#gw-theme03-main-business .gw-business-item-inner{display: block;height: 100%;position: relative;}
#gw-theme03-main-business .gw-text-container{padding:0 14.5%;position: absolute;top:50%;left:0;transform:translateY(-50%);color: #fff;}
#gw-theme03-main-business .gw-text-wrap{position: relative;transition:padding 0.4s;}
#gw-theme03-main-business .gw-ico{position:absolute;top:0;left:0;opacity: 0;transition:opacity 0.4s;}
#gw-theme03-main-business .gw-text01{font-size:18px;color:rgba(255,255,255,0.6);}
#gw-theme03-main-business .gw-text02{font-size:var(--main-title02);font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 700;}
#gw-theme03-main-business .gw-text03{position:relative;font-size: 18px;color:rgba(255,255,255,0.6);line-height:1.6;transition: all .3s;}
#gw-theme03-main-business .gw-text03:before{ content:"";position:absolute;top:0; left:0; width:20px; height:3px; background:#fff; opacity:1; transition:opacity 0.3s}
#gw-theme03-main-business .gw-main-btn01{opacity:0;position: absolute;bottom:0;left:0;color:#fff;transition:opacity 0.4s;}
#gw-theme03-main-business .gw-business-item:hover{background: var(--main-color);opacity: 0.9;}
#gw-theme03-main-business .gw-business-item:hover .gw-text-wrap{padding:130px 0 100px;}
#gw-theme03-main-business .gw-business-item:hover .gw-ico{opacity: 1;}
#gw-theme03-main-business .gw-business-item:hover .gw-main-btn01{opacity: 1;}
#gw-theme03-main-business .gw-business-item:hover .span-mother {position: absolute;}
#gw-theme03-main-business .gw-business-item:hover .span-mother span {transform: translateY(100%);transition-delay: 0.4s;}
#gw-theme03-main-business .gw-business-item:hover .span-mother2 span {transform: translateY(0);transition-delay: 0.4s;}
#gw-theme03-main-business.on .bg{transform: scale(1.0,1.0);}
#gw-theme03-main-business.on .gw-text-effect-item {opacity:1; transform:translateY(0);}

/*gw-theme03-main-product*/
#gw-theme03-main-product{background: url('../img/gw-theme03-main-product-bg.jpg') center no-repeat;background-size: cover;}
#gw-theme03-main-product .gw-theme03-main-product-slider-container {position:relative;width: 100%;}
#gw-theme03-main-product .gw-left {position: absolute;left: 0;}
#gw-theme03-main-product  .gw-theme03-main-product-controls{color:#000;gap:50px;}
#gw-theme03-main-product-counter{font-size: 14px;}
#gw-theme03-main-product button {color: #000;}
#gw-theme03-main-product .gw-right{margin-left:30%;width:100%;}
#gw-theme03-main-product .gw-theme03-main-product-item{margin-right: 2rem;transform:translateY(100px);opacity:0;width:400px;height:550px;transition: all 0.4s ease-in-out;}
#gw-theme03-main-product .gw-theme03-main-product-item > a{position:relative;display: block;width: 100%;height: 100%;background:#000;box-shadow:red;}
#gw-theme03-main-product .gw-img{position: relative;overflow: hidden;}
#gw-theme03-main-product .gw-img > img{width: 100%;height: 100%;object-fit: cover;transform:scale(1.0);transition:all 0.8s ease-in-out;}
#gw-theme03-main-product .gw-text-container{padding:2rem;position:absolute;top:0;left:0;width:100%;height:100%;display: flex;flex-direction: column;justify-content: space-between;}
#gw-theme03-main-product .gw-text01{font-size:18px;color:rgba(255,255,255,0.6);}
#gw-theme03-main-product .gw-text02{font-size:var(--main-title02);font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 700;color: #fff;}
#gw-theme03-main-product .gw-arrow-btn-container{color: var(--main-color);background:#fff;}
#gw-theme03-main-product .gw-theme03-main-product-item > a:hover .gw-img > img{transform: scale(1.2) rotate(0.0015deg);}
#gw-theme03-main-product .gw-theme03-main-product-item > a:hover .gw-arrow-btn-svg:first-child {transition: transform .3s ease-in-out;transform: translate(150%, -150%);}
#gw-theme03-main-product .gw-theme03-main-product-item > a:hover .gw-arrow-btn-copy  {transition: transform .3s ease-in-out .1s;transform: translate(0);}
#gw-theme03-main-product.on .gw-text-effect-item {opacity:1; transform:translateY(0);}
#gw-theme03-main-product.on .gw-theme03-main-product-item{opacity:1; transform:translateY(0);}
#gw-theme03-main-product.on .gw-theme03-main-product-item.slick-current{transition-delay:0s;}
#gw-theme03-main-product.on .gw-theme03-main-product-item.slick-current + .slick-slide{transition-delay:0.2s;}
#gw-theme03-main-product.on .gw-theme03-main-product-item.slick-current + .slick-slide + .slick-slide{transition-delay:0.4s;}

/* gw-theme03-main-menu */
#gw-theme03-main-menu .gw-sec-container > div{width: 33.3333%;height:100%;}
#gw-theme03-main-menu .gw-bg{position: absolute;top: 0;left: 0;height: 100%;width: 100%;transform:scale(1.0);background-color: #1d1d1d;}
#gw-theme03-main-menu .gw-bg:hover{transform:scale(1.2) rotate(0.0015deg);}
#gw-theme03-main-menu .gw-title-container {position: absolute;bottom: 100px;left: 100px;color:#fff;}
#gw-theme03-main-menu .gw-title-container .gw-title{font-family: "Play", sans-serif;font-weight: 700;font-size:var(--main-title01);}
#gw-theme03-main-menu .gw-title-container .gw-text{opacity: 0.7;}
#gw-theme03-main-menu .gw-left > a{overflow: hidden;display:block;width: 100%;height:100%;}
#gw-theme03-main-menu .gw-left .gw-bg{background-size: cover; opacity:0; transition:all 0.8s ease-in-out;}
#gw-theme03-main-menu .gw-left > a:hover .gw-arrow-btn-svg:first-child {transition: transform .3s ease-in-out;transform: translate(150%, -150%);}
#gw-theme03-main-menu .gw-left > a:hover .gw-arrow-btn-copy  {transition: transform .3s ease-in-out .1s;transform: translate(0);}
#gw-theme03-main-menu .gw-right > div {height: 50%;width: 100%;}
#gw-theme03-main-menu .gw-top > a{overflow: hidden;display:block;width: 100%;height:100%;}
#gw-theme03-main-menu .gw-top .gw-bg{background-size: cover;opacity:0; transition:all 0.8s ease-in-out;;}
#gw-theme03-main-menu .gw-top > a:hover .gw-arrow-btn-svg:first-child {transition: transform .3s ease-in-out;transform: translate(150%, -150%);}
#gw-theme03-main-menu .gw-top > a:hover .gw-arrow-btn-copy  {transition: transform .3s ease-in-out .1s;transform: translate(0);}
#gw-theme03-main-menu .gw-bottom > a{overflow: hidden;display:block;width: 100%;height:100%;}
#gw-theme03-main-menu .gw-bottom .gw-bg{background-size: cover;opacity:0; transition:all 0.8s ease-in-out;}
#gw-theme03-main-menu .gw-bottom > a:hover .gw-arrow-btn-svg:first-child {transition: transform .3s ease-in-out;transform: translate(150%, -150%);}
#gw-theme03-main-menu .gw-bottom > a:hover .gw-arrow-btn-copy  {transition: transform .3s ease-in-out .1s;transform: translate(0);}
#gw-theme03-main-menu .gw-theme03-main-menu-bg{position: relative; overflow: hidden;}
#gw-theme03-main-menu .gw-theme03-main-menu-bg:after{content:""; position: absolute; left:0; top:0; width:100%; height:100%; background: var(--main-color); display: block; transform:translateX(-101%);}
#gw-theme03-main-menu.on .gw-text-effect-item {opacity:1; transform:translateY(0);transition-delay: 0.6s;}
#gw-theme03-main-menu.on .gw-theme03-main-menu-bg:after{animation:bgmove01 both 0.8s 0.2s;}
#gw-theme03-main-menu.on .gw-theme03-main-menu-bg .gw-bg{animation:bgmove02 both 0.8s 0.2s;}

/* gw-theme03-main-company */
#gw-theme03-main-company{background: url('../img/gw-theme03-main-company-bg.jpg') center no-repeat;background-size: cover;}
#gw-theme03-main-company .gw-sec-container {flex-direction: column;}
#gw-theme03-main-company .gw-top{background: #fff;}
#gw-theme03-main-company .gw-top > li{padding:60px 0;position: relative;flex:1;display: flex;flex-direction: column;align-items: center;place-content: center;gap:30px;height: 100%;}
#gw-theme03-main-company .gw-top > li:not(:last-child) {border-right: 1px solid #f3f3f3;}
#gw-theme03-main-company .gw-top .gw-title-container {font-size: var(--main-title04);}
#gw-theme03-main-company .gw-top .counter{font-family: "Play", sans-serif;font-weight: 700;font-size:var(--main-title01);}
#gw-theme03-main-company .gw-company-banner > li {flex: 1;}
#gw-theme03-main-company .gw-company-banner > li > a{position:relative;display:block;width:100%;height: 200px;}
#gw-theme03-main-company .gw-company-banner .gw-bg {overflow:hidden;opacity:0;position:relative;width: 100%;height: 100%;transition: all .3s;}
#gw-theme03-main-company .gw-company-banner .gw-bg:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f8f8f8;display: block;transform: translateX(-101%);}
#gw-theme03-main-company .gw-company-banner >li:first-child .gw-bg {background: url("../img/gw-theme03-main-company-bg01.jpg") center no-repeat;background-size: cover;}
#gw-theme03-main-company .gw-company-banner >li:last-child .gw-bg {background: url("../img/gw-theme03-main-company-bg02.jpg") center no-repeat;background-size: cover;}
#gw-theme03-main-company .gw-text-container {position: absolute;top: 50%;left: 50px;transform:translateY(-50%);color:#fff;}
#gw-theme03-main-company .gw-title {font-size: var(--main-title03);color: #fff;}
#gw-theme03-main-company .gw-company-banner >li:first-child > a .gw-title {color: #fff;}
#gw-theme03-main-company .gw-company-banner >li:first-child > a .gw-text {color: rgba(255,255,255,0.7);}
#gw-theme03-main-company .gw-company-banner >li:last-child > a .gw-title {color: #000;}
#gw-theme03-main-company .gw-company-banner >li:last-child > a .gw-text {color: rgba(0,0,0,0.7);}
#gw-theme03-main-company.on .gw-text-effect-item {opacity:1; transform:translateY(0);}
#gw-theme03-main-company.on .gw-bg:after {animation: bgmove01 both 0.8s 0.2s;}
#gw-theme03-main-company.on .gw-bg {animation: bgmove02 both 0.8s 0.2s;}

/* gw-theme03-main-inquiry */
#gw-theme03-main-inquiry .bg{position:absolute;top:0;left:0;width:100vw;height:100%;background: url('../img/gw-theme03-main-inquiry-bg.jpg') center no-repeat;background-size: cover;transform:scale(1.2,1.2);transition:transform 3s ease-in-out;}
#gw-theme03-main-inquiry > form {display: flex;align-items: center;place-content: center;height: 100%;}
#gw-theme03-main-inquiry .gw-sec-con-1440{width: 1200px;}
#gw-theme03-main-inquiry .gw-sec-sub-title{color:#fff;}
#gw-theme03-main-inquiry .gw-input-list{transform: translateY(50%);opacity: 0;transition: all 0.8s;}
#gw-theme03-main-inquiry .gw-input-container > ul {width:calc(50% - 30px);}
#gw-theme03-main-inquiry .gw-input-container > ul > li{margin-top:15px;}
#gw-theme03-main-inquiry .gw-input-container .gw-input-item{padding:0 15px 0 80px;position:relative;background: #f8f8f8;height:55px;border-radius: 30px;}
#gw-theme03-main-inquiry .gw-input-container .gw-input-title{position:absolute; top:0px; left:0px; width:100px; line-height:55px;text-align: center;font-family: 'Pretendard_B', sans-serif;}
#gw-theme03-main-inquiry .gw-input-container .gw-input{width:100%;background: #f8f8f8;border: none;height:55px;}
#gw-theme03-main-inquiry .gw-input-container .gw-file-input-container{background: #f8f8f8;border-radius: 30px;}
#gw-theme03-main-inquiry .gw-input-container .file-name{padding: 0;padding-left: 30px;border: none;background: #f8f8f8;color:#666;width: 100%;border-radius: 30px;line-height: 55px;}
#gw-theme03-main-inquiry .gw-check-list{align-items: center;place-content: center;cursor: pointer;color: #fff;}
#gw-theme03-main-inquiry .gw-file-input-container{cursor: pointer;}
#gw-theme03-main-inquiry .gw-file-input-button {top: 50%;right: 20px;transform: translateY(-50%);height: 30px;line-height: 30px;border-radius: 30px;background:#000;}
#gw-theme03-main-inquiry .gw-textarea-item > textarea {padding:30px;border: none;background: #f8f8f8;border-radius: 30px;height: 260px;margin-top: 15px;color:#666;}
#gw-theme03-main-inquiry input[type="checkbox"].on + .check-label:before {content: "\e928";font-family: "xeicon";border-color: var(--main-color);background: var(--main-color);font-weight: 600;line-height: 16.5px;color: #fff;}
#gw-theme03-main-inquiry .gw-search {display: inline-block;width: 30px;height: 30px;line-height: 30px;background: #fff;color: #000;border-radius: 100%;cursor: pointer;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.15);}
#gw-theme03-main-inquiry .gw-search > i {font-size: 14px;}
#gw-theme03-main-inquiry .gw-main-btn01 {margin: 0 auto;width: 403px;height: 80px;line-height: 80px;font-size: var(--main-title04);border-color:#ccc;color:#fff !important;}
#gw-theme03-main-inquiry.on .bg{transform: scale(1.0,1.0);}
#gw-theme03-main-inquiry.on .gw-text-effect-item {opacity:1; transform:translateY(0);transition-delay: 0.6s;}
#gw-theme03-main-inquiry.on .gw-input-list{transform: translateY(0);opacity: 1;}

/* gw-theme03-main-location */
#gw-theme03-main-location .gw-sec-title {margin-bottom: 2rem;}
#gw-theme03-main-location .gw-text-container {display:flex;flex-direction:column;align-items:center;width: 100%;}
#gw-theme03-main-location .gw-sec-container{place-content: flex-start;}
#gw-theme03-main-location .gw-sec-container > div{height:100%;}
#gw-theme03-main-location .gw-left{width: 50vw;overflow: hidden;}
#gw-theme03-main-location .gw-left .gw-map{height:100%;background:url("../img/gw-theme03-main-location.jpg") center no-repeat;background-size: cover;transform: scale(1.2,1.2);transition: transform 3s ease-in-out;}
#gw-theme03-main-location .gw-right{overflow: hidden;position: relative;display: flex;flex-direction: column;align-items: center;place-content: center;background: var(--main-color);text-align: center;color:#fff;width:0;transition: all 0.4s;}
#gw-theme03-main-location .gw-right .gw-location-list > li:not(:first-child){margin-top: 10px;}
#gw-theme03-main-location .gw-main-btn01{color:#fff;}
#gw-theme03-main-location.on .gw-left .gw-map{transform: scale(1.0,1.0);}
#gw-theme03-main-location.on .gw-right{width: 50vw;}
#gw-theme03-main-location.on .gw-text-effect-item {opacity:1; transform:translateY(0);transition-delay: 0.6s;}

/* gw-theme03-main-partners */
#gw-theme03-main-partners{background:#f8f8f8;}
#gw-theme03-main-partners .gw-sec-container{flex-direction: column;}
#gw-theme03-main-partners .gw-sec-title{color: #222;}
#gw-theme03-main-partners .gw-partner-container {position: relative;width: 100%;}
#gw-theme03-main-partners .gw-partner-container > div {overflow: hidden;position: relative;width: 100%;height: 100px;}
#gw-theme03-main-partners .gw-partner-items {display: flex;gap:20px;}
#gw-theme03-main-partners .gw-partner-item {margin:0 10px;overflow:hidden;width:250px;height: 100px;background: #fff;box-shadow: 0 0 2px rgba(0,0,0,.01),4px 12px 36px rgba(0,0,0,.01);}
#gw-theme03-main-partners .gw-partner-item > img{width: 100%;height: 100%;object-fit: cover;}
#gw-theme03-main-partners .gw-partner-banner > li {flex: 1;}
#gw-theme03-main-partners .gw-partner-banner > li > a{position:relative;display:block;width:100%;height: 200px;}
#gw-theme03-main-partners .gw-partner-banner .gw-bg {overflow:hidden;opacity:0;position:relative;width: 100%;height: 100%;transition: all .3s;}
#gw-theme03-main-partners .gw-partner-banner .gw-bg:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f8f8f8;display: block;transform: translateX(-101%);}
#gw-theme03-main-partners .gw-partner-banner >li:first-child .gw-bg {background: url("../img/gw-theme03-main-partners-bg01.jpg") center no-repeat;background-size: cover;}
#gw-theme03-main-partners .gw-partner-banner >li:last-child .gw-bg {background: url("../img/gw-theme03-main-partners-bg02.jpg") center no-repeat;background-size: cover;}
#gw-theme03-main-partners .gw-text-container {position: absolute;top: 50%;left: 50px;transform:translateY(-50%);color:#fff;}
#gw-theme03-main-partners .gw-title {font-size: var(--main-title03);color: #fff;}
#gw-theme03-main-partners .gw-partner-banner >li:first-child > a .gw-title {color: #fff;}
#gw-theme03-main-partners .gw-partner-banner >li:first-child > a .gw-text {color: rgba(255,255,255,0.7);}
#gw-theme03-main-partners .gw-partner-banner >li:last-child > a .gw-title {color: #000;}
#gw-theme03-main-partners .gw-partner-banner >li:last-child > a .gw-text {color: rgba(0,0,0,0.7);}
#gw-theme03-main-partners.on .gw-bg:after {animation: bgmove01 both 0.8s 0.2s;}
#gw-theme03-main-partners.on .gw-bg {animation: bgmove02 both 0.8s 0.2s;}
#gw-theme03-main-partners.on .gw-text-effect-item {opacity:1; transform:translateY(0);}

/* gw-theme03-main-column */
#gw-theme03-main-column .gw-bg{position:absolute;top:0;left:0;width:100vw;height:100vh;background: url('/img/custom/bg_04.jpg') center no-repeat;background-size: cover;transform:scale(1.2,1.2);transition:transform 3s ease-in-out;}
#gw-theme03-main-column .gw-sec-container{flex-direction: column;}
#gw-theme03-main-column .gw-sec-title{color:#fff;}
#gw-theme03-main-column .gw-column-list {gap: 20px;}
#gw-theme03-main-column .gw-column-item{display:flex;flex-direction:column;align-items:center;padding:50px 0;width: 33.3%;color: #fff;border:1px solid rgba(255,255,255,0.2); transform: translateY(100px);opacity: 0;}
#gw-theme03-main-column .gw-column-item .gw-title{font-size: var(--main-title02);color:#fff;}
#gw-theme03-main-column .gw-sec-sub-title{color: rgba(255,255,255,0.6);}
#gw-theme03-main-column .gw-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;min-height: 44px;overflow: hidden;color:rgba(255,255,255,0.8);line-height: 1.5;}
#gw-theme03-main-column .gw-main-btn01{margin:0 auto;color:#fff;}
#gw-theme03-main-column .gw-column-item:hover{background:#fff;color:#000;}
#gw-theme03-main-column .gw-column-item:hover .gw-sec-sub-title{color: var(--main-color);}
#gw-theme03-main-column .gw-column-item:hover .gw-title{color:#000;}
#gw-theme03-main-column .gw-column-item:hover .gw-text{color:#666;}
#gw-theme03-main-column .gw-column-item:hover .gw-main-btn01{color:#000;}
#gw-theme03-main-column.on .gw-bg{transform: scale(1.0,1.0);}
#gw-theme03-main-column.on .gw-text-effect-item {opacity:1; transform:translateY(0);}
#gw-theme03-main-column.on .gw-column-item{opacity: 1;transform: translateY(0);}
#gw-theme03-main-column.on .gw-column-item:nth-of-type(1) {transition: transform 0.4s ease-in-out 0s;}
#gw-theme03-main-column.on .gw-column-item:nth-of-type(2) {transition: transform 0.4s ease-in-out 0.2s;}
#gw-theme03-main-column.on .gw-column-item:nth-of-type(3) {transition: transform 0.4s ease-in-out 0.4s;}


/*CUSTOM*/


.fl_wrap:after{content: '';clear: both;display: block;}
.fl_l{float: left;}
.fl_r{float: right;}
.c_color{color: #FFC421;}

.gw-sec-container.video_background{  position: relative;  width: 100%;  height: 100vh;  overflow: hidden;}
.gw-sec-container.video_background video {  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -2;  transform: translate(-50%, -50%);  object-fit: cover;}
.gw-sec-container.video_background::after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.8); /* 투명도 조절 */  z-index: 0;}
.gw-sec-container.video_background .gw-intro-list{  position: relative;  z-index: 1;  color: #fff;  text-align: center;  top: 50%;  transform: translateY(-50%);}

.gw-intro-list .custom-list-wrap{}
.gw-intro-list .custom-list-wrap .custom-list-heading{width: 100%;}
.gw-intro-list .custom-list-wrap .custom-content-heading{width: 100%;}
.gw-intro-list .custom-list-wrap .custom-list-content{width: 100%;}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap{}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul{  display: flex;  flex-wrap: wrap; /* 줄바꿈 허용 */  justify-content: space-between; /* 간격 균등 정렬 */  list-style: none;  padding: 0;width: 50%;margin: 0 auto;outline: 1px solid rgba(299,299,299, 0.2)}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li{  width: 33.3333%; /* 한 줄에 3개 (간격 고려) */  text-align: center;outline: 1px solid rgba(299,299,299, 0.2);outline-offset:-1px}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a{display: block;padding: 40px 0;  transition: color 0.3s ease; color:#fff}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a span{color:inherit;}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a span{display:block;width: 100%;}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a span svg{  transition: fill 0.3s ease; fill:currentColor;}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a span svg path{  transition: fill 0.3s ease; fill:currentColor;}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a span.c_icoInfo{font-family: 'Pretendard_R';font-size: 16px;color: #D2D3D9;margin-top: 1em;}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a:hover{background-color: rgba(299,299,299,0.1);color: #FFC421;}
.gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a:hover span{color: #FFC421;}

#gw-theme03-main-menu .gw-title-container{}


#gw-theme03-main-menu .gw-title-container.c_textBox_container_lg{position: relative;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_01{bottom:70%}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_sm{right:10%}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_top{bottom:10%}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_bottom{top: 10%;}
#gw-theme03-main-menu .gw-left > a{border-right: 1px solid #5f5f5f;}
#gw-theme03-main-menu .gw-top > a{border-right: 1px solid #5f5f5f;border-bottom: 1px solid #5f5f5f;}
#gw-theme03-main-menu .gw-bottom > a{border-right: 1px solid #5f5f5f;}


#gw-theme03-main-menu .gw-title-container.c_textBox_container_lg .c_section_title{position: absolute;top:calc(100% - 10em);left: 0;z-index: 1;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_lg .c_section_title>span{font-size: 90px;color: rgba(299,299,299,0.05);font-family: 'Pretendard_B';}

.gw-text-effect-item .custom_text_wrap .c_title{}
.gw-text-effect-item .custom_text_wrap .c_title span{display: block;}
.gw-text-effect-item .custom_text_wrap .c_title span.c_num{font-family:'Pretendard_R'; font-size: 14px;text-align: center;background-color: #a8a8a811;color: #DE9014;padding: .3em .5em;display: inline-block;margin-bottom: .5em;}
.gw-text-effect-item .custom_text_wrap .c_title span.c_bigTitle{font-size: 32px;font-family: 'Pretendard_B';color: #DE9014;display:block;margin-bottom: .5em;width: 100%;}
.gw-text-effect-item .custom_text_wrap .c_para{font-family:'Pretendard_R';font-size: 14px;color: #e2e2e2;width: 80%;margin-bottom: 1em;}
.gw-text-effect-item .custom_text_wrap .c_buttonBox{font-family: 'Pretendard_R';width: 100%;}
.gw-text-effect-item .custom_text_wrap .c_buttonBox>a.c_link{color: #e2e2e2;font-size: 14px;border: 1px solid #e2e2e2;;display: inline-block;padding: .5em 2em 1.1em;margin-top: 1em;font-family: 'Pretendard_L';width: auto !important;}
.gw-text-effect-item .custom_text_wrap .c_buttonBox>a.c_link .material-symbols-outlined{    position: relative;    top: .3em;    left: .3em;font-size: 20px;}

.gw-text-effect-item .custom_text_wrap.custom_text_wrap_rightAlign .c_title span{text-align: right;}
.gw-text-effect-item .custom_text_wrap.custom_text_wrap_rightAlign .c_para{text-align: right;    position: relative;    width: 100%;    right: 0;}

#gw-theme03-main-menu .gw-title-container.c_textBox_container_02 .c_title span.c_num{color: #3272B0;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_02 .c_title span.c_bigTitle{color: #3272B0;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_03 .c_title span.c_num{color: #65AB2F;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_03 .c_title span.c_bigTitle{color: #65AB2F;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_04 .c_title span.c_num{color: #252F52;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_04 .c_title span.c_bigTitle{color: #252F52;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_05 .c_title span.c_num{color: #9956B3;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_05 .c_title span.c_bigTitle{color: #9956B3;}


#gw-theme03-main-menu .gw-title-container.c_textBox_container_lg .custom_img_wrap{width: 100%;height: 100%;position: relative;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_lg .custom_img_wrap > img{display: block;width: 60%;height: auto;position: relative;top: -60px;opacity: .5;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_sm .custom_img_wrap{width: 100%;height: 100%;position: relative;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_sm .custom_img_wrap > img{position: absolute;height: auto;bottom:100px;opacity: .5;width: 50%;z-index: -1;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_sm .gw-text-effect{overflow: visible;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_top .custom_img_wrap > img{bottom:70px;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_bottom .gw-rel{display: block;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_bottom .custom_img_wrap > img{top:130px;}
#gw-theme03-main-menu .gw-title-container.c_textBox_container_bottom.c_textBox_container_05 .custom_img_wrap > img{top:90px;}


#gw-theme03-main-menu .gw-text-effect{overflow: visible;}
#gw-theme03-main-menu .gw-theme03-main-menu-bg:hover .c_title span.c_bigTitle{color: #fff;}
#gw-theme03-main-menu .gw-theme03-main-menu-bg:hover .c_title span.c_num{color: #fff;}
#gw-theme03-main-menu .gw-theme03-main-menu-bg:hover .custom_img_wrap > img{opacity: 1;}
#gw-theme03-main-menu .c_bgChange_01:hover .gw-bg{background-color: #DE9014;}
#gw-theme03-main-menu .c_bgChange_02:hover .gw-bg{background-color: #3272B0;}
#gw-theme03-main-menu .c_bgChange_03:hover .gw-bg{background-color: #252F52;}
#gw-theme03-main-menu .c_bgChange_04:hover .gw-bg{background-color: #65AB2F;}
#gw-theme03-main-menu .c_bgChange_05:hover .gw-bg{background-color: #9956B3;}

#gw-theme03-main-list-type01.c_slide_customerService{}
#gw-theme03-main-list-type01.c_slide_customerService .gw-sec-container{background-color: #051026 !important;}
.c_mainRecent_list_wrap{    width: 100%;    height: 100%;position: relative;background-color: #051026;color:#bbb}
.c_mainRecent_list_wrap .c_mainRecent_list{    width: 80%;    height: 50%;    margin: 0 auto;    position: relative;top: 25%;}
.c_mainRecent_list_wrap .c_mainRecent_list > div:first-child{    width: 30%;}
.c_mainRecent_list_wrap .c_mainRecent_list > div:last-child{    width: 70%;}


.c_heading_sm{font-size: 16px;text-align: center;margin-bottom: 1em;font-family: 'Pretendard_SB';width: 100%;}
.c_heading_sm > span{color: #FFC421;padding: .5em .7em;border: 1px solid #FFC421;display: inline-block;}
.c_heading{font-size: 56px;margin-bottom: .5em;font-family: 'Pretendard_B';text-align: center;color: #fff;}
.c_content{margin-bottom: 3em;text-align: center;color: #fff;}

.c_mainRecent_list_wrap .c_mainRecent_list .c_catalog_thumb{}
.c_mainRecent_list_wrap .c_mainRecent_list .c_catalog_thumb > img{  width: 70%;}
.c_mainRecent_list_wrap .c_mainRecent_list .c_catalog_thumb > .c_catalog_title{margin: .8em 0 .5em;font-size: 18px;}
.c_mainRecent_list_wrap .gw-main-btn01{color: #bbb;}
.c_latest_title_wrap .c_heading_sm > span{float: left}

#gw-theme03-main-column .gw-bg::before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.8); /* 투명도 조절 */  z-index: 0;}



/*mobile*/

@media screen and (max-width:1440px) {
    .gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul{width: 90%;}
    .c_catalog_thumb{display: none;}
    .c_mainRecent_list_wrap .c_mainRecent_list > div:last-child{width: 100%;}
    #gw-theme03-main-menu{display: none;}
    .c_latest_title_wrap .c_heading_sm > span{float: none;margin-bottom: 2em;margin-top: 100px;}
    .c_mainRecent_list_wrap .c_btn_more{display: none;}
    .c_heading{margin-bottom: 0;width: 100%;}
    .footer-menu{display: none;}
    .gw-footer-container{margin-top: 0;}
    .c_heading{font-size: 30px;margin-bottom: .5em;padding: 1em 0;}
    .c_content {    line-height: 1.5em;    width: 80%;    margin: 0 auto 3em;padding: 1em 0;}

    .gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a span svg {width: 40% !important;height: 40% !important;}
    .gw-intro-list .custom-list-wrap .custom-list-content .c_list_ico_wrap>ul>li a span.c_icoInfo{font-size: 12px;}

    .gw-sec-container{padding: 120px 20px !important;}
    .gw-news-container{margin-top: -80px !important;}


}

@media screen and (max-width:1280px) {
    #gw-theme03-main-menu .gw-sec-container > div {width: 100%;}
    
}

@media screen and (max-width:576px) {
}



/* 푸터가 fixed라면, translate로 아래로 숨겼다가 올리는 방식이 제일 깔끔 */
.gw-footer-container {
  position: fixed;           /* 이미 fixed라면 유지 */
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(110%); /* 기본: 화면 밖(숨김) */
  transition: transform .25s ease;
  will-change: transform;
  z-index: 9999;
}

.gw-footer-container.is-visible {
  transform: translateY(0);   /* 보이기 */
}
