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

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

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

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1440px) {
    /*head*/
    #hd_wrapper{width:calc(100vw - 60px);}
    .hd_login{right: 100px;width:15%;}
    .menu-btn-container{width: 50px;right: 0;}
    #mob-gnb .menu-list{width: 1200px;}
    #hd.scrolled{width:calc(100vw - 60px);margin-left:calc(-1 * (100vw - 60px) * 0.5);}
    #hd.scrolled .logo{left:30px;}
    #hd.scrolled .menu-btn-container{right:30px;}

    /*main*/
    #wrapper{width:calc(100vw - 60px);}
    .gw-sec-container{padding:0 30px;width: 100%;}

    /*tail*/
    #ft{width:calc(100vw - 60px);}
    #ft .ft-container{padding: 0 30px;}
}

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

    /*head*/
    #hd{border-bottom: none;box-shadow:0 1px 5px rgba(0, 0, 0, .1);}
    #hd_wrapper{width:calc(100vw - 40px);}
    #hd_wrapper .gnb-container{height:60px;}
    #gnb{display: none;}
    .hd_login{right: auto;left: 0;display: none;width:20%;}
    .hd_login.on{display:flex;z-index:99999;}
    #mob-gnb .menu-list > ul > li > a{font-size:var(--main-title04);}
    #mob-gnb .dep02 > li > a{font-size: 16px;}

    /* 모바일 */
    #menu-btn.active{position: fixed;}
    #menu-btn.active span{background: #000;}
    #mob-gnb{overflow-y: scroll;background:#fff;}
    #mob-gnb .menu-bg{display: none;}
    #mob-gnb .menu-list{display:block;padding:0;padding-top:55px;width: 100%;text-align:center;}
    #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-size: var(--main-title04);color:#000;}
    #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;color: #000;}
    #mob-gnb .dep02 {display:none;width: 100%;overflow-y: auto;overflow-x: hidden;background: var(--main-color);}
    #mob-gnb .menu-list > ul > li.open > .dep01 .hassub:before{transform: rotate(180deg);transform-origin: center;color:#fff;}
    #mob-gnb .dep02 > li{width: 100%;height: 45px;line-height: 45px;}
    #mob-gnb .dep02 > li a{margin:0;position: relative;display: block;width: 100%;color:#fff;font-family:'NotoKr_M' , sans-serif;}
    #mob-gnb .dep02 > li:not(:first-child) > a:after{display: none;}



    /*main*/
    #wrapper{padding-top:0;width:100%;}
    .gw-sec{padding: 120px 0;}
    .gw-sec-container{padding:0 40px;width: 100%;}
    .gw-sec-title{padding-bottom: 55px;}

    /*gw-theme01-main-recruit*/
    #gw-theme01-main-recruit{padding-bottom:180px;}

    /*gw-theme01-main-menu*/
    #gw-theme01-main-menu {padding: 80px 0;background: url(../img/gw-theme01-main-menu-bg.jpg) 50% 50% no-repeat;background-size: cover;background-attachment: scroll;}
    #gw-theme01-main-menu .gw-sec-container{flex-direction:column;text-align:center;}
    #gw-theme01-main-menu .gw-sec-title > br {display: none;}

    /*tail*/
    #ft{width:100%;padding:0 40px;}
    #ft_wr{flex-direction: column;align-items: flex-start;max-width: 100%;}
    #ft .ft-bottom{width: 100%;}
    #ft_company{margin-bottom: 24px;}
    .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;}

    /*header*/
    .hd_login.on{width:30%;}

    /*main*/
    .gw-sec-container{padding:0 20px;}

    /*gw-theme01-main-business*/
    #gw-theme01-main-business{padding:80px 40px;}
    #gw-theme01-main-business .gw-text-container{padding-left: 80px;}

    /*gw-theme01-main-recruit*/
    #gw-theme01-main-recruit{padding-bottom: 0;}
    #gw-theme01-main-recruit [class *= "gw-recruit-item"]{width:100%;}
    #gw-theme01-main-recruit .gw-recruit-item02{position: relative;top: 0;margin-top:20px;}
    #gw-theme01-main-recruit .gw-recruit-list > li .gw-bg{filter:grayscale(0);}

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

    /*gw-theme01-main-partners*/
    #gw-theme01-main-partners .gw-sec-container {flex-direction: column;text-align: center;}
    #gw-theme01-main-partners .gw-partner-banner{flex-direction:column;}
    #gw-theme01-main-partners .gw-partner-banner > li{width: 100%;}
    #gw-theme01-main-partners .gw-partner-banner > li > a{height: 140px;}

    /*tail*/
    #ft{padding:0 20px;}
    #ft .ft-container{padding:0;flex-direction:column;}
    #ft .ft-container > .gw-flex{place-content:center;flex-direction: column;}
    #ft_company{flex-direction: column;}
    #ft .ft-bottom{width: 100%;}
    #ft .family-site-container{width: 100%;margin-top:20px;}
    .ft-quick-container{bottom:20px;right: 20px;}
    .ft-quick-container > li{width: 60px;height: 60px;}
    #gw-top_btn:hover > i {color: #fff;}

}

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

    /*gw-theme01-main-business*/
    #gw-theme01-main-business{padding: 80px 20px;}
    #gw-theme01-main-business .gw-text-container{padding:0 40px;}

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

    /*tail*/
    #ft_wr{padding:35px 0 15px 0;align-items: center;text-align: center;width:100%;}
    #ft .ft-bottom{padding:15px 0 60px 0;flex-direction: column;}
    #ft_company .ft_info{line-height: 1.5;}
    #ft_copy{padding:15px 0;text-align: center;}
}

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

    /*main*/
    .gw-sec{padding: 40px 0;}
    .gw-sec-container{padding:0;}
    .gw-sec .gw-btn01 {max-width: 100%;width: 100%;padding: 12px 0;height: auto;line-height: inherit;}

    /*gw-theme01-main-business*/
    #gw-theme01-main-business .gw-flex-btw {flex-direction: column;}
    #gw-theme01-main-business .gw-w-50 {width: 100% !important;}
    #gw-theme01-main-business .gw-text-container{padding:40px 0;}
    #gw-theme01-main-business .img{aspect-ratio: 2 / 1;height: 50%;overflow: hidden;}
    #gw-theme01-main-business .img01{order: 0;}
    #gw-theme01-main-business .gw-flex-btw:last-child .gw-text-container {padding-bottom: 0;}

    /*gw-theme01-main-about*/
    #gw-theme01-main-about .gw-content{flex-wrap:wrap;gap: 30px;}
    #gw-theme01-main-about .gw-content > li{width: 100%;}
    #gw-theme01-main-about .gw-content > li:not(:last-child){border-right: none;}
    #gw-theme01-main-about .gw-ico{width: 150px;height: 150px;}

    /*gw-theme01-main-menu*/
    #gw-theme01-main-menu .gw-sec-container {padding: 0 20px;}
    #gw-theme01-main-menu .gw-menu-list{flex-direction:column;width: 100%;}
    #gw-theme01-main-menu .gw-menu-list > li{width: 100%;height: auto;}
    #gw-theme01-main-menu .gw-menu-list > li > a{flex-direction: row;align-items: center;}

    /*gw-theme01-main-recruit*/
    #gw-theme01-main-recruit .gw-sec-container {padding: 0 20px;}
    #gw-theme01-main-recruit .gw-recruit-list > li .gw-btn01{width:calc(100% - 40px);}
    #gw-theme01-main-recruit .gw-recruit-list > li.on .gw-btn01{border-color:rgba(255,255,255,0.3);}

    #gw-theme01-main-location .gw-btn01{margin-bottom:0 !important;border-color:rgba(255,255,255,0.3);width:calc(100% - 40px);}

    /*gw-theme01-main-partners*/
    #gw-theme01-main-partners .gw-sec-container{padding: 0 20px;}
    #gw-theme01-main-partners .gw-right {width: 100%;}
    #gw-theme01-main-partners .gw-partner-container > div{height:80px;}
    #gw-theme01-main-partners .gw-partner-item{width:150px;height:80px;}
    #gw-theme01-main-partners .gw-btn01 {margin-bottom: 30px !important;}

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

    /*tail*/
    #ft-logo{text-align: center;}
    #ft_copy{font-size: 12px;}
    #ft_company h2 {font-size: 14px;}
    #ft_company .ft_info{font-size: 12px;}
    #ft_company .ft_info span{display:inline;}
    #ft_company .ft_info > p > span:not(:last-child):after{display: none;}
    .ft-quick-container > li{font-size: 12px;}
}

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

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

    /*tail*/
    #ft_company .ft_info > p > span{margin-right: 0;}
}
@media screen and (max-width:320px){
    .hd_login.on{width:80%;}
}

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