@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 .gnb-container{height:60px;}
    #gnb{display: none;}
    .hd_login{right: auto;left: 0;display:none;}
    .hd_login li > a {color: #fff;}
    .hd_login.on {display:block; z-index:9999;}

    /* 모바일 */
    #menu-btn{width: 60px;height: 60px;}
    #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 .mob-menu-close{display: none;}
    #mob-gnb .menu-list{width: 100%;height: 100%;place-content:flex-start;}
    #mob-gnb .menu-list > ul{flex-direction:column;}
    #mob-gnb .menu-list > ul > li > .dep01{margin-bottom:0;display:block;padding:0 20px;width: 100%;height:55px;line-height:55px;font-family:'NotoKr_B' , sans-serif; font-size: var(--main-title04);color: #222;}
    #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;opacity: 1;}
    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-theme02-main-business*/
    #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;}

    /*main*/
    .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-recruit*/
    #gw-theme02-main-recruit .gw-recruit-list > li{flex: 1;}
    #gw-theme02-main-recruit .gw-recruit-item > a{width:100%;height:540px;}

    /*gw-theme02-main-menu*/
    #gw-theme02-main-menu .gw-menu-list{flex-direction:column;}
    #gw-theme02-main-menu .gw-menu-item{flex:auto;width:100%;}
    #gw-theme02-main-menu .gw-menu-item:not(:first-child) {border-left:none;border-top: 1px solid rgba(255,255,255,0.3);}
    #gw-theme02-main-menu .gw-mb-30 {margin-bottom: 0 !important;}
    #gw-theme02-main-menu .gw-text-container{display: flex;justify-content: space-between;width: 100%;}
    #gw-theme02-main-menu .gw-menu-item > a {padding: 0 40px;}
    #gw-theme02-main-menu .gw-top {display: flex;gap: 30px;}
    #gw-theme02-main-menu .gw-menu-item .gw-text02 > br{display: none;}

    /*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-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;top:50%;transform:translateY(-50%);width: 50%;}
    #gw-theme02-main-business .gw-text01{color: #000;}
    #gw-theme02-main-business .gw-text02{color: #666;min-height: 40px;word-break: keep-all;}
    #gw-theme02-main-business .gw-business-item:nth-of-type(2) .gw-small-btn {right: auto;left: 0;}
    #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-about .gw-text{display: none;}

    /*gw-theme02-main-recruit*/
    #gw-theme02-main-recruit .gw-recruit-list{flex-direction: column;}
    #gw-theme02-main-recruit .gw-recruit-list > li{flex: auto;width: 100%;}
    #gw-theme02-main-recruit .gw-recruit-item:first-child > a{margin-top:0;}

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

    /*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;}

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

    /*tail*/
    .ft-quick-container{bottom:120px;right: 20px;}
    .ft-quick-container > li{width: 50px;height: 50px;}
    #gw-top_btn:hover > i {color: #fff;}
    
    .main_visual_top{font-size: 1.5em;}
    #gw-theme-main-visual .gw-main-visual-text-con .gw-main-visual-text01{font-size: 2.2em;word-break: keep-all;}
    #gw-theme02-main-business .gw-text01{font-size: 1.5em;}
    #gw-theme02-main-business .gw-text01 span{font-size:  0.8em;}
    #gw-theme02-main-business .gw-text02 {word-break: keep-all;font-size: 0.8em;}
    #gw-theme02-main-business .gw-text02 br{display: none;word-break: keep-all;}
    .main_visual_img{width: 70%;}
    .elite_main_tit{font-size: 1.5em;}
    .elite_main_tit span{font-size: 1.5em;word-break: keep-all;}
}

@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;word-break: keep-all;}

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

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

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

@media screen and (max-width:576px){
    /*haed*/
    #hd_wrapper{width:calc(100vw - 20px);}
    .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;top:0;transform:translateY(0);}

    /*gw-theme02-main-about*/
    #gw-theme02-main-about .gw-text-container{height: auto;}
    #gw-theme02-main-about ul {flex-direction: column;width:100%;}
    #gw-theme02-main-about ul > li{padding:20px 0;width: 100%;gap:10px;}
    #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;}

    /*gw-theme02-main-recruit*/
    #gw-theme02-main-recruit .gw-recruit-item > a{height: 400px;}
    #gw-theme02-main-recruit .gw-text-container{padding: 30px;}

    /*gw-theme02-main-menu*/
    #gw-theme02-main-menu .gw-text-container{flex-direction:column;align-items:flex-start;gap: 10px;text-align: left;}

    /*gw-theme02-main-location*/
    #gw-theme02-main-location .gw-main-btn01{margin-bottom: 0 !important;}

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

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

    
    /*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 .ft-bottom{flex-direction:column;gap: 10px;}
    .ft-quick-container > li{font-size: 12px;}
}

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

    /*gw-theme02-main-business*/
    #gw-theme02-main-business .gw-text-container{padding:0 10px;}
}

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