*{margin: 0; padding: 0; border: 0;}

.process .con-table {position:relative;}
.process .con-table::before {content: ""; position: absolute; width: 1px; height: 100%; background: #fff; right: 0; top: 0;}
.process .con-table:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.process .con-table table {font-family:'Noto DemiLight'; position:relative; margin: 20px auto 0;}
.process .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d;}
.process .con-table table:before {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d;}
.process .con-table thead th {padding:10px 10px; background:#F7F8F9; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:15px; font-family: "Noto Regular";}
.process .con-table tbody {display: table-header-group;}
.process .con-table tbody tr:first-child th, .wrap-contents .con-table tbody tr:first-child td {border-top: 1px solid #B1B2B3;}
.process .con-table tbody th {padding:10px 10px; background:#FBFBFB; color:#000000; border-right:1px solid #DDDEE0; border-bottom:1px solid #DDDEE0; font-size:14px;}
.process .con-table tbody th.color {background:#FBFBFB; font-size: 18px; color: #1b1b1b;}
.process .con-table tbody td {padding: 10px 5px; background:#fff; color:#666; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:14px; text-align: left; letter-spacing: -0.5px;}
.process .con-table tbody td a{color: #666;}

.process .con-table tbody td.align-c{text-align: center;}
.process .con-table tbody td span{display: block;}
.process .con-table tbody td span.blue{color: #2e6bb6;}
.process .con-table tbody td span.sky{background: #caf1ff;}
.process .con-table tbody tr.first td:first-child{background-color: #5e9dea; color: #fff;}
.process .con-table tbody tr.second td:first-child{background-color: #2e6bb6; color: #fff;}
.process .con-table tbody tr.third td:first-child{background-color: #203d60; color: #fff;}

@media all and (max-width:860px) {
  .process .con-table {overflow-x: hidden;}
  .process .con-table table {width:1000px;}
  .process .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../../images/common/img_mobile_text.png') no-repeat center center;}
  .process .con-table.on:after {display:none;}
}