/* common */
#c3_wrap .c_inner { width: 100%; max-width: 1600px; margin:0 auto; position: relative; padding:0 50px;}
/* #c3_wrap .c_tit {display: flex; align-items: flex-start; } */
#c3_wrap .c_tit h2::after {content: ''; display: block; width: 101px; height:7px;  background: #fff; margin:17px 0 0;}
#c3_wrap .c_tit p {margin-top:40px;}
/* font size */
#c3_wrap .fs_55 {font-size: 55px; font-weight: 700; color:#fff; line-height: 1.2; }
#c3_wrap .fs_24 {font-size: 24px; font-weight: 400; color:#fff; line-height: 1.7; letter-spacing: -.72px;}

/* btn */
#c3_wrap .c_btn a { display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; transition: all .3s; border-radius: 10px;
background:url("../img/c3_btn.png") 50%/contain no-repeat;}
#c3_wrap .c_btn a i {display: block; width:32px; height: 32px; background:url("../img/c3_btn_plus.png") 50%/contain no-repeat; transition: all .3s; }
@media screen and (min-width: 1025px) {
    #c3_wrap .c_btn a:hover {background-image: url("../img/c3_btn_hv.png"); }
}
#c3_wrap .c_btn.mob {display: none;}

/*Content CSS*/
#c3_wrap {overflow: hidden; background:url("../img/c3_bg.jpg") 50%/cover no-repeat; padding: 100px 0 120px; }
#c3_wrap .top {display: flex;  align-items:flex-end; justify-content: space-between; margin-bottom: 45px;}
#c3_wrap .btn_wrap {display: flex; align-items: flex-end; flex-direction: column; }

#c3_wrap .tab {display: none;}
#c3_wrap .tab.active {display: block;}
#c3_wrap .tab_btns {display: flex; text-align: center; align-items: center; margin-top: 50px;}
#c3_wrap .tab_btns li {display: flex; align-items: center;}
#c3_wrap .tab_btns li::after {content: '';display: block; width: 1px; height: 17px; background-color: rgba(246,246,246,.4); margin: 0 45px;}
#c3_wrap .tab_btns li:last-child::after {display: none;}
#c3_wrap .tab_btns a {display: block; white-space: nowrap; font-size: 22px; font-weight: 500; color:rgba(255, 255, 255, .4); transition:color .3s;
line-height: 1.1;  position: relative; cursor: pointer; letter-spacing: -.66px;}
#c3_wrap .tab_btns a.active {color: #fff; }
#c3_wrap .tab_btns a:hover {color:#fff; }

/* table */
#c3_wrap .c_table table { width: 100%; border-collapse: collapse; border-top: 2px solid #fff; text-align: center; }
#c3_wrap .c_table table thead th { background: rgba(255,255,255,.1); padding:17px 10px; border-bottom: 1px solid #fff;  font-size: 24px; font-weight: 600;
line-height: 1.5; color:#fff; }
#c3_wrap .c_table table tbody th { border-bottom: 1px solid rgba(255,255,255,.3); font-size: 24px; font-weight: 500; color:#f6f6f6; line-height: 1.5; padding:20px 10px; }
#c3_wrap .c_table table tbody td { border-bottom: 1px solid rgba(255,255,255,.3); font-size: 22px; font-weight: 400; color:#f6f6f6; line-height: 1.5; padding:20px 10px; }
#c3_wrap .c_table table tbody td.date {white-space: nowrap;}

#c3_wrap .c_table .state {display: inline-flex; align-items: center; justify-content: center; width: 110px; height: 35px; border-radius: 3px; background-color: #6d6d6d;
font-size: 18px; font-weight: 600; color:#fff; }
#c3_wrap .c_table .state.green {background-color:#009a4b; }
#c3_wrap .c_table .state.purple {background-color:#6565ea; }




@media screen and (max-width: 1600px) {
    /* common */
    #c3_wrap br:not(.space) {display: none;}

    /* content */
    #c3_wrap .c_table table thead th {font-size: 20px;}
    #c3_wrap .c_table table tbody th { font-size: 20px;  }
    #c3_wrap .c_table table tbody td {font-size: 18px;}



}

@media screen and (max-width: 1024px) {
    /* common */
    #c3_wrap {padding: 70px 0; text-align: center;}
    #c3_wrap .c_inner {padding:0 30px;}
    #c3_wrap .c_tit {display: block; }
    #c3_wrap .c_tit h2 {margin: 0;}
    #c3_wrap .c_tit h2::after {margin: 17px auto 30px; }
    #c3_wrap .c_tit p {margin: 0;}

    /* font size */
    #c3_wrap .fs_55 {font-size: 40px; }
    #c3_wrap .fs_24 {font-size: 20px; line-height: 1.65;}
    /* btn */
    #c3_wrap .c_btn a {width: 100%; height: 40px; border-radius: 5px; font-size: 15px; font-weight: 400; background:#fff; text-transform: uppercase; color:#9BA0B4;}
    #c3_wrap .c_btn a i {width: 15px; height: 15px; background-size: contain; margin-left:10px;}
    #c3_wrap .c_btn.pc {display: none;}
    #c3_wrap .c_btn.mob {display: flex; margin-top: 40px;}

    /* content */
    #c3_wrap .top {display: block; margin-bottom: 40px;}
    #c3_wrap .btn_wrap {display: block;}
    #c3_wrap .tab_btns {justify-content: center; margin-top:25px;}
    #c3_wrap .tab_btns a {font-size: 18px; }
    #c3_wrap .tab_btns li::after {margin: 0 30px; height: 15px;}

    #c3_wrap .c_table table thead th {font-size: 16px; padding: 15px 10px;}
    #c3_wrap .c_table table tbody th { font-size: 16px; padding: 12px 10px;}
    #c3_wrap .c_table table tbody td {font-size: 15px; padding: 12px 10px;}
    #c3_wrap .c_table .state {font-size:14px; width: 70px; height: 30px;}

}

@media screen and (max-width: 640px) {
    /* common */
    #c3_wrap {padding: 50px 0;}
    #c3_wrap .c_inner {padding:0 20px;}
    #c3_wrap .c_tit h2::after {margin: 12px auto 20px; height: 5px; width: 70px;}
    /* font size */
    #c3_wrap .fs_55 {font-size: 30px; }
    #c3_wrap .fs_24 {font-size: 17px; }
    /* btn */
    #c3_wrap .c_btn a {font-size: 13px;}
    #c3_wrap .c_btn a i {width: 12px ;height: 12px;}

    /* content */

    #c3_wrap .c_table > table {width: 640px; }
    #c3_wrap .c_table {position: relative; overflow-x: hidden; }
    #c3_wrap .c_table.on {overflow-x: auto;}
    #c3_wrap .c_table::after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 2;
    background:url("../img/res_table.png") 50% no-repeat rgba(50,50,127,.8); }
    #c3_wrap .c_table.on::after {display: none;}
    #c3_wrap .c_table table thead th {font-size: 14px; padding: 13px 5px;}
    #c3_wrap .c_table table tbody th { font-size: 14px; padding: 10px 5px;}
    #c3_wrap .c_table table tbody td {font-size: 13px; padding: 10px 5px;}
    #c3_wrap .c_table .state {font-size:12px; width: 60px; height: 25px;}

}

@media screen and (max-width:340px) {
    #c3_wrap .c_table::after {background-size:80% auto;}
}