@charset "utf-8";

.t_wrap { margin-top: 60px; }
.t_wrap:first-child { margin-top: 0px; }
.t_wrap .top { position: relative; margin-bottom: 10px; padding-top: 50px; display: flex; justify-content: space-between; align-items: flex-end; }
.t_wrap .top > h4 { position: absolute; top: 0; left: 0; font-size: 26px; font-weight: 700; color: var(--gray-33); }
.t_wrap .top > .b_text { font-size: 14px; font-weight: 400; color: var(--gray-33); }
.t_wrap .top > .s_text { font-size: 14px; font-weight: 400; color: var(--gray-33); }

.t_wrap .table_wrap { border-radius: 10px; border: 1px solid var(--border-color); overflow: hidden; }
table thead { width: 100%; background: var(--gray-fa); }
table thead tr { width: 100%; border-top: 1px solid var(--border-color); }
table thead tr:first-child { border-top: 0; }
table thead tr th { padding: 25px 0; font-size: 17px; color: var(--gray-11); border-right: 1px solid var(--border-color); }
table .br00 { border-right: 0px solid var(--border-color); }

table tbody { width: 100%; }
table tbody tr { width: 100%; }
table tbody tr td { padding: 25px 0; border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); }
table tbody tr td:last-child { border-right: 0; }
table tbody tr td.title { padding: 15px; font-size: 17px; background: var(--gray-fa); font-weight: 700; color: var(--sub-01); text-align: center; }
table tbody tr td.text { padding: 15px; font-size: 17px; font-weight: 400; color: var(--gray-55); text-align: center; word-break: keep-all; }

table .text_none { text-indent: -9999em; }

/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){

    .t_wrap { margin-top: 40px; }
    .t_wrap .top { margin-bottom: 10px ; }
    .t_wrap .top > .b_text { padding-left: 10px; font-size: 15px; }
    .t_wrap .top > .b_text::before { width: 3px; height: 3px; }
    .t_wrap .top > .s_text { font-size: 13px; }
    
    .t_wrap .table_wrap { overflow: scroll; }
    table { min-width: 700px; }
    table thead tr th { padding: 10px 0; font-size: 13px; }

    table tbody tr td { padding: 10px 0; }
    table tbody tr td.title { font-size: 13px; }
    table tbody tr td.text { padding: 10px; font-size: 13px; }
    
}

/* 767px or less */
@media all and (max-width : 767px){

    .t_wrap { margin-top: 30px; }
    .t_wrap .top > .b_text { font-size: 12px; }
    .t_wrap .top > .s_text { font-size: 10px; }

}