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

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

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

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1660px) {
    /*main*/
    .gw-sec-con-1600{padding:0 5%;width:100%;}
    #swiper-nav{left:30px;}

    /*tail*/
    #ft .gw-sec-con-1600{padding:0 5%;width:100%;}
}


@media screen and (max-width:1440px) {
    /*head*/
    #hd{border-bottom: none;backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,0.15);}
    #logo > a > img{left:5%;}
    #hd_wrapper{width:calc(100vw - 40px);}
    #hd_wrapper .gnb-container{height:60px;}
    #gnb{display: none;}
    .hd_login{right: auto;left: -10px;display:none;}
    .hd_login li:first-child > a {color: #fff;}
    .hd_login.on {display:block; z-index:9999;}

    /* 모바일 */
    #lang {display: block;width: 60px;height: 100%;position: absolute;top: 50%;right: 40px;transform:translateY(-50%);z-index: 1000;cursor: pointer;transition: all .3s; display:flex; }
    #lang div img {margin-right: 5px !important;}
    #lang div {font-size: 14px;width: 100%;text-align: center;}
    #menu-btn {display: block;width: 60px;height: 100%;position: absolute;top: 50%;right: -20px;transform:translateY(-50%);z-index: 1000;cursor: pointer;transition: all .3s;background: var(--main-color);}
    #menu-btn > div {height: 16px;width: 25px;}
    #menu-btn span {display: block;width: 25px;height: 2px;background: #fff;position: absolute;transition: all 0.3s;}
    #menu-btn span:nth-child(1) {top: 0;}
    #menu-btn span:nth-child(2) {top: 6px;}
    #menu-btn span:nth-child(3) {top: 12px;}
    #menu-btn.active span:nth-child(2) {opacity: 0;}
    #menu-btn.active span:nth-child(1) {top: 10px;transform: rotate(45deg);}
    #menu-btn.active span:nth-child(3) {top: 10px;transform: rotate(-45deg);}

    #mob-gnb{display: block;position:fixed;z-index:100;max-width:100vw;width:100%;background:#fff;overflow-y:auto;visibility:hidden;transition:all 0.5s;}
    #mob-gnb .menu-bg-container{display: none;}
    #mob-gnb .menu-list{padding-top:60px;width: 100%;height: 100%;border-top: 1px solid #F2F2F2;}
    #mob-gnb .menu-list > ul{flex-direction: column;}
    #mob-gnb .menu-list > ul > li{position: relative;border-bottom: 1px solid #F2F2F2;}
    #mob-gnb .menu-list > ul > li > .dep01{position: relative;display:block;padding:0 20px;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:20px; font-size:20px; transform:translateY(-50%);}
    #mob-gnb .menu-list > ul > li > .dep01:after {content: "";display: block;position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: var(--main-color);transition: all .3s; transform-origin: center;}
    #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;width: 100%;height:100%;overflow-y: auto;overflow-x: hidden;background: #f8f8f8;}
    #mob-gnb .dep02 > li{padding:0 20px;width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #f1f1f1;}
    #mob-gnb .dep02 > li:last-child{border-bottom: none;}
    #mob-gnb .dep02 > li a{padding:0;position: relative;display: block;width: 100%;color:#666;font-family:'NotoKr_M' , sans-serif; }
    #mob-gnb .dep02 > li a:before{display: none;}


    html.on,body.on{overflow: hidden;}
    #logo.on{display: none;}

    #mob-gnb .dep02.on > li{height: auto;}

    /*main*/
    #fp-nav.right{right:30px;}

    /*gw-theme03-main-product*/
    #gw-theme03-main-product .gw-right{margin-left:40%;}

    /*gw-theme03-main-menu*/
    #gw-theme03-main-menu .gw-title-container{bottom: 10%;left:10%;}

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

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

    /*main*/
    #wrapper{padding-top:0;width:100%;}

    /*gw-theme03-main-inquiry*/
    #gw-theme03-main-inquiry .gw-sec-con-1440{padding:0 5%;width:100%;}

    /*tail*/
    #fullpage > section #ft_wr{padding:138px 40px 100px;width: 100%;}
    .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;}

    #flag{display: none;}

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

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

    /* gw-theme03-main-business */
    #gw-theme03-main-business{height: auto;}
    #gw-theme03-main-business .gw-business-list{flex-direction: column;position: static;}
    #gw-theme03-main-business .gw-business-item{width: 100%;}
    #gw-theme03-main-business .gw-business-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.1);}
    #gw-theme03-main-business .gw-business-item .gw-ico{display: none;}
    #gw-theme03-main-business .gw-text-container{padding: 30px 5%;width:100%;position: static;transform: translate(0);}
    #gw-theme03-main-business .gw-main-btn01{opacity: 1;left:auto;right:0; color:var(--main-color)}
    #gw-theme03-main-business .gw-business-item:hover .gw-text-wrap {padding: 0;}

    /*gw-theme03-main-product*/
    #gw-theme03-main-product .gw-sec-con-1600{padding:5rem 5%;}
    #gw-theme03-main-product .gw-theme03-main-product-slider-container{place-content:center;flex-direction:column;}
    #gw-theme03-main-product .gw-sec-title > br{display: none;}
    #gw-theme03-main-product .gw-left{position: relative;left:0;width: 100%;}
    #gw-theme03-main-product .gw-right{margin-left: 0;margin-top:40px;}
    #gw-theme03-main-product .gw-theme03-main-product-item{margin-right:1rem;opacity:1;transform:translateY(0);height:400px;}
    #gw-theme03-main-product .gw-theme03-main-product-item > a{box-shadow: none;}

    /*gw-theme03-main-company*/
    #gw-theme03-main-company .gw-sec-con-1600{padding:5rem 5%;}
    #gw-theme03-main-company .gw-sec-title{word-break: keep-all;}
    #gw-theme03-main-company .gw-top{flex-direction: column;}
    
    #gw-theme03-main-company .gw-top > li{padding:25px;width: 100%;flex-direction: row;justify-content: space-between; text-align:right}
    #gw-theme03-main-company .gw-top > li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.3);border-right: none;}
    #gw-theme03-main-company .gw-top .gw-title-container{display: flex;align-items: center;gap: 10px;padding-bottom: 0;}
    #gw-theme03-main-company .gw-top .gw-title-container::before {display:none;}
    #gw-theme03-main-company .gw-company-banner .gw-bg{opacity: 1;}
    #gw-theme03-main-company .gw-company-banner{flex-direction:column;}
    #gw-theme03-main-company .gw-company-banner > li{width: 100%;}
    
    #gw-theme03-main-company .gw-company-banner > li > a{height: 140px;}

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

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

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

    /*gw-theme03-main-column*/
    #gw-theme03-main-column .gw-sec-con-1600{padding:5rem 5%;}
    #gw-theme03-main-column .gw-sec-title{word-break: keep-all;}
    #gw-theme03-main-column .gw-bg{height: 100%;}
    #gw-theme03-main-column .gw-column-list{flex-direction:column;}
    #gw-theme03-main-column .gw-column-item{flex:1;width: 100%;opacity:1;transform:translateY(0);}
    #gw-theme03-main-column .gw-column-item > div{width: 100%;}
    #gw-theme03-main-column .gw-main-btn01{margin:0 auto;}


    /*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;}
    #ft_wr .gw-sec-con-1600 > .gw-flex-btw{flex-wrap: wrap;}
    #ft .ft-left .ft_info dl {
        flex-direction:row;
    }
    #ft .ft-left .ft_info dl dt {
        width:100%;
    }
    #ft .ft-left{width: 100%;margin-bottom: 40px;}
    #ft .ft-mid {width:70%; padding-right:50px;}
    #ft_wr .ft-right {width: 30%;}
    #ft .ft-top{padding:2rem 0;width: 100%;justify-content: space-between;}
    #ft .ft-bottom{padding:2rem 0;flex-direction: column;align-items: flex-start;gap: 3rem;}
    #ft_link a{width: 100%;}
    #ft_copy{position: relative;}
    
    #gw-theme03-main-business .bg {
    background-size: auto 100%;
    opacity: 0.4;
    }
    #gw-theme03-main-business .gw-sec-container {
        padding:0px 0px !important;
    }

}

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

    /* gw-theme03-main-business */
    #gw-theme03-main-business .gw-main-btn01 {
        position:static;
        margin-top:50px;
    }
    #gw-theme03-main-business .gw-theme03-business-slider .slick-slide{height: 50vh;}
    #gw-theme03-main-business .gw-text01{display: none;}
    #gw-theme03-main-business .gw-text02{width:100%;opacity: 1;visibility: visible;}
    #gw-theme03-main-business .gw-text03{width:100%;min-height: auto;opacity: 1;visibility: visible;font-size: 16px;word-break: keep-all;}
    #gw-theme03-main-business .gw-main-btn-w{opacity: 1;visibility: visible;color:#fff !important;}
    #gw-theme03-main-business .slick-dots {display: flex;place-content:center;align-items: center;gap:15px;margin-top: 30px;}
    #gw-theme03-main-business .slick-dots > li.slick-active {position: relative;}
    #gw-theme03-main-business .slick-dots > li.slick-active:before {content: "";display: block;width: 20px;height: 20px;border: 1px solid var(--main-color);border-radius: 100%;position: absolute;left: 50%;transform: translateX(-50%);}
    #gw-theme03-main-business .slick-dots li button {width: 6px;height: 6px;border-radius: 50%; background: #000; border: none;font-size: 0;}

    /*gw-theme03-main-company*/
    #gw-theme03-main-company .gw-sec-con-1600{padding:5rem 0;}

    /*gw-theme03-main-column*/
    #gw-theme03-main-column .gw-column-item{padding:20px 0;}

    /*tail*/
    #fullpage > section #ft_wr{padding:60px 20px 70px;display: flex;flex-direction: column;justify-content: space-between;}
    #ft_company .ft_info{line-height: 1.5;}
    #ft .ft-mid {
        width:100%;
        margin-bottom:40px;
        padding-right: 0px;
    }
    #ft .ft-right {
        width:100%;
    }
}

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

    /*main*/
    #fp-nav{display: none;}

    /*gw-theme03-main-business*/
    #gw-theme03-main-business .gw-main-btn01{/* display: none; */}

    /*gw-theme03-main-product*/
    #gw-theme03-main-product .gw-theme03-main-product-item{margin-right: 0;height:300px;}

    /*gw-theme03-main-company*/
    #gw-theme03-main-company .gw-text-container{left:20px;}
    #gw-theme03-main-company .gw-top > li {flex-direction:column; text-align:center;}
    #gw-theme03-main-company .gw-top .gw-title-container {
        flex-direction:column;
        padding-bottom:25px;
    }
    #gw-theme03-main-company .gw-top .gw-title-container::before {
        display:block;
    }

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

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

    /*tail*/
    #ft-logo{width: 250px;text-align: left;}
    #ft_wr .ft-contact{display: none;}
    #ft_wr .ft_cnt{margin-bottom: 30px;}
    #ft_link{flex-wrap: wrap;gap: 0 !important;}
    #ft_link a:not(:last-child){margin-bottom: 10px;}
    #ft_copy{font-size: 12px;}
    #ft_company h2 {font-size: 14px;}
    #ft_company .ft_info{font-size: 12px;}
    #ft_section .ft-bottom{flex-direction: column;}
    .ft-quick-container > li{font-size: 12px;}
    #ft .ft-mid ul {
        flex-wrap:Wrap;
    }
    #ft .ft-mid ul li {
        width:100%;
        margin-bottom:30px;
    }
}

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

    /*gw-theme03-main-business*/
    #gw-theme03-main-business{height: 150vh;}
    #gw-theme03-main-business .bg{height: 150vh;}

    /*gw-theme03-main-about*/
    #gw-theme03-main-about .gw-flex .gw-img{height: 60%;}

    /*tail*/
    #ft_wr .ft-top{padding-bottom:25px !important;}
    #ft_section .ft-bottom{padding-top:25px !important;}
}

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