/* @group Body */

/* @group Middle Column */

#columnMiddle
{
	float: left;
	width: 509px;
}

/* @group Search */

#searchSection
{
	background-image: url('../images/search_middle.png');
	background-repeat: repeat-y;
	position: relative;
}

#searchSection h3.sectionTop
{
	background-image: url('../images/search_top.png');
	height: 36px;
}

#searchSection .condition
{
	padding: 10px 15px 0 15px;
	text-align: center;
}

#searchSection .condition select
{
	width: 90px;
}

#searchSection .condition .inputText
{
	width: 315px;
}

#searchSection .condition input.inputButton
{
	margin-bottom: 5px;
	vertical-align: middle;
}

#searchSection .sectionBottom
{
	background-image: url('../images/search_bottom.png');
	height: 12px;
}

/* @end */

/* @group Hot Topic */

#hotTopicSection
{
	background-image: url('../images/hottopic_middle.png');
	background-repeat: repeat-y;
	position: relative;
}

#hotTopicSection h3.sectionTop
{
	background-image: url('../images/hottopic_top.png');
	height: 20px;
}

#hotTopicSection .contentBox
{
	padding-left: 15px;
	width: 250px;
}

#hotTopicSection .contentBox .subtitle
{
	color: #888;
	font-family: dotum, sans-serif;
	font-size: 90%;
}

#hotTopicSection .contentBox .title
{
	font-size: 130%;
	margin-bottom: 15px;
}

#hotTopicSection .contentBox .thumbnail
{
	position: absolute;
	right: 13px;
	top: 20px;
}

#hotTopicSection .contentBox .shortDescription
{
	height: 137px;
	color: #666;
	font-family: dotum, sans-serif;
	font-size: 90%;
	word-wrap: break-word;
}

#hotTopicSection .contentBox .shortDescription .more
{
	background-image: url('../images/button_go.png');
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	margin-left: auto;
	overflow: hidden;
	text-indent: -1000px;
	width: 57px;
}

#relativeArticles
{
	clear:both;
	background-image: url('../images/text_relativearticles.png');
	background-position: 20px top;
	background-repeat: no-repeat;
	margin-top: 15px;
	padding: 0 15px;
}

#relativeArticles ul
{
	border-left: 1px solid #d7d7d7;
	margin-left: 85px;
	padding: 3px 0 0 5px;
}

#relativeArticles ul li
{
	background-image: url('../images/bullet_link.png');
	background-repeat: no-repeat;
	padding: 1px 0 1px 15px;
	width: 360px;
}

#hotTopicSection .sectionBottom
{
	background-image: url('../images/hottopic_bottom.png');
	height: 12px;
	padding-top: 3px;
}

/* @end */

/* @group Popular Articles */

/* @group Rank List */

#popularArticlesSection
{
	border-bottom: 2px solid #f7f7f7;
}

#popularArticlesSection h3
{
	background-image: url('../images/populararticles_head.png');
	height: 25px;
	margin-top: 15px;
}

#popularArticlesSection .rankList li
{
	background-position: 12px 13px;
	background-repeat: no-repeat;
	border-top: 2px solid #f7f7f7;
	clear: both;
	
}

#popularArticlesSection .rankList li .temp
{
	padding: 10px 5px 10px 50px;
}

#popularArticlesSection .rankList li .thumbnailBox
{
	float: left;
	margin: 0 5px 10px 0;
}

#popularArticlesSection .rankList li .title
{
	font-size: 100%;
	padding-top: 4px;
}

#popularArticlesSection .rankList li .shortDescription
{
	color: #666;
	font-family: dotum, sans-serif;
	font-size: 90%;
	margin-top: 5px;
	word-wrap: break-word;
}

#popularArticlesSection .rankList li .more
{
	background-image: url('../images/button_go.png');
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	margin: 3px 0 0 auto;
	overflow: hidden;
	text-indent: -1000px;
	width: 57px;
}

#popularArticlesSection .rankList li.firstChild
{
	margin-top: 10px;
}

#popularArticlesSection .rankList li.item1
{
	background-image: url('../images/number_1_bblue.png');
}

#popularArticlesSection .rankList li.item2
{
	background-image: url('../images/number_2_bblue.png');
}

#popularArticlesSection .rankList li.item3
{
	background-image: url('../images/number_3_bblue.png');
}

#popularArticlesSection .rankList li.item4
{
	background-image: url('./images/number_4_bblue.png');
}

#popularArticlesSection .rankList li.item5
{
	background-image: url('./images/number_5_bblue.png');
}

#popularArticlesSection .rankList li.item6
{
	background-image: url('./images/number_6_bblue.png');
}

#popularArticlesSection .rankList li.item7
{
	background-image: url('./images/number_7_bblue.png');
}

#popularArticlesSection .rankList li.item8
{
	background-image: url('./images/number_8_bblue.png');
}

#popularArticlesSection .rankList li.item9
{
	background-image: url('./images/number_9_bblue.png');
}

#popularArticlesSection .rankList li.item10
{
	background-image: url('./images/number_10_bblue.png');
}

/* @end */

/* @group Short Rank List */

.shortRankList
{
	border-top: 2px solid #f7f7f7;
	clear: both;
	position: relative;
}

.shortRankList .temp
{
	padding: 5px 10px 10px 140px;
}

.shortRankList .thumbnail
{
	position: absolute;
	left: 10px;
	top: 13px;
}

.shortRankList ol
{
	margin-top: 10px;
}

.shortRankList ol li
{
	background-image: url('../images/bullet_triangle.png');
	background-repeat: no-repeat;
	padding: 1px 0 2px 7px;
}

.shortRankList ol li.divider
{
	margin-top: 10px;
}

/* @end */

/* @end */

/* @group Recent Articles */

#recentArticlesSection
{
	float: left;
	margin-top: 15px;
	width: 251px;
}

#recentArticlesSection h3.sectionTop
{
	background-image: url('../images/recentarticles_top.png');
	height: 43px;
}

#recentArticlesSection ol.sectionMiddle
{
	background-image: url('../images/recentarticles_middle.png');
	padding: 6px 10px 2px 15px;
}

#recentArticlesSection ol li
{
	background-image: url('../images/bullet_triangle.png');
	background-repeat: no-repeat;
	padding: 1px 0 1px 7px;
}

#recentArticlesSection ol li.item6
{
	margin-top: 10px;
}

#recentArticlesSection .sectionBottom
{
	background-image: url('../images/recentarticles_bottom.png');
	font-size: 1px;
	height: 11px;
}

/* @end */

/* @group Recent News */

#recentNewsSection
{
	float: right;
	margin-top: 15px;
	width: 251px;
}

#recentNewsSection h3.sectionTop
{
	background-image: url('../images/recentnews_top.png');
	height: 43px;
}

#recentNewsSection ol.sectionMiddle
{
	background-image: url('../images/recentnews_middle.png');
	padding: 6px 10px 2px 15px;
}

#recentNewsSection ol li
{
	background-image: url('../images/bullet_triangle.png');
	background-repeat: no-repeat;
	padding: 1px 0 1px 7px;
}

#recentNewsSection ol li.item6
{
	margin-top: 10px;
}

#recentNewsSection .sectionBottom
{
	background-image: url('../images/recentnews_bottom.png');
	font-size: 1px;
	height: 11px;
}

/* @end */

/* @end */

/* @group Left Column */

#columnLeft
{
	float: left;
	margin-right: 20px;
	width: 201px;
}

/* @group Popular Articles for a Week */

#popularArticlesForAWeek h3.sectionTop
{
	background-image: url('../images/weekpopluararticle_top.png');
	height: 32px;
}

#popularArticlesForAWeek ol.sectionMiddle
{
	background-image: url('../images/weekpopluararticle_middle.png');
	background-repeat: repeat-y;
	padding: 0 7px;
}

#popularArticlesForAWeek ol li
{
	background-position: 5px 5px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #f3f3f3;
	padding: 9px 3px 5px 27px;
}

#popularArticlesForAWeek ol li.firstChild
{
	padding-top: 4px;
}

#popularArticlesForAWeek ol li.lastChild
{
	border-bottom: none;
	padding-bottom: 0;
}

#popularArticlesForAWeek ol li.item1
{
	background-image: url('../images/number_1_sgray.png');
	background-position: 5px -1px;
}

#popularArticlesForAWeek ol li.item2
{
	background-image: url('../images/number_2_sgray.png');
}

#popularArticlesForAWeek ol li.item3
{
	background-image: url('../images/number_3_sgray.png');
}

#popularArticlesForAWeek ol li.item4
{
	background-image: url('../images/number_4_sgray.png');
}

#popularArticlesForAWeek ol li.item5
{
	background-image: url('../images/number_5_sgray.png');
}

#popularArticlesForAWeek .sectionBottom
{
	background-image: url('../images/weekpopluararticle_bottom.png');
	height: 12px;
}

/* @end */

/* @group Writer's Choice */

#writersChoice
{
	background-image: url('../images/writerschoice_middle.png');
	background-repeat: repeat-y;
	position: relative;
}

#writersChoice h3.sectionTop
{
	background-image: url('../images/writerschoice_top.png');
	height: 32px;
}

#writersChoice .album
{
	margin: 0 auto;
	padding-top: 9px;
	text-align: center;
	width: 160px;
}

#writersChoice .album .title
{
	color: #888;
	font-family: dotum, sans-serif;
	font-size: 90%;
}

#writersChoice .sectionBottom
{
	background-image: url('../images/writerschoice_bottom.png');
	height: 26px;
	padding-top: 12px;
	text-align: center;
}

#writersChoice .prev
{
	background-image: url('../images/button_left.png');
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	text-indent: -1000px;
	top: 85px;
	width: 18px;
	z-index: 100;
}

#writersChoice .next
{
	background-image: url('../images/button_right.png');
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	text-indent: -1000px;
	top: 85px;
	width: 18px;
	z-index: 100;
}

/* @end */

/* @group Network Writers */

#networkWriters
{
	background-image: url('../images/networkwriter_middle.png');
	background-repeat: repeat-y;
	position: relative;
}

#networkWriters h3.sectionTop
{
	background-image: url('../images/networkwriter_top.png');
	height: 32px;
}

#networkWriters ol
{
	text-align: center;
}

#networkWriters ol li dl.networkWritersDate {width:180px;padding-top:5px;}
#networkWriters ol li dl.networkWritersDate dt.imgTitle {margin-bottom:5px;text-align:left;}
#networkWriters ol li dl.networkWritersDate dt.imgTitle img.img {margin-right:10px;float:left;}
#networkWriters ol li dl.networkWritersDate dd.name {margin-left:10px;font-size:90%;text-align:right;width:120px;}

#networkWriters .sectionBottom
{
	background-image: url('../images/networkwriter_bottom.png');
	height: 12px;
}

/* @end */

/* @group Notice */

#notice h3
{
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	font-size: 100%;
	font-weight: normal;
	padding: 8px;
	text-align: center;
}

#notice ul
{
	list-style-type: square;
	padding: 10px 5px;
}

#notice ul li
{
	list-style-type: square;
	margin-left: 20px;
	padding: 1px 0;
}

/* @end */

/* @end */

/* @group Right Column */

#columnRight
{
	float: right;
	width: 201px;
}

/* @group Random Tags */

#randomTags h3.sectionTop
{
	background-image: url('../images/randomtags_top.png');
	height: 32px;
}

#randomTags ol.sectionMiddle
{
	background-image: url('../images/randomtags_middle.png');
	background-repeat: repeat-y;
	padding: 0 10px;
}

#randomTags ol li
{
	display: inline;
	padding-right: 10px;
}

#randomTags ol li.class1 a
{
	color: #b3b3b3;
	font-size: 90%;
}

#randomTags ol li.class2 a
{
	color: #5dccfe;
	font-size: 100%;
}

#randomTags ol li.class3 a
{
	color: #00807f;
	font-size: 120%;
}

#randomTags ol li.class4 a
{
	color: #ff6566;
	font-size: 140%;
}

#randomTags ol li.class5 a
{
	color: #ff000c;
	font-size: 160%;
}

#randomTags .sectionBottom
{
	background-image: url('../images/randomtags_bottom.png');
	font-size: 1px;
	height: 10px;
}

/* @end */

/* @group Recent Comments */

#recentComments h3.sectionTop
{
	background-image: url('../images/recentcomments_top.png');
	height: 29px;
}

#recentComments ol.sectionMiddle
{
	background-image: url('../images/recentcomments_middle.png');
	background-repeat: repeat-y;
	padding: 0 7px;
}

#recentComments ol li
{
	border-bottom: 1px solid #d8d8d8;
	padding: 5px 7px 3px 7px;
}

#recentComments ol li .author
{
	color: #999;
	font-family: dotum, sans-serif;
	font-size: 90%;
	margin-top: 3px;
	text-align: right;
}

#recentComments ol li.lastChild
{
	border-bottom: none;
}

#recentComments .sectionBottom
{
	background-image: url('../images/recentcomments_bottom.png');
	font-size: 1px;
	height: 8px;
}

/* @end */

/* @group PR Corner */

#prCorner
{
	background-image: url('../images/prcorner_middle.png');
	background-repeat: repeat-y;
	position: relative;
}

#prCorner h3.sectionTop
{
	background-image: url('../images/prcorner_top.png');
	height: 32px;
}

#prCorner ul
{
	padding: 10px 0 3px 0;
	text-align: center;
}

#prCorner ul li
{
	display: inline;
}

#prCorner .sectionBottom
{
	background-image: url('../images/prcorner_bottom.png');
	height: 26px;
	padding-top: 12px;
	text-align: center;
}

/* @end */

/* @group Support Banners */

#supportBanners
{
	margin-top: 50px;
	text-align: center;
}

#supportBanners h3
{
	background-image: url('../images/text_support.png');
	background-repeat: no-repeat;
	display: block;
	height: 13px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -1000px;
	width: 166px;
}

/* @end */

/* @group Network Banners */

#networkBanners
{
	margin-top: 10px;
	text-align: center;
}

#networkBanners h3
{
	background-image: url('../images/text_network.png');
	background-repeat: no-repeat;
	display: block;
	height: 13px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -1000px;
	width: 166px;
}

#networkBanners ul li
{
	padding-bottom: 3px;
}

/* @end */

/* @end */

/* @end */