

/* 리스트	 ======================================*/
.list_table_head				{overflow:hidden; text-align:center;  line-height:60px; border-top:2px solid #333;  border-bottom:1px solid #aaa; }
.list_table_head div			{color:#111;font-weight:500; font-size:0.95em;}
.list_table_head div.no			{float:left; width:80px; }
.list_table_head div.cate		{float:left; width:80px; }
.list_table_head div.subject	{float:left; }
.list_table_head div.ycate		{width:calc(100% - 420px);}
.list_table_head div.ncate		{width:calc(100% - 340px);}
.list_table_head div.named		{float:left; width:80px; }
.list_table_head div.date		{float:left; width:80px; }
.list_table_head div.file		{float:left; width:50px; }
.list_table_head div.hit		{float:left; width:50px;border:0; }

.list_table_cont					{overflow:hidden; }
.list_table_cont li					{overflow:hidden; text-align:center; border-bottom:1px solid #dfdfdf; }
.list_table_cont li.list01			{padding:18px 0px;}
.list_table_cont li.list02			{padding:70px 0; }
.list_table_cont li div.no			{float:left; width:80px; font-size:0.9em; color:#777;}
.list_table_cont li div.cate		{float:left; width:80px; font-size:0.9em; }
.list_table_cont li div.subject		{float:left; text-align:left; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.list_table_cont li div.subject a	{color:#414141; font-weight:500;}
.list_table_cont li div.subject .file	{display:none;}
.list_table_cont li div.ycate		{width:calc(100% - 420px);}
.list_table_cont li div.ncate		{width:calc(100% - 340px);}
.list_table_cont li div.named		{float:left; width:80px; overflow:hidden; font-size:0.9em; text-overflow:ellipsis; white-space:nowrap; color:#777;}
.list_table_cont li div.date		{float:left; width:80px; font-size:0.9em; color:#777;}
.list_table_cont li div.file		{float:left; width:50px; }
.list_table_cont li div.file p		{display:inline-block; min-width:50px;}
.list_table_cont li div.hit			{float:left; width:50px; font-size:0.9em; color:#777;}
.list_table_cont li div.mobileinfo,
.list_table_cont li div.mobileinfo2	{display:none;}

.list_table_cont .icon_group,	
.list_table_cont .icon_class		{padding:2px 10px; color:#e93e2e; border:1px solid #e93e2e; font-size:0.9em;}
.list_table_cont .icon_notice,
.list_table_cont .icon_category		{display:none;}

.list_table_cont em					{display:inline-block; position:relative; font-style:normal; color:#0c284a; font-size:0.8em; padding:0 5px 0 15px; background:url("../../../core/image/board/icon_reply.gif") no-repeat left 15px;}

.list_table_cont li.list01:hover	{background:#fafafa;}

/* screen 768 */
@media screen and (max-width:768px) {

	.list_table_head				{display:none; }

	.list_table_cont				{border-top:2px solid #5e5e5e; }
	.list_table_cont li.list01		{padding:12px 10px;}
	.list_table_cont li div.subject	{float:none; width:100%; }
	.list_table_cont li div.no,
	.list_table_cont li div.cate,
	.list_table_cont li div.named,
	.list_table_cont li div.date,
	.list_table_cont li div.file,
	.list_table_cont li div.hit		{display:none; }


	.list_table_cont li div.mobileinfo,
	.list_table_cont li div.mobileinfo2{display:block; color:#999; text-indent:0; text-align:left; font-size:0.85em;  }
	.list_table_cont li div.subject .file	{display:inline-block;}

	.list_table_cont .icon_notice,
	.list_table_cont .icon_category	{display:inline-block;margin-right:3px;font-size:0.8em;}

	.list_table_cont em				{background-position:left top;}

}


/* 뷰	 ======================================*/
.view_tit_wrap					{padding:40px 20px; border-top:2px solid #555;  overflow:hidden;} 
.view_tit						{line-height:160%; color:#333; font-weight:500; font-size:1.8em; letter-spacing:-1px;}
.view_ctit						{display:inline-block; padding:2px 10px; color:#e93e2e; border:1px solid #e93e2e; margin-right:5px; font-size:14px; line-height:160%; background-color:#fff; }
.view_stit						{margin:15px 0 0 0;}
.view_name						{background:#f9f9f9;  color:#888; padding:15px 20px; font-size:0.9em; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.view_name span					{position:relative; padding-right:23px;}
.view_name span:after			{content:''; position:absolute; top:0; right:12px; bottom:0; width:1px; height:1em; margin:auto; background:#ddd;}
.view_name span:last-child			{padding:0;}
.view_name span:last-child:after	{display:none;}

.view_content					{padding:40px 10px; word-break:break-all; font-size:16px; min-height:300px; }		
.view_content img				{max-width:100%; }

.view_file 						{padding:10px; border-top:1px solid #ddd; overflow:hidden; }
.view_file li					{font-size:0.95em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; }

.view_file .view_file_tit		{float:left; width:140px; }
.view_file .view_file_tit span	{display:inline-block; margin-left:10px; width:120px; font-size:15px; font-weight:bold; text-align:center; line-height:40px; border:1px solid #ccc; }
.view_file .view_file_txt		{float:right; padding:5px 0 0 10px; width:calc(100% - 140px); line-height:180%; }

.view_prev_group					{border-top:1px solid #ddd; }
.view_prev_group_li					{overflow:hidden; padding:15px 0; border-bottom:1px solid #ddd; } 
.view_prev_group_li:last-child		{border-bottom:1px solid #b5b5b5; } 
.view_prev_group_li a				{display:block; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:0.95em }
.view_prev_group_li a span			{display:inline-block; text-align:left; text-indent:20px; margin-right:20px; width:17%;  border-right:1px solid #e8e8e8; }

.view_btn_group						{padding:20px 0 30px 0; overflow:hidden; }


/* screen 768 */
@media screen and (max-width:768px) {

	.view_tit_wrap					{padding:20px 10px;;}
	.view_tit						{font-size:1.2em;}
	.view_stit						{margin:10px 0 0 0; font-size:0.95em; }
	.view_name						{padding:10px;}

	.view_file li					{font-size:0.85em; }
	.view_file .view_file_tit		{display:none; }
	.view_file .view_file_txt		{float:none; width:100%; }

	.view_prev_group_li				{padding:10px 0;} 
	.view_prev_group_li a			{font-size:0.85em; }
	.view_prev_group_li a span		{text-indent:10px; }

}
 

.comment_box				{border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; padding:7px; background-color:#f7f7f7; overflow:auto; }
.comment_txt				{padding-top:3px; }
.comment_txt dt				{float:left; width:calc(100% - 120px); }
.comment_txt dd				{float:right; }
.comment_txt dt textarea	{border:1px solid #cccccc; width:100%; }
.comment_txt .com_btn 		{display:inline-block; text-align:center; font-size:15px; border:1px solid #ccc; background:#fff; color:#333; padding:0 25px; line-height:48px; margin:0 3px; cursor:pointer; vertical-align:top; }
.comment_txt .com_btn:hover	{border:1px solid #444; background:#555; color:#fff; }

.comment_view				{border-bottom:1px solid #dfdfdf; padding:20px 0; min-height:120px; }
.comment_view_name			{padding:0 10px; line-height:130%; color:#333; }
.comment_view_name span		{font-size:10px; color:#999999; }
.comment_view_content		{margin-top:20px; padding:0 10px; color:#555; }



/* 폼	 ======================================*/
.write_title		{color:#111; font-weight:bold; padding:15px 10px; text-align:center; background-color:#eeeeee; border-top:2px solid #5e5e5e; font-size:17px; }
.write_area			{width:100%; table-layout:fixed; }
.write01			{text-align:center; background:#f7f7f7; padding:8px; width:110px; border-right:1px solid #ddd; border-top:1px solid #ddd; }
.write02			{padding:8px; border-top:1px solid #ddd; }




