/* 공통 */
.sub_con {width:1280px; margin: 0 auto;}
.sub_title {font-size:18px; font-weight: 400; color:#0c3381; font-family: 'paybooc-Bold'; position: relative; z-index: 3; text-transform: uppercase;}
.sub_title::after {width:2px; height:60px; content: ''; display: block; background: #0c3381; margin:20px auto 0; }
.apos_head {display: inline-block; text-align: center; position: relative;}
.apos_head h1 {font-size:38px; font-weight: 400; color:#2a2a2a;font-family: 'paybooc-Bold';}
.apos_head span {color:#0c3381;}
.apos_head img {position: absolute; top:0;}
.apos_head img.apos1 {left:-200px;}
.apos_head img.apos2 {right:-200px;}


/*Content CSS*/
#history {padding:120px 0; text-align: center; position: relative; }
.history_con {margin-top:60px; text-align: left; }
.history_con > li {display: flex; align-items: flex-start; border-top:1px solid #e0e0e0; padding:30px 0; justify-content: space-between;}
.history_con > li:first-child {border-top:1px solid #000;}
.history_con > li:last-child {border-bottom:1px solid #ddd;}
.history_con > li h1 {font-size:22px; font-weight: 500; color:#fff;  font-family: 'paybooc-Bold';  margin-left:20px; width:200px; height:50px;
line-height: 50px; background: #0c3381; text-align: center;}
.history_con > li ul { width:950px;}
.history_con > li ul li {padding:18px 0; display: flex; align-items: center; border-bottom:1px dashed #e0e0e0;font-size:16px; font-weight: 400; color:#333; letter-spacing: -.5px;
font-family: 'paybooc-Medium';}
.history_con > li ul li::before {content: ''; display: block; width:6px; height:6px; background: #d9d9d9; margin-right:15px;}
/* .history_con > li ul li span {display: block; font-size:22px; font-weight: 500; color:#272727; font-family: 'Montserrat'; width:30px; margin-right:90px;} */
.history_con > li ul li:first-child {padding-top:8px;}
.history_con > li ul li:last-child {border-bottom:0; padding-bottom:8px;}
.history_con > li ul li.solo {padding-top:15px;}
.history_con > li:nth-child(even) h1 {background: #fff; border:1px solid #0c3381; color:#0c3381;}







@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}