/*  게시글 리스트  ==================================================================================== */
  
.board_category							{text-align:center; margin-bottom:20px;}
.board_category li						{display:inline-block; margin-right:3px;}
.board_category li:last-child			{margin:0;}
.board_category li a					{display:block; background:#f7f7f7; color:#555; padding:5px 15px; border-radius:2px; font-weight:500; }
.board_category li a:hover, .board_category .on a		{background:#f15f22; color:#fff; }


 
 
.board_list .content_wrap								{position:relative;   display: grid; grid-template-columns: 1fr; gap:2em; }
.board_list .content_wrap .inner						{position:relative;  display: grid; grid-template-columns: auto 40%;gap:40px; border:3px solid #6fb2de; padding:30px; }
.board_list .content_wrap .cont						{ }
.board_list .content_wrap .img img				{border:1px solid #eee; width:100%; }  
.board_list .content_wrap .subject					{position:relative; border-bottom:1px solid #d5d5d5;  padding:0 0 15px 0;margin-bottom:10px;}
.board_list .content_wrap .subject	.tt				{position:relative; font-size:1.55em;font-weight:700;color:var(--color1); }
.board_list .content_wrap .subject .link			{display:inline-block; border:1px solid var(--color1); color:#fff;font-size:0.9rem; padding:4px 38px 4px 18px; border-radius:50px;margin-left:10px;color:#fff;background:url('./img/icon_link.png') no-repeat right -28px var(--color1); }
 
.board_list .content_wrap .cont li					{position:relative;border-bottom:1px dashed #e4e7eb; padding:12px 0 12px 10px; display: flex; flex-flow:wrap;justify-content: space-around; gap:10px;transition:var(--transition1);}
.board_list .content_wrap .cont li:last-child		{border-bottom:0;}
.board_list .content_wrap .cont .tit					{position:relative;width:95px; font-weight:500; text-indent:13px;color:var(--color1); }
.board_list .content_wrap .cont .txt				{position:relative;flex:2; }
.board_list .content_wrap .cont .tit:after		{position:absolute; content:''; display:block; left:0; top:10px; width:4px; height:4px; background:#cacaca; border-radius:5px; }



@media screen and (max-width:1200px) {  
.board_list .content_wrap								{ gap:1.5em; }
.board_list .content_wrap .inner						{  padding:25px; gap:30px;}
 .board_list .content_wrap .subject .tt			{  font-size:1.45em;}
.board_list .content_wrap .cont .tit:after		{ top:9px; }
 }
@media screen and (max-width:1024px) {  
}
@media screen and (max-width:768px) {  
.board_list .content_wrap .inner 					{ grid-template-columns:auto; border-width:2px; padding:20px; gap:20px;}
.board_list .content_wrap .inner .cont			{ order: 2; }  
.board_list .content_wrap .inner .img			{ order: 1; }  
.board_list .content_wrap .subject	.tt				{ font-size:1.35em; padding:0 0 10px 0; }
}
@media screen and (max-width:580px) {  
.board_list .content_wrap .inner						{ padding:15px; }
.board_list .content_wrap .subject .tt				{ font-size:1.2em;  }
.past_wrap .subject .link									{font-size:0.8rem; margin-left:5px;  padding:2px 32px 2px 13px;background-position:right -31px;}
 
.board_list .content_wrap .cont li					{ padding:8px 0  8px 3px; }
.board_list .content_wrap .cont .tit					{ width:75px; font-size:0.9em;  text-indent:11px; }
.board_list .content_wrap .cont .txt				{font-size:0.9em; }
.board_list .content_wrap .cont .tit:after		{ top:10px; width:4px; height:4px;  }
} 

.bbs_btn_wrap											{position:relative;padding-top:40px; display: grid; grid-template-columns:1fr; gap:20px;  } 
 
 
 


/*  게시글 뷰  ==================================================================================== */ 
.board_view													{position:relative; }
.board_view .tit_wrap									{position:relative;  padding:25px 10px; border-top:var(--bbs-border-width1) solid var(--bbs-border-color1); border-bottom:1px solid var(--border-color1); transition:var(--transition1);}
.board_view .tit_wrap .tit								{position:relative;  font-size:1.5em;   line-height:140%; color:#222; font-weight:bold;transition:var(--transition1);}
.board_view .tit_wrap .cate							{position:relative;top:-4px;display:inline-block; padding:0 10px; height:34px; line-height:32px; color:var(--color1); border:1px solid var(--color1); margin-right:10px; font-size:0.95rem;}
.board_view .tit_wrap .date							{ padding-top:15px; }
.board_view .tit_wrap .date p						{position:relative; padding:3px 15px;  font-size:0.95em;} 
.board_view .tit_wrap .date p::before		{position:absolute; content:''; display:block; left:4px; top:14px; width:3px; height:3px; background:#003c97; border-radius:50%;}
.board_view .tit_wrap .date p b					{position:relative; display:inline-block; min-width:80px;color:#555;  padding:0 20px 0 0;   } 
.board_view .tit_wrap .date p b::after		{position:absolute; content:''; display:block; right:10px; top:4px; width:1px; height:1em; background:#ddd;  }
 
.board_view .name										{padding:20px 20px 0 0; text-align:right;font-size:0.9rem;color:#999; }
 
.board_view .content_wrap									{overflow:hidden;padding:40px 10px;   min-height:300px; border-bottom:1px solid var(--bbs-border-color1);  }
.board_view .content_wrap img					{max-width:100%; }

.board_view .content_img						{padding:0 0 30px 0; }
.board_view .content_img img				{max-width:100%; }
.board_view .part_tit									{position:relative; color:#333;  padding:0 0 4px 12px;  }
.board_view .part_tit:after						{position:absolute; content:''; display:block; left:2px;  top:11px; width:3px; height:3px; background:#003c97; border-radius:50%;} 
.board_view .part_txt								{position:relative;padding:0 0 10px 15px; }
.board_view .part_txt p							{position:relative; padding:0 0 0 12px; font-size:0.9em; color:#666;}
.board_view .part_txt p:after					{position:absolute; content:''; display:block; left:0; top:14px; width:5px; height:1px; background:#888; border-radius:50%;}
 
.board_view .part_wrap										{position:relative; }
.board_view .part_wrap dl									{position:relative; display: flex; gap:13px; margin:10px 0 0 0; }
.board_view .part_wrap dl dt								{position:relative; width:95px;text-align:center;  }
.board_view .part_wrap dl dt span						{display:block;padding:3px 0; color:#666; border:1px solid #e0e0e0;font-size:0.95em;} 
.board_view .part_wrap dl dd								{position:relative; flex:2;padding:3px 0;color:#666;font-size:0.95em; } 
.board_view .part_wrap dl dd p							{position:relative; padding:0 0 5px 12px; }
.board_view .part_wrap dl dd p::after				{position:absolute; content:''; display:block; left:0; top:12px; width:5px; height:1px; background:#888; border-radius:50%;}
 
.board_view .video_wrap							{text-align:center;margin-bottom:40px;}
.board_view .video_wrap .youtube_iframes		{width:720px; height:480px; }
 

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

@media screen and (max-width:1024px) {
	.board_view .tit_wrap								{padding:20px  10px;} 
	.board_view .tit_wrap .tit							{font-size:1.4em;  }
	.board_view .tit_wrap .name					{font-size:0.85em; padding:10px 0 0 0; } 
	.board_view .content_wrap						{padding:30px 10px;} 
} 
@media screen and (max-width:768px) {
	.board_view .tit_wrap								{padding:1em 5px ; text-align:left;}  
	.board_view .tit_wrap .tit							{font-size:1.3em;  } 
	.board_view .content_wrap						{padding:25px 0;} 
}


/* 게시글 뷰페이지 버튼, 이전, 다음글	 ======================================*/ 
.board_view .pn_wrap                         {padding-top: 30px ; display: flex;}
.board_view .pn_wrap li                      {position: relative;display: table;flex:1;}
.board_view .pn_wrap li .inner           {position: relative;display: table-cell;z-index: 2; height:90px;padding: 0 20px;border: 1px solid #d5d5d5;vertical-align: middle; font-size: 0.9em; transition:var(--transition1); }
.board_view .pn_wrap li.prev .inner  {padding-left:90px; border-right-width:0; border-radius:0.7em 0 0 0.7em;}
.board_view .pn_wrap li.next .inner  {padding-right:90px;text-align: right; border-radius: 0 0.7em 0.7em 0;}
.board_view .pn_wrap li::after            { position:absolute; content:'';top:39px;  border:solid #777; border-width:1px 1px 0 0;  padding:5px; }
.board_view .pn_wrap li.prev::after	{ left:42px;  transform: rotate(-135deg);}
.board_view .pn_wrap li.next::after	{ right:42px; transform: rotate(45deg); } 

.board_view .pn_wrap li::before        {content:''; position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 100%;background:#f1f0ef; }
.board_view .pn_wrap li.prev::before {left: 20px;}
.board_view .pn_wrap li.next::before {  right: 20px;}
.board_view .pn_wrap .tit                   {display: block;padding-bottom:5px; font-weight: 700;color: #333;transition:var(--transition1); }
.board_view .pn_wrap .txt                  {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;overflow: hidden; color: #666666;transition:var(--transition1); line-height:1.3; }
.board_view .pn_wrap li a:hover .txt {text-decoration:underline;   }
.board_view .pn_wrap li div.inner .tit,
.board_view .pn_wrap li div.inner .txt               {color:#999  ; }

@media screen and (max-width:768px) {  
    .board_view .pn_wrap li .inner           { height:80px; }
    .board_view .pn_wrap li.prev .inner  {padding-left:75px;  }
    .board_view .pn_wrap li.next .inner  {padding-right:75px; }
    .board_view .pn_wrap li::before        { width:40px;height: 40px;  }
    .board_view .pn_wrap li::after            { top:36px;  padding:4px; }
    .board_view .pn_wrap li.prev::after	{  left:38px;  }
    .board_view .pn_wrap li.next::after	{  right:38px;   } 
}
@media screen and (max-width:480px) {  
    .board_view .pn_wrap li .inner           { height:60px; }
    .board_view .pn_wrap li.prev .inner  {padding-left:65px;  }
    .board_view .pn_wrap li.next .inner  {padding-right:65px; }
    .board_view .pn_wrap li::before        { width:32px;height: 32px;  }
    .board_view .pn_wrap li::after            { top:26px;  }
    .board_view .pn_wrap li.prev::after	{  left:34px;  }
    .board_view .pn_wrap li.next::after	{  right:34px;   } 
    .board_view .pn_wrap .tit                   { padding-bottom:0;  }
    .board_view .pn_wrap .txt                  {display:none; }
}
/* 게시글 뷰페이지 버튼, 이전, 다음글	 ======================================*/ 


/* 게시글 뷰페이지 파일다운  ======================================*/ 
.board_view .file_wrap 									{position:relative; padding:20px    ;font-size:0.95em; overflow:hidden; border-bottom:1px solid #ddd; display: grid; grid-template-columns:160px auto;   background:#f9f9f9; transition:var(--transition1);} 
.board_view .file_wrap .tit								{  padding-left:40px;margin-top:5px; color:#333; font-weight:bold; font-size:1em;   background:url('./img/icon_file.png') no-repeat 5px 0 ;background-size:25px auto; } 
.board_view .file_wrap li									{position:relative;  font-size:0.9em; padding:3px 0  ; line-height:1.3;  transition:var(--transition1);}
.board_view .file_wrap li a,
.board_view .file_wrap li button                     {position:relative; display:inline-block;  color:#777; text-align:left;  }
.board_view .file_wrap li button:hover,
.board_view .file_wrap li a:hover                   {color:#333; text-decoration:underline; } 
.board_view .file_wrap li a::before,
.board_view .file_wrap li button::before			{position:relative; padding:6px 30px 6px 10px; display:inline-block;  background:url('./img/icon_down.png') no-repeat right 8px top 7px #444;color:#fff; font-size:0.9em; border-radius:5px 0; margin-right:8px; min-width:88px; }
.board_view .file_wrap li a:hover::before,
.board_view .file_wrap li button:hover::before          {background-color:#222; }
.board_view .file_wrap li a::before                    { content:'다운로드';  }
.board_view .file_wrap li button::before          { content:'미리보기'; background-image:url('./img/icon_blink.png') ;}

@media screen and (max-width:1024px) {  
    .board_view .file_wrap 									{ padding:1em ; grid-template-columns:130px auto; } 
    .board_view .file_wrap li a::before,
    .board_view .file_wrap li button::before			{  padding:5px 22px 5px 8px;   min-width:78px; }
}
@media screen and (max-width:768px) {   
	.board_view .file_wrap 								{  grid-template-columns:1fr;  gap:6px;  }
	.board_view .file_wrap .tit							{  padding-left:28px; margin:0 ;   background-position: 0 0 ;background-size:20px auto; } 
}
 
/* 게시글 뷰페이지 파일다운  ======================================*/ 






/*  게시글 폼  ==================================================================================== */
.board_form													{ border-top:var(--bbs-border-width1) solid var(--bbs-border-color1);} 
.board_form .tit												{color:#333; font-weight:600; font-size:1.05em;padding:18px 10px;line-height:1.1em; text-align:center; background:var(--bbs-bgcolor1);   }
.board_form table											{border-collapse:collapse; width:100%; table-layout:fixed; font-size:0.95em;}
.board_form .thsize										{width:15%;}
.board_form table tbody th							{padding:10px ;  border:1px solid #e5e5e5;  background:#fafafa;  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.9em;color:#ec0b0b;}
.board_form table tbody td							{  padding:12px ;  word-break:break-all;   border:1px solid #e5e5e5;   } 
.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; }
 
@media screen and (max-width:768px) {
    .board_form table											{  font-size:0.85em;}
    .board_form .tit												{ padding:15px 10px; }
    .board_form table tbody th							{padding:10px  5px; font-size:0.95em; } 
    .board_form table tbody td							{padding:10px  5px; }
    .board_form .thsize										{width:80px;}
}

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