.history_list						{position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:50px 40px; }
.history_list:after					{content:''; display:block; clear:both;}
.history_list li					{position:relative;}
.history_list .mark					{position:absolute; top:-10px; left:15px; width:56px; height:40px; line-height:56px; text-align:center; background:#53b0de; color:#fff; z-index:2; font-size:0.95em;}
.history_list .mark em				{font-family: 'Jost', sans-serif; font-style:normal; font-size:28px; margin-right:2px; }
.history_list .mark:after			{position:absolute; top:25px; content: ''; display: block; border:28px solid #53b0de; z-index:-1; border-bottom:17px solid transparent;}
.history_list .mark:before			{position:absolute; right:-10px; content: ''; display: block; border-bottom:10px solid #3e81a3; border-right:10px solid transparent;}
.history_list figure				{position:relative; height:460px; box-shadow: 0 5px 8px 0px rgba(0,0,0,0.1); overflow:hidden;}
.history_list figure img			{width:100%; height:100%; object-fit:cover;}

.history_list .list_title			{font-family: 'S-CoreDream-5Medium'; color:#333; margin:25px 0 15px 0; font-size:1.3em; letter-spacing:-1px;}
.history_list dl					{margin:6px 0;}
.history_list dl dt					{font-weight:500; float:left; color:#333;}
.history_list dl dd					{padding-left:50px; color:#777;}


@media screen and (max-width:1024px) {
	.history_list					{grid-template-columns: repeat(2, 1fr); gap:30px 20px;}
	.history_list .mark				{width:46px; height:40px; line-height:45px;}
	.history_list .mark em			{font-size:23px; margin:0;}
	.history_list .mark:after		{top:20px; border:23px solid #53b0de; border-bottom:15px solid transparent;}
	.history_list dl				{margin:3px 0; font-size:0.95em;}
	.history_list .list_title		{margin:15px 0 10px 0; font-size:1.1em;}
}


@media screen and (max-width:768px) {
	.history_list					{grid-template-columns:none; gap:30px 0;}
	.history_list figure			{width:80%; height:auto; margin:0 auto;}	
}



/* 뷰페이지	 ======================================*/
.view_tit_wrap				{padding:15px;border-top:2px solid #333;border-bottom:1px solid #ccc;text-align:center; background:#f7f7f7;overflow:hidden;} 
.view_tit1					{display:inline-block; padding:2px 14px;COLOR:#fff; background:#ff6600; word-break:keep-all;}
.view_tit2					{font-size:18px; line-height:140%; COLOR:#333; font-weight:500;padding:8px 0  0 0;} 
.view_name					{color:#888;padding:4px 0 0 0; font-size:0.9em;}
 
.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;}



/* 폼	 ======================================*/
.write_title				{color:#111; font-weight:500; padding:12px 10px; text-align:center; background-color:#eeeeee; border-top:2px solid #5e5e5e; font-size:17px; }
.write_area					{width:100%; table-layout:fixed; }
.write01					{text-align:center; background:#f7f7f7; padding:8px; width:110px; border-right:1px solid #ddd; border-top:1px solid #ddd; font-size:0.95em;}
.write02					{padding:8px; border-top:1px solid #ddd; }


/* 보드 뷰페이지 이전, 다음글	 ======================================*/

.view_prev_group					{border-top:1px solid #ddd; }
.view_prev_group_li01				{overflow:hidden;border-bottom:1px solid #ddd;} 
.view_prev_group_li02				{overflow:hidden;border-bottom:1px solid #ddd;} 

.view_prev_tit1, .view_prev_tit2	{float:left;width:16%;text-align:center;padding:12px 0;background: #f7f7f7;}
.view_prev_txt						{float:left;width:84%;padding:12px 0;text-indent:10px;overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  }



@media screen and (max-width:580px) {
	.view_prev_tit1,
	.view_prev_tit2					{width:20%; font-size:0.9em;}
	.view_prev_txt					{width:80%;font-size:0.9em; }
}