/* BASIC css start */
#review-board-list .item-search{margin-top:50px}

body:not(#main) #headerWrap{display:none !important}
body:not(#main) .subHeader{display:block !important}
.overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99997;
}


#ch-plugin-entry,
#ch-shadow-root-wrapper { display: none !important; }
/* 꺿 ¹Ì³ëÃâ */

.menu_on { height:100%; overflow:hidden }
.menu_off { height:auto; overflow:initial }

#headerWrap { position:sticky; top:0; width:100%; z-index:100 }
#header { width:100%; background:#fff }
#header.hdb_on { position:relative }
#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:63px; max-width:100% }
#header .headerTop .switchBox { position:relative; }
#header .headerTop .switchBox .btnLinkSwitch { position:relative; display: flex;align-items: center;}
#header .headerTop .switchBox .btnLinkSwitch a {}
#header .headerTop .switchBox .btnLinkSwitch a:first-child {position:relative; padding-right:17.99px }
#header .headerTop .switchBox .btnLinkSwitch a:first-child:after{content: "-";
    position: absolute;
    right: 6.5px;
    font-size: 0;
    width: 1px;
    height: 14px;
    background: #717171;
    top: -1px;}
#header .headerTop .switchBox .btnLinkSwitch a:last-child {margin-top: -7px; margin-left: 3px;}
#header .headerTop .iconBox {  }
#header .headerTop .iconBox ul { display:flex; align-items:center }
#header .headerTop .iconBox li { margin-right:10px; height:21px }
#header .headerTop .iconBox li:first-child { padding-top:0 }
#header .headerTop .iconBox li:last-child { margin-right:5px }
#header .headerTop .iconBox li:last-child img{
    margin-top: -3px;
    margin-right: -3px;}

#header .headerTop .iconBox li .btnSrchOpen {
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999em;
    background: url(/design/mhmall2023/2025_renewal/mo/search.svg) 0 0 no-repeat;
    background-size: 24px;
    margin-top: -1px;
    margin-left: -2px;} 

#header .headerTop .iconBox li:nth-child(2) a{
    margin-top: 2px;
    margin-left: 5px;}
#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;
    bottom: -2px;
    left: calc(100% - 7px);
    width: 14px;
    height: 14px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    background: #000;}
#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: 14px 5px 15px 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 #000; 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:#000; 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: 15px;
    letter-spacing: -.04em;
    font-weight: 500;
    line-height: 1; }
#header .headerBottom .scrollBox .headerCate li.point a{color:#fe5f57 }
#header .headerBottom .scrollBox .headerCate li.point a:before { position:absolute; top:calc(50% - 8px); left:calc(100% - 1px); width:5px; height:5px; background:#f35f57; border-radius:50%; transform:translate(-50%,-50%); content:'' }
#header .headerBottom .scrollBox .headerCate li.dealMenu a { color:#2fb8bd }
#header .headerBottom .scrollBox .headerCate li.saleMenu a { }
#header .headerBottom .scrollBox .headerCate li.saleMenu2 a { color:#006439 }


#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;}


#topbanner{background:#fff;}


/* ¼­ºê »ó´Ü */
#subHeader { display:none; 
    position: sticky;
    top: 0;
    width: 100%;
    height: 54px;
    border-bottom: 1px solid #E0E2E5;
    box-sizing: border-box;
    background: #fff;
    z-index: 100;}
#subHeader .sHeaderLeft { 
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);}
    
#subHeader .sHeaderLeft .subPagePrev { display:block; padding:20px; font-size:0; text-indent:-9999em; background:url(/design/mhmall2023/2025_renewal/mo/subheader_back.svg) 50% 50% no-repeat; background-size:24px }
#subHeader .sHeaderRight { position:absolute; top:50%; right:15px; 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% }
#subHeader .only_sub{
    line-height: 54px;
    align-content: center;
    justify-content: center;
    height: 100%;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.05em;}
#subHeader .iconBox {  }
#subHeader .iconBox ul { display:flex; align-items:center }
#subHeader .iconBox li { margin-right:14px; height:21px }
#subHeader .iconBox li:first-child { padding-top:1px }
#subHeader .iconBox li.home{margin-right:0; margin-top:-3px}
#subHeader .iconBox li:last-child { margin-right:5px }
#subHeader .iconBox li:last-child img{
    margin-top: -1px;
    margin-right: -3px;}

#subHeader .iconBox li .btnSrchOpen {
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999em;
    background: url(/design/mhmall2023/2025_renewal/mo/search.svg) 0 0 no-repeat;
    background-size: 24px;
    margin-top: -1px;
    margin-left: -2px;} 
    
#subHeader .iconBox li a { display:block; position:relative }
#subHeader .iconBox li a img { width:24px }
#subHeader .iconBox li a .cart_count { 
    display: block;
    position: absolute;
    bottom: -2px;
    left: calc(100% - 7px);
    width: 14px;
    height: 14px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 13px;
    border-radius: 50%;
    background: #000;}

/* Ä«Å×°í¸® */
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:10000 } 
aside .asideTop {text-align: center;display: inline-block;position: absolute;top: 28px;left: 15px;z-index: 99999;} 
aside .asideTop a {display: inline-block;} 
aside .asideTop a img { width: 24px; } 
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: 25px 0 0;} 
aside .asideTab .tab {display: flex;justify-content: center;background: #ededed;align-items: center;width: fit-content;border-radius: 70px;margin: 0 auto 25px;} 
aside .asideTab .tab li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
    color: #636363;
    padding: 8px 14px;
    border-radius: 70px;
    margin: 0;}
    
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: #fff;
    background: #000000;
    font-weight: 600;
    padding-right: 14px;}
aside .asideTab .tab li.current[data-tab="tab2"]{color: #fe5f57;background: #fff;font-weight: 600;padding-left: 14px;}

aside .tabcontent { display: none; } 
aside .tabcontent.current { display: block; } 
aside .tabcontent dl {
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    gap: 6px;
    padding: 0 0 25px 13px;} 
aside .tabcontent dl dd {position: relative;display: inline-block;    min-width: 65px;    max-width: 65px;} 
aside .tabcontent dl dd:after{opacity:0; 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: 10px;
    border-radius: 10px;
    width: 100%;}
aside .tabcontent dl dd a p {
    font-size: 12px;
    font-weight: 500;
    color: #000000;} 

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: 16.5px 0;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #272727;} 
aside nav .cate2 > dd > a img {
    transform: rotate(0deg);
    position: absolute;
    top: 14px;
    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;} 

aside .iconBox {
    position: absolute;
    right: 15px;
    top: 28px;}
aside .iconBox ul { display:flex; align-items:center }
aside .iconBox li { margin-right:15px; height:24px }
aside .iconBox li:first-child { padding-top:1px }
aside .iconBox li:last-child { margin-right:5px }
aside .iconBox li .btnSrchOpen {
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999em;
    background: url(/design/mhmall2023/2025_renewal/mo/search.svg) 0 0 no-repeat;
    background-size: 24px;} 
aside .iconBox li a { display:block; position:relative }
aside .iconBox li a img { width:24px }
aside .iconBox li a .cart_count {
    display: block;
    position: absolute;
    bottom: -2px;
    left: calc(100% - 7px);
    width: 14px;
    height: 14px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    background: #000;}





.left-panel {
    border-top: 1px solid #E0E2E5;
    width: 130px;
    background: #F6F6F6;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    overflow: hidden scroll;
    overscroll-behavior: contain;}
    
.left-panel ul {
    display: flex;
    flex-direction: column;
    list-style: none; padding: 0; } 

.category-btn{
    cursor: pointer;
    transition: background 0.3s;
    font-size: 14px;
    font-weight: 500;
    color: #6A6A6A;
    line-height: 15px;
    padding: 16px 30px;} 

.category-btn a{
    cursor: pointer;
    transition: background 0.3s;
    font-size: 14px;
    font-weight: 500;
    color: #6A6A6A;
    line-height: 15px;} 
    
    
.category-btn.active {
    background: #fff;
    color: #000000;
    font-weight: 600;}

.category-btn:nth-last-child(1){ _margin-bottom: 300px;}

.right-panel {width: calc(100% - 130px);padding: 0 20px;border-top: 1px solid #E0E2E5;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:nth-last-child(1) {
    _margin-bottom: 500px;
}


.right-panel .category .r_cate_tit {display: flex;justify-content: space-between;align-items: center;padding: 14px 0;} 
.right-panel .category .r_cate_tit a {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    font-weight: 600;}
    
.right-panel .category .r_cate_tit a img:nth-child(1){ display:none; }
.right-panel .category .r_cate_tit a img:nth-child(2){filter: brightness(0); margin-top: 1px; margin-bottom: -1px;}
.right-panel .category .r_cate_tit .r_cate_toggle {
    display:none; 
    font-size: 12px;
    font-weight: 500;
    color: #717171;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    z-index: -1; } 
.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) !important;
    transition: transform 0.3s ease;
    filter: saturate(0.5); } 

.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 .recent{width:60px; height:60px;background-size:60px auto; }
.topQuickLink li .recent span { display:block; }
.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_butter.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; }



/*°Ë»ö¹Ú½º*/
.searchBox {
    margin: 0 auto;
    position: fixed;
    z-index: 222222;
    background: #fff;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    overflow: auto;
}


.searchBox .title {
font-weight: bold;
margin-bottom: 20px;
font-size:16px; 
color:#000; 
font-weight:500;
display: flex;
justify-content: space-between;
align-items: center;
}

.finder-Box{border-bottom:1px solid #E0E2E5;
    position: fixed;
    background: #fff;
    width: calc(100% - 30px);
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    gap: 30.5px;
    align-items: center;}

.finder-Box .subPagePrev { 
    background: url(/design/mhmall2023/2025_renewal/mo/back.svg) center no-repeat;
    font-size: 0;
    width: 20px;
    padding: 0;
    display: block;
    height: 20px;
}

.finder-search{
    display: flex;
    position: relative;
    width: calc(100% - 55px);}

.finder-search > div{
    width: calc(100% - 40px);
    margin: 0;
    padding: 0;
    font-size: 16px !important;
    outline: none;
    border: none;
    color: #000000;
    vertical-align: top;
    letter-spacing: -1px;
    height: 35px;
    line-height: 35px;
    order: 1;
    text-indent: 15px;
    font-weight: 500;
    background: #F6F6F6;}
    
    

.recent-search{
    display: none;
    margin-top: 96px;
    margin-bottom: -50px;
    padding: 0 0 0 15px;}

.finder-Box #keyword{
    width: calc(100% - 20px);
    margin: 0;
    padding: 0;
    font-size: 16px !important;
    outline: none;
    border: none;
    color: #000000;
    vertical-align: top;
    letter-spacing: -1px;
    height: 35px;
    line-height: 35px;
    order: 1;
    text-indent: 0;
    font-weight: 500;
    background: #F6F6F6;}
    

.finder-Box #keyword:placeholder{color:#9e9e9e}


.searchBox .title span{
    font-size: 16px;
    line-height: 1;
    color: #000;
    font-weight: 600;}
    
    
    
.searchBox .title button{
    margin-top: 0;
    width: auto;
    font-size: 14px;
    color: #717171;
    border: 0;
    background: none;
    font-family: 'Pretendard';
    letter-spacing: -.05em;
    margin-right: 15px;}

.searchBox .btn_search{
    display: inline-block;
    width: 40px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    order: 2;
    background: url(/design/mhmall2023/2025_renewal/mo/search.svg) no-repeat center;
    font-size: 0;
    position: absolute;
    right: -14px;
    top: -1px;}
    
    
.searchBox .iconBox{
    position: absolute;
    right: 17px;
    top: 20px;
    display: none
    }
    

.searchBox .iconBox .cart_count{
    display: block;
    position: absolute;
    bottom: -2px;
    left: calc(100% - 10px);
    width: 14px;
    height: 14px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    background: #000;}

.recommended-search .keywords{
    scrollbar-width: none;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;}

.recommended-search .keywords span {
    display: inline-block;
    background: #f6f7f9;
    padding: 10px 16px;
    border-radius: 500px;
    margin: 0px 10px 10px -2px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.keywords span button.remove {
background: none;
border: none;
margin-left: 5px;
cursor: pointer;
}



/*ÃÖ±Ù°Ë»ö¾î*/
.search-inner{
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
#keyword-list{display: flex}
#keyword-list li{
    display: inline-block;
    margin-right: 8px;}
    
#keyword-list li:last-child{display: flex}
#keyword-list li:last-child:after{
    content: "-";
    margin-right: 15px;
    font-size: 0;}
    
    
#keyword-list li span{
    display: block;
    white-space: nowrap;
    padding: 9px 10px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #f0f1f4;
    color: #131518;
    background: none;}
    
#keyword-list li span a{}
#keyword-list li span a,
#keyword-list li span em{color:#6A6A6A}
#keyword-list li span button.remove{
    border: 0;
    background: none;}

#keyword-list li span button.remove em{
    font-size: 19px;
    font-weight: 300;}

.recommended-search{
    margin: 85px 15px 35px 15px;}

.best-products {margin-top:50px}

.best-products .products {
display: flex;
gap: 10px;
    margin-top: 15px;
    margin-bottom: 50px;
}
.best-products .product {
width: calc(33.333% - 6.666px);
border: 1px solid #eee;
padding: 10px;
box-sizing: border-box;
}
.best-products .img {
width: 100%;
height: 100px;
background: #f9f9f9;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
}
.best-products .img img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.best-products .price {
font-weight: bold;
color: #000;
}
.best-products .sale {
color: red;
margin-right: 5px;
}
.popular-search{margin: 0 15px;}

.popular-search ol {
    display: grid;
    grid-template-rows: repeat(5, auto);
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
}
.popular-search li {
    font-size: 14px;
    margin: 3px 0;
    margin-bottom: 15px;
    height: 14px;
    color: #000;
    font-weight: 400;
}

.popular-search li span button.remove{}

.popular-search li:nth-child(-n+4){_color:#000}

.popular-search li em{margin-right:30px;font-weight:500; font-size:14px; color:#000;
    width: 9px;
    display: inline-block;}

.popular-search .new {
    color: #FE5F57;
    font-size: 12px;
    padding: 2px 10px;
    display: inline-block;
    margin: 0 0 0 10px !important;
    font-weight: 400;
}


/* ´Ùã´Ù °Ë»ö ÆÄÀδõ - ·¹À̾î */
div[data-tab="tab-1"]{display:none}
#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: 9999999999999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 40px);
    _height: 70vh;
    background: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 0 20px 5%;}

.all-finder-layer .bar{
    width: 30px;
    height: 3px;
    background: #F6F6F6;
    display: block;
    font-size: 0;
    margin: 15px auto 30px;
}

.all-finder-layer .finder-hd {width: 100%; }
    
    
.all-finder-layer .finder-hd .all-finder-close{
    z-index: 22;
    position: absolute;
    top: 41px;
    right: 20px;
    background: url(/design/mhmall2023/2025_renewal/mo/close.svg) center no-repeat;
    color: #000;
    width: 18px;
    height: 18px;
    font-size: 0;}
    
.all-finder-layer .finder-hd .finder-tit {
    margin-bottom: 20px;
    padding: 0 5px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    letter-spacing: -2px;
    margin-top: 18px;
    line-height: 1;}
    
.all-finder-layer .finder-search {
    display:flex; 
    position: relative; 
    width: calc(100% - 70px);}
    
.all-finder-layer .finder-search .fa-search {
    display: inline-block;
    width: 40px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    order: 2;
    background: url(/design/mhmall2023/2025_renewal/mo/search.svg) no-repeat center;
    font-size: 0;
    position: absolute;
    right: -14px;
    top: -1px;}
    
.all-finder-layer .finder-search .txt-input {
    width: calc(100% - 28px);
    margin: 0;
    padding: 0;
    font-size: 16px !important;
    outline: none;
    border: none;
    color: #000000;
    vertical-align: top;
    letter-spacing: -1px;
    height: 35px;
    line-height: 35px;
    order: 1;
    text-indent: 15px;
    font-weight: 500;
    background: #F6F6F6;}
    


.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 {
    color: #000;}
    
.all-finder-layer .finder-opt dl{
    min-height: 300px;
    overflow: hidden;
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    position: relative;
    align-content: flex-start;}
    
    
.all-finder-layer .finder-opt dl dt{    font-weight: 500;
    color: #6A6A6A;
    font-size: 16px;
    cursor: pointer;
    z-index: 2;
    padding-right: 30px;
    height: 20px;
}

.all-finder-layer .finder-opt dl dt.active{position:relative; color:#000;font-weight:600}
.all-finder-layer .finder-opt dl dt.active:after{
    opacity:0;
    content: "-";
    position: absolute;
    bottom: -16px;
    left: 0;
    font-size: 0;
    width: calc(100% - 27px);
    height: 2px;
    background: #000;}
.all-finder-layer .finder-opt dl dt .fa {display:none;  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:not(.finder-child-category){ 
    display: none;
    width: 100%;
    background: #fff;
    border-top: 1px solid #F6F6F6;
    z-index: 1;
    margin-top: 15px;
    padding-top: 20px;
    overflow: auto;
    height: calc(100% - 60px);
}
    

.all-finder-layer .finder-opt dl dd label {
    display: block;
    line-height: 1;
    width: 100%;}

.all-finder-layer .finder-opt dl dd{position: absolute; top: 18px;}

.all-finder-layer .finder-opt dl dd.tab-3 .finder-price{
    flex-wrap: wrap;
    display: flex}

.all-finder-layer .finder-opt dl dd.tab-3 .sm_finder_item_wrap {width:100%}

.all-finder-layer .finder-opt dl dd.tab-3 .finder-price label span{
    padding: 0 0 20px 0;
    color: #000;
    font-weight: 400;
    display: flex;
    gap: 10px;
    align-items: center;}
        
.all-finder-layer .finder-opt dl dd.tab-3 .finder-price label span:before{
    content: "v";
    background: url(/design/mhmall2023/2025_renewal/pc/img/basket_check_off.png);
    width: 16px;
    display: inline-block;
    height: 16px;
    background-size: 16px;
    font-size: 0;}

.all-finder-layer .finder-opt dl dd.tab-3 .finder-price label span.on:before{
    content: "v";
    background: url(/design/mhmall2023/2025_renewal/pc/img/basket_check_on.png);
    width: 16px;
    display: inline-block;
    height: 16px;
    background-size: 16px;
    font-size: 0;}
.all-finder-layer .finder-opt dl dd.tab-3 .finder-price label span.on{font-weight:600; color: #000 !important;}



.all-finder-layer .finder-opt dl dd.tab-4{}

.all-finder-layer .finder-opt dl dd.tab-4 .subPagePrev,
.all-finder-layer .finder-opt dl dd.tab-4 .iconBox{display:none}
.all-finder-layer .finder-opt .finder-color label { width:12.5%; }
.all-finder-layer .finder-opt .finder-price .finder-price-input {
    order: -1;
    padding: 0 0 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 400;}
    
.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:none; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label {
    display: inline-block;
    width: 42%;
    padding: 0 8px;
    border-radius: 3px;
    color: #666;
    background: #F6F6F6;
    text-align: center;
    position: relative;
    height: 35px;
    line-height: 35px;}
    
    
    
    
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input {    border-radius: 5px;
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0;
    border: none;
    outline: none;
    left: 0;
    position: absolute;
    text-align: center;
    background: #F6F6F6;
    font-size: 14px;
    font-weight: 400;
    font-size: 12px !IMPORTANT;
    COLOR: #6A6A6A;
    letter-spacing: -.05em;}
    
    
.all-finder-layer .finder-opt .finder-child-category {     width: 100%;
    margin: 30px 0px 0;
    padding: 0;
    _height: 43vh;
    height: calc(100% - 53px);
    overflow: auto;}
.all-finder-layer .finder-opt .finder-child-category .cateShop{
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 600;
    color: #FE5F57;
    background: #fff;
    word-break: break-all;
    letter-spacing: -1px;
    display: inline-block;}
.all-finder-layer .finder-opt .finder-child-category.hidden{display:none !important}


.all-finder-layer .finder-opt .finder-child-category .mobile-select-category {    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 600;
    color: #FE5F57;
    background: #fff;
    word-break: break-all;
    letter-spacing: -1px;
    display: inline-block;}
    
    
.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 {
    margin: 10px 0;
    width: 100%;
    height: 45px;
    text-align: center;
    font-size: 0;
    background: #fff;
    padding-bottom: 52px;
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    /*position: fixed;
    bottom: 50px;
    left: 0;*/
    padding-bottom: 0;
}

.all-finder-layer .finder-btn-c a{
    height: 45px;
    line-height: 45px;}
    
.all-finder-layer .finder-btn-c a.reset {
    width: 25%;
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #E0E2E5;
    box-sizing: border-box;}
    
.all-finder-layer .finder-btn-c a.reset img{
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -3px;}

.all-finder-layer .finder-btn-c button {
    display: inline-block;
    background: #000000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.5px;
    border: none;
    width: 100%;}
.all-finder-layer .finder-btn-c button,
.all-finder-layer .finder-btn-c span{
    visibility: visible;}

.all-finder-layer .finder-btn-c button span.fa-search { 
    display: none;
    margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; visibility: visible; }
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color: #C94C46; font-weight: 700;}


.all-finder-layer dd:not(.tab-2) .cateShop{display:none}

.all-finder-layer .finder-opt .finder-category .cateShop { display:block; color: #000; font-weight: 600; margin-bottom: 20px; font-size: 16px;/*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.on{ color: #FE5F57;}

.all-finder-layer .finder-opt .finder-category .cateShop.cateShopModern {_background:#2fb8bd }
.all-finder-layer .finder-opt .finder-category .cateShop.cateShopButter {padding-top: 10px; _background:#fe5f57 }

.all-finder-layer .finder-opt .finder-options {    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #6A6A6A;
    padding: 0 0 20px 10px;}
    
.all-finder-layer .finder-opt .finder-options.on { 
    font-weight: 600;
    color: #FE5F57 !important;}
.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; }



.all-finder-layer .finder-opt .search{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;    
    width: calc(100% - 30px);
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    gap: 8px;}


.all-finder-layer .finder-opt .search .subPagePrev{
    background: url(/design/mhmall2023/2025_renewal/mo/back.svg) center no-repeat;
    font-size: 0;
    width: 20px;}

.all-finder-layer .finder-opt .search .iconBox{
    position: absolute;
    right: 17px;
    top: 20px;}

.all-finder-layer .finder-opt .search .iconBox ul li a{display:block}
.all-finder-layer .finder-opt .search .iconBox ul li a span.cart_count{
    display: block;
    position: absolute;
    bottom: -2px;
    left: calc(100% - 10px);
    width: 14px;
    height: 14px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    background: #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;
  left: 0;
  right: 0;  
  bottom: env(safe-area-inset-bottom);
  width: 100%;  
  transition: bottom 0.3s ease; 
  background: #fff;  
  z-index: 10001; 
  _z-index: 2147483647 !important;
  box-shadow: 0px -4px 8px 0px rgb(0 0 0 / 0.25);
}
#fixedMenu .fixed-inner {
  height: 68px; 
  transform: none !important;
  background:#fff;
}

#fixedMenu.on{bottom: 0;}

#fixedMenu.on .fixed-inner {
  transform: translateY(0);
}


#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 {
  display: flex;
  height: 100%;
}

#fixedMenu li {
  flex: 1;
  height: 100%;
}

#fixedMenu li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  position: relative; /* Áß¿ä */
  touch-action: manipulation; /* ¾Èµå·ÎÀ̵å ÅÍÄ¡ ¾ÈÁ¤È­ */
}

#fixedMenu .botIcon {
  margin-bottom: 4px;
}

#fixedMenu li .txt {
  margin-top: 2px;
}



/*
#fixedMenu ul { height: 100%;padding:0 !important; font-size:0; text-align:center }
#fixedMenu li { display:inline-block; width:20%; height:100%; position: relative; }
#fixedMenu li a { width: 100%; height: 100%; display: block; position: absolute; top: 15px; }
*/




#fixedMenu li a img { margin:9px 0 0 9px; width:22px; height:22px }
#fixedMenu li #MS_view_product { position:relative; margin: 0 auto; width: 20px; height: 20px; border-radius: 4px; }

#fixedMenu li #MS_view_product a{position: unset;}
#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.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='%23FE5F57' stroke='%23FE5F57' 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.bHomeIcon + .txt{color:#FE5F57}


#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 {
    padding: 0;
    font-size: 9px;
    display: block;
    text-align: center;
    margin-top: 5px;
    height: 11px;
    font-weight: 600;
    color: #9E9E9E;
    letter-spacing: 0;
    font-family: 'Pretendard';}


/*´Ùã´Ù Ä¿½ºÅÒ*/
.finder-category2{/*
    height: 200px;
    overflow: auto;*/}
.finder-category2 span{
    padding: 0 0 20px 0 !IMPORTANT;/*
    background:url('/design/mhmall2023/2025_renewal/mo/check_off.svg') no-repeat;
    background-position: top right;*/
    color: #000 !important;
    font-weight: 500 !important;
    text-indent: 10px;}

.finder-category2 span.on{
    color: #FE5F57 !important;/*
    background:url('/design/mhmall2023/2025_renewal/mo/check_on.svg') no-repeat;
    background-position: top right;*/}
    
    
.cateTopBanner .innerContainer{ _padding-top: 50px !important;}

/*sub top fix*/
main{position:relative}
.sub_box{}
.sub_box .back{display:none; /*background:url('/design/mhmall2023/2025_renewal/mo/arrow-left.svg') no-repeat;*/ width:24px; height:24px; vertical-align: middle; }

.sub_box{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    width: 100%;}
    
.sub_top{display:none}
.sub_box .back{font-size:0; display: inline-block;position: absolute; left: 15px;}
.sub_box .sub_top{    height: 54px;
    display: flex;
    position: relative;
    text-align: center;
    width: auto;
    justify-content: center;
    align-items: center;}
.sub_box .sub_top .title{}

.sub_box .sub_top .arrow{    z-index: 22;
    background: url(/design/mhmall2023/2025_renewal/mo/catE_arrow.svg) no-repeat;
    transform: rotate(180deg);
    width: 12px;
    height: 6px;
    display: inline-block;
    padding: 0 11px;
    background-size: 12px 6px;
    vertical-align: middle;
    margin-top: 0;
    position: absolute;
    top: -3px;
    right: -41px;
    background-position: center;
    transition: 0.3s;
    background-size: 12px 6px;
    width: 30px;
    height: 30px;}
    
    
.sub_box .sub_top p{display: inline-block; margin-top: 2px;position: relative;}
.sub_box .sub_top .arrow.on{transform: rotate(0deg); top: -5px;}
.sub_box .sub_top .list{position: absolute;
    z-index: 2;
    background: #fff;
    top: 41px;
    left: 0;
    width: 100%;
    padding-top: 12px;}
    
.sub_box .sub_top .list ul{
    display: flex;
    flex-wrap: wrap;
    padding: 30px 30px 10px;}
    
.sub_box .sub_top .list ul li{
    width: 50%;
    text-align: left;}
.sub_box .sub_top .list ul li a{
    font-size: 14px;
    font-weight: 400;
    padding: 0px 10px 20px 0;
    display: block;
    color: #6A6A6A;}
    
.sub_box .sub_top .list li.on a{color:#000; font-weight:600}

.sub_box .classListCate1{
    margin-bottom: 0 !important;
    padding-bottom: 0 !IMPORTANT;}
    
.sub_box .classListCate1:after{
    position: absolute;
    height: 1px;
    width: 100%;
    background: #E0E2E5;
    z-index: -1;
    content: "-";
    bottom: 0;}

.sub_box .classListCate1 ul{}
.sub_box .classListCate1 ul li{background: none !important;}
.sub_box .classListCate1 ul li.on{background: none ! important; border-radius: 0;}
.sub_box .classListCate1 ul li.on:after{
    content: "-";
    height: 2px;
    width: 100%;
    display: block;
    font-size: 0;
    bottom: 0;
    position: absolute;
    z-index: 22;
    background: #000;
}
.sub_box .classListCate1 ul li a{
    padding: 0 10px 15px !important;
    font-size: 14px;}
.sub_box .classListCate1 ul li.on a{color: #000 !important; font-weight: 600;}
#header .headerBottom{border-bottom: 1px solid #E0E2E5;}

.sub_box .iconBox{
    display:none;
    position: absolute;
    right: 0;
    top: 0;}
   
.sub_box .iconBox{display:block !important}


.sub_box .iconBox {
    position: absolute;
    top: 15px;
    right: 15px;
}

.sub_box .iconBox ul {
    display: flex;
    align-items: center
}

.sub_box .iconBox li {
    margin-right: 14px;
    height: 21px
}

.sub_box .iconBox li:first-child {}

.sub_box .iconBox li:last-child {
    margin-right: 5px
}

.sub_box .iconBox li .btnSrchOpen {
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999em;
    background: url(/design/mhmall2023/2025_renewal/mo/search.svg) 0 0 no-repeat;
    background-size: 24px;
}

.sub_box .iconBox li a {
    display: block;
    position: relative
}

.sub_box .iconBox li a img {
    width: 24px
}

.sub_box .iconBox li a .cart_count {
    display: block;
    position: absolute;
    bottom: -2px;
    left: calc(100% - 7px);
    width: 14px;
    height: 14px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    background: #000;
}


/* BASIC css end */