/* BASIC css start */
#header {width:100%; position:sticky; top:0; left:0; width:100%; z-index:100; background: #fff;transition: 0.3s; }
#header .logo_wrap {position:relative; border-bottom: 1px solid #e5e5e5;}
#header h1 {width:92px; margin:0 auto; padding:12px 0;}
#header h1 a {display:block;}
#header .back-btn{position: absolute; left: 16px; top: 13px;}
#header .header_search {position:absolute; top:9px; right:46px;}
#header .header_cart {position:absolute; top:9px; right:16px;}
#header .header_cart .count {position:absolute; top:0; right:-5px; width: 18px; height: 18px; border-radius:18px; line-height:18px; text-align:center; font-size:10px; color:#fff; font-weight:600; background:#FE7900;}

.header_cate{padding: 10px 6px 10px 0}
.header_cate li{width: fit-content;}
.header_cate li a{display: block; padding: 7px 10px; border: 1px solid #111; color: #111; border-radius: 50px; line-height: 16px; font-size: 15px; font-weight: 500; letter-spacing: -.5px;}
.header_cate li.first a {border:0; padding:4px 10px;}
.header_cate.no{display: none;}

.fixed_footer {position:fixed; bottom:0; background:#fff; width: 100%; text-align: center; z-index:1000; padding-bottom: calc(constant(safe-area-inset-bottom) - 5px); padding-bottom: calc(env(safe-area-inset-bottom) - 5px);}
.fixed_footer .common_wrapper {display:flex; justify-content: space-between;}
.fixed_footer a {width:20%; height:50px;}
.fixed_footer a span {display:block; font-size:10px;}
.fixed_footer a span.icon {height:30px; line-height:30px; display:flex; justify-content: center; align-items: center;}
.fixed_footer a span.icon #MS_view_product em {width:20px; height:20px; display:block; margin:5px auto; overflow:hidden;}
.fixed_footer a span.icon #MS_view_product em.empty {box-sizing:border-box; border:1px solid #e5e5e5;}
.fixed_footer a span.icon #MS_view_product em img {width:100%;}
.fixed_footer a span svg {vertical-align:middle;}


/* 검색창 */
.search_wrap {position:fixed; top:0px; left:-9999px; z-index:3002; width:100%; background:white; box-sizing:border-box;opacity: 0; overflow-y: scroll; overscroll-behavior: contain; }
.search_wrap.active { left:0px; bottom:0px; right:0px; opacity:1; padding-bottom: 100px; }
.search_wrap .search_box { display: flex; position: relative; height: 50px; margin: 0 20px 0 10px; align-items: center; }
.search_wrap .search_box .close_btn { display: flex; padding-right: 8px; }
.search_wrap .search_box .close_btn a { width: 24px; height:24px; padding: 3px; }
.search_wrap .search_box .close_btn a img {height:100%; }
.search_wrap .search_box .search_area { display: flex; width: 100%; }
.search_wrap .search_box .search_area form {  width: 100%; }
.search_wrap .search_box .search_area .MS_search_word { width: 100%; height: 36px; line-height: 36px; border-radius: 30px; background: #f5f5f5; border: 0; padding: 0 50px 0 15px; font-size: 12px; box-sizing: border-box; }
.search_wrap .search_box .search_area .submit_btn { position:absolute; top: 0; right: 16px; line-height: 48px; }
.search_wrap .search_box .search_area .submit_btn img { height: 26px; vertical-align: middle;}
.search_wrap h1 { padding: 30px 0 15px; line-height: 20px; font-size:16px; font-weight:bold; }
.search_wrap h1 span { color:#eb5e3e; }
.search_wrap .recmd_keyword { padding: 0 20px; }
.search_wrap .ranking_keyword { padding: 0 20px; }
.search_wrap .banner_slide { margin: 0 20px; padding: 40px 0 30px; }
.search_wrap .banner_slide .swiper-pagination-bullet { background: #f3f3f3; width: 15px; height: 2px; margin: 0; border-radius: 0; opacity: 1; }
.search_wrap .banner_slide .swiper-pagination-bullet-active { background: #000; }


/* 실시간 상품 검색 순위 */
#snap_realtime_ranking {position:relative; padding:0  !important; width:100% !important; border:0 !important; margin:0 auto;}
#snap_realtime_ranking .title_wrap h3 {display:none; font-weight:bold; font-size:13px; color:#000; margin:0; padding:0;}
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 32px; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li {position:relative; padding:0 !important; line-height: 28px; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(1) { grid-area: 1 / 1; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(2) { grid-area: 2 / 1; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(3) { grid-area: 3 / 1; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(4) { grid-area: 4 / 1; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(5) { grid-area: 5 / 1; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(6) { grid-area: 1 / 2; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(7) { grid-area: 2 / 2; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(8) { grid-area: 3 / 2; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(9) { grid-area: 4 / 2; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:nth-child(10) { grid-area: 5 / 2; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li:last-child { position: absolute; top: -38px; right: 0; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li a {display:block; width:auto !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#000 !important;}
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li .sn_keywords_num {display: inline-block; width: 16px; margin-right:0; color:#FE7900 !important;}
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li .sn_keywords_txt { display: inline-block; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_txt_new_2 {position:absolute; right:0; top:10px !important; width:20px; height:7px; background: url(/makeshop/newmanager/assets/images/ico_txt_new_2.svg) no-repeat;}
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_ranking_up, 
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_ranking_down {position:absolute; right:0; top:11px; width:9px; height:10px;}
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_ranking_up {background: url(/makeshop/newmanager/assets/images/ico_ranking_up.svg) no-repeat;}
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_ranking_down {background: url(/makeshop/newmanager/assets/images/ico_ranking_down.svg) no-repeat;}
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li .sn_line {position:absolute; right:3px; top:0 !important; line-height: 28px; }
#snap_realtime_ranking .sn_keyword_wrap .sn_keywords li.sn_txt_date {text-align:right; color:#a9a9a9; padding-right:0; font-size:12px;}

/* 추천 검색어 */
#snap_recommend_ranking {position:relative; padding:0  !important; width:100% !important; border:0 !important; margin:0 auto;}
#snap_recommend_ranking .title_wrap h3 {display:none; font-weight:bold; font-size:13px; color:#000; margin:0; padding:0;}
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li {position:relative; padding:0 1px 6px 0 !important; display: inline-block; }
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li a {display:block; width:auto !important; padding: 6.5px 14px; border-radius: 30px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; background: #FFF8F6; color:#eb5e3e;}
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li .sn_keywords_num {display:none; margin-right:8px; color:#999;}
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_txt_new_2 {position:absolute; right:0; top:12px; width:20px; height:7px; background: url(/makeshop/newmanager/assets/images/ico_txt_new_2.svg) no-repeat;}
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_ranking_up, 
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_ranking_down {position:absolute; right:0; top:11px; width:9px; height:10px;}
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_ranking_up {background: url(/makeshop/newmanager/assets/images/ico_ranking_up.svg) no-repeat;}
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li .sn_ico_ranking_down {background: url(/makeshop/newmanager/assets/images/ico_ranking_down.svg) no-repeat;}
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li .sn_line {position:absolute; right:3px; top:10px;}
#snap_recommend_ranking .sn_keyword_wrap .sn_keywords li.sn_txt_date {text-align:right; color:#a9a9a9; padding-right:0; font-size:12px;}

/* 최근 검색어 */
.search_wrap .search_sub { width: 100%; display: block; vertical-align: top; padding:0 20px; box-sizing:border-box;}
.search_wrap .search_sub>h2 {margin: 20px 0 15px; font-size: 16px; font-weight: bold; position:relative; line-height: 20px; }
.search_wrap .search_sub>h2 span { color: #eb5e3e; }
.search_wrap .search_sub>h2 #clear-button { font-size: 12px; font-weight: 400; color: #a6a6a6; position: absolute; right: 0; top: 0; line-height: 20px; cursor:pointer; } 
.search_wrap .search_sub .search-inner .txt { color: #565656; font-size:13px; }
.search_wrap .search_sub #keyword-list { /*overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;*/ }
.search_wrap .search_sub #keyword-list li {display: inline-block; color: #565656; font-size: 13px; padding: 0 14px; margin: 0 5px 6px 0; border-radius: 30px; background: #f9f9f9; line-height:28px;}
.search_wrap .search_sub #keyword-list li span a {font-size:14px; color:#565656; font-weight:500;}
.search_wrap .search_sub #keyword-list li button {position: relative; background: none; border: none; width: 17px; height: 17px; padding:0; font-size:0; text-indent:0; color:#a5a5a5;}
.search_wrap .search_sub #keyword-list li button:after,
.search_wrap .search_sub #keyword-list li button:before { content: ""; width: 10px; height: 1px; position: absolute; top: 45%; right: 0; background: #a5a5a5; transition: 0.4s; }
.search_wrap .search_sub #keyword-list li button:after { transform: rotate(45deg); }
.search_wrap .search_sub #keyword-list li button:before { transform: rotate(135deg); }
/* BASIC css end */