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

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

#conBody	h2	 {color:#c937ff;}

.tab	{margin-bottom:4px; overflow:auto; overflow:hidden;}
.tab	li	{float:left;}

.board	{}
.board	.search_text	span	{color:#c937ff;}
/*.board	td	{padding:10px 0;}*/
.board	td.no	{vertical-align:top; color:#00cc00; font:normal 28px Arial; background:red}
.board	td.date	{padding-top:15px; vertical-align:top; color:#a5a5a5; font:normal 18px Arial;}
.board	td.count	{padding-top:15px; vertical-align:top;}
.board	td.td_left	 {padding:15px 0 15px 15px; font:normal 12px 돋움; line-height:16px;}
.board	td.td_left		a:link			{text-decoration:none; color:#555555;}
.board	td.td_left		a:visited		{text-decoration:none; color:#555555;}
.board	td.td_left		a:hover			{text-decoration:none; color:#000000;}
.board	td.td_left		a:active		{text-decoration:none; color:#000000;}
.board	td.td_left		strong		{font-size:16px; line-height:25px;}
.board	td.td_left		.t_11	{padding-top:15px; font:normal 11px 돋움;}
.board	td.td_left		.t_11Gr	{width:390px; padding-top:5px; color:#a4a4a4; font:normal 11px 돋움; line-height:16px;}
.board	td	dl	{float:right; margin-top:10px;}
.board	td	dl	dt	{clear:both; float:left; width:22px; padding-bottom:3px; text-align:right;}
.board	td	dl	dd	 {float:left; _float:none;width:66px; padding:0 0 3px 10px;}
*:first-child+html .board	td	dl	dd	 {float:none;}
.board	td	.down	{padding-top:10px;}

.data	{width:689px; padding:15px 0 0 15px; background:#FFFFFF;}
.data	.search_text	{width:674px; height:62px; font:bold 16px 돋움;}
.data	.search_text	span	{color:#c937ff;}
.data	.dataList	{width:672px; margin-top:4px; padding-bottom:16px; border-bottom:1px solid #d1d1d1; overflow:auto; overflow:hidden;}
.data	.dataList	a:link			{text-decoration:none; color:#555555;}
.data	.dataList	a:visited		{text-decoration:none; color:#555555;}
.data	.dataList	a:hover		{text-decoration:none; color:#000000;}
.data	.dataList	a:active		{text-decoration:none; color:#000000;}
.data	.dataList	li	{position:relative; float:left; width:165px; margin-left:4px;}
.data	.dataList	li.first	 {margin-left:0px;}
.data	.dataList	.imgOver	{display:none; position:absolute; top:0; left:0; width:157px; height:157px; border:4px solid #ff45f4; z-index:10; cursor:pointer;}
.data	.dataList	.data_img	{position:absolute; top:0; left:0; height:165px; height:165px; z-index:0;}
.data	.dataList	.name	{padding:177px 0 5px 0;  font-weight:bold}
.data	.dataList	.e_name	 {padding-bottom:5px; font:normal 9px verdana;}
.data	.dataList	.t_Gr	{color:#a3a3a3; font:normal 9px verdana;}

.dateView	{width:704px; background:#FFFFFF;}
.dateView	.conBG	{position:relative; width:704px; height:360px;}
.dateView	.conBG	.title	{position:absolute; top:16px; left:15px; color:#ffffff; font:bold 16px Arial;}
.dateView	.conBG	.name	{position:absolute; top:16px; left:352px; color:#ffffff; font:bold 16px Arial;}
.dateView	.txtCon	{_height:100%; padding:15px; overflow:auto; overflow:hidden;}
.dateView	.txtCon	.name	{float:left; font:normal 16px 돋움; line-height:20px;}
.dateView	.txtCon	ul	{float:right; width:338px;}
.dateView	.txtCon	ul	li	{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d1d1d1;}
.dateView	.txtCon	ul	li	.title	{padding-bottom:8px; color:#a3a3a3; font:normal 9px verdana;}
.dateView	.txtCon	ul	li	.t_11	{font:normal 11px 돋움;}

.dateView	.txtCon	.text	{clear:both; padding-top:35px; margin-bottom:80px; line-height:18px;}
.dateView	.txtCon	.keyword	{_height:100%; clear:both; margin-bottom:20px; overflow:auto; overflow:hidden;}
.dateView	.txtCon	.keyword	dl	{float:left; width:335px;}
.dateView	.txtCon	.keyword	dt	{height:20px; font-weight:bold;}
.dateView	.txtCon	.keyword	dd	 {color:#a3a3a3; font:normal 11px 돋움;}
.dateView	.txtCon	.keyword	dd	 a:link			{text-decoration:underline; color:#a3a3a3;}
.dateView	.txtCon	.keyword	dd	 a:visited		{text-decoration:underline; color:#a3a3a3;}
.dateView	.txtCon	.keyword	dd	 a:hover		{text-decoration:underline; color:#a3a3a3;}
.dateView	.txtCon	.keyword	dd	 a:active		{text-decoration:underline; color:#a3a3a3;}
.dateView	.txtCon	.keyword	.title_frist	{margin:0px 0 10px 0;}
.dateView	.txtCon	.keyword	.title	img	{margin:10px 0;}

.artist_list	{width:704px; background:#FFFFFF;}
.artist_list	.search_text	{width:674px; height:62px; margin-left:15px; padding-top:17px; font:bold 16px 돋움;}
.artist_list	.search_text	span	{color:#c937ff;}
.artist_list	.first_list		{width:704px; overflow:auto; overflow:hidden;}
.artist_list	.first_list		.conBG	 {position:relative; clear:both; width:704px; height:344px; padding:0 0 0 0; color:#FFFFFF; font:bold 16px Arial;}
.artist_list	.first_list		.conBG	 .title01	{position:absolute; top:16px; left:15px;}
.artist_list	.first_list		.conBG	 .title02	{position:absolute; top:16px; left:352px;}
.artist_list	.first_list		.title	{float:left; width:300px; height:108px; padding:28px 36px 16px 15px; font:normal 16px 돋움; line-height:22px;}
.artist_list	.first_list		.title	a:hover		{text-decoration:none; color:#000000;}
.artist_list	.first_list		.title	a:active		{text-decoration:none; color:#000000;}
.artist_list	.first_list		.interview	{margin-top:40px;}
.artist_list	.first_list		.interview	dt	{height:16px;}
.artist_list	.first_list		.interview	dd	 {font:normal 10px verdana;}
.artist_list	.first_list		.text	{float:left; width:316px; padding:31px 20px 0 16px; font:normal 11px 돋움; line-height:15px;}
.artist_list	.first_list		.text	.part	{font:normal 9px verdana; line-height:16px;}
.artist_list	.first_list		.nameCon	 {float:left; width:337px; padding:31px 0 40px 0;}
.artist_list	.first_list		.nameCon	 .name	{font:normal 16px 돋움;}
.artist_list	.first_list		.nameCon	 dl	 {width:337px; margin-top:40px; border-top:1px solid #d1d1d1;}
.artist_list	.first_list		.nameCon	 dl	 dt		{height:14px; padding-top:10px;}
.artist_list	.first_list		.nameCon	 dl	 dd	{height:20px; border-bottom:1px solid #d1d1d1; font:normal 10px verdana;}
.artist_list	.first_list		.nameCon	 dl	 dd	a:hover		{text-decoration:none; color:#000000;}
.artist_list	.first_list		.nameCon	 dl	 dd	a:active		{text-decoration:none; color:#000000;}
.artist_list	.first_list		.textCon	{clear:both; padding:0 16px 30px 16px; line-height:18px;}
.artist_list	.first_list		.textCon_artwork	{clear:both; padding:0 16px 30px 1px; line-height:18px;}
.artist_list	.first_list		.viewBig	{padding:0 15px;}
.artist_list	.first_list		.imgList	{width:676px; margin:0 0 13px 15px; overflow:auto; overflow:hidden;}
.artist_list	.first_list		.imgList	li	{position:relative; float:left; margin:2px 2px 0 0; cursor:pointer;}
.artist_list	.first_list		.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;}
.artist_list	.first_list		.imgList	li.on	.imgBox	{position:absolute; top:0; left:0px; width:44px; height:44px; background:none; border:3px solid #c937ff; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';filter:Alpha(opacity=100); opacity:1.0;}

.artist_list	.first_list		.imgList_artwork	{width:676px; margin:0 0 13px 0; overflow:auto; overflow:hidden;}
.artist_list	.first_list		.imgList_artwork	li	{position:relative; float:left; margin:2px 2px 0 0; cursor:pointer;}
.artist_list	.first_list		.imgList_artwork	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;}
.artist_list	.first_list		.imgList_artwork	li.on	.imgBox	{position:absolute; top:0; left:0px; width:44px; height:44px; background:none; border:3px solid #c937ff; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';filter:Alpha(opacity=100); opacity:1.0;}

.artist_list	.first_list		.imgView_text	 {width:674px; margin:20px 0 80px 0; padding-left:15px; font:normal 12px 돋움; line-height:18px;}
.artist_list	.first_list		.keyword	{_height:100%; clear:both; padding-left:15px; margin-bottom:20px; overflow:auto; overflow:hidden;}
.artist_list	.first_list		.keyword	dl	{float:left; width:335px;}
.artist_list	.first_list		.keyword	dt	{height:20px; font-weight:bold;}
.artist_list	.first_list		.keyword	dd	 {color:#a3a3a3; font:normal 11px 돋움;}
.artist_list	.first_list		.keyword	dd	 a:link			{text-decoration:underline; color:#a3a3a3;}
.artist_list	.first_list		.keyword	dd	 a:visited		{text-decoration:underline; color:#a3a3a3;}
.artist_list	.first_list		.keyword	dd	 a:hover		{text-decoration:underline; color:#a3a3a3;}
.artist_list	.first_list		.keyword	dd	 a:active		{text-decoration:underline; color:#a3a3a3;}
.artist_list	.first_list		.keyword	.key_tit_first	{margin:0px 0 10px 0;}
.artist_list	.first_list		.keyword	.key_tit	img	{margin:10px 0;}
.artist_list	.list	{width:704px; background:url('../images/archive/bg_line.gif') no-repeat 0 top; overflow:auto; overflow:hidden;}
.artist_list	.list	li	{float:left; width:320px; padding:15px 16px;}
.artist_list	.list	li	.photo	{width:320px; margin-bottom:15px;}
.artist_list	.list	li	.title	{padding-bottom:10px; font:normal 16px 돋움; line-height:22px;}
.artist_list	.list	li	.title	a:hover		{text-decoration:none; color:#000000;}
.artist_list	.list	li	.title	a:active		{text-decoration:none; color:#000000;}
.artist_list	.list	li	.text	{ font:normal 11px 돋움; line-height:17px;}
.artist_list	.list	li	.text	.part	{font:normal 9px verdana; line-height:16px;}
.artist_list	.pageCon	{margin-left:15px;}

.dateView	.pageCon	{margin-left:15px;}

.boardView	td.td_top	 {color:#c937ff;}
.boardView	td.view	.imgList	li.on	.imgBox	{border:3px solid #c937ff;}

.page	.pageNum	a:visited	{color:#555555;}
.page	.pageNum	a:hover		{color:#000000; text-decoration:none}
.page	.pageNum	a.on			{color:#c937ff; font-weight:bold}
.page	.pageNum	a.on:visited	{color:#c937ff; font-weight:bold}
.page	.pageNum	a.on:hover		{color:#c937ff; font-weight:bold}


.works	{width:689px; padding-left:15px; background:#FFFFFF;}
.works	.search_text	{width:674px; height:62px; padding-top:17px; font:bold 16px 돋움; border-bottom:1px solid #d1d1d1;}
.works	.search_text	span	{color:#c937ff;}
.works	ul	{width:673px;}
.works	ul	li	{width:673px; _height:100%; padding:15px 0; border-bottom:1px solid #d1d1d1; overflow:auto; overflow:hidden;}
.works	.img	{float:left; width:186px;}
.works	.info	{float:left; width:430px;}
.works	.info	.title	{clear:both; padding:15px 0 15px 0; line-height:18px; font-weight:bold;}
.works	.info	.title	a:hover		{text-decoration:none; color:#000000;}
.works	.info	.title	a:active		{text-decoration:none; color:#000000;}
.works	.info	.name	{float:left; width:171px; line-height:16px;}
.works	.info	.name	span	{color:#a5a5a5; font:normal 9px verdana; line-height:16px;}
.works	.info	.video	{float:left; padding-top:15px; color:#a5a5a5; font:normal 9px verdana; line-height:16px;}
.works	.info	.text	{clear:both; padding-top:15px; line-height:16px;}