/* BASIC css start */
/* =============================================================================
   상단 header.html
   ========================================================================== */
#header-container { padding:0; }
#header-container .top_bar {width:100%;height:30px;background-color:#f9f9f9;font-size:12px;line-height:30px;border-bottom: 1px solid #d4d4d4; }
#header-container .top_bar .pcver {padding-left: 3.125%;}
#header-container .top_bar .pcver a {color:#6e6e6e;}
#header-container .menus { padding-right: 3.125%; text-align:right;}
#header-container .menus ul li { float: right; padding-left:10px; }
#header-container .menus ul li a { color: #a3a3a3; font-size: 12px; }
#header-container .menus .login a {color:#6e6e6e;font-weight:bold;}

#header-container .top_logo {padding-left: 3.125%;width: 42%;}
#header-container .top_logo img { width:100%; }
#header-container .area_search {width:46%;padding-right: 3.125%;} 
#header-container .area_search .inner {position: relative;margin:10px 0 0 0;border:3px solid #3f3f3f; } 
#header-container .area_search .area_input {margin-right: 25px; } 
#header-container .area_search input {width: 100%; height: 22px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;padding: 0; margin: 0;border-radius: 0;vertical-align: top;text-indent: 5px;font-size: 12px; } 
#header-container .area_search a.btn {background: none;border: 0;padding: 0; margin: 0;     position: absolute; bottom: 0; right: 0; }
#header-container .area_search a.btn img {height: 22px; }

#header-container .all_cate {float:left;width:30%;height:39px;background-color: #333333;}
#header-container .all_cate a {font-size:14px; color: #fff; font-weight: bold;display: block;line-height: 39px;text-align: center;padding:0;}

#header-container .top_menu {float:left;width:70%;height:39px;background-color: #3e9d28;}
#header-container .top_menu ul {width:100%;height: 39px;}
#header-container .top_menu li { float: left; width: 33.33%; text-align: center; }
#header-container .top_menu li a { font-size: 14px; color: #fff; font-weight: bold; display: block; line-height: 39px; padding:0; }


#menu-container { overflow: hidden; position: relative; } 
#slideMenu { background:#333; display:block; position:absolute;left:0px;top:0px;z-index:20; overflow:hidden; visibility: hidden; width:180px; }
#page{position: relative;left:0;top:0px;z-index:888;} 
#pageIn{background:#fff;padding:0px;height:100%;z-index:777;}
#snb { height: 100%; background: #333333; } 
#snb .area_search { border-bottom: 1px solid #000; } 
#snb .area_search .MS_search_word { width: 125px; height: 30px; background: none; color: #fff; float: left; border: 0; padding: 3px 0 3px 10px; font-size: 12px; font-weight: bold; vertical-align: middle; } 
#snb .area_search a { float: right; margin-right: 5px; } 
#snb .area_search img { height: 36px; }
#snb h2 { border-top: 1px solid #444; border-bottom: 1px solid #000; background: #222; height: 35px; line-height: 35px; font-weight: bold; font-size: 15px; color: #fff; font-family: "돋움", verdana; padding: 0 0 0 20px; margin: 0; } 
#snb li { border-top: 1px solid #444; border-bottom: 1px solid #000; background: #333; height: 30px; line-height: 30px; font-weight: normal; font-size: 12px; color: #ccc; font-family: "돋움", verdana; padding: 0 0 0 20px; } 
#snb li a { color: #ccc; font-family: "돋움", verdana; display:block;}
#snb .info_customer { border-top: 1px solid #444; padding: 15px 20px 20px; color: #ccc; font-size: 12px; line-height: 20px; font-family: "돋움", verdana; } 
#snb .info_customer p { font-size: 18px; font-weight: bold; font-family: "돋움", verdana; }



@media all and (orientation:landscape) { 
#header-container .area_search .inner {margin:20px 0 0 0; } 
}






/* BASIC css end */