/*Content CSS*/
#business2{overflow: hidden;}
section > article{padding: 100px 0;}
section > article:nth-child(even){background-color: #f7f7f7;}
.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_22{font-family: 'GmarketSans'; font-size: 22px; font-weight:500; margin-top: 15px; border-bottom: solid 1px #ddd; margin-bottom: 55px; padding-bottom: 60px;}

.fs_18{font-size: 18px; color: #fff;}
.fs_17{font-size: 17px; line-height: 30px; color: #333;}

.typo{display: flex; align-items: center; margin-bottom: 35px;}

.sm_dot{padding-left: 10px; position: relative; letter-spacing: -.36px; margin-left: 20px;}
.sm_dot::before{content: ''; display: block; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background-color: #303030; border-radius: 50%;}

.bl{color: #034ea2;}

.sec2 .content, .sec3 .content{margin-top: 50px;}
.content + .content{margin-top: 100px;}

.table_wrap{margin-top: 35px;}
.table_wrap table{width: 100%; text-align: center; border-collapse: collapse; border-top: solid 3px #034ea2; background-color: #fff;}
.table_wrap table thead th{border: solid 1px rgba(255,255,255,.2); font-weight: 500; background-color: #000; padding: 16px;}
.table_wrap table tbody{}
.table_wrap table tbody td{border: solid 1px #ddd; padding: 10px;}
.table_new + .table_new{margin-top: 30px;}
#business2 i{display: none; text-align: right; font-size: 27px; font-weight: 500; color: #000;}

.sec3 .fs_22{border: 0; padding-bottom: 0;}

/* .sec2 .table_wrap:not(.table_new) tbody tr:nth-of-type(-n + 2){background-color: #f7f7f7;} */
.info_box{ margin-top: 10px; position: relative;}
.info_box p{color: #000; font-weight: 400; line-height: 1.7;}

.loading{text-align: center; padding: 80px 50px !important; background-color: #999; color: #fff; margin-top: 35px; }


@media screen and (max-width:1280px){
    .fs_50{font-size: 45px;}
}


@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;}

    .fs_22{margin-bottom: 30px; padding-bottom: 40px; text-align: center; font-size: 20px; margin-top: 10px;}
    .sm_dot::before{top: 9px;}
    .fs_35{font-size: 28px;}
    .fs_18{font-size: 16px;}
    .fs_17{font-size: 15px; line-height: 1.7;}
    .table_wrap table thead th{padding: 13px;}

    .typo{margin-bottom: 25px;}
    .table_wrap{margin-top: 25px;}
    .loading{margin-top: 25px;}
    .content + .content{margin-top: 50px;}
    .sec2 .content, .sec3 .content{margin-top: 30px;}



}
@media screen and (max-width:840px){
    .table_wrap{overflow-x: scroll;}
    .content{position: relative;}

    #business2 i{display: block; position: absolute; top: 0; right: 0}
    #business2 .sec1 i{top: initial; bottom: 0;}
    #business2 .sec3  i{position: relative;}
    .sec2 .fs_22{margin-bottom: 0;}
    .table_wrap table tbody td{min-width: 120px;}
    .sec2 .table_wrap table tbody td:first-child{min-width: 50px;}
}

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

    .typo{display: block;}
    .sm_dot{margin-left: 0; margin-top: 5px;}

    .table_wrap table thead th{padding: 10px;}
    .table_wrap{margin-top: 0;}
    .loading{margin-top: 15px;}

    .content + .content{margin-top: 40px;}

    #business2 i{display: block; position: relative; text-align: right;}


}