@charset "utf-8";


/* table style template - 영양표시 템플릿 (테이블형) */
#item0106 .form_selectArea2 .left {
    width: 100%;
}
#item0106 .form_selectArea2 .left ul li.wd50 {
    width: calc((100% - 2em) / 2)
}
#item0106 .form_selectArea2 .left ul li.wd100 {
    width: 100%;
}

@media screen and (max-width: 800px) {
    #item0106 .form_selectArea2 .left ul li.wd50 {
        width: 100%;
    }
}

.table_St_tem {
    border-radius: 17px;
    overflow: hidden;
    padding: 1px;
    background: #e6e6ea;
    margin-top: 10px;
}

.table_St_tem .taRight {
    text-align: right;
}

.table_St_tem .taCenter {
    text-align: center;
}

.table_St_tem table {
    border-radius: 17px;
    overflow: hidden;
}

.table_St_tem th {
    background: #303038;
    color: #fff;
    font-family: 'Pretendard';
    font-size: 0.96331rem;
    font-weight: 600;
    line-height: 1.44494rem; /* 150% */
    letter-spacing: -0.08669rem;
    padding: 5px 10px;
}

.table_St_tem tbody tr {
    border-bottom: 1px solid #e6e6ea;
}

.table_St_tem tbody tr:last-child {
    border-bottom: none;
}

.table_St_tem tbody td {
    background: #FAFAFB;
    color: #586785;
    font-family: 'Pretendard';
    font-size: 0.96331rem;
    font-weight: 400;
    line-height: 1.30731rem; /* 135.714% */
    letter-spacing: -0.08669rem;
    padding: 5px 10px;
}

/* 들여쓰기 하는 경우 */
.table_St_tem tbody tr td .indentList {
    padding-left: 12px;
}

/* 그래픽형 */
.table_St_tem tbody td.graph_wrap {
    padding: 0;
    width: 40%;
}

.table_St_tem tbody .graph {
    width: 100%;
    height: 100%;
    padding: 0;
    flex-wrap: nowrap;
    gap: 0 !important;
}

.table_St_tem tbody .graph li {
    width: 20% !important;
    height: 31.82px;
    box-sizing: border-box;
    border-right: 1.5px dashed #e6e6ea;
}

.table_St_tem tbody .graph li:first-child {
    border-left: 1.5px solid #e6e6ea;
}

.table_St_tem tbody .graph li:last-child {
    border-right: 1.5px solid #e6e6ea;
}

/* 그래픽형의 색칠된 span, width 값은 html에서 '.w__p' 형태로 조절, common.css에 통일해놓은 값을 사용함(10% 간격) */
.table_St_tem tbody .graph li span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #46495c3d;
}

.table_St_tem .table_St_tem02 tbody tr td .indentList {
    margin-top: 8px;
}

.table_St_tem .table_St_tem02 tbody tr td.taRight {
    width: 15%;
    min-width: unset;
}

.table_St_tem .table_St_tem03 tbody tr td.taCenter {
    background: #46495c3d;
    width: 30%;
}

.table_St_tem .table_St_tem03 tbody tr td span.taRight {
    float: right;
}

.table_St_tem .table_St_tem04 thead tr:nth-child(1) th {
    padding-top: 10px;
}

.table_St_tem .table_St_tem04 thead tr:nth-child(2) th {
    padding-top: 0;
    line-height: 100%;
}

.table_St_tem .table_St_tem05 tr td.br1 {
    border-right: 1px solid #e6e6ea;
}

.table_St_tem .table_St_tem06 tr td.br1 {
    border-right: 1px solid #e6e6ea;
}

.table_St_tem .table_St_tem07 thead tr:nth-child(1) th {
    border-bottom: 1px solid #fff;
}

.table_St_tem .table_St_tem07 thead tr:nth-child(2) th {
    width: calc(100% / 9);
    text-align: center;
    border-right: 1px solid #fff;
    font-weight: 400;
}

.table_St_tem .table_St_tem07 thead tr:nth-child(2) th:last-child {
    border-right: none;
}

.table_St_tem .table_St_tem07 td {
    border-right: 1px solid #e6e6ea;
}

.table_St_tem .table_St_tem07 td:last-child {
    border-right: none;
}

.table_St_tem .table_St_tem07 td span.taRight {
    float: right;
}

#item0106 .form_selectArea2 .left ul li.wd100 .table_St_tem {
    overflow: auto;
}

#item0106 .form_selectArea2 .left ul li.wd100 .table_St_tem .table_St_tem07 {
    min-width: 555px;
}