.sub_navi li a {
    /* font-size: 0.8em; */
    letter-spacing: -0.4px;
    word-spacing: -0.4px;
}
.sub_navi li {
    width: 12%;
}

.stt{
	font-size: 17px;
    color: #444;
	font-weight:bold;
	margin-bottom:5px;
}
.stt1{
	font-size: 17px;
    color: #444;
	font-weight:bold;
  margin-bottom:5px;
  margin-left: 12px;
}
.ttb{
    width: max-content;
    border: 2px solid;
    border-spacing: 0;
    border-collapse: collapse;
}

.ttb td, .ttb th{
	border:1px solid;
	text-align:center;
	padding:5px;
}
.ttb tr>td:nth-of-type(2){
	text-align:left;
}
.ttb caption{
	width: max-content;background: lightblue;color: #000;font-weight: bold;    letter-spacing: 2px;margin:5px auto 5px auto;border-radius: 20px;padding:5px 20px;font-size:14px;
}

.ttb2 , .ttb3 , .ttb4{
	min-width:640px;
	
}
.ttb2 th, .ttb3 th, .ttb4 th{
	font-size:16px;
	color:#fff;
	border-color:#000;
}
.ttb2 th , .ttb4 th{
	background: darkgreen;
}
.ttb3 th{
	background: saddlebrown;
}
.ttb2 td, .ttb3 td, .ttb4 td{
	text-align:center !important;
	font-weight:600;
	font-size:14px;
}
.ttb2 tr>td:nth-of-type(1),.ttb3 tr>td:nth-of-type(1){
	background:#eee;
}
.ttb3 tbody>tr:last-of-type td{
	color:crimson;

}
.ttb3{
	margin-top:30px;
}

.그리드f{
	display: grid;
    grid-template-columns: repeat(2, 2fr);
    max-width: 100%;
  /* grid-column-gap:15px; */
  grid-gap: 20px;
	text-align:Center;
}
.그리드g{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
    max-width: 75%;
	grid-column-gap:15px;
	text-align:Center;
}
.그리드g img, .그리드f img{ 
	max-width:100%;
}
.그리드f>div>div:nth-of-type(1){
	margin-bottom:5px;
	border:1px solid black;
}
.그리드g{
	text-align:left;
}
.그리드g>div{
  border: 1px solid #aede51;
  background: #ffffff;
}
.그리드g>div>div:nth-of-type(1){
	font-size:16px;
	/* border-bottom:1px solid; */
	padding:3px 5px;
	display:grid;
  grid-template-columns:1fr auto;
  border: 1px solid #aede51;
}
.그리드g>div>div:nth-of-type(2){
	padding:10px;
	font-size:14px;
	line-height:1.4
}
.그리드g>div>div:nth-of-type(1)>span:nth-of-type(1){
	color:#000000;
	font-weight:bold;
	
}

@media screen and (max-width: 960px) {
	.ttb{

		border: 0;
        max-width: 100%;
        width: 100%;
        overflow-x: scroll;
        display: block;
	}
	.ttb td , .ttb th {
		white-space: nowrap;
	}
	.ttb tbody{
		
	}
	
	
	.그리드f{
		
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap:20px;
	}

}