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

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

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

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1780px) {
    /* head */
    #hd.on #hd_wrapper{width: 100%;padding: 0 30px;}

    /* main */
    .gw-sec-con-wrap{padding:0 3%;width: 100%;}
    .gw-sec-container{padding:0 3%;width: 100%;}

    /* gw-theme08-main-business */
    #gw-theme08-main-business .gw-sec-container{width: 100%;}

    /* gw-theme08-main-inquiry-link */
    #gw-theme08-main-inquiry-link {padding: 0 3%;}
}



@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-con-wrap{padding:0 40px;}

    /* gw-theme08-main-business */
    #gw-theme08-main-business .gw-business-item{padding:3rem;width:calc(33.33% - 0.5rem);}
    #gw-theme08-main-business .gw-img-box{width: calc(66.66% - 0.5rem);}
    #gw-theme08-main-business .gw-business-arrow-box{bottom: 3rem;left: 3rem;}

    /*gw-theme08-main-inquiry-link*/
    #gw-theme08-main-inquiry-link .gw-sec-container > a{padding-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{height: 60px;}
    #hd.on{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;}
    #menu-btn.active .gw-line{background: #000 !important;}
    #mob-gnb{top: 60px;background: #fff;}
    #mob-gnb .menu-list{padding-bottom:20px;display:block;overflow-y:auto;width:100%;height: auto;max-height: calc(var(--vh, 1vh) * 100 - 120px);-webkit-overflow-scrolling: touch;border-left:none;border-right:none;}
    #mob-gnb .menu-list > ul{flex-direction: column;}
    #mob-gnb .menu-list > ul > li {padding:0;text-align: center;}
    #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{width: 100%;}
    #mob-gnb .menu-list > ul > li > .dep01 .hassub:after{font-family:xeicon;content: "\e914";position:absolute;left: auto;right: 0;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.open > .dep01 .hassub:after {content: "\e91b";color: var(--main-color);}
    #mob-gnb .menu-list > ul > li > .dep01{padding:15px 30px;margin-bottom:0;color: #000;font-size: var(--main-text01);}
    #mob-gnb .dep02 {display:none;width: 100%;height:100%;background: #F2F2F2;}
    #mob-gnb .dep02.on > li{height: auto;}
    #mob-gnb .dep02 > li a span{background: none;color: #888;background-size: initial;background-position: 0;-webkit-text-fill-color:#888;}
    #mob-gnb .mob-hd-login {display: flex;position: fixed; width: 100%;height:60px;background: #fff;border-top:1px solid #ddd;text-align: center;align-items: center;z-index: 9999;}
    #mob-gnb .mob-hd-login > li {flex: 1;height: 100%;}
    #mob-gnb .mob-hd-login > li:not(:first-child) {border-left: 1px solid #ddd;}
    #mob-gnb .mob-hd-login > li > a{display: block;width: 100%;height: 100%;line-height: 60px;}

    /* gw-theme08-main-service */
    #gw-theme08-main-service .gw-service-list{flex-direction:column;height: auto;}
    #gw-theme08-main-service .gw-service-list .gw-list-item .gw-img-box{height: 40rem;}
    #gw-theme08-main-service .gw-service-list .gw-list-item .gw-tit-box{z-index: 999;}
    #gw-theme08-main-service .gw-service-list .gw-list-item .gw-tit-box .gw-main-btn01{display: flex;margin: 0 auto;margin-top: 2rem;}
    #gw-theme08-main-service .gw-thumb-box{padding: 0;}

    /* gw-theme08-main-business */
    #gw-theme08-main-business .gw-business-list{flex-direction: column;gap: 1rem;}
    #gw-theme08-main-business .gw-business-item{gap:2rem;width: 100%;}
    #gw-theme08-main-business .gw-business-item .gw-inner-con{padding-bottom: 0;}
    #gw-theme08-main-business .gw-business-arrow-box{position: relative;bottom: 0;left: 0;}
    #gw-theme08-main-business .gw-img-box{width: 100%;}

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

    /*gw-theme08-main-inquiry-link*/
    #gw-theme08-main-inquiry-link:before{width:100vw;}
    #gw-theme08-main-inquiry-link .gw-sec-container{padding:30px;}
    #gw-theme08-main-inquiry-link .gw-sec-container > a{padding-left:0;gap:0;justify-content:space-between;width:100%;}

    /*tail*/
    .ft-quick-container{right: 40px;}
    #ft .ft-bottom{flex-direction: column;align-items: flex-start;gap: 0.5rem;}
    #ft_link a:first-child {padding-left: 0;}
}


@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-theme08-main-location*/
    #gw-theme08-main-location{display:flex;flex-direction: column-reverse;height:100vh;}
    #gw-theme08-main-location .gw-left{width: 100%;height: 50vh;}
    #gw-theme08-main-location .gw-right{width: 100%;height: 50vh;}
    #gw-theme08-main-location .gw-text-container{padding: 0 20px;}

    /*gw-theme08-main-quick*/
    #gw-theme08-main-quick .gw-theme08-main-quick-list{flex-wrap:wrap;gap:20px;}
    #gw-theme08-main-quick .gw-theme08-main-quick-list > li{width:calc(50% - 10px);}
    #gw-theme08-main-quick .gw-theme08-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-wrap{padding:0 20px;}

    /* gw-theme08-main-business */
    #gw-theme08-main-business .gw-business-item{padding:2rem;}
    #gw-theme08-main-business .gw-business-arrow-box .slick-arrow{margin:0 0.25rem;width:4rem;height: 4rem;}


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

@media screen and (max-width:576px){
    /*haed*/
    #hd.on #hd_wrapper{padding: 0 20px;}

    /* 공통 */
    #container_title .gw-sub-theme-title{font-size: var(--main-title02);}

    /* gw-theme08-main-service */
    #gw-theme08-main-service .gw-service-list .gw-list-item .gw-img-box{height: calc(100vw - 40px);}

    /* gw-theme08-main-business */
    #gw-theme08-main-business .gw-img-box .gw-txt{font-size: var(--main-text01);}

    /*gw-theme08-main-quick*/
    #gw-theme08-main-quick .gw-theme08-main-quick-list > li{width: 100%;}

    /*gw-theme08-main-inquiry-link*/
    #gw-theme08-main-inquiry-link .gw-sec-container{padding: 30px 10px;}
    #gw-theme08-main-inquiry-link .gw-sec-container > a{place-content: center;text-align: center;}
    #gw-theme08-main-inquiry-link .gw-plus-btn{display: none;}

    /*tail*/
    #ft_wr{padding: 30px 0;}
    #ft-logo{margin-bottom:0 !important;}
    #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-theme08-main-location*/
    #gw-theme08-main-location{height:120vh;}
    #gw-theme08-main-location .gw-right{padding:60px 0;}
}

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