/* BASIC css start */
/* =============================================================================
   »ó´Ü header.html
   ========================================================================== */
#header-container { padding: 15px 0 10px; }
#header-container .wrapper { min-height: 23px; }
#header-container h1 { font-size: 1em; margin: 0; padding: 0; float: left; margin-left: 10px; }
#header-container #logo { width: 100%; margin-bottom:5px;}
#header-container #logo img {text-align:center; }
#header-container nav { position: absolute; right: 0; text-align: right; top:40px;  }
#header-container nav li { line-height: 23.5px; display: inline-block;  padding-left: 24px; text-align: left; }
#header-container nav li a { color: #999; font-size: .75em; font-weight: bold; margin-left: 7.143%; }
#header-container nav li.cat { background: url(/images/d3/m_01/bull/category@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 70px; }
#header-container nav li.search { background: url(/images/d3/m_01/bull/search@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 40px; }

#header-container .hd-search {position:absolute; top:35px; right:0;}
#header-container .hd-search .input-keyword { font-size: .90em; height: 20px; /*border: 1px solid #ccc;*/ border: 3px solid #ff0000;  background:#f6f6f6;}


/* È¨|Àå¹Ù±¸´Ï|°ü½É»óÇ°|·Î±×ÀÎ */
#menu-container .menus ul { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f2f2f2; padding-left: 3.125%; padding-right: 3.125%; }
#menu-container .menus ul li { float: left; background: url(/images/d3/m_01/bull/menus_li@2x.gif) no-repeat 100% 50%; background-size: 1px 13.5px; height: 34.5px; line-height: 34.5px; text-align: center; width: 20%; }
#menu-container .menus ul li:last-child { background-image: none; }
#menu-container .menus ul li a { color: #000; font-weight: normal; font-size: .75em; }
#menu-container .menus ul li a span { color: #fff; font-size: smaller; background: url(/images/d3/m_01/bull/number_ico.png) no-repeat 0 50%; background-size: 21px 21px; text-align: center; width: 21px; height: 100%; display: inline-block; }

/*
#menu-container .menus ul li.wish { width: 19.286% }
#menu-container .menus ul li.home,
#menu-container .menus ul li.cart { width: 29.688% }
#menu-container .menus ul li.login { width: 19.286% }
*/
.MK_top_banner { text-align: center; }

/* ¸ÞÀÎ¸Þ´º */
#header-container .cate_list {width:100%; margin-top:10px; /*background:url(http://wnjeonbuk.img13.kr/erumi/mobile/top_bg.jpg) repeat-x*/; vertical-align:bottom; }
#header-container .cate_list a {color: #fff; font-weight: normal; font-size: .75em;}
#header-container .cate_list tr td {text-align:center; vertical-align:bottom;}
#header-container .cate_list tr td img {width:100%;}

#header-container .cate_list1 {width:100%; margin-top:1px; /*background:url(http://wnjeonbuk.img13.kr/erumi/mobile/top_bg.jpg) repeat-x*/; vertical-align:bottom; }
#header-container .cate_list1 a {color: #fff; font-weight: normal; font-size: .75em;}
#header-container .cate_list1 tr td {text-align:center; vertical-align:bottom;}
#header-container .cate_list1 tr td img {width:100%;}

/* ¸ÞÀÎ¸Þ´º */
#header-container .cate_list2 {width:100%; margin-top:1px; /*background:url(http://wnjeonbuk.img13.kr/erumi/mobile/top_bg.jpg) repeat-x*/; vertical-align:bottom; }
#header-container .cate_list2 ul{min-width:640px; margin:0; text-align:center;}
#header-container .cate_list2 li{float:left; margin:0; display: inline-block; }
#header-container .cate_list2 li a img{width:100%;}

/* ¸ÞÀÎ¸Þ´º */
#header-container .cate_list3 {width:100%; margin-top:1px; vertical-align:bottom; }
#header-container .cate_list3 ul{clear:both; width:100%; /* padding-left: 3.125%; padding-right: 3.125%;  height: 30%; */ }
#header-container .cate_list3 ul li{ float:left; margin:0px; width:16.66%; max-height:20px; display:inline-block; text-align:center; background:url(http://wnjeonbuk.img13.kr/erumi/mobile/top_bg.jpg) repeat-x ; padding-top:8px; padding-bottom:8px; }
#header-container .cate_list3 li a {color:#fff; font-weight: bold; font-size:.7em; }
#header-container .cate_list3 li.recipe a {padding-left:5px; }
#header-container .cate_list3 li a.hover {color:#fff000; font-weight: bold; font-size: .7em;}


/* ¸ÞÀÎ¸Þ´º */
#header-container .cate_list4 {width:100%; margin-top:1px; vertical-align:bottom; }
#header-container .cate_list4 ul{width:100%; /* padding-left: 3.125%; padding-right: 3.125%; */  }
#header-container .cate_list4 ul li{ float:left; margin:0px; width:23.83125%; ; max-height:19px; display:inline-block; text-align:center; background:url(http://wnjeonbuk.img13.kr/erumi/mobile/top_bg.jpg) repeat-x ; padding-top:8px; padding-bottom:8px; }
#header-container .cate_list4 ul li:first-child {width:4.675%; padding-top:8px;  background:url(http://wnjeonbuk.img13.kr/erumi/mobile/top_bg.jpg) repeat-x ; max-height:19px;}
#header-container .cate_list4 ul li:first-child img{width:100%; height:100%; vertical-align:middle;}
#header-container .cate_list4 ul li a {color:#fff; font-weight: bold; font-size:.65em; }

#header-container .cate_list4 li a.hover {color:#fff000; font-weight: bold; font-size: .65em;}
#header-container .cate_list4 ul:after{clear:both;}




/* BASIC css end */

