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

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

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

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

@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%;}

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

    /*gw-theme04-main-business*/
    #gw-theme04-main-business .gw-left{width: 500px;}
    #gw-theme04-main-business .gw-right{width: calc(100% - 500px);}
    #gw-theme04-main-business .gw-theme04-business-item{height: 520px;}

    /*gw-theme04-main-inquiry*/
    #gw-theme04-main-inquiry-link .gw-sec-container > a{padding-left: 40px;}

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

    /*tail*/
    #ft_wr{width: calc(100vw - 40px);}
    .ft-quick-container{right: 60px;}
}

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

    /*head*/
    #hd.on{background: var(--main-color);border:none;}
    #hd_wrapper .gnb-container{height:60px;}
    .dark-mode-logo {opacity: 0;transition: opacity 0.3s;}
    .light-mode-logo {opacity: 1;transition: opacity 0.3s;}
    #logo.on{display: block;}
    #logo.on .dark-mode-logo {opacity: 1 !important;}
    #logo.on .light-mode-logo {opacity: 0 !important;}
    #gnb{display: none;}
    #hd_wrapper .hd_login {display:none;}
    #mob-gnb{height:100%;top: 60px;}
    #mob-gnb .menu-list{align-items: flex-start;overflow-y:scroll;height:calc(100% - 140px);}
    #mob-gnb .menu-list > ul{padding:0 20px; margin:60px 0 0;flex-direction: column;}
    #mob-gnb .menu-list > ul > li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    #mob-gnb .menu-list > ul > li:not(:last-child):before{display: none;}
    #mob-gnb .menu-list > ul > li:after{display: none;}
    #mob-gnb .menu-list > ul > li > .dep01 .hassub:after{font-family:xeicon;content: "\e941";left: auto;right: -30px;bottom: auto;top: 50%;transform: translateX(0) translateY(-50%);width:auto;height: auto;background: transparent;transition: all 0.3s;}
    #mob-gnb .menu-list > ul > li:hover > .dep01 .hassub:after{width: auto;}
    #mob-gnb .menu-list > ul > li.open > .dep01 .hassub:after {transform: translateX(0) translateY(-50%) rotate(180deg);}
    #mob-gnb .dep02 {display:none;width: 100%;height:100%;}
    #mob-gnb .dep02.on > li{height: auto;}
    #mob-gnb .mob-hd-login {display: flex;position: fixed;bottom: 60px;padding: 30px 20px;width: 100%;background: #fff;text-align: center;align-items: center;}
    #mob-gnb .mob-hd-login > li {flex: 1;}
    #mob-gnb .mob-hd-login > li:not(:first-child) {border-left: 1px solid #ddd;}
    
    /*gw-theme04-main-business*/
    #gw-theme04-main-business{height:auto;}
    #gw-theme04-main-business .gw-sec-container{flex-direction:column;}
    #gw-theme04-main-business .gw-more-btn{margin-bottom: 60px;}
    #gw-theme04-main-business .gw-left{padding:0;width:100%;}
    #gw-theme04-main-business.tab-buttons{display:flex;gap:10px;}
    #gw-theme04-main-business .gw-right{width:100%;}
    #gw-theme04-main-business .gw-theme04-business-item:nth-child(odd){transform:translateY(0); }
    
    /*gw-theme04-main-inquiry*/
    #gw-theme04-main-inquiry > form{width:100%;}

    /*gw-theme04-main-quick*/
    #gw-theme04-main-quick .gw-theme04-main-quick-list > li > a{min-height:286px;}

    /*gw-theme04-main-inquiry*/
    #gw-theme04-main-inquiry-link:before{width:100vw;}
    #gw-theme04-main-inquiry-link .gw-sec-container{padding:30px;}
    #gw-theme04-main-inquiry-link .gw-sec-container > a{padding-left:0;gap:0;justify-content:space-between;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;}

    /* 공통 */
    .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-theme04-main-business*/
    #gw-theme04-main-business .gw-theme04-business-item{height: auto;}
    #gw-theme04-main-business .gw-theme04-business-item .gw-content{padding:20px;gap:100px;}

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

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

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

    /*gw-theme04-main-quick*/
    #gw-theme04-main-quick .gw-theme04-main-quick-list{flex-wrap:wrap;gap:20px;}
    #gw-theme04-main-quick .gw-theme04-main-quick-list > li{width:calc(50% - 10px);}
    #gw-theme04-main-quick .gw-theme04-main-quick-list > li > a{padding:30px;min-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 .ft-top .gw-flex-btw:nth-of-type(2) {flex-direction: column;align-items: flex-start;gap: 20px;}

}

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

    /*gw-theme04-main-business*/
    #gw-theme04-main-business .gw-right{gap: 20px;}

    /*gw-theme04-main-about*/
    #gw-theme04-main-about {padding: 80px 0;background: url(../img/gw-theme04-main-about-bg.jpg) 50% 50% no-repeat;background-size: cover;background-attachment: scroll;}

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

    /*tail*/
    #ft_company .ft_info{margin-top:20px;line-height: 1.5;}
}

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

    /*main*/
    .gw-main-btn01 {padding: 12px 24px;height: auto;line-height: inherit;}
    .gw-main-btn01:hover{padding: 12px 24px;color: #fff;}

    /*gw-theme04-main-business*/
    #gw-theme04-main-business .gw-right{flex-direction: column;}
    #gw-theme04-main-business .gw-theme04-business-item{width: 100%}
    #gw-theme04-main-business .gw-theme04-business-item > a:hover .gw-img{transform: scale(1.0);}


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

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

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

    /*gw-theme04-main-quick*/
    #gw-theme04-main-inquiry-link .gw-sec-container{padding: 30px 10px;}
    #gw-theme04-main-inquiry-link .gw-sec-container > a{place-content: center;text-align: center;}
    #gw-theme04-main-quick .gw-theme04-main-quick-list > li{width: 100%;}
    #gw-theme04-main-inquiry-link .gw-plus-btn{display: none;}

    /*tail*/
    #ft_wr{padding: 30px 0;}
    #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-quick-container > li{font-size: 12px;}
    #ft .ft-bottom{flex-direction: column;align-items: flex-start;gap: 5px;}
    #ft_link{flex-wrap: wrap;gap: 0 !important;order:-1;}
    #ft_link a{padding: 0 9px;}
    #ft_link a:first-child{padding-left: 0;}
    #ft .ft-top > .gw-flex-btw:nth-of-type(1) {flex-direction: column;align-items: flex-start;gap: 10px;}
}

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

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

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