@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;
    border-top: 2px solid var(--color-main2);
    }
.t1 tbody{
    font-weight: 400;
}
.t1 tbody tr {}
.t1 th {padding: 1em;font-weight: 600;border-bottom: 1px solid #eee;border-left: 1px solid #eee;background-color: var(--color-bg-gray);font-size: var(--font-size);}

.t1 tbody > tr > th{
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    width: 16%;
    font-size: 1em;
    font-weight: 600;
    }
.t1 tbody > tr > th:last-child {border-right:unset}
.t1 tbody > tr > td{
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 1.1rem 10px;
    color: #444;
    letter-spacing: -.5px;
    font-size: 17px;
    }
.t1 tbody > tr > td.left {text-align:left}
.t1 tbody > tr > td p {color: #444;}
.t1 tbody > tr > td:last-child {border-right:unset}
.t1 tbody > tr > td > span {font-weight: 500;
    color: #ef7800;}


@media screen and (max-width:767px) { 
	.t1 {width:100%}
	.t1 th {padding:1em 0.5em;font-size: 4.5vw;}
	.t1 tbody > tr >th {width: 22%;font-size: clamp(.95rem, 4.3vw, 1rem);}
	.t1 tbody > tr > td {padding: .5rem;font-size: 4.3vw;}

	.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%;}
}

.t2 {
    text-align: center;
    border-color: var(--color-main);
}
.t2 th {background-color: #fff9f2;font-weight: 500;border-bottom: 1px solid #eee;}
.t2 th:first-child {border-left:unset}
.t2 th:nth-last-child(2) {border-left:1px solid #eee}
.t2 td {border-left: 1px solid #eee;border-bottom: 1px solid #eee;font-size: 18px;} 
.t2 tbody td:first-child {border-left:unset}
.t2 tbody > tr > td:last-child {text-align:center;} 
.t2 ul {list-style-type: disc;text-align: left;}
.t2 li {
    margin-left: 1.5rem;
    word-break: keep-all;
}
.t2 li::marker {
    color: #2f6988;
    font-size: .9rem;
}
.t3 {border-color: var(--color-main2);}
.t3 th {background-color: #f8fbff;}
/** 컬러스타일 **/
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;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .t2 th {padding: 10px 5px;}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
	.t2 th, .t1 tbody > tr > td {font-size: 15px;padding: 10px;word-break: normal;}
	.overf {overflow: hidden; overflow-x: visible;}
    .overf table {width:800px;}
    .bz_info.overf table {width:600px}
    .bz_info .t1 tbody > tr > td {word-break: keep-all;}
    .t2 li {font-size:15px}

}