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

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

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

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

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

@media screen and (max-width:1500px) {
    /* head-----------------------------------------------------------------------------------------------------------------*/
    #mob-gnb .menu-list{padding: 0 2rem;}
    #mob-gnb .menu-list > ul > li > .dep01{padding:0 1rem;font-size: var(--main-title04);}
    #mob-gnb .dep02 > li{padding:0 1rem;}

    /* main-----------------------------------------------------------------------------------------------------------------*/
    #wrapper{width:100%;}
    #gw-theme-main-partner .right-box .main-partner-item:before{width:20rem;}

    /* gw-theme-main-lineup */
    #gw-theme-main-lineup .gw-lineup-list{margin:0 -0.5rem;}
    #gw-theme-main-lineup .gw-lineup-list .gw-lineup-item{margin:0 0.5rem 12rem;padding:3rem 2rem;width: calc(50% - 1rem);}
}

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

    /* head-----------------------------------------------------------------------------------------------------------------*/
    #hd_wrapper .gnb-container{height: 5rem;}
    #gnb{display: none;}
    #hd.on{background: #fff;}
    #hd .gw-sns-container{display: none;}
    #mob-gnb{display: none;position:fixed;top:calc(5rem - 1px);left:-100%;z-index:100;max-width:100vw;width:100%;background:#fff;backdrop-filter:initial;transition:all 0.5s;}
    #mob-gnb .mob-menu-close{display: none;}
    #menu-btn.active span, #menu-btn.active span:nth-child(2){background: #000 !important;width: 2rem;}
    #mob-gnb .menu-list{width: 100%;place-content:flex-start;overflow-y:auto; height: auto;max-height: calc(var(--vh, 1vh) * 100 - 5rem);-webkit-overflow-scrolling: touch;}
    #mob-gnb .menu-list > ul{flex-direction:column;gap:1rem;}
    #mob-gnb .menu-list > ul > li > .dep01{margin-bottom:0;padding:0;display:block;width: 100%;height:55px;line-height:55px;font-family:'Pretendard', sans-serif;font-weight: 800; 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:#000;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 1rem;width: 100%;height: 45px;line-height: 45px;}
    #mob-gnb .dep02 > li a{position: relative;display: block;width: 100%;color:#666;font-family:'Pretendard', sans-serif;font-weight: 500;opacity: 1;}
    html.on,body.on{overflow: hidden;}
    #logo.on{display: none;}
    #mob-gnb.on{left:0;display:block;z-index:1;}
    #mob-gnb .dep02.on > li{height: auto;}

    /* main-----------------------------------------------------------------------------------------------------------------*/
    .gw-sec{padding: 120px 0;}
    .gw-sec-container{width: 100%;}
    .gw-sec-con-1500{padding:0 40px;}

    /* gw-theme-main-mnauto */
    #gw-theme-main-mnauto .main-mnauto-list{margin:0 -0.5rem;}
    #gw-theme-main-mnauto .main-mnauto-item{margin:0 0.5rem;height: 32rem;width: calc(33.33% - 1rem);}
    #gw-theme-main-mnauto .mnauto-hover-con:before{width: 5rem;height: 5rem;}

    /* gw-theme-main-partner */
    #gw-theme-main-partner .right-box .main-partner-item:before{width:17rem;}

    /* gw-theme-main-quickmenu */
    #gw-theme-main-quickmenu .gw-recruit-list > li{flex: 1;}
    #gw-theme-main-quickmenu .gw-recruit-item > a{width:100%;height:540px;}

    /* tail-----------------------------------------------------------------------------------------------------------------*/
    .ft-quick-container{right: 40px;}
    #ft-top{flex-direction: column;width: 100%;}
    #ft-top .ft-left{width: 100%;}
    #ft-top .ft-right{order:-1;width: 100%;}
    .ft-sitemap-list > ul > li{text-align: left;}
    #ft-bottom{width: 100%;}
}


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

    /* main-----------------------------------------------------------------------------------------------------------------*/
    /* gw-theme-main-lineup */
    #gw-theme-main-lineup .gw-lineup-list{flex-direction: column;gap: 3rem;}
    #gw-theme-main-lineup .gw-lineup-list .gw-lineup-item{padding:2rem;margin:0;width:100%;}
    #gw-theme-main-lineup .gw-lineup-list .gw-img-box{position: absolute; width:50%; padding-top:35%; top:0; right:0; margin-top:0;}
    #gw-theme-main-lineup .gw-lineup-list .gw-img-box img{transform:none;}

    /* gw-theme-main-mnauto */
    #gw-theme-main-mnauto .main-mnauto-item{margin:0;}
    #mnauto-swiper {flex-direction:column;position: relative;}
    #mnauto-swiper .main-mnauto-list {margin: 0;}
    #mnauto-swiper .mnauto-ui {display: flex;align-items: center;padding: 1rem 0;width:100%;color: #000;}
    #mnauto-swiper .mnauto-prev,
    #mnauto-swiper .mnauto-next {border: none;background: transparent;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;color: #000;}
    #mnauto-swiper .mnauto-prev:disabled,
    #mnauto-swiper .mnauto-next:disabled { opacity: 0.4; cursor: default;}
    #mnauto-swiper .mnauto-prev > i,
    #mnauto-swiper .mnauto-next > i{font-weight: 700;color: #000;}
    #mnauto-swiper .mnauto-progress {display: flex;align-items: center;gap: 10px;width: 100%;}
    #mnauto-swiper .mnauto-progress-track {flex: 1 1 auto;height: 4px;background: rgba(0,0,0,0.12);border-radius: 999px;overflow: hidden;}
    #mnauto-swiper .mnauto-progress-fill {width: 0%;height: 100%;background: var(--main-color);transition: width 280ms ease;}

    /* gw-theme-main-partner */
    #gw-theme-main-partner .main-partner-con{flex-direction:column;}
    #gw-theme-main-partner .left-box{width: 100%;}
    #gw-theme-main-partner .right-box{width: 100%;}
    #gw-theme-main-partner .right-box .main-partner-item{height: 25rem;}

    /* gw-theme-main-quick */
    #gw-theme-main-quick .main-quick-list{flex-wrap: wrap;}
    #gw-theme-main-quick .main-quick-item{flex:auto;width: 50%;}
    #gw-theme-main-quick .main-quick-item{padding:2rem 0;border-bottom: 1px solid #eaeaea;}
    #gw-theme-main-quick .main-quick-item:nth-of-type(2){border-right: none;}
    #gw-theme-main-quick .main-quick-item:nth-of-type(3),
    #gw-theme-main-quick .main-quick-item:nth-of-type(4){border-bottom: none;}

    /* tail-----------------------------------------------------------------------------------------------------------------*/
    .ft-quick-container{bottom:20px;right: 20px;}
    .ft-quick-container > li{width: 60px;height: 60px;}
    #ft-bottom{flex-direction: column;gap: 10px;}
    #ft_link{order: -1;}
    #gw-top_btn:hover > i {color: #fff;}

}

@media screen and (max-width:768px){
    /* head-----------------------------------------------------------------------------------------------------------------*/
    #menu-btn{right:20px;width: 2rem;height: 2rem;}
    #mob-gnb .menu-list{padding: 0 20px;}

    /* main-----------------------------------------------------------------------------------------------------------------*/
    .gw-sec{padding: 80px 0;}
    .gw-sec-container{padding: 0 20px;}
    .gw-sec-con-1500{padding:0 20px;}
    #gw-theme-main-flow-wrap .gw-flow-item{font-size: 100px;}

    /* tail-----------------------------------------------------------------------------------------------------------------*/
    #ft_company .ft_info{line-height: 1.5;}
    #gw-top_btn{width: 5rem;height: 5rem;}
}

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

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

    /* gw-theme-main-lineup */
    #gw-theme-main-lineup .gw-lineup-list .gw-img-box{top: auto;bottom: 0;}

    /* gw-theme-main-business */
    #gw-theme-main-mnauto .main-mnauto-item{height: 30rem;}

    /* gw-theme-main-partner */
    #gw-theme-main-partner .right-box .main-partner-list{flex-direction: column;}
    #gw-theme-main-partner .right-box .main-partner-item{padding:1rem;width: 100%;height: 19rem;}

    /* gw-theme-main-quick */
    #gw-theme-main-quick .main-quick-item{width: 100%;}
    #gw-theme-main-quick .main-quick-item:not(:last-child){border-right: none;border-bottom: 1px solid #eaeaea;}

    /* gw-theme-main-service */
    #gw-theme-main-service{margin-bottom: 4rem;}
    #gw-theme-main-service .main-service-con{background-position:right -250px center;}
    #gw-theme-main-service .main-service-con:after{background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%);}
    #gw-theme-main-service .main-service-item{position:relative;padding: 4rem 40px;flex-direction: column;}
    #gw-theme-main-service .main-service-item .left-box{width: 100%;}
    #gw-theme-main-service .gw-btn01{position: absolute;bottom: 2rem;}
    #gw-theme-main-service .main-service-item .right-box{margin-bottom:2rem;width: 100%;}

    /* tail-----------------------------------------------------------------------------------------------------------------*/
    #ft{width: 100%;}
    #ft_wr{padding: 5rem 20px 3rem;}
    .ft-sitemap-list{display: none;}
    #ft-top{margin-bottom: 3rem;}
    #ft-logo{width: 200px;}
    #ft_link{flex-wrap: wrap;gap: 0 !important;}
    #ft_link a{padding: 0 5px;font-size: 12px;}
    #ft_copy{font-size: 12px;}
    #ft_company h2 {font-size: 14px;}
    #ft_company .ft_info{flex-direction:column;align-items:flex-start;font-size: 12px;gap: 10px;}
    #ft_company .ft_info dl{flex-direction: row;align-items: center;gap: 0.5rem;}
    #ft_company .ft_info span{margin-right: 0;}
    #ft_company .ft_info > p > span:not(:last-child):after{display: none;}
    #ft-bottom{padding:20px 0;flex-direction:column;gap: 10px;}
    .ft-quick-container > li{font-size: 12px;}
    #gw-top_btn:hover i{animation: none;color: #000;}
}

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

@media screen and (max-width:320px){
    /* main-----------------------------------------------------------------------------------------------------------------*/
    /* gw-theme-main-lineup */
    #gw-theme-main-lineup .gw-lineup-list .gw-lineup-item{padding: 1rem;}

    /* gw-theme-main-mnauto */
    #gw-theme-main-mnauto .mnauto-hover-con{padding:2rem 1rem;}
    #gw-theme-main-mnauto .mnauto-hover-con:before{bottom:1rem;right:1rem;}
}

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