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

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

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

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1600px) {
    .gw-sec-con-1440{padding:0 9vw;width:100%;}

    /*gw-theme05-main-business*/
    #gw-theme05-main-business .gw-title-container{left:100px;}

    /*gw-theme05-main-product*/
    #gw-theme05-main-product .gw-sec-container{margin-left:100px;}

    /*gw-theme05-main-recruit*/
    #gw-theme05-main-recruit .gw-theme05-main-recruit-item{height: 500px;}

}

@media screen and (max-width:1440px) {
    /*head*/
    #hd_wrapper{width: calc(100vw - 40px);}
    #hd.scrolled{width: calc(100vw - 40px);margin-left:calc(-1 * (100vw - 40px) * 0.5);}
    #hd.scrolled #gnb_all:before{width: calc(100vw - 40px);}
    #gnb .gnb_wrap{width:70%;}
    #gnb .gnb_wrap > ul{place-content:center;}
    #gnb .gnb_1dli{padding: 0 2rem;flex:0;}

    /*main*/
    .gw-sec-con-1440{padding:0 5%;}
    #swiper-nav{left:30px;}

    /*gw-theme05-main-product*/
    #gw-theme05-main-product .gw-theme05-main-product-slider .slick-slide > a{height: 400px;}

    /*gw-theme05-main-recruit*/
    #gw-theme05-main-recruit .gw-left{width:60vw;}
    #gw-theme05-main-recruit .gw-right{width:40vw;}
    #gw-theme05-main-recruit .gw-theme05-main-recruit-item{height:400px;}
    #gw-theme05-main-recruit .gw-title-container{left:25px;}

    /*gw-theme05-main-video*/
    #gw-theme05-main-video .video-container{height:60vh;}
    #gw-theme05-main-video .gw-video-btn{right:0;}

    /*gw-theme05-main-recruit*/
    #gw-theme05-main-recruit .gw-theme05-main-recruit-item{width: calc(45% - 1vw);}

    /*gw-theme05-main-partners*/
    #gw-theme05-main-partners .gw-text-container{left:5%;}

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

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

    /*head*/
    #hd_wrapper .gnb-container{height:60px;}
    #gnb{display: none;}
    .hd_login{right: auto;left: -10px;display:none;}
    .hd_login li > a {color: #fff;}
    .hd_login.on {display:block; z-index:9999;}
    #menu-btn{width: 40px;}
    #menu-btn.active{right: 0;}
    .logo{width: 250px;}
    #mob-gnb{overflow-y: scroll;}
    #mob-gnb .menu-bg{display: none;}
    #mob-gnb .menu-list{padding:0 5%;padding-top:55px;width: 100%;}
    #mob-gnb .menu-list > ul > li{padding:1rem 0;flex-direction:column;border-bottom:none;}
    #mob-gnb .menu-list > ul > li:before{display: none;}
    #mob-gnb .menu-list > ul > li > .dep01{display:block;padding:0 5%;width: 100%;height:55px;line-height:55px;font-family:"Noto Sans KR", sans-serif; font-weight: 800; font-size: var(--main-title04);}
    #mob-gnb .menu-list > ul > li > .dep01 .hassub{display: block;width: 100%;}
    #mob-gnb .menu-list > ul > li > .dep01 .hassub:before{font-family:xeicon;content: "\e942";display: block;position:absolute;right:0;top:0;color:rgba(255,255,255,0.5);font-weight: 600;font-size:22px;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
    #mob-gnb .menu-list > ul > li.open > .dep01{position: relative;z-index: 10;}
    #mob-gnb .dep02 {display:none;width: 100%;overflow-y: auto;overflow-x: hidden;background: rgba(0,0,0,0.2);}
    #mob-gnb .menu-list > ul > li.open > .dep01 .hassub:before{transform: rotate(180deg);transform-origin: center;color:#fff;}
    #mob-gnb .dep02 > li{padding:0 5%;width: 100%;height: 45px;line-height: 45px;}
    #mob-gnb .dep02 > li a{position: relative;display: block;width: 100%;color:#666;font-family:"Noto Sans KR", sans-serif; font-weight: 500;font-size: 1rem;}

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

    /*gw-theme05-main-product*/
    #gw-theme05-main-product .gw-theme05-main-product-slider .slick-slide.slick-current .gw-text-container{left:30px;}

    /*gw-theme05-main-inquiry*/
    #gw-theme05-main-inquiry .gw-sec-con-1440{width:100%;}

    /*gw-theme05-main-location*/
    #gw-theme05-main-location .gw-sec-container{flex-direction:column-reverse;}
    #gw-theme05-main-location .gw-left{width:100%;}
    #gw-theme05-main-location.on .gw-right{width:100%;}

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

    /*다크모드*/
    body.dark-mode #menu-btn span{background: #fff;}

}


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

    /* 공통 */
    html,body{overflow-y: auto;}
    #flag{display: none;}
    .gw-sec-title{font-size: 60px;}
    .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%);}

    /*head*/
    #logo .dark-mode-logo{opacity: 0 !important;}
    #logo .light-mode-logo{opacity: 1 !important;}
    #menu-btn span{background: #000;}

    /*main*/
    .swiper-container{height: auto;}
    .swiper-wrapper{display: block;}
    #swiper-nav{display: none;}
    .gw-text-effect > span{opacity:1;transform:translateY(0);}

    /*gw-theme05-main-business*/
    #gw-theme05-main-business .gw-theme05-main-business-slider .slick-slide{height: 550px;}
    #gw-theme05-main-business .gw-theme05-main-business-slider .slick-slide [class*="gw-img"]{height: 350px;}
    #gw-theme05-main-business .gw-title-container{padding:2rem 5%;bottom:0;left:0;width:100%;height:auto;background:var(--main-color);}
    #gw-theme05-main-business .gw-title02 br {display: none;}
    #gw-theme05-main-business .gw-theme05-main-business-control{display: none;}
    #gw-theme05-main-business .gw-theme05-main-business-mob-control{display: flex;gap:2rem;position:absolute;bottom:3.5rem;right:5%;color:#fff;}

    /*gw-theme05-main-product*/
    #gw-theme05-main-product:before{height: 24vh;}
    #gw-theme05-main-product .gw-sec-container{margin-left: 5%;padding: 5rem 0;}
    #gw-theme05-main-product .gw-theme05-main-business-control{margin-right: 5%;}
    #gw-theme05-main-product .gw-theme05-main-product-slider .slick-slide{opacity: 1;transform: translateY(0);}
    #gw-theme05-main-product .gw-theme05-main-product-slider .slick-slide > a{height: 300px;}

    /*gw-theme05-main-recruit*/
    #gw-theme05-main-recruit .gw-sec-con-1440{flex-direction: column-reverse;align-items: flex-start;}
    #gw-theme05-main-recruit .gw-left{width: 100%;}
    #gw-theme05-main-recruit .gw-right{width: 100%;}
    #gw-theme05-main-recruit .gw-theme05-main-recruit-item{width: 50%;}

    /*gw-theme05-main-service*/
    #gw-theme05-main-service .gw-sec-container {padding: 5rem 0;}
    #gw-theme05-main-service .gw-service-list > li > a{font-size: 40px;}

    /*gw-theme05-main-company*/
    #gw-theme05-main-company .gw-top{height:auto;}
    #gw-theme05-main-company .gw-top .gw-sec-container{padding: 5rem 0;}
    #gw-theme05-main-company .gw-bottom{height: auto;flex-direction: column;}
    #gw-theme05-main-company .gw-bottom > li{padding:20px 5%;flex-direction: row;justify-content:space-between;border-bottom:1px solid #f3f3f3;width:100%;}
    #gw-theme05-main-company .gw-bottom > li:not(:last-child){border-right: 0;}
    #gw-theme05-main-company .gw-bottom .gw-title-container{display: flex;align-items: center;gap: 5px;}
    #gw-theme05-main-company .gw-bottom .gw-text{display: none;}

    /*gw-theme05-main-video*/
    #gw-theme05-main-video .gw-bg-text{display: none;}
    #gw-theme05-main-video .gw-sec-con-1440{padding-top:5rem;padding-bottom: 7rem;}
    #gw-theme05-main-video .video-container{width:100%;height:40vh;}
    #gw-theme05-main-video .gw-video-btn{right:2.5%;bottom:60px;width: 120px;height: 120px;}
    #gw-theme05-main-video .gw-bgline-container{display: none;}

    /*gw-theme05-main-menu*/
    #gw-theme05-main-menu{height:auto;}
    #gw-theme05-main-menu .gw-sec-container{flex-direction:column;}
    #gw-theme05-main-menu .gw-sec-container > div{width: 100%;}
    #gw-theme05-main-menu .gw-title-container{left: 5%;bottom:initial;top:50%;transform:translateY(-50%);}
    #gw-theme05-main-menu .gw-left > a{height: 400px;}
    #gw-theme05-main-menu .gw-left .gw-bg{opacity: 1;}
    #gw-theme05-main-menu .gw-right > div{height: 400px;}
    #gw-theme05-main-menu .gw-bottom .gw-bg{opacity: 1;}

    /*gw-theme05-main-recruit*/
    #gw-theme05-main-recruit .gw-bg-text{display: none;}
    #gw-theme05-main-recruit .gw-sec-con-1440{padding:5rem 5% 7rem;}
    #gw-theme05-main-recruit .gw-theme05-main-recruit-item{opacity:1;transform:translateY(0);height: 400px;}
    #gw-theme05-main-recruit .gw-theme05-main-recruit-item:last-child{margin-top:5rem;}
    #gw-theme05-main-recruit .gw-title-container{left: 10%;}

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

    /*gw-theme05-main-partners*/
    #gw-theme05-main-partners {padding: 5rem 0;}
    #gw-theme05-main-partners .gw-partner-banner{flex-direction:column;}
    #gw-theme05-main-partners .gw-partner-banner > li{width: 100%;}
    #gw-theme05-main-partners .gw-partner-banner > li > a{height: 140px;}
    #gw-theme05-main-partners .gw-partner-banner .gw-bg{opacity:1;}

    /*gw-theme05-main-location*/
    #gw-theme05-main-location{height: 100vh;}
    #gw-theme05-main-location .gw-right{width: 100%;}

    /*tail*/
    .ft-quick-container{bottom:20px;right: 20px;}
    .ft-quick-container > li{width: 60px;height: 60px;}
    #gw-top_btn:hover > i {color: #fff;}
    .gw-footer-container{position:relative !important;height:auto !important;transform:translateY(0) !important;}
    #ft_wr{padding: 0 5%;}
    #ft .ft-top{padding:2rem 0;}
    #ft .ft-bottom{padding:2rem 0;flex-direction: column;align-items: flex-start;gap: 3rem;}

}

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

    /*tail*/
    #ft_company .ft_info{line-height: 1.5;}
}

@media screen and (max-width:576px){
    /*공통*/
    .gw-main-btn01{color:#fff !important;}
    .gw-main-btn01:before, .gw-main-btn01:after{display: none;}

    /*main*/
    .gw-sec{padding: 40px 0;}
    .gw-sec-title{font-size:48px;}
    .gw-sec-text br{display: none;}

    /*gw-theme05-main-product*/
    #gw-theme05-main-product .gw-sec-container{margin-right: 5%;}
    #gw-theme05-main-product .gw-w-100 > .gw-flex-btw{flex-direction: column;align-items: flex-start;gap: 2rem;}
    #gw-theme05-main-product .gw-theme05-main-product-arrow{width: 55px;height: 55px;line-height: 55px;}
    #gw-theme05-main-product .gw-theme05-main-product-slider .slick-slide > a{height: 350px;}

    /*gw-theme05-main-service*/
    #gw-theme05-main-service .gw-service-list > li > a{font-size: 22px;}
    #gw-theme05-main-service .gw-service-title > span {display: none;}
    #gw-theme05-main-service .gw-circle {display: none;}

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

    /*gw-theme05-main-menu*/
    #gw-theme05-main-menu .gw-left > a{height:250px;}
    #gw-theme05-main-menu .gw-sec-container > div{width: 100%;}
    #gw-theme05-main-menu .gw-right .gw-top{flex-direction:column;height:auto;}
    #gw-theme05-main-menu .gw-top > ul{padding:40px 5%;flex-direction:row;place-content:flex-start;flex-wrap:wrap;width: 100%;}
    #gw-theme05-main-menu .gw-top .gw-menu-title{width:100%;}
    #gw-theme05-main-menu .gw-top > ul > li:not(:first-child){margin:0 2%;width:46%;}
    #gw-theme05-main-menu .gw-right > div{height:250px;}

    /*gw-theme05-main-recruit*/
    #gw-theme05-main-recruit .gw-left{gap:20px;}
    #gw-theme05-main-recruit .gw-theme05-main-recruit-item{height:250px;}
    #gw-theme05-main-recruit .gw-title-container{left:5%;}
    #gw-theme05-main-recruit .gw-text{width:calc(100% - 1rem);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;line-height: 1.7;}
    #gw-theme05-main-recruit .gw-plus-btn{display: none;}
    #gw-theme05-main-recruit .gw-main-btn01{color:var(--main-color) !important;}

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


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


    /*tail*/
    #ft .ft-top{flex-direction: column;gap: 1rem;}
    #ft_link{flex-wrap: wrap;gap: 0 !important;}
    #ft_link a{padding: 0 9px;}
    #ft .ft-bottom #ft-logo{width: 250px;}
    #ft .ft-bottom .ft_info > p > span:not(:last-child):after{display: none;}
    #ft_copy{font-size: 12px;}
    #ft_company h2 {font-size: 14px;}
    #ft_company .ft_info{font-size: 12px;}
    .ft-quick-container > li{font-size: 12px;}
}

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

    /*gw-theme05-main-business*/
    #gw-theme05-main-business .gw-theme05-main-business-slider .slick-slide{height: 450px;}
    #gw-theme05-main-business .gw-theme05-main-business-slider .slick-slide [class*="gw-img"]{height: 250px;}
}

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