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

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

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

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1440px) {

    /*헤더-----------------------------------------------------------------------------------------------------------------*/
    #header.header-fixed.top0{top: -123px;}
    #header.header-sticky{position: sticky;}
    #header .gw-sub-con-1400{padding: 0;}

    /*상단메뉴*/
    #tnb{display:none;}

    /*헤더메뉴*/
    #header .head_off{display: none;}
    #hd_wrapper{padding:1rem 0;}

    #hd-util .login,
    #hd-util .logout,
    #hd-util .mypage,
    #hd-util .register,
    #hd-util .admin{display: none;}
    #hd-util > li > a:before{margin-bottom: 0;}
    #gw-gnb > li{padding: 0;}

    /*메뉴*/
    .hd_menu{gap:1.5rem;}
    .hd_menu li a{font-size: 14px;}
    .hd_menu li a:hover{color:#505050;}
    .hd_menu li a:after{display: none;}

    /*카테고리*/
    #category{left:-100vw;width: 100vw;}
    #category .register-bubble{display: block !important;}
    #category .gw-contact > .gw-text{display: block !important;}

    /* 모바일 앱 헤더 */
    #gw-mob-hd{display: block;position:relative;width: 100%;}
    #gw-mob-hd .front{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
    #gw-mob-hd .front > li > a{display: block;width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;}
    #gw-mob-hd .front > li > a:before {content: '';display: block;font-family: xeicon;color: #000;font-size:24px;text-align: center;}
    #gw-mob-hd .front > li.back > a:before {content: "\e93b";}
    #gw-mob-hd .front > li.home > a:before {content: "\e902";}
    #gw-mob-hd .gw-hd-title{display: flex;align-items: center;place-content: center;font-size:1rem;width: 100%;margin: 0 auto;text-align: center;font-weight: 700;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
    #hd-util{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
    #hd-util > li > a:before{font-size: 24px;}


    /*전체카테고리*/
    #hd_menu button#menu_open{padding:0;width: auto;border-left: none;border-right: none;aspect-ratio: 1.0;place-content: center;}
    #hd_menu button#menu_open > span{display: none;}

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    #gw-theme-main-visual #theme08-side-banner{display: none;}


    /*푸터-----------------------------------------------------------------------------------------------------------------*/
    #ft-top .gw-sub-con-1400{padding: 0 20px;}
    #ft-middle .gw-sub-con-1400{padding: 0 20px;}
    #ft-bottom .gw-sub-con-1400{padding: 0 20px;}
}

@media screen and (max-width:1280px) {
    /*메인-----------------------------------------------------------------------------------------------------------------*/
    #container_main #container{padding-bottom: 0;}

    /*푸터-----------------------------------------------------------------------------------------------------------------*/
    #ft-middle .gw-sub-con-1400 > div:not(:first-child){padding-left: 20px;}
    #ft-bottom{padding:1.5rem 0 5rem;}
}

@media screen and (max-width:1024px){
    /*헤더-----------------------------------------------------------------------------------------------------------------*/
    #header.header-fixed.top0{top:-95px;}

    /* gnb */
    #hd_menu{width: 100%;}
    #gw-gnb{width: 100%;}
    #hd-call{display: none;}

    /* 검색어 */
    .hd_sch_container{display: none;}

    /* 인기검색어 */
    #hot-list-container{display: none;}

    /* 로고 */
    #logo{position: relative;left: 0;transform: translateX(0);margin: 0 auto;}


    /*메인-----------------------------------------------------------------------------------------------------------------*/
    .hp-theme08-type01 .gw-main-btn02{margin:0 auto;max-width: 20%;}

    /* 카테고리 */
    #hp-theme-category-circle .hp-category-circle-list{flex-wrap:wrap;}
    #hp-theme-category-circle .hp-category-circle-item{flex:0 0 calc(33.333% - 1.5rem);}
    #hp-theme-category-circle .hp-category-circle-item::after{display:none;}

    /* 카테고리 */
    .hp-category-grid{grid-template-columns:repeat(2, 1fr);}
    .hp-category-item:nth-child(n+5){border-right: 1px solid #e5e5e5;}

    /* 추천 상품 */
    #hp-theme09-recommend .hp-recommend-tab-nav{flex-wrap: wrap;}
    #hp-theme09-recommend .hp-recommend-tab-nav li{flex: 0 0 33.333%; border-bottom: 1px solid #e5e5e5;}
    #hp-theme09-recommend .hp-recommend-tab-nav li:nth-child(3n){border-right: 0;}
    #hp-theme09-recommend .hp-recommend-tab-nav li:nth-child(n+4){border-right: 1px solid #e5e5e5;}
    #hp-theme09-recommend .hp-recommend-tab-nav li.hp-tab-active{border-bottom: 1px solid #e5e5e5;}
    #hp-theme09-recommend .hp-tab-panel.hp-tab-show{padding: 20px;}
    #hp-theme09-recommend .hp-recommend-layout{flex-direction: column;}
    #hp-theme09-recommend .hp-recommend-aside{display: none;}

    /* 사용후기 */
    #gw-main-review .gw-main-review-container{margin-bottom: 0;}

    /*푸터-----------------------------------------------------------------------------------------------------------------*/
    #ft{display: flex;flex-direction: column;text-align: center;}
    #ft-middle{padding:0;}
    #ft-middle .gw-sub-con-1400{padding-top:2rem;flex-direction: column;}
    #ft-middle .gw-sub-con-1400 > div{padding:0;padding-bottom:1rem;flex:auto;width:100%;border-right: none;min-height:auto;cursor: pointer;}
    #ft-middle .gw-sub-con-1400 > div:not(:first-child){padding-left:0;border-left: 0;}
    #ft-middle .gw-sub-con-1400 > div:not(:last-child){border-bottom:1px solid #eee;}
    #ft-middle .gw-title{position:relative;padding:1rem 0;margin-bottom: 0 !important;}
    #ft-middle .gw-title:before{content:"\e941";display:block;font-family:xeicon;position:absolute;right: 0;top: 50%;transform: translateY(-50%);transition: transform 0.3s;}
    #ft-middle .gw-title.on:before{transform: rotate(180deg);transform-origin: top;}
    #ft-middle .gw-text{padding-bottom:1rem;display: none;}
    #ft-middle .gw-num{margin-bottom: 0.5rem !important;}
    #ft-bottom{padding: 2rem 0 6rem;}
    #ft-bottom .gw-sub-con-1400{flex-direction:column;gap:2rem;}
    #ft-bottom .gw-left{width: 100%;}
    #ft_company{margin-bottom:0.5rem !important;text-align: center;font-size:12px;}
    #ft-logo{margin: 0 auto;margin-bottom:1rem !important;}
    #ft_company .ft_info .gw-btn03{padding:0.1rem 0.2rem;}
    #ft_copy{text-align: center;font-size:12px;}
    #ft-bottom .gw-right{width: 100%;}
}


@media screen and (max-width:768px){
    /*헤더-----------------------------------------------------------------------------------------------------------------*/
    #header.header-fixed.top0{top:-76px;}
    #header{transition:all 0s;}
    #header .gw-sub-con-1400{padding:0 10px;}
    #gw-mob-hd .gw-hd-title{font-size:14px;}
    #gw-mob-hd .front > li > a{margin-right: 0.25rem;}
    #hd-util{right:10px;gap:5px;}
    #logo > a {width: 160px;}
    #header .gnb-container [class*="gw-sub-con"]{padding: 0;}
    #hd_menu {overflow: hidden;height: 3rem;}
    #menu_open {flex-shrink: 0;}
    #gw-gnb {flex: 1;overflow-x: auto;overflow-y: visible;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-left: 10px;padding-right: 20px;justify-content: flex-start;}
    #gw-gnb::-webkit-scrollbar {display: none;}
    #gw-gnb > li {flex-shrink: 0;}
    #gw-gnb > li > a {white-space: nowrap;}
    #gw-gnb > .gnb-1dli > a > span:after{display: none;}
    #gw-gnb .gnb-dep02 {display: none;}

    /*카테고리*/
    #category .gw-contact{flex-direction: column;gap: 1rem;}
    #category .nav-member{gap:10px;padding:15px;flex-direction: column;align-items: flex-start;}
    #category .close_btn{width: 60px;height: 60px;}
    #category .nav-member > li.logout > a{font-size: var(--main-text02);}
    #category .kakao-link > a{width:10rem;}

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /* 카테고리 */
    #hp-theme-category-circle .hp-category-circle-img{width:80px;height:80px;}

    /* 배너 슬라이더 섹션 */
    #hp-theme09-banner-slider .hp-banner-top-grid{grid-template-columns:repeat(1,1fr);}
    #hp-theme09-banner-slider .hp-banner-bottom-wrapper{flex-direction:column;}
    #hp-theme09-banner-slider .hp-orchid-slider{width: 100%;}
    #hp-theme09-banner-slider .hp-charcoal-slider{width: 100%;}
    #hp-theme09-banner-slider .hp-banner-bottom-content{min-height:auto;}

    /*추천상품*/
    #hp-theme09-recommend .hp-recommend-text-box{top: 30px;}
    #hp-theme09-recommend .hp-recommend-title{font-size: 1.5rem;}
    #hp-theme09-recommend #gw-main-theme10-20-skin .sct_li{width: calc(50% - 5px);}
}

@media screen and (max-width:576px){
    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /* 카테고리 */
    #hp-theme-category-circle .hp-category-circle-list{gap: 1rem;}
    #hp-theme-category-circle .hp-category-circle-title{font-size: 1rem;}

    /*푸터-----------------------------------------------------------------------------------------------------------------*/
    #ft-top .gw-sub-con-1400{padding:1rem;flex-direction:column;}
    #ft-top #ft_link{padding: 1rem 0;}
    #ft_banner{order:-1;}
}


@media screen and (max-width:320px){
    /*헤더-----------------------------------------------------------------------------------------------------------------*/
    #gw-mob-hd .gw-hd-title{font-size:0.8rem;}
}

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