.list_skin1 { display:flex; padding: 30px 0; }
.list_skin1 .titleBox {
flex:1; margin-right: 15px; display:flex; flex-direction:column; 
font-family: 'Roboto','Noto Sans KR',sans-serif !important;
}
.list_skin1 .titleBox > * { font-family: inherit; }
.list_skin1 .titleBox .title { font-size: 40px; color: #222; line-height: 1.3em; padding-right: 2.8em; }
.list_skin1 .titleBox .text1 { font-size: 18px; color: #999; margin-top: 0.5em; }
.list_skin1 .titleBox .more1 { margin-top: auto; color: #222; font-size: 24px;  }
.list_skin1 .titleBox .more1 a { display: inline-block; border-bottom: 1px solid #222; line-height: 1.4em; font-weight: 500; }
.list_skin1 .itemBox { flex:2; display:flex; }
.list_skin1 .itemBox > li { flex:1; margin-right: 15px; font-size:22px; font-family: 'Roboto','Noto Sans KR',sans-serif !important; }
.list_skin1 .itemBox > li * { font-size: inherit; color: inherit; font-family: inherit; }
.list_skin1 .itemBox > li:last-child { margin-right: 0; }
.list_skin1 .itemBox > li > a { display: block; background: #eee; padding: 2.1em 1.66em; position: relative; color: #000; transition:0.4s; }
.list_skin1 .itemBox > li > a .title { line-height: 1.4em; font-weight: 500; } 
.list_skin1 .itemBox > li > a .sub_title { font-size: 17px; padding-top: 2.5em; font-weight: 500;}
.list_skin1 .itemBox > li > a .text_date { font-size: 15px; padding-top: 2.5em; font-weight: 500; }
.list_skin1 .itemBox > li > a .plus { 
background: #fff; width: 3.3333em; height: 3.3333em; position: absolute; right: 0; bottom: 0;
display:flex; justify-content:center; align-items:center;
}
.list_skin1 .itemBox > li > a .plus > span { display: block; width: 62.5%; height: 62.5%; position: relative; }
.list_skin1 .itemBox > li > a .plus > span:before,
.list_skin1 .itemBox > li > a .plus > span:after {
content: ''; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); background: #000;
}
.list_skin1 .itemBox > li > a .plus > span:before { width: 100%; height: 2px; }
.list_skin1 .itemBox > li > a .plus > span:after { width: 2px; height: 100%; }

/* hover */
.list_skin1 .itemBox > li > a:hover { color: #fff; background: #46bfb0; }

@media (max-width:991px) {
	.list_skin1 .titleBox .title { font-size: max(24px,5.55vw); }
	.list_skin1 .titleBox .text1 { font-size: min(3.71vw,16px); }
	.list_skin1 .titleBox .more1 { font-size: min(3.43vw,22px);  }
	.list_skin1 .itemBox > li { font-size: min(4.29vw,22px); }
	.list_skin1 .itemBox > li > a { padding: 2em 0.8em; }
	.list_skin1 .itemBox > li > a .title { padding-bottom: 2em; }
	.list_skin1 .itemBox > li > a .text_date { font-size: min(3.43vw,15px); padding-top: 1.5em;  }
	.list_skin1 .itemBox > li > a .plus { font-size: 0.8em; }
	.list_skin1 .itemBox > li > a .plus > span { width: 50%; height: 50%; }
}
@media (max-width:768px) {
	.list_skin1 { flex-wrap:wrap; gap:min(8.57vw,40px) 0; }
	.list_skin1 .titleBox { flex:auto; width: 100%; margin-right: 0; flex-direction:row; flex-wrap:wrap; }
	.list_skin1 .titleBox .title { width: 100%; font-size:35px; padding:0px;}
	.list_skin1 .titleBox .more1 { margin-left: auto;}
	.list_skin1 .itemBox { flex:auto; width: 100%; flex-wrap:wrap; gap:min(8.57vw,40px) 0; }
	.list_skin1 .itemBox > li { font-size:20px; flex:auto; width: 100%; margin-right: 0; }
    .list_skin1 .itemBox > li > a .sub_title { font-size: 16px;}
    .list_skin1 .itemBox > li > a .text_date { font-size: 15px;}
    
}