@charset "utf-8";
/************************************************************************
 * 파일명      : blog.css
 * 설명         : 블로그
 * 작성자      : 이수연
 * 작성일      : 2009.03.07
************************************************************************/

body	{width:100%; height:100%; background:url('/upload/background/blog/bg.jpg'); color:#999998; font:normal 12px Arial, 돋움;}

.blog	{}
.blog	#head	{height:93px;}

/* #conBody	{position:relative; overflow:visible; padding:120px 0 118px 0;} */
#conBody	h2	 {width:683px; height:51px; padding:33px 0 0 21px; background:#ff320a; color:#FFFFFF; font:normal 20px Arial;}

.blogCon	{position:relative; width:674px; margin-top:1px; padding:0 15px; background:#FFFFFF;}
.blogCon	.category	{padding:20px 5px; color:#ff320a;}
.blogCon	.category	a:link			{text-decoration:none; color:#ff320a;}
.blogCon	.category	a:visited		{text-decoration:none; color:#ff320a;}
.blogCon	.category	a:hover		{text-decoration:underline; color:#ff320a;}
.blogCon	.category	a:active		{text-decoration:underline; color:#ff320a;}

.blogList	{}
.blogList	h3	 {width:664px; padding:20px 0 13px 0; margin:0 0 10px 5px; border-bottom:1px solid #d2d2d2; color:#ff320a; font:bold 19px 돋움;}
.blogList	li	{_height:100%; padding-bottom:20px; overflow:auto; overflow:hidden;}
.blogList	.date	{height:45px; padding:0 5px; color:#4d4d4e; font:normal 11px verdana; overflow:auto; overflow:hidden;}
.blogList	.date	span	{color:#ff320a;}
.blogList	.date	a:link			{text-decoration:none; color:#4d4d4e;}
.blogList	.date	a:visited		{text-decoration:none; color:#4d4d4e;}
.blogList	.date	a:hover		{text-decoration:none; color:#000000;}
.blogList	.date	a:active		{text-decoration:none; color:#000000;}
.blogList	.date	.t_v	{color:#555555; font:bold 11px verdana;}

.blogList	.file	{clear:both; float:right; margin-top:5px; color:#4d4d4e; font:normal 9px verdana;}
.blogList	.file	a:link			{text-decoration:none; color:#4d4d4e;}
.blogList	.file	a:visited		{text-decoration:none; color:#4d4d4e;}
.blogList	.file	a:hover		{text-decoration:none; color:#000000;}
.blogList	.file	a:active		{text-decoration:none; color:#000000;}
.blogList	.file	span	{color:#6b6b6b;}

.blogList	.blog_con	{padding:0 5px 30px 5px; font:normal 12px Arial, 돋움; line-height:20px; letter-spacing:-0.06em; _letter-spacing:-0.05em;}

.blogList	.imgList	{width:676px; overflow:auto; margin:0 0 30px 0; overflow:hidden;}
.blogList	.imgList	li	{position:relative; float:left; margin:2px 2px -20px 0; cursor:pointer;}
.blogList	.imgList	li	.imgBox	{position:absolute; top:0; left:0px; width:50px; height:50px; background:#000000; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';filter:Alpha(opacity=50); opacity:0.5;}
.blogList	.imgList	li.on	.imgBox	{position:absolute; top:0; left:0px; width:44px; height:44px; background:none; border:3px solid #ff320a; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';filter:Alpha(opacity=100); opacity:1.0;}

*:first-child+html .blogList	.blog_con	{letter-spacing:0em;}
:root .blogList	.blog_con	{letter-spacing:-0.05em;}

.blogList	.replayCon		{}
.blogList	.replayCon		.replay	{width:658px; height:25px; padding:15px 16px 0 0; background:#f2f2f2; color:#4d4d4e; text-align:right;}
.blogList	.replayCon		.replay	img	{vertical-align:middle;}
.blogList	.replayCon		.replayView	{display:none; width:643px; padding:0 16px 0 15px; background:#f2f2f2;}
.blogList	.replayCon		.replayView	li	{_height:100%; padding:18px 0; background:url('../images/blog/line_dot.gif') no-repeat 0 top; overflow:auto; overflow:hidden;}
.blogList	.replayCon		.replayView	.replay_date	{float:left;}
.blogList	.replayCon		.replayView	.replay_date	dt	{float:left; width:38px; font:bold 11px 돋움;}
.blogList	.replayCon		.replayView	.replay_date	dd	 {float:left; color:#4d4d4e; font:normal 11px verdana;}
.blogList	.replayCon		.replayView	.modify	{float:right; color:#4d4d4e; font:normal 11px 돋움;}
.blogList	.replayCon		.replayView	.modify	a:link			{text-decoration:none; color:#4d4d4e;}
.blogList	.replayCon		.replayView	.modify	a:visited		{text-decoration:none; color:#4d4d4e;}
.blogList	.replayCon		.replayView	.modify	a:hover		{text-decoration:none; color:#000000;}
.blogList	.replayCon		.replayView	.modify	a:active		{text-decoration:none; color:#000000;}

.blogList	.replayCon		.replayView	.replay_txt	{clear:both; padding-top:10px; font:normal 11px Arial, 돋움; line-height:18px; letter-spacing:0em; _letter-spacing:0em;}
*:first-child+html .blogList	.replayCon		.replayView	.replay_txt	{letter-spacing:0em;}
:root .blogList	.replayCon		.replayView	.replay_txt	{letter-spacing:0em;}

.blogList	.replayCon		.replayView	.login		a:link			{text-decoration:underline; color:#555555;}
.blogList	.replayCon		.replayView	.login		a:visited		{text-decoration:underline; color:#555555;}
.blogList	.replayCon		.replayView	.login		a:hover		{text-decoration:underline; color:#555555;}
.blogList	.replayCon		.replayView	.login		a:active		{text-decoration:underline; color:#555555;}
.blogList	.replayCon		.replayView	.userid	{clear:both; height:17px; font:bold 11px 돋움;}
.blogList	.replayCon		.replayView	textarea	{border-top:2px solid #dbdbdb; border-left:2px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; line-height:16px;}

.searchBar	 {position:absolute; top:204px; left:847px; width:163px;}
.searchBar	 .boxBlack	{width:140px; padding:13px 12px 12px 11px; background:#000000;}
.searchBar	 .boxBlack	dt	{height:18px; color:#FFFFFF; font:bold 11px 돋움;}
.searchBar	 .boxBlack	dd	 {font:normal 11px 돋움; line-height:18px;}
.searchBar	 .boxBlack	dd	 span	{color:#e5e5e5;}
.searchBar	 .boxBlack	dd	 span	a:link			{text-decoration:none; color:#e5e5e5;}
.searchBar	 .boxBlack	dd	 span	a:visited		{text-decoration:none; color:#e5e5e5;}
.searchBar	 .boxBlack	dd	 span	a:hover		{text-decoration:none; color:#FFFFFF;}
.searchBar	 .boxBlack	dd	 span	a:active		{text-decoration:none; color:#FFFFFF;}

.searchBar	 .boxWhite	{width:140px; padding:13px 12px 12px 11px; background:#FFFFFF;}
.searchBar	 .boxWhite	dt	 {height:18px; color:#ff320a; font:normal 11px 돋움;}
.searchBar	 .boxWhite	dd	{font:normal 11px Arial, 돋움; line-height:18px;}
.searchBar	 .boxWhite	dd	a:link			{text-decoration:none; color:#555555;}
.searchBar	 .boxWhite	dd	a:visited		{text-decoration:none; color:#555555;}
.searchBar	 .boxWhite	dd	a:hover		{text-decoration:none; color:#000000;}
.searchBar	 .boxWhite	dd	a:active		{text-decoration:none; color:#000000;}
.searchBar	 .boxWhite	dd	span	{color:#4d4d4e;}

.searchBar	 .line_gray	{width:140px; margin-top:13px; padding-top:10px;  border-top:1px solid #dbdbdb; font:normal 10px Arial; line-height:18px;}

.searchBar	 .blog_search	 {width:141px; margin-top:1px; padding:13px 11px; background:#FFFFFF;}


.search_text	{width:674px; height:62px; padding-top:17px; font:bold 16px 돋움; border-bottom:1px solid #d1d1d1;}
.search_text	span	{color:#ff320a;}

.search_list	{padding-top:20px;}
.search_list	li	{padding:0 5px 40px 5px;}
.search_list	.title	{padding-bottom:10px; font:bold 14px 돋움;}
.search_list	.title	a:link			{text-decoration:none; color:#555555;}
.search_list	.title	a:visited		{text-decoration:none; color:#555555;}
.search_list	.title	a:hover		{text-decoration:none; color:#000000;}
.search_list	.title	a:active		{text-decoration:none; color:#000000;}
.search_list	.date	{padding-bottom:10px; color:#4d4d4e; font:normal 9px verdana;}
.search_list	.text	{font:normal 12px Arial, 돋움; line-height:18px;}
.search_list	strong	{color:#ff320a;}

.link_list		{padding-top:20px;}
.link_list		li	{_height:100%; padding:0 5px 20px 5px; overflow:auto; overflow:hidden;}
.link_list		li	a:link			{text-decoration:none; color:#ff320a;}
.link_list		li	a:visited		{text-decoration:none; color:#ff320a;}
.link_list		li	a:hover		{text-decoration:none; color:#ff320a;}
.link_list		li	a:active		{text-decoration:none; color:#ff320a;}
.link_list		.img	{float:left; width:209px;}
.link_list		.info	{float:left; width:455px; padding-top:10px; border-top:1px solid #ff9b87;}
.link_list		.info	.title	{padding-bottom:10px; color:#ff320a; font:bold 19px 돋움;}
.link_list		.info	.url	{padding-bottom:15px; color:#ff320a; font:normal 11px verdana;}
.link_list		.info	.t_Gr	{padding-bottom:10px; color:#4d4d4e;}
.link_list		.info	.t_Gr	span	{color:#ff320a;}
.link_list		.info	.text	{font:normal 12px Arial, 돋움; line-height:18px;}

.blog_write	 {}
.blog_write	 h3	{width:684px; height:29px; margin-top:1px; padding:11px 0 0 20px; background:#FFFFFF; color:#ff320a; font:normal 15px Arial;}
.blog_write	 .writeCon	{width:685px; margin-top:1px; padding:20px 0 9px 19px; background:#FFFFFF;}
.blog_write	 .writeCon	th	{padding-top:4px; text-align:left; vertical-align:top; color:#4d4d4e; font:normal 12px 돋움;}
.blog_write	 .writeCon	td	{height:21px; padding-bottom:9px;}
.blog_write	 .writeCon	td	span	{color:#4d4d4e; font:normal 11px 돋움;}
.blog_write	 .btnC	{width:704px; height:31px; margin-top:1px; padding-top:19px; background:#FFFFFF; text-align:center;}
.blog_write	 .btnC	.img_right	{margin-left:38px;}