@charset "utf-8";

/* table dafault */
table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background-color:#fff;
    border-spacing: 0;
}
table caption {    
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

table td,
table th {
    border: 1px solid #ddd;
    box-sizing:border-box;
    word-break:break-all;
    line-height:1.5;
}
table th {padding:10px 2px;}
table td { text-align:center;padding:10px 2px;}
table thead + tbody {}
table thead th,
table tbody th {text-align: center;}
table + div,
table + ul,
table + ol { margin-top:10px;}
table thead th {
    background-color:#f7f7f7;
    text-align: center;
}
table thead .th-depth2 {
    /* background-color:#f9f9f9; */
}

table tfoot tr th,
table tfoot tr td{ border-top:1px solid #1c226c;}
table tfoot th,
table tfoot td { font-weight:600;}
table tfoot th,
table thead + tbody th,
table tfoot + tbody th {
    background-color: #f1f3f9;
    text-align:center;
}
table tbody th {
    background-color:#f7f7f7;
}
table thead + tbody .th-depth2 {
    background-color: #f1f3f9;
}

/* tbl(tbl-style1합침) */
.tbl {
    display:block;
    overflow: hidden;
    width: 100%;
    padding:0 1px 0 0;
    border-top:2px solid #1c226c;border-bottom:1px solid #1c226c;
    box-sizing:border-box;
}

.tbl > table {
   margin:0 -1px 0 0;
}

/* kk_table : 웹에디터 생성 테이블 */
.kk_table {border-top:2px solid #1c226c !important;border-bottom:1px solid #1c226c !important;}
.kk_table td,
.kk_table th {
    border: 1px solid #ddd !important;
    box-sizing:border-box;
    word-break:break-all;
    line-height:1.5;
}

.tbl-group {
    overflow: hidden;
}
.align-l {
    text-align: left !important;
}
.tbl-centered>table>tbody>tr>td {
    text-align: center;
}
.tbl-righted>table>tbody>tr>td,
.tbl-righted>table>tfoot>tr>td {
    text-align: right;
    padding-right:10px;
}
.tbl-lefted>table>tbody>tr>td {
    text-align: left;
    padding-left:10px;
}
.bul + .tbl {margin-top:20px;}

/* scroll */


@media screen and (max-width:1024px) {
    .scroll-tbl-wrap,
    .scroll-wrap {
        display:block;
        position: relative;
        width: 100%;
    }
    .scroll-tbl-wrap .tbl,
    .scroll-tbl-wrap > div,
    .scroll-wrap > div{
        position: relative;
        width: 100%;
        overflow-x: auto;
    }
    .scroll-tbl-wrap .tbl table,
    .scroll-tbl-wrap > div table,
    .scroll-wrap > div table,
    .scroll-wrap > div > iframe{
        position: relative;
        width:100%;
        min-width:480px;
        max-width:1280px;
    }
    .scroll-wrap:before,
    .scroll-tbl-wrap:before {
        content: "";
        display: none;
        position: absolute;
        top:4px;
        right: 0;
        z-index:999;
        width:43px;height:12px;
        color: #333;
        font-size:14px;
        background:url("/humanframe/globaltheme/assets/image/common/hint-table-scroll.png") no-repeat 0 0;
    }
    .scroll-wrap:after,
    .scroll-tbl-wrap:after {
        content: "";
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 12px;
        background-image:url("/humanframe/globaltheme/assets/image/common/scroll-gradient-white.png");
        background-repeat:repeat-y;
        background-size:100% auto;       
    }
}

@media screen and (max-width:912px) { 
    .wide .scroll-tbl-wrap .tbl table,
    .wide .scroll-tbl-wrap > div table,
    .wide .scroll-wrap > div table,
    .wide .scroll-wrap > div > iframe,
    .scroll-wrap > div > iframe {      
        width:auto;
        min-width:912px;
        max-width:1280px;
    }
    .scroll-wrap:before,
    .wide .scroll-wrap:before,
    .wide .scroll-tbl-wrap:before { display:block;}
    .scroll-wrap:after,
    .wide .scroll-wrap:after,
    .wide .scroll-tbl-wrap:after {display:block;}

    
}

@media screen and (max-width:480px) { 
    .scroll-tbl-wrap:before { display:block;} 
    .scroll-tbl-wrap:after {display:block;}
    .scroll-tbl-wrap .tbl table,
    .scroll-tbl-wrap > div table,
    .scroll-wrap > div table {
        width:auto;
        min-width:480px;
        max-width:1280px;
    }
}

.tbl-wrap { display:block;position:relative;}
.tbl-head {display:block;position:relative;/*min-height:30px;*/}
.tbl-head .tbl-unit {display:inline-block;position:absolute;right:0;/*top:-24px;*/bottom:10px;font-size:15px;line-height:1;/*position:absolute;right:0;bottom:10px;*/}
.tbl-head .tbl-unit:before { content:"(";display:inline-block;}
.tbl-head .tbl-unit:after { content:")";display:inline-block;}
.tbl-head .tbl-txt,
.tbl-head .tbl-title { display:block;position:relative;margin-right:100px;}
.tbl-head .tbl-txt + .tbl-unit { top:auto;}
.tbl-foot {display:block;overflow:hidden;position:relative;text-align:right;margin-top:10px;}
.tbl-foot .tbl-from { display:inline-block;float:right;position:relative;min-height:15px;font-size:15px;vertical-align:middle;line-height:1;}
.tbl-foot .tbl-from:before { content:"- ";}
.tbl-foot .tbl-from:after { content:" -";}

.h5 + [class^="tbl"],
.h5 ~ [class^="tbl"],
.h5 ~ .txt-wrap,
.h5 + .h5-content { margin:10px 0 10px 12px;}
.h6 + [class^="tbl"],
.h6 + .h6-content { margin:10px 0 10px 17px;}

table tr td.al,
table tr th.al { padding-left:15px;}
table tr .al [class^="list"] { margin-left:0;}
table tr td.ar,
table tr th.ar { padding-right:15px;}
.board-data-list table tbody td.al {padding-left:15px;}
.dataline tr td,
.dataline tr th { border-right:1px solid #cccccc;}
.dataline tr td:last-child,
.dataline tr th:last-child { border-right:0;}

table td [class^="list"] > li {padding-bottom:4px;}
.section4 .section4-head.noline + .section4-body > .tbl-wrap,
.section4 .section4-head.noline + .section4-body > .tbl{margin-top:0;}

@media only screen and (max-width:768px){
    .h5 + [class^="tbl"], .h5 ~ [class^="tbl"],
    .h5 ~ .txt-wrap, .h5 + .h5-content {margin-left:0;}
    .tbl-head { min-height:20px;}
}

.new_tb_type{ max-width:1000px; margin:0 auto; }
.new_tb_type caption{ position:absolute;left:-9999px; top:-9999px; width:1px; }
.new_tb_type .tit{ display:block; font-size:24px; text-align:center; color:#000;padding:15px 0; }
.new_tb_type .info_tb{ border:1px solid #000; border-width:1px 0; padding:2px 0; }
.new_tb_type .info_tb table{ border-top:1px solid #000; width:100%; }
.new_tb_type .info_tb table th{ border-bottom:1px solid #000; border-right:1px solid #000; font-size:16px;  padding:5px 10px;}
.new_tb_type .info_tb table td{ border-bottom:1px solid #000; font-size:15px; padding:5px 10px; text-align: left;}
.new_tb_type .info_tb table td *{ font-size:15px; }
.new_tb_type .info_tb table td ul li{ margin-top:5px; }
.new_tb_type .info_tb table td ul li:first-child{ margin-top:0 }

.new_tb_type .checkStyle{ font-size:0; margin:-5px 0 0 -15px; }
.new_tb_type .checkStyle .form-radio label:after,
.new_tb_type .checkStyle .form-radio label:before { border-radius:0 !important; }
.new_tb_type .checkStyle .form-radio { display: inline-block;vertical-align:middle; margin:5px 0 0 16px; }
.new_tb_type .checkStyle .form-radio label{ font-size:15px; }