/* 리스트 검색박스	 ======================================*/
.bbs_searchbox							{width:50%; margin:0 auto; }
.bbs_searchbox span					{box-sizing:border-box;position:relative;float:right;margin-left:5px;width:73%;height:45px;color:#333;line-height:45px;vertical-align:top;}
.bbs_searchbox .search_input	{box-sizing:border-box;float:right;width:100%;height:38px;color:#333;vertical-align:top;border:1px solid #bbb;font-size:1em; border-radius:8px;padding:0px 40px 0px 7px;}
.bbs_searchbox .search_input::placeholder{background-color:#fff; color:#bbb;}
.bbs_searchbox .search_btn		{position:absolute;top:7px;right:10px;text-align:right;}
.bbs_searchbox select				{float:left;padding-left:10px;width:25%;height:38px;font-size:1em; vertical-align:top;border:1px solid #bbb;cursor:pointer;border-radius:8px;}

 
@media screen and (max-width:800px) {
	.bbs_searchbox				{width:100%;}
} 
@keyframes imgScale2 {
	0% {transform:scale(1)}
	100% {transform:scale(1.15)}
}

/* 리스트	 ======================================*/ 
.listbox								{  margin: 0 auto;width:100%;padding:70px 0 0 0;display: grid; grid-template-columns: repeat(4, 1fr);  gap:50px; transition:all 0.3s ease;}
.listbox li								{position:relative; text-align:center;  transition:all 0.3s ease;}
.listbox li .img					{position:relative;display:inline-block; width:100%; aspect-ratio:3/4.23;  border:1px solid #ddd;  overflow:hidden; transition:all 0.3s ease;border-radius:10px;}
.listbox li .img img			{width:100%; height:100%; object-fit: cover; transition:all 0.4s ease;}
.listbox li .img:hover img			{transform: scale(1.07);}

.listbox li .layer					{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../../../skin/board/gallery/image/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;}
.listbox li:hover .layer		{display:block;}
.listbox li .subject				{padding: 15px 0  0 0; font-size: 1.1em; color:#333;font-weight:bold;  font-family:"Noto Sans KR"; text-align:center; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;} 
.listbox li .subject a			{ color: #111;font-weight:bold;} 
  
  .bbs_btn_wrap					{padding:40px 0 0 0;}

@media screen and (max-width:1200px) {
	.listbox  								{ gap:40px;  } 
}
@media screen and (max-width:1024px) {   
	.listbox								{ padding:  0;gap:40px 30px ; }  
	.listbox li .subject				{padding: 10px 0  0 0;}
}  
@media screen and (max-width:800px) { 
	.listbox  								{ grid-template-columns: repeat(3, 1fr);gap:  30px ;   }  
	.listbox li .subject				{  font-size: 1.05em;padding: 10px 0  0 0;}
}
@media screen and (max-width:600px) { 
	.listbox  								{ grid-template-columns: repeat(2, 1fr); gap:  30px 20px;  }  
	.listbox li .subject a			{ font-weight:500;} 
}



/* 뷰	 ======================================*/ 
.view_top_wrap									{position:relative;padding:70px 0 50px 0; display: grid; grid-template-columns:40% auto; gap:50px; }
.view_top_wrap .img						{ overflow:hidden; text-align:center; border:1px solid #e5e5e5; }
.view_top_wrap .img  img				{width:100%;max-width:100%; }
.view_top_wrap .box						{    word-break:break-all; } 

.view_top_wrap .tit_wrap				{padding:20px 10px; border-top:2px solid #222; line-height:1.5; color:#222;  font-size:1.5em; font-weight:bold; letter-spacing:-1px; } 
.view_top_wrap .tit_wrap span		{display:block;  color:#fd5793;  font-size:0.85em; font-weight:bold;  } 
.view_top_wrap .tit_wrap .cate		{display:inline-block; padding:10px 10px; color:#ff6600; border:1px solid #ff6600; margin-right:5px; font-size:0.95em; line-height:160%;  }  
  

.view_top_wrap .box ul						{position:relative; padding:20px  ;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f9f9f9;  }
.view_top_wrap .box ul li						{position:relative;padding-bottom:10px; color:#555; letter-spacing:-1px;display: grid; grid-template-columns:100px auto; gap:15px; }
.view_top_wrap .box ul li .txt01			{position:relative; padding:0 0 0 15px; }
.view_top_wrap .box ul li .txt01::before			{position:absolute; content:''; left:3px;top:10px; width:3px;height:3px; background:#999;  }
.view_top_wrap .box ul li .txt01::after				{position:absolute; content:''; right:0;top:5px; width:1px;height:1em; background:#ddd;  }
.view_top_wrap .box ul li .txt02			{position:relative;  }
.view_content 										{ padding:30px 10px;   }
.view_top_wrap .box a						{color:#1d6ff0;}
.view_top_wrap .box a:hover			{text-decoration:underline;} 

 .view_file 									{padding:10px 0; border-top:1px solid #ddd; overflow:hidden; }
.view_file li									{  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  } 
.view_file .view_file_tit				{float:left; width:13%;border-right:1px solid #ddd;   font-size:0.9em;padding:5px    ;   }
.view_file .view_file_txt			{float:left; padding:5px 0 5px 15px;    font-size:0.9em;}

 
@media screen and (max-width:1024px) {
	.view_top_wrap									{     gap:30px; } 
	.view_top_wrap .box ul li					{  grid-template-columns:85px auto; gap:10px; }
}
@media screen and (max-width:800px) {
	.view_top_wrap									{padding:0 0 40px 0; grid-template-columns:1fr; }
	.view_top_wrap .img						{max-width:600px; margin:auto; }
	.view_top_wrap .tit_wrap				{padding:15px 10px;  font-size:1.3em;  }
	.view_top_wrap .tit_wrap span		{display:inline-block;font-size:0.9em;}
	 
	.view_top_wrap .box ul					{ padding:  15px  ;}
	.view_top_wrap .box ul li					{font-size:0.95em;}
	.view_content 									{ padding:20px 0;   }

	.view_file li								{font-size:0.85em;  }
	.view_file .view_file_tit			{display:none; }
	.view_file .view_file_txt		{float:none; width:100%;padding:5px 0 ;   } 
 
 
}
 
 

 


.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; }


 

.video_container { 
    margin: 0;
    padding-bottom: 75%; 
    max-width: 100%; 
    height: 0;  
    position: relative;
    overflow: hidden;
} 
.video_container iframe {
    margin: 0;
    padding: 0;  
    width: 100%; 
    height: 100%;
    position: absolute; 
    top: 0; 
    left: 0; 
}



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




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

.view_prev_group					{border-top:1px solid #ddd; }
.view_prev_group_li					{position:relative;overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; } 
.view_prev_group_li:last-child		{border-bottom:1px solid #ddd; } 

.view_prev_group_li a				{display:block; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;   }
.view_prev_group_li a dl dt			{position:relative; float:left;  text-indent:0;  width:13%;padding:5px   ;  font-size:0.9em;color:#333333; border-right:1px solid #ddd; }
.view_prev_group_li a dl dd			{float:left; padding:5px 0 5px 15px;    font-size:0.9em; } 
.view_prev_group_li a span	{display:inline-block;}
.view_prev_group_li a dl dt.prev span:after		{content:''; position:absolute; top:15px; left:60px; border:solid #333; border-width:1px 1px 0 0;  padding:3px; transform: rotate(135deg); -webkit-transform: rotate(-45deg);}
.view_prev_group_li a dl dt.next span:after		{content:''; position:absolute; top:11px; left:60px; border:solid #333; border-width:1px 1px 0 0;  padding:3px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}


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

	.view_prev_group_li					{overflow:hidden; padding:8px 0; border-bottom:1px solid #ddd; } 
	.view_prev_group_li a				{font-size:0.9em; } 
.view_prev_group_li a dl dt			{  width:15%;padding:3px   ;  font-size:0.85em;  }
.view_prev_group_li a dl dd			{  padding:5px 0 5px 10px;    font-size:0.85em; } 
.view_prev_group_li a dl dt.prev span:after		{  top:13px; left:50px; }
.view_prev_group_li a dl dt.next span:after		{  top:9px; left:50px;  }
}