#wrap { margin: 0 auto; width: 977px; }


/* header */
#header { margin-bottom: 10px; width: 977px; }
#header .top {height:128px; width:977px; overflow:hidden;}
#header .top .gnb { width:977px; height:30px; padding-top:4px;}
dl.gnbmenu { margin: 0px; margin-top: 5px; margin-right: 5px; padding: 0px; float: right; }
dl.gnbmenu dd { margin: 0px; padding: 0px; padding-right: 14px; margin-left: 5px; float: left; background: url('../imgs/gnbmenu_bg_bar.gif') right top no-repeat; }
dl.gnbmenu dd.backgroundNone { padding-right: 0px; background: none; }
dl.gnbmenu dd span a{color:#EA890B; font-weight:bold;}

#header .top .topleft{clear:both; float:left; width:356px; margin:0; padding:0;}
#header .top .topcenter{float:left; width:266px; margin:0; padding:0;}
#header .top .topcenter h1.logo {margin: 0px; padding: 0px; margin-top:0px; width: 266px; font: 900 2em verdana; }
#header .top .topright{float:left;width:355px; margin:0; padding:0;}


#header ul#navi { clear: both; margin: 0px; padding: 0px; width: 977px; height: 36px; list-style: none; }
#header ul#navi li { float: left; }

#header ul#navi li.menu1 { display: block; margin: 0px; padding: 0px; width: 182px; height: 36px; }
#header ul#navi li.menu1 a { display: block; width: 182px; height: 36px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu1.gif') no-repeat; }
#header ul#navi li.menu1 a:hover { background-position: 0px -36px; }
#header ul#navi li.menu1 a.over { background-position: 0px -36px; }

#header ul#navi li.menu2 { display: block; margin: 0px; padding: 0px; width: 174px; height: 36px; }
#header ul#navi li.menu2 a { display: block; width: 174px; height: 36px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu2.gif') no-repeat; }
#header ul#navi li.menu2 a:hover { background-position: 0px -36px; }
#header ul#navi li.menu2 a.over { background-position: 0px -36px; }

#header ul#navi li.menu3 { margin: 0px; padding: 0px; width: 266px; height: 36px; background: url('../imgs/navi_search_bg.gif') no-repeat;}



#header ul#navi li.menu4 { display: block; margin: 0px; padding: 0px; width: 183px; height: 36px;}
#header ul#navi li.menu4 a { display: block; width: 183px; height: 36px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu3.gif') no-repeat; }
#header ul#navi li.menu4 a:hover { background-position: 0px -36px; }
#header ul#navi li.menu4 a.over { background-position: 0px -36px; }

#header ul#navi li.menu5 { display: block; margin: 0px; padding: 0px; width: 172px; height: 36px; }
#header ul#navi li.menu5 a { display: block; width: 172px; height: 36px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu4.gif') no-repeat; }
#header ul#navi li.menu5 a:hover { background-position: 0px -36px; }
#header ul#navi li.menu5 a.over { background-position: 0px -36px; }

#header ul#navi li.first { margin-left: 0px; }
*html #header ul#navi li.first { margin-left: 0px; }

#formTopSearch {margin-top:0px; width:266px; padding-top:7px;}
#formTopSearch fieldset.info { margin: 0px; padding: 0px; border: 0px; padding-left:10px; padding-top:2px; width: 256px; height:19px; border:none; background:none;}
#formTopSearch fieldset.info .keyword { float:left; margin: 0px; padding: 0px; margin-right:0px; width: 212px; height: 22px; border:none; background:none;}
*html #formTopSearch fieldset.info .keyword { margin-right: 2px; }

.combigtitle {width:977px; height:49px; background:url('../imgs/btitle_bg.gif') no-repeat left top;}

.combigtitle ul{list-style:none; ; margin-left:13px; padding:0;}
.combigtitle ul li{float:right; margin:0; padding:0;}
.combigtitle ul li img{margin:0; padding:0;} 
.combigtitle ul li img a{margin:0; padding:0;} 
.combigtitle li.bcomMenu1{float:left; margin:0;}
.combigtitle li.bcomMenu2{}
.combigtitle li.bcomMenu3{padding-right:8px;}



/* container */
#container { float: left; width:977px; height: 100%; overflow: hidden; background:url('../imgs/content_y_bg.gif') repeat-y left top;}
#container .sidebar { float: left; width: 173px; min-height:570px;}

/* company left */
#container .sidebar .companyh3 {margin:0 padding-top:22px; padding-bottom:53px;}
#container .sidebar .companyleft {list-style:none; margin:0; padding:0;}


/*shopleft */
#container .sidebar .shopcateh3{ width:154px; margin:0 padding-top:22px; padding-bottom:53px;}
#container .sidebar .leftCate {widht:155px; list-style:none; margin:0; padding:0;}
#container .sidebar .leftCate img{vertical-align:top;}

#container .sidebar li.menu1{ display: block; margin: 0px; padding: 0px; width:154px; height: 33px; }
#container .sidebar li.menu1 a { display: block; width: 154px; height:33px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_2.gif') no-repeat; }
#container .sidebar li.menu1 a:hover { background-position: 0px -33px; }
#container .sidebar li.menu1 a.overr{ background-position: 0px -33px; }

#container .sidebar li.menu2{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu2 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_3.gif') no-repeat; }
#container .sidebar li.menu2 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu2 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu3{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu3 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_4.gif') no-repeat; }
#container .sidebar li.menu3 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu3 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu4{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu4 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_5.gif') no-repeat; }
#container .sidebar li.menu4 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu4 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu5{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu5 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_6.gif') no-repeat; }
#container .sidebar li.menu5 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu5 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu6{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu6 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_7.gif') no-repeat; }
#container .sidebar li.menu6 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu6 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu7{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu7 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_8.gif') no-repeat; }
#container .sidebar li.menu7 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu7 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu8{ display: block; margin: 0px; padding: 0px; width:154px; height: 42px; }
#container .sidebar li.menu8 a { display: block; width: 154px; height:42px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_9.gif') no-repeat; }
#container .sidebar li.menu8 a:hover { background-position: 0px -42px; }
#container .sidebar li.menu8 a.overr{ background-position: 0px -42px; }

#container .sidebar li.menu9{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu9 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_10.gif') no-repeat; }
#container .sidebar li.menu9 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu9 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu10{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu10 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_11.gif') no-repeat; }
#container .sidebar li.menu10 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu10 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu11{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu11 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_12.gif') no-repeat; }
#container .sidebar li.menu11 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu11 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu12{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu12 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_13.gif') no-repeat; }
#container .sidebar li.menu12 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu12 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu13{ display: block; margin: 0px; padding: 0px; width:154px; height: 39px; }
#container .sidebar li.menu13 a { display: block; width: 154px; height:39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_14.gif') no-repeat; }
#container .sidebar li.menu13 a:hover { background-position: 0px -39px; }
#container .sidebar li.menu13 a.overr{ background-position: 0px -39px; }

#container .sidebar li.menu14{ display: block; margin: 0px; padding: 0px; width:154px; height: 42px; }
#container .sidebar li.menu14 a { display: block; width: 154px; height:42px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_15.gif') no-repeat; }
#container .sidebar li.menu14 a:hover { background-position: 0px -42px; }
#container .sidebar li.menu14 a.overr{ background-position: 0px -42px; }


#container .sidebar li.menu15{ display: block; margin: 0px; padding: 0px; width:154px; height: 33px; }
#container .sidebar li.menu15 a { display: block; width: 154px; height:33px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_16.gif') no-repeat; }
#container .sidebar li.menu15 a:hover { background-position: 0px -33px; }
#container .sidebar li.menu15 a.overr{ background-position: 0px -33px; }


#container .sidebar li.menu16{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu16 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_17.gif') no-repeat; }
#container .sidebar li.menu16 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu16 a.overr{ background-position: 0px -20px; }

#container .sidebar li.menu17{ display: block; margin: 0px; padding: 0px; width:154px; height: 20px; }
#container .sidebar li.menu17 a { display: block; width: 154px; height:20px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_18.gif') no-repeat; }
#container .sidebar li.menu17 a:hover { background-position: 0px -20px; }
#container .sidebar li.menu17 a.overr{ background-position: 0px -20px; }


#container .sidebar li.menu18{ display: block; margin: 0px; padding: 0px; width:154px; height: 39px; }
#container .sidebar li.menu18 a { display: block; width: 154px; height:39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_19.gif') no-repeat; }
#container .sidebar li.menu18 a:hover { background-position: 0px -39px; }
#container .sidebar li.menu18 a.overr{ background-position: 0px -39px; }

#container .sidebar li.menu19{ display: block; margin: 0px; padding: 0px; width:154px; height: 39px; }
#container .sidebar li.menu19 a { display: block; width: 154px; height:39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/shopleft_20.gif') no-repeat; }
#container .sidebar li.menu19 a:hover { background-position: 0px -39px; }
#container .sidebar li.menu19 a.overr{ background-position: 0px -39px; }



#container #contents { float: left; margin-bottom:30px; width:804px; height: 100%; overflow: hidden; }

#container .headTitle2 { margin:73px 0 29px 23px; width:769px; height:59px;  overflow: hidden; }
#container .headTitle2 img { float: left; margin:0px 0px 0px 0px; }

#container .cateheadTitle{ margin:73px 0 11px 23px; width:769px; height:59px;  overflow: hidden; }
#container .cateheadTitle img{ float: left; margin:0px 0px 0px 0px; }


/* footer */
#footer { clear: both; margin-bottom: 20px; padding-top: 20px; width: 977px; height: 110px;  background-color:#F6F6F2;}
#footer .sitemenu { height:20px; text-align: center;}
#footer .sitemenu ul { width:515px; height:20px; margin: 0 auto; list-style:none;}
#footer .sitemenu ul li {float:left;  margin-right: 15px; }
#footer .sitemenu ul li a { color: #666; }

#footer .siteInfo { padding-top: 5px; margin-left:0px; }
#footer .siteInfo .txt { margin: 0px; padding: 0; padding-top: 0px; width:977px; text-align: center; color: #989894; line-height: 1.6em; }
#footer .siteInfo .txt address { margin-top: 5px; font: 0.93em verdana; letter-spacing: -1px; color: #989894; font-weight:bold; text-align: center; }
#footer .siteInfo .txt a.w3c { text-decoration: none; color:#989894;}

.payinfobanner{width:977px; height:70px;  margin:0; padding:0;}
.payinfobanner ul{list-style:none; margin:0; padding-left:149px;}
.payinfobanner li{ float:left; padding-right:60px; background:url('../imgs/footerpaybar_bg.gif') no-repeat right top;}
.payinfobanner li.backgroundNonef{background:none;}



/* modal login */
#formAjaxLogin { margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 10px;  text-align: right; }
#formAjaxLogin .login { margin-right: 28px; }
#formAjaxLogin fieldset .inputLogin { width: 140px; border: 0px; border: 1px solid #b6b6b6; background-color: #fff; }
#formAjaxLogin fieldset label { font-weight: 900; }
#formAjaxLogin fieldset.id { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.id img { vertical-align: middle; }
#formAjaxLogin fieldset.passwd { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.passwd img { vertical-align: middle; }
#formAjaxLogin fieldset.openId { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.openId img { vertical-align: middle; }
#formAjaxLogin fieldset.button { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.button .useOpenId { margin-right: 20px; font-weight: 100; }
#formAjaxLogin fieldset.button .useOpenId input { vertical-align: middle; }
#formAjaxLogin p.button { margin: 0px; padding: 0px; margin-bottom: -10px; margin-top: 10px; padding: 5px; padding-right: 10px; padding-top: 8px; height: 16px; color: #b3b3b3; font-size: 0.92em; background-color: #e9e9e9; text-align: right; }
#formAjaxLogin p.button a { color: #555; }
#formAjaxLogin p.button a:hover { text-decoration: underline; }


/* autocomplete */
.autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 8px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 0; }
.autocomplete { border: 1px solid #999; background: #fff; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
.autocomplete .selected { background: #f0f0f0; }
.autocomplete div { padding: 2px 5px; white-space: nowrap; }
.autocomplete strong { font-weight: 100; color: #3399ff; }