@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-title03); line-height:1.35; letter-spacing:-0.005em; color:#fff; font-weight:400;font-family: "Outfit", sans-serif;}
#gw-theme08-main-service .gw-service-list .gw-list-item .gw-tit-box .gw-txt{font-size:var(--main-text01); line-height:1.77; letter-spacing:-0.05em; color:rgba(255,255,255,0.3); font-weight:500;}
#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;}
#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-inner-con{padding-bottom:11rem;}
#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.4; 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-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-about------------------------------------------------------------------------------------------------------------------ */
#gw-theme08-main-about .gw-content{padding: 5rem 0 6rem; display: flex;background: url("../img/gw-theme08-main-about-bg.jpg") no-repeat center center / cover; border-radius: 500px; text-align: center;}
#gw-theme08-main-about dl{flex:1;padding: 0 7px; position: relative;}
#gw-theme08-main-about dl::after{ content: ""; width: 1px; height: 60px; background: rgba(0, 0, 0, 0.1); position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#gw-theme08-main-about dl:last-child::after{ display: none; }
#gw-theme08-main-about dl dt{ font-size: var(--main-title04); font-weight: 500; color: var(--main-color); margin-bottom: 20px;font-family: "Outfit", sans-serif;}
#gw-theme08-main-about dl dd{ font-size: var(--main-text01); font-weight: 400; color: #222; letter-spacing: -0.03em; }
#gw-theme08-main-about dl dd p{ line-height: 1.6; margin-top: 10px; }
#gw-theme08-main-about .gw-counter-box {text-indent: 1.5rem;}
#gw-theme08-main-about .gw-counter-box .counter{font-size: var(--main-title01);font-weight: 800;font-family: "Outfit", sans-serif;}
#gw-theme08-main-about .gw-counter-box .counter-txt{font-size: var(--main-title04);font-weight: 800;}

/* gw-theme08-main-recruit------------------------------------------------------------------------------------------------------------------ */
#gw-theme08-main-recruit .gw-recruit-container{margin:0 auto;position: relative; max-width:100%; width:calc(100% - (2 * var(--gw-padding))); max-height:800px; height:80vh; border-radius:50px; border-bottom-right-radius:0; overflow:hidden;}
#gw-theme08-main-recruit .gw-recruit-container .gw-bg{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url('../img/gw-theme08-main-recruit-bg.jpg') no-repeat bottom; background-size:cover;width: 100%;height: 100%;}
#gw-theme08-main-recruit .gw-recruit-container .gw-sec-container{position: relative; height:100%;}
#gw-theme08-main-recruit .gw-recruit-container .gw-tit-box{display: flex; flex-direction:column; justify-content:center; height:100%;}
#gw-theme08-main-recruit .gw-recruit-btn-list{position: absolute; bottom:-25px; right:-25px; display: flex;}
#gw-theme08-main-recruit .gw-recruit-btn-list:before{content:"";position: absolute;bottom:25px; left:0; transform:translateX(-100%);width:46px; height:50px;background:url('../img/gw-theme08-main-recruit-radius.png') no-repeat center; background-size:cover;}
#gw-theme08-main-recruit .gw-recruit-btn-list:after{content:"";position: absolute;top:0; right:25px; transform:translateY(-100%);width:46px; height:50px; background:url('../img/gw-theme08-main-recruit-radius.png') no-repeat center; background-size:cover;}
#gw-theme08-main-recruit .gw-recruit-btn-list .gw-recruit-btn-item{position: relative; display: flex; align-items:center; justify-content:space-between; width:470px; height:156px; background:transparent; border-radius:78px; padding:0 60px; box-sizing:border-box; font-size:var(--main-title04); line-height:1.2; letter-spacing:-0.05em; color:#fff; font-weight:700; border:25px solid #fff;}
#gw-theme08-main-recruit .gw-recruit-btn-list .gw-recruit-btn-item:before{content:""; position: absolute; top:-25px; left:-25px; width:calc(100% + 50px); height:calc(100% + 50px); border:25px solid #fff; box-sizing:border-box;}
#gw-theme08-main-recruit .gw-recruit-btn-list .gw-recruit-btn-item:nth-of-type(1){margin-right:-15px;}
#gw-theme08-main-recruit .gw-recruit-btn-list .gw-recruit-btn-item:nth-of-type(1):before{border-radius:78px 0 0 0;}

/* gw-theme09-main-recruit------------------------------------------------------------------------------------------------------------------ */
#gw-theme09-main-recruit{position: relative;background: #000 url(../img/gw-theme09-main-recruit-bg.jpg) 50% 100% no-repeat; background-size: cover; z-index: 1;color:#fff;}
#gw-theme09-main-recruit .swiper-wrapper {flex-direction: column;}
#gw-theme09-main-recruit .gw-recruit-item + .gw-recruit-item{margin-top: 2.5rem;}
#gw-theme09-main-recruit .gw-recruit-item > a{position: relative; display: block; width: 100%; height: 100%; width: 100%; height: 15rem; background-color: #141726; border-radius: 22rem; overflow: hidden; display: flex; flex-wrap:wrap; flex-direction: row-reverse;}
#gw-theme09-main-recruit .gw-recruit-img{position: absolute; top: 0; width: 50%; height: 100%; transition:all 0.4s ease-in-out; transition-property: width, opacity;}
#gw-theme09-main-recruit .gw-recruit-item:nth-of-type(odd) .gw-recruit-img{left: 0;}
#gw-theme09-main-recruit .gw-recruit-item:nth-of-type(even) .gw-recruit-img{right: 0;}
#gw-theme09-main-recruit .gw-recruit-img > span{position: relative; width: 100%; height: 100%; border-radius: 22rem; display: block; background-size: cover !important;     background-position-y: 50% !important;}
#gw-theme09-main-recruit .gw-recruit-item:nth-of-type(1) .gw-recruit-img > span{background:url(../img/gw-theme09-main-recruit-item01.jpg) 50% 100% no-repeat; background-size: cover;}
#gw-theme09-main-recruit .gw-recruit-item:nth-of-type(2) .gw-recruit-img > span{background:url(../img/gw-theme09-main-recruit-item02.jpg) 50% 100% no-repeat; background-size: cover;}
#gw-theme09-main-recruit .gw-recruit-item:nth-of-type(3) .gw-recruit-img > span{background:url(../img/gw-theme09-main-recruit-item03.jpg) 50% 100% no-repeat; background-size: cover;}
#gw-theme09-main-recruit .gw-recruit-txt{position: relative; padding: 0 3%; width: 50%; height: 100%; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-evenly; box-sizing: border-box;}
#gw-theme09-main-recruit .gw-recruit-txt .gw-tit{font-size: var(--main-title03); line-height: 1.1; letter-spacing: -0.025em; font-weight: 600; color: #fff;width: 11rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#gw-theme09-main-recruit .gw-recruit-txt p{font-size: var(--main-text01); line-height: 1.5; letter-spacing: -0.035em; color: #fff;font-weight:300;width: calc(100% - 17.5rem);overflow:hidden;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#gw-theme09-main-recruit .gw-recruit-item:nth-of-type(even) a{flex-direction: row;}
#gw-theme09-main-recruit .gw-recruit-item:nth-of-type(even) .gw-recruit-txt p{width: calc(100% - 19rem);}
#gw-theme09-main-recruit .gw-recruit-item a:hover .gw-recruit-img{width: 100%; opacity: 0.8;}
#gw-theme09-main-recruit .gw-recruit-arrow-box .swiper-button-prev,
#gw-theme09-main-recruit .gw-recruit-arrow-box .swiper-button-next{display: none;}


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