@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-top: 2px solid var(--color-main);
    /* border-bottom: 1px solid #ddd; */
    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: 500;/* border-bottom: 1px solid #ccc; *//* border-right: 1px solid #ccc; */background-color: var(--color-bg-green);font-size: var(--font-size);}

.t1 tbody > tr > th{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 16%;
    font-size: 1em;
    font-weight: 400;
    }
.t1 tbody > tr > td{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0.6em;
    word-break: keep-all;
    font-size: 16px;
    }
.t1 tbody > tr > td:last-child {text-align:left;border-right:unset}

.t1 tbody > tr > td > span {font-weight: 500;
    color: #ef7800;}

.table.s2 {}
.table.s2 tr {}
.table.s2 tr.bold {
    font-weight: 600;
    text-align: center;
}
.table.s2 tr td{
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
}
.table.s2 tr.bold td{}
.table.s2 tr td div {}
.table.s2 tr td div.img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.table.s2 tr td div.img img {
    height: 100%;
    max-width: 100%;
}
.table.s2 tr td.img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 260px;
    overflow: hidden;
}

.t2 {
    text-align: center;
    width: 100%;
}
.t2 th {padding: 1rem 0;background-color: #f4f7f8;font-weight: 500;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;
		border-top: 2px solid var(--color-main2);}
.t2 th:nth-of-type(1) {
    width: 20%;
}
.t2 th:last-of-type {border-right:none}
.t2 td {padding: 5px;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;font-size: 18px;font-weight: 300;} 
.t2 td:last-of-type {text-align:left; border-right:none} 
.t2 ul {list-style-type: disc;}
.t2 li {
    margin-left: 1.5rem;
    word-break: keep-all;
}
.t2 li::marker {
    color: #2f6988;
    font-size: .9rem;
}
.tb_layout {
    width: 100%;
    border-spacing: 0;
}
.tb_layout thead {position:relative;z-index: 1;text-align: center;}
.tb_layout thead:after{
	content: '';
	display: block;
	background-color: var(--color-bg-gray);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: .5rem;
	z-index: -1;
}
.tb_layout th {
    margin: .5rem;
    height: 3.5rem;
    min-width: 100px;
    position: relative;
    font-weight: 500;
    padding: 1rem;
    word-break: keep-all;
}
.tb_layout th:after, .tb_layout td:after {content:"";position: absolute;width:1px;height: calc(100% - 10px);background-color: rgb(0 0 0 / 7%);left: 0;top: 50%;transform: translateY(-50%);}
.tb_layout tbody th:before, .tb_layout td:before {content:"";position: absolute;width: calc(100% - 10px);height:1px;background-color: rgb(0 0 0 / 7%);left:50%;bottom:0;transform:translateX(-50%)}
.tb_layout tbody th {color:var(--color-main);font-weight: 500;}
.tb_layout td {
    text-align: center;
    /* height: 4rem; */
    position:relative;
    padding: 1rem;
    line-height: 1.5;
    font-size: 16px;
    word-break: keep-all;
}
.tb_layout th:nth-of-type(1)::after {display:none;}
.tb_layout td:first-child::after {}
.tb_layout .t_left {text-align: left;}

span.txtbg {background-color: var(--color-bg-green);display: block;border-radius: 6px;padding: .5rem;margin-top: 5px;}
.dl_table {display: table;
    width:100%;}
.dl_table dl {
    display: table-row;
    width: 100%;
    }
.dl_table dt, .dl_table dd {
    display: table-cell;
    height: 4rem;
    vertical-align: middle;
    position: relative;
    }
.dl_table dt {
    margin: .5rem;
    min-width: 100px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    z-index: 1;
    width: 25%;
    }
.dl_table dt:before {
	content: '';
	display: block;
	background-color: var(--color-bg-green);
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: .5rem;
	z-index: -1;
}
.dl_table dd {
    padding: 1rem;
    line-height: 1.5;
    font-size: 16px;
    word-break: keep-all;
}
.dl_table dd:before {content:"";position: absolute;width: calc(100% - 10px);height:1px;background-color: rgb(0 0 0 / 7%);left:50%;bottom:0;transform:translateX(-50%)}

/** 컬러스타일 **/
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; */}


.tb_f {
    font-size: 16px;
    width: 100%;
    font-weight: 400;
    color: #000;
}
.tb_f th {padding: 1rem;font-size: 17px;line-height: 2;font-weight: 500;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.tb_f td {padding:1rem;border-right: 1px solid #ddd;text-align: center;border-bottom: 1px solid #ddd;line-height: 1.4;letter-spacing: -.5px;}
.tb_f th:last-child, .tb_f td:last-child {border-right:unset}
.tb_f thead th {background-color: #fff;border-top: 1px solid var(--color-main);border-bottom:unset}
.tb_f span {color:var(--color-main2); font-weight:700}
.tb_f th.bo_r, .tb_f td.bo_r {border-right:1px solid #ddd}
td.txt_l {text-align: left;}

/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1400px)  {
	.tb_layout th, .tb_layout td {min-width:auto;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media (max-width: 1023px) {
	.tb_layout td br {/* display:none; */}
	.dl_table dt {width:30%; word-break:keep-all; padding:10px}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
	.tb_layout th, .tb_layout td {font-size: clamp(.9rem, 4.2vw, 1rem);padding: 1rem .5rem;}
	.dl_table dl {margin-bottom:1rem;display: block;}
	.dl_table dt {font-size: clamp(.9rem, 4.4vw, 1.2rem);width: 100%;/* display: inline-flex; */justify-content: center;align-items: center;height: 3rem;margin: 0;padding: 0 10px;}
	.dl_table dt:before {width:100%; left:0}
	.dl_table dd {font-size: clamp(.9rem, 4.2vw, 1rem);width: 100%;display: block;height: auto;padding: .5rem 0;}
	.dl_table dd:before {width:100%}
	.dl_table dl:last-of-type dd:before {display:none}
}