 
.gallery_list									{position:relative;padding:0 0 30px 0 ; display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; } 
.gallery_list li								{position:relative;   }
.gallery_list li>a							{position:relative;  }
.gallery_list .img						{position:relative; height:220px; overflow:hidden;  border:1px solid #dfdfdf;  }
.gallery_list .img img				{width:100%; height:100%; object-fit:cover;transition:all 0.4s ease;}
.gallery_list .cont						{position:relative;padding:10px 0 10px 0;width:100%;   font-size:1em;color: #333; font-weight:500;  height:35px; overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; } 
 
.gallery_list li:hover .img img			{transform: scale(1.12);filter: brightness(0.5);}  
.gallery_list li:hover .img:after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:40px; height:2px; background:#29afff;z-index:11;}
.gallery_list li:hover .img:before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:40px; width:2px; background:#29afff;z-index:11;}

 
@media screen and (max-width:1200px) {  
.gallery_list									{   gap:30px 20px; }   
}
@media screen and (max-width:800px) {  
.gallery_list									{  display: grid; grid-template-columns: repeat(2, 1fr); gap:30px 20px; }   
}

@media screen and (max-width:600px) {  
.gallery_list									{  display: grid; grid-template-columns: repeat(1, 1fr); gap:  20px; }   
}



  
.list_table						{ width:100%; border-collapse:collapse; }  
.list_table thead th			{COLOR:#333; font-weight:bold; text-align:center; line-height:40px; background:url("../../../core/image/board/bbs_listline.gif") no-repeat 0 48% #f9f9f9; border-top:2px solid #555;border-bottom:1px solid #ccc;} 
.list_table thead th:first-child			{background-image:none;}
.list_table tbody td			{padding:10px 5px;border-bottom:1px solid #ccc;}



.view_tit_wrap		{ padding:25px;border-top:2px solid #333;border-bottom:1px solid #ccc;text-align:center; background:#f9f9f9;overflow:hidden;} 
.view_tit1			{display:inline-block; padding:2px 14px;COLOR:#fff; background:#ff6600; word-break:keep-all;}
.view_tit2			{font-size:1.35em; line-height:140%; COLOR:#333; font-weight:bold;padding:10px 0  0 0;} 
.view_name			{color:#888;padding:10px 0 0 0; font-size:0.95em;}
 
.view_file 			{list-style:none;padding:8px 10px ;border-bottom:1px solid #ddd; }
.view_file li		{list-style:none;font-size:0.9em; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; } 
 
.view_content		{padding:30px 10px ; word-break:break-all; border-bottom:0 solid #ddd;} 
.view_content img	{max-width:100%;}
.view_content_text_size		{padding:5px 0 0 0; text-align:right;}


.view_com01 {font-size:10px;COLOR: #999999; font-family:Tahoma;} /*코멘트날짜표시*/
.view_bg {background-color:#F8E5F2} /*코멘트박스색깔*/

.write_title			{ text-align:center; color:#333; font-weight:500;padding:15px 0;  background: #f5f5f5; border-top:2px solid #333; }
.write_area			{width:100%;border-collapse:collapse;table-layout:fixed;}
.write01				{text-align:center; font-weight:normal;background:#f9f9f9; padding:12px  ;  width:15%; border-right:1px solid #ddd;border-top:1px solid #ddd;}
.write02				{padding:12px; border-top:1px solid #ddd;} 



.comment_box01		{margin:15px 0 0 0;border:1px solid #e5e5e5;padding:7px;background-color:#f7f7f7;height:105px;}
.comment_box02		{margin:15px 0 0 0;border:1px solid #e5e5e5;padding:7px;background-color:#f7f7f7;height:140px;}
.comment_txt		{padding:3px 0 0 0;}
.comment_txt dl		{margin:0;}
.comment_txt dt		{margin:0;float:left;width:90%;}
.comment_txt dd		{margin:0;float:right;}
.comment_txt dt textarea	{border:1px solid #cccccc;}

.comment_view				{margin:0 0 10px 0;border-top:1px solid #dfdfdf;padding:5px 0;}
.comment_view_name			{width:110px;float:left;padding:0 5px;line-height:130%;}
.comment_view_content		{margin:0 0 0 110px; background:url("../../../core/image/board/comment_line01.gif") repeat-y left top;padding:0 10px;}

   

 
 