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

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

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

/*공통*/
#wrapper{padding-bottom: 0;background: #fff;}
#container_wr{padding: 0;}
.gw-sec + .gw-sec {padding:170px 0 200px 0;}
.gw-sec .gw-btn01 {max-width: 200px;}
.gw-sec-container{margin:0 auto; max-width: 1920px;}
.gw-sec-title {padding-bottom:60px;font-size: 60px; color:#fff;text-transform: uppercase;text-align: center; line-height: 1.3; word-break: keep-all;}


/*gw-theme01-main-about*/
#gw-theme01-main-about{background: #f8f8f8;}
#gw-theme01-main-about .img{aspect-ratio:1 / 1;}
#gw-theme01-main-about .img01{order:1;}
#gw-theme01-main-about .gw-text-container {padding-left: 102px;}
#gw-theme01-main-about .gw-text01 {color: var(--main-color);border-bottom: 1px solid var(--main-color);}
#gw-theme01-main-about .gw-text02 {font-size: var(--main-title03);letter-spacing: -0.025px;}
#gw-theme01-main-about .gw-text03 {line-height: 1.75;color: #666;}


/*gw-theme01-main-banner*/
#gw-theme01-main-banner{padding: 0;height:350px;}
#gw-theme01-main-banner .gw-img-container {position:relative;display:block;height: 100%;overflow: hidden;}
#gw-theme01-main-banner .gw-img-container: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-theme01-main-banner .gw-img-container > img {transition: all 1.5s;}
#gw-theme01-main-banner .gw-img-container:hover img {transform: scale(1.05) rotate(0.01deg);}
#gw-theme01-main-banner .gw-sec-container{z-index: 2;}
#gw-theme01-main-banner .gw-text {font-size: var(--main-title03);line-height: 1.5;}
#gw-theme01-main-banner .gw-btn01 {margin:0;color: #fff;border:2px solid rgba(255,255,255,0.5)}
#gw-theme01-main-banner .gw-btn01:hover{border:2px solid #fff;color:#000;background:#fff;}

.main_bn {position: relative;}
.main_bn.pc {display: block;}
.main_bn.mo {display: none}
.main_bn .slide-content {width:100%;}
.main_bn .slide-content img {max-width:100%; width:100%;}
.main_bn .main-bn-txt {position: absolute; left:9.5vw; top: 9.5vw; z-index: 1; padding: 9px 23px 0;}
.main_bn .main-bn-txt::before {content:"";display: block; width: 308px; height: 308px; background: url(../img/main-bn-square.svg) no-repeat center center; position: absolute; left:-43px; bottom:60px; z-index: -1;}
.main_bn .main-bn-txt::after {content:"";display: block; width:100%; height:100%; position: absolute; top:0; bottom:0; left:0; right:0; background: #000; z-index: -1;}
.main_bn .main-bn-txt span {color:#0094FF; font-size: 22px; font-weight: 600;}
.main_bn .main-bn-txt .main-txt {font-size: 60px; color:#fff; font-weight: 600; margin-top: 8px;}
.main_bn .main-bn-txt .sub-txt {font-size: 22px; color:#fff; font-weight: 500; margin-top: 14px;}
.main_bn .swiper-button {margin-top: 12px; display: flex;}
.main_bn .swiper-button .swiper-button-prev,
.main_bn .swiper-button .swiper-button-next {position: static; width: 48px; height: 48px; margin:0;}
.main_bn .swiper-button .swiper-button-prev::after,
.main_bn .swiper-button .swiper-button-next::after {font-size: 18px; color:#fff;}
.main_bn .swiper-pagination {display: none;}

.gw_reference .pic_gallery {display: flex; gap: 12px; flex-wrap: wrap;}
.gw_reference .pic_gallery li {aspect-ratio: 1/1; width: calc(25% - 9px); position:relative;}
.gw_reference .pic_gallery li img {width: 100%; height: 100%;}
.gw_reference .pic_gallery li .subject {position: absolute; display: flex; width:100%; height:100%; left:0; background: rgba(0,0,0,0.7); align-items: center; justify-content: center; flex-direction: column; color:#fff; font-size: 30px; font-weight: 500; top: 0; opacity: 0; transition: all 0.3s;}
.gw_reference .pic_gallery li .subject .more {text-decoration: underline; margin-top: 8px; font-size: 14px;}
.gw_reference .pic_gallery li:hover .subject {opacity: 1;}
.gw_reference .lt_more {display: block; width: 205px; height: 60px; margin: 80px auto 0; font-size: 16px; font-weight: 400; text-align: center; color:#fff; line-height: 58px; border: 1px solid #fff;}

.gw_customer .swiper-wrapper {transition-timing-function:linear}
.gw_customer .pic_gallery_wrap +.pic_gallery_wrap {margin-top: 40px;}
.gw_customer .pic_gallery li img {width: 100%;}

#gw-theme01-main-notice {display: flex; column-gap: 76px; max-width: 1480px; margin: 0 auto; padding:0 20px 200px;}
#gw-theme01-main-notice .gw-list {width: calc(50% - 38px);}
#gw-theme01-main-notice .gw-list-title {color:#fff; font-size: 30px; border-bottom: 2px solid #fff;}
#gw-theme01-main-notice .gw-list-title .small-btn:before {background: transparent;}
#gw-theme01-main-notice .gw-list-title .small-btn i {color:#fff; font-size: 20px;}
#gw-theme01-main-notice .gw-news-container .gw-news {padding: 17px 0 13px; border-bottom: 1px solid #DDDDDD;}
#gw-theme01-main-notice .gw-news-container .gw-news .gw-column {width:calc(100% - 40px)}
#gw-theme01-main-notice .gw-news-container .gw-date {color:#BEBEBE; font-size: 16px;}
#gw-theme01-main-notice .gw-news-container .gw-title {width:100%; margin-top: 4px;}
#gw-theme01-main-notice .gw-news-container .gw-title > span {display: inline-block; color:#fff; font-size: 22px; max-width:calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#gw-theme01-main-notice .gw-news-container .icon-notice,
#gw-theme01-main-notice .gw-news-container .icon-new {width:25px; height: 25px; background:var(--swiper-theme-color); text-align: center;}
#gw-theme01-main-notice .gw-news-container .icon-notice .xi-x {font-size: 14px; vertical-align: 2px;}
#gw-theme01-main-notice .gw-news-container .icon-new span {font-size: 14px; vertical-align: 4px;}
#gw-theme01-main-notice .gw-news-container .gw-arrow i {color:#fff;}
#gw-theme01-main-notice .gw-news-container .gw-empty-list {color:#fff;}

#gw-theme01-main-contact {position: relative; background: url(../img/contact_bg.jpg) no-repeat center center; background-size: cover; padding:0;}
#gw-theme01-main-contact::after {content:""; display: block; position: absolute; left:0; right:0; bottom: 0; top: 0; background: rgba(0,0,0,0.6); z-index: 0;}
#gw-theme01-main-contact .gw-sec-container {position: relative; max-width: 1480px; padding: 180px 20px 130px; margin: 0 auto; display:flex; column-gap: 10px; z-index: 1;}
#gw-theme01-main-contact .gw-sec-container .container-left {width: 406px;}
#gw-theme01-main-contact .gw-sec-container .container-left .gw-sec-title {font-size: 30px; padding-bottom:0; text-align: left;}
#gw-theme01-main-contact .gw-sec-container .container-left p {color:#fff; margin-top: 12px; font-weight: 400; line-height: 150%;}
#gw-theme01-main-contact .gw-sec-container .container-right {width: calc(100% - 416px);}
#gw-theme01-main-contact .gw-sec-container .container-right:after {content:""; display: block; clear: both;}
#gw-theme01-main-contact .gw-sec-container .container-right .option {display: inline-block; width:100%;}
#gw-theme01-main-contact .gw-sec-container .container-right .option + .option {margin-top: 30px;}
#gw-theme01-main-contact .gw-sec-container .container-right .option:nth-child(1) { width: calc(50% - 8px); margin-right: 12px;}
#gw-theme01-main-contact .gw-sec-container .container-right .option:nth-child(2) {width: calc(50% - 8px);}
#gw-theme01-main-contact .gw-sec-container .container-right .option label { display: block; font-size: 16px; color:#fff; margin-bottom:10px; cursor: pointer;}
#gw-theme01-main-contact .gw-sec-container .container-right .chk_privacy {margin-top: 20px; float: left;}
/* #gw-theme01-main-contact .gw-sec-container .container-right .chk_privacy input {display: none;} */
#gw-theme01-main-contact .gw-sec-container .container-right .chk_privacy input + label {font-weight: 600; color:#fff;}
#gw-theme01-main-contact .gw-sec-container .container-right .chk_privacy input + label .chbox {display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 6px; background:url('../img/btn-chk.svg') no-repeat left center; background-size: auto 24px;}
#gw-theme01-main-contact .gw-sec-container .container-right .chk_privacy input:checked + label .chbox {background:url('../img/btn-chk.svg') no-repeat -24px center;}
#gw-theme01-main-contact .gw-sec-container .container-right .btn_submit {min-width: 204px; height: 60px; margin-top: 30px; color:#fff; background: var(--main-color); border: 0; float: right;}