/* print */
@media print {
 #header { display: none; }
 #container .sidebar { display: none; }
 #footer { display: none; }
 .viewBt3 { display: none; }
 .tag { display: none; }
 .signature { display: none; }
 .positionList { display: none; }
 #relation { display: none; }
 iframe { display: none; }
}

#container #contents { width: 690px; height: 100%; }

/* list */
#wrapList { width: 690px; }

#wrapList .top { height: 22px; margin-bottom: 3px; }
#wrapList .top .pageInfo { float: left; padding-top: 3px; font-family: tahoma; }
#wrapList .top .pageInfo .txt { float: left; }
#wrapList .top .pageInfo strong { color: #e65101; }
#wrapList .top .pageInfo img { float: left; padding-left: 5px; padding-top: 1px; }
#wrapList .top .category { float: right; padding-top: 3px; }

#wrapList table.middle { width: 100%; border: 0px; border-top: 2px solid #e1e1e1; table-layout: fixed; }
#wrapList table.middle thead tr { height: 28px; }
#wrapList table.middle thead th { background-color: #f4f4f4; border: 0px; border-bottom: 1px solid #e1e1e1; }
#wrapList table.middle thead #number { width: 50px; font-size: 0.92em; color: #333; }
#wrapList table.middle thead #thumnail { width: 120px; font-size: 0.92em; color: #333; }
#wrapList table.middle thead #info { font-size: 0.92em; color: #333; }

#wrapList table.middle tbody tr { height: 120px; border-bottom: 1px solid #eaeaea; }
#wrapList table.middle tbody td { border: 0px; border-bottom: 1px solid #f1f1f1; }
#wrapList table.middle tbody td.number { font: 0.92em tahoma; color: #777; text-align: center; }
#wrapList table.middle tbody td.thumnail { width: 120px; text-align: center; }
#wrapList table.middle tbody td.thumnail img { width: 100px; height: 100px; }
#wrapList table.middle tbody td.number strong { color: #ff6f06; }
#wrapList table.middle tbody td.number img { padding-top: 2px; }
#wrapList table.middle tbody td.info { padding-top: 12px; padding-left: 5px; color: #333; vertical-align: top; }
#wrapList table.middle tbody td.info a { color: #333; }
#wrapList table.middle tbody td.info a:hover { text-decoration: underline; }
#wrapList table.middle tbody td.info a.subject { font-weight: 900; font-size: 1.25em; color: #000; letter-spacing: -1px; }
#wrapList table.middle tbody td.info img { vertical-align: middle; }
#wrapList table.middle tbody td.info input.checkNo { vertical-align: middle; }
#wrapList table.middle tbody td.info p.content { margin-top: 5px; line-height: 1.4em; color: #666; }
#wrapList table.middle tbody td.info p.totalStatus { margin: 0px; padding: 0px; margin-top: 10px; font-size: 0.92em; color: #888; }
#wrapList table.middle tbody td.info p.totalStatus .totalVoteUp { color: #c52d3f; }
#wrapList table.middle tbody td.info p.totalStatus .totalHit { color: #333; }

#wrapList table.middle tbody td.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; }

#wrapList .bottom { margin-top: 5px; height: 100%; overflow: hidden; }
#wrapList .bottom .listBtPage { float: left; }
#wrapList .bottom .listBtWrite { float: right; }

#wrapList .bottom p.pagingBt { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; }
#wrapList .bottom #search { margin-top: 10px; padding: 5px; }
#wrapList .bottom #search fieldset { margin: 0 auto; padding: 0px; border: 0px; width: 360px; }
#wrapList .bottom #search select { float: left; margin-top: 1px; margin-right: 5px; }
#wrapList .bottom #search .inputKeyword { float: left; margin-right: 5px; padding-top: 3px; height: 15px; border: 1px solid #ddd; }


/* view */
#wrapView { margin-bottom: 20px; width: 690px; }

#wrapView .postInfo { height: 30px; }
#wrapView .postInfo h2.subject { float: left; margin: 0px; padding: 0px; font-weight: 900; font-size: 1.25em; letter-spacing: -1px; }
#wrapView .postInfo .totalVoteUp { float: left; padding-top: 0px; padding-left: 10px; font-weight: 900; color: #9999ac; }
#wrapView .postInfo .totalVoteUp img { }
#wrapView .postInfo .totalVoteUp strong { font-weight: 900; font-size: 1.25em; font-family: verdana; color: #ff5400; }
#wrapView .recipeImgs { margin-bottom: 10px; }
#wrapView .recipeImgs img { width: px; border: 2px solid #ddd; }

#wrapView .viewBt1 { margin-top: 5px; margin-bottom: 10px; text-align: right; padding-bottom: 10px; height: 100%; border-bottom: 1px solid #dedede; overflow: hidden; } 
#wrapView .viewBt1 a { float: left; display: block; }
#wrapView .viewBt1 img { vertical-align: middle; margin-left: 10px; }

#wrapView .recipeInfo { margin: 0px; margin-bottom: 20px; height: 100%; overflow: hidden; }
#wrapView .recipeInfo .middle { padding: 20px; width: 650px; height: 100%; background-color: #f7f7f7; overflow: hidden; }
#wrapView .recipeInfo .source { }
#wrapView .recipeInfo .making { margin-top: 40px; }
#wrapView .recipeInfo p { clear: both; padding: 0px; margin: 0px; line-height: 2.8em; }
#wrapView .recipeInfo p .title1 { margin-left: 10px; height: 30px; font-weight: 900; color: #666; }
#wrapView .recipeInfo p .title2 { margin-left: 10px; height: 10px; font-weight: 900; color: #666; }
#wrapView .recipeInfo p .title3 { height: 30px; font-weight: 900;  color: #666; }
#wrapView .recipeInfo .titleTxt { display: block; padding-bottom: 10px; font-family: "malgun gothic", dotum; font-size: 1.50em; font-weight: 600; color: #74a125; }
#wrapView .recipeInfo p .txt1 { margin-left: 10px; height: 30px; color: orange; }
#wrapView .recipeInfo p .txt2 { display: block; margin-left: 10px; padding-bottom: 15px; width: 630px; color: #676767; line-height: 1.8em; }
#wrapView .recipeInfo p .txt3 { display: block; margin-top: 15px; margin-left: 10px; color: #676767; line-height: 2.5em; }
#wrapView .recipeInfo .recipeNum { clear: both; display: block; margin-bottom: 30px; width: 630px; height: 100%; overflow: hidden; }
#wrapView .recipeInfo .imgBox { float: left; margin-bottom: 10px; width: 220px; height: 100%; }
#wrapView .recipeInfo .imgBox img { width: 200px; height: 133px; }
#wrapView .recipeInfo strong { display: block; float: left; width: 25px; height: 130px; color: #696969; }


#wrapView #content { clear: both; padding-top: 0px; margin-bottom: 5px; padding-bottom: 20px; color: #666; line-height: 1.6em; overflow: hidden; }
#wrapView #content p { margin: 0px; padding: 0px; line-height: 1.6em; }

#wrapView .viewBt2 { margin-top: 15px; margin-bottom: 25px; text-align: center; } 

/*
#wrapView #relation { margin: 0px; padding: 5px; padding-top: 0px; border: 1px solid #ddd; }
#wrapView #relation legend { position: static; padding-top: 5px; width: 55px; height: 16px; overflow: hidden; display: block; color: #41b40a; line-height: 1em; }
#wrapView #relation ul.goodsList { margin: 0px; margin-top: 15px; margin-bottom: 20px; padding: 0px; padding-top: 5px; padding-left: 5px; list-style: none; }
#wrapView #relation ul.goodsList li.list { float: left; width: 100px; height: 180px; }
#wrapView #relation ul.goodsList li.list img { width: 100px; height: 100px; }
#wrapView #relation ul.goodsList .MarginLeft { margin-left: 13px; _margin-left: 9px; }
#wrapView #relation ul.goodsList li.list .info { margin: 0px; margin-top: 5px;  margin-right: 3px; padding: 0px; color: #777; line-height: 1.4em; text-align: right; }
#wrapView #relation ul.goodsList li.list a { font-weight: 900; }
#wrapView #relation ul.goodsList li.list .info a:hover { color: #777; text-decoration: underline; }
#wrapView #relation ul.goodsList li.list .info2 { margin: 0px; margin-top: 5px;  margin-right: 3px; padding: 0px; color: #777; line-height: 1.4em; text-align: right; }
#wrapView #relation ul.goodsList li.list .info2 a:hover { color: #777; text-decoration: underline; }
#wrapView #relation ul.goodsList li.list .price { font: 900 tahoma; color: #444; }
*/

#wrapView .signature { clear: both; margin-top: 5px; margin-bottom: 10px; padding: 5px; padding-top: 5px; padding-bottom: 7px; color: #666; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background-color: #ececec; line-height: 1.2em; } 

#wrapView .tag { margin-top: 13px; margin-bottom: 5px; font-size: 0.92em; color: #666; } 
#wrapView .tag img { vertical-align: middle; }
#wrapView .tag p.txt { margin-bottom: 5px; }

#wrapView .viewBt3 { margin-top: 15px; padding-top: 5px; text-align: right; border-top: 2px solid #e2e2e2; } 
#wrapView .viewBt3 .commentViewBt { float: left; margin-top: 5px; color: #666; }
#wrapView .viewBt3 a { color: #666; }
#wrapView .viewBt3 strong { color: #ff6600; }
#wrapView .viewBt3 .codeBt { float: right; }

#wrapView .positionList { clear: both; margin-top: 15px; margin-bottom: 5px;  color: #666; } 
#wrapView .positionList p.txt { margin-bottom: 5px; }
#wrapView .positionList img { vertical-align: middle; }


/* write */
#formBoardWrite { width: 690px; }

#formBoardWrite fieldset { margin: 0px; padding: 0px; border: 0px; }

#formBoardWrite fieldset.essential .thumnailArea { float: left; padding-left: 5px; width: 150px; }
#formBoardWrite fieldset.essential #recipeThumnail { margin-bottom: 10px; padding: 5px; width: 100px; height: 100px; border: 2px solid #e7e7e7; color: #333; text-align: center; background-color: #fff; } 
#formBoardWrite fieldset.essential .infoArea { float: left; padding-left: 10px; }
#formBoardWrite fieldset.essential p.line1 { margin: 0px; padding: 0px; margin-bottom: 10px; }
#formBoardWrite fieldset.essential p.line2 { margin: 0px; padding: 0px; margin-bottom: 10px; margin-left: 70px; }
#formBoardWrite fieldset.essential span.txt { display: inline-block; width: 70px; font-weight: 900; font-size: 1.08em; color: #000; }
#formBoardWrite fieldset.essential span.txt2 { display: inline-block; vertical-align: top; padding-top: 28px; width: 70px; font-weight: 900; font-size: 1.08em; color: #000; }
#formBoardWrite fieldset.essential #content2 { width: 442px; line-height: 1.4em; border: 1px solid #ddd; }
#formBoardWrite fieldset.essential #content3 { margin-left: 5px; margin-top: 10px; width: 442px; line-height: 1.4em; border: 1px solid #ddd; }
#formBoardWrite fieldset.essential .content4 { width: 442px; line-height: 1.4em; border: 1px solid #ddd; }
#formBoardWrite fieldset.essential #subject { width: 442px; height: 16px; border: 1px solid #ddd; }
#formBoardWrite fieldset.essential #useSource { margin-left: 5px; }
#formBoardWrite fieldset.essential .exp10 { width: 442px; height: 16px; border: 1px solid #ddd; }
#formBoardWrite fieldset.essential .exp10Help { margin-top: -5px; margin-left: 75px; font-size: 0.92em; color: #d9d9d9; }

#formBoardWrite fieldset.content { margin: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px; border: 0px; }
#formBoardWrite fieldset.content textarea { margin: 0px; padding: 0px; width: 690px; height: 250px; background-color: #f0f0f0; line-height: 1.2em; color: #666; border: 1px solid #d0d0d0; }

#formBoardWrite fieldset.file { margin: 0px; padding: 0px; border: 0px; margin-bottom: 5px; }
#formBoardWrite fieldset.file .fileStatus { float: left; }
#formBoardWrite fieldset.file #uploadList { margin-bottom: 5px; }
#formBoardWrite #fileProgress { clear: both; padding: 2px; height: 10px; width: 534px; border: 1px solid #ccc; vertical-align: middle; }
#formBoardWrite #fileProgress #fileUploadBar { float: left; width: 0px; height: 10px; }
#formBoardWrite #fileProgress #filePecent { float: left; margin-left: 5px; margin-top: -3px; font-size: 0.79em; font-family: tahoma; color: #ccc; }
#formBoardWrite fieldset.file #uploadList { float: left; width: 540px; border: 1px solid #ccc; }
#formBoardWrite fieldset.file p.button { float: left; margin-left: 10px; }
#formBoardWrite fieldset.file p.button #uploader { margin-right: 4px; }

#formBoardWrite fieldset.etc { margin: 0px; padding: 0px; border: 0px; margin-top: 15px; border-bottom: 2px solid #d6d6d6; }
#formBoardWrite fieldset.etc p.line { height: 28px; border-top: 1px solid #d6d6d6; }
#formBoardWrite fieldset.etc p.line label { float: left; margin-top: 8px; padding-left: 10px; width: 140px; font-weight: 900; color: #323232; }
#formBoardWrite fieldset.etc p.line input { float: left; margin-top: 4px; width: 466px; height: 16px; border: 1px solid #c4c4c4; } 
#formBoardWrite fieldset.etc p.line .txt { float: left; padding-top: 8px; padding-left: 5px;  color: #666; }
#formBoardWrite fieldset.etc p.line #tag { width: 100px; }
#formBoardWrite fieldset.etc p.tagList { padding-left: 150px; padding-bottom: 5px; font-size: 0.92em; color: #666; line-height: 1.4em; }
#formBoardWrite fieldset.etc p.line .addTagBt { float: left; margin-left: 5px; margin-top: 3px; }
#formBoardWrite fieldset.etc p.line #writeKey { width: 40px; }
#formBoardWrite fieldset.etc p.line .writeKeyImg { float: left; margin-top: 3px; }

#formBoardWrite fieldset.etc p.line .surveySubject { background-color: #e9e9e9; }
#formBoardWrite fieldset.etc p.line #surveyDate { width: 60px; background-color: #e9e9e9; }
#formBoardWrite fieldset.etc p.line .surveyDateBt { float: left; margin-left: 5px; margin-top: 6px; }
#formBoardWrite fieldset.etc p.line .addSurveyBt { float: left; margin-left: 5px; margin-top: 5px; }
#formBoardWrite fieldset.etc p.line .deleteSurveyBt { float: left; margin-left: 7px; margin-top: 9px; }

#formBoardWrite fieldset.control { margin: 0px; padding: 0px; border: 0px; margin-top: 10px; text-align: right; }


/* trackback list */
#wrapTrackbackUrl { margin-top: 10px; margin-bottom: 10px; padding: 8px; font-size: 0.92em; background-color: #f9f9f9; border: 2px solid #e9e9e9; }
#wrapTrackback { margin: 0px; margin-bottom: 10px; padding: 0px; width: 690px; list-style: none; }
#wrapTrackback li { margin-top: 5px; }
#wrapTrackback .trackback { border-top: 1px solid #dadada; }
#wrapTrackback .info { display: table-cell; vertical-align: middle; padding: 10px; }
*html #wrapTrackback .info { display: inline; zoom: 1; }
*:first-child+html #wrapTrackback .info { display: inline; zoom: 1; }
#wrapTrackback .info img { vertical-align: middle; }
#wrapTrackback .info .name {  color: #555; }
#wrapTrackback .info .date { padding-left: 5px; font-size: 0.92em; font-family: tahoma; color: #999; }
#wrapTrackback .info .button { padding-left: 5px; }

#wrapTrackback .viewSubject { clear: both; padding: 10px; padding-bottom: 0px; color: #666; line-height: 1.4em; overflow: hidden; white-space: nowrap; }
#wrapTrackback .viewContent { clear: both; padding: 10px; padding-top: 3px; color: #666; line-height: 1.4em; overflow: hidden; }


/* trackback paging */
.pagingTrackbackBt { clear: both; width: 690px; height: 26px; text-align: center; }


/* comment list */
#wrapComment { margin: 0px; margin-bottom: 10px; padding: 0px; width: 690px; list-style: none; }
#wrapComment li { margin-top: 5px; }
#wrapComment .comment { border-top: 1px solid #dadada; }
#wrapComment .info { display: table-cell; vertical-align: middle; padding: 10px; }
*html #wrapList #wrapComment .info { display: inline; zoom: 1; }
*:first-child+html #wrapComment .info { display: inline; zoom: 1; }
#wrapComment .info img { vertical-align: middle; }
#wrapComment .info .name {  color: #555; }
#wrapComment .info .date { padding-left: 5px; font-size: 0.92em; font-family: tahoma; color: #999; }
#wrapComment .info .button { padding-left: 5px; }
#wrapComment .viewContent { clear: both; padding: 10px; color: #666; line-height: 1.4em; overflow: hidden; }


/* comment paging */
.pagingCommentBt { clear: both; width: 690px; height: 26px; text-align: center; }


/* comment write */
#wrapCommentWrite { margin-top: 10px; margin-bottom: 10px; }
#formCommentWrite { padding: 10px; width: 668px; border: 1px solid #eee; background-color: #f7f7f7; }
#formCommentWrite fieldset { margin: 0px; padding: 0px; border: 0px; }
#formCommentWrite .essential { float: left; padding-top: 4px; width: 100px; }
#formCommentWrite .essential p { margin-bottom: 5px; font-size: 0.92em; color: #555; }
#formCommentWrite .essential p img { vertical-align: top; }
#formCommentWrite .essential p.useSecret { margin-top: 10px; }
#formCommentWrite .essential p.writeKey { margin-top: 10px; }
#formCommentWrite .essential #commentWriteKey { width: 30px; }
#formCommentWrite .essential .txt { display: block; }
#formCommentWrite .essential input { width: 90px; border: 1px solid #c3c3c3; }
#formCommentWrite .essential input.checkbox { width: 20px; border: 0px; vertical-align: middle; }
#formCommentWrite .content { float: left; padding-left: 10px; }
#formCommentWrite .content textarea { padding: 5px; width: 465px; height: 140px;  color: #666; border: 1px solid #c3c3c3; line-height: 1.2em; }
#formCommentWrite .control { float: right; padding-top: 20px; width: 60px; }
#formCommentWrite .control a { display: inline-block; margin-top: 4px; }


/* upload */
#wrapUpload { }
#wrapUpload fieldset { margin: 0px; padding: 0px; border: 0px; }
#wrapUpload .top { padding-top: 12px; padding-left: 8px; height: 27px; padding-left: 4px; font-size: 1em; font-weight: 900; color: #fff; background: url('../imgs/popup_bg.gif') repeat-x; cursor: default; }
#wrapUpload .top h1 { font-weight: 900; font-size: 1em; }
#wrapUpload .top h1 img { vertical-align: middle; }

#wrapUpload .middle { margin-top: 10px; margin-left: 8px; }
#wrapUpload .middle .topBg { height: 8px; font-size: 0em; background: url('../imgs/upload_bg_top.gif') no-repeat; }
#wrapUpload .middle .middleBg { padding: 10px; background: url('../imgs/upload_bg_middle.gif') repeat-y; }
#wrapUpload .middle .bottomBg { height: 8px; font-size: 0; background: url('../imgs/upload_bg_bottom.gif') no-repeat; }
#wrapUpload .middle p.txt { margin-bottom: 15px; font-size: 0.92em; color: #666; }
#wrapUpload .middle .inputFile { width: 250px; height: 22px; border: 0px; border: 1px solid #e9e9e9; }
#wrapUpload .bottom { margin: 0 auto; margin-top: 10px; width: 116px; }

#wrapUpload #loading { width: 80px; font-size: 0.92em; color: #666; text-align: center; }
#wrapUpload #loading img { vertical-align: middle; }


/* report */
#wrapReport { }

#wrapReport h1 {  font-weight: 900; font-size: 1em; color: #fff; }

#wrapReport .top { padding-top: 12px; padding-left: 8px; width: 100%; height: 27px; padding-left: 4px; background: url('../imgs/report/popup_bg.gif') repeat-x; cursor: pointer; }
#wrapReport .top img { vertical-align: middle; }

#wrapReport .middle { margin-top: 10px; margin-left: 8px; }
#wrapReport .middle .topBg { height: 8px; font-size: 0; background: url('../imgs/report/popup_bg_top.gif') no-repeat #f9f9f9; }
#wrapReport .middle .middleBg { padding: 10px; background: url('../imgs/report/popup_bg_middle.gif') repeat-y; }
#wrapReport .middle .middleBg .subject { margin: 0px; margin-top: 10px; border: 0px; }
#wrapReport .middle .bottomBg { height: 8px; font-size: 0; background: url('../imgs/report/popup_bg_bottom.gif') no-repeat #f9f9f9; }
#wrapReport .bottom { margin-top: 10px; text-align: center; }

#wrapReport .txt { font-size: 0.92em; color: #666; }
#wrapReport .inputSubject { width: 400px; height: 16px; border: 0px; border: 1px solid #e9e9e9; ime-mode: active; }


/* paging */
a.pagingBt { margin-right: 2px; }
a.pagingBt img { vertical-align: middle; }
a.pagingBtList { padding: 5px; padding-top: 3px; padding-left: 8px; padding-right: 8px; color: #333; font-family: tahoma; text-decoration: none; border-left: 1px solid #d9d9d9; }
a.pagingBtList:hover { text-decoration: underline; }
a.pagingBtListFirst { border-left: 0px; }
a.pagingBtListBold { color: #eb302f; font-weight: 900; }