/*Content CSS*/
#staff{overflow: hidden;}
section > article{padding: 100px 0 120px;}
section > article:nth-child(even){}
.sub_inner{margin: 0 auto; width: 100%; max-width: 1400px; padding: 0 50px;}

/* sub_font */
.fs_50{font-family: 'GmarketSans'; font-size: 50px; font-weight:700; display: flex; }
.dot::after{content: ''; display: inline-block; width: 12px; height: 12px; background-color: #034ea2; border-radius: 50%; position: relative; top:-12px; }

.fs_35{font-family: 'GmarketSans'; font-size: 35px; font-weight:700;}
.fs_18{font-size: 18px; color: #fff;}
.fs_17{font-size: 17px; line-height: 30px; color: #333;}
.bl{color: #034ea2;}
.rd{color: #e31010;}


.dot_list li{padding-left: 8px; position: relative; letter-spacing: -.36px;}
.dot_list li::before{content: ''; display: block; position: absolute; top: 14px; left: 0; width: 3px; height: 3px; background-color: #333; border-radius: 50%;}

.content{ margin-top: 50px;}

.table_wrap table{width: 100%; border-collapse: collapse; border: solid 1px #ddd; border-top: solid 3px #034ea2;}
.table_wrap table thead th{border: solid 1px rgba(255,255,255,.2); font-weight: 500; background-color: #000; padding: 16px;  text-align: center;}
.table_wrap table tbody{}
.table_wrap table tbody td{border: solid 1px #ddd; padding: 17px;}
.table_wrap table tbody td:first-of-type{text-align: center;}

#staff i{display: none; text-align: right; font-size: 27px; font-weight: 500; color: #000;}




td[rowspan] + td{text-align: center;}
colgroup col:nth-child(2){max-width: 247px;}

@media screen and (max-width:1280px){
    .fs_50{font-size: 45px;}
    .fs_35{font-size: 28px;}
    .fs_18{font-size: 16px;}
    .fs_17{font-size: 15px; line-height: 1.7;}
}


@media screen and (max-width:1024px){
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}

    /* sub_font */
    .fs_50{ font-size: 35px; justify-content: center;}

    .content{margin-top: 30px;}
    .sm_dot::before{top: 9px;}

    .table_wrap table thead th{padding: 13px;}
    .table_wrap .profile{display: block;}

    .table_wrap .profile > div{width: 100%; margin: 0 auto; text-align: center;}
    .table_wrap .profile > p{width: 100%; line-height: 1.6;}
    .table_wrap br:not(.space){display: none;}


    colgroup col:nth-child(2){width: 15% !important; min-width: 130px;}
    colgroup col:nth-child(n + 3){min-width: 250px;}
    #staff i{display: block;}
    .table_wrap{overflow-x: scroll;}
    .table_wrap table tbody td{padding: 13px}
    .dot_list li::before{top: 11px;}


}

@media screen and (max-width:640px){
    .sub_inner{padding: 0 20px;}
    .dot::after{width: 8px; height: 8px; top: -8px;}
    .fs_50{ font-size: 30px;}
    .content{margin-top: 20px;}
    .typo{margin-bottom: 20px;}
    .fs_35{font-size: 23px;}
    .fs_18{font-size: 14px;}
    .fs_17{font-size: 14px;}

    .table_wrap table thead th{padding: 10px;}
    colgroup col:nth-child(n + 3){min-width: 200px;}
    .dot_list li::before{top: 9px;}

}