/*  레이어  ==================================================================================== */
#board_popup_fade								{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.6;z-index:9999900;} 
.board_layer_wrap								{display:none; position:absolute;  left:50%; top:45%; transform:translate(-50%, -50%); max-width:720px; width:100%; z-index:9999999; overflow:auto; background:#fff; padding:40px 35px;border-radius: 20px;}

#board_layer											{position:relative; overflow:hidden;width:100%; text-align:center; }
 
.layer_view												{position:relative;  }
.layer_view .img									{position:relative;min-width:150px;width:30%; margin:0 auto; transition:all 0.3s ease;}
.layer_view .img img							{width:100%;border:1px solid #e5e5e5;}
.layer_view .tit_wrap									{position:relative; } 
.layer_view .tit_wrap .tit							{font-size:1.25em; letter-spacing:-1px; line-height:140%; COLOR:#222; font-weight:700;padding:15px 0;}  
.layer_view .tit_wrap .tit span					{display:inline-block; padding-left:10px; font-size:0.75em; font-weight:bold; }
.layer_view .tit_wrap .cate						{display:block;  font-size:0.85em;color:var(--color1);  font-weight:500; }
.layer_view .tit_wrap .data						{padding:30px  ; text-align:left;background:#f9f9f9;display: flex; flex-direction: column; gap:30px;}
.layer_view .tit_wrap .data dl					{position:relative; display: grid; grid-template-columns: 100px auto; gap:20px; transition:all 0.3s ease;}
.layer_view .tit_wrap .data dt					{position:relative; color:#222;     transition:all 0.3s ease;} 
.layer_view .tit_wrap .data dt span			{display:inline-block;width:100%;  font-weight:500;font-size:0.9em;   border-radius:5px; text-align:center; line-height:36px; border:1px solid #d0d0d0;  }
.layer_view .tit_wrap .data dd					{ line-height:1.7em; font-size:0.95em; }


/*
#board_layer .top									{position:relative;width:30%;  transition:all 0.3s ease;}
#board_layer .top img							{width:100%;border:1px solid #e5e5e5;}
#board_layer .top .title .cate							{display:inline-block; padding:5px 10px; color:#fff; background:var(--color2); margin:0 0 10px 0;  border-radius:2px; }
#board_layer .top .title .tit								{font-size:1.8em; letter-spacing:-1px; line-height:140%; COLOR:#222; font-weight:700;padding:0 0 25px 10px;}  
#board_layer .top .title .tit	 span					{font-size:0.75em; font-weight:bold; color:var(--color1);}
#board_layer .content									{flex:2;padding:0 0 30px 0  ;   }
#board_layer .content							{padding:15px  ;background:#f9f9f9;display: flex; flex-direction: column; gap:20px;}
#board_layer .content dl						{position:relative; display: grid; grid-template-columns: 70px auto; gap:25px; transition:all 0.3s ease;}
#board_layer .content dt					{position:relative; color:#222;     transition:all 0.3s ease;} 
#board_layer .content dt span			{display:inline-block;width:100%;  font-weight:500;font-size:0.9em;   border-radius:5px; text-align:center; line-height:36px; border:1px solid #d0d0d0;  }
#board_layer .content dd					{ line-height:1.8em; }
*/

.board_layer_wrap .board_close							{position:absolute; top:10px; right:10px; width:28px; height:28px;   cursor:pointer; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:9999;}
.board_layer_wrap .board_close:after					{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:26px; height:1px; background:#555;}
.board_layer_wrap .board_close:before				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:1px; height:26px; background:#555;}


@media screen and (max-width:1024px) { 
}
@media screen and (max-width:800px) {
.board_layer_wrap											{padding:30px; border-radius: 20px;} 
.layer_view .tit_wrap .data								{padding:25px  ;   gap:30px;}
.board_layer_wrap .board_close						{  top:6px; right:6px;  }
.board_layer_wrap .board_close:after				{ width:22px; height:1px;  }
.board_layer_wrap .board_close:before			{ width:1px; height:22px;  }
}
@media screen and (max-width:600px) {
.board_layer_wrap											{padding:30px 0 0 0; border-radius: 15px;}
.layer_view .tit_wrap .data dl					{ grid-template-columns: 1fr; gap:15px; }
.layer_view .tit_wrap .data dt span			{ width:100px; line-height:32px;}
}

/*  레이어  ==================================================================================== */


.board_category								{position:relative;text-align:center; margin-bottom:30px;}
.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;  letter-spacing:-1px;transition:all 0.3s ease;}
.board_category a:after					{position:absolute;content:'';  left:50%;bottom:0; width:0; height:3px;  background:#2071f8; transition:all 0.3s ease;}
.board_category li a:hover, .board_category .on a		{ color:#2071f8;  }
.board_category li:hover a:after, 
.board_category .on a:after			{position:absolute;content:'';  left:0;bottom:0; width:100%; height:3px;  background:#2071f8; }
 

.board_list .content_wrap								{position:relative;display: grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:30px; margin-bottom:20px;  } 
.board_list .content_wrap li								{position:relative;border:1px solid #dfdfdf;   padding:20px   ;  max-width:350px;   transition:all 0.3s ease;}
.board_list .content_wrap .no							{position:absolute; top:10px;left:10px; color:#eee;font-size:0.9em;}
.board_list .content_wrap li .img					{position:relative; margin:auto;max-width:170px;width:100%; aspect-ratio:2.8/3.2; overflow:hidden;  transition:all 0.3s ease; }  
.board_list .content_wrap li .img img				{width:100%; height:100%;object-fit:cover; transition:all 0.3s ease; }  
.board_list .content_wrap li .cont					{ text-align:center; padding:15px 0 ;   }
.board_list .content_wrap li .cate					{display:inline-block; font-size:0.9em;font-weight:500;  color:var(--color2);   }
.board_list .content_wrap li .subject				{font-size:1.15em;font-weight:700;color:#000; padding: 0 0 15px 0;transition:all 0.3s ease;}    
.board_list .content_wrap li .subject span		{display:inline-block; padding-left:5px; font-size:0.85em; color:#333;font-weight:600; }
.board_list .content_wrap li .txt01					{  position:relative; border-top:1px solid #dfdfdf; padding-top:15px ;  color:#555;font-size:0.95em;font-weight:500;line-height:1.25em;  transition:all 0.3s ease;}
.board_list .content_wrap li .txt02					{  position:relative;text-align:left;   color:#949494;font-size:0.9em; padding-top:10px ; transition:all 0.3s ease;  display: flex; flex-direction: column;   align-items:center; letter-spacing:-0.05em;line-height:1.45em; }

.board_list .content_wrap li:hover::after		{position:absolute; content:''; left:-2px;top:-2px; width:100%;height:100%; border:2px solid var(--color1);  z-index:2; pointer-events: none; }
.board_list .content_wrap li:hover					{  box-shadow:5px 0  15px 0 rgba(0,0,0,0.12); }



.board_list .content_wrap li .btn						{text-align:center; font-size:0.9em; color:#aaaaaa; border-top:1px solid #e5e5e5; padding:10px 0 15px 0; transition:all 0.3s ease;}
.board_list .content_wrap li .btn i					{margin-left:8px; font-size:1.15em;} 
.board_list .content_wrap li:hover .btn			{color:var(--color1);}

.board_list .content_wrap li .txt						{border-top:1px solid #dfdfdf; padding-top:20px ;  }
.board_list .content_wrap li .txt dl					{position:relative; font-size:0.9em; padding-bottom:8px;padding-left:14px; color:#888; display: grid; grid-template-columns:3.3em auto; gap:5px;  line-height:1.3; transition:all 0.3s ease;}
.board_list .content_wrap li .txt dl::before		{position:absolute; content:''; display:block; left:5px; top:6px; width:3px; height:3px; background:var(--color2);   border-radius:50%;}
.board_list .content_wrap li .txt dt					{position:relative;  }
.board_list .content_wrap li .txt dt::after			{position:absolute; content:':'; right:0;top:-2px;}
.board_list .content_wrap li .txt dd					{position:relative;  }
 
.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:1400px) {  
.board_list .content_wrap								{gap:20px;  }
}
@media screen and (max-width:1024px) {    
.board_list .content_wrap li .cont					{ padding:15px 0 10px 0 ;  }
.board_list .content_wrap li .subject				{ padding: 0 0 5px 0; }    
.board_list .content_wrap li .txt						{ padding-top:18px ;  }
} 
@media screen and (max-width:800px) {    
}
@media screen and (max-width:600px) {    
.board_list .content_wrap								{  gap:16px;  }      
.board_list .content_wrap li								{ padding:15px   ;  }  
.board_list .content_wrap li .img					{ max-width:140px;}
.board_list .content_wrap li .cont					{ padding:15px 0 10px 0; }
.board_list .content_wrap li .subject				{font-size:1.1em; padding: 0;}   
.board_list .content_wrap li .txt dl					{  padding-bottom:5px; padding-left:11px;  }
.board_list .content_wrap li .txt dl::before		{  left:2px;  }
.board_list .content_wrap li .btn						{  padding:8px 0 12px 0; } 
} 
@media screen and (max-width:520px) {     
.board_list .content_wrap li								{ padding:12px   ;  }  
.board_list .content_wrap li .cont					{ padding:  10px 0; }
.board_list .content_wrap li .txt						{ padding-top:15px ;  }
.board_list .content_wrap li .txt dl					{grid-template-columns:1fr; font-size:0.85em;  }
.board_list .content_wrap li .txt dt					{  display:none; }

 

}
 
 
 


/*  게시글 뷰  ==================================================================================== */
.board_view													{position:relative;  }
.board_view_top											{position:relative;display:flex; gap:60px; }
.board_view_top .img									{position:relative;width:30%;  transition:all 0.3s ease;}
.board_view_top .img img							{width:100%;border:1px solid #e5e5e5;}
.board_view .tit_wrap									{flex:2;    } 
.board_view .tit_wrap .cate							{display:inline-block; padding:5px 10px; color:#fff; background:var(--color2); margin:0 0 10px 0;  border-radius:2px; }
.board_view .tit_wrap .tit								{font-size:1.8em;  line-height:140%; color:#222; font-weight:700;padding:0 0 20px 10px;}  
.board_view .tit_wrap .tit	 span					{font-size:0.75em; font-weight:bold; color:var(--color1);}
.board_view .tit_wrap .data							{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  padding:30px  0; display: flex; flex-direction: column; gap:8px;}
.board_view .tit_wrap .data dl						{position:relative; display: grid; grid-template-columns: 120px auto; gap:20px; transition:all 0.3s ease;}
.board_view .tit_wrap .data dt					{position:relative; color:#222;     transition:all 0.3s ease;} 
.board_view .tit_wrap .data dt span			{display:inline-block;width:100%;  font-weight:500;font-size:0.9em;  text-align:center; line-height:36px; border:1px solid #ddd;    }
.board_view .tit_wrap .data dd					{ line-height:36px; }
   
.board_view .name												{padding:0 20px 20px 0; text-align:right;font-size:0.9rem;color:#999; } 
.board_view .content_wrap									{overflow:hidden;padding:40px 10px; word-break:break-all; min-height:300px;  }
.board_view .content_wrap img							{max-width:100%; } 
 
.board_view .btn_wrap										{padding:40px 0 ; text-align:center; overflow:hidden; border-top:0 solid #ddd; }
.board_view .btn_wrap .bbs_btn02					{margin-right:3px;} 
.board_view .bwrite_cm										{padding-top:20px;}


@media screen and (max-width:1400px) {
.board_view_top											{  gap:40px; }
}
@media screen and (max-width:1200px) {
.board_view_top .img									{ width:35%;  }
.board_view .tit_wrap .tit								{ font-size:1.7em; padding:0 0 15px 10px;}  
.board_view .tit_wrap .data							{ padding:25px  0;  }
}
@media screen and (max-width:1024px) {
	.board_view_top											{ flex-direction: column; gap:0; }
	.board_view_top .img									{ width:100%;max-width:400px; margin:auto;  }

	.board_view .tit_wrap									{padding:20px 0;  } 
	.board_view .tit_wrap .tit								{font-size:1.6em; padding:0 0 15px 5px;}
	.board_view .tit_wrap .name						{font-size:0.85em;}
	.board_view .tit_wrap .data							{padding:20px 0;  gap:5px; }
	.board_view .tit_wrap .data dl						{ grid-template-columns: 100px auto; gap:15px; }
	.board_view .tit_wrap .data dt span			{ line-height:32px;  }
	.board_view .tit_wrap .data dd					{ line-height:32px; }

	.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;}
}
@media screen and (max-width:800px) { 
	.board_view .tit_wrap .tit								{font-size:1.5em; }
 
	.board_view .tit_wrap .name					{ padding:5px 0 0 0; }
	.board_view .content_wrap						{padding:25px 0;}
}
@media screen and (max-width:600px) { 
	.board_view .tit_wrap .data dl						{ grid-template-columns:90px auto;   }
}




/* 뷰페이지 버튼, 이전, 다음글	 ======================================*/  
.board_view .pn_wrap										{position:relative; display: flex; flex-direction: column; }
.board_view .pn_wrap li.next							{order:1;} 
.board_view .pn_wrap li.prev							{order:2;  }
.board_view .pn_wrap li									{position:relative; font-size:0.9em; border-top:1px solid #ddd;  } 
.board_view .pn_wrap li div,
.board_view .pn_wrap li a								{position:relative;display:block;letter-spacing:-1px; color:#555;  display: grid; grid-template-columns:160px auto;  } 
.board_view .pn_wrap li span							{position:relative;display:inline-block;  padding:20px 0 20px 45px;  font-weight:500; color:#222;  transition:all 0.3s ease;}
.board_view .pn_wrap li p								{position:relative;display:inline-block; color:#777;  padding:20px 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis;  word-break:break-all;   }
.board_view .pn_wrap li.next::before			{content:''; position:absolute; top:32px; left:20px; border:solid #444; border-width:1px 1px 0 0;  padding:4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} 
.board_view .pn_wrap li.prev::before				{content:''; position:absolute; top:27px; left:20px; border:solid #444; border-width:1px 1px 0 0;  padding:4px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.board_view .pn_wrap li a p:hover					{text-decoration:underline; }

.board_view .file_wrap 									{position:relative; padding:20px 0  ;font-size:0.95em; overflow:hidden; border-bottom:1px solid #ddd; display: grid; grid-template-columns:160px auto;   transition:all 0.3s ease;} 
.board_view .file_wrap .tit								{ letter-spacing:-1px; 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 4px 22px; line-height:1.3;  transition:all 0.3s ease;}
.board_view .file_wrap li i								{display:none; }
.board_view .file_wrap li::before					{content:''; position:absolute; left:0; top:6px; width:16px; height:16px; background:url('./img/icon_down.png') no-repeat 0 0;  }
 
@media screen and (max-width:800px) {  
	.board_view .pn_wrap li div,
	.board_view .pn_wrap li a							{ grid-template-columns:110px auto;  } 
	.board_view .pn_wrap li span						{padding:15px 0 15px 30px; }
	.board_view .pn_wrap li p							{ padding:15px 0; }
	.board_view .pn_wrap li.next::before		{  top:27px; left:10px; padding:3px;}
	.board_view .pn_wrap li.prev::before			{  top:23px; left:10px; padding:3px;} 
	.board_view .file_wrap 								{  padding:15px 0  ;font-size:0.9em; grid-template-columns:110px auto;   }
	.board_view .file_wrap .tit							{  padding-left:5px;}
}
@media screen and (max-width:600px) {   
	.board_view .pn_wrap li div,
	.board_view .pn_wrap li a 							{font-size:0.95em;   grid-template-columns:90px auto;}
	.board_view .pn_wrap li span						{ padding:12px 0 12px 28px;}
	.board_view .pn_wrap li p							{ padding:12px 0  ;  } 
	.board_view .pn_wrap li.next::before		{  top:23px; left:10px;  }
	.board_view .pn_wrap li.prev::before			{  top:19px; left:10px;  } 

	.board_view .file_wrap 								{  padding:12px 5px  ; grid-template-columns:1fr;   }
	.board_view .file_wrap .tit							{ display:none;}
}
/* 뷰페이지 버튼, 이전, 다음글	 ======================================*/  



/*  게시글 폼  ==================================================================================== */
.board_form													{margin:  auto;}
.board_form .tit												{color:#222; font-weight:500; padding:12px 10px; text-align:center; background-color:#f2f2f2; border-top:2px solid #333; }
.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 #ddd; color:#555;background:#fafafa;font-size:0.9rem; letter-spacing:-1px; 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							{text-align:left;}
.board_form table tbody th span					{display:block;font-size:0.85em;color:#ec0b0b;}
.board_form table tbody td							{  padding:10px ;  word-break:break-all;   border:1px solid #ddd; font-size:0.95em; } 
.board_form table tbody td:first-child			{border-left:0;}
.board_form table tbody td:last-child			{border-right:0;} 
 
.board_form .btn_wrap								{padding:40px 0; overflow:hidden; text-align:center; }
.board_form textarea									{line-height:1.7em;}
 
@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;}
}