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

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

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

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1780px) {
    /* main */
    .gw-sec-con-wrap{padding:0 3%;width: 100%;}
    .gw-sec-container{padding:0 3%;width: 100%;}

    /* gw-theme09-main-business */
    #gw-theme09-main-business .gw-business-arrow-box{right: 3%;}


    /* tail */
    #ft_wr{padding:5rem 3%;width:100%;}
}



@media screen and (max-width:1440px) {
    /*head*/
    #hd_wrapper{padding:0 3%;background: #fff;}
    #gnb .gnb_wrap{width:70%;}

    /* main */
    #wrapper{padding-top: 60px;width:100%;}
    .gw-sec{padding: 120px 0;}
    .gw-sec-con-wrap{padding:0 40px;}

    /* gw-theme09-main-product */
    #gw-theme09-main-product .gw-product-item .gw-bg .gw-category{left: 2rem;top: 2rem;}
    #gw-theme09-main-product .gw-product-item .gw-bg .gw-tit{padding: 0 2rem;margin-bottom:2rem;}
    #gw-theme09-main-product .gw-product-item .gw-hover-box .gw-category{left: 2rem;top: 2rem;}
    #gw-theme09-main-product .gw-product-item .gw-hover-box .gw-inner-box{padding:2rem;}

    /* gw-theme09-main-service */
    #gw-theme09-main-service .gw-slider-container{width: 80vw;}

    /* gw-theme09-main-partners */
    #gw-theme09-main-partners .gw-text-container{left:40px;}

    /* gw-theme09-main-video */
    #gw-theme09-main-video .video-container{height:60vh;}

    /* gw-theme09-main-quick */
    #gw-theme09-main-quick .gw-quick-list .gw-quick-item{width: 12rem;height: 12rem;}

    /* tail */
    .ft-quick-container{right: 30px;}
}

@media screen and (max-width:1280px) {
    .gw-mob{display: none;}

    /*head*/
    #hd_wrapper{height:60px;}
    #hd_wrapper .gnb-container{height:60px;}
    #gnb{display: none;}
    #hd_wrapper .hd_login{right: auto;display:none;}
    #hd_wrapper .hd_login.on {display:flex; z-index:9999;}
    #logo.on{display: none;}
    #hd.on .gw-hd-right{justify-content: space-between;width: 100%;}

    /* 모바일 */
    #mob-gnb .gw-close-btn{display: none;}
    #menu-btn .gw-line{width: 100%;border-bottom:none;padding-bottom: 0;}
    #menu-btn.active .gw-line:nth-child(1) {transform: translateY(6px) rotate(45deg);}
    #menu-btn.active .gw-line:nth-child(2) { transform: translateY(-6px) rotate(-45deg);}
    #mob-gnb{left: 0;top:-100%;height: calc(var(--vh, 1vh) * 100);}
    #mob-gnb.on{top:0;z-index:999;}
    #mob-gnb .menu-bg-container{display: none;}
    #mob-gnb .menu-list{padding:60px 20px 0;right:0;width: 100%;overflow-y:auto;height: auto;max-height: calc(var(--vh, 1vh) * 100);-webkit-overflow-scrolling: touch;scrollbar-width: none;}
    #mob-gnb .menu-list > ul{flex-direction: column;}
    #mob-gnb .menu-list > ul > li{position: relative;text-align: center;}
    #mob-gnb .menu-list > ul > li > .dep01{padding:0;position: relative;display:block;width: 100%;height:60px;line-height:60px; font-size: var(--main-title04);}
    #mob-gnb .menu-list > ul > li > .dep01:before{font-family:xeicon; content: "\e914"; position:absolute; top:50%; right:0; font-size:20px; transform:translateY(-50%);}
    #mob-gnb .menu-list > ul > li.open > .dep01:before{content: "\e91b";color: var(--main-color);}
    #mob-gnb .menu-list > ul > li.open > .dep01:after {width: 100%;}
    #mob-gnb .menu-list > ul > li > .dep01 .hassub{display: block;width: 100%;}
    #mob-gnb .menu-list > ul > li.open > .dep01{position: relative;z-index: 10;}
    #mob-gnb .menu-list > ul > li.open > .dep01 > span{color: var(--main-color);}
    #mob-gnb .dep02 {display:none;padding:15px 0;width: 100%;height:100%;overflow-y: auto;overflow-x: hidden;background: #f2f2f2;}
    #mob-gnb .dep02 > li{padding:10px;}
    #mob-gnb .dep02 > li:last-child{border-bottom: none;}
    #mob-gnb .dep02 > li a{padding:0;position: relative;display: block;width: 100%; }
    #mob-gnb .dep02 > li a:before{display: none;}

    /* gw-theme09-main-inquiry */
    #gw-theme09-main-inquiry > form{width:100%;}

    /*tail*/
    .ft-quick-container{right: 40px;}
}


@media screen and (max-width:1024px){
    .gw-pc{display: none !important;}
    .gw-mob{display: block;}

    /* 공통 */
    .gw-small-btn{width: 40px;height: 40px;line-height: 40px;text-indent:0;}
    .gw-small-btn:before{right: auto;left:50%;transform: translate(-50%,-50%);}
    .gw-plus-btn{width: 40px;height: 40px;}

    /*gw-theme09-main-partners*/
    #gw-theme09-main-partners .gw-partner-banner{flex-direction:column;}
    #gw-theme09-main-partners .gw-partner-banner > li{width: 100%;}
    #gw-theme09-main-partners .gw-partner-banner > li > a{height: 140px;}

    /*gw-theme09-main-video*/
    #gw-theme09-main-video .gw-bg-text{display: none;}
    #gw-theme09-main-video .video-container{width:100%;height:40vh;}
    #gw-theme09-main-video .gw-video-btn{right:2.5%;bottom:-20px;width: 120px;height: 120px;}
    #gw-theme09-main-video .gw-bgline-container{display: none;}

    /*gw-theme09-main-location*/
    #gw-theme09-main-location{display:flex;flex-direction: column-reverse;height:100vh;}
    #gw-theme09-main-location .gw-left{width: 100%;height: 50vh;}
    #gw-theme09-main-location .gw-right{width: 100%;height: 50vh;}

    /*gw-theme09-main-inquiry*/
    #gw-theme09-main-inquiry {padding: 5rem 0;}
    #gw-theme09-main-inquiry .gw-input-list{opacity:1;transform:translateY(0);}
    #gw-theme09-main-inquiry .gw-input-container > ul{width:calc(50% - 2.5%);}

    /* gw-theme09-main-quick */
    #gw-theme09-main-quick .gw-sec-container{flex-direction: column;align-items:flex-start;gap:3rem;}
    #gw-theme09-main-quick .gw-sec-container > div {width: 100%;}
    #gw-theme09-main-quick .gw-quick-list .gw-quick-item{flex:1;aspect-ratio:1;width: auto;height:auto;}

    /*tail*/
    .ft-quick-container{bottom:20px;right: 20px;}
    .ft-quick-container > li{width: 60px;height: 60px;}
    #gw-top_btn:hover > i {color: #fff;}
    #ft_wr{padding:3rem 3%;}
    #ft .ft-top-box{flex-direction: column;gap: 1rem;align-items: flex-start;}
    #ft .ft-center{align-items:flex-start;flex-direction: column;gap:1rem;}
    #ft .ft-info-list{width: 100%;gap: 0.5rem;}
    #ft .ft-info-list dl{margin-bottom: 0;}
    #ft .ft-info-list dl:nth-child(odd){width: 100%;}
    #ft .ft-info-list dl:nth-child(even){width: 100%;}
    #ft .ft-bottom-box{flex-direction: column;gap: 0.5rem;align-items: flex-start;}
    #ft_wr .ft_cnt {order: -1;}
    #ft .family-site-container{order: -1;width: 100%;}
}

@media screen and (max-width:768px){
    /*main*/
    .gw-sec{padding: 80px 0;}
    .gw-sec-container{padding: 0 20px;}
    .gw-sec-con-wrap{padding:0 20px;}

    /* gw-theme09-main-business */
    #gw-theme09-main-business .gw-business-arrow-box{position: relative;right: 0;height: auto;}
    #gw-theme09-main-business .gw-slider-container{margin-top: 0;}
    #gw-theme09-main-business .gw-img {height: 18rem;}
    #gw-theme09-main-business .swiper-slide .gw-txt-box{padding:1rem 1rem 0;}
    #gw-theme09-main-business .gw-business-arrow-box .swiper-button-prev, #gw-theme09-main-business .gw-business-arrow-box .swiper-button-next{width: 4rem;height: 4rem;}

    /* gw-theme09-main-about */
    #gw-theme09-main-about{background-attachment:initial;}
    #gw-theme09-main-about .gw-content{flex-direction:column;gap: 2rem;}
    #gw-theme09-main-about .gw-content > li{padding-top:2rem;width:100%;}
    #gw-theme09-main-about .gw-content > li:not(:first-child):before{left:0;top:0;transform:translateY(0);width:100%;height: 1px;}
    #gw-theme09-main-about .gw-content .gw-ico{width: 7rem;height: 7rem;}

    /* gw-theme09-main-product */
    #gw-theme09-main-product .gw-product-list{margin:0;gap:1rem;}
    #gw-theme09-main-product .gw-product-item{margin:0;width:100%;}
    #gw-theme09-main-product .gw-product-item .gw-hover-box{display: none;}

    /* gw-theme09-main-service */
    #gw-theme09-main-service .gw-slider-container{padding: 0 20px;width: 100%;}
    #gw-theme09-main-service .gw-theme09-main-service-swiper .swiper-wrapper{flex-direction: column;gap: 2rem;}
    #gw-theme09-main-service .gw-img-box{height: 18rem;}
    #gw-theme09-main-service .swiper-slide .gw-txt-box .gw-tit{position:relative;width:100%;height:auto;transform: translateY(0);}
    #gw-theme09-main-service .swiper-slide .gw-txt-box .gw-txt{margin-top: 0;}
    #gw-theme09-main-service .swiper-slide:not(.swiper-slide-active) .gw-img-box{transform: scale(1);}
    #gw-theme09-main-service .swiper-slide:not(.swiper-slide-active) .gw-txt-box{padding:1rem 1rem 0;opacity: 1;transform:translateY(0);}
    #gw-theme09-main-service .swiper-slide:not(.swiper-slide-active) .gw-txt-box .gw-tit{opacity: 1;}

    /* gw-theme09-main-recruit */
    #gw-theme09-main-recruit .swiper-wrapper {flex-direction: row;}
    #gw-theme09-main-recruit .gw-recruit-item + .gw-recruit-item{margin-top: 0;}
    #gw-theme09-main-recruit .gw-recruit-item > a{height: 25rem;border-radius:3rem;}
    #gw-theme09-main-recruit .gw-recruit-img{width: 100%;}
    #gw-theme09-main-recruit .gw-recruit-img:before {content: "";display: block;position: absolute;top:0;left:0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
    #gw-theme09-main-recruit .gw-recruit-img > span{border-radius: 0;}
    #gw-theme09-main-recruit .gw-recruit-txt{z-index:1;padding:2rem;width: 100%;flex-direction: column;justify-content:flex-start;gap:1rem;}
    #gw-theme09-main-recruit .gw-recruit-txt .gw-tit{width: 100%;}
    #gw-theme09-main-recruit .gw-recruit-txt p{width: 100%;}
    #gw-theme09-main-recruit .gw-recruit-item:nth-of-type(even) .gw-recruit-txt p{width: 100%;}
    #gw-theme09-main-recruit .gw-recruit-arrow-box{margin-bottom: 3rem;}
    #gw-theme09-main-recruit .gw-recruit-arrow-box .swiper-button-prev,
    #gw-theme09-main-recruit .gw-recruit-arrow-box .swiper-button-next {margin-top: 0;position: relative;right: 0;left: 0;top: 0;display: inline-flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;border-radius: 50%;border: 0.3rem solid rgba(255, 255, 255, 0.1);box-sizing: border-box;font-size: var(--main-text01);color: #fff;transition: all 0.4s ease;}
    #gw-theme09-main-recruit .swiper-button-prev::after,
    #gw-theme09-main-recruit .swiper-button-next::after {display: none;}

    /* gw-theme09-main-partners */
    #gw-theme09-main-partners .gw-text-container{left:20px;}
}

@media screen and (max-width:576px){
    /*haed*/
    .logo{width: 250px;}

    /* gw-theme09-main-business */
    #gw-theme09-main-business .gw-img {height: 15rem;}

    /* gw-theme09-main-service */
    #gw-theme09-main-service .swiper-slide:not(.swiper-slide-active) .gw-img-box{height: 15rem;}

    /* gw-theme09-main-recruit */
    #gw-theme09-main-recruit .gw-recruit-item > a{height: 20rem;}

    /* gw-theme09-main-partners */
    #gw-theme09-main-partners .gw-partner-container > div{height:80px;}
    #gw-theme09-main-partners .gw-partner-item{width:150px;height:80px;}

    /* gw-theme09-main-video */
    #gw-theme09-main-video .video-container{height: 30vh;}

    /* gw-theme09-main-inquiry */
    #gw-theme09-main-inquiry .gw-input-container{flex-direction:column;}
    #gw-theme09-main-inquiry .gw-input-container > ul{width: 100%;}
    #gw-theme09-main-inquiry .gw-file-input-button{width: 20% !important;}
    #gw-theme09-main-inquiry .chk_box{display:flex;align-items:center;}
    #gw-theme09-main-inquiry .gw-check-list > div:last-child{text-align:left;width: calc(100% - 55px);}
    #gw-theme09-main-inquiry .gw-search{width: 25px;height: 25px;line-height: 25px;text-align:center;}

    /* gw-theme09-main-quick */
    #gw-theme09-main-quick{padding: 5rem 0;}
    #gw-theme09-main-quick .gw-quick-list{gap:1rem;flex-direction:column;}
    #gw-theme09-main-quick .gw-quick-list .gw-quick-item{margin-right: 0;flex: auto;aspect-ratio: 0;width: 100%;height:auto;}
    #gw-theme09-main-quick .gw-quick-list .gw-quick-item > a{padding:1rem;flex-direction: row;}


    /*tail*/
    #ft-logo{margin-bottom:0 !important;width: 250px;}
    #ft .ft-top .gw-sns-container > li > a{width: 35px;height: 35px;}
    #ft_copy{font-size: 12px;}
    #ft_company h2 {font-size: 14px;}
    #ft_company .ft_info{font-size: 12px;line-height:1.75;}
    #ft_company .ft_info span{display: block;margin-right:0;}
    #ft_company .ft_info > p > span:not(:last-child):after{display: none;}
    #ft_company .gw-right-box{width: 100%;}
    #ft .family-site-container > button{height:50px;line-height: 50px;}
    .ft-quick-container > li{font-size: 12px;}
}

@media screen and (max-width:375px){
    /*haed*/
    .hd_pops_con{width: 280px !important;}

    /*gw-theme09-main-location*/
    #gw-theme09-main-location{height:120vh;}
    #gw-theme09-main-location .gw-right{padding:60px 0;}
}

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/