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


/* header */
#header { padding: 15px 0px 0px 45px; width: 935px; height: 220px; background: url('../imgs/bg_top.gif') no-repeat; }
#header .top { height: 150px; width: 890px; }
#header .top h1.logo { float: left; margin: 0px; padding: 0px; margin-top: 15px; width: 280px; font: 900 18pt verdana; }
#header .top .gnb { float: right; margin-right: 100px; _margin-right: 50px; width: 420px; }
dl.gnbmenu { margin: 0px; margin-top: 10px; padding: 0px; float: right; }
dl.gnbmenu dd { margin: 0px; padding: 0px; padding-top: 3px; padding-right: 10px; margin-left: 5px; float: left; background: url('../imgs/gnbmenu_bg_bar.gif') right 6px no-repeat; }
dl.gnbmenu dd.backgroundNone { padding-right: 0px; background: none; }
dl.gnbmenu dd.backgroundNone img { margin-left: 3px; vertical-align: middle; margin-top: -2px; }

#header .navi { clear: both; margin: 0px; margin-top: 5px; padding: 0px; width: 890px; height: 63px; background: url('../imgs/navi_bg.gif') left top repeat-x; }

#header ul#naviMenu { float: left; margin: 0px; padding: 0px; height: 30px; list-style: none; }
#header ul#naviMenu li { float: left; }

/* 2010.03 헤더부분 수치 수정, 삽입 JS */
#header ul#naviMenu li.menu1 { display: block; margin: 0px; padding: 0px; width: 120px; height: 63px;  }
#header ul#naviMenu li.menu1 a { display: block; width: 120px; height: 63px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu1.gif') left top no-repeat; }
#header ul#naviMenu li.menu1 a:hover { background-position: 0px -63px; }
#header ul#naviMenu li.menu1 a.over { background-position: 0px -63px; }
#header ul#naviMenu li.menu2 { display: block; margin: 0px; padding: 0px; width: 120px; height: 63px; }
#header ul#naviMenu li.menu2 a { display: block; width: 120px; height: 63px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu2.gif') left top no-repeat; }
#header ul#naviMenu li.menu2 a:hover { background-position: 0px -63px; }
#header ul#naviMenu li.menu2 a.over { background-position: 0px -63px; }
#header ul#naviMenu li.menu3 { display: block; margin: 0px; padding: 0px; width: 120px; height: 63px; }
#header ul#naviMenu li.menu3 a { display: block; width: 120px; height: 63px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu3.gif') left top no-repeat; }
#header ul#naviMenu li.menu3 a:hover { background-position: 0px -63px; }
#header ul#naviMenu li.menu3 a.over { background-position: 0px -63px; }
#header ul#naviMenu li.menu4 { display: block; margin: 0px; padding: 0px; width: 120px; height: 63px; }
#header ul#naviMenu li.menu4 a { display: block; width: 120px; height: 63px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu4.gif') left top no-repeat; }
#header ul#naviMenu li.menu4 a:hover { background-position: 0px -63px; }
#header ul#naviMenu li.menu4 a.over { background-position: 0px -63px; }
#header ul#naviMenu li.menu5 { display: block; margin: 0px; padding: 0px; width: 120px; height: 63px; }
#header ul#naviMenu li.menu5 a { display: block; width: 120px; height: 63px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu5.gif') left top no-repeat; }
#header ul#naviMenu li.menu5 a:hover { background-position: 0px -63px; }
#header ul#naviMenu li.menu5 a.over { background-position: 0px -63px; }

#formTopSearch { float: right; margin: 0px; margin-top: 6px; margin-right: 5px; _margin-right: 2px; padding: 0px; }
#formTopSearch fieldset.info { margin: 0px; padding: 0px; border: 0px; padding-left: 5px; padding-top: 5px; width: 198px; height: 28px; background: url('../imgs/topsearch_bg.gif') right 3px no-repeat; }
#formTopSearch fieldset.info .keywordOff { float: left; margin: 0px; padding: 0px; margin-top: 4px; margin-left: 10px; margin-right: 5px; width: 142px; height: 14px; border: 0px; background: url('../imgs/keyword_txt.gif') no-repeat; }
#formTopSearch fieldset.info .keywordOn { float: left; margin: 0px; padding: 0px; margin-top: 5px; margin-left: 10px; margin-right: 5px; width: 142px; height: 14px; border: 0px; }

#formTopSearch fieldset.info .btImg { float: left; margin-top: 1px; margin-left: 5px; }


/* container */
#container { float: left; padding-bottom: 50px; padding-left: 45px; width: 935px; height: 100%; overflow: hidden; background: url('../imgs/bg_middle.gif') repeat-y; }


#container .sidebar { float: left; margin-right: 30px; width: 170px; overflow: hidden; }

.sidebar .categoryImg { margin-top: 20px; width: 170px; height: 100%; overflow: hidden; }
.sidebar .categoryImg h3 { margin: 0px; padding: 0px; padding-bottom: 5px; width: 170px; height: 100%; font-weight: 900; font-size: 13pt; font-family: 'Malgun Gothic', dotum; color: #980100; }
.sidebar .categoryImg ul { margin: 0px; padding: 0px; list-style: none; }
.sidebar .categoryImg ul li { float: left; width: 42px; height: 42px; overflow: hidden; }
.sidebar .categoryImg ul img { width: 40px; height: 40px; border: 1px solid #fff; }

.sidebar .categoryAll { margin-top: 30px; width: 170px; height: 100%; }
.sidebar .categoryAll h3 { margin: 0px; padding: 0px; padding-bottom: 5px; width: 170px; height: 100%; font-weight: 900; font-size: 12pt; font-family: 'Malgun Gothic', dotum; color: #980100; }
.sidebar .categoryAll ul { margin: 5px 0px 0px 8px; padding: 0px; list-style: none; }
.sidebar .categoryAll ul li { margin-left: 5px; _margin-left: 3px; padding-left: 3px; background: url('../imgs/list_icon.gif') left 9px no-repeat; }
.sidebar .categoryAll ul li a { display: block; margin: 0px; padding: 3px 0px 3px 5px; height: 100%; color: #983402; }
.sidebar .categoryAll ul li a:hover { color: #ff6213; }
.sidebar .categoryAll ul li a.on { color: #ff6213; }


.sidebar .categoryImg2 { margin-top: 20px; width: 170px; height: 100%; overflow: hidden; }
.sidebar .categoryImg2 h3 { margin: 0px; padding: 0px; padding-bottom: 5px; width: 170px; height: 100%; font-weight: 900; font-size: 13pt; font-family: 'Malgun Gothic', dotum; color: #980100; }
.sidebar .categoryImg2 ul { margin: 0px; padding: 0px; list-style: none; }
.sidebar .categoryImg2 ul li { float: left; text-align: center; }
.sidebar .categoryImg2 ul li.categoryGab { margin-right: 10px; _margin-right: 6px; }
.sidebar .categoryImg2 ul img { border: 2px solid #fff; }
.sidebar .categoryImg2 ul li  a { display: block; margin-bottom: 4px; width: 78px; height: 78px; }
.sidebar .categoryImg2 ul li  span { font-size: 9pt; font-family: 'Malgun Gothic', dotum ; letter-spacing: -1px; color: #4b4b4b; }

.sidebar .recipeCategory { margin-top: 30px; width: 170px; height: 100%; }
.sidebar .recipeCategory h3 { margin: 0px; padding: 0px; padding-bottom: 5px; width: 170px; height: 100%; font-weight: 900; font-size: 12pt; font-family: 'Malgun Gothic', dotum; color: #980100; }
.sidebar .recipeCategory ul { margin: 5px 0px 0px 8px; padding: 0px; list-style: none; }
.sidebar .recipeCategory ul li { margin-left: 5px; _margin-left: 3px; padding-left: 3px; background: url('../imgs/list_icon.gif') left 9px no-repeat; }
.sidebar .recipeCategory ul li a { display: block; margin: 0px; padding: 3px 0px 3px 5px; height: 100%; color: #983402; }
.sidebar .recipeCategory ul li a:hover { color: #ff6213; }
.sidebar .recipeCategory ul li a.on { color: #ff6213; }

#container #contents { margin-top: 20px; width: 890px; height: 100%; overflow: hidden; }
#container #contentsMargin { margin-left: 85px; margin-top: 20px; width: 720px; height: 100%; overflow: hidden; }
#container #contentsBoard { margin-left: 85px; margin-top: 20px; width: 720px; height: 100%; overflow: hidden; }
#container #contentsShop { float: left; margin-top: 20px; width: 690px; height: 100%; overflow: hidden; }

#container .headTitle { margin-bottom: 15px; width: 720px; height: 45px; border-bottom: 2px solid #b8b8b8; overflow: hidden; }
#container .headTitle img { float: left; margin: 3px 0px 0px 0px; }


/* 2010.03 메뉴 수치 수정, 삽입 JS */
#container ul#categoryMenu { text-align: center; margin: 0px 0px 10px 120px; padding: 0px; height: 60px; list-style: none; }
#container ul#categoryMenu li { float: left; margin-left: 5px; }

#container ul#categoryMenu li.menu1 { display: block; margin: 0px; margin-right: 30px; padding: 0px; width: 220px; height: 60px;  }
#container ul#categoryMenu li.menu1 a { display: block; width: 220px; height: 60px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/boardct_bt_menu1.gif') left top no-repeat; }
#container ul#categoryMenu li.menu1 a:hover { background-position: 0px -60px; }
#container ul#categoryMenu li.menu1 a.over { background-position: 0px -60px; }
#container ul#categoryMenu li.menu2 { display: block; margin: 0px; margin-right: 30px; padding: 0px; width: 220px; height: 60px; }
#container ul#categoryMenu li.menu2 a { display: block; width: 220px; height: 60px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/boardct_bt_menu4.gif') left top no-repeat; }
#container ul#categoryMenu li.menu2 a:hover { background-position: 0px -60px; }
#container ul#categoryMenu li.menu2 a.over { background-position: 0px -60px; }
#container ul#categoryMenu li.menu3 { display: block; margin: 0px; margin-right: 0px; padding: 0px; width: 220px; height: 60px; }
#container ul#categoryMenu li.menu3 a { display: block; width: 220px; height: 60px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/boardct_bt_menu3.gif') left top no-repeat; }
#container ul#categoryMenu li.menu3 a:hover { background-position: 0px -60px; }
#container ul#categoryMenu li.menu3 a.over { background-position: 0px -60px; }
.emptyBox { clear: both; height: 0px; }


/* footer */
#footer { clear: both; padding-left: 45px; width: 935px; height: 300px; background: url('../imgs/bg_bottom.gif') no-repeat; overflow: hidden; }
#footer .sitemenu { margin-top: 50px; padding: 5px 0px 0px 0px; width: 890px; height: 30px; }
#footer .sitemenu ul { margin: 0px; padding: 0px; padding-top: 5px; list-style: none; }
#footer .sitemenu ul li { float: left; padding-top: 2px; padding-right: 10px; margin-left: 8px; _margin-left: 4px; float: left; background: url('../imgs/copyright_bg_bar.gif') right 3px no-repeat; }
*:first-child+html #footer .sitemenu ul li { background: url('../imgs/copyright_bg_bar.gif') right 4px no-repeat; }
#footer .sitemenu ul li a { font: 900 9pt dotum; color: #2c2c2c; }
#footer .sitemenu ul li.backgroundNone { padding-top: 2px; background: none; }
*:first-child+html #footer .sitemenu ul li.backgroundNone { padding-top: 1px; background: none; }
#footer .sitemenu ul li.backgroundNone a { padding: 0px; font: 900 9pt dotum; color: #ff3300; }
#footer .sitemenu ul li.backgroundNone a img { margin-left: 5px; vertical-align: middle; margin-top: -3px; }

#footer .siteInfo { padding-top: 5px; }
#footer .siteInfo .bankInfo { clear: both; float: right; margin-top: 20px; margin-right: 40px; _margin-right: 23px; width: 220px; }
#footer .siteInfo .bankInfo p { font-weight: 900; font-size: 11pt; font-family: 'Malgun Gothic', dotum ; letter-spacing: -1px; color: #4b4b4b; line-height: 160%; }
#footer .siteInfo .bankInfo p span { color: #3366fd; }

#footer .siteInfo .txt { float: left; margin: 0px; padding: 0px; float: left; margin-left: 8px; _margin-left: 3px; padding-top: 10px; color: #2c2c2c; line-height: 160%; }
#footer .siteInfo .txt address { margin-top: 5px; padding: 3px 0px 0px 12px; width: 315px; height: 20px; font: 8pt verdana; letter-spacing: -1px; color: #777; background: url('../imgs/copyright_txt_bg.gif') no-repeat; }
#footer .siteInfo .txt a.dochamLink { font: 900 8.5pt dotum; letter-spacing: 0px; color: #2c2c2c; }
#footer .siteInfo .txt a.w3c { text-decoration: underline; }
#footer .siteInfo .txt span strong { color: #3268ff; }


/* 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: 8.5pt dotum; background-color: #e9e9e9; text-align: right; }
#formAjaxLogin p.button a { font: 9pt dotum; color: #555; }
#formAjaxLogin p.button a:hover { text-decoration: underline; }


/* modal signupStep1 */
#formAjaxSignup { margin-bottom: 10px; width: 550px; }
#formAjaxSignup fieldset { margin: 0px; padding: 0px; border: 0px; }
#formAjaxSignup fieldset.document { margin-top: 5px; margin-bottom: 20px; }
#formAjaxSignup fieldset.document iframe { margin-bottom: 10px; width: 540px; height: 140px; overflow: auto; border: solid 5px #e6e6e6; }
#formAjaxSignup fieldset.document p { margin-bottom: 10px; font-weight: 900; line-height: 140%; }
#formAjaxSignup fieldset.document p.center { font-weight: 100; text-align: center; }
#formAjaxSignup fieldset.jumin { padding-top: 6px; height: 32px; text-align: center; border: 1px solid #ddd; background-color: #f9f9f9; }
#formAjaxSignup fieldset.jumin .jumin { margin-left: 40px; }
#formAjaxSignup fieldset.jumin input { width: 140px; height: 18px; border: 1px solid #ddd; }
#formAjaxSignup p.control { margin-top: 0px; text-align: center; }
#formAjaxSignup p.control .default { margin-left: 10px; width: 100px; height: 30px; font: 8.5pt dotum; font-weight: 900; color: #fff; background-color: #333; border: 0px; }


/* modal signupStep2 */
.ajaxHelpSignup2 { margin-top: 5px; margin-bottom: 10px; padding-left: 10px; border-left: 5px solid #eee; color: #555; line-height: 140%; }
#formAjaxSignup2 { margin-bottom: 10px; width: 550px; border-top: 1px solid #dbdbdb; }
#formAjaxSignup2 fieldset { border: 0px; }
#formAjaxSignup2 input.info { width: 100px; height: 16px; border: 1px solid #ddd; }
#formAjaxSignup2 input.infoFile { width: 100px; height: 18px; border: 1px solid #ddd; }
#formAjaxSignup2 textarea.info { width: 460px; height: 80px; border: 1px solid #ddd; }
#formAjaxSignup2 input.width40 { width: 40px; }
#formAjaxSignup2 input.width50 { width: 50px; }
#formAjaxSignup2 input.width100 { width: 100px; }
#formAjaxSignup2 input.width200 { width: 200px; }
#formAjaxSignup2 input.width300 { width: 300px; }
#formAjaxSignup2 input.width370 { width: 360px; }
#formAjaxSignup2 fieldset.info { height: 100%; background: url('/app/views/common/imgs/signup_bg.gif') repeat-y; }
#formAjaxSignup2 fieldset.info .infoArea { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; }
#formAjaxSignup2 fieldset.info .infoArea div.title { float: left; padding-left: 10px; width: 108px; font: 900 11pt dotum; color: #000; line-height: 140%; }
#formAjaxSignup2 fieldset.info .infoArea div.input { float: left; padding-left: 5px; font: 9pt dotum; line-height: 140%; }
#formAjaxSignup2 fieldset.info .infoArea div.input p { padding-bottom: 5px; line-height: 140%; }
#formAjaxSignup2 fieldset.info .infoArea div.input img { vertical-align: top; }
#formAjaxSignup2 fieldset.info .infoArea div.input p.txt { font: 8.5pt dotum; color: #666; line-height: 140%; }
#formAjaxSignup2 p.control { margin-top: 20px; text-align: center; }
#formAjaxSignup2 p.control .default { margin-left: 10px; width: 100px; height: 30px; font: 8.5pt dotum; font-weight: 900; color: #fff; background-color: #333; border: 0px; }