/* common */
.history h3.title {font-size: 31px; padding: 0 60px;}
.history h3.title::before, .history h3.title::after {width: 40px;}
.history h3.title::before {background-image: url("../img/title_bg.png");}
.history h3.title::after {background-image: url("../img/title_bg2.png");}

/*Content CSS*/
.history {text-align: center;padding: 60px 20px;background: #fff;overflow: hidden;}
.history .w_box {background: #fff;position: relative;z-index: 2;}

.his_list_wr::before {content: '';display: block;width: 1px;height: calc(100% + 50px);background: #ddd;position: absolute;top: 0;left:50%;transform:translateX(-50%);z-index: -1;}
.his_list_wr > li {width: 50%;display: flex;flex-direction: row-reverse;text-align: right;align-items: center;margin-bottom: 55px;}
.his_list_wr > li:nth-child(odd) {}
.his_list_wr > li:nth-child(even) {}
/* dots */
.his_list_wr .his_dot {display: flex; align-items: center; }
.his_list_wr > li:nth-child(even) .his_dot {flex-direction: row-reverse; }
.his_list_wr .his_dot::after { content: ''; display:block; width: 15px; height: 15px; background: #fff; border:3px solid #0888f0; border-radius: 50%; }
.his_list_wr li:nth-child(n+3) .his_dot::after {border-color: #0053a5;}
.his_list_wr li:nth-child(n+5) .his_dot::after {border-color: #133456;}
.his_list_wr li:nth-child(n+3) .his_dot::before {background: #0053a5;}
.his_list_wr li:nth-child(n+5) .his_dot::before {background: #133456;}
/* his_txt */
.his_list_wr .his_txt h1 {font-family: 'EliceDigitalBaeum_Bold'; font-size: 30px; color: #0888f0; margin-bottom: 20px;}
.his_list_wr .his_txt .his_list > li {display: flex;align-items: flex-start;position:relative;}
.his_list_wr li:nth-child(n+3) .his_txt h1 {color: #0053a5;}
.his_list_wr li:nth-child(n+5) .his_txt h1 {color: #133456;}
.his_list_wr > li:nth-child(even) .his_txt .his_list li::before {left: 0; top: 10px;}
.his_list_wr .his_txt .his_list p {font-size: 13px; font-weight: 300; color: #000; line-height: 1.7em;}

/* mobile */
.his_list_wr {width: 100%;position: relative;margin: 20px 0 0;text-align: left;z-index: 1;padding: 20px 0 0;}
.his_list_wr::before {content: ''; display: block; width: 1px; height: 100%; background: #ddd; position: absolute; top:0; left: 7px; z-index: -1; }
.his_list_wr > li {width: 100%;display: flex;flex-direction: row;align-items: flex-start;margin-bottom: 55px;justify-content: flex-start;text-align: left;}
.his_list_wr > li:last-child {margin-bottom: 0; }
/* dots */
.his_list_wr .his_dot {display: flex;align-items: center;flex-direction: row-reverse;position: relative;top:-5px;}

/* his_txt */
.his_list_wr .his_txt {position: relative; top:-16px;}
.his_list_wr > li .his_txt {margin-left: 20px;}
.his_list_wr .his_txt .his_list > li {display: flex; align-items: flex-start; margin-bottom: 15px; width: 100%; padding-left: 15px; position: relative; }
.his_list_wr .his_txt .his_list > li::before {content: ''; display: block; position: absolute; width: 4px; height: 4px; background-color: #0888f0; left: 0; top: 9px; }
.his_list_wr > li:nth-child(n+3) .his_txt .his_list li::before {background: #0053a5;}
.his_list_wr > li:nth-child(n+5) .his_txt .his_list li::before {background: #133456;}
.his_list_wr .his_txt .his_list > li:last-child {margin-bottom: 0; }
.his_list_wr .his_txt .his_list > li > p, .his_list_wr .his_txt .his_list > li > div {width:100%;}
.his_list_wr .his_txt .his_list div {width: 100%;}