.template-05{
padding: var(--section-gap) var(--pad-space) 0 var(--pad-space)
}
.template-05>div{
width: 100%;
max-width: 1250px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
grid-gap: 0px;
}
.template-05-header{
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
}
.template-05-header h5{
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 500;
color: var(--main-color);
margin: 0;
line-height: 1.5em;
}
.template-05-header h6{
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 500;
color: #000000;
margin: 0;
line-height: 2em;
}
.template-05-header p{
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
color: #000000;
margin: 0;
line-height: 2em;
}
.template-05-date>p{
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
text-align: right;
}
.template-05-content th,
.template-05-content td{
border:unset;
border-block-start: unset !important;
width: 33.333%;
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
height: 95px;
text-align: center;
vertical-align: middle;
}
.template-05-content th{
color: white;
font-weight: 500;
}
.template-05-content table{
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
.template-05-content thead{
border: 2px solid var(--main-color);
border-bottom: unset;
}
.template-05-content thead tr th{
background-color: var(--main-color);
}
.template-05-content thead tr th:first-child {
width: 40%;
}
.template-05-content thead tr th:not(:first-child) {
width: 30%;
}
.template-05-content tbody tr td:first-child{
border-left: 2px solid #DBDBDB;
}
.template-05-content tbody tr td:last-child{
border-right: 2px solid #DBDBDB;
}
.template-05-content tbody tr:last-child td{
border-bottom: 2px solid #DBDBDB;
}
.template-05-content thead th:first-child{
border-radius: 20px 0 0 0;
}
.template-05-content thead th:last-child{
border-radius: 0 20px 0 0;
}
.template-05-content tbody tr:last-child td:first-child{
border-radius: 0 0 0 20px;
}
.template-05-content tbody tr:last-child td:last-child{
border-radius: 0 0 20px 0;
}
.template-05-content tbody tr td:nth-child(odd) {
background-color: #F7F7F7;
}
.template-05-content tbody tr td:nth-child(even) {
background-color: #E8E8E8;
}
.template-05-content tbody tr:not(:last-child) td{
border-bottom: 2px solid #DBDBDB;
}
.template-05-content thead th:not(:last-child) {
border-right: 2px solid white;
}
.template-05-content tbody td:not(:last-child) {
border-right: 2px solid #DBDBDB;
}
.template-05-content a{
background: white;
border: 1px solid #707070;
padding: 8px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin: 0 auto;
}
.template-05-dowlink{
display: flex;
justify-content: center;
margin-top: 60px;
}
.template-05-dowlink a{
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
background: white;
padding: 11px 40px;
border-radius: 100px;
text-decoration: unset !important;
border: 2px solid #707070;
position: relative;
overflow: hidden;
transition: all .5s;
}
.template-05-dowlink a span{
transition: all .5s;
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: black !important;
z-index: 1;
line-height: 1em;
}
.template-05-dowlink a::before {
content: "";
position: absolute;
width: 120%;
height: 120%;
z-index: 0;
background: var(--main-color);
top: 120%;
left: 50%;
transform: translateX(-50%);
transition: all .5s;
}
.template-05-dowlink a:hover::before{
top: -10%;
}
.template-05-dowlink a:hover{
border: 2px solid var(--main-color);
}
.template-05-dowlink a:hover span{
color: white !important;
}
@media only screen and (max-width:767px){
.banner-description-box {
width: auto;
max-width: 85%;
}
}
@media only screen and (max-width:600px){
.template-05-content thead th:first-child{
border-radius: 10px 0 0 0;
}
.template-05-content thead th:last-child{
border-radius: 0 10px 0 0;
}
.template-05-content tbody tr:last-child td:first-child{
border-radius: 0 0 0 10px;
}
.template-05-content tbody tr:last-child td:last-child{
border-radius: 0 0 10px 0;
}
.template-05-content th, .template-05-content td{
padding: 15px 5px;
height: auto;
font-size: 13px;
}
.template-05-content{
overflow:auto;
}
.template-05-content table {
width: 100%;
max-width: 600px;
}
.template-05-content tr th:first-child,
.template-05-content tr td:first-child{
width: 170px !important;
position:sticky;  
left: 0;
z-index:2;
}
.template-05-content tr th:not(:first-child),
.template-05-content tr td:not(:first-child){
width: 100px !important;
}
.template-05-dowlink{
margin-top: 50px;
}
}