.board_category								{position:relative;text-align:center; margin-bottom:50px;}
.board_category li							{position:relative;display:inline-block; } 
.board_category li a						{position:relative;display:block;  color:#555; padding:0 30px 15px 30px;font-size:1.1em;border-radius:2px; font-weight:500;  transition:all 0.3s ease;}
.board_category a:after					{position:absolute;content:'';  left:50%;bottom:0; width:0; height:3px;  background:#03a1ac; transition:all 0.3s ease;}
.board_category li a:hover, .board_category .on a		{ color:#03a1ac;  }
.board_category li:hover a:after, 
.board_category .on a:after		{position:absolute;content:'';  left:0;bottom:0; width:100%; height:3px;  background:#03a1ac; }
 
.board_list .content_wrap					{display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:1.5em; text-align:center; transition:all 0.4s ease;}
.board_list .content_wrap li				{padding:0 30px; border:1px solid #ddd; border-radius:10px;}
.board_list .content_wrap li .img			{display:grid; align-items:center; overflow:hidden; aspect-ratio:6/3;}
.board_list .content_wrap li .cont			{padding:15px 0 20px 0; border-top:1px dotted #ccc;}
.board_list .content_wrap li .subject 		{display:block; font-size:1.05em; font-weight:500; color:#222; line-height:1.2em;}  
.board_list .content_wrap li .subject i		{opacity:0.8; margin-left:5px;}
.board_list .content_wrap li:hover			{border-color:var(--color1);}
.board_list .content_wrap li:hover .subject i	{color:var(--color1);}
.board_list .content_nolist					{padding:100px 0; text-align:center; border-top:2px solid #5e5e5e; border-bottom:1px solid #dfdfdf;}
 
.bbs_btn_wrap								{position:relative;padding-top:40px; display: grid; grid-template-columns:1fr; gap:20px;  } 
  
 
@media screen and (max-width:1024px) { 
	.board_list .content_wrap					{gap:1em;}  
	.board_list .content_wrap li				{padding:0 20px;}
	.board_list .content_wrap li .img			{aspect-ratio:6/2;}
	.board_list .content_wrap li .img img		{width:90%; margin:auto;}
	.board_list .content_wrap li .cont			{padding:12px 0;}
	.board_list .content_wrap li .subject		{font-size:1em;} 
}
 

/*  게시글 뷰  ==================================================================================== */
.board_view													{ }
.board_view_top											{position:relative;display:flex; gap:60px; }
.board_view_top .img									{position:relative;width:25%;border:1px solid #e5e5e5; display:grid; align-items:Center; }
.board_view_top .img img							{width:100%;}
.board_view .tit_wrap									{flex:2;padding:30px 0  ;  border-top:1px solid #555;  } 
.board_view .tit_wrap .cate							{display:inline-block; padding:5px 10px; color:#fff; background:#03a1ac; margin:0 0 10px 0;  border-radius:2px; } 
.board_view .tit_wrap .tit								{ font-size:1.5em;  line-height:140%; color:#111; font-weight:700;padding:0 0 20px 0;} 
.board_view .tit_wrap .tit	 span					{color:#03a1ac;}
.board_view .tit_wrap .data							{padding:20px 30px  ;background:#f9f9f9;  }
.board_view .tit_wrap .data dl						{position:relative; padding:5px 0;font-weight:300; font-size:0.95em;display:flex; } 
.board_view .tit_wrap .data dt					{position:relative; display:inline-block; min-width:140px;color:#555;  padding:0 15px; font-weight:300;  } 
.board_view .tit_wrap .data dt:before			{position:absolute; content:''; display:block; left:2px; top:11px; width:3px; height:3px; background:#03a1ac; border-radius:50%;}
.board_view .tit_wrap .data dt:after			{position:absolute; content:''; display:block; right:15px; top:5px; width:1px; height:1em; background:#ddd;  }
.board_view .tit_wrap .data dd					{flex:2;}

.board_view .tit_wrap .info							{padding:35px 30px  ;background:#fff;color:#333; font-size:0.95em;border-bottom:1px solid #e9e9e9;border-top:1px dashed #e0e0e0; }
.board_view .tit_wrap .info .tel					{color:#f45c00;font-weight:500;letter-spacing:0;padding:10px 0 0 0; }
.board_view .tit_wrap .info .tel span			{display:inline-block;padding:0 20px 0 0; font-weight:500;}
.board_view .tit_wrap .info .tel i					{display:inline-block;text-align:center; font-size:0.8em;width:30px;height:30px;line-height:29px; margin-right:10px;border:1px solid #d5dae2;color:#afb7c3;border-radius:50px; }

.board_view .tit_wrap .btn_wrap								{position:relative;padding:45px   0 0 0;text-align:center;  display: flex; flex-flow:wrap;justify-content:center; gap:1%; }
.board_view .tit_wrap .btn_wrap span						{position:relative;display:inline-block; line-height:60px;font-size:1.1em;font-weight:500; width:32.5%;transition:all 0.3s ease;}
.board_view .tit_wrap .btn_wrap .btn01					{ border:1px solid #03a1ac;background:#03a1ac;color:#fff; }
.board_view .tit_wrap .btn_wrap .btn02					{ border:1px solid #666;background:#fff;  }
.board_view .tit_wrap .btn_wrap .btn01 a				{display:block; color:#fff;font-weight:500; }
.board_view .tit_wrap .btn_wrap .btn02 a				{display:block;color:#222;font-weight:500; }
.board_view .tit_wrap .btn_wrap span:hover			{border:1px solid #111;background:#222;  }
.board_view .tit_wrap .btn_wrap span:hover a			{ color:#fff  ;}

.board_view .name										{padding:20px 20px 20px 0; text-align:right;font-size:0.9rem;color:#999; }

.board_view .content_wrap							{overflow:hidden;padding:40px 0; word-break:break-all;  } 
.board_view .content_wrap img					{max-width:100%; }

.board_view .btn_wrap								{padding:40px 0 60px 0; text-align:center; overflow:hidden;  }
.board_view .btn_wrap .bbs_btn02			{margin-right:3px;}
.board_view .bwrite_cm								{padding-top:20px;}


/* 뷰페이지 버튼, 이전, 다음글 */  
.board_view .pn_wrap							{position:relative; display:flex; border:1px solid #ddd;}
.board_view .pn_wrap li							{position:relative; width:50%; font-size:0.9em;}
.board_view .pn_wrap li:first-child				{border-right:1px solid #e6e6e6;}
.board_view .pn_wrap li div,
.board_view .pn_wrap li a						{position:relative;  color:#555;  display:grid; grid-template-columns:120px auto;}
.board_view .pn_wrap li span					{font-family:'Paperlogy'; font-weight:500; position:relative;display:inline-block; padding:17px 0 17px 45px; color:#222;  transition:all 0.3s ease;}
.board_view .pn_wrap li p						{position:relative;display:inline-block; color:#777; padding:17px 10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis;  word-break:break-all;   }
.board_view .pn_wrap li a p:hover				{text-decoration:underline;}
.board_view .pn_wrap .prev::before				{content:''; position:absolute; top:27px; left:20px; border:solid #444; border-width:1px 0 0 1px;  padding:3px; transform:rotate(-45deg);}
.board_view .pn_wrap .next						{padding:0 10px 0 20px;}
.board_view .pn_wrap .next div, .board_view .pn_wrap .next a	{display:grid; grid-template-columns:auto 80px; gap:0 10px;}
.board_view .pn_wrap .next span					{order:2; padding:17px 0 17px 0; } 
.board_view .pn_wrap .next p					{order:1;}
.board_view .pn_wrap .next::before				{content:''; position:absolute; top:27px; right:20px; border:solid #444; border-width:0 1px 1px 0;  padding:3px; transform:rotate(-45deg);} 

.board_view .file_wrap 							{position:relative; background:#f5f6f7; padding:15px 0;font-size:0.95em; overflow:hidden; border-radius:10px; margin-bottom:20px; display: grid; grid-template-columns:160px auto;   transition:all 0.3s ease;} 
.board_view .file_wrap .tit						{padding-left:20px; color:#222;}
.board_view .file_wrap .tit i					{font-size:0.95em; margin-right:10px; color:#444;} 
.board_view .file_wrap li						{position:relative;  font-size:0.9em;color:#888;padding:4px 0; line-height:1.3;  transition:all 0.3s ease;}
.board_view .file_wrap li i						{display:none;}


@media screen and (max-width:1024px) {
	.board_view_top											{ flex-direction: column; gap:40px; }
	.board_view_top .img									{ width:100%; }

	.board_view .tit_wrap									{padding:20px 0;} 
	.board_view .tit_wrap .tit								{font-size:1.45em; padding:0 0 15px 10px;}
	.board_view .tit_wrap .name						{font-size:0.85em;}
	.board_view .tit_wrap .data							{padding:15px  ;  }
	.board_view .tit_wrap .data dl						{font-size:0.9em;} 
	.board_view .tit_wrap .data dt					{ min-width:120px; } 
	.board_view .tit_wrap .btn_wrap				{ padding:30px   0; }
	.board_view .tit_wrap .btn_wrap span		{  line-height:50px; font-size:1em;}

	.board_view .content_wrap					{padding:30px 10px;}
	.board_view .btn_wrap						{padding:20px 0;}

	.board_view .pn_wrap				{display:grid; border-left:0; border-right:0; box-shadow:none;}
	.board_view .pn_wrap li				{width:100%; border-right:0 !important;}
	.board_view .pn_wrap li div, .board_view .pn_wrap li a	{font-size:0.95em; grid-template-columns:80px auto;  } 
	.board_view .pn_wrap li span		{font-size:0.95em; padding:10px 0 10px 25px !important;}
	.board_view .pn_wrap li p			{padding:10px 10px 10px 0;}
	.board_view .pn_wrap .next			{padding:0; border-top:1px solid #ddd;}
	.board_view .pn_wrap .next div, .board_view .pn_wrap .next a	{grid-template-columns:80px auto; gap:0;}
	.board_view .pn_wrap .next span, .board_view .pn_wrap .next p	{order:unset;}
	.board_view .pn_wrap .next::before	{top:18px; right:auto; left:10px; padding:2px; transform:rotate(45deg);}
	.board_view .pn_wrap .prev::before	{top:22px; left:10px; padding:2px; transform:rotate(45deg);} 
}


/*  게시글 폼  ==================================================================================== */
.board_form													{margin:  auto;  border-top:1px solid #999;} 
.board_form .tit												{color:#444; font-weight:600; padding:19px 10px;line-height:1.1em;font-size:0.9em; text-align:center; background-color:#f5f5f5;   }
.board_form table											{border-collapse:collapse; width:100%; table-layout:fixed; }
.board_form .thsize										{width:15%;}
.board_form table tbody th							{padding:10px 20px;  border:1px solid #e5e5e5; color:#555;background:#fafafa;font-size:0.9em; text-align:center;  line-height:1.3; }
.board_form table tbody th:first-child			{border-left:0;}
.board_form table tbody th:last-child			{border-right:0;} 
.board_form table tbody th span					{display:block;font-size:0.85em;color:#ec0b0b;}
.board_form table tbody td							{  padding:12px ;  word-break:break-all;   border:1px solid #e5e5e5; font-size:0.9em; } 
.board_form table tbody td:first-child			{border-left:0;}
.board_form table tbody td:last-child			{border-right:0;} 

.board_form table tbody td .textarea_form		{font-size:0.9em;} 
.board_form .btn_wrap								{padding:40px 0; overflow:hidden; text-align:center; }
 
@media screen and (max-width:800px) {
.board_form .thsize										{width:80px;}
.board_form table tbody th							{padding:8px  ;font-size:0.85em; text-align:center;  } 
.board_form table tbody td							{padding:8px  ;font-size:0.9em;}
}

/*  게시글 폼  ==================================================================================== */