/* BASIC css start */
:root{
    --main_color : #2041BF;
    --sub_color : ; 
    --line_color:#dddddd;   
    --main_black:#222222;   
    --sub_black:#666666;   
    --sub_black_8:#888888;   
    --basic_font_size:17px;
    --small_font_size:15px;
    --mini_font_size:14px;
		--radius_10: 10px;
		--radius_5: 5px;
}

figure{margin:0; padding:0; box-sizing: border-box;}
figure img{width:100%; font-size: 0; line-height: 1;}

i>svg{width:100%; aspect-ratio: 1/1;}
i>img{width:100%; aspect-ratio: 1/1;}
i{display: flex;}
.icon_14{width:14px; aspect-ratio: 1/1;}
.icon_16{width:16px; aspect-ratio: 1/1;}
.icon_20{width:20px; aspect-ratio: 1/1;}
.icon_24{width:24px; aspect-ratio: 1/1;}
.icon_28{width:28px; aspect-ratio: 1/1;}
.icon_32{width:32px; aspect-ratio: 1/1;}

.header_wrap{margin:0 auto; width:1200px;}
.header_top{padding:12px 0; }
.header_top .header_wrap{display: flex; justify-content: space-between; align-items: center; gap: 0 40px;}
.header_top .logo{width:200px; height: 48px;}
.header_top .logo img{width:100%;}
.header_top .top_menu{display: flex; justify-content: flex-end; gap:0 10px;}
.header_top .top_menu a{font-size: var(--mini_font_size); color: var(--main_black);}

.header_bottom .header_bottom_inner{width:100%; border-bottom:1px solid var(--line_color); background-color: #ffffff;}
.header_bottom .header_bottom_inner.active{position: fixed; top:0; left:0; z-index:9;}
.header_bottom .header_wrap{position: relative; display: flex; justify-content: space-between; align-items: center; gap: 0 40px;}
.header_bottom .gnb_wrap{display: flex; align-items: center; gap:0 48px;}
.header_bottom .all_cata{padding:22px 0; display: flex; align-items: center; gap:0 14px; background-color: transparent; font-size: var(--basic_font_size); color: var(--main_black);}
.header_bottom .all_cata span{visibility: visible;}
.header_bottom .all_cata .all_cata_icon{display: flex; flex-direction: column; justify-content: space-between; gap: 6px; width:22px; height: 18px;}
.header_bottom .all_cata .all_cata_icon span{display: block; width:100%; height: 2px; background-color: var(--main_black);}
.header_bottom .gnb{display: flex; align-items: center; gap: 0 48px; height: 100%;}
.header_bottom .gnb li{height: 100%;}
.header_bottom .gnb li a{ display:flex; align-items: center; height: 100%; line-height: 1; font-size: var(--basic_font_size); color: var(--main_black); font-weight: 600;}
.header_bottom .gnb li a:hover{color: var(--main_color);}
.header_bottom .cata_menu_inner{position: absolute; top:100%; left:0; z-index:2; width:200px; height: 0; background-color:#ffffff; overflow: hidden; transition: height .2s;  }
.header_bottom .cata_menu_inner::before{content: ""; position: absolute; z-index:1; display: block; width:100%; height: 100%; border:1px solid var(--line_color); box-sizing: border-box; pointer-events: none;}
.header_bottom .cata_menu_inner .cata_menu{padding:18px 0 22px; }
.header_bottom .cata_menu_inner .cata_menu a{ padding:10px 24px; display: flex; align-items: center; gap: 4px; font-size: var(--basic_font_size); line-height: 1; color: var(--sub_black);  box-sizing: border-box; transition: backgound-color .3s; }
.header_bottom .cata_menu_inner .cata_menu a:hover{color: var(--main_color); background-color: #f5f5f5; }
.header_bottom .cata_menu_inner .cata_menu a span{display: flex; align-items: center; gap: 4px;}
.header_bottom .cata_menu_inner .cata_menu a span::before{display: block; width:24px; aspect-ratio: 1/1;}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(1) a span::before{content: url("/design/nhmelchi/new_images/icons/24_jukbang_anc.svg");}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(2) a span::before{content: url("/design/nhmelchi/new_images/icons/24_premium_anc.svg");}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(3) a span::before{content: url("/design/nhmelchi/new_images/icons/24_namhae_anc.svg");}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(4) a span::before{content: url("/design/nhmelchi/new_images/icons/24_seafood.svg");}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(5) a span::before{content: url("/design/nhmelchi/new_images/icons/24_namhae_product.svg");}

.header_bottom .cata_menu_inner .cata_menu li:nth-child(1) a:hover span::before{content: url("/design/nhmelchi/new_images/icons/on_24_jukbang_anc.svg");}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(2) a:hover span::before{content: url("/design/nhmelchi/new_images/icons/on_24_premium_anc.svg");}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(3) a:hover span::before{content: url("/design/nhmelchi/new_images/icons/on_24_namhae_anc.svg");}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(4) a:hover span::before{content: url("/design/nhmelchi/new_images/icons/on_24_seafood.svg");}
.header_bottom .cata_menu_inner .cata_menu li:nth-child(5) a:hover span::before{content: url("/design/nhmelchi/new_images/icons/on_24_namhae_product.svg");}


.header_bottom .cata_menu_wrap.active .cata_menu_inner{overflow: hidden;  box-sizing: border-box;}


.menu_tools{display: flex; align-items: center; gap: 20px;}
.menu_tools .search_wrap{position: relative;}
.menu_tools .search_wrap .MS_search_word{padding:0 48px 0 20px;   width:320px; height: 40px; border: 1px solid var(--line_color); border-radius: var(--radius_5); box-sizing: border-box;  }
.menu_tools .search_wrap .btn_search{position: absolute; top:50%; right:16px; z-index:1; transform: translateY(-50%);}
.menu_tools .mall_quicks{display: flex; align-items: center; gap: 12px;}
.menu_tools .mall_quicks .quicks_cart{position:relative;}
.menu_tools .mall_quicks .quicks_cart .user_basket_quantity{position: absolute; top:-6px; left:20px; display: block; padding:2px 5px; border-radius:20px; font-size:12px; color: #ffffff; background-color: var(--main_color); }








/* BASIC css end */