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

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

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

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

    /* tail------------------------------------------------------------------------------------------------------------------ */
    #ft_wr{padding:0 3%;width:100%;}
}

@media screen and (max-width:1600px) {
    /* main------------------------------------------------------------------------------------------------------------------ */
    .gw-sec-con-wrap{padding:0 3%;width: 100%;}
    .gw-sec-container{padding:0 3%;width: 100%;}
}

@media screen and (max-width:1440px) {
    /* head------------------------------------------------------------------------------------------------------------------ */
    #hd_wrapper{padding:0 3%;background: #fff;}
    #gnb .gnb_wrap{width:70%;}

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

    /* tail------------------------------------------------------------------------------------------------------------------ */
    #ft .ft-top{padding:50px 0 20px;}
    .ft-quick-container{right: 30px;}
}

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

    /* head------------------------------------------------------------------------------------------------------------------ */
    #hd_wrapper{height:60px;}
    #hd_wrapper .gnb-container{height:60px;}
    #gnb{display: none;}
    #hd_wrapper .hd_login{right: auto;display:none;}
    #hd_wrapper .hd_login.on {display:flex; z-index:9999;}
    #logo.on{display: none;}
    #hd.on .gw-hd-right{justify-content: space-between;width: 100%;}

    /* 모바일 */
    #mob-gnb .gw-close-btn{display: none;}
    #menu-btn .gw-line{width: 100%;border-bottom:none;padding-bottom: 0;}
    #menu-btn.active .gw-line:nth-child(1) {transform: translateY(6px) rotate(45deg);}
    #menu-btn.active .gw-line:nth-child(2) { transform: translateY(-6px) rotate(-45deg);}
    #mob-gnb{left: 0;top:-100%;height: calc(var(--vh, 1vh) * 100);}
    #mob-gnb.on{top:0;z-index:999;}
    #mob-gnb .menu-bg-container{display: none;}
    #mob-gnb .menu-list{padding:60px 20px 0;right:0;width: 100%;overflow-y:auto;height: auto;max-height: calc(var(--vh, 1vh) * 100);-webkit-overflow-scrolling: touch;scrollbar-width: none;}
    #mob-gnb .menu-list > ul{flex-direction: column;}
    #mob-gnb .menu-list > ul > li{position: relative;text-align: center;}
    #mob-gnb .menu-list > ul > li > .dep01{padding:0;position: relative;display:block;width: 100%;height:60px;line-height:60px; font-size: var(--main-title04);}
    #mob-gnb .menu-list > ul > li > .dep01:before{font-family:xeicon; content: "\e914"; position:absolute; top:50%; right:0; font-size:20px; transform:translateY(-50%);}
    #mob-gnb .menu-list > ul > li.open > .dep01:before{content: "\e91b";color: var(--main-color);}
    #mob-gnb .menu-list > ul > li.open > .dep01:after {width: 100%;}
    #mob-gnb .menu-list > ul > li > .dep01 .hassub{display: block;width: 100%;}
    #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;padding:15px 0;width: 100%;height:100%;overflow-y: auto;overflow-x: hidden;background: #f2f2f2;}
    #mob-gnb .dep02 > li{padding:10px;}
    #mob-gnb .dep02 > li:last-child{border-bottom: none;}
    #mob-gnb .dep02 > li a{padding:0;position: relative;display: block;width: 100%; }
    #mob-gnb .dep02 > li a:before{display: none;}

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


@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-more-btn{font-size: 1rem;}

    /* main------------------------------------------------------------------------------------------------------------------ */
    #gw-template-main-banner .gw-banner-list{flex-direction: column;gap: 15px;}
    #gw-template-main-banner .gw-banner-list > li{width: 100%;}
    #gw-template-main-buy .gw-link-box{flex-direction: column;align-items: flex-start;gap: 1rem;}
    #gw-template-main-list ul {flex-direction: column;gap: 30px;}
    #gw-template-main-list .gw-template-item{width: 100%;}

    /* tail------------------------------------------------------------------------------------------------------------------ */
    #ft{border-radius: 0;}
    #ft .ft-top{margin-right: 0;padding-bottom:0;}
    #ft .ft-top .ft-top-box {flex-direction: column;align-items: flex-start;}
    #ft .ft-top .ft-bottom-box {flex-direction: column;align-items: flex-start;gap: 20px;}
    #ft .ft-bottom{margin-right:0;flex-direction:column;align-items:flex-start;}
    #ft_copy{padding-left:0;}
    .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:576px){
    /* head------------------------------------------------------------------------------------------------------------------ */
    .logo{width: 200px;}

    /* main------------------------------------------------------------------------------------------------------------------ */
    #gw-template-main-list .gw-template-item .gw-arrow{width: 4rem;height: 4rem;}
    #gw-template-main-list .gw-template-item .gw-arrow i{line-height: 4rem;}

    /* tail------------------------------------------------------------------------------------------------------------------ */
    #ft-logo{margin-bottom:0 !important;width: 250px;}
    #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_company .gw-right-box{width: 100%;}
    #ft .family-site-container > button{height:50px;line-height: 50px;}
    .ft-quick-container > li{font-size: 12px;}
}

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

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