html, body {font:12px 돋움, dotum, san-serif; color:#646464; background:#FFF;}
html, body {width:100%; height:100%; padding:0; margin:0;}

a {color:#817871; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
img {border:0;}
select, div {font:12px 돋움, dotum, san-serif;  color:#646464;}
dl, dt, dd, ul, li, ol {margin:0; padding:0;}

/* boardList*/
#listBox {width:636px;}
#listBox table.boardList {width:100%; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
#listBox table.boardList thead td {height:24px; text-align:center;}
#listBox table.boardList thead td.end div{height:18px; padding-top:6px;}
#listBox table.boardList tbody th {padding:6px 0 4px 5px; text-align:left; font-weight:normal; background:url('/images/board/bgLine.gif') repeat-x bottom;}
#listBox table.boardList tbody td {padding:8px 0 8px; text-align:center; background:url('/images/board/bgLine.gif') repeat-x bottom;}
#listBox table.boardList tbody tr.end th, 
#listBox table.boardList tbody tr.end td {background:none;}
#listBox table.boardList tbody td.over{background:#f5f5f5 url('/images/board/bgLine.gif') repeat-x bottom;}

/* violet */
#listBox table.boardList.violet {border-bottom:2px solid #c7b8e4;}
#listBox table.boardList.violet thead td {background:url('/images/board/bgVioList.gif') no-repeat left top;}
#listBox table.boardList.violet thead td.first {background:url('/images/board/bgVioListFir.gif') no-repeat left top;}
#listBox table.boardList.violet thead td.end div{background:url('/images/board/bgVioListEnd.gif') no-repeat right top;}

/* orange */
#listBox table.boardList.orange {border-bottom:2px solid #ffc6a0;}
#listBox table.boardList.orange thead td {background:url('/images/board/bgOrgList.gif') no-repeat left top;}
#listBox table.boardList.orange thead td.first {background:url('/images/board/bgOrgListFir.gif') no-repeat left top;}
#listBox table.boardList.orange thead td.end div{background:url('/images/board/bgOrgListEnd.gif') no-repeat right top;}

/* green */
#listBox table.boardList.green {border-bottom:2px solid #c3e281;}
#listBox table.boardList.green thead td {background:url('/images/board/bgGrnList.gif') no-repeat left top;}
#listBox table.boardList.green thead td.first {background:url('/images/board/bgGrnListFir.gif') no-repeat left top;}
#listBox table.boardList.green thead td.end div{background:url('/images/board/bgGrnListEnd.gif') no-repeat right top;}

/* red*/
#listBox table.boardList.red {border-bottom:2px solid #faaaaa;}
#listBox table.boardList.red thead td {background:url('/images/board/bgRedList.gif') no-repeat left top;}
#listBox table.boardList.red thead td.first {background:url('/images/board/bgRedListFir.gif') no-repeat left top;}
#listBox table.boardList.red thead td.end div{background:url('/images/board/bgRedListEnd.gif') no-repeat right top;}

/* blue */
#listBox table.boardList.blue {border-bottom:2px solid #a6bddd;}
#listBox table.boardList.blue thead td {background:url('/images/board/bgBlueList.gif') no-repeat left top;}
#listBox table.boardList.blue thead td.first {background:url('/images/board/bgBlueListFir.gif') no-repeat left top;}
#listBox table.boardList.blue thead td.end div{background:url('/images/board/bgBlueListEnd.gif') no-repeat right top;}
#listBox table.boardList.blue tbody td.pic table td {background:none !important; border:1px solid #c2b9b2;}

/* viewBox */
#viewBox {clear:both; width:636px; overflow:hidden;}
#viewBox div.bgTop {width:636px; height:15px;}
#viewBox div.bgBottom {width:636px; height:15px;}
#viewBox div.container {clear:both; width:588px;overflow:hidden; padding:0 22px 15px;}
#viewBox div.container div.contents {clear:both; width:588px; overflow:hidden; line-height:180%;}
#viewBox div.container div.recipe { line-height:180%;}
#viewBox div.container div.contents img.adPic {display:block; margin:0 auto; line-height:180%;}
#viewBox div.btn {clear:both; width:636px; padding:20px 0; text-align:center;}
#viewBox h4 {font-size:14px; margin:0; padding:0 0 10px;}
#viewBox .timeBox {clear:both; width:578px; padding:6px 5px 5px; margin-bottom:24px; overflow:hidden;}
#viewBox .timeBox div {font-size:11px;}

#viewBox .recipeBox {clear:both;}
#viewBox .recipeBox .pic {float:left; width:204px; height:143px; padding:4px; margin-right:30px; background:url('/images/board/bgRecipePic.gif') no-repeat; overflow:hidden;}
#viewBox .recipeBox .data {float:left; width:300px; line-height:18px;}
#viewBox .recipeBox .data dt {margin-bottom:2px;}
#viewBox .recipeBox .recipe {clear:both; width:100%; padding:35px 0 30px; line-height:18px;}
#viewBox .recipeBox .recipe dt {margin-bottom:2px;}

#viewBox .recipeBox .tipBox {clear:both; width:100%; padding-top:12px; margin-bottom:15px; background:url('/images/board/bgRecipeTip.gif') no-repeat left top;}
#viewBox .recipeBox .tipBox h4 {float:left; border:0; margin:0 15px 0 12px; padding:0;}
#viewBox .recipeBox .tipBox .tip {float:left;}
#viewBox .recipeBox .tipBoxB {clear:both; height:16px; background:url('/images/board/bgRecipeTipB.gif') no-repeat left bottom;}
#viewBox .recipeBox .reviewBox {width:558px; padding:15px; background:#f9f9e3; line-height:18px;}
#viewBox .recipeBox .reviewBox .reviewPic{clear:both; width:215px; height:160px; border:1px solid #c9c1b8; margin-bottom:15px;}


#viewBox div.container .recHouse {clear:both; width:100%; margin:0 0 25px; padding:0;}
#viewBox div.container .recHouse .recPic {float:left; width:196px; height:136px; margin-right:25px; border:1px solid #c2b9b2;}
#viewBox div.container .recHouse .recTable {float:left; width:356px; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
#viewBox div.container .recHouse .recTable td, #viewBox div.container .recHouse .recTable th {padding-bottom:7px; text-align:left;}

/* replyBox */
#replyBox {clear:both; width:100%; margin-top:20px; }
#replyBox ul.reply {width:100%; list-style:none; margin-bottom:10px;}
#replyBox ul.reply li {width:100%; padding:9px 0; background:url('/images/board/bgVioDot.gif') repeat-x bottom; overflow:hidden;}
#replyBox ul.reply li.total {color:#714fb0; font-weight:bold; text-decoration:underline;}
#replyBox ul.reply li div.name {float:left; width:125px; padding-left:25px;color:#714fb0; background:url('/images/common/bul/bulReplyName.gif') no-repeat 5px 0;}
#replyBox ul.reply li div.replyCont {float:right; width:430px;}
#replyBox ul.reply li div.replyCont .time {padding-top:5px; font-size:11px; color:#999999;}
#replyBox .replyWrite img,#replyBox .replyWrite textarea {vertical-align:middle; }


/* orange */
#viewBox.orange div.bgTop {background:url('/images/board/bgOrgViewTop.gif') no-repeat left top;}
#viewBox.orange div.bgBottom {background:url('/images/board/bgOrgViewBottom.gif') no-repeat left bottom;}
#viewBox.orange div.container {border-left:2px solid #ffc6a0; border-right:2px solid #ffc6a0; }
#viewBox.orange h4 {color:#f17827; border-bottom:1px solid #ffc6a0;}
#viewBox.orange .timeBox {background:url('/images/board/bgOrgDot.gif') repeat-x bottom;}

/* red */
#viewBox.red div.bgTop {background:url('/images/board/bgRedViewTop.gif') no-repeat left top;}
#viewBox.red div.bgBottom {background:url('/images/board/bgRedViewBottom.gif') no-repeat left bottom;}
#viewBox.red div.container {border-left:2px solid #faaaaa; border-right:2px solid #faaaaa; }
#viewBox.red h4 {margin-bottom:24px; color:#ec3939; border-bottom:1px solid #ee9898;}
#viewBox.red .timeBox {background:url('/images/board/bgRedDot.gif') repeat-x bottom;}
#viewBox.red .recipeBox .pic {width:202px; height:202px; padding:4px; margin-right:30px; background:url('/images/board/bgRecipePicR.gif') no-repeat; overflow:hidden;}
#viewBox.red .recipeBox dl.data {width:588px; line-height:180%;}
#viewBox.red .recipeBox dl.data dd.red {padding-bottom:23px;}

#viewBox.red .recipeBox .tipBox {margin-bottom:0; background:url('/images/board/bgRedRecipeTip.gif') no-repeat left top;}
#viewBox.red .recipeBox .tipBoxB {background:url('/images/board/bgRedRecipeTipB.gif') no-repeat left bottom;}


/* green */
#viewBox.green div.bgTop {background:url('/images/board/bgGrnViewTop.gif') no-repeat left top;}
#viewBox.green div.bgBottom {background:url('/images/board/bgGrnViewBottom.gif') no-repeat left bottom;}
#viewBox.green div.container {border-left:2px solid #c3e281; border-right:2px solid #c3e281; }
#viewBox.green h4 {color:#77af00; border-bottom:1px solid #c3e281;}
#viewBox.green .timeBox {background:url('/images/board/bgGrnDot.gif') repeat-x bottom;}
#viewBox.green .recipeBox .pic202 {width:202px; height:202px; padding:4px; margin-right:30px; background:url('/images/board/bgRecipePicR.gif') no-repeat; overflow:hidden;}
#viewBox.green .recipeBox dl.data {width:588px; line-height:180%;padding-top:20px;}
#viewBox.green .recipeBox dl.data dd.green {padding-bottom:23px;}

#viewBox.green .recipeBox .tipBox {background:url('/images/board/bgGrnRecipeTip.gif') no-repeat left top;}
#viewBox.green .recipeBox .tipBoxB {background:url('/images/board/bgGrnRecipeTipB.gif') no-repeat left bottom;}




/* violet */
#viewBox.violet div.bgTop {background:url('/images/board/bgVioViewTop.gif') no-repeat left top;}
#viewBox.violet div.bgBottom {background:url('/images/board/bgVioViewBottom.gif') no-repeat left bottom;}
#viewBox.violet div.container {border-left:2px solid #c7b8e4; border-right:2px solid #c7b8e4; }
#viewBox.violet h4 {color:#714fb0; border-bottom:1px solid #c7b8e4;}
#viewBox.violet .timeBox {background:url('/images/board/bgVioDot.gif') repeat-x bottom;}
#viewBox.violet .timeBox .fRight {font-size:12px;}

/* blue */
#viewBox.blue div.bgTop {background:url('/images/board/bgBlueViewTop.gif') no-repeat left top;}
#viewBox.blue div.bgBottom {background:url('/images/board/bgBlueViewBottom.gif') no-repeat left bottom;}
#viewBox.blue div.container {border-left:2px solid #a6bddd; border-right:2px solid #a6bddd; }
#viewBox.blue h4 {color:#3968ac; border-bottom:1px solid #a6bddd;}
#viewBox.blue .timeBox {background:url('/images/board/bgBlueDot.gif') repeat-x bottom;}







/* btnGroup */
table#btnGroup {clear:both; width:100%; margin-top:10px; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
table#btnGroup td.cen {text-align:center;}
table#btnGroup th {text-align:left;}
table#btnGroup td {text-align:right;}
ul.paging {display:inline;}
ul.paging li {display:inline; font-weight:bold; padding:0 8px;}
ul.paging li.btn {padding:0 2px; }
ul.paging li.btn img {vertical-align:middle;}
ul.paging li a {font-weight:normal;}
ul.paging li a:hover {color:#ff6600; text-decoration:underline !important;}

/* searchBox */
#searchBox {clear:both; width:624px; margin:10px 6px; overflow:hidden;}
#searchBox .fLeft {float:left; height:23px; padding-top:2px;}
#searchBox .fRight {float:right; height:25px;}
#searchBox img, #searchBox select, #searchBox input {vertical-align:middle;}

/* 최신광고 */
div.adBox {width:636px; margin-bottom:24px; background:url('/images/board/bgAdBoxT.gif') no-repeat;}
div.adBox ul {width:612px; padding:50px 9px 0; overflow:hidden;}
div.adBox li {float:left; padding:0 12px; text-align:center;}
div.adBox li div {font-weight:bold; padding-top:10px;}
div.adBox .bgBottom {width:636px; height:24px; background:url('/images/board/bgAdBoxB.gif') no-repeat;}
/* custom */ 
.fLeft {float:left;}
.fRight {float:right;}
.red {color:#ec3939;}
.green {color:#77af00;}
.mT24 {margin-top:24px;}

div.conturyReview{width:636px;height:186px;background:url('/htmlTest/images/info/bgConturyReview.gif') no-repeat;}
div.conturyReview div.img{float:left;margin:27px 0 0 0px; padding-left:27px;}
div.conturyReview div.img img{border:1px solid #c2b9b2;}
div.conturyReview dl{float:left;margin:27px 0 0 20px;width:385px;}
div.conturyReview dt{padding-bottom:10px;font-weight:bold;font-size:14px;color:#f17827;}
div.conturyReview dd{padding:0 10px 20px 0;}