/*페이지 로딩*/
#loading-screen {position: fixed;width: 100%;height: 100%;background: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index:99999;}
.spinner {border: 2px solid rgba(0, 0, 0, .1);border-top-color: var(--main-color);border-radius: 50%;width: 50px;height: 50px;animation: spin 0.5s linear infinite;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 상단메뉴 */
#hd{position: sticky;z-index:200;width:100%;background: #fff;}
#hd.off{z-index: 1;}
#hd:before {content: "";display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;}
#hd_wrapper{padding:20px 0;background:#fff;border-bottom: 1px solid #e6e6e6;}


/* 헤더 상단 */
#tnb{background: var(--main-color);}


/* 헤더메뉴 */
#header{position:fixed;right: 0;left: 0;z-index: 999;transition: all 0.5s;}
#header.header-fixed{position:fixed;top:-100%;}
#header.header-fixed.top0{top:-44px;}
#hd_admin > li > a {display: inline-block;padding: 5px 10px;border: 1px solid #eaeaea;border-radius: 10px;font-size: 14px;min-width: 80px;font-family: 'Pretendard';font-weight:700;text-align: center;background: #fff;}
#hd_qnb{place-content: flex-end;}
#hd_qnb li {line-height:14px;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px;font-size: 14px;}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li:not(:last-child):before {content: "";display: block;position: absolute;top: 3px;right: 0;width: 1px;height: 11px;background: rgba(255,255,255,0.5);}
#hd_qnb li a {display:inline-block;color:#fff}

#hd_qnb li a {color: #000 !important;}
#hd_qnb li:not(:last-child):before {background: rgba(0,0,0,0.3) !important;}



/* 검색창 */
#hd_sch {position:relative;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_str {width: 420px;height: 48px;padding: 0 60px 0 20px;color: #666;border-radius: 100px;outline: none !important;border: 1px solid #ddd;}
#hd_sch #sch_submit {position: absolute;top: 0;right: 12px;width: 32px;height: 48px;border: none;background-color: transparent;cursor:pointer;color:var(--main-color);}
#hd_sch input[type="text"]:focus {border-color: #333;}
#hd_sch .h-search-autocomplete {position: absolute;top: calc(100% + 10px);left: -4px;z-index: 20;width: 100%;}
#hd_sch .search-word-cont {display:none;position: absolute;top: calc(100% + 10px);left: -4px;z-index: 20;padding:29px 30px;border-radius: 10px;background: #fff;border: 1px solid #eaeaea;box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05);width: 100%;}
#hd_sch .search-word-head {display: flex;justify-content: space-between;align-items: center;}
#hd_sch .search-word-head > h4 {line-height: 19px;}
#hd_sch .search-word-head > button {font-size: 15px;line-height: 18px;color: #888;border-bottom: 1px solid #888;height: auto;padding: 0;}
#hd_sch .search-word-cont .word-wrap {display: flex;justify-content: space-between;width: 100%;}
#hd_sch .search-word-cont .word-wrap > ul > li {width: 100%;justify-content: space-between;display: flex;align-items: center;padding-top: 10px;}
#hd_sch .search-word-cont .search-word-list{width: 100%;}
#hd_sch .search-word-cont .search-word-list .deleteOne > span{font-size: 0;position: relative;}
#hd_sch .search-word-cont .search-word-list .deleteOne > span:before {content: "\e921";display: block;font-family:xeicon;font-size: 16px;color: #ccc;}
#hd_sch .immybox_results{position: absolute;top: calc(100% + 10px);z-index: 20;padding: 20px 0;border-radius: 10px;border: 1px solid #e4e4e4;background: #fff;box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05);width: calc(100% + 7px);max-height: 470px;overflow-y: auto;}
#hd_sch .immybox_results::-webkit-scrollbar {width: 5px;}
#hd_sch .immybox_results::-webkit-scrollbar-thumb {background-color: rgb(0,0,0);}
#hd_sch .immybox_results::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1);}
#autocomplete-results > li {padding: 10px 30px;overflow: hidden;line-height: 19px;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;transition: all .3s;}
#autocomplete-results > li:hover{background: #fafafa;}
#autocomplete-results > li .highlight {color: var(--main-color);font-family: 'Pretendard';font-weight:700;}

/* 우측메뉴 */
#hd-util {gap:15px;}
#hd-util > li > a{position:relative;display:block;font-size: 14px;color: #666;text-align: center;}
#hd-util > li > a:before {content: '';display: block;font-family:xeicon;margin-bottom:6px;color:#000;font-size: 30px;text-align:center;}
#hd-util > li.search > a:before{content:"\e97a";}
#hd-util > li.logout > a:before{content:"\e972";}
#hd-util > li.mypage > a:before{content:"\e9f5";}
#hd-util > li.admin > a:before{content:"\e986";}
#hd-util > li.login > a:before{content:"\e963";}
#hd-util > li.register > a:before{content:"\e9f5";}
#hd-util > li.shop_cart > a:before{content:"\e9fb";}
#hd-util > li.shop_cart .count{display:block;position: absolute;top: -3px;right: -3px;width: 18px;height: 18px;background: #FF0000;font-size: 11px;color: #fff;text-align: center;border-radius: 50%;line-height:1.75;}
#hd-util .register-bubble { position: absolute;left: 50%;transform: translateX(-50%);width: 88px;height: 25px;border-radius: 50px;background: var(--main-color);color: #fff;font-size: 14px; letter-spacing: -0.42px;text-wrap: nowrap;text-align: center;line-height: 25px;display: block;font-family: 'Pretendard';font-weight:500;box-shadow:5px 5px 20px #ddd;animation: floating 0.8s linear 0s infinite alternate;transition: all 0.3s;}
#hd-util .register-bubble:after {content: "";display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%,-7px);width: 0;height: 0;border-style: solid;border-width: 0 7px 10px 7px;border-color: transparent transparent var(--main-color) transparent;}
@keyframes floating {
    0% {margin-top: 0px;}
    100% {margin-top: 5px;}
}

/* gnb */
.gnb-container {
    position: relative;
    z-index: 50;
    height: 60px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.gnb-container > .gw-sub-con-1400 {
    height: 60px;
    display: flex;
    align-items: center;
}

#hd_menu {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
}

#hd_menu button#menu_open {
    width: 42px;
    height: 60px;
    padding: 0;
    margin: 0 28px 0 0;
    border: 0;
    background: transparent;
    color: #000;
    font-size: 24px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.hd_menu {
    height: 60px;
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0;
    padding: 0;
}

.hd_menu li {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    text-align: center;
}

.hd_menu li:first-child {
    margin-left: 0;
}

.hd_menu li a {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;

    font-size: 17px;
    font-weight: 700;
    color: #333;
    font-family: 'Pretendard';
    line-height: 1;
    letter-spacing: -0.4px;
    white-space: nowrap;

    transition: all 0.3s;
}

.hd_menu li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: var(--main-color);
    transition: all .3s;
}

.hd_menu li a:hover {
    color: var(--main-color);
}

.hd_menu li a:hover:after {
    width: 100%;
}

.hd-menu-ico {
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
    color: #F21C35;
}

/* category */
#category {display: none;position: absolute;top:60px;}
#category.open {display: block !important;}
#category .cate {background: var(--main-color);box-shadow: 10px 10px 10px rgba(0,0,0,0.1);}
#category .cate-arrow {position: absolute;top:50%;right:15px;transform: translateY(-50%);flex-direction: column;align-items: center;place-content: center;z-index: 100;}
#category .cate-arrow > i{transform: rotate(-90deg);}
#category .cate_li_1{ position: relative;cursor: pointer;}
#category .cate_li_1:last-child {margin-bottom: 0;}
#category .cate_li_1:not(:first-child) {border-top: 1px solid rgba(255,255,255,0.5);}
#category .cate_li_1_a {padding-left:1.5rem;display:flex;position:relative;width:240px;height:50px;font-family: 'Pretendard';font-weight:600;color:#fff;transition: all .3s;}
#category .cate_li_1_a:hover{background: #fff;color: #111;}
#category .cate_li_1_a > a{display:flex;align-items:center;gap:10px;width: calc(100% - 40px);height: 100%;color:#fff;}
#category .cate_li_1_a:hover > a{color: #111;}
#category .cate_li_1_a .gw-img {width: 2rem;}
#category .sub_cate {max-height: 0;opacity: 0;visibility: hidden;transition: max-height 0.4s ease, opacity 0.3s ease, visibility 0.3s;position: absolute;top: 0;left: 100%;white-space: nowrap;background: #fff;z-index: 1000;box-shadow: 0 2px 6px rgba(0,0,0,0.1);min-width: 200px;}
#category .cate_li_1.active .sub_cate {max-height: 500px;opacity: 1;visibility: visible;}
#category .cate_li_2_a {display:block;position:relative;width:100%;height:50px;line-height:50px;font-family: 'Pretendard';font-weight:700;}
#category .cate_li_2 {position:relative;width: 200px;height: 50px;background:#000;color: #fff;}
#category .cate_li_2:not(:last-child){border-bottom: 1px solid #ddd;}
#category .cate_li_2 a {padding-left:1rem;display:block;position:relative;width:100%;cursor:pointer;color: #fff;font-size:16px;}
#category .cate_li_2 .cate-li-2-arrow:before{font-family:xeicon; content: "\e93e"; position:absolute; top:50%; right:1rem; font-size:20px; transform:translateY(-50%);}
#category .cate_li_3{display:none;position:absolute;left:200px;top:0;background:#aaa;}
#category .cate_li_3 > li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.5);}
#category .cate_li_3 a{display:block; padding-left:1rem; width:200px;height:50px;line-height:50px;color:#fff;}
#category .cate_li_3 a:before{display:inline-block; content:"-"; margin-right:5px;}
#category .cate_li_3.active{display: block;}
#category .close_btn {display:none;position:absolute;top:0;right:0;width:80px;height:80px;color:#000;border:0;vertical-align:top;font-size:18px}
#category .no-cate{text-align:center;padding: 30px 0;color: #333;}


#category .cate {
    background: #fff !important;
}

#category .cate_li_1_a,
#category .cate_li_1_a > a,
#category .cate_li_2_a,
#category .cate_li_2 a,
#category .cate_li_3 a {
    color: #000 !important;
}

/* 1차 카테고리 hover */
#category .cate_li_1_a:hover {
    background: #f5f5f5 !important;
    color: #000 !important;
}

#category .cate_li_1_a:hover > a {
    color: #000 !important;
}

#category .cate_li_2:hover,
#category .cate_li_3 li:hover {
    background: #f2f2f2 !important;
}

#category .cate_li_2:hover > a,
#category .cate_li_3 li:hover > a,
#category .cate_li_3 a:hover {
    color: #000 !important;
    font-weight: 900 !important;
}

#category .cate_li_2:hover > .cate_li_3 {
    display: block !important;
}

#category .cate_li_2:hover .cate-li-2-arrow:before {
    color: #000 !important;
}
/* 1차 카테고리 구분선 */
#category .cate_li_1:not(:first-child) {
    border-top: 1px solid #e5e5e5 !important;
}

/* 2차 카테고리 배경도 흰색으로 */
#category .cate_li_2 {
    background: #fff !important;
    color: #000 !important;
}

#category .cate_li_2:not(:last-child) {
    border-bottom: 1px solid #e5e5e5 !important;
}

/* 3차 카테고리 배경 */
#category .cate_li_3 {
    background: #fff !important;
}

/* 화살표 색상 */
#category .cate-arrow,
#category .cate-arrow i,
#category .cate_li_2 .cate-li-2-arrow:before {
    color: #000 !important;
}





/* login/join */
#category .nav-member{display:none;gap:15px;position:relative;padding:28px 15px 22px 15px;border-bottom: 1px solid #eee;color:#555;}
#category .nav-member > li > a {position:relative;display:flex;align-items:center;font-size: 14px;color: #555;text-align: center;}
#category .nav-member > li > a:before {content: '';display: block;font-family:xeicon;color:#000;font-size: 30px;text-align:center;}
#category .nav-member > li.logout > a {color: #111;font-size: var(--main-text01);}
#category .nav-member > li.logout > a:before{content:"\e972";}
#category .nav-member > li.login > a:before{content:"\e963";}
#category .nav-member > li.register > a:before{content:"\e9f5";}
#category .nav-member > li.theme-admin {display: flex;gap: 5px;}
#category .nav-member > li.theme-admin > a{padding: 5px;border-radius: 10px;border: 1px solid #eaeaea;}
#category .register-bubble {display:none;position: absolute;top:100%;left: 50%;transform: translateX(-50%);width: 88px;height: 25px;border-radius: 50px;background: var(--main-color);color: #fff;font-size: 14px; letter-spacing: -0.42px;text-wrap: nowrap;text-align: center;line-height: 25px;font-family: 'Pretendard';font-weight:500;box-shadow:5px 5px 20px #ddd;animation: floating 0.8s linear 0s infinite alternate;transition: all 0.3s;}
#category .register-bubble:after {content: "";display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%,-7px);width: 0;height: 0;border-style: solid;border-width: 0 7px 10px 7px;border-color: transparent transparent var(--main-color) transparent;}



/* 하단 메뉴 */
#category .nav-community-box{display:none;padding-bottom:30px;border-top:9px solid #f5f5f5;}
#category .gw-link-box{margin:0 15px;}
#category .gw-link-box > li {flex:1;}
#category .gw-link-box > li > a {padding: 18px 0;display: block;position:relative;border-bottom:1px solid #eee;}
#category .link-arrow {position: absolute;top: 50%;right: 0;transform: translateY(-50%);color: #ccc;}
#category .gw-contact {margin:0 15px;margin-top: 30px;}
#category .gw-contact .gw-num{color: var(--main-color);font-size:var(--main-title03);}
#category .gw-contact .gw-text {font-size: 14px;color: #666;line-height: 1.5;}

/*검색창 모달*/
#gw-search-modal {display:none;position: fixed;left: 0;top: 0;z-index: 100;width: 100vw;height: 100vh;background: #fff;}
#gw-search-modal.on{display: block;z-index: 200;}
#gw-search-modal .gw-search-modal {margin:0 auto;display: flex;align-items: center;place-content: center;flex-direction:column;width: 820px;height: 100%;}
#gw-search-modal .gw-search-modal > div{position: relative;width:100%;align-items: flex-start;}
#gw-search-modal .gw-search-input-box > form{position: relative;width:100%;}
#gw-search-modal #gw-sch-input {width: 100%;height: 70px;padding: 0 60px 0 20px;color: #666;border-radius: 100px;outline: none !important;border: 1px solid #ddd;}
#gw-search-modal #gw-sch-input::placeholder{color: #828282;font-family:'Pretendard';font-weight:600;font-size: var(--main-title04);}
#gw-search-modal .closeBtn {position: absolute;top: 50%;right: -60px;transform: translateY(-50%);display: flex;flex-direction:column;justify-content:center;align-items:center;width: 40px;height: 40px;overflow:hidden;margin:0 auto;border-radius:50%;background: #111;color: #fff;filter: drop-shadow(0px 2px 7px rgba(0,0,0,0.1));}
#gw-search-modal #gw-sch-submit {margin:0 30px;position: absolute;top: 0;right: 0;width: 32px;height: 70px;border: none;background-color: transparent;color:#111;cursor:pointer;}
#gw-autocomplete-results {display:none;position: absolute;top: calc(100% + 10px);left: -4px;z-index: 20;padding: 29px 30px;border-radius: 10px;background: #fff;border: 1px solid #eaeaea;box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05);width: 100%;height:470px;overflow-y: auto;}
#gw-autocomplete-results::-webkit-scrollbar {width: 5px;}
#gw-autocomplete-results::-webkit-scrollbar-thumb {background-color: rgb(0,0,0);}
#gw-autocomplete-results::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1);}
#gw-autocomplete-results > .immybox_choice {padding: 10px;overflow: hidden;line-height: 19px;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;transition: all .3s;}
#gw-autocomplete-results > .immybox_choice:hover {background: #fafafa;}
#gw-autocomplete-results > li > .highlight {color: var(--main-color);font-family: 'Pretendard';font-weight:700;}

#gw-search-modal .gw-search-ranking-box > div{padding:0 30px;flex: 1;overflow: hidden;}
#gw-search-modal .gw-search-ranking-box > div + div { border-left: 1px solid #e5e5e5; }
#gw-search-modal .gw-search-ranking-box .gw-title{font-size:var(--main-title04);font-family: 'Pretendard';font-weight:600;}
#gw-search-modal .gw-search-ranking-box .gw-delete-all{font-size: 15px;font-family: 'Pretendard';font-weight:600;line-height: 18px;color: #888;border-bottom: 1px solid #888;height: auto;padding: 0;}
#gw-search-modal .gw-search-recent-list > li {width: 100%;justify-content: space-between;display: flex;align-items: center;padding-top: 10px;}
#gw-search-modal .gw-search-recent-list > li > a{display:inline-block;color:#444; line-height: 100%; padding: 5px 0; font-family:'Pretendard';font-weight:600;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:90%;}
#gw-search-modal .gw-search-recent-list .gw-delete {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 20px;height: 20px;overflow: hidden;border-radius: 50%;background: #ddd;color: #fff;}
#gw-search-modal .gw-search-recent-list .gw-delete > span{font-size: 0;position: relative;}
#gw-search-modal .gw-search-recent-list .gw-delete > span:before {content: "\e921";display: block;font-family:xeicon;font-size: 12px;color: #fff;}
#gw-search-modal .gw-search-lately-list li + li{margin-top:10px;}
#gw-search-modal .gw-search-lately-list > li > a{display: flex;align-items:center;color:#444;}
#gw-search-modal .gw-search-lately-list .gw-num {display:inline-block;font-family: "Outfit", sans-serif; font-weight: 600;font-size: 14px;min-width: 20px;}
#gw-search-modal .gw-search-lately-list .gw-text{display:inline-block !important;line-height: 100%; padding: 5px 0; font-family:'Pretendard';font-weight:600;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:100%;}
#gw-search-modal .gw-search-lately-list > li:nth-child(1) a,
#gw-search-modal .gw-search-lately-list > li:nth-child(2) a,
#gw-search-modal .gw-search-lately-list > li:nth-child(3) a{color:var(--main-color);}


/* PC 상단 검색창 */
#hd_wrapper > .gw-flex-btw {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
}

#logo {
    flex: 0 0 130px !important;
}

#logo img {
    max-width: 820px !important;
    height: auto !important;
    display: block !important;
}

#gw-header-search {
    flex: 1 !important;
    max-width: 8200px !important;
    margin: 0 auto !important;
}

#gw-header-search form {
    position: relative !important;
    width: 100% !important;
    height: 38px !important;
}

#gw-header-search input[type="text"] {
    width: 100% !important;
    height: 38px !important;
    padding: 0 58px 0 24px !important;
    border: 2px solid #1687c9 !important;
    border-radius: 50px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-sizing: border-box !important;
}

#gw-header-search button {
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
}

#gw-header-search button i {
    font-size: 26px !important;
    color: #1687c9 !important;
    line-height: 32px !important;
}

#hd-util {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

/* 모바일에서는 기존 검색 버튼 사용 */
@media all and (max-width: 768px) {
    #gw-header-search {
        display: none !important;
    }
}

/* 검색 슬라이드 배경 */
#gw-search-dim {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.25);
    z-index: 99998;
}

#gw-search-dim.on {
    display: block;
}

/* 오른쪽 슬라이드 검색패널 */
#gw-search-slide {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;

    width: 460px;
    max-width: 90vw;
    height: 100vh;

    background: #fff;
    box-shadow: -12px 0 35px rgba(0,0,0,0.18);

    transform: translateX(100%);
    transition: transform 0.35s ease;
}

#gw-search-slide.on {
    transform: translateX(0);
}

body.gw-search-open {
    overflow: hidden;
}

/* 상단 검색 영역 */
#gw-search-slide .gw-search-slide-head {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 22px 22px 16px;
    border-bottom: 1px solid #eee;
}

#gw-search-slide .gw-search-slide-head form {
    position: relative;
    flex: 1;
    height: 44px;
}

#gw-search-slide #gw-slide-sch-input {
    width: 100%;
    height: 44px;
    padding: 0 48px 0 18px;

    border: 2px solid #1687c9;
    border-radius: 30px;
    background: #fff;

    font-size: 15px;
    font-weight: 600;
    color: #111;
    outline: none;
    box-sizing: border-box;
}

#gw-search-slide .gw-slide-submit {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);

    width: 28px;
    height: 28px;

    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

#gw-search-slide .gw-slide-submit i {
    font-size: 24px;
    color: #1687c9;
}

#gw-search-slide .gw-slide-close {
    width: 42px;
    height: 42px;

    border: 0;
    border-radius: 50%;
    background: #111;
    color: #fff;

    cursor: pointer;
}

#gw-search-slide .gw-slide-close i {
    font-size: 22px;
}

/* 패널 내부 스크롤 */
#gw-search-slide .gw-slide-body {
    height: calc(100vh - 83px);
    overflow-y: auto;
    padding: 18px 22px 30px;
}

#gw-search-slide .gw-slide-body::-webkit-scrollbar {
    width: 6px;
}

#gw-search-slide .gw-slide-body::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}

#gw-search-slide .gw-slide-body::-webkit-scrollbar-track {
    background: #f2f2f2;
}

/* 섹션 */
#gw-search-slide .gw-slide-section {
    padding: 18px 0;
    border-bottom: 1px solid #eee;
}

#gw-search-slide .gw-slide-section:last-child {
    border-bottom: 0;
}

#gw-search-slide .gw-slide-section h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 900;
    color: #111;
}

#gw-search-slide .gw-slide-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#gw-search-slide #gw-slide-recent-clear {
    border: 0;
    background: transparent;
    color: #777;
    font-size: 13px;
    cursor: pointer;
}

/* 리스트 */
#gw-search-slide ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#gw-search-slide li {
    position: relative;
    min-height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #333;
}

#gw-search-slide li a,
#gw-search-slide .immybox_choice {
    display: block;
    padding: 0 34px 0 10px;
    border-radius: 8px;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

#gw-search-slide li a:hover,
#gw-search-slide .immybox_choice:hover {
    background: #eaf7e8;
    color: #0b3d1c;
    font-weight: 800;
}

#gw-search-slide .num {
    display: inline-block;
    width: 26px;
    color: #d16f6f;
    font-weight: 900;
}

#gw-search-slide .word {
    font-weight: 700;
}

#gw-search-slide .recent-del {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);

    width: 20px;
    height: 20px;

    border: 0;
    border-radius: 50%;
    background: #ddd;
    color: #fff;

    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

#gw-search-slide .empty {
    color: #999;
    font-size: 14px;
}

/* 자동완성은 입력 전에는 숨김 */
#gw-slide-auto-box {
    display: none;
}

#gw-slide-auto-box.on {
    display: block;
}


/*tnb*/
.tnb-mobile-box{display: none;}

/*gw-mob-hd*/
#gw-mob-hd{display: none;}





/* 상품 상세/목록 위치 네비게이션 위치 조정 */
#gw-sct-location {
    position: relative;
    z-index: 1;
    clear: both;

    padding: 70px 0 18px !important;
    margin: 0 !important;

    font-size: 24px !important;
    line-height: 1 !important;
    background: #fff;
}


/* 건강식품 / 과일 글자 */
#gw-sct-location button,
#gw-sct-location a,
[class*="gw-side-menu-depth"] > button {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #555 !important;
    letter-spacing: -0.5px !important;
}

/* 드롭다운 박스 안 메뉴 글자 */
#gw-sct-location ul li a,
[class*="gw-side-menu-depth"] ul li a,
[class*="gw-side-menu-depth"] li a {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #555 !important;
    line-height: 1.5 !important;
}

/* 드롭다운 hover */
#gw-sct-location ul li a:hover,
[class*="gw-side-menu-depth"] ul li a:hover,
[class*="gw-side-menu-depth"] li a:hover {
    color: #c96f6f !important;
    font-weight: 800 !important;
}

/* 현재 선택된 메뉴 */
#gw-sct-location .active,
[class*="gw-side-menu-depth"] .active {
    color: #c96f6f !important;
    font-weight: 800 !important;