/* 리스트 검색박스	 ======================================*/
.bbs_searchtop					{overflow:hidden; margin-bottom:20px;}
.bbs_searchtop .count_stxt		{float:left; margin:15px 0 0 0;}
.bbs_searchbox					{float:right; width:50%;}
.bbs_searchbox span				{position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:38px;color:#333;line-height:38px;vertical-align:top;}
.bbs_searchbox .search_input	{float:right;width:calc(100% - 47px);height:38px;color:#333;vertical-align:top;border:1px solid #ccc;font-size:14px; padding:0px 40px 0px 7px;}
.bbs_searchbox .search_btn		{position:absolute;top:7px;right:10px;text-align:right;}
.bbs_searchbox select			{float:left;padding-left:10px;width:25%;height:40px;font-size:14px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
.bbs_searchbox .search_btn img	{width:50px; }


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

	.bbs_searchbox				{width:50%;}

}

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

	.bbs_searchtop .count_stxt	{float:none; }
	.bbs_searchbox				{float:none; width:100%; margin:0 auto;}

}



/* 리스트	 ======================================*/
.list_table_head				{overflow:hidden; text-align:center; color:#111; line-height:51px; background:#fafafa; border-top:1px solid #333; border-bottom:1px solid #dfdfdf; font-size:0.95em }
.list_table_head div.no			{float:left; width:50px; }
.list_table_head div.subject	{float:left; width:calc(100% - 230px); }
.list_table_head div.named		{float:left; width:60px; }
.list_table_head div.date		{float:left; width:70px; }
.list_table_head div.hit		{float:left; width:40px; }

.list_table_cont				{overflow:hidden; }
.list_table_cont li				{overflow:hidden; text-align:center; border-bottom:1px solid #dfdfdf; }
.list_table_cont .list01		{height:52px; line-height:52px; }
.list_table_cont .list02		{padding:70px 0; }
.list_table_cont li .no			{float:left; width:50px; font-size:0.9em; color:#888; }
.list_table_cont li .cate		{display:inline-block; font-weight:normal; color:#555; }
.list_table_cont li .subject	{float:left; width:calc(100% - 230px); text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_table_cont li .subject a	{color:#343434; }
.list_table_cont li .named		{float:left; width:60px; overflow:hidden; font-size:0.9em; text-overflow:ellipsis; white-space:nowrap; color:#888;}
.list_table_cont li .date		{float:left; width:70px; font-size:0.9em; color:#888;}
.list_table_cont li .hit		{float:left; width:40px; font-size:0.9em; color:#888;}
.list_table_cont li .mobilecate,
.list_table_cont li .mobileinfo,
.list_table_cont li .mobileinfo2		{display:none; }

.list_table_cont .icon_group			{display:inline-block; padding:0 5px; line-height:23px; font-size:12px; color:#2264bf; text-align:center; border:1px solid #2264bf; background-color:#fff; }
.list_table_cont .icon_class			{display:inline-block; padding:0 5px; line-height:23px; font-size:12px; color:#009486; text-align:center; border:1px solid #00a096; background-color:#fff; }
.list_table_cont .icon_img				{vertical-align:middle; }
.list_table_cont .icon_notice			{display:none;}

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

.no_list						{overflow:hidden; line-height:140px; text-align:center; border-bottom:1px solid #dfdfdf; }



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

	.list_table_head				{display:none; }
	.count_stxt						{font-size:0.9em;}

	.list_table_cont				{border-top:2px solid #5e5e5e; }
	.list_table_cont .list01			{height:64px; padding:10px 0; line-height:150%; }
	.list_table_cont li .subject	{float:none; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.list_table_cont li .subject02	{float:none; width:100%; }
	.list_table_cont li .no			{display:none; }
	.list_table_cont li .named		{display:none; }
	.list_table_cont li .date		{display:none; }
	.list_table_cont li .hit		{display:none; }

	.list_table_cont li .mobilecate {display:inline-block; font-weight:normal; }
	.list_table_cont li .mobileinfo {display:block; text-indent:0; text-align:left; font-size:12px; }
	.list_table_cont li .mobileinfo2 {display:block; text-indent:0; text-align:left; font-size:12px; }

	.list_table_cont .icon_notice	{display:inline-block;width:35px;}

}


/* 뷰	 ======================================*/
.view_tit_wrap					{padding:30px 20px; border-top:1px solid #333; border-bottom:1px solid #ddd; } 
.view_tit1						{display:inline-block; padding:2px 10px; color:#ff6600; border:1px solid #ff6600; margin-right:5px; font-size:13px; line-height:160%; background-color:#fff; }
.view_tit2						{line-height:180%; color:#333; font-weight:700; font-size:1.6em; letter-spacing:-2px;}
.view_name						{color:#999; font-size:0.95em; }
.view_name span					{position:relative; padding-right:25px;}
.view_name span:after			{content:''; position:absolute; top:0; right:15px; 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_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:18%; }
.view_file .view_file_tit span	{display:inline-block; margin-left:10px; width:120px; font-size:15px; font-weight:500; text-align:center; line-height:40px; border:1px solid #ccc; }
.view_file .view_file_txt		{float:right; width:82%; line-height:180%;padding-top:7px; }


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

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

}

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


.comment_box		{margin-top:15px; 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; zoom:1; *display:inline; 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; }


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

	.view_tit_wrap		{font-size:17px; } 

}






/* 폼	 ======================================*/
.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; }



/* 뷰페이지 버튼, 이전, 다음글	 ======================================*/
.view_btn_group						{padding:0 0 30px 0; overflow:hidden; }

.view_prev_group					{border-top:1px solid #dadada; }
.view_prev_group_li					{overflow:hidden; padding:20px 0; border-bottom:1px solid #dadada; } 
.view_prev_group_li:last-child		{border-bottom:0; } 

.view_prev_group_li a				{display:block; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.view_prev_group_li a span			{display:inline-block; text-align:left; text-indent:20px; margin-right:20px; width:17%; color:#333333; border-right:1px solid #e8e8e8; }


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

	.view_prev_group_li					{overflow:hidden; padding:8px 0; border-bottom:1px solid #ddd; } 
	.view_prev_group_li a				{font-size:12px; }
	.view_prev_group_li a span			{text-indent:10px; }

}