@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 60px;width: 100%;}
    .gw-sec-container{padding:0 60px;width: 100%;}
}

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

    /* head------------------------------------------------------------------------------------------------------------------ */
    .hd-contact li > a {color: #fff;}
    .hd-contact.on {display:block; z-index:9999;}

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

    /* gw-theme02-main-all */
    #gw-theme02-main-all .gw-bubble-inner{gap: 5rem;}

    /*gw-theme02-main-intranet*/
    #gw-theme02-main-intranet{padding-top:120px;}

    /* gw-theme02-main-point */
    #gw-theme02-main-point .gw-sec01 .gw-point-list .gw-point-box{padding:3rem;}
    #gw-theme02-main-point .gw-sec01 .gw-point-list{gap: 1rem;}
    #gw-theme02-main-point .gw-sec01 .gw-point-list .gw-point-center{font-size: 3rem;}

    /* gw-theme02-main-business */
    #gw-theme02-main-business .gw-sec01 .gw-sec01-list{gap: 2rem;}

    /* tail------------------------------------------------------------------------------------------------------------------ */
    #ft .ft-bottom{padding:20px 40px;width:100%;}
    .ft-quick-container{right: 60px;}
}


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

    /* head------------------------------------------------------------------------------------------------------------------ */
    .hd-contact{display: none;}
    #gnb{display: none;}
    #hd_wrapper .gnb-container{height: 60px;place-content: center;}
    #hd_wrapper .gnb-top{padding-top: 0;height: auto;}
    #logo {width: 120px;}

    /*모바일*/
    #menu-btn {display: block;width: 60px;height: 60px;position: absolute;top: 0;right: 0;z-index: 1000;cursor: pointer;transition: all .3s;background: var(--main-color);}
    #menu-btn > div {height: 16px;width: 25px;}
    #menu-btn span {display: block;width: 25px;height: 2px;background: #fff;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.on{display: block;}
    #mob-gnb .menu-list{padding-bottom:100px;overflow-x:hidden;overflow-y: auto;width: 100%;height: 100vh;border-top: 1px solid #F2F2F2;}
    #mob-gnb .menu-list > ul{flex-direction: column;display: none;}
    #mob-gnb .menu-list > ul > li{position: relative;border-bottom: 1px solid #F2F2F2;}
    #mob-gnb .dep01{position: relative;display:block;padding:0 20px;width: 100%;height:60px;line-height:60px; font-size: var(--main-title04);font-family: "NotoKr_M", sans-serif;}
    #mob-gnb .dep01:not(:last-child){border-top:1px solid #f1f1f1;}
    #mob-gnb .dep01:before{font-family:xeicon; content: "\e914"; position:absolute; top:50%; right:20px; font-size:20px; transform:translateY(-50%);}
    #mob-gnb .dep01:after {content: "";display: block;position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: var(--main-color);transition: all .3s; transform-origin: center;}
    #mob-gnb .mob-hassub{display: none;}
    #mob-gnb .dep02{display:block;padding:0 20px;width: 100%;height: 50px;line-height: 50px;border-top: 1px solid #f1f1f1;position: relative;color:#000;font-family:'NotoKr_B' , sans-serif; background: #f8f8f8;}
    #mob-gnb .dep02:before{font-family:xeicon; content: "\e914"; position:absolute; top:50%; right:20px; font-size:20px; transform:translateY(-50%);}
    #mob-gnb .dep02:after {content: "";display: block;position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: var(--main-color);transition: all .3s; transform-origin: center;}
    #mob-gnb .dep03{display: none;}
    #mob-gnb .dep03 > li > a{display: block;padding:0 20px;width: 100%;height: 50px;line-height: 50px;border-top: 1px solid #f1f1f1;position: relative;color:#666;font-family:'NotoKr_M' , sans-serif; background: #f8f8f8;}
    #mob-gnb .gnb-nav-banner {padding: 20px;}
    #mob-gnb.on .menu-list > ul{display: block;}
    #mob-gnb.on .menu-list > .hd-contact{display:flex;gap:5px;}
    .hd-contact{padding:0 10px;position: relative;top: 0;right: 0;transform: translateY(0);}
    .hd-contact li > a{display: flex;justify-content: space-between;}


    /* main------------------------------------------------------------------------------------------------------------------ */
    .gw-sec-title{font-size: var(--main-title02);word-break: auto-phrase;}
    .gw-sec-text{padding-bottom: 3rem;font-size: var(--main-text01);}

    /* gw-theme02-main-about */
    #gw-theme02-main-about .gw-txt-box > p{font-size: var(--main-text01);}
    #gw-theme02-main-about .gw-img-box{width: 18rem;}
    #gw-theme02-main-about .slide-inner .gw-txt-box{width: calc(100% - 20rem);}
    #gw-theme02-main-about .gw-main-about-pagination-box{width: 100%;}

    /*gw-theme02-main-all*/
    #gw-theme02-main-all .gw-all-text-container01{gap: 20px;}
    #gw-theme02-main-all .gw-all-contents{width:100%;height: auto;aspect-ratio:1;}
    #gw-theme02-main-all .gw-all-name{padding:10px;font-size: var(--main-title04);}
    #gw-theme02-main-all .gw-img {margin: 0 auto;width: 50%;}
    #gw-theme02-main-all .gw-all-plus > i{font-size: var(--main-title01);}
    #gw-theme02-main-all .gw-all-text-container02 .gw-right{font-size: var(--main-title04);}
    #gw-theme02-main-all .gw-tab-item{font-size: var(--main-text01);}
    #gw-theme02-main-all .gw-bubble-box{padding: 2rem;}
    #gw-theme02-main-all .gw-bubble-inner .gw-bubble-tit{font-size: var(--main-title03);}
    #gw-theme02-main-all .gw-bubble-inner .gw-bubble-txt{font-size: var(--main-text01);}


    /*gw-theme02-main-mall*/
    #gw-theme02-main-mall .gw-mall-container{padding-left:0;}
    #gw-theme02-main-mall .gw-left{padding-top:0;position:relative;left:0;text-align:center;}
    #gw-theme02-main-mall .swiper{padding-left:0;margin-top:5rem;width:100%;}
    #gw-theme02-main-mall .swiper-pagination-progressbar{display: none;}
    #gw-theme02-main-mall .gw-left .gw-arrow{position:relative;bottom:-2rem;place-content:center;}

    /*gw-theme02-main-intranet*/
    #gw-theme02-main-intranet{padding-bottom: 5rem;}
    #gw-theme02-main-intranet .gw-arrow{display: none;}
    #gw-theme02-main-intranet .gw-intranet-container{padding-left: 0;min-height: auto;}
    #gw-theme02-main-intranet .gw-intranet-slider{margin-bottom: 5rem;}
    #gw-theme02-main-intranet .gw-intranet-swiper{display: flex;flex-direction: column;position: relative;width: 100%;}
    #gw-theme02-main-intranet .gw-swiper-arrow{order: -1;margin-top: 0;margin-bottom: 2rem;}

    /* gw-theme02-main-solution */
    #gw-theme02-main-solution .gw-main-solution-pagination-box{padding:0 40px;width: 100%;}

    /* gw-theme02-main-app */
    #gw-theme02-main-app .gw-main-app-pagination-box{padding:0 40px;width: 100%;}

    /* gw-theme02-main-point */
    #gw-theme02-main-point .gw-mob{display: none;}
    #gw-theme02-main-point .gw-sec01 .gw-point-list .gw-point-box{padding: 2rem;}
    #gw-theme02-main-point .gw-sec01 .gw-point-list .gw-txt01{font-size: var(--main-title04);}
    #gw-theme02-main-point .gw-sec01 .gw-point-list .gw-txt02{font-size: var(--main-title03);}
    #gw-theme02-main-point .gw-sec02 .gw-bubble-item:nth-of-type(1){padding:1.6rem 2rem 1.6rem 8rem;height:5rem;font-size: var(--main-title04);}
    #gw-theme02-main-point .gw-sec02 .gw-bubble-item:nth-of-type(2){padding:2rem 9rem 2rem 4rem;height:6rem;font-size: var(--main-title04);}
    #gw-theme02-main-point .gw-sec02 .gw-bubble-item:nth-of-type(3){padding:1.6rem 4rem 1.6rem 5rem;height:5.5rem;font-size: 1.6rem;}

    /* gw-theme02-main-business */
    #gw-theme02-main-business section:not(:last-child){margin-bottom: 5rem;}
    #gw-theme02-main-business .gw-sec01 .gw-sec01-list{flex-wrap:wrap;}
    #gw-theme02-main-business .gw-sec01 .gw-sec01-item{width: calc(50% - 1rem);}
    #gw-theme02-main-business .gw-sec02 .gw-bubble-box{padding:1.5rem;}
    #gw-theme02-main-business .gw-sec02 .gw-bubble-box .gw-text01{font-size: var(--main-title04);}
    #gw-theme02-main-business .gw-sec02 .gw-bubble-box .gw-text02{font-size: var(--main-text01);}
    @supports (-webkit-touch-callout: none) {
        #gw-theme02-main-business .gw-sec02 .gw-bubble-box .gw-text01{font-weight: 800 !important;}
        #gw-theme02-main-business .gw-sec02 .gw-bubble-box .gw-text02 {letter-spacing: -1.5px !important;}
    }


    /*gw-theme02-main-contact*/
    #gw-theme02-main-contact .gw-contact-list{width: 55%;}
    #gw-theme02-main-contact .gw-contact-item{margin-left:-25px;}


    /* tail------------------------------------------------------------------------------------------------------------------ */
    #ft-logo{width: 120px;}
    .ft-quick-container{right: 40px;}
}



@media screen and (max-width:1024px){
    /* 공통------------------------------------------------------------------------------------------------------------------ */
    .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-sec-text{padding-bottom:30px;}


    /* main------------------------------------------------------------------------------------------------------------------ */
    /*gw-theme02-main-all*/
    #gw-theme02-main-all .gw-all-text-container01{margin-bottom: 25px !important; }
    #gw-theme02-main-all .gw-all-text-container02{flex-direction: column;gap: 10px;text-align: center;}
    #gw-theme02-main-all .gw-bubble-inner{gap: 2rem;}
    #gw-theme02-main-all .gw-bubble-box{margin-top: 4rem;}
    #gw-theme02-main-all .gw-bubble-tail{top:-2rem;border-left:1rem solid transparent;border-right:1rem solid transparent;border-bottom:2rem solid #e5edf7;}

    /* gw-theme02-main-mall */
    #gw-theme02-main-mall .gw-left .gw-arrow{bottom: -4rem;}

    /*gw-theme02-main-intranet*/
    #gw-theme02-main-intranet .gw-intranet-img{height: 55vh;}

    /*gw-theme02-main-solution*/
    #gw-theme02-main-solution .swiper-slide{flex-direction:column;height:auto;}
    #gw-theme02-main-solution .swiper-slide > div{width:100%;height: 40vh;}
    #gw-theme02-main-solution .swiper-pagination-progressbar{margin-top:0;}
    #gw-theme02-main-solution .gw-text-container{padding:0 20px;}

    /* gw-theme02-main-business */
    #gw-theme02-main-business .gw-sec02 .gw-img-box img{max-width:20rem;}
    #gw-theme02-main-business .gw-sec02 .gw-bubble-box{width: calc(100% - 20rem);}

    /*gw-theme02-main-app*/
    #gw-theme02-main-app [id*="gw-main-app-tab"]{flex-wrap: wrap;}

    /* gw-theme02-main-point */
    #gw-theme02-main-point .gw-sec02 .gw-bubble-box{height:25rem;}

    /* gw-theme02-main-business */
    #gw-theme02-main-business{padding-bottom: 0;}
    #gw-theme02-main-business .gw-sec02 .gw-sec02-item.gw-left .gw-bubble-box::before{left: -2rem;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-right:2rem solid #e5edf7;}
    #gw-theme02-main-business .gw-sec02 .gw-sec02-item.gw-right .gw-bubble-box::before{right:-2rem;border-width:1rem 0 1rem 2rem;}

    /*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: 40vh;}
    #gw-theme02-main-location .gw-right{width: 100%;height: 50vh;}

    /*gw-theme02-main-contact*/
    #gw-theme02-main-contact > .gw-sec-container > .gw-flex-btw {flex-direction: column;align-items: flex-start;}
    #gw-theme02-main-contact .gw-contact-list{width: 100%;}

    /* 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: 5rem 0;}
    .gw-sec-con-1500{padding:0 20px;}


    /*gw-theme02-main-app*/
    #gw-theme02-main-app .gw-tab-btn{width: 100%;min-width: auto;}
    #gw-theme02-main-app .gw-img-container [class*="gw-img0"]{width: 50%;}
    #gw-theme02-main-app [class*="gw-box"]{width: 150px;height: 150px;}
    #gw-theme02-main-app [class*="gw-box"] img{width: 4rem;}

    /* 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-container{padding: 0 20px;}
    .gw-sec-text{word-break: auto-phrase;}
    .gw-main-btn01 {padding: 12px 24px;height: auto;line-height: inherit;}
    .gw-main-btn01:hover{padding: 12px 24px;color: #fff;}

    /* gw-theme02-main-about */
    #gw-theme02-main-about .slide-inner{flex-direction: column;gap: 3rem;}
    #gw-theme02-main-about .slide-inner .gw-txt-box{width: 100%;}
    #gw-theme02-main-about .slide-inner .gw-img-box{width: 100%;height: 18rem;}
    #gw-theme02-main-about .swiper-pagination-progressbar{width: calc(100% - 90px);}
    #gw-theme02-main-about .gw-main-about-prev, #gw-theme02-main-about .gw-main-about-next{width:40px;height: 40px;}

    /*gw-theme02-main-all*/
    #gw-theme02-main-all .gw-all-text-container01{flex-direction: column;}
    #gw-theme02-main-all .gw-all-text-container02{margin:3rem 0;}
    #gw-theme02-main-all .gw-step-tabs {margin-bottom: 3rem;position: static;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 1rem;}
    #gw-theme02-main-all .gw-tab-item {padding: 1rem 0;flex: 0 1 30%;position: relative;text-align: center;font-size: var(--main-text01);line-height: 1.4;border-radius: 6px;background: #f7f7f7;color: #666;font-weight: 500;}
    #gw-theme02-main-all .gw-tab-item.active {background: #e60012;color: #fff;font-weight: 600;}
    #gw-theme02-main-all .gw-step-tabs::before,
    #gw-theme02-main-all .gw-step-tabs::after,
    #gw-theme02-main-all .gw-tab-item::before,
    #gw-theme02-main-all .gw-tab-item::after {display: none !important;content: none !important;}
    #gw-theme02-main-all .gw-bubble-tail{display: none;}
    #gw-theme02-main-all .gw-bubble-box{margin-top:0;}
    #gw-theme02-main-all .gw-bubble-inner{flex-direction: column;}
    #gw-theme02-main-all .gw-bubble-inner .gw-img-box{width: 10rem;}
    #gw-theme02-main-all .gw-bubble-inner .gw-txt-box{text-align: center;}

    /*gw-theme02-main-mall*/
    #gw-theme02-main-mall .gw-left > ul > li{width:40px;height: 40px;}
    #gw-theme02-main-mall .swiper .swiper-slide .gw-mall-item{padding-top:30px;padding-bottom:0;}
    #gw-theme02-main-mall .swiper .swiper-slide .gw-mall-item-wrap{width: 100%;}

    /*gw-theme02-main-intranet*/
    #gw-theme02-main-intranet .gw-intranet-tab > ul > li > button{padding: 0 10px;height: 50px;font-size:14px;}
    #gw-theme02-main-intranet .gw-intranet-img .gw-circle{display: none;}
    #gw-theme02-main-intranet .gw-intranet-img{height:30vh;}
    #gw-theme02-main-intranet .gw-intranet-contents{padding: 0 20px;}
    #gw-theme02-main-intranet .gw-text-container{gap: 0;flex-direction: column;}
    #gw-theme02-main-intranet .gw-swiper-arrow > li{width:40px;height: 40px;}

    /*gw-theme02-main-solution*/
    #gw-theme02-main-solution{padding-bottom: 7rem !important;}
    #gw-theme02-main-solution .gw-main-solution-pagination-box{padding: 0 20px;}
    #gw-theme02-main-solution .swiper-pagination-progressbar{width: calc(100% - 90px);}
    #gw-theme02-main-solution .gw-main-solution-prev, #gw-theme02-main-solution .gw-main-solution-next{width:40px;height: 40px;}


    /*gw-theme02-main-app*/
    #gw-theme02-main-app .gw-tab-container{margin-bottom: 2rem;}
    #gw-theme02-main-app .gw-tab-btn{padding:10px;font-size:var(--main-title04);border-radius:10px;}
    #gw-theme02-main-app [class*="gw-box"]{width: 100%;}
    #gw-theme02-main-app .gw-img-container .gw-screen{border-radius: 20px;}
    #gw-theme02-main-app .gw-main-app-pagination-box{padding: 0;}
    #gw-theme02-main-app .swiper-pagination-progressbar{width: calc(100% - 90px);}
    #gw-theme02-main-app .gw-main-app-prev, #gw-theme02-main-app .gw-main-app-next{width:40px;height: 40px;}

    /* gw-theme02-main-point */
    #gw-theme02-main-point .gw-mob{display: block;}
    #gw-theme02-main-point .gw-sec01 .gw-point-list{flex-direction: column;}
    #gw-theme02-main-point .gw-sec02 .gw-bubble-box{gap: 2rem;}
    #gw-theme02-main-point .gw-sec02 .gw-bubble-item{position: relative;width: 100% !important;}
    #gw-theme02-main-point .gw-sec02 .gw-bubble-item:nth-of-type(1){padding: 1.6rem 2rem 1.6rem 2rem;}
    #gw-theme02-main-point .gw-sec02 .gw-bubble-item:nth-of-type(2){top:0;padding:2rem 4rem 2rem 4rem;height:7rem;font-size: 1rem;}
    #gw-theme02-main-point .gw-sec02 .gw-bubble-item:nth-of-type(3){bottom: 0;padding:1.6rem 4rem 1.6rem 2rem;height:7rem;font-size: 1.4rem;}
    @supports (-webkit-touch-callout: none) {
        #gw-theme02-main-point .gw-sec02 .gw-bubble-item {letter-spacing: -3px !important;}
    }

    /* gw-theme02-main-business */
    #gw-theme02-main-business .gw-sec02 .gw-sec02-item{margin-bottom:3rem;flex-direction: column;gap: 3rem;}
    #gw-theme02-main-business .gw-sec02 .gw-bubble-box{width: 100%;}
    #gw-theme02-main-business .gw-sec02 .gw-bubble-box li{padding-left: 1rem;}
    #gw-theme02-main-business .gw-sec02 .gw-sec02-item.gw-left .gw-bubble-box::before{top: -3rem;left: 50%;transform:translateX(-50%);border-top:1rem solid transparent;border-left:1.5rem solid transparent;border-right:1.5rem solid transparent;border-bottom:3rem solid #e5edf7;}
    #gw-theme02-main-business .gw-sec02 .gw-sec02-item.gw-right .gw-img-box{order:-1;}
    #gw-theme02-main-business .gw-sec02 .gw-sec02-item.gw-right .gw-bubble-box::before{top: -3rem;left: 50%;right:auto;transform:translateX(-50%);border-top:1rem solid transparent;border-left:1.5rem solid transparent;border-right:1.5rem solid transparent;border-bottom:3rem solid #e5edf7;}

    /* gw-theme02-main-business */
    #gw-theme02-main-business .gw-sec01 .gw-sec01-item{width: 100%;}

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

    /*gw-theme02-main-contact*/
    #gw-theme02-main-contact .gw-contact-list{flex-wrap:wrap;place-content:center;gap:10px;}
    #gw-theme02-main-contact .gw-contact-item{margin-left:0;width: 80%;}

    /* tail------------------------------------------------------------------------------------------------------------------ */
    #ft-contact .gw-sec{padding:5rem 0;}
    #ft-contact .gw-sec-title{font-size: var(--main-title03);}
    #ft-contact .gw-sec-title > br {display: none;}
    #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;}
}

@media screen and (max-width:320px){
    /* main------------------------------------------------------------------------------------------------------------------ */
    /* gw-theme02-main-all */
    #gw-theme02-main-all .gw-tab-item{flex: 0 1 45%;}

    /* gw-theme02-main-intranet */
    #gw-theme02-main-intranet .gw-intranet-tab > ul{flex-direction: column;}

    /* gw-theme02-main-solution */
    #gw-theme02-main-solution .swiper-slide > div{height: 45vh;}

    /* gw-theme02-main-point */
    #gw-theme02-main-point .gw-sec02 .gw-bubble-item:nth-of-type(2){padding: 2rem 2rem 2rem 4rem;}

    /* gw-theme02-main-business */
    #gw-theme02-main-business .gw-sec02 .gw-bubble-box li{padding-left:1rem;}
}

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