/* BASIC css start */
.menu_on { height:100%; overflow:hidden }
.menu_off { height:auto; overflow:initial }

#headerWrap { position:relative; width:100%; height:121px; z-index:100 }
#header { position:fixed; top:0; left:0; right:0; width:100%; height:121px; background:#fff }
#header.hdb_on { position:relative }
#header.hdb_on.fix { position:fixed !important }
#header .headerTop { display:flex; padding:20px 15px; position:relative; justify-content:space-between; align-items:center }
#header .headerTop .tLogo { width:75px }
#header .headerTop .tLogo a { display:block }
#header .headerTop .tLogo img { width:100% }
#header .headerTop .switchBox { position:relative; width:145px; height:37px }
#header .headerTop .switchBox .btnLinkSwitch { position:relative; width:145px; height:37px; font-size:0; border-radius:70px; background:#ededed }
#header .headerTop .switchBox .btnLinkSwitch a { display:inline-block; margin-top:2px; width:68px; height:33px; font-size:15px; color:#636363; text-align:center; line-height:35px; border-radius:20px }
#header .headerTop .switchBox .btnLinkSwitch a:first-child { margin-left:2px }
#header .headerTop .switchBox .btnLinkSwitch a:last-child { margin-right:2px }
#header .headerTop .switchBox .btnLinkSwitch a.on { width:73px; font-weight:600; background:#fff }
#header .headerTop .switchBox .btnLinkSwitch a.linkModern.on { color:#2fb8bd }
#header .headerTop .switchBox .btnLinkSwitch a.linkButter.on { color:#fe5f57 }
#header .headerTop .iconBox {  }
#header .headerTop .iconBox ul { display:flex; align-items:center }
#header .headerTop .iconBox li { margin-right:10px; height:20px }
#header .headerTop .iconBox li:first-child { padding-top:1px }
#header .headerTop .iconBox li:last-child { margin-right:5px }
#header .headerTop .iconBox li .btnSrchOpen { display:block; width:20px; height:20px; text-indent:-9999em; background:url(/design/mhmall2023/m/common/ico_sch_gy.png) 0 0 no-repeat; background-size:20px } 
#header .headerTop .iconBox li a { display:block; position:relative }
#header .headerTop .iconBox li a img { width:24px }
#header .headerTop .iconBox li a .cart_count { display:block; position:absolute; top:-3px; left:calc(100% - 5px); width:14px; height:14px; font-size:10px; color:#fff; text-align:center; line-height:14px; border-radius:50%; background:#fe5f57 }
#header .headerBottom { display:flex; margin:0 auto; width:100%; height:auto; max-width:640px; overflow:hidden }
#header .headerBottom .bottomArea { display:flex; width:100%; height:inherit !important; overflow:hidden }
#header .headerBottom .bottomArea .btnCateAll { display:block; padding:15px; font-size:14px; font-weight:600; line-height:1 }
#header .headerBottom .bottomArea .btnCateAll span { position:relative; display:inline-block; width:17px; height:14px; font-size:0; border:2px solid #fe5f57; border-width:2px 0 2px 0; box-sizing:border-box; vertical-align:top; overflow:hidden }
#header .headerBottom .bottomArea .btnCateAll span:before { margin:-1px 0 0; position:absolute; top:50%; width:100%; height:2px; background:#fe5f57; content:'' }
#header .headerBottom .scrollBox { width:100% !important; height:100%; overflow:auto hidden }
#header .headerBottom .scrollBox::-webkit-scrollbar { display:none }
#header .headerBottom .scrollBox .headerCate { display:flex; min-width:max-content; height:100%; font-size:0; text-align:left; align-items:center; justify-content:center; overflow:hidden; overflow-x:auto; clear:both; vertical-align:top }
#header .headerBottom .scrollBox .headerCate li { display:block; float:left; flex:0 0 auto; vertical-align:top }
#header .headerBottom .scrollBox .headerCate li a { display:block; padding:10px; position:relative; font-size:16px; letter-spacing: -.04em; font-weight:600; line-height:1 }
#header .headerBottom .scrollBox .headerCate li:nth-child(2) a:before { position:absolute; top:calc(50% - 8px); left:calc(100% - 5px); width:5px; height:5px; background:#f35f57; border-radius:50%; transform:translate(-50%,-50%); content:'' }

#header .search {height:42px; position:relative; left:0; right:0; background-color:#ab3e41; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}

/* 서브 상단 */
#subHeader { display:none; position:sticky; top:0; width:100%; height:40px; border-bottom:1px solid rgb(237, 237, 237); box-sizing:border-box; background:#fff; z-index:100 }
#subHeader .sHeaderLeft { position:absolute; top:0; left:0 }
#subHeader .sHeaderLeft .subPagePrev { display:block; padding:20px; font-size:0; text-indent:-9999em; background:url(/design/mhmall2023/m/common/ico_sub_header_prev.png) 50% 50% no-repeat; background-size:10px }
#subHeader .sHeaderRight { position:absolute; top:55%; right:3.5%; transform:translateY(-50%) }
#subHeader .sHeaderRight a { display:inline-block; padding:0 5px; width:19px; box-sizing:content-box }
#subHeader .sHeaderRight a img { display:block; width:100% }

/* 카테고리 */
aside { position:fixed; width:100%; height:100%; top:0; left:-100%; bottom:0; background:#fff; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; z-index:1001 } 
aside .asideTop {text-align: center;display: inline-block;position: absolute;top: 20px;left: 15px;z-index: 99999;} 
aside .asideTop a {display: inline-block;} 
aside .asideTop a img { width: 36px; } 
aside .asideTop h1 { display: inline-block; text-align: center; font-size: 15px; font-weight: 700; color: #272727; line-height: 21.72px; } 

aside .asideTab {position: sticky;top: 0;z-index: 1002;background: #fff;padding: 19.51px 0 0;} 
aside .asideTab .tab {display: flex;justify-content: center;background: #ededed;align-items: center;width: fit-content;border-radius: 70px;margin: 0 auto 19.51px;} 
aside .asideTab .tab li {display: inline-block;text-align: center;font-size: 15px;font-weight: 400;line-height: 13px;color: #636363;padding: 10px 18.5px;border-radius: 70px;margin: 2px;} 
aside .asideTab .tab li[data-tab="tab1"]{padding-right: 8px;}
aside .asideTab .tab li[data-tab="tab2"]{padding-left: 9px;}
aside .asideTab .tab li.current[data-tab="tab1"] {color: #2fb8bd;background: #fff;font-weight: 600;padding-right: 15.5px;}
aside .asideTab .tab li.current[data-tab="tab2"]{color: #fe5f57;background: #fff;font-weight: 600;padding-left: 15.5px;}

aside .tabcontent { display: none; } 
aside .tabcontent.current { display: block; } 
aside .tabcontent dl {overflow-x: scroll;white-space: nowrap;display: flex;gap: 15px;padding: 0 13px 20px;} 
aside .tabcontent dl dd {position: relative;display: inline-block;} 
aside .tabcontent dl dd:after{content:'';display: inline-block;width: 8px;height: 8px;background: #fe5f57;position: absolute;top: 2px;right: 2px;border-radius: 100px;border: 1px solid #fff;box-sizing: border-box;}
aside .tabcontent dl dd a {display: block;text-align: center;} 
aside .tabcontent dl dd a img {margin-bottom: 5px;border-radius: 100%;overflow: hidden;width: 48px;max-width: 48px;min-width: 48px;height: 48px;object-fit: cover; padding: 1px; box-sizing: border-box;}
aside .tabcontent dl dd a p {font-size: 12px;font-weight: 600;color: #272727;} 

aside .navCategory{display:none;}
aside .navCategory.current{display:block;}

aside nav { display: flex; height: 100vh; overflow: hidden; } 
aside nav .cate2 { display: block; } 
aside nav .cate2 > dd > a {position: relative;display: block;padding: 14px 19.5px 14px 10px;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #272727;} 
aside nav .cate2 > dd > a img {position: absolute;top: 11px;right: 0;display: inline-block;} 
/*aside nav .cate2 > dd > a img.rotate { filter: invert(55%) sepia(61%) saturate(462%) hue-rotate(133deg) brightness(99%) contrast(93%); } */
aside nav .cate3 {display: none;flex-wrap: wrap;border-bottom: 1px solid #fafafa;margin: 0;padding: 18px 15px;background: #f1f1f1;gap: 15px 0;border-radius: 5px;} 
aside nav .cate3.flexed { display:flex; } 
aside nav .cate3 li { width: 50%; } 
aside nav .cate3 li:first-child a{font-weight:700;}
aside nav .cate3 li a {display: block;box-sizing: border-box;font-size: 14px;font-weight: 400;line-height: 14px;color: #717171;} 


.left-panel {width: 136px;background: #d7d7d7;box-sizing: border-box;padding: 15px 8px;position: sticky;top: 0;overflow: hidden scroll;overscroll-behavior: contain;} 
.left-panel ul { list-style: none; padding: 0; } 
.category-btn {cursor: pointer;transition: background 0.3s;font-size: 15px;font-weight: 600;color: #717171;line-height: 15px;padding: 15.5px 15px;border-radius: 500px;} 
.category-btn.active {background: #fff;color: #272727;font-weight: 700;} 
.right-panel {width: calc(100% - 136px);padding: 0 15px;border-top: 1px solid #f1f1f1;box-sizing: border-box;position: sticky;top: 0;overflow: hidden scroll;overscroll-behavior: contain;} 
.right-panel .category {padding-bottom: 15px;margin-bottom: 15px;box-sizing: border-box;border-bottom: 1px solid #d7d7d7;} 
.right-panel .category:first-child .r_cate_tit{padding-top: 24px;}
.right-panel .category .r_cate_tit {display: flex;justify-content: space-between;align-items: center;padding: 9px 0;} 
.right-panel .category .r_cate_tit a {display: flex;align-items: center;gap: 10px;font-size: 16px;font-weight: 800;/* color: #2fb8bd; */} 
.right-panel .category .r_cate_tit .r_cate_toggle { display:none; font-size: 12px; font-weight: 500; color: #717171; cursor: pointer; } 
.right-panel .category .r_cate_tit .r_cate_toggle:nth-child(2){display:block;}
/* 버터샵 대분류명, 버튼 색상 변경 */
div[data-tab="tab2"] .right-panel .category .r_cate_tit a{/* color:#fe5f57; */}
div[data-tab="tab2"] .right-panel .category .r_cate_tit a img.cate1_more{filter: invert(64%) sepia(97%) saturate(3199%) hue-rotate(323deg) brightness(97%) contrast(114%);}

.rotate { transform: rotate(180deg); transition: transform 0.3s ease; } 


.topQuickLink { display:none; position:fixed; bottom:90px; right:10px; z-index:100 }
.topQuickLink li { position:relative }
.topQuickLink li span { display:inline-block; width:42px; height:42px; font-size:0; border-radius:50% }
.topQuickLink li .wish span { background:#2fb8bd url(/design/mhmall2023/m/common/wish_icon.png) 50% 50% no-repeat; background-size:24px auto }
.topQuickLink li .wish .wish_count { display:inline-block; padding:2px 5px; position:absolute; top:7px; right:-2px; font-size:12px; color:#fff; font-weight:normal; border-radius:50%; background:#000; vertical-align:top }
.topQuickLink li .wish .wish_count span { width:auto; height:auto; font-size:12px; background:none }
.topQuickLink li .top { display:block; width:60px }
.topQuickLink li .top span { display:block; width:60px; height:60px; text-indent:-9999em; background:url(/design/mhmall2023/m/common/ico_m_topbtn.png) 0 0 no-repeat; background-size:60px auto; vertical-align:top }
.topQuickLink li .custom-button-1 { width:60px; height:60px; text-indent:-9999em; border:0; background:url(/design/mhmall2023/m/common/ico_chatbot.png) 0 0 no-repeat; background-size:60px auto }

.btn_link_fix { position:fixed; bottom:30px; right:20px; z-index:100 }
.btn_link_fix .link_butter { display:block; padding:3px 3px 3px 38px; position:relative; width:100px; height:33px; font-size:14px; color:#fff; line-height:1.9; border-radius:50px; background:rgba(62, 58, 57, .85); box-sizing:border-box }
.btn_link_fix .link_butter:before { display:block; position:absolute; top:-2px; left:-2px; width:37px; height:37px; background:url(/design/mhmall2023/m/common/icon_modern.png) center / 38px no-repeat; content:'' }
.btn_link_fix .link_butter:after { display:block; position:absolute; top:9px; right:11px; width:7px; height:13px; background:url(/design/mhmall2023/m/common/ico_arrow_wh.png) 0 1px no-repeat; content:'' }

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span {}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 다찾다 검색 파인더 - 레이어 */
#allfinder-ctr { z-index: 100; position: fixed; right:0; bottom:50%; }
#allfinder-ctr a { display:block; width:77px; height:64px; background:url('/images/common/allfinder_ctrl_mo.png') no-repeat 0 0; background-size:100% 100%; border:none; outline:none; font-size:0; }

.all-finder-layer { z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; }
.all-finder-layer .finder-hd { z-index:1; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:1px solid #e7e7e7; background:#fff; }
.all-finder-layer .finder-hd .fa-close { position:absolute; top:17px; right:10px; font-size:26px; color:#000; }
.all-finder-layer .finder-hd .finder-tit { height:60px; line-height:60px; padding:0 10px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-2px; }
.all-finder-layer .finder-search { position:relative; margin:0 10px 20px; border:2px solid #000; border-radius:3px; }
.all-finder-layer .finder-search .fa-search { display: inline-block; width: 40px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; }
.all-finder-layer .finder-search .txt-input { width:85%; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; }
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; }
.all-finder-layer .finder-search dd { background:#FFF; }
.all-finder-layer .finder-opt { padding:60px 0 55px; color:#000; }
.all-finder-layer .finder-opt dl dt { position:relative; height:53px; line-height:53px; padding:0 10px; border-top:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; }
.all-finder-layer .finder-opt dl dt .fa { position:absolute; top:50%; right:10px; margin-top:-13px; font-size:25px; color:#b2b2b2; }
.all-finder-layer .finder-opt dl dt > .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:20px; margin-top:0; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer { display:none; position:absolute; top:43px; left:10px; width:70%; padding:0 15px 11px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:10px; right:14px; margin:0; font-size:19px; color:#000; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-tit { padding:13px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; line-height:14px; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-cnt { padding-top:13px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-opt dl dd { display:none; padding:10px 5px 0; border-top:1px solid #e7e7e7; background:#f4f4f4; font-size:0; }
.all-finder-layer .finder-opt dl dd label { display:inline-block; width:33.3333%; text-align:center; line-height:18px;}
.all-finder-layer .finder-opt .finder-color label { width:12.5%; }
.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; }
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; }
.all-finder-layer .finder-opt .finder-child-category { padding:0; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; }
.all-finder-layer .finder-btn-c { z-index:1; position:fixed; bottom:0; left:0; width:100%; height:55px; text-align: center; font-size:0; }
.all-finder-layer .finder-btn-c a.reset { display: inline-block; width: 30%; height: 55px; line-height: 55px; background: #999; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; border:none; }
.all-finder-layer .finder-btn-c button { display: inline-block; width: 70%; height: 55px; line-height: 55px; background:#2fb8be; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; border:none; }
.all-finder-layer .finder-btn-c button span.fa-search { margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; }
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color:#ffd800; font-size:18px; vertical-align:middle; }

.all-finder-layer .finder-opt .finder-category .cateShop { display:block; margin:0 0 10px 5px; width:30%; height:30px; font-size:12px; color:#fff; text-align:center; line-height:30px; vertical-align:top; word-break:break-all; }
.all-finder-layer .finder-opt .finder-category .cateShop.cateShopModern { background:#2fb8bd }
.all-finder-layer .finder-opt .finder-category .cateShop.cateShopButter { background:#fe5f57 }

.all-finder-layer .finder-opt .finder-options { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:22px; padding: 5px 5%; line-height:22px; border: 1px solid #ccc; word-break:break-all; border-radius: 20px; background:#fff; color:#000; text-align:center; font-size:12px; }
.all-finder-layer .finder-opt .finder-options.on { font-weight: bold; border: 1px solid #000; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 33px; height: 33px; border-radius:20px; font-size:0; vertical-align:middle; }
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:33px; height:33px; margin-top:-25px; color:#fff; text-align:center; font-size:16px; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

.finder-option-color.finder-option-color-black em { background-color: #000; }
.finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.finder-option-color.finder-option-color-gray em { background-color: #808080; }
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em { background-color: #425583; }
.finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.finder-option-color.finder-option-color-purple em { background-color: #800080; }
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em { background-color: #008000; }
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; }
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; }
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list ul li a:hover span {}
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 하단 고정 메뉴 */
#fixedMenu { position:fixed; bottom:0; left:0; right:0; width:100%; height:54px; background: #fff; z-index:1002; -webkit-box-shadow:0px -5px 41px -6px rgb(0 0 0 / 20%); -moz-box-shadow:0px -5px 41px -6px rgb(0 0 0 / 20%); box-shadow:0px -5px 41px -6px rgb(0 0 0 / 20%); /*transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transition:all 0.3s ease; -webkit-transition:all 0.3s ease*/ }
#fixedMenu.off { display:none !important }
#fixedMenu.fix { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0) }
#fixedMenu ul { padding:0 !important; font-size:0; text-align:center }
#fixedMenu li { display:inline-block; width:20%; height:54px; position: relative; }
#fixedMenu li a { width: 100%; height: 100%; display: block; position: absolute; top: 8px; }
#fixedMenu li a img { margin:9px 0 0 9px; width:22px; height:22px }
#fixedMenu li #MS_view_product { margin: 0 auto; width: 20px; height: 20px; border: 2px solid #D7D7D7; border-radius: 4px; }
#fixedMenu li #MS_view_product img { display: block; margin: 0 auto; width: 20px; height: 20px; }
#fixedMenu .botIcon { display:block; width:24px; height:24px; font-size:0; background-size:24px auto; vertical-align:middle; margin: 0 auto; }
#fixedMenu .botIcon.bHomeIcon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.0791 2.71626L3.57909 8.5496C3.21371 8.83378 3 9.27074 3 9.73363V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V9.73363C21 9.27074 20.7863 8.83378 20.4209 8.5496L12.9209 2.71626C12.3792 2.29497 11.6208 2.29497 11.0791 2.71626Z' fill='%23D7D7D7' stroke='%23D7D7D7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='9' y='12' width='6' height='8' rx='0.5' fill='white'/%3E%3C/svg%3E"); }
#fixedMenu .botIcon.bMenuIcon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='1' width='20' height='22' rx='1' fill='%23D7D7D7'/%3E%3Cpath d='M6 7H18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12H18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 17H18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#fixedMenu .botIcon.bWishIcon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.0555 3.41696C19.7229 3.69352 20.3294 4.09888 20.8401 4.60987C21.3511 5.12063 21.7565 5.72706 22.033 6.39452C22.3096 7.06198 22.4519 7.77738 22.4519 8.49987C22.4519 9.22236 22.3096 9.93777 22.033 10.6052C21.7565 11.2727 21.3511 11.8791 20.8401 12.3899L19.7801 13.4499L12.0001 21.2299L4.22012 13.4499L3.16012 12.3899C2.12843 11.3582 1.54883 9.95891 1.54883 8.49987C1.54883 7.04084 2.12843 5.64156 3.16012 4.60987C4.19181 3.57818 5.59109 2.99858 7.05012 2.99858C8.50915 2.99858 9.90843 3.57818 10.9401 4.60987L12.0001 5.66987L13.0601 4.60987C13.5709 4.09888 14.1773 3.69352 14.8448 3.41696C15.5122 3.14039 16.2276 2.99805 16.9501 2.99805C17.6726 2.99805 18.388 3.14039 19.0555 3.41696Z' fill='%23D7D7D7' stroke='%23D7D7D7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#fixedMenu .botIcon.bMypageIcon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14C6.67392 14 5.40215 14.5268 4.46447 15.4645C3.52678 16.4021 3 17.6739 3 19V21C3 21.5523 3.44772 22 4 22H20C20.5523 22 21 21.5523 21 21V19C21 17.6739 20.4732 16.4021 19.5355 15.4645C18.5979 14.5268 17.3261 14 16 14H8Z' fill='%23D7D7D7'/%3E%3Cpath d='M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z' fill='%23D7D7D7' stroke='%23D7D7D7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#fixedMenu .botIcon.bYtodayIcon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%23D9D9D9' stroke='%23D7D7D7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6V12L16 14' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#fixedMenu li .txt { font-size: 11px; display: block; text-align: center; margin-top: 4px; height: 11px; }
/* BASIC css end */