
/* common */
#history { overflow: hidden; padding-top:90px; }
.sub_h1 { font-size: 48px; color: #222; font-family: 'paybooc-ExtraBold';  }
.sub_h1 i { display: inline-block; width:10px; height: 10px; background:#9e1b36; margin-left: 10px; position:relative; top:3px; }
.h1_desc { font-size: 20px; color: #333; line-height: 38px; font-family: 'paybooc-Medium'; }
.sub_p { font-size: 16px; font-weight: 300; color: #222; line-height: 28px; }

.bg_bot { width:100%; height: 500px; background:url('../img/his_bg.jpg') no-repeat center / cover; margin-top: 140px; }

/*Content CSS*/
#history { }

.his_list { margin:65px 0 0; }
.his_list > li { display: flex; justify-content: space-between; margin:0 0 85px; }
.his_list > li:last-child { margin:0; }
.his_list > li > h2 { width:240px; border-top: 1px solid #000; font-size: 36px; color: #9e1b36; line-height: 1; font-family: 'paybooc-ExtraBold'; padding:30px 0 0; }
.his_list > li > .r_list { width:960px; border-top: 1px solid #ddd; }

.his_list .r_list > li { display: flex; border-bottom: 1px solid #ddd; padding:25px 0; }
.his_list .r_list > li > b { font-size: 17px; line-height: 29px; }
.his_list .r_list > li .mth_list { margin-left:25px; }
.his_list .r_list > li .mth_list p { position:relative; padding-left:10px; margin:0 0 8px; }
.his_list .r_list > li .mth_list p:last-of-type { margin: 0; }
.his_list .r_list > li .mth_list p::before { content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:4px; height: 4px; background:#9e1b36; }
