
/* 리스트	 ======================================*/
.list_table_head				{overflow:hidden; text-align:center; line-height:54px; background:#f9f9f9; border-top:1px solid #44465c; border-bottom:1px solid #dfdfdf;}
.list_table_head div			{font-family: 'S-CoreDream-5Medium'; color:#111;}
.list_table_head div.no			{float:left; width:80px; }
.list_table_head div.subject	{float:left; width:calc(100% - 380px); }
.list_table_head div.named		{float:left; width:100px; }
.list_table_head div.date		{float:left; width:100px; }
.list_table_head div.answer		{float:left; width:100px; }

.list_table_cont				{overflow:hidden;}
.list_table_cont li				{overflow:hidden; text-align:center; border-bottom:1px solid #dfdfdf; }
.list_table_cont .list01		{padding:15px 0px;}
.list_table_cont .list02		{padding:100px 0; }
.list_table_cont li .no			{float:left; width:80px; font-size:0.95em; color:#777;}
.list_table_cont li .cate		{display:inline-block; font-weight:normal; color:#555; }
.list_table_cont li .subject	{float:left; width:calc(100% - 380px); text-align:left;}
.list_table_cont li .subject a	{color:#333;}
.list_table_cont li .named		{float:left; width:100px; overflow:hidden; font-size:0.95em; text-overflow:ellipsis; white-space:nowrap; color:#888;}
.list_table_cont li .date		{float:left; width:100px; font-size:0.95em; color:#999;}
.list_table_cont li .answer		{float:left; width:100px; font-size:0.95em;}
.list_table_cont li .answer span	{font-family: 'S-CoreDream-4Regular'; display:inline-block; height:26px; line-height:24px; padding:0 10px; font-size:13px; border-color:#a3a3a3; border:1px solid #cbcbcb; color:#888;}
.list_table_cont li .answer .reply	{color:#0369d3; border-color:#0369d3;}
.list_table_cont li .mobilecate,
.list_table_cont li .mobileinfo,
.list_table_cont li .mobileinfo2	{display:none; }
	
.list_table_cont .icon_group		{padding:1px 5px 1px 4px; font-size:12px; color:#fff; text-align:center; border:1px solid #08802d; background-color:#08802d; font-family:'NotoKrM',sans-serif; box-sizing:border-box; }
.list_table_cont .icon_class		{padding:1px 5px 1px 4px; font-size:12px; color:#08802d; text-align:center; border:1px solid #08802d; background-color:#fff; font-family:'NotoKrM',sans-serif; box-sizing:border-box; }
.list_table_cont .icon_img			{vertical-align:middle; }
.list_table_cont .icon_notice		{display:none;}

.no_list							{overflow:hidden; height:140px !important; line-height:140px; text-align:center; border-bottom:1px solid #dfdfdf; }
.list_table_cont li.list01:hover	{background:#f9f9f9;}


@media screen and (max-width:1024px) {
	.list_table_head				{display:none; }

	.list_table_cont				{border-top:2px solid #5e5e5e; }
	.list_table_cont .list01		{position:relative; padding:12px 5px;}
	.list_table_cont li .subject	{float:none; width:calc(100% - 80px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.list_table_cont li .subject a	{font-weight:500;}
	.list_table_cont li .subject02	{float:none; width:100%; }
	.list_table_cont li .no,
	.list_table_cont li .named,
	.list_table_cont li .date		{display:none; }
	.list_table_cont li .answer		{position:absolute; top:15px; right:0; width:auto; }

	.list_table_cont li .mobilecate {display:inline-block; font-weight:normal; }
	.list_table_cont li .mobileinfo,
	.list_table_cont li .mobileinfo2	{display:block; color:#999; font-size:0.85em; text-align:left;}

	.list_table_cont .icon_notice	{display:inline-block;width:35px;}
	.list_table_cont .icon_group	{padding:1px 5px 1px 4px;}
}



/* 뷰	 ======================================*/
.view_tit_wrap								{padding:40px 30px; border-top:1px solid #333; border-bottom:1px solid #dfdfdf;} 
.view_tit_wrap .tit							{font-size:1.4em; letter-spacing:-1px; line-height:140%; COLOR:#333; font-weight:700;padding:0 0 15px 0;} 
.view_tit_wrap .tit span					{display:inline-block; padding:0px 10px; height:31px; line-height:31px; color:#930911; border:1px solid #930911; margin-right:10px; font-size:15px;}
.view_tit_wrap .name						{color:#999;}
.view_tit_wrap .name span					{position:relative; padding-right:23px;}
.view_tit_wrap .name span:after				{content:''; position:absolute; top:0; right:12px; bottom:0; width:1px; height:1em; margin:auto; background:#ddd;}
.view_tit_wrap .name span:last-child		{padding:0;}
.view_tit_wrap .name span:last-child:after{display:none;}

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

.view_content .video_wrap				{position: relative; width: 100%;padding-bottom: 56.25%; }
.view_content .video_wrap .video		{position: absolute;width: 100%; height: 100%;}

.view_file 								{padding:15px 10px; border-top:1px solid #ddd; overflow:hidden;}
.view_file li							{font-size:0.95em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.view_file p							{float:left; width:140px; font-size:15px; font-weight:500; text-align:center; line-height:40px; border:1px solid #ccc;}
.view_file .view_file_txt				{float:right; width:calc(100% - 170px); line-height:180%;}
.view_file .view_file_txt span			{color:#797979;}

.view_prev_group						{position:relative; border-top:1px solid #555; }
.view_prev_group li						{position:relative;overflow:hidden; padding:15px 10px; border-bottom:1px solid #ddd; font-size:0.95em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}  
.view_prev_group li a					{color:#555;}
.view_prev_group span					{font-family: 'S-CoreDream-4Regular'; display:inline-block; text-indent:40px; margin-right:20px; width:140px; color:#333; border-right:1px solid #e8e8e8; }
.view_prev_group .view_prev_group_li01 span:after	{content:''; position:absolute; top:25px; left:20px; border:solid #666; border-width:1px 1px 0 0;  padding:3px; transform: rotate(135deg); -webkit-transform: rotate(-45deg);}
.view_prev_group .view_prev_group_li02 span:after	{content:''; position:absolute; top:23px; left:20px; border:solid #666; border-width:1px 1px 0 0;  padding:3px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.view_prev_group li:hover				{background:#f4f5f8;}

.view_btnwrap						{padding:40px 0 60px 0; border-top:1px solid #ddd;}



/* 코멘트 부분 */
.comment_view				{border:1px solid #e3e3e3; box-shadow:0 5px 10px rgba(125,125,125,.1); margin-bottom:40px;}
.comment_view dt			{font-family: 'S-CoreDream-4Regular'; background:#ecedf1; border-bottom:1px solid #e3e3e3; color:#023b93; line-height:48px;}
.comment_view dt i			{display:inline-block; width:50px; border-right:1px solid #cfd0d3; color:#023b93; margin-right:12px; text-align:center;}
.comment_view dt em			{font-style:normal; font-size:0.95em; color:#aaa; margin-left:10px;}
.comment_view dt span		{font-size:14px; float:right; color:#999; margin-right:20px; }
.comment_view dt span:hover	{text-decoration:underline;}
.comment_view dd			{padding:30px; line-height:1.6;}

.comment_box				{margin-top:-20px; background:#f7f7f7; border:1px solid #e2e2e2; border-bottom:0; padding:15px 10px;}
.comment_txt				{display:grid; grid-template-columns:auto 100px; gap:0 7px; }
.comment_txt textarea		{border:1px solid #ddd; width:100%; height:100px; padding:10px;}
.comment_txt .btns 			{font-family: 'S-CoreDream-4Regular'; background:#333; font-size:1.1em; color:#fff; border:0; display:block; width:100%; height:100%; text-align:Center;}
.comment_txt .btns:hover	{background:#000;}



@media screen and (max-width:1024px) {
	.view_tit_wrap					{padding:25px 20px;} 
	.view_tit_wrap .tit				{font-size:1.1em; padding:0 0 5px 0;}
	.view_tit_wrap .name			{font-size:0.85em;}

	.view_content					{padding:30px 10px;}
	.view_btnwrap					{padding:20px 0 40px 0;}

	.comment_view					{margin-bottom:20px;}
	.comment_view dt				{line-height:42px; font-size:0.95em;}
	.comment_view dt i				{width:40px; margin-right:5px;}
	.comment_view dd				{padding:20px;}
	.comment_box					{padding:10px; margin:0;}
}

@media screen and (max-width:768px) {
	.view_file						{padding:10px;}
	.view_file li					{font-size:0.85em;}
	.view_file p					{display:none; }
	.view_file .view_file_txt		{float:none; width:100%; }

	.view_prev_group li				{overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd; font-size:0.85em;} 
	.view_prev_group span			{width:100px;}
	.view_prev_group .view_prev_group_li01 span:after,
	.view_prev_group .view_prev_group_li02 span:after	{top:20px;}

	.comment_txt					{display:block;}
	.comment_txt .btns				{font-size:1em; padding:10px 0;}
}



/* 폼	 ======================================*/
.write_title		{font-family: 'S-CoreDream-5Medium'; color:#111; padding:15px 10px; text-align:center; background-color:#eeeeee; border-top:1px solid #5e5e5e; font-size:1.1em; }
.write_area			{width:100%; table-layout:fixed; }
.write01			{font-family: 'S-CoreDream-5Medium'; text-align:center; background:#f7f7f7; padding:8px; width:140px; border-right:1px solid #ddd; border-top:1px solid #ddd; font-size:0.95em;}
.write02			{padding:8px; border-top:1px solid #ddd; }




/*   게시판 분류탭 관련   ===============================================*/ 
.bbs_category_box2				{width:100%; height:50px; border-bottom:1px solid #e3e3e3; box-sizing: border-box; margin-bottom:40px;}
.bbs_category_box2 a				{font-family:'S-CoreDream-4Regular'; float:left; border-top:1px solid #ddd; background:#f9f9f9; display:inline-block; height:48px; line-height:48px; padding:0 20px;
								text-align:center;  color:#979797;  border-left:1px solid #ddd; letter-spacing:-1px; }
.bbs_category_box2 a:last-child	{border-right: 1px solid #ddd;}
.bbs_category_box2 .on			{font-family: 'S-CoreDream-5Medium'; background:#fff; border-top:2px solid #22305c; color:#22305c; height:50px;}
.bbs_category_box2 .stxt			{display:none;}


@media screen and (max-width:1024px) {
	.bbs_category_box2			{display:flex; justify-content:flex-start; height:100%; gap:0 3px; margin-bottom:20px; border:0;}
	.bbs_category_box2 a			{height:46px; width:100%; line-height:44px; font-size:0.95em; background:#f0f0f0; color:#333; border:1px solid #f0f0f0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
	.bbs_category_box2 a:last-child	{border-right:0;}
	.bbs_category_box2 .on		{border-color:#042a59; height:auto; color:#042a59; border-top-width:1px;}
}
