/* CSS Document */

/* ·¹À̾ƿô */
#body {	
	background:url(../images/common/right_bg.gif) 725px	repeat-y;
	}
#colLeft,#rowTop,#rowTopLeft,#rowMid,#rowMidLeft,#rowBtm,#rowBtmLeft {
	float:left;
	}
#colRight,#rowTopRight,#rowMidRight,#rowBtmRight,#rowMidRight {
	float:right;
	}
#colLeft {
	width:715px;
	margin-top:10px;
	background:#FFFDF2;
	}
#colRight {
	width:225px;
	background:url(../images/common/right_bg.gif) 725px	repeat-y;
	}
#rowTop {
	background:url(../images/index/bboard_bg.gif) 0 0 no-repeat;
	padding:20px 20px 10px;
	}
#rowTopRight {
	width:445px;
	}
#rowTopLeft {
	width:210px;
	}
#rowMid {
	margin-top:10px;
	padding:0 10px 10px;
	background:url(../images/index/best_bg.gif) 0 0 no-repeat;
	margin-bottom:10px;
	}
#rowMidLeft {
	width:210px;
	padding:10px 10px 10px 0;
	}
#rowBtmRight {;
	width:485px;
	}
#rowBtmLeft {
	width:220px;
	}

/* ¿ÞÂÊ Ä÷³ // Ä¥ÆÇ // Åõµ¥ÀÌ ÇÖ */
#rowTopRight h3 {
	padding-bottom:7px;
	}
#contTodayImg li {
	float:left;
	text-align:center;
	font-weight:bold;
	width:111px;
	background:url(../images/index/headimg_bg.gif) 1px 0 no-repeat;
	}
#contTodayImg li a {
	color:#fff;
	}
#contTodayImg li img {
	margin:8px 6px 9px 0;
	width:97px;
	height:72px;
	}
#contTodayList {
	float:left;
	margin-top:8px;
	padding-top:8px;
	border-top:1px solid #fff;
	}
#contTodayList li {
	padding:6px 0;
	background:url(../images/index/dox_white.gif) 0 0 repeat-x;
	clear:both;
	}
#contTodayList li a {
	font-size:14px;
	padding-left:10px;
	color:#fff;
	background:url(../images/index/today_bullet.gif) 0 40% no-repeat;
	}
#contTodayList em {
	float:right;
	}
#contTodayList strong {
	float:left;
	}
#contTodayList .hNick {
	line-height:170%;
	background:none;
	}

/* ¿ÞÂÊ Ä÷³ // Ä¥ÆÇ // ·Î±×ÀÎ */
#contLogin a {
	color:#fff;
	}
#contBbs {
	background:url(../images/index/bbs_bg.gif) 0 37px no-repeat;
	padding:6px 0 10px;
	}
#contBbsNick {
	padding-left:55px;
	}
#conBbsOutput {
	padding:12px 10px 0;
	height:30px;
	}
	#contLoginId {
		text-align:right;
		}
	#contLoginPw {
		text-align:right;
		}	
/* ¿ÞÂÊ Ä÷³ // º® // º£½ºÆ® */
#rowMidRight {
	padding-top:10px;
	}
#rowMidRight h3 {
	float:left;
	padding:16px 9px 10px 10px;
	}
#rowMidRight dl {
	float:left;
	}
#rowMidRightRight { 
	float:left;
	width:285px;
	padding-bottom:3px;
	}
	#humor {
		background:url(../images/index/best_right_humor.gif) 190px 7px no-repeat;
		float:left;
		}
	#cartoon {
		background:url(../images/index/best_right_cartoon.gif) 190px 7px no-repeat;
		float:left;
		}
	#cut {
		background:url(../images/index/best_right_cut.gif) 190px 7px no-repeat;
		float:left;
		}
	#life {
		background:url(../images/index/best_right_life.gif) 190px 7px no-repeat;
		float:left;
		}
	#self {
		background:url(../images/index/best_right_self.gif) 190px 7px no-repeat;
		float:left;
		}
#rowMidRightLeft { 
	float:left;
	width:190px;
	background:url(../images/index/best_left.gif) 0 7px no-repeat;
	}
#contBestTab {
	padding:15px 0 0 7px;
	float:left;
	}
#rowMidRightRight .more {
	margin-top:18px;
	}
#contBestTab li {
	display:inline;
	color:#fff;
	}
#contBestTab li a,#contBestTab li a:hover {
	margin:0 6px 0 3px;
	color:#fff;
	}
#contBestTab li a:hover {
	font-weight:bold;
	text-decoration:none;
	}
#contBestTab .more {
	margin:0 0 0 10px;
	}
#contBestList {
	margin:8px 0 5px;
	width:275px;
	float:left;
	}
#contBestList li {
	padding:6px 0 4px 0;
	background:url(../images/common/dot_beige.gif) 0 0 repeat-x;
	}
#contBestList li.bgNone {
	padding:6px 0 4px 0 !important;
		}
#contBestList a {
	font-weight:bold;
	background:url(../images/common/bullet_dot.gif) 0 40% no-repeat;
	padding-left:7px;
	}
#rowMidRight dd {
	text-align:center;
	}
#rowMidRight dl img {
	width:104px;
	height:78px;
	border:1px solid #C0AD9C;
	padding:3px;
	margin:17px 0 7px;
	}
	
/* ¿ÞÂÊ Ä÷³ // º® // Ãßõºí·Î±× */
#rowMidLeft h3 {
	padding-bottom:7px;
	border-bottom:1px solid #C4BAB2;
	float:left;
	}
#rowMidLeft dl {
	float:left;
	margin:8px 0;
	padding-bottom:10px;
	background:url(../images/common/dot_beige.gif) 0 100% repeat-x;
	}
#rowMidLeft dt {
	float:right;
	width:142px;
	margin-bottom:3px;
	}
#rowMidLeft dl img {
	float:left;
	border:1px solid #553D26;
	width:58px;
	height:43px;
	margin-right:8px;
	}
#rowMidLeft ul {
	clear:both;
	}
#rowMidLeft li {
	background:url(../images/index/reconblog_bullet.gif) 0 20% no-repeat;
	padding:0 0 5px 10px;
	}
	
/* ¿ÞÂÊ Ä÷³ // ÇÏ´Ü // ´ºÆ÷½ºÆ®,ºí·Î±× ½ÅÀÔ»ý */
#contViewlist {
	width:485px;
	background:url(../images/index/newdiv_bg.gif) repeat-y;
	border:solid #C4BAB2;
	border-width:2px 0;
	float:right;
	margin:10px 0 0;
	}	
#contNewpost {
	float:left;
	width:237px;
	}
#contNewpost h3,#contNewbie h3 {
	padding:8px;
	border-bottom:2px solid #C4BAB2;
	float:left;
	}
#contNewpost ul {
	margin-right:20px;
	}
#contNewpost ul,#contNewbie ul {
	clear:both;
	padding:10px 10px 0;
	}
#contNewbie ul,#contNewbie h3 img {
	margin-left:20px;
	}
#contNewpost li,#contNewbie li {
	padding:9px 0 7px;
	background:url(../images/common/dot_beige.gif) 0 0 repeat-x;
	}
#contNewpost li a,#contNewbie li a {
	background:url(../images/common/bullet_dot.gif) 0 40% no-repeat;
	padding-left:7px;
	}
#contNewbie {
	float:right;
	width:242px;
	}
	.attn {
		font-weight:bold;
		}
		
/* ¿ÞÂÊ Ä÷³ // ÇÏ´Ü // ű×Ŭ¶ó¿ìµå */
#contTag {
	background:url(../images/index/tag_bg.gif);
	margin-bottom:10px;
	}
#contTag h3 {
	height:17px;
	padding:10px 10px 7px 20px;
	background:url(../images/index/tag_top.gif) 0 0 no-repeat;
	}
#contTag ul {
	background:url(../images/index/tag_btm.gif) 0 100% no-repeat;
	padding:10px;
	}
#contTag li {
	display:inline;
	margin-right:5px;
	line-height:180%;
	}
	.S:link,.S:visited,.S:active {
		color:#300;
		}
	.M:link,.M:visited,.M:hover,.M:active {
		color:#300;
		font-weight:bold;
		}
	.L:link,.L:visited,.L:hover,.L:active {
		font-weight:bold;
		color:#FB4246;
		}
	.XL:link,.XL:visited,.XL:hover,.XL:active {
		font-weight:bold;
		color:#fff;
		background:#648F72;
		padding:3px 2px 1px;
		}
	.S:hover,.M:hover,.L:hover,.XL:hover {
		text-decoration:none;
		background:#300;
		color:#fff;
		padding:3px 2px 1px;
		font-weight:bold;
		}

/* ¿ÞÂÊ Ä÷³ // ÇÏ´Ü // Æú */
#contPoll {
	background:url(../images/index/poll_bg.gif);
	}
#contPoll .more {
	margin-top:10px;}
#contPoll h3 {
	background:url(../images/index/poll_top.gif) 0 0 no-repeat;
	padding:10px 10px 7px 20px;
	height:23px;
	}
#contPoll table {
	width:190px;
	}
#contPoll h4 {
	background:url(../images/index/poll_h4.gif);
	padding:0 20px;
	font-size:12px;
	line-height:150%;
	}
#contPoll div {
	clear:both;
	background:url(../images/index/poll_h4_btm.gif) 0 0 no-repeat;
	padding:15px 15px 0;
	}
#contPoll tr {
	background:url(../images/common/dot_beige.gif) 0 100% repeat-x;
		}
#contPoll td {
	padding:5px 0;
	}
#contPoll td input {
		vertical-align:middle;
		height:15px;
		float:left;
		}
#contPoll p {
	background:url(../images/index/poll_btm.gif) 0 100% no-repeat;
	padding:0 10px 0;
	text-align:right;
	}
#contPoll .btn {
		margin:10px 0 15px;
		}
		
/* ¿À¸¥ÂÊ Ä÷³ // ¹è³Ê */
#bRight {
		padding-top:10px;
		background-color:#FFFDF2;
		}	
		
/* ¿ÞÂÊ Ä÷³ // ¹è³Ê */
#bLeft {

		}	
			
/* ¿À¸¥ÂÊ Ä÷³ // ½ºÅ² */
#rowSkin {
	padding-top:8px;
	background:url(../images/index/skin_btm.gif) 0 100% no-repeat #FFFDF2;
	float:left;
	color:#fff;
	width:225px;
	padding-bottom:13px;
	}
#rowSkin a {
	color:#fff;
	}
#rowSkin h3 {
	background:url(../images/index/skin_top.gif) 0 0 no-repeat;
	padding:10px 10px 0;
	height:20px;
	}
#rowSkin dl {
	background:url(../images/index/skin_bg.gif);
	padding:5px 10px 0 15px;
	float:left;
	width:200px;
	}
#rowSkin dd {
	line-height:170%;		
		}
#rowSkin dt {
	background:url(../images/index/skin_img_bg.gif) 0 0 no-repeat;
	width:57px;
	height:40px;
	float:left;
	}
#rowSkin dt img {
	width:47px;
	height:34px;
	margin:1px 2px 1px 1px;
	padding:1px;
	}
		
/* ¿À¸¥ÂÊ Ä÷³ // ¿ÀǺí·Î±× HOT */
#rowOpenhot {
	background:#FFE6A6;
	width:205px;
	padding:10px 10px 3px;
	clear:both;
	}
#rowOpenhot dl {
	background-color:#fff;
	float:left;
	margin:10px 0;
	padding:8px;
	width:189px;
	}
#rowOpenhot dt {
	font-weight:bold;
	margin-bottom:4px;
	}
#rowOpenhot dd img {
	border:1px solid #333;
	width:58px;
	height:43px;
	float:left;
	margin:1px 8px 0 0;
	}
#rowOpenhot dd {
	line-height:140%;
	}
#rowOpenhot ul {
	clear:both;
	width:195px;
	padding:0 0 0 10px;
	}
#rowOpenhot li,#rowNotice li {
	margin-bottom:8px;
	background:url(../images/common/bullet_dot.gif) 0 40% no-repeat;
	padding-left:6px;
	}

/* ¿À¸¥ÂÊ Ä÷³ // °øÁö»çÇ× */
#rowNotice {
	background-color:#F7DA90;
	padding:10px;
	clear:both;
	}
#rowNotice h3 {
	float:left;
	margin-bottom:10px;
	padding-bottom:7px;
	width:205px;
	border-bottom:1px solid #DCB85D;
	}
#rowNotice ul {
	width:195px;
	padding-left:10px;
	float:left;
	}
	
/* ±âŸ µðÀÚÀοä¼Ò */
.by {	
	font-family:AppleGothic, verdana, tahoma, arial, helvetica, sans-serif;
	font-size:11px;
	line-height:170%;
	}

/* Æ÷½ºÆ®·¹À̾î */
.postLayer {
	border:1px #ccc solid;
	width:300px;
	padding:8px;
	background-color:#fff;
	float:left;
	}
.postLayer dt {
	font-weight:bold;
	float:right;
	width:212px;
	background:url(../images/common/dot_beige.gif) 0 100% repeat-x;
	margin-bottom:5px;
	padding-bottom:5px;
	}
.postLayer dd .img {
	border:1px solid #ccc;
	width:78px;
	height:58px;
	margin-right:8px;
	float:left;
	}
.postLayer dd {
	line-height:160%;
	}