@charset "utf-8";
/***************************************************************************************
 * 전체 적용
 */
html, body {margin:0; padding:0; height:100%; min-height:100%; font-size:12px;}
body{
	background-color:#ffffff;
	margin:0;
	font-family:돋움,Dotum,AppleGothic,sans-serif;	
}
body, div, td{font-size:12px;color:#4F4F30; background-repeat:no-repeat;}
ul, ol, dl, li, dd, dt, p, form, div {list-style:none; margin:0; padding:0; border:0;}
img{ border:0px; background-repeat:no-repeat;}

table{ background-repeat:no-repeat;}


p{margin-top: 2px; margin-left:0px; margin-bottom: 2px}
p a:active{ text-decoration:none;}
	p a:hover{ color:#0000FF;}
li{ margin-top:2px; list-style:circle}
	li a{ text-decoration:none;}
/*li a:hover{ font-weight:bold}*/
a:hover{ text-decoration:underline;}
/*링크 점선 없애기 전체 적용*/
a { selector-dummy : expression(this.hideFocus=true); font-size:12; color:#666666;}
/* 브라우저에서 투명 png 배경 투명하게 표시하기**/
/*.png24 {  tmp:expression(setPng24(this));}*/
/*font a{ color:#66CC00;}*/

dt{ padding-top:2px;}


/***************************************************************************************
 * 컨텐트 페이지
 */
/*공지사항 제목*/
.bar_title{ font-size:12px; font-weight:bold;/*padding:0 0 3px 0;*/}
.bar_title a:hover{ text-decoration:underline;}
.bar_title a{text-decoration:none;}

.catetory_title{ font-size:14px; font-weight:bold;color:#3B3B3B; padding-top:3px; padding-left:10px;}
	.catetory_title a{ color:#3B3B3B; text-decoration:none;padding:3px 1px 1px 1px;}
	.catetory_title a:hover{ background-color:#eFeFeF; padding:3px 1px 1px 1px;}
.sum.IMG{ border:5px; background-repeat:no-repeat;}
.p11{font-family:돋움,Dotum,AppleGothic,sans-serif}

div a{}
/*메인및 기본 페이지 닉*/
.nick_link {float:left; height:18px ;  width:80px;cursor: pointer; color:#004080; overflow:hidden; line-height:18px; text-align:left; }
/*뷰 페이지 제목 앞 아이콘*/
#title_icon
{
	float:left; 
	margin-top:7px;
}
/*뷰 페이지 제목*/
.view_title
{
	width:500px;

	font-size:16px;
	font-weight:bold;
	color:#6699FF;
	padding-bottom:5px;

	float:left;
	margin-top:10px;
	font-family:돋움,Dotum,AppleGothic,sans-serif;

}
.view_title a
{	
	font-size:16px;
	font-weight:bold;
	color:#6699FF;
	text-decoration:none;
}
/*애니메이션 드로잉 플레이어*/
#player
{
	float:left;
	width:502px;
	height:413px;
}
#playerM
{
	float:left;
	width:502px;
	height:542px;
}

/*컨텐트 정보 타이틀바*/
#content_title
{
	width:405px;
	height:30px;	
	float:right;		
	background:url(/img/en/common/contents_title.gif) no-repeat top right;
	
	text-align:justify;
	font-weight:bold;
	color:#FFFFFF;
}
/*컨텐트 링크*/
#content_title a
{
	color:#0066FF;
	text-decoration:none;
}
/*컨텐트 플래시 섬네일 리스트*/
#swf_sumnail
{

	width:110px;
	height:451px;
	float:right;


	margin-right:5px;	
	
}
/*컨텐트 정보*/
#metadata
{	
	width:281px;
	height:500px;
	float:right;
	
	font-size:11px;
	font-family:돋움,Dotum,AppleGothic,sans-serif;
	padding-left:4px;

}
	/*설명*/
	#metadata #desc
	{
		width:262px;
		height:auto;
		float:left;
		padding-top:5px;
		margin-left:7px;
		text-align:left;
		
	}
	/*퍼가기 링크*/
	#metadata #btn
	{
		width:273px;
		height:60px;
		text-align:center;
		float:left;
		margin-left:7px;
		@margin-left:0px;		
		@padding-left:8px;		
		margin-top:5px;
	}
	
	#metadata #tag
	{
		width:269px;
		height:60px;
		float:left;
		margin-top:4px;
		margin-left:4px;
		text-align:left;
	
	}


	/*플레이, 댓그림, 스크랩, 퍼가기, 재생시간, 프레임수, 카테고리, 제작방법*/

	#metadata #info
	{
		width:269px;
		height:70px;
		float:left;
		margin-top:5px;
		margin-left:7px;		
		text-align:left;

	}
		#metadata #info #info_left
		{
			width:125px;
			height:1px;
			float:left;
			margin-top:1px;
			margin-left:5px;
			text-align:left;

		}
		
		#metadata #info #info_right
		{
			width:125px;
			height:1px;
			float:left;
			margin-top:1px;
					
			text-align:left;

		}			

	
	/*잉크*/
	#metadata #ink
	{
		width:262px;
		height:30px;
		float:left;
		text-align:left;
		margin-left:4px;

	}		
		#metadata #ink #title
		{	
			border-color:#cccccc;		
			float:left;
			font-weight:bold;
			font-size:14px;
			
		}
	/*골드잉크*/
	#metadata #swf
	{
		float:left;
		width:262px;
		margin-left:4px;
		
	}	
			



/*새로수정부분.*/
	#metadata #infomation
	{
		width:279px;
        @width:283px;  
		height:auto;
		padding-top:1px;
		border: solid #cccccc 1px;
		overflow:hidden;
		border-top:none 0px;
		
	}

/*구글 애드센스 영역*/
#ads_google
{
	width:502px;
	height:60px;
	margin-top:4px;
	margin-bottom:4px;
	float:left;
}


/*댓그림*/
.reply
{
	width:618px;
	height:510px;

	float:left;
}
	.reply .bar_title
	{
		width:619px;
		height:60px;
		float:left;
		
		font-size:14px;
		font-weight:bold;
		color:#797575;
		text-align:justify;
		padding-top:10px;
		padding-left:5px;
		background:url('/img/en/common/img_reply.gif');
		background-repeat:no-repeat
	}
	.reply .list
	{
		margin-top:5px;
		width:308px;
		height:225px;
		float:left;
/*		background:url(/images/replySample.gif) no-repeat;*/
		
		text-align:right;
		
	}
	
	.reply .list .sample
	{
		margin-top:1px;
		width:300px;
		height:225px;
		float:left;
		background:url(/images/replySample.gif) no-repeat;
		
		border-style:solid;
		border-width:1px;
		border-color:#CCCCCC;		
	}	
	
	.reply .icon_center
	{
		width:18px;
		height:225px;
	

	}
	.reply .swf_draw
	{
		margin-top:16px;
		width:300px;
		height:275px;
		float:right;
		
	}
	
	
	
	
/*오른쪽 하단 newpan, bestpan 리스트*/
#bar_best_tab
{
	float:right;
	margin-top:10px;
	width:281px;
	height:30px;

	background:url(/images/bestpan_tab.jpg) no-repeat top left;		
	text-align:center;

	padding-top:10px;
}

#bar_new_tab
{
	float:right;
	margin-top:10px;
	width:281px;
	height:30px;
	
	background:url(/images/newpan_tab.jpg) no-repeat top left;	

	text-align:center;

	padding-top:10px;
	display:none;
}


#bestpan
{
	margin:0;
	float:left;
	width:270px;
	overflow-x:hidden;
	display:none;
}
	#bestpan #bestpan_list
	{
		width:270px;
		float:left;
		text-align:left;
		margin-top:5px;	
	}

#newpan
{
	display:none;
	float:left;
	width:270px;
	overflow-x:hidden;
}
	#newpan_list
	{
		width:270px;	
		margin:0;
		float:left;
		text-align:left;
		margin-top:5px;
	}	
	
	
	
/***************************************************************************************
 * 관리자가 회원에게 보낸 메세지 레이어창
 */	
.instant_msg
{
	top:40%;
	left:20%;
	position:absolute;
	background-color:#FFFF99;
	width:250px;
	
	z-index:100;
	
	padding:10 10 10 10;
	
}
/**팝업창 레이어*/
#layer_notice
{
	top:200px;
	left:300px;
	margin:0;
	position:absolute;
	width:407px;
	height:409px;
	z-index:99;
	
}