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

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

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

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
    /*헤더-----------------------------------------------------------------------------------------------------------------*/
    #tnb {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1440px) {
    /*공통-----------------------------------------------------------------------------------------------------------------*/
    #wrapper {
        padding-top: 125px;
    }
    #container {
        width: 100%;
    }
    .gw-sec-container {
        padding: 0 40px;
        width: 100%;
    }
    .sit_admin {
        right: 40px;
    }
    .sct_admin {
        right: 40px;
    }

    /*게시판-----------------------------------------------------------------------------------------------------------------*/
    .gw-search-container {
        border-radius: 0;
    }
    .gw-bbs-con {
        width: 100%;
    }
    #gw-bo-list .bo_sch_wrap form {
        padding: 0;
    }
    #gw-bo-list .search-container {
        padding: 30px 20px !important;
        border-radius: 0;
    }
    #gw-bo-list form {
        padding: 0 40px;
    }
    #gw-bo-v {
        padding: 0 40px;
    }
    #gw-bo-w {
        padding: 0 40px;
        width: 100%;
    }

    /*검색결과-----------------------------------------------------------------------------------------------------------------*/
    #gw-ssch {
        position: relative;
    }
    .gw-ssch-close {
        display: block;
    }
    .gw-ssch-overlay {
        display: none;
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: -118px;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    .gw-ssch-overlay.on {
        display: block;
        z-index: 1;
    }
    #gw-ssch .gw-ssch-top {
        place-content: flex-start;
        justify-content: space-between;
    }
    #gw-ssch .gw-ssch-left {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 100;
    }
    #gw-ssch .gw-ssch-left.active {
        display: block;
        padding: 20px;
        border-radius: 20px 20px 0 0;
    }
    #gw-ssch .gw-ssch-right {
        margin-top: 0;
        padding-left: 0;
        padding: 40px;
        width: 100%;
        border-left: none;
    }
    #gw-ssch .gw-sct-total {
        padding: 30px 0;
    }
    #ssch-filter {
        display: block;
    }
    #gw-ssch .gw-ssch-title-container {
        align-items: flex-start;
    }
    #gw-ssch .gw-sub-title {
        margin-bottom: 25px !important;
    }
    #gw-ssch .ssch_option {
        display: flex;
        gap: 10px;
    }
    #gw-ssch .ssch_option > div {
        flex: 1;
    }
    #gw-ssch .ssch_option > div {
        padding: 20px;
        margin-bottom: 20px !important;
        border: 1px solid #eaeaea;
        border-radius: 20px;
    }
    #gw-ssch .gw-ssch-left .gw-ssch-price input[type='text'] {
        width: 100%;
    }
    #gw-ssch .gw-filter-container [class^='gw-shop-btn'][class*='submit'] {
        min-width: 100%;
    }

    /*헤더-----------------------------------------------------------------------------------------------------------------*/
    #hd_wrapper {
        padding: 20px;
    }
    #gw-gnb {
        display: none;
    }
    .gnb-container .gw-sub-con-1400 {
        padding: 0 20px;
    }

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*그누위즈 메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_li {
        width: calc(50% - 40px);
    }

    /*그누위즈 메인 상품 목록 스킨 40*/
    #gw-main-40-skin .gw-main-40-skin-prev {
        left: 30px;
    }
    #gw-main-40-skin .gw-main-40-skin-next {
        right: 30px;
    }

    /*그누위즈 메인 상품 목록 스킨 50*/
    #gw-main-50-skin .sct_li {
        padding: 20px;
    }
    #gw-main-50-skin .sct-dict-rate-circle {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    /*상품목록-----------------------------------------------------------------------------------------------------------------*/
    #sct {
        padding: 0 40px;
    }
    .sct_10.lists-row {
        padding: 0 40px;
    }
    .gw-sct-total {
        padding: 30px 40px;
    }
    #sct .sct_10.lists-row {
        padding: 0;
    }
    #sct .gw-sct-total {
        padding: 30px 0;
    }

    /*상품상세-----------------------------------------------------------------------------------------------------------------*/
    #gw-sct-location {
        padding: 40px 20px;
    }
    #sit_ov_wrap {
        width: 100%;
    }
    #sit {
        padding: 0 40px;
    }
    #gw-sit-pvi {
        margin-right: 20px;
    }
    #sit_ov {
        padding: 20px;
    }
    #sit_btn_opt {
        right: 20px;
        top: 20px;
    }
    #gw-fixed-option {
        width: 100%;
    }

    /*마이페이지-----------------------------------------------------------------------------------------------------------------*/
    .gw-mypagebanner {
        padding: 0 40px;
    }
    #gw-my .gw-my-sec01 {
        height: auto;
        flex-direction: column;
        gap: 20px;
    }
    #gw-my .gw-my-sec01 > div {
        width: 100% !important;
        place-content: center;
    }
    #gw-my .gw-my-info .gw-ico {
        display: none;
    }
    #gw-my .gw-my-info {
        border-right: none;
    }
    #gw-my .gw-my-info .gw-text {
        margin-bottom: 10px !important;
        text-align: center;
    }
    #gw-my .gw-my-info .gw-text > br {
        display: none;
    }
    #gw-my .gw-my-benefit {
        padding: 20px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 20px;
        text-align: center;
    }
    #gw-my .gw-my-benefit > div {
        padding-left: 0;
        gap: 5px;
    }
    #gw-my .gw-my-sec02 {
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
        padding: 0 20px;
        padding-top: 30px;
    }
    #gw-my .gw-my-sec03 {
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
        padding: 30px 20px;
    }
    #shop-content-left {
        display: block;
        width: 100%;
        margin-top: 0;
    }
    #shop-content-left .gw-sub-title {
        display: none;
    }
    #shop-content-left .gw-my-nav > li {
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
        padding: 30px 0;
    }
    #shop-content-left .gw-my-nav > li:not(:last-child) {
        margin-bottom: 0;
    }
    #shop-content-left .gw-my-nav .gw-my-nav-title {
        padding-left: 20px;
    }
    #shop-content-left .gw-my-nav .gw-my-dep02 > li > a {
        position: relative;
        display: block;
        padding: 15px 20px;
        border-bottom: 1px solid #eaeaea;
    }
    #shop-content-left .gw-my-nav .gw-my-dep02 > li > a:before {
        content: '\e93e';
        display: block;
        font-family: xeicon;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    #shop-content-right {
        margin-top: 0;
        padding-left: 0;
        width: 100%;
    }
    #shop-content-right #wrapper_title {
        padding-top: 40px;
        text-align: center;
    }

    /*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
    #sod_v .gw-search-container {
        border-radius: 0;
    }
    #sod_v .gw-orderquiry {
        margin: 0 auto;
        width: calc(100% - 80px);
    }

    /*주문상세내역-----------------------------------------------------------------------------------------------------------------*/
    #gw-sod-fin {
        padding: 0 40px;
    }

    /*자주하시는질문-----------------------------------------------------------------------------------------------------------------*/
    #faq_sch {
        padding: 0;
    }
    #faq_sch .faq-search-container {
        border-radius: 0;
    }

    /*개인결제-----------------------------------------------------------------------------------------------------------------*/
    #forderform {
        padding: 0 40px;
    }
    #m_sod_frm_orderer > h2 {
        display: none;
    }
    #m_sod_frm_orderer .odf_tbl {
        padding: 30px 40px;
    }
    #m_sod_frm_orderer #sod_frm_paysel {
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
    }
    #m_sod_frm_orderer tr {
        display: block;
    }
    #m_sod_frm_orderer tr:not(:last-child) {
        margin-bottom: 20px;
    }
    #m_sod_frm_orderer .odf_tbl tbody th {
        padding-bottom: 5px;
        border-bottom: none;
        width: 100%;
        background: #fff;
    }
    #m_sod_frm_orderer .odf_tbl tbody td {
        display: block;
        text-align: left;
        border-right: none;
        width: 100% !important;
        height: auto;
        border-radius: 10px;
    }
    #m_sod_frm_orderer .odf_tbl tbody tr:nth-child(1) td,
    #m_sod_frm_orderer .odf_tbl tbody tr:nth-child(2) td {
        background: #f7f7f7;
        padding: 10px 17px;
        border: 1px solid #eaeaea;
    }
    #m_sod_frm_orderer input[type='email'] {
        width: calc(100% - 34px);
    }
    #sod_frm_paysel ul.pay_way {
        padding: 30px 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    #sod_frm_paysel ul.pay_way > li {
        width: calc(50% - 10px);
        margin-bottom: 0;
    }
    #sod_frm_paysel ul.pay_way input[type='radio'] {
        opacity: 0;
        position: absolute;
    }
    #sod_frm_paysel ul.pay_way label {
        position: relative;
        display: inline-block;
        cursor: pointer;
        z-index: 1;
        display: flex;
        align-items: center; /* padding: 0.5em; */ /* margin-bottom: 0.5em; */
        background-color: #fff;
        border: 1px solid #eaeaea;
        border-radius: 4px;
        transition: background-color 0.2s, border-color 0.2s;
        color: #999;
        text-align: center;
        justify-content: center;
        border-radius: 10px;
        height: 40px;
        line-height: 40px;
        font-family: 'Pretendard_R', sans-serif;
    }
    #sod_frm_paysel ul.pay_way input[type='radio']:checked + label {
        background-color: #000;
        border-color: #000;
        color: #fff;
    }
    #display_pay_button {
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
    }
    #display_pay_button .btn_submit {
        font-size: var(--main-title04);
    }
    #display_pay_button .btn_cancel {
        padding: 0;
        width: 100%;
        cursor: pointer;
        border: 1px solid #eaeaea;
        margin: 0;
        height: 60px;
        line-height: 60px;
        font-size: var(--main-title04);
        border-radius: 10px;
        color: #111;
        background: #fff;
    }

    /*장바구니-----------------------------------------------------------------------------------------------------------------*/
    #sod_bsk .gw-step-wrap > li:first-child {
        border-radius: 0;
    }
    #sod_bsk .gw-step-wrap > li:last-child {
        border-radius: 0;
    }
    #gw_bsk_tot {
        border-radius: 0;
    }
    #gw-bsk-list .gw-bsklist {
        margin: 0 auto;
        width: calc(100% - 80px);
    }
    #gw-bsk-list .btn_cart_del {
        padding-left: 40px;
    }
    #sod_bsk #gw-recommend {
        padding: 0 40px;
    }

    /*주문서작성-----------------------------------------------------------------------------------------------------------------*/
    #sod_frm {
        padding: 0 40px;
    }
    #sod_frm.sod_frm_mobile {
        padding: 0;
    }
    .sod_left {
        width: calc(70% - 30px);
    }
    .sod_right {
        width: 30%;
    }
    #sod_frm .tbl_frm01 th {
        width: 15%;
    }
    #sod_frm_taker label {
        margin-right: 5px;
    }
    #od_pay_sl .lb_icon {
        font-size: 14px;
    }
    #sod_frm_pay #sc_coupon_frm,
    #sod_frm_pay #od_coupon_frm {
        position: fixed;
        top: 50%;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .sod_frm_mobile .od_coupon .btn_confirm .btn_close {
        width: 30px;
        height: 30px;
        top: 10px;
        right: 10px;
        border: 1px solid #ddd;
        border-radius: 100%;
    }

    /*위시리스트-----------------------------------------------------------------------------------------------------------------*/
    #sod_ws {
        margin: 0 auto;
        width: calc(100% - 80px);
        padding-top: 40px;
    }

    /*포인트내역-----------------------------------------------------------------------------------------------------------------*/
    #gw-point .point_all {
        border-radius: 0;
    }
    #gw-point .point_list {
        margin: 0 auto;
        width: calc(100% - 80px);
    }

    /*쿠폰내역-----------------------------------------------------------------------------------------------------------------*/
    #gw-coupon .point_all {
        border-radius: 0;
    }
    #gw-coupon .coupon_list {
        margin: 0 auto;
        width: calc(100% - 80px);
    }

    /*쿠폰존-----------------------------------------------------------------------------------------------------------------*/
    .couponzone_list {
        width: calc(100% - 80px);
        margin: 0 auto;
    }

    /*사용후기 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sps {
        padding: 0 40px;
    }

    /*사용후기 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-review-view .gw-review-container {
        padding: 0 40px;
    }
    #gw-review-view .gw-review-reply {
        width: calc(100% - 80px);
        margin: 0 auto;
    }

    /*상품문의 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sqa {
        padding: 0 40px;
    }

    /*배송지 목록-----------------------------------------------------------------------------------------------------------------*/
    #gw-sod-addr {
        padding: 0 40px;
        padding-top: 40px;
    }

    /*배송지 등록-----------------------------------------------------------------------------------------------------------------*/
    #gw-add-address {
        padding: 0 40px;
    }

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

@media screen and (max-width: 1280px) {
    /*공통-----------------------------------------------------------------------------------------------------------------*/
    #wrapper {
        padding-top: 0;
    }
    #container {
        padding-top: 117px;
        padding-bottom: 50px;
    }
    #container_main #container {
        padding-top: 0;
    }
    .gw-sec {
        padding: 60px 0;
    }
    .gw-sec + .gw-sec {
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
    }
    .gw-sec-container {
        padding: 0 20px;
    }
    .gw-skin-box {
        margin-top: 60px !important;
    }
    #wrapper_title {
        font-size: 0;
        display: none;
    }
    [class^='gw-status'] {
        min-width: auto;
    }
    .sct_admin {
        top: 15px;
        left: 40px;
        right: auto;
        position: relative;
        margin-bottom: 15px;
    }

    /*상품관련-----------------------------------------------------------------------------------------------------------------*/
    .sct_btn {
        display: none;
    }
    .sct_10 .sct_op_btn > button {
        width: 2rem;
        height: 2rem;
    }
    .sct_10.lists-row {
        padding: 0 20px;
    }
    .sct_10 .sct_img:hover {
        border: 2px solid #eaeaea;
    }
    .sct_cartop_wr {
        padding: 10px;
    }
    .sct_cartop_wr > form > label {
        display: none;
    }
    .sct_li select {
        height: 30px;
        line-height: 30px;
    }
    .sct-cartop-container .gw-btn01 {
        height: 30px;
        line-height: 30px;
    }
    .sct-cartop-container .gw-btn02 {
        height: 30px;
        line-height: 30px;
    }

    /*게시판-----------------------------------------------------------------------------------------------------------------*/
    .gw-bbs-con {
        padding: 0;
    }

    /*게시판 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-list {
        margin-top: 0;
    }
    #gw-bo-list > h2 {
        display: none;
    }

    /*게시판 write-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-w > h2 {
        display: none;
    }

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

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

    /*헤더메뉴*/
    #header .head_off {
        display: none;
    }
    #hd_wrapper {
        padding: 1rem 20px;
    }
    #logo {
        width: 160px;
    }
    #logo > a > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #hd-util > li > a:before {
        margin-bottom: 0;
    }

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

    /*카테고리-----------------------------------------------------------------------------------------------------------------*/
    #category {
        display: block !important;
        position: fixed;
        top: 0;
        left: -120vw;
        width: 100vw;
        height: 100vh;
        background: #fff;
        z-index: 1000;
        transition: left 0.7s cubic-bezier(0.64, 0, 0.36, 1);
    }
    #category.open {
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: none;
    }
    #category .cate {
        padding: 20px 0;
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
        background: #fff;
    }
    #category .cate-arrow {
        width: 30px;
        height: 30px;
        background: #fff;
        border: 1px solid #eaeaea;
        border-radius: 50%;
    }
    #category .cate-arrow > i {
        transform: rotate(0deg);
    }
    #category .nav-member {
        display: flex;
    }
    #category .nav-community-box {
        display: block;
    }
    #category .close_btn {
        display: block;
    }
    #category .cate_li_1 {
        margin: 0 15px 15px;
        border: 1px solid #eee;
        border-radius: 10px;
    }
    #category .cate_li_1:not(:first-child) {
        border-top: 1px solid #eee;
    }
    #category .cate_li_1_a {
        padding: 15px;
        width: 100%;
        height: auto;
        color: #222;
    }
    #category .cate_li_1_a > a {
        color: #222;
        width: 100%;
    }
    #category .cate_li_2_a {
        height: auto;
        line-height: initial;
    }
    #category .cate_li_2 {
        width: 100%;
        height: auto;
        background: #f8f8f8;
        color: #666;
    }
    #category .cate_li_2 a {
        padding: 10px 15px;
        display: block;
        font-size: 14px;
        color: #666;
        width: 100%;
        height: auto;
        line-height: initial;
    }
    #category .cate_li_2 .cate-li-2-arrow:before {
        content: '\e914';
        right: 15px;
    }
    #category .cate_li_2.active .cate_li_2_a > a {
        background: var(--main-color);
        color: #fff;
    }
    #category .cate_li_2.active .cate-li-2-arrow:before {
        content: '\e91b';
        color: #fff;
    }
    #category .cate-arrow {
        display: flex;
    }
    #category_all_bg.open {
        opacity: 1;
        visibility: visible;
    }
    #category .sub_cate {
        position: relative;
        top: 0;
        left: 0;
        min-width: 100%;
        background: #f8f8f8;
        box-shadow: none;
    }
    #category .cate_li_2:not(:last-child) {
        border-bottom: none;
    }
    #category .cate_li_3 {
        padding: 10px;
        position: relative;
        left: 0;
    }
    #category .cate_li_3 > li:not(:last-child) {
        border-bottom: none;
    }
    #category .cate_li_3 a {
        padding: 8px 0;
        color: #fff;
    }

    /*tnb*/
    #category .tnb-mobile-box {
        display: block;
        padding: 30px 0;
        border-top: 9px solid #f5f5f5;
    }
    #category .tnb-mobile-box > ul {
        padding: 0 15px;
        flex-wrap: wrap;
        gap: 10px;
    }
    #category .tnb-mobile-box > ul > li {
        width: calc((100% - 10px) / 2);
        text-align: center;
        box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
        border-radius: 7px;
    }
    #category .tnb-mobile-box > ul > li > a {
        display: block;
        padding: 14px 0;
        font-size: 15px;
        font-weight: 500;
    }

    /* 모바일 앱 헤더 */
    #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: 50%;
        margin-left: 4.5rem;
        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_sch {
        display: none;
    }

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

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

    /*메인-----------------------------------------------------------------------------------------------------------------*/

    /*그누위즈 메인 퀵메뉴*/
    #gw-shop-main-quick .gw-main-quick-list {
        flex-wrap: wrap;
        gap: 20px;
    }
    #gw-shop-main-quick .gw-main-quick-list > li {
        flex: auto;
        width: calc(16% - 20px);
    }
    #gw-shop-main-quick .gw-main-quick-list > li > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    #gw-shop-main-quick .gw-img {
        width: 65px;
        height: 65px;
    }

    /*그누위즈 메인 상품 목록 스킨 30*/
    #gw-main-30-skin .sct_li {
        width: calc(50% - 20px);
    }

    /*그누위즈 메인 상품 목록 스킨 40*/
    #gw-main-40-skin .gw-sct-main-40-skin-slider {
        width: 100%;
    }
    #gw-main-40-skin .slick-slide {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #gw-main-40-skin .sct_10 .sct_li {
        padding-bottom: 2rem;
        margin: 0;
        width: calc(50% - 0.5rem);
    }
    #gw-main-40-skin .sct_10 .sct_img {
        max-width: 100%;
        max-height: 100%;
    }
    #gw-main-40-skin .gw-main-40-skin-prev,
    #gw-main-40-skin .gw-main-40-skin-next {
        display: none;
    }
    #gw-main-40-skin .gw-main-40-skin-dots-container {
        padding: 2rem 0;
        display: flex;
        justify-content: center;
        font-size: 0;
    }
    #gw-main-40-skin .gw-main-40-skin-dots-container .gw-main-40-skin-dot {
        background: #ddd;
        border: none;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 0.3rem;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    #gw-main-40-skin
        .gw-main-40-skin-dots-container
        .slick-active
        .gw-main-40-skin-dot {
        background: var(--main-color);
        transform: rotate(-45deg);
    }
    #gw-main-40-skin .gw-btn-container {
        padding: 0 20px;
    }

    /*그누위즈 메인 배너*/
    #gw-theme-main-visual {
        padding-top: 65px;
    }

    /*그누위즈 메인 브랜드관*/
    #gw-shop04-main-brand {
        margin-top: 0;
        padding: 60px 20px;
    }
    #gw-shop04-main-brand .gw-tab-menu {
        flex-wrap: wrap;
    }
    #gw-shop04-main-brand .gw-brand-tab-content {
        min-height: auto;
    }
    #gw-shop04-main-brand .gw-tab-li {
        padding: 0.5rem;
        width: calc(50% - 10px);
        text-align: center;
        border-radius: 10px;
    }
    #gw-shop04-main-brand .gw-brand-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    #gw-shop04-main-brand .gw-main-brand-left {
        position: relative;
        width: 100%;
        height: 40vw;
    }
    #gw-shop04-main-brand .video {
        height: 40vw;
    }
    #gw-shop04-main-brand .gw-img-box {
        height: 40vw;
    }
    #gw-shop04-main-brand .gw-main-brand-right {
        padding-left: 0;
        padding-top: 0;
    }
    #gw-shop04-main-brand .sct_noitem {
        padding: 40px 0;
        width: 100%;
        min-height: auto;
    }

    /*그누위즈 메인 급상승키워드*/
    #gw-shop04-main-keyword {
        margin-top: 0;
        padding: 60px 20px;
    }
    #gw-shop04-main-keyword .gw-keyword-container {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    #gw-shop04-main-keyword .gw-keyword-left {
        position: relative;
        width: 100%;
        height: auto;
        gap: 20px;
    }
    #gw-shop04-main-keyword .gw-keyword-right {
        width: 100%;
    }
    #gw-shop04-main-keyword .gw-keyword-tab-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    #gw-shop04-main-keyword .gw-keyword-tab-menu > li {
        padding: 0.5rem;
        border: 1px solid #eaeaea;
        width: auto;
        border-radius: 10px;
    }
    #gw-shop04-main-keyword .sct_noitem {
        width: 100%;
    }

    /*그누위즈 메인 사용후기*/
    #gw-main-review .gw-review-slider {
        display: block;
    }
    #gw-main-review .slick-slide {
        margin: 0 0.5rem;
    }
    #gw-main-review .sct_10 .sct_img {
        margin: 0;
        max-width: 100%;
        max-height: 100%;
    }
    #gw-main-review .gw-main-review-text-container {
        padding: 40px 15px 15px;
        margin: 0;
        margin-top: -20px;
    }
    #gw-main-review .gw-main-review-prev,
    #gw-main-review .gw-main-review-next {
        display: none;
    }
    #gw-main-review .review-dots-container {
        padding: 2rem 0;
        display: flex;
        justify-content: center;
        font-size: 0;
    }
    #gw-main-review .review-dots-container .review-dot {
        background: #ddd;
        border: none;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 0.3rem;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    #gw-main-review .review-dots-container .slick-active .review-dot {
        background: var(--main-color);
        transform: rotate(-45deg);
    }

    /*그누위즈 메인 영상*/
    #gw-main-video .video-container {
        width: 100%;
    }

    /*그누위즈 메인 인스타그램*/
    #gw-instagram-feed .gw-instagram-container > ul > li {
        max-width: 265px;
        height: 265px;
    }

    /*이벤트-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-list .gw-banner-container {
        padding-top: 30px !important;
    }

    /*상품목록-----------------------------------------------------------------------------------------------------------------*/
    #sct {
        padding: 0;
    }
    #gw-sct-location {
        display: none;
    }
    #gw-sct-type01 {
        padding: 1rem;
        margin-bottom: 0 !important;
    }
    #gw-sct-type01 > ul > li {
        margin-left: 10px;
        white-space: nowrap;
        width: auto;
        display: inline-block;
    }
    #gw-sct-type01 > ul > li > a {
        padding: 0 20px;
        height: 30px;
        line-height: 30px;
    }
    #gw-ssch-sort.sel-wrap > select {
        padding: 5px 18px 5px 10px;
        min-width: 100px;
        height: 30px;
        line-height: 1.4;
        font-size: 13px;
    }
    #sct_sortlst {
        padding: 1rem 20px;
        border-bottom: 1px solid #eaeaea;
    }
    .gw-sct-total {
        padding: 1rem 20px;
    }
    #sct .gw-sct-total {
        padding: 1rem 20px;
    }
    #sct .sct_10.lists-row {
        padding: 0 20px;
    }
    .sct_10 {
        padding: 0;
    }
    .sct_10 .sct_li {
        width: 50%;
        margin-bottom: 40px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .sct_10 .sct_img {
        max-width: 100%;
        max-height: 100%;
    }
    .sct_10 .sct_op_btn .btn_wish:hover {
        transform: scale(1);
        background: #fff;
        border-color: #eaeaea;
        color: #111 !important;
    }
    .sct_10 .sct_op_btn .btn_wish:hover i {
        animation: none;
    }
    .sct_10 .sct_op_btn .btn_wish:active {
        transform: scale(1);
    }
    .sct_10 .sct_op_btn .btn_share:hover {
        transform: scale(1);
        background: #fff;
        border-color: #eaeaea;
        color: #111 !important;
    }
    .sct_10 .sct_op_btn .btn_share:hover i {
        animation: none;
    }
    .sct_10 .sct_op_btn .btn_share:active {
        transform: scale(1);
    }
    .sct_40 {
        padding: 0;
        gap: 0;
    }
    .sct_40 .sct_li {
        padding: 20px;
        width: 100%;
        background: #fff;
        border: none;
        border-bottom: 1px solid #eee;
        border-radius: 0;
    }
    .sct_40 .sct_li > div {
        flex: auto;
    }
    .sct_40 .sct_img {
        width: 200px;
    }
    .sct_40 .sct_op_btn {
        position: relative;
        right: 0;
        bottom: 0;
    }
    .sct_40 .sct_ct_wrap {
        padding-right: 0;
        width: calc(100% - 120px);
    }
    .sct_40 .sct_op_btn > button {
        color: #000;
        font-size: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        place-content: center;
        width: 2rem;
        height: 2rem;
        border: 1px solid #eaeaea;
        border-radius: 50%;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }
    .sct_40 .shop_icon {
        width: 40px;
        font-size: 12px;
        padding: 2px;
        margin-left: 0;
    }
    .gw-mob-sct-btn {
        margin-right: 0.5rem;
        display: flex;
        gap: 0.5rem;
    }
    .gw-mob-sct-btn > button {
        display: flex;
        flex-direction: column;
        align-items: center;
        place-content: center;
        width: 2rem;
        height: 2rem;
        border: 1px solid #eaeaea;
        color: #111;
        border-radius: 50%;
    }
    .sct_wish:after {
        display: none;
    }

    /*상품상세-----------------------------------------------------------------------------------------------------------------*/
    #sit {
        padding: 0;
    }
    #sit_ov_wrap {
        flex-direction: column;
    }
    #gw-sit-pvi {
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    #gw-sit-pvi .slider-nav .slick-track {
        display: flex;
        align-items: center;
        place-content: center;
    }
    #gw-sit-pvi .slider-for .slide {
        border: none;
        border-radius: 0;
    }
    #gw-sit-pvi .slider-nav {
        padding: 0;
    }
    #gw-sit-pvi .slider-nav .slide {
        min-width: 40px;
        min-height: 40px;
        max-width: 60px !important;
        border-radius: 10px;
    }
    #sit_siblings {
        margin-top: 40px;
    }
    #sit_ov {
        padding: 0 20px;
        width: 100%;
        border: none;
        border-radius: 0;
    }
    #sit_info {
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
    }
    #sit_tab {
        padding-top: 0;
    }
    #sit_tab .tab_tit {
        top: 0;
    }
    #sit_tab .tab_tit.fixed {
        top: 0;
    }
    #sit_tab .tab_con > li {
        padding-top: 0;
        padding: 0 20px;
        padding-bottom: 30px;
        margin-top: 0;
    }
    #sit_tab .tab_con > li:not(:first-child) {
        padding-top: 30px;
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
    }
    #sit_inf_open {
        border: 0;
    }
    #sit_inf_open thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    #sit_inf_open tr {
        display: block;
    }
    #sit_inf_open tr:not(:last-child) {
        margin-bottom: 20px;
    }
    #sit_inf_open tbody th {
        padding: 15px 0;
        border-bottom: none;
        width: 100%;
        background: #fff;
    }
    #sit_inf_open tbody td {
        padding: 19px 20px;
        display: block;
        text-align: left;
        border-right: none;
        width: 100% !important;
        height: auto;
        border-radius: 8px;
    }
    #sit_inf_open tbody td:before {
        content: attr(data-label);
        float: left;
        font-family: 'Pretendard_B' !important;
        color: #222;
        font-size: 14px;
    }
    #sit_inf_open tbody td:nth-child(2n) {
        background: rgba(0, 0, 0, 0.02);
    }
    #sit_inf_open tbody td:last-child {
        border-bottom: 0;
    }
    #gw-recommend {
        padding: 0 20px;
    }
    #gw-recommend .gw-recommend-list {
        margin-bottom: 50px;
    }
    #gw-recommend .gw-title {
        padding: 30px 0 20px;
    }
    #gw-recommend .gw-recommend-list .slick-prev,
    #gw-recommend .gw-recommend-list .slick-next {
        display: none;
    }
    #gw-recommend .recommend-dots-container {
        padding: 2rem 0;
        display: flex;
        justify-content: center;
        font-size: 0;
    }
    #gw-recommend .recommend-dots-container .recommend-dot {
        background: #ddd;
        border: none;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 0.3rem;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    #gw-recommend .recommend-dots-container .slick-active .recommend-dot {
        background: var(--main-color);
        transform: rotate(-45deg);
    }
    #gw-sit-use-list .gw-sit-use-top {
        background: #fafafa;
        border-radius: 20px;
    }
    #gw-sit-use-list .gw-sit-use-top .gw-sit-review {
        display: none;
    }
    #gw-sit-use-list .gw-sit-use-top > div {
        background: transparent;
        flex: 0 0 50%;
    }
    #gw-sit-use-list .gw-sit-use-top > div:first-child:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        width: 1px;
        height: calc(100% - 40px);
        background: #eaeaea;
    }
    #gw-fixed-option {
        z-index: 100;
    }
    #gw-fixed-option .gw-fixed-option-box {
        padding: 10px 0;
        height: auto;
    }
    #gw-fixed-option .gw-fixed-option-toggle {
        height: 20px;
        top: -20px;
    }
    #gw-fixed-option .gw-fixed-option-container {
        padding: 0 10px;
    }
    #gw-fixed-option .gw-fixed-option-left {
        display: none;
    }
    #gw-fixed-option .gw-fixed-option-item {
        flex-direction: column;
        gap: 0;
    }
    #gw-fixed-option .gw-fixed-option-item > div {
        flex: auto;
        width: 100%;
    }
    #gw-fixed-option .sit_btn_wish > span {
        display: none;
    }
    #gw-fixed-option .gw-fixed-option-right > * {
        flex: auto;
    }
    #gw-fixed-option .sit_btn_wish {
        height: 50px;
        line-height: 50px;
        padding: 0;
    }
    .sit_sel_option {
        padding: 10px 0;
    }
    .sit_side_option {
        padding: 10px;
    }
    .sit_side_option select {
        height: 45px;
        line-height: 20px;
    }
    #sit_ov_btn > a {
        font-size: var(--main-text02);
        height: 50px;
        line-height: 50px;
    }
    .sit_btn_cart {
        font-size: var(--main-text02);
        height: 50px;
        line-height: 50px;
    }
    .sit_btn_buy {
        font-size: var(--main-text02);
        height: 50px;
        line-height: 50px;
    }
    .sit_side_option {
        margin-bottom: 0;
        border-radius: 20px;
        overflow: hidden;
    }
    .sit_opt_added {
        border-radius: 20px;
        overflow: hidden;
    }
    .sit_sel_option li {
        padding: 10px 15px;
        border-radius: 0;
    }

    /*개인결제 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sct-pv {
        padding: 20px 20px 0;
    }
    #gw-sct-pv .sct_li {
        flex: 0 0 calc(50% - 10px);
    }
    #m_sod_frm_orderer .odf_tbl {
        padding: 30px 20px;
    }

    /*주문상세내역-----------------------------------------------------------------------------------------------------------------*/
    #gw-sod-fin {
        padding: 0;
    }
    #gw-fin-list {
        padding: 0 40px;
    }
    #gw-sod-fin-orderer {
        padding: 0 40px;
    }
    #gw-sod-fin-receiver {
        padding: 0 40px;
    }
    #gw-sod-fin-dvr {
        padding: 0 40px;
    }
    #gw-sod-bsk-tot2 {
        padding: 0 40px;
    }
    #gw-sod-fin-pay {
        padding: 0 40px;
    }
    #gw-sod-bsk-tot2 {
        padding: 0 40px;
    }

    #sod_bsk #gw-recommend {
        padding: 0 20px;
    }

    /*매장찾기-----------------------------------------------------------------------------------------------------------------*/
    #gw-map {
        margin-top: 0;
    }
    #gw-map > h2 {
        display: none;
    }
    #gw-map .map-header {
        padding-top: 30px;
    }

    /*푸터-----------------------------------------------------------------------------------------------------------------*/
    #ft {
        display: flex;
        flex-direction: column;
    }
    #ft .ft-bottom-container {
        flex-direction: column;
    }
    #ft-top .gw-sub-con-1400 {
        flex-direction: column;
        padding: 0;
    }
    #ft-top .gw-sub-con-1400 > div {
        padding: 20px;
        flex: auto;
        width: 100%;
        border-right: none;
        min-height: auto;
        cursor: pointer;
    }
    #ft-top .gw-sub-con-1400 > div:not(:last-child) {
        border-bottom: 1px solid #eee;
    }
    #ft-top .ft-top-item:first-child:before {
        display: none;
    }
    #ft-top .ft-top-info {
        gap: 0 !important;
        width: 90%;
    }
    #ft-top .ft-top-info .gw-title {
        width: 15%;
    }
    #ft-top .gw-num {
        margin-bottom: 0.5rem !important;
    }
    #ft-bottom .gw-left {
        width: 100%;
    }
    #ft-bottom .gw-call-info {
        margin-bottom: 30px !important;
        text-align: left;
    }
    #ft_company .ft_info {
        line-height: 1.5;
    }
    #ft_company .ft_info > span + span {
        margin-left: 0.5rem;
    }
    #ft_company .ft_info > span:not(:last-child):before {
        display: none;
    }
    #ft_company .ft_info .gw-btn03 {
        padding: 0.1rem 0.2rem;
    }
    #ft_copy {
        font-size: 12px;
    }
    #ft-bottom .gw-right {
        width: 100%;
    }
    #ft-bottom .gw-num {
        padding: 0;
    }
    #ft_link {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1024px) {
    /*버튼*/
    .sit_admin {
        right: 20px;
        top: 20px;
    }
    .sct_admin a.btn {
        height: 25px;
        line-height: 25px;
    }
    .new_win .win_btn {
        padding: 0 !important;
    }
    .gw-main-btn02 {
        max-width: 100%;
    }
    .gw-main-btn02.gw-w-15 {
        margin: 0 auto;
        width: calc(100% - 40px) !important;
    }
    .gw-main-btn02:before,
    .gw-main-btn02:after {
        display: none;
    }
    .gw-main-btn02:hover {
        color: #111 !important;
        border: 1px solid #eaeaea;
    }
    .li_more_btn {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .small-btn {
        width: 40px;
        height: 40px;
    }

    /*input*/
    input[type='text'] {
        height: 40px;
    }
    .sel-wrap > select {
        height: 40px;
        line-height: 15px;
    }
    .frm_input {
        height: 40px !important;
        padding: 0 17px;
    }
    .file-name {
        height: 40px;
    }
    .gw-file-input-button {
        height: 40px;
        line-height: 40px;
    }
    input[type='checkbox'] + .check-label:before {
        width: 20px;
        height: 20px;
    }
    input[type='checkbox']:checked + .check-label:before {
        line-height: 19.5px;
        font-size: 12px;
    }

    /*table*/
    .gw-table01 tbody .empty_table {
        text-align: center;
    }
    .gw-table01 tr {
        overflow: hidden;
        border-top: none;
        border-bottom: none;
        border: 1px solid #eaeaea;
        border-radius: 20px;
        box-shadow: none;
    }

    /*회원가입-----------------------------------------------------------------------------------------------------------------*/
    #register_form .gw-register-form-inner .gw-btn02 {
        height: 40px;
        line-height: 40px;
    }

    /*자주하시는질문-----------------------------------------------------------------------------------------------------------------*/
    #faq_sch .faq-search-container {
        padding: 20px !important;
    }

    /*검색결과-----------------------------------------------------------------------------------------------------------------*/
    #gw-ssch .gw-ssch-right {
        padding: 20px;
    }
    #gw-ssch-frm {
        padding: 20px 40px;
    }
    #ssch_sort_all.sel-wrap > select {
        min-width: 140px;
    }
    #gw-ssch .gw-ssch-cate {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 300px;
        padding: 20px;
        border: 1px solid #eaeaea;
        border-radius: 20px;
    }
    #gw-ssch .gw-ssch-cate::-webkit-scrollbar {
        width: 0.5rem;
    }
    #gw-ssch .gw-ssch-cate::-webkit-scrollbar-thumb {
        height: 10%;
        background: rgba(0, 0, 0, 0.4);
        border-radius: 3rem;
    }
    #gw-ssch .gw-ssch-cate::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.15);
        border-radius: 3rem;
    }
    #gw-ssch .gw-ssch-cate > li {
        width: calc(50% - 10px);
    }
    #gw-ssch .gw-ssch-left .gw-ssch-cate > li:not(:first-child) {
        margin-top: 0;
    }
    #gw-ssch .gw-ssch-cate > li > a {
        display: flex;
        align-items: center;
        place-content: center;
        height: 44px;
        text-align: center;
        border: 1px solid #eaeaea;
        border-radius: 10px;
        background: #f7f7f7;
    }

    /*게시판 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-list form {
        padding: 0 20px;
    }
    .gw-bbs-con {
        padding: 0;
    }
    #gw-bo-list .sch_input {
        height: 40px;
    }
    #gw-bo-list .sch_input > i {
        font-size: 1.5em;
    }
    #gw-bo-list .search-container button > i {
        font-size: 1.5em;
    }
    .gw-search-container {
        padding: 30px 20px;
        margin-bottom: 30px !important;
    }
    .gw-search-container [class^='gw-shop-btn'][class*='submit'] {
        height: 40px;
        line-height: 40px;
    }
    .gw-search-container .gw-sch-wr button > i {
        font-size: 1.5em;
    }
    #gw-bo-list .gw-table01 tbody tr.on {
        border-bottom-color: #eaeaea;
        background: transparent;
    }

    /*게시판 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-v {
        padding-top: 40px !important;
        padding: 0 20px;
    }
    #gw-view-nb {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    /*게시판 write-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-w {
        padding: 20px;
    }

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    #container_main .gw-btn-container {
        padding: 0;
    }

    /*top-banner*/
    .top-banner-btn-container .top-close-today {
        display: none;
    }

    /*모달 검색창*/
    #gw-search-modal .gw-search-modal {
        padding: 70px 0;
        align-items: flex-start;
        place-content: flex-start;
        width: 100%;
    }
    #gw-search-modal .gw-search-modal > div {
        padding: 0 20px;
        flex-direction: column;
    }
    #gw-search-modal .gw-search-input-box > form {
        width: 100%;
    }
    #gw-search-modal #gw-sch-input {
        height: 45px;
    }
    #gw-search-modal #gw-sch-submit {
        margin: 0;
        right: 20px;
        height: 45px;
    }
    #gw-search-modal .closeBtn {
        top: -3rem;
        right: 10px;
        background: transparent;
        color: #111;
    }
    #gw-search-modal .gw-search-ranking-box > div {
        padding: 0;
        flex: auto;
        width: 100%;
    }
    #gw-search-modal .gw-search-ranking-box > div + div {
        border-left: none;
        border-top: 10px solid #fafafa;
    }
    #gw-search-modal .gw-search-recent {
        margin-bottom: 2rem;
    }
    #gw-search-modal .gw-search-lately {
        padding-top: 2rem !important;
    }
    #gw-autocomplete-results {
        padding: 15px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 40px);
        height: 60vw;
    }

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*그누위즈 메인 상품 목록 스킨 10*/
    .gw-sec-container-one .sct_li,
    #gw-main-10-skin .sct_li {
        margin: 0;
        margin-bottom: 1rem;
    }
    .gw-sec-container-one .sct_10 .sct_img,
    #gw-main-10-skin .sct_10 .sct_img {
        max-width: 100%;
        max-height: fit-content;
    }
    #gw-main-10-skin .gw-main-10-skin-dots-container {
        padding: 2rem 0;
        display: flex;
        justify-content: center;
        font-size: 0;
    }
    #gw-main-10-skin .gw-main-10-skin-dots-container .gw-main-10-skin-dot {
        background: #ddd;
        border: none;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 0.3rem;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    #gw-main-10-skin
        .gw-main-10-skin-dots-container
        .slick-active
        .gw-main-10-skin-dot {
        background: var(--main-color);
        transform: rotate(-45deg);
    }

    /*그누위즈 메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_10 {
        margin-bottom: 2rem;
        gap: 2rem;
    }
    #gw-main-20-skin .sct_li {
        padding: 1rem;
        padding-bottom: 1.5rem;
        width: calc(50% - 30px);
    }

    /*그누위즈 메인 상품 목록 스킨 30*/
    #gw-main-30-skin .sct_10 {
        margin-bottom: 0;
    }
    #gw-main-30-skin .gw-main-30-skin-banner {
        margin: 0;
        margin-bottom: 1rem;
        height: 7rem;
    }
    #gw-main-30-skin .gw-main-30-skin-slider {
        width: 100%;
    }
    #gw-main-30-skin .slick-slide {
        width: 100%;
    }
    #gw-main-30-skin .sct_li {
        padding: 1rem;
        padding-bottom: 1.5rem;
        margin: 0;
        width: 100%;
    }
    #gw-main-30-skin .sct_li:not(:last-child) {
        margin-bottom: 1rem;
    }
    #gw-main-30-skin .gw-main-30-skin-dots-container {
        padding: 2rem 0;
        display: flex;
        justify-content: center;
        font-size: 0;
    }
    #gw-main-30-skin .gw-main-30-skin-dots-container .gw-main-30-skin-dot {
        background: #ddd;
        border: none;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 0.3rem;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    #gw-main-30-skin
        .gw-main-30-skin-dots-container
        .slick-active
        .gw-main-30-skin-dot {
        background: var(--main-color);
        transform: rotate(-45deg);
    }

    /*그누위즈 메인 상품 목록 스킨 50*/
    #gw-main-50-skin .sct_10 {
        margin-bottom: 2rem;
    }
    #gw-main-50-skin .sct_li {
        padding: 1rem;
        margin: 0;
        width: 100%;
    }
    #gw-main-50-skin .sct_li:not(:last-child) {
        margin-bottom: 1rem;
    }

    /*그누위즈 메인 상품 목록 스킨 60*/
    #gw-main-60-skin .sct_li {
        margin: 0;
        margin-bottom: 1rem;
    }
    #gw-main-60-skin .sct_10 .sct_img {
        max-width: 100%;
        max-height: fit-content;
    }
    #gw-main-60-skin .gw-main-60-skin-dots-container {
        padding: 2rem 0;
        display: flex;
        justify-content: center;
        font-size: 0;
    }
    #gw-main-60-skin .gw-main-60-skin-dots-container .gw-main-60-skin-dot {
        background: #ddd;
        border: none;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 0.3rem;
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
    }
    #gw-main-60-skin
        .gw-main-60-skin-dots-container
        .slick-active
        .gw-main-60-skin-dot {
        background: var(--main-color);
        transform: rotate(-45deg);
    }

    /*그누위즈 메인 카테고리*/
    #gw-shop01-main-category .gw-category-tabs {
        flex-wrap: wrap;
    }
    #gw-shop01-main-category .gw-category-tabs > li > a {
        padding: 0 10px;
        width: auto;
        text-indent: 0;
        line-height: 30px;
        border-radius: 30px;
        font-size: 15px;
    }
    #gw-shop01-main-category .sct_10 {
        flex-wrap: wrap;
    }
    #gw-shop01-main-category .sct_li {
        margin: 0;
        margin-bottom: 1rem;
        width: 50%;
    }

    /*그누위즈 브랜드관*/
    #gw-shop04-main-brand .gw-tab-menu {
        flex-wrap: wrap;
    }

    /*그누위즈 메인 영상*/
    #gw-main-video .gw-bg-text {
        display: none;
    }
    #gw-main-video .gw-sec-con-1440 {
        padding-top: 5rem;
        padding-bottom: 7rem;
    }
    #gw-main-video .video-container {
        width: 100%;
        height: 40vh;
    }

    /*그누위즈 메인 인스타그램*/
    #gw-instagram-feed .slick-slide {
        margin-right: 1rem;
        overflow: hidden;
        width: 65vw;
        height: 65vw;
        border-radius: 20px;
    }
    #gw-instagram-feed .gw-text {
        display: none;
    }

    /*그누위즈 메인 그리드 메뉴*/
    #gw-shop-main-grid-menu .gw-main-grid-menu-list {
        flex-wrap: wrap;
    }
    #gw-shop-main-grid-menu .gw-main-grid-menu-list > li {
        flex: auto;
        width: 100%;
    }

    /*퀵메뉴-----------------------------------------------------------------------------------------------------------------*/
    .gw-quick-list .gw-more {
        right: 20px;
    }

    /*푸터-----------------------------------------------------------------------------------------------------------------*/
    #ft > .gw-w-50 {
        width: 100% !important;
    }
    #ft-left > div {
        width: 100%;
        font-size: 12px;
    }
    #ft-logo {
        margin-bottom: 1rem !important;
    }
    #ft-left > div:not(:first-child) {
        border: 1px solid #eee;
    }
    #ft-left .gw-title {
        position: relative;
        padding: 1rem;
        margin-bottom: 0 !important;
    }
    #ft-left .gw-text {
        display: block;
        padding: 1rem;
        background: #f8f8f8;
    }
    #ft-left .gw-num {
        margin-bottom: 0.5rem !important;
    }
    #ft_link {
        margin-bottom: 30px;
    }
    #ft_company {
        margin-bottom: 0.5rem !important;
        font-size: 12px;
    }
    #ft-right .ft_info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
    }
    #ft-right .ft_info .gw-btn03 {
        padding: 0.1rem 0.2rem;
    }
    #ft-right .family-site-container {
        width: 100%;
    }

    /*하단 고정 메뉴*/
    #gw-fixed-menu {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 10;
        background: #fff;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        height: 60px;
        box-sizing: content-box;
    }
    #gw-fixed-menu.none {
        display: none;
    }
    #gw-fixed-menu > ul > li > a {
        display: block;
        width: 100%;
        height: 100%;
    }
    #gw-fixed-menu img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /*gw-quick*/
    #gw-quick {
        right: 20px;
        bottom: 90px;
    }
    #gw-quick .gw-quick-list01 {
        gap: 0.5rem;
    }
    #gw-quick .gw-quick-item {
        width: 2.5rem;
        height: 2.5rem;
    }
    #gw-quick .gw-quick-item .gw-text01 {
        font-size: 12px;
    }
    #gw-quick .gw-quick-btn {
        width: 2.5rem;
        height: 2.5rem;
    }
    #gw-quick .gw-quick-btn .gw-text01 {
        font-size: 10px;
    }
    #gw-quick .gw-quick-list02 {
        gap: 0.5rem;
    }
    #gw-quick .gw-quick-list02 > li {
        width: 2.5rem;
        height: 2.5rem;
    }

    /*상품상세----------------------------------------------------------------------------------------------------------------*/
    #gw-sit-use-ol .gw-sit-use-container button {
        color: #111;
    }
    .sit_use_li_title {
        padding: 0 10px;
        font-size: 12px;
        min-width: min-content;
        height: 30px;
        line-height: 30px;
    }
    .sct_10 .sct_cost {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
        font-size: var(--main-title04);
    }

    /*마이페이지----------------------------------------------------------------------------------------------------------------*/
    #gw-my .gw-my-order-container {
        padding: 20px;
    }
    #gw-my .gw-my-order-container > .gw-flex-btw {
        justify-content: space-around;
    }
    #gw-my .gw-order-state > li > a {
        width: auto;
        height: auto;
        border: none;
    }
    #gw-my .gw-order-state > li:not(:last-child) > a:after {
        right: -36px;
        transform: translate(0, -50%);
    }
    #gw-my .gw-board-item {
        padding: 30px 20px;
        width: 100%;
    }
    #gw-my .gw-my-sec01 {
        padding: 30px 20px;
        border-radius: 0;
    }
    #gw-my .gw-my-sec03 > .gw-flex-btw {
        flex-direction: column;
        align-items: flex-start;
    }
    #gw-my .gw-my-sec03 .gw-board-container > li > a {
        padding: 20px 0;
    }

    /*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
    #sod_v .gw-search-container {
        padding: 20px;
    }
    #sod_v .gw-search-container .gw-top {
        flex-direction: column;
        gap: 10px;
    }
    #sod_v .gw-search-container .sel-wrap {
        width: 100% !important;
    }
    #sod_v .gw-datepicker {
        width: 100% !important;
        gap: 10px;
    }
    #sod_v .gw-search-container .gw-date {
        margin-top: 10px !important;
    }
    #sod_v .gw-orderquiry {
        width: calc(100% - 40px);
        border-top: none;
    }
    #sod_v .gw-orderquiry td {
        padding: 10px 20px;
        text-align: right;
        border-bottom: none;
    }
    #sod_v .gw-orderquiry .gw-od-date-container {
        text-align: center;
    }
    #sod_v .gw-od-date {
        display: inline-block;
    }
    #sod_v .gw-orderquiry .gw-od-info {
        display: flex;
    }
    #sod_v .gw-od-info .gw-od-text {
        width: calc(100% - 90px);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        max-width: unset;
    }
    #sod_fin_cancelfrm {
        padding: 20px;
        width: calc(100% - 40px);
    }
    #sod_fin_cancelfrm > .sod_cls_btn {
        top: 10px;
        right: 10px;
    }
    #sod_v .gw-orderquiry .empty_table {
        text-align: center;
    }

    /*주문상세내역-----------------------------------------------------------------------------------------------------------------*/
    #gw-fin-list {
        padding: 0 20px;
        margin-bottom: 20px !important;
    }
    #gw-sod-fin .gw-fin-table01 {
        margin-bottom: 15px !important;
        border-top: none;
    }
    #gw-sod-fin .gw-fin-table01 td {
        padding: 10px 20px;
        border-bottom: none;
    }
    #gw-sod-fin .sod_name {
        width: calc(100% - 90px);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        max-width: unset;
    }
    #gw-sod-fin > div > section {
        padding: 30px 20px;
        margin-bottom: 0 !important;
        border-top: 9px solid #f5f5f5;
        border-bottom: 1px solid #eee;
    }
    #gw-sod-fin .gw-point .title {
        padding: 10px 0 10px 20px;
        border-bottom: none;
        width: 30%;
    }
    #gw-sod-fin .gw-point .text {
        padding: 10px 20px 10px;
        border-bottom: none;
        width: auto;
    }
    #gw-sod-fin .gw-fin-table02 {
        border: 1px solid #eaeaea;
        border-radius: 20px;
        overflow: hidden;
    }
    #gw-sod-fin .gw-fin-table02 tr:nth-child(2n) {
        background: rgba(0, 0, 0, 0.02);
    }
    #gw-sod-fin .gw-fin-table02 th {
        padding: 10px 0 10px 20px;
        border-bottom: none;
        width: 25%;
    }
    #gw-sod-fin .gw-fin-table02 td {
        padding: 10px 20px 10px;
        border-bottom: none;
    }
    #gw-sod-fin .gw-fin-table02 .sod-fin-stress th {
        font-size: var(--main-text02);
    }
    #gw-sod-fin .gw-fin-table02 .sod-fin-stress td {
        font-size: var(--main-text02);
    }

    /*장바구니-----------------------------------------------------------------------------------------------------------------*/
    #gw-bsk-list .gw-bsklist {
        width: calc(100% - 40px);
    }
    #gw-bsk-list .btn_cart_del {
        padding-left: 0;
        place-content: center;
    }
    #gw-bsk-list .gw-bsklist td {
        padding: 10px 20px;
        border-bottom: 0;
    }
    #gw-bsk-list .gw-bsklist .td_prd {
        gap: 0;
        justify-content: space-between;
    }
    #gw-bsk-list .gw-bsklist .td_prd .sod_name {
        text-align: right;
        width: calc(100% - 100px);
    }
    #gw_bsk_tot {
        padding: 30px 20px;
    }
    #gw_bsk_tot > ul {
        width: 100%;
    }
    #gw_bsk_tot > ul > li > i {
        font-size: 1.5em;
    }
    #sod_bsk > form {
        margin-bottom: 50px;
    }
    #gw-bsk-list .mod_options {
        padding: 0 10px;
        min-width: auto;
        height: 30px;
        line-height: 30px;
    }
    #gw-bsk-list #mod_option_frm {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    #gw-mod-container .mod-title-container {
        padding: 20px;
    }
    #gw-mod-container .mod-content {
        padding: 80px 20px;
    }
    #mod_option_frm .option_wr {
        text-align: left;
    }
    #gw-mod-container .mod-btn-container {
        width: calc(100% - 40px);
    }
    #gw-bsk-list .gw-bsklist .empty_table {
        padding: 20px;
    }

    /*주문서작성-----------------------------------------------------------------------------------------------------------------*/
    #sod_frm {
        padding: 0;
    }

    /*위시리스트-----------------------------------------------------------------------------------------------------------------*/
    #sod_ws {
        width: calc(100% - 40px);
    }
    #sod_ws .gw-wishlist td {
        padding: 10px 20px;
        border-bottom: none;
    }
    #sod_ws .gw-wishlist .sod_ws_text {
        width: calc(100% - 90px);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        max-width: unset;
    }
    #sod_ws .gw-wishlist-btn button {
        width: calc(33.3% - 6px);
    }
    #sod_ws .gw-wishlist-btn a {
        width: calc(33.3% - 6px);
    }

    /*포인트내역-----------------------------------------------------------------------------------------------------------------*/
    #gw-point .point_list {
        border-top: none;
        width: calc(100% - 40px);
    }
    #gw-point .point_list tbody {
        display: block;
    }
    #gw-point .point_list tbody:not(:last-child) {
        margin-bottom: 20px;
    }
    #gw-point .point_list td {
        padding: 10px 20px;
        border-bottom: none;
        text-align: right;
    }

    /*쿠폰내역-----------------------------------------------------------------------------------------------------------------*/
    #gw-coupon .coupon_list {
        border-top: none;
        width: calc(100% - 40px);
    }
    #gw-coupon .coupon_list tbody {
        display: block;
    }
    #gw-coupon .coupon_list tbody:not(:last-child) {
        margin-bottom: 20px;
    }
    #gw-coupon .coupon_list td {
        padding: 10px 20px;
        border-bottom: none;
        text-align: right;
    }
    .couponzone_list > ul > li .coupon_img {
        height: 100%;
    }
    .cp-guide {
        margin-top: 10px;
    }

    /*쿠폰존-----------------------------------------------------------------------------------------------------------------*/
    .couponzone_list {
        padding: 30px 20px;
        width: calc(100% - 40px);
    }
    .couponzone_list > ul > li {
        width: 100%;
    }
    .couponzone_list > ul > li img {
        display: none;
    }
    .couponzone_list > ul > li > .cp_inner {
        height: 148px;
        border-radius: 20px;
        border: 2px solid #ddd;
    }
    .coupon-text-container {
        justify-content: space-evenly;
    }

    /*사용후기 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sps {
        padding: 0 20px;
    }
    #gw-sps .gw-sps-container {
        gap: 15px;
    }
    #gw-sps .gw-sps-container > li {
        margin-right: 0;
        margin-bottom: 0;
        width: calc(33.3% - 10px);
    }
    #gw-sps .gw-sps-section > a {
        padding: 20px;
    }
    #gw-sqa .gw-sqa-product-container .gw-ico {
        width: 30px;
        height: 30px;
    }
    #gw-sqa .gw-sqa-product-container .gw-ico > i {
        font-size: 1em;
    }

    /*사용후기 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-review-view .gw-review-container {
        padding: 0 20px;
    }
    #gw-review-view .gw-total-review-container {
        padding: 20px;
        border-radius: 0;
        flex-direction: column;
        gap: 20px;
    }
    #gw-review-view .gw-total-review-container > div {
        width: 100%;
    }
    #gw-review-view .gw-total-review-container .gw-total-left {
        order: 1;
    }
    #gw-review-view .gw-review-product-content .gw-img {
        width: 90px;
        height: 90px;
    }
    #gw-sqa .gw-sqa-product-container:hover .gw-ico {
        background: #fff;
        box-shadow: none;
    }
    #gw-sqa .gw-sqa-product-container:hover .gw-ico > i {
        margin-left: 0;
        color: #111;
    }
    .custom-no-items {
        padding: 20px;
        margin-bottom: 30px;
    }
    #gw-review-view .gw-review-reply {
        width: calc(100% - 40px);
    }

    /*상품문의 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sqa {
        padding: 0 20px;
    }
    #gw-sqa .gw-sqa-section > .gw-flex-btw {
        flex-direction: column;
    }
    #gw-sqa .gw-sqa-product-container {
        width: 100% !important;
    }
    #gw-sqa .sqa_con_btn button {
        padding: 0 10px;
        top: 167px;
        font-size: 12px;
        min-width: min-content;
        height: 30px;
        line-height: 30px;
    }
    #gw-sqa .gq-sqa-left {
        width: 100% !important;
    }
    #gw-sqa > ul {
        border-top: none;
    }
    #gw-sqa > ul > li {
        padding: 20px;
        border: 1px solid #eaeaea;
        border-radius: 20px;
    }
    #gw-sqa > ul > li:not(:last-child) {
        margin-bottom: 20px;
    }
    #gw-sqa .sit_qa_qaq {
        padding: 20px 0;
        align-items: flex-start;
        line-height: 1.5;
    }
    #gw-sqa .sit_qa_qaa {
        padding: 20px;
    }
    #gw-sqa .sit_qaa_yet {
        padding: 10px;
        font-size: 12px;
    }
    #gw-sqa .sit_qaa_done {
        padding: 10px;
        font-size: 12px;
    }

    /*배송지목록-----------------------------------------------------------------------------------------------------------------*/
    #gw-sod-addr {
        padding: 0 20px;
        padding-top: 30px;
    }
    #gw-sod-addr .gw-sod-addr-list {
        border-top: none;
    }
    #gw-sod-addr .gw-sod-addr-list td {
        padding: 10px 20px;
        height: auto;
        border-bottom: none;
        text-align: left;
    }
    #gw-sod-addr .gw-td-sbj input[type='text'] {
        text-align: center;
    }
    #gw-sod-addr .gw-sod-addr-list .gw-td-mng > div {
        flex-direction: row;
        place-content: flex-end;
    }
    #gw-sod-addr .gw-table01 tbody td:before {
        display: block;
        float: none;
        text-align: left;
        margin-bottom: 5px;
    }
    #gw-sod-addr .gw-sod-addr-list td > span {
        display: block;
        border: 1px solid #eaeaea;
        border-radius: 10px;
        padding: 12px 17px;
        width: 100%;
        height: auto;
        font-family: 'Pretendard_R';
        transition: 0.3s;
        box-sizing: border-box;
        background: #f7f7f7;
        color: #888;
        text-align: center;
    }
    #gw-sod-addr .gw-sod-addr-list td > span:first-child {
        margin-bottom: 5px;
    }
    #gw-sod-addr .gw-td-address > br {
        display: none;
    }
    #gw-sod-addr .gw-sod-addr-list .gw-td-mng .mng_btn {
        min-width: 50%;
        max-width: 50%;
    }

    /*배송지등록-----------------------------------------------------------------------------------------------------------------*/
    #gw-add-address {
        padding: 20px;
    }
    #gw-add-address .gw-add-address-table {
        border: 1px solid #eaeaea;
        border-radius: 20px;
        overflow: hidden;
        border-collapse: initial;
    }
    #gw-add-address .gw-add-address-table tr:nth-child(2n) {
        background: rgba(0, 0, 0, 0.02);
    }
    #gw-add-address .gw-add-address-table th {
        padding: 10px 0 10px 20px;
        border-bottom: none;
        width: 25%;
    }
    #gw-add-address .gw-add-address-table td {
        padding: 10px 20px 10px;
        border-bottom: none;
    }
    #gw-add-address .gw-btn-zipcode {
        height: 40px;
        line-height: 40px;
    }

    /*매장찾기 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-map .map-header {
        padding-top: 0;
    }
    #gw-map .sel-wrap > select {
        height: 55px;
        line-height: 30px;
    }
    #gw-map .gw-btn-container {
        padding: 0;
    }
    #bo_v_product_info {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    /*매장찾기 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-v #gw-map .wrap {
        bottom: 0;
    }
    #gw-bo-v #gw-map .map-content {
        height: 35vh;
    }
}

@media screen and (max-width: 768px) {
    /*공통-----------------------------------------------------------------------------------------------------------------*/

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*상품관련*/
    .sct_10 .sct_ct_wrap {
        padding-top: 1rem;
    }

    /*그누위즈 메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_10:after {
        display: none;
    }
    #gw-main-20-skin .sct_li {
        margin-right: 1rem;
        width: 552px !important;
        border: 1px solid #eeeeee;
        box-shadow: none;
    }
    #gw-main-20-skin .sct_li:nth-of-type(2n) .sct_img {
        margin-top: 0;
        order: 0;
    }
    #gw-main-20-skin .sct_li:nth-of-type(2n) .sct_ct_wrap {
        padding-top: 1rem;
    }

    /*중간좌측,우측용 배너*/
    #gw-shop01-main-banner-type02 .gw-sec-container {
        flex-direction: column;
    }
    #gw-shop01-main-banner-type02 .gw-halfbanner {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    /*공통-----------------------------------------------------------------------------------------------------------------*/
    #container {
        padding-top: 89px;
    }
    #container.paddingtop0 {
        padding-top: 0;
    }
    .gw-skin-box {
        margin-top: 30px !important;
    }
    .sit_icon_li > span {
        flex-wrap: wrap;
    }
    .shop_icon {
        width: 48px;
        font-size: 12px;
        line-height: 10px;
    }
    .shop_icon_soldout {
        font-size: 14px;
    }
    .sct_sns a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    /*리스트*/
    .gw-list01 > li:not(:last-child) {
        margin-bottom: 0;
    }

    /*버튼*/
    .sct_admin {
        left: 20px;
    }
    .gw-btn-container {
        padding: 0 20px;
        flex-direction: column;
    }
    .gw-btn01 {
        height: 40px;
        line-height: 40px;
    }
    .gw-btn0102 {
        height: 40px;
        line-height: 40px;
    }
    .gw-btn02 {
        height: 40px;
        line-height: 40px;
    }

    /*헤더-----------------------------------------------------------------------------------------------------------------*/
    #hd_wrapper {
        padding: 1rem 10px;
    }
    #header {
        transition: all 0s;
    }
    #gw-mob-hd .gw-hd-title {
        font-size: 14px;
    }
    #gw-mob-hd .front > li > a {
        margin-right: 0.25rem;
    }
    #hd-util {
        right: 10px;
        gap: 0;
    }
    #header .gnb-container [class*='gw-sub-con'] {
        padding: 0;
    }
    #hd_menu {
        height: auto;
    }
    #hd_menu button#menu_open {
        place-content: center;
        width: 50px;
        min-height: 50px;
    }
    .hd_menu {
        padding-right: calc(50px + 1.5rem);
        place-content: flex-start;
        gap: 1.5rem;
        width: 0;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        min-width: 100vw;
        scrollbar-width: none;
    }
    .hd_menu li:first-child {
        margin-left: 0;
        flex-shrink: 0;
        white-space: nowrap;
    }
    .hd_menu li a {
        line-height: initial;
        padding: 12px 0;
    }
    .hd-menu-ico {
        right: -1.2rem;
    }
    .gw-hd-menu-text .Poppins_B {
        display: none !important;
    }

    /*카테고리*/
    #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.theme-admin {
        display: flex;
        gap: 5px;
        padding: 0;
        border-radius: 0;
        border: none;
    }
    #category .nav-member > li.theme-admin > a {
        padding: 5px;
        border-radius: 10px;
        border: 1px solid #eaeaea;
    }

    /*검색결과-----------------------------------------------------------------------------------------------------------------*/
    #gw-ssch .gw-sub-title {
        font-size: var(--main-title03);
    }
    #gw-ssch-frm {
        padding: 20px;
    }
    #gw-ssch [class^='gw-shop-btn'][class*='submit'] {
        min-width: fit-content;
    }

    /*게시판 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-list .bo_tit {
        vertical-align: middle;
    }
    #gw-bo-list .btn_bo_user {
        flex-direction: column;
    }
    .gw-search-container [class^='gw-shop-btn'][class*='submit'] {
        min-width: 100%;
    }

    /*게시판 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-view-nb > li > .list-btn {
        width: 40px;
        height: 40px;
    }
    #gw-bo-v {
        padding: 0 20px;
    }
    #gw-bo-v .bo_v_nb > li > .list-btn {
        width: 40px;
        height: 40px;
    }
    #gw-bo-v .bo_v_com {
        flex-direction: column;
    }

    /*게시판 write-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-w {
        padding-top: 40px !important;
    }

    #category .nav-member > li.logout > a {
        font-size: var(--main-text02);
    }

    /*배너-----------------------------------------------------------------------------------------------------------------*/
    .top-banner-btn-container {
        right: 0.5rem;
        font-size: 8px;
    }
    .top-banner-btn-container .close-btn {
        top: 50%;
        transform: translateY(-50%);
    }

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*상품관련*/
    .sct_10 .sct_txt {
        font-size: var(--main-text02);
    }
    .sct_10 .sct_bottom {
        margin-top: 10px;
        padding-top: 10px;
    }
    .sct_sns {
        width: calc(100% - 20px);
    }
    .sct_40 .sct_li {
        gap: 10px;
    }
    .sct_40 .sct_img {
        width: 120px;
    }
    .sct_40 .sct_txt a {
        font-size: var(--main-text02);
    }
    .sct_40 .sct_cost {
        font-size: var(--main-title04);
    }
    .sct_40 .sct_dict {
        padding: 0;
        font-size: 14px;
    }
    #gw-mod-container .mod-content {
        min-height: 50vh;
        max-height: 80vh;
    }

    /*그누위즈 메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_li {
        width: 280px !important;
    }
    #gw-main-20-skin .sct_10 .sct_cost {
        flex-direction: row;
        gap: 0.5rem;
        align-items: center;
    }

    /*그누위즈 메인 상품 목록 스킨 30*/
    #gw-main-30-skin .gw-main-30-skin-banner {
        height: 7rem;
    }
    #gw-main-30-skin .sct_10 .sct_img {
        max-width: 90px;
        max-height: 90px;
    }
    #gw-main-30-skin .sct_10 .sct_ct_wrap {
        padding-top: 0;
        width: calc(100% - 90px);
    }
    #gw-main-30-skin .shop_icon {
        margin-left: 0;
        padding: 5px;
        width: 48px;
        font-size: 12px;
    }

    /*그누위즈 메인 상품 목록 스킨 50*/
    #gw-main-50-skin .sct_li {
        padding-bottom: 1.5rem;
    }
    #gw-main-50-skin .sct_10 .sct_img {
        max-width: 90px;
        max-height: 90px;
    }
    #gw-main-50-skin .sct_10 .sct_cnt {
        padding-top: 0;
        width: calc(100% - 90px);
    }
    #gw-main-50-skin .shop_icon {
        margin-left: 0;
        padding: 5px;
        width: 48px;
        font-size: 12px;
    }
    #gw-main-50-skin .sct-dict-rate-circle {
        top: 1rem;
        left: 1rem;
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }

    /*그누위즈 메인 배너*/
    #gw-theme-main-visual {
        padding-top: 60px;
    }

    /*그누위즈 메인 중간배너*/
    .gw-middlebanner {
        min-height: 9rem;
    }

    /*중간좌측,우측용 배너*/
    #gw-shop01-main-banner-type02 .gw-sec-container {
        gap: 10px;
    }

    /*그누위즈 메인 사용후기*/
    #gw-main-review .slick-slide {
        margin: 0 5px;
    }
    #gw-main-review .sct_10 .sct_bottom {
        font-size: 12px;
    }
    #gw-main-review .gw-main-review-bottom {
        margin-top: 10px;
        padding-top: 10px;
    }

    /*그누위즈 메인 영상*/
    #gw-main-video .video-container {
        height: 30vh;
    }

    /*그누위즈 메인 카테고리*/
    #gw-shop-main-quick .gw-main-quick-list > li {
        width: calc(20% - 20px);
        max-width: 86px;
        font-size: 0.8rem;
    }

    /*그누위즈 메인 그리드 메뉴*/
    #gw-shop-main-grid-menu .gw-main-grid-menu-list > li {
        padding: 20px;
    }
    #gw-shop-main-grid-menu .gw-ico {
        width: 60px;
        height: 60px;
    }

    /*퀵메뉴-----------------------------------------------------------------------------------------------------------------*/
    .gw-quick-list-wrap {
        width: 100%;
    }
    .gw-close-btn {
        left: 0;
    }
    .gw-quick-items {
        padding: 20px 20px 150px 20px;
    }

    /*상품상세-----------------------------------------------------------------------------------------------------------------*/
    #gw-sit-pvi #popup_item_image {
        bottom: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    #sit_btn_opt {
        top: 0;
    }
    #sit_btn_opt > button {
        width: 30px;
        height: 30px;
    }
    #sit_btn_opt .btn_sns_share.on {
        background: transparent;
        color: #111;
        border-color: #eaeaea;
        transform: scale(1);
    }
    #sit_tab .tab_tit li button {
        padding: 10px 0;
        font-size: 14px;
        min-height: 40px;
    }
    #sit_tab .item_use_count,
    #sit_tab .item_qa_count {
        font-size: 10px;
        padding: 1px 2px;
    }
    #sit_ov .gw-sit-review-container {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .sit_info {
        padding-bottom: 10px;
    }
    #sit_ov_btn > a {
        padding: 0;
        height: 50px;
        line-height: 50px;
    }
    #sit_ov_btn > .sit_btn_wish > span {
        display: none;
    }
    #sit_siblings a {
        line-height: 20px;
    }
    #sit_inf_explan {
        margin-bottom: 30px;
    }
    #sit_inf_explan .gw-more-btn {
        width: 100%;
        height: 43px;
        font-size: 14px;
    }
    #gw-sit-use-list .gw-sit-use-top {
        flex-direction: column;
        gap: 0;
    }
    #gw-sit-use-list .gw-sit-use-top h4 {
        font-size: 14px;
    }
    #gw-sit-use-list .gw-sit-use-top > div {
        flex: 0 0 auto;
        width: 100%;
        padding: 20px;
        min-height: auto;
        border-radius: 0;
    }
    #gw-sit-use-list .gw-sit-use-top > div:first-child:after {
        display: none;
    }
    #gw-sit-use-wbtn [class^='gw-shop-btn'][class*='small'] {
        min-width: auto;
    }
    #gw-sit-use-wbtn > a > span {
        display: none;
    }
    #gw-sit-use-list .sit_star > img {
        width: 100px;
    }
    #gw-sit-use-list .gw-sit-review-rate {
        border-top: 1px solid #eaeaea;
    }
    #gw-sit-use-ol .gw-sit-use-container {
        flex-direction: column;
        align-items: flex-start;
    }
    #gw-sit-use-ol .sit_use_dl {
        order: -1;
    }
    .sit_use_li_title {
        top: 40vw;
    }
    .sit_use_p {
        padding: 18px 0 20px;
    }
    #gw-sit-qa-wbtn > a > span {
        display: none;
    }
    #gw-sit-qa-wbtn [class^='gw-shop-btn'][class*='small'] {
        min-width: auto;
    }
    #gw-sit-qa-list .gw-sit-qa-title-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    #gw-sit-qa-ol .gw-sit-title {
        font-size: 14px;
    }
    .sit_qa_dl dd {
        margin-left: 0;
        font-size: 12px;
    }
    #gw-sit-qa-ol .sit_qaa_yet {
        padding: 4px 8px;
    }
    #gw-sit-qa-ol .sit_qaa_done {
        padding: 4px 8px;
    }
    #gw-sit-qa-ol .sit_qa_qaq {
        padding: 18px 0 20px;
    }
    #gw-sit-qa-ol .sit_qa_qaa {
        padding: 20px;
        margin-bottom: 0;
    }
    #gw-recommend .gw-recommend-list {
        margin-bottom: 0;
    }
    .sit_sel_option .sit_opt_prc {
        font-size: 14px;
    }
    #gw-cart-modal .modal-content li {
        width: 100%;
    }
    #gw-cart-modal .gw-btn-container > li > a {
        min-width: 100%;
    }

    /*개인결제 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sct-pv .sct_li > a {
        padding: 20px;
        gap: 15px;
    }
    #gw-sct-pv .sct_img {
        width: 60px;
        height: 60px;
    }
    #gw-sct-pv .sct_img > i {
        font-size: 3em;
    }
    #gw-sct-pv .sct_cost {
        font-size: var(--main-title04);
    }

    /*마이페이지배너-----------------------------------------------------------------------------------------------------------------*/
    .gw-mypagebanner {
        padding: 0;
        margin: 0 auto;
        width: calc(100% - 40px);
    }

    /*마이페이지-----------------------------------------------------------------------------------------------------------------*/
    #gw-my .gw-order-state > li:not(:last-child) > a:after {
        right: -25px;
        font-size: 14px;
    }
    #gw-my .gw-my-info .gw-text-container {
        padding-right: 0;
        width: 100%;
    }
    #gw-my .gw-my-sec01 .gw-btn-container {
        padding: 0;
        flex-direction: row;
    }
    #gw-my .gw-my-info .gw-btn-container > li {
        flex: 1;
        font-size: 12px;
        height: 35px;
        line-height: 35px;
    }
    #gw-my .gw-my-sec01 .gw-btn-container > li > a {
        padding: 0;
    }
    #gw-my .gw-my-sec03 .gw-board-container > li > a {
        padding: 10px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    #gw-my .gw-my-benefit .gw-title {
        font-size: var(--main-text03);
    }
    #gw-my .gw-my-benefit > div {
        gap: 0;
    }
    #gw-my .gw-my-benefit > div > a {
        font-size: var(--main-title03);
    }

    /*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
    #sod_v .gw-datepicker {
        flex-direction: column;
    }
    #sod_v .gw-search-container {
        margin-bottom: 30px !important;
    }
    #sod_v .gw-search-container .gw-date {
        flex-wrap: wrap;
    }
    #sod_v .gw-search-container .sch_last > button {
        margin-right: 5px;
        min-width: 13%;
        height: 30px;
        line-height: 15px;
        font-size: 12px;
    }
    #sod_v .gw-search-container .gw-shop-btn-submit {
        padding: 0;
    }
    #gw-sod-fin-legend {
        padding: 20px;
    }
    #gw-sod-fin .gw-sod-fin-cancle-text {
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: var(--main-text02);
    }
    #sod_frm_pay #sc_coupon_frm,
    #sod_frm_pay #od_coupon_frm {
        width: calc(100% - 40px);
        max-height: 100vw;
    }

    /*faq-----------------------------------------------------------------------------------------------------------------*/
    #gw-faq-con > ul > li > a {
        padding: 20px 0 20px 40px;
        width: 90%;
    }
    #gw-faq-con .con_inner {
        padding: 20px;
    }
    #gw-faq-con img {
        width: 100%;
        object-fit: cover;
    }

    /*장바구니-----------------------------------------------------------------------------------------------------------------*/
    #sod_bsk .gw-step-wrap > li > .num {
        display: block;
        font-size: 12px;
    }
    #sod_bsk .gw-step-wrap > li {
        font-size: 14px;
    }
    #gw-bsk-list .gw-bsklist .td_prd .sod_img > a {
        width: 70px;
        height: 70px;
    }
    #gw-bsk-list .gw-bsklist .td_prd .sod_name {
        width: calc(100% - 70px);
    }
    #gw-bsk-list .sod_opt {
        padding: 5px 0;
        font-size: 12px;
    }
    .sod_opt li:before {
        font-size: 12px !important;
    }
    #sod_bsk_act {
        padding: 0 20px;
        flex-direction: column;
    }
    #mod_option_frm .option_wr {
        padding: 10px;
    }
    #mod_option_frm .option-title {
        margin-bottom: 5px !important;
    }
    #mod_option_frm .option_wr select {
        height: 40px;
        line-height: 15px;
    }
    #sit_sel_option #sit_opt_added li {
        padding: 10px;
    }
    #sit_opt_added .opt_name {
        margin-bottom: 5px !important;
    }
    #sit_opt_added .sit_opt_del {
        right: 5px;
        top: 5px;
    }
    #sit_opt_added .sit_opt_prc {
        font-size: var(--main-text02);
    }
    #sit_opt_added button {
        height: 26px;
    }
    #sit_opt_added .num_input {
        height: 26px;
    }
    #sit_tot_price {
        font-size: var(--main-title04);
    }

    /*위시리스트-----------------------------------------------------------------------------------------------------------------*/
    #sod_ws {
        width: calc(100% - 40px);
    }
    #sod_ws .gw-wishlist-btn button {
        width: 100%;
    }
    #sod_ws .gw-wishlist-btn a {
        width: 100%;
    }
    #sod_ws_act {
        flex-direction: column;
    }
    #sod_ws_act .gw-right {
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /*포인트내역-----------------------------------------------------------------------------------------------------------------*/
    #gw-point .point_list {
        margin: 0 auto;
        width: calc(100% - 40px);
    }

    /*쿠폰존-----------------------------------------------------------------------------------------------------------------*/
    .couponzone_list > ul > li > .cp_inner {
        height: 120px;
    }
    .gw-cp-btn {
        padding-top: 20px !important;
        margin-top: 20px !important;
    }
    .gw-cp-btn > button {
        width: 100%;
    }

    /*사용후기 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sps-sch {
        flex-direction: column;
    }
    #gw-sps .gw-sps-container > li {
        margin-bottom: 30px !important;
        width: calc(50% - 10px);
    }
    #gw-sps .sps_pd_name {
        min-height: auto;
    }
    #gw-sps .sps_rv_tit {
        min-height: auto;
    }
    #gw-sps .gw-sps-bottom > li {
        min-width: auto;
        padding: 0 10px;
        font-size: 12px;
        min-width: min-content;
        height: 30px;
        line-height: 30px;
    }
    #gw-sps .gw-sps-container .sps_dl {
        font-size: 12px;
    }

    /*사용후기 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-review-view .gw-total-review {
        padding: 0 10px;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        min-width: auto;
    }
    #gw-review-view .gw-review-product-content {
        padding: 10px;
    }
    #gw-review-view .gw-review-product .gw-ico {
        right: 20px;
        width: 34px;
        height: 34px;
    }
    #gw-review-view .gw-review-product-content .gw-img {
        width: 70px;
        height: 70px;
    }
    #gw-review-view .gw-review-title-container {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #gw-review-view .gw-review-container {
        padding: 0 20px;
    }
    .custom-no-items {
        padding: 20px;
    }

    /*상품문의 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sqa-sch {
        flex-direction: column;
    }

    /*마케팅수신동의-----------------------------------------------------------------------------------------------------------------*/
    #gw-marketing-form {
        padding: 30px 20px;
    }

    /*배송지목록-----------------------------------------------------------------------------------------------------------------*/
    #gw-sod-addr .gw-table01 tbody td:before {
        margin-bottom: 5px;
    }
    #gw-sod-addr .gw-btn-container {
        padding: 0;
    }

    /*배송지등록-----------------------------------------------------------------------------------------------------------------*/
    #gw-add-address .gw-btn-container {
        padding: 0;
    }

    /*배송지등록-----------------------------------------------------------------------------------------------------------------*/
    #ft-top .ft-top-info {
        flex-direction: column;
        align-items: flex-start;
    }
    #ft-top .ft-top-info .gw-title {
        width: auto;
    }
    #ft-bottom .gw-title {
        font-size: 14px;
    }
    #ft-bottom .ft-quick-menu {
        flex-wrap: wrap;
    }
    #ft-bottom .ft-quick-menu > li {
        width: calc(50% - 5px);
    }
    #ft-bottom .ft-quick-menu > li > a {
        display: block;
        width: 100%;
        text-align: center;
    }
}

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

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*그누위즈 메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_li {
        width: 200px !important;
    }

    /*상품목록-----------------------------------------------------------------------------------------------------------------*/
    .sct_10 .sct_li {
        padding-left: 3px;
        padding-right: 3px;
    }

    /*검색결과-----------------------------------------------------------------------------------------------------------------*/
    #gw-ssch .gw-sub-title {
        margin-bottom: 15px !important;
    }
    #gw-ssch .ssch_option > div {
        margin-bottom: 10px !important;
    }
    #ssch_cate {
        margin-top: 15px !important;
    }
    #gw-ssch .gw-ssch-left .gw-ssch-title {
        margin-bottom: 15px;
    }
    #gw-ssch .gw-ssch-left .gw-ssch-cate > li:not(:first-child) {
        margin-top: 10px;
    }

    /*상품상세-----------------------------------------------------------------------------------------------------------------*/
    .sit_sel_option li {
        gap: 10px;
    }
    .sit_sel_option button {
        width: 19px;
    }
    .sit_sel_option .num_input {
        width: 3rem;
    }
    .sit_btn_cart {
        padding: 0 20px;
    }

    /*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
    #sod_v .gw-search-container .gw-date {
        gap: 10px;
    }
}

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

.gw-sec-container-one .gw-main-10-skin-dots-container {
    padding: 2rem 0;
    display: flex;
    justify-content: center;
    font-size: 0;
}
.gw-sec-container-one .gw-main-10-skin-dots-container .gw-main-10-skin-dot {
    background: #ddd;
    border: none;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 0.3rem;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.gw-sec-container-one
    .gw-main-10-skin-dots-container
    .slick-active
    .gw-main-10-skin-dot {
    background: var(--main-color);
    transform: rotate(-45deg);
}