@charset "utf-8";

legend, caption {
	width: 0;
	height: 0;
	overflow: hidden;
	/*visibility: hidden;*/
	text-indent:-9999px;	
	font-size: 0;
	line-height: 0;
}
table {    border-collapse: collapse;}
.t1 {
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 1em;
    font-size: 17px;
    text-align: center;
    }
.t1 tbody{
    font-weight: 400;
}
.t1 tbody tr {}
.t1 th {padding: 1em;font-weight: 600;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;background-color: #f2f2f2;font-size: var(--font-size);color: var(--color-main);}
.t1 tbody > tr > th{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    /* width: 16%; */
    font-size: 1em;
    font-weight: 500;
    }
.t1 tbody > tr > td{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1em;
    font-weight: 300;
    word-break: keep-all;
    line-height: 1.6;
    }
.t1 tbody > tr > td:last-child {text-align:left}
.t1 tbody > tr > td strong {font-weight:500;}
.t1 tbody > tr > td > span {font-weight: 500;
    color: #ef7800;}

@media screen and (max-width: 1000px) { 
	.t1 {width:100%}
	.t1 th {padding:1em 0.5em;}
	.t1 tbody > tr >th {width:16%}
	.t1 tbody > tr > td {padding: 1em 0.3em;}

	.mo1 thead {display:none;}
	.mo1 tbody tr{
    display: flex;
    flex-wrap: wrap;
}
	
	.mo1 tbody tr > th, .mo1 tbody tr > td {width:50%;}
	.mo1 tbody tr > th{border-left: 1px solid #ccc;}
	.mo1 tbody tr > td:last-child{width:100%;}
}

/** 컬러스타일 **/
table.c_pink {}
table.c_pink {
    border-top: 3px solid var(--color-point4);
}
table.c_pink thead th {
    background-color: var(--color-bg-point4);
}
table.c_green {border-top: 3px solid var(--color-point1);}
table.c_green thead th {background-color: var(--color-bg-point1);}
table.c_blue {}
table.c_gray {}
table.c_yellow {}

/** 라인스타일 **/

table.line_s1 {border-left:0; border-right:0;}
table.line_s1 tbody > tr > td:last-child, table.line_s1 thead th:last-child {border-right:0;}
table.line_s1 tbody > tr > td:last-child {border-left: 1px solid #ccc;}
table.line_s1 tbody th {/* border-right:0; */}


@media screen and (max-width: 1000px) { 
	table.mo tbody > tr > td:last-child{border-right:1px solid #ccc;}
}