@charset "UTF-8";
/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

/*공통------------------------------------------------------------------------------------------------------------------ */
#wrapper{padding-top:0 !important;padding-bottom: 0;background: #fff;}
#container_wr{padding: 0;background: #fff;transition: all .3s}
.scroll-content > section{width: 100vw;position: relative;overflow: hidden;}
.gw-sec{padding:130px 0 140px;}
.gw-sec-con-wrap{position:relative;margin:0 auto;width: var(--gw-con-width);}
.gw-sec .gw-btn01 {max-width: 200px;}
.gw-sec-container{position:relative;margin:0 auto;width: var(--gw-con-width);}
.gw-sec-sub-title{margin-bottom:15px;display: block;font-size: var(--main-title04);font-family: "Outfit", sans-serif;font-weight: 700; line-height: 1.2em; color: var(--main-color);}
.gw-sec-title {margin-bottom:30px;font-size: var(--main-title02); font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.3;word-break: keep-all;}
.gw-sec-txt{font-size: var(--main-text01); font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1.6;}
.gw-dot{margin-right:10px;width: 10px;height: 10px;border-radius: 100%;background: var(--main-color);}
.gw-category{padding: 0 15px;display: inline-block;border-radius: 15px;background: var(--main-color);height: 28px;line-height: 28px;color:#fff;font-size: 14px;font-family: 'NotoKr_M', sans-serif;}

/*버튼*/
.gw-plus-btn{display: block;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #ddd;}
.gw-plus-btn > i{transform-origin:center;transition: all 0.5s;}
.gw-plus-btn:hover > i{transform: translate(-50%,-50%) rotate(360deg);}
.gw-more-btn {position: absolute; bottom: -60px; left: 50%; margin-left: -47.5px; opacity:0; text-align:center; border-radius:50%; -webkit-transition:all 0.4s ease-in-out; z-index:10; width: 95px; height: 95px; background: var(--main-color); transition:all 0.4s ease-in-out;}
.gw-more-btn:before {position: absolute; content: ''; top: -21px; left: -21px; width:137px; height: 137px; background: url(../img/gw-more-btn-txt.png)no-repeat center/100%; animation: rotateItem 10s linear infinite;}
.gw-more-btn i {font-size:var(--main-title03); line-height: 95px; color: #fff; transform: rotate(45deg); transition:all 0.4s ease-in-out;}
.gw-main-btn02{display:flex;place-content:center;border:2px solid #ddd;width: 100%;height:55px;line-height:55px;cursor:pointer;border-radius: 5px;font-family: "Outfit", sans-serif;transition: all .3s;}
.gw-main-btn04{transition: all .3s;}
.gw-main-btn04:hover{letter-spacing: 5px;}

/* 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;}


/* gw-theme08-main-service------------------------------------------------------------------------------------------------------------------ */
#gw-theme08-main-service .gw-service-list {display: flex; width: 100%; height:100vh;}
#gw-theme08-main-service .gw-service-list .gw-list-item {flex: 1; position: relative; transition:all 0.4s ease-in-out;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-item-inner {display: block; width: 100%; height: 100%;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-img-box { margin: 0;position: relative; height: 100vh;overflow: hidden; background:#000;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-img-box img {position: absolute;left: 50%; transform: translateX(-50%); height: 100%; min-width:100%; object-fit:cover; opacity:0.3; transition:all 0.4s ease-in-out;}
#gw-theme08-main-service .gw-service-list .gw-list-item:first-child .gw-img-box img{left:0; transform:translateX(0);}
#gw-theme08-main-service .gw-service-list .gw-list-item:last-child .gw-img-box img{left:auto; right:0; transform:translateX(0);}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-tit-box{margin: 0 auto;position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - 30px); text-align:center; z-index:9; transition:all 0.4s ease-in-out;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-tit-box .gw-tit{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;font-size:var(--main-title04); line-height:1.35; letter-spacing:-0.005em; color:#fff; font-weight:700;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-tit-box .gw-txt{font-size:var(--main-text01); line-height:1.77; color:rgba(255,255,255,0.3); font-weight:500;font-family: "Outfit", sans-serif;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-tit-box .gw-main-btn01{display: none;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-tit-box .gw-main-btn01 .gw-txt {color: #fff;line-height: initial;}
#gw-theme08-main-service .gw-thumb-box{position: absolute; top:0; left:0; width:100%; height:100%; padding:10rem 5rem; box-sizing:border-box; z-index:9; transition:all 0.4s ease-in-out; }
#gw-theme08-main-service .gw-thumb-box .gw-thumb-tit-box{margin-bottom:1.5rem;}
#gw-theme08-main-service .gw-thumb-box .gw-thumb-tit-box .gw-thumb-tit{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;font-size:var(--main-title03); line-height:1.2; letter-spacing:-0.005em; color:#fff; font-weight:700; margin-bottom:1rem;}
#gw-theme08-main-service .gw-thumb-box .gw-thumb-tit-box .gw-thumb-txt{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;line-height:1.5; letter-spacing:-0.05em; color:#fff; font-weight:500;font-family: "Outfit", sans-serif;}
#gw-theme08-main-service .gw-thumb-box .gw-check-list{margin-bottom:4rem;}
#gw-theme08-main-service .gw-thumb-box .gw-check-list p{padding-left:1.5rem;position: relative; box-sizing:border-box;  line-height:2; letter-spacing:-0.05em; color:#fff; font-weight:500; white-space:nowrap;}
#gw-theme08-main-service .gw-thumb-box .gw-check-list p:before{content:"\e929";font-family:"xeicon"; position: absolute; left:0; top:0;color:#fff; }
#gw-theme08-main-service .gw-service-list .gw-list-item.active {flex: 3;}
#gw-theme08-main-service .gw-service-list .gw-list-item.active .gw-img-box img{opacity: 1;}
#gw-theme08-main-service .gw-service-list .gw-list-item.active .gw-img-box + .gw-tit-box{opacity: 0; transition-delay:0s;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-img-box + .gw-tit-box + .gw-thumb-box .gw-txt-effect{transform:translateY(100px); opacity:0; transition: transform 1.2s ease-in-out, opacity 0.4s ease-in-out;}
#gw-theme08-main-service .gw-service-list .gw-list-item.active .gw-img-box + .gw-tit-box + .gw-thumb-box .gw-txt-effect{transform:translateY(0); opacity:1; transition: all 1.2s ease-in-out;}

/* gw-theme08-main-business------------------------------------------------------------------------------------------------------------------ */
#gw-theme08-main-business .gw-sec-container {width: var(--gw-wide-width);}
#gw-theme08-main-business .gw-business-list{display: flex; justify-content:space-between;}
#gw-theme08-main-business .gw-business-item{position: relative; width:calc(33.33% - 1rem); display: flex; flex-direction: column; justify-content: space-between; background:#f3f3f3; border-radius:2rem; padding:5rem; box-sizing:border-box;}
#gw-theme08-main-business .gw-business-item .gw-business-box{position: relative;}
#gw-theme08-main-business .gw-business-item .gw-tit{overflow: hidden;margin-bottom:0.8rem;font-size: var(--main-title03);font-weight:800;transform: translateY(50px);opacity: 0; transition: all 0.6s ease;}
#gw-theme08-main-business .gw-business-item .gw-tit.on{transform: translateY(0);opacity: 1;}
#gw-theme08-main-business .gw-business-item .gw-txt{overflow: hidden;font-size:var(--main-title04); line-height:1.75; letter-spacing:-0.035em; color:#333;transform: translateY(50px);opacity: 0; transition: all 0.6s ease;}
#gw-theme08-main-business .gw-business-item .gw-txt.on{transform: translateY(0);opacity: 1;}
#gw-theme08-main-business .gw-business-item .gw-main-btn01{margin-top: 5rem;}
#gw-theme08-main-business .gw-business-item .gw-main-btn01 .gw-txt{font-size: var(--main-text01);}
#gw-theme08-main-business .gw-img-box{position: relative; width:calc(66.66% - 1rem); border-radius:2rem; overflow:hidden;}
#gw-theme08-main-business .gw-img-box .gw-img-inner{position: relative; width:100%;}
#gw-theme08-main-business .gw-img-box .gw-img > span > img{width:100%;}
#gw-theme08-main-business .gw-img-box .gw-txt{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:var(--main-title04); line-height:1.5; letter-spacing:-0.6em;text-align:center; opacity:0; color:#fff; font-weight:700; width:100%;transition:all 0.4s ease-in-out; }
#gw-theme08-main-business .gw-business-arrow-box{position: absolute; bottom:5rem; left:5rem; display: flex; margin:0 -0.5rem; z-index:100;}
#gw-theme08-main-business .gw-business-arrow-box .slick-arrow{position: relative; overflow: hidden;display: flex; align-items:center; justify-content:center; width:5rem; height:5rem; border:2px solid rgba(0,0,0,0.05); font-size:var(--main-title04); color:#000; border-radius:50%; margin:0 0.5rem;}
#gw-theme08-main-business .gw-business-arrow-box .slick-arrow:before {content: "";position: absolute;left: 0;bottom: 0; z-index: -1;background: var(--main-color);border-radius: 30px;visibility: hidden;height: 10px;width: 10px;transition: visibility 0.4s ease-in-out,transform 0.4s ease-in-out,border-color 0.4s ease-in-out;}
#gw-theme08-main-business .gw-img-box .gw-img.slick-active .gw-txt{opacity:1; letter-spacing:0.6em;}
@media (hover: hover) and (min-width:1281px){
    #gw-theme08-main-business .gw-business-arrow-box .slick-arrow:hover{color: #fff;}
    #gw-theme08-main-business .gw-business-arrow-box .slick-arrow:hover::before {visibility: visible;transform: scale(100) translateX(2px);border-color: var(--main-color);}
}


/* gw-theme08-main-location------------------------------------------------------------------------------------------------------------------ */
#gw-theme08-main-location{display:flex;height: 100vh;}
#gw-theme08-main-location .gw-sec-sub-title{color:#fff;}
#gw-theme08-main-location .gw-sec-title{color:#fff;}
#gw-theme08-main-location > div{height: 100%;}
#gw-theme08-main-location .gw-text-container {display:flex;flex-direction:column;align-items:center;width: 100%;}
#gw-theme08-main-location .gw-sec-container > div{height:100%;}
#gw-theme08-main-location .gw-left{width: 50vw;height:auto;}
#gw-theme08-main-location .gw-left .gw-map{overflow: hidden;width: 100%;height: 100%;}
#gw-theme08-main-location .gw-left .gw-map > img {width: 100%;height: 100%;object-fit: cover;}
#gw-theme08-main-location .gw-right{overflow: hidden;position: relative;display: flex;flex-direction: column;align-items: center;place-content: center;text-align: center;color:#fff;background: var(--main-color);width: 50vw;transition: all 0.5s;}
#gw-theme08-main-location .gw-right .gw-location-list > li:not(:first-child){margin-top: 10px;}
#gw-theme08-main-location .gw-right .gw-location-list > li:last-child > span{display: inline-block;margin-right: 10px;}
#gw-theme08-main-location .gw-right .gw-location-list > li:last-child > span:before{content: '';display: block;width: 1px;height: 12px;position: absolute;right: -6px;top: 50%;margin-top: -6px;background: rgba(255,255,255,0.5);}
#gw-theme08-main-location .gw-main-btn02 {max-width: 295px;color: #fff;}
#gw-theme08-main-location .gw-main-btn04 {font-size: 11px;}
#gw-theme08-main-location .gw-plus-btn {width: 30px;height: 30px;}
@media (hover: hover) and (min-width:1281px){
    #gw-theme08-main-location .gw-main-btn02:hover .gw-plus-btn > i {transform: translate(-50%,-50%) rotate(360deg);}
    #gw-theme08-main-location .gw-main-btn02:hover .gw-main-btn04 {letter-spacing: 5px;}
}

/* gw-theme08-main-quick------------------------------------------------------------------------------------------------------------------ */
#gw-theme08-main-quick .gw-sec-sub-title > span{place-content:flex-start;}
#gw-theme08-main-quick .gw-theme08-main-quick-list > li{width: calc(25% - 20px);}
#gw-theme08-main-quick .gw-theme08-main-quick-list > li > a {padding: 40px;display: block;width: 100%;background: #f8f8f8;transition: all .3s;border-radius: 10px;}
#gw-theme08-main-quick .gw-theme08-main-quick-list  .gw-title {font-size: var(--main-title04);transition: all .3s;}
#gw-theme08-main-quick .gw-theme08-main-quick-list  .gw-text{color:#666;transition: all .3s;letter-spacing: -0.5px;font-family: "Outfit", sans-serif;font-weight: 500;}
#gw-theme08-main-quick .gw-theme08-main-quick-list .gw-ico{color: var(--main-color);}
#gw-theme08-main-quick .gw-theme08-main-quick-list > li > a:hover{background: var(--main-color);}
#gw-theme08-main-quick .gw-theme08-main-quick-list > li > a:hover .gw-title{color: #fff;}
#gw-theme08-main-quick .gw-theme08-main-quick-list > li > a:hover .gw-text{color: rgba(255,255,255,0.6);}
#gw-theme08-main-quick .gw-theme08-main-quick-list > li > a:hover .gw-ico{color: #fff;}
#gw-theme08-main-quick .gw-theme08-main-quick-list > li > a:hover .gw-plus-btn > i{transform: translate(-50%,-50%) rotate(360deg);color: #fff;}

/* gw-theme08-main-inquiry-link------------------------------------------------------------------------------------------------------------------ */
#gw-theme08-main-inquiry-link:before{content: "";position: absolute;top: 0;left: 0;width: 50vw;z-index: 100;height: 100%; background: var(--main-color);cursor: pointer;}
#gw-theme08-main-inquiry-link:after{content: "";position: absolute;top: 50%;left: 0;width: 100%; height:50%; background:#1C1E26;}
#gw-theme08-main-inquiry-link .gw-sec-container{padding:40px 0;z-index: 100;}
#gw-theme08-main-inquiry-link .gw-sec-container > a{width:50vw;gap:80px;}
#gw-theme08-main-inquiry-link .gw-sec-title {padding-bottom:0;font-size: var(--main-title03);}
#gw-theme08-main-inquiry-link .gw-text {opacity: 0.6;word-break:auto-phrase;font-family: "Outfit", sans-serif;}
#gw-theme08-main-inquiry-link .gw-sec-container > a:hover .gw-plus-btn > i{transform: translate(-50%,-50%) rotate(360deg);color: #fff;}