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


/* header */
#header {  }
#header .top { height: 110px; }
#header .top h1.logo { float: left; margin: 0px; padding: 0px; margin-top: 15px; margin-left: 20px; _margin-left: 10px; width: 190px; font: 900 2em verdana; }
#header .top .gnb { float: left; width: 760px; }
dl.gnbmenu { margin: 0px; margin-top: 8px; margin-right: 5px; padding: 0px; float: right; }
dl.gnbmenu dd { margin: 0px; padding: 0px; padding-right: 10px; margin-left: 5px; float: left; background: url('../imgs/gnbmenu_bg_bar.gif') right 4px no-repeat; }
dl.gnbmenu dd.backgroundNone { padding-right: 0px; background: none; }

#formTopSearch { float: right; margin-top: 9px; margin-right: 30px; _margin-right: 15px; }
#formTopSearch fieldset.info { margin: 0px; padding: 0px; border: 0px; padding-left: 5px; padding-top: 6px; width: 202px; height: 32px; background: url('../imgs/search_bg.gif') no-repeat; }
#formTopSearch fieldset.info .keyword { float: left; margin: 0px; padding: 0px; margin-left: 10px; margin-right: 5px; width: 150px; height: 20px; border: 0px; }
*html #formTopSearch fieldset.info .keyword { margin-right: 2px; }
#header .naviBar { clear: both; width: 990px; height: 50px; background: url('../imgs/navi_bg.gif') left top no-repeat; }
#header ul#navi { float: left; margin: 0px; padding: 0px; height: 50px; list-style: none; }
#header ul#navi li { float: left; }

#header ul#navi li.menu1 { display: block; margin: 0px; padding: 0px; width: 170px; height: 50px; }
#header ul#navi li.menu1 a { display: block; width: 170px; height: 50px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu1.gif') left top no-repeat; }
#header ul#navi li.menu1 a:hover { background-position: 0px -50px; }
#header ul#navi li.menu1 a.over { background-position: 0px -100px; }
#header ul#navi li.menu2 { display: block; margin: 0px; padding: 0px; width: 165px; height: 50px; }
#header ul#navi li.menu2 a { display: block; width: 165px; height: 50px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu2.gif') left top no-repeat; }
#header ul#navi li.menu2 a:hover { background-position: 0px -50px; }
#header ul#navi li.menu2 a.over { background-position: 0px -150px; }
#header ul#navi li.menu3 { display: block; margin: 0px; padding: 0px; width: 165px; height: 50px; }
#header ul#navi li.menu3 a { display: block; width: 165px; height: 50px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu3.gif') left top no-repeat; }
#header ul#navi li.menu3 a:hover { background-position: 0px -50px; }
#header ul#navi li.menu3 a.over { background-position: 0px -100px; }
#header ul#navi li.menu4 { display: block; margin: 0px; padding: 0px; width: 170px; height: 50px; }
#header ul#navi li.menu4 a { display: block; width: 170px; height: 50px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu4.gif') left top no-repeat; }
#header ul#navi li.menu4 a:hover { background-position: 0px -50px; }
#header ul#navi li.menu4 a.over { background-position: 0px -150px; }

#header ul#navi li.first { margin-left: 10px; _margin-left: 5px; }

/* submenu */ 
#header .menuArea { padding-left: 10px; width: 980px; height: 80px; background: url('../imgs/bg_middle.gif') repeat-y; }
#header .ssMenuArea { height: 106px; }
#header .menuArea ul.subMenu { margin: 0px; padding: 0px; width: 970px; height: 80px; background: #f2eae4 url('../imgs/submenu_bg_line.gif') left bottom repeat-x; list-style: none; }
#header .menuArea ul.subMenu li { float: left; }

/* mallCategory */
#header .menuArea ul.mallCategory li.sMenu1 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu1 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_1.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu1 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu1 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.mallCategory li.sMenu2 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu2 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_2.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu2 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu2 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.mallCategory li.sMenu3 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu3 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_3.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu3 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu3 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.mallCategory li.sMenu4 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu4 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_4.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu4 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu4 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.mallCategory li.sMenu5 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu5 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_5.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu5 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu5 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.mallCategory li.sMenu6 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu6 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_6.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu6 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu6 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.mallCategory li.sMenu7 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu7 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_7.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu7 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu7 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.mallCategory li.sMenu8 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu8 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_8.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu8 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu8 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.mallCategory li.sMenu9 { display: block; margin: 0px; padding: 0px; width: 90px; height: 80px; }
#header .menuArea ul.mallCategory li.sMenu9 a { display: block; padding: 57px 0px 0px 0px; width: 90px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu2_9.gif') left top no-repeat; }
#header .menuArea ul.mallCategory li.sMenu9 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.mallCategory li.sMenu9 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.ssubMenu1 { margin: 0px; padding: 0px; margin-top: 10px; margin-left: 13px; list-style: none; }
#header .menuArea ul.ssubMenu1 li { float: left; padding-left: 20px; }
#header .menuArea ul.ssubMenu1 li a:hover { font-weight: 900; color: #9c2912; }
#header .menuArea ul.ssubMenu1 li a.over { font-weight: 900; color: #9c2912; }

#header .menuArea ul.ssubMenu2 { margin: 0px; padding: 0px; margin-top: 10px; margin-left: 102px; list-style: none; }
#header .menuArea ul.ssubMenu2 li { float: left; padding-left: 20px; }
#header .menuArea ul.ssubMenu2 li a:hover { font-weight: 900; color: #9c2912; }
#header .menuArea ul.ssubMenu2 li a.over { font-weight: 900; color: #9c2912; }

/* comMenu */
#header .menuArea ul.comMenu li.sMenu1 { display: block; margin: 0px; padding: 0px; width: 150px; height: 80px; }
#header .menuArea ul.comMenu li.sMenu1 a { display: block; padding: 57px 0px 0px 0px; width: 150px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu4_1.gif') left top no-repeat; }
#header .menuArea ul.comMenu li.sMenu1 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.comMenu li.sMenu1 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.comMenu li.sMenu2 { display: block; margin: 0px; padding: 0px; width: 150px; height: 80px; }
#header .menuArea ul.comMenu li.sMenu2 a { display: block; padding: 57px 0px 0px 0px; width: 150px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu4_2.gif') left top no-repeat; }
#header .menuArea ul.comMenu li.sMenu2 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.comMenu li.sMenu2 a.over { background-position: 0px -80px; color: #753c3e; }

#header .menuArea ul.comMenu li.sMenu3 { display: block; margin: 0px; padding: 0px; width: 150px; height: 80px; }
#header .menuArea ul.comMenu li.sMenu3 a { display: block; padding: 57px 0px 0px 0px; width: 150px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu4_3.gif') left top no-repeat; }
#header .menuArea ul.comMenu li.sMenu3 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.comMenu li.sMenu3 a.over { background-position: 0px -80px; color: #753c3e; }


#header .menuArea ul.comMenu li.sMenu4 { display: block; margin: 0px; padding: 0px; width: 150px; height: 80px; }
#header .menuArea ul.comMenu li.sMenu4 a { display: block; padding: 57px 0px 0px 0px; width: 150px; height: 23px; text-align: center; color: #a17273; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_submenu4_4.gif') left top no-repeat; }
#header .menuArea ul.comMenu li.sMenu4 a:hover { background-position: 0px -80px; color: #753c3e; text-decoration: underline; }
#header .menuArea ul.comMenu li.sMenu4 a.over { background-position: 0px -80px; color: #753c3e; }

/* container */
#container { float: left; padding-left: 30px; width: 960px; height: 100%; background: url('../imgs/bg_middle.gif') repeat-y; overflow: hidden; }
#container .dotLine { float: left; margin-top: 30px; width: 930px; background: url('../imgs/dot_line.gif') 189px top repeat-y; }
#container .sidebar { float: left; width: 190px; }

#container #contents { float: left; margin-left: 20px; width: 720px; height: 100%; overflow: hidden; }

#container .headTitle { margin-bottom: 15px; width: 720px; height: 30px; overflow: hidden; }
#container .headTitle img { float: left; margin: 0px; }


/* footer */
#footer { clear: both; margin-bottom: 20px; padding: 30px 0px 30px 30px; width: 990px; height: 110px; background: url('../imgs/bg_bottom.gif') no-repeat; }
#footer .sitemenu { height: 30px; width: 930px; text-align: center; border-top: 2px solid #9b3f26; }
#footer .sitemenu p.bank { float: left; margin-top: 12px; padding-left: 10px; color: #555; }
#footer .sitemenu p.bank span { font-weight: 900; color: #5a9506; }
#footer .sitemenu ul { float: right; margin: 0px; padding: 0px; padding-top: 12px; list-style: none; }
#footer .sitemenu ul li { float: left; margin-right: 15px; }
#footer .sitemenu ul li a { color: #777; }
#footer .sitemenu ul li a:hover { color: #9b3f26; }
#footer .sitemenu ul li a img { vertical-align: middle; }

#footer .siteInfo { float: left; padding-top: 20px; width: 715px; }
#footer .siteInfo .txt { margin: 0px; padding: 0px; width: 715px; color: #7c7c7c; line-height: 1.7em; }
#footer .siteInfo .txt address { margin-top: 5px; font: 0.83em verdana; letter-spacing: -1px; color: #777; }
#footer .siteInfo .txt a.w3c { text-decoration: underline; }
#footer .siteInfo .txt strong { color: #ff5307; }
#footer p.escrow { float: left; margin-top: 15px; border: 2px solid #e4e4e4; }
#footer p.escrow img { width: 213px; }


/* 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; }