@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*/
    #gw-theme02-main-business .gw-img-container{height: 500px;}

    /*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.on {display:block; z-index:9999;}

    /* 모바일 */
    #menu-btn {display: block;width: 25px;height: 16px;position: absolute;top: 50%;right: 0;transform:translateY(-50%);z-index: 1000;cursor: pointer;transition: all .3s;}
    #menu-btn span {display: block;width: 100%;height: 2px;background: #000;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: none;/*position:fixed;*/top:61px;left:-100%;z-index:100;max-width:100vw;width:100%;height:calc(100% - 61px);background:#fff;overflow-y:auto;transition:all 0.5s;}
    #mob-gnb .menu-list{width: 100%;height: 100%;}
    #mob-gnb .menu-list > ul > li > .dep01{display:block;padding:0 20px;width: 100%;height:55px;line-height:55px;font-family:'NotoKr_B' , sans-serif; 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:#666;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 .menu-list > ul > li.open > .dep01 > span{color: var(--main-color);}
    #mob-gnb .dep02 {display:none;width: 100%;overflow-y: auto;overflow-x: hidden;background: #f8f8f8;}
    #mob-gnb .menu-list > ul > li.open > .dep01 .hassub:before{transform: rotate(180deg);transform-origin: center;color: var(--main-color);}
    #mob-gnb .dep02 > li{padding:0 40px;width: 100%;height: 45px;line-height: 45px;}
    #mob-gnb .dep02 > li a{position: relative;display: block;width: 100%;color:#666;font-family:'NotoKr_M' , sans-serif; }
    html.on,body.on{overflow: hidden;}
    #hd.on{border-bottom:1px solid #e8e8e8;}
    #logo.on{display: none;}
    #mob-gnb.on{left:0;display:block;z-index:1;}

    #mob-gnb .dep02.on > li{height: auto;}
    
    /*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-theme02-main-banner*/
    #gw-theme02-main-banner{height: 300px;}

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

    /*다크모드*/
    body.dark-mode #menu-btn span{background: #fff;}
    
    .dropdown-container {right:30px; top:7px;}
    .dropdown-btn i {font-size:1.5rem;}

}


@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-theme02-main-business*/
    #gw-theme02-main-business .gw-flex-btw{flex-direction: column;}
    #gw-theme02-main-business .gw-w-30{width: 100% !important;}
    #gw-theme02-main-business .gw-area{display: flex;align-items: center;}
    #gw-theme02-main-business .gw-w-30:nth-of-type(2) .gw-area{flex-direction: row-reverse;}
    #gw-theme02-main-business .gw-img-container{width: 50%;height: auto;}
    #gw-theme02-main-business .gw-img {height:0;padding-bottom:120%;transform: scale(1.0);}
    #gw-theme02-main-business .gw-area:hover .gw-img-container {transform: scale(1.0);}
    #gw-theme02-main-business .gw-text-container{padding:0 40px;position:relative;left:auto;bottom:auto;width: 50%;}
    #gw-theme02-main-business .gw-text01{color: #000;}
    #gw-theme02-main-business .gw-text02{color: #666;min-height: 40px;}
    #gw-theme02-main-business .gw-area:hover .gw-small-btn{text-indent: 0;width: 40px;}
    #gw-theme02-main-business .gw-area:hover .gw-small-btn:before{right: auto;left:50%;transform: translate(-50%,-50%);}

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

    /*gw-theme02-main-banner*/
    #gw-theme02-main-banner .gw-sec-container > div {flex-direction: column;text-align: center;}
    #gw-theme02-main-banner .gw-text{margin-bottom:25px;font-size: 20px;}

    /*tail*/
    .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-container{padding: 0 20px;}
    .gw-sec-con-1500{padding:0 20px;}
    .gw-sec-title{padding-bottom: 30px;}
    
    /*gw-theme02-main-banner*/
    #gw-theme02-main-banner{height: 220px;}

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

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

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

    /*gw-theme02-main-business*/
    #gw-theme02-main-business .gw-img{padding-bottom: 140%;}
    #gw-theme02-main-business .gw-text-container{padding: 0 20px;}


    /*gw-theme02-main-about*/
    #gw-theme02-main-about .gw-sec-container > ul {flex-direction: column;gap: 20px;}
    #gw-theme02-main-about ul > li{padding-bottom:15px;width: 100%;}
    #gw-theme02-main-about ul > li:last-child{padding-bottom: 0;}
    #gw-theme02-main-about ul > li:not(:last-child):before{top:auto;bottom: 0;transform: translateY(0);width: 100%;height: 1px;}

    
    /*tail*/
    #ft-logo{width: 250px;}
    #ft_wr{padding: 40px 10px 40px;}
    #ft_link{flex-wrap: wrap;gap: 0 !important;}
    #ft_link a{padding: 0 9px;}
    #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;}
}

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