/*공통*/
.con1300 {width: 100%; margin: 0 auto; position: relative; padding:0 15px;}



/*Content CSS*/
#history {padding-bottom: 60px; display: flex; flex-direction: column-reverse;}
#history .article {padding: 40px 0; border-bottom: 1px solid #ddd; display: flex; align-items: center; flex-direction: column; }
#history .article:last-child {padding-top: 0;}
#history .article:first-child {border-bottom: 0; padding-bottom: 0;}

#history .year_box {width: 200px; height: 200px; border-radius: 50%; line-height:200px ;text-align: center; font-size: 24px; font-family: 'paybooc-ExtraBold'; position: relative;}
#history .year_box::after {width:2px; height: 50px; display: block; content: ""; margin:0 auto; margin-top:-8px; }
#history .year_box::before {width: 8px; height: 8px; display: block; content: ""; position: absolute; border-radius: 50%; bottom: -58px;
left:50%; transform:translateX(-50%);}

#history .article:nth-child(1) .year_box {border:8px solid #47BAB3; color:#47BAB3;}
#history .article:nth-child(1) .year_box::before {background: #47BAB3;}
#history .article:nth-child(1) .year_box::after {background: #47BAB3;}
#history .article:nth-child(2) .year_box {border: 8px solid #4499BE; color:#4499BE;}
#history .article:nth-child(2) .year_box::before {background: #4499BE;}
#history .article:nth-child(2) .year_box::after {background: #4499BE;}
#history .article:nth-child(3) .year_box {border: 8px solid #556EB0; color:#556EB0;}
#history .article:nth-child(3) .year_box::before {background: #556EB0;}
#history .article:nth-child(3) .year_box::after {background: #556EB0;}

#history .his_box {width: 100%; }
#history .his_box ul {padding: 0px 0 0; display: flex; flex-direction: column-reverse; margin-top:80px ;}
#history .his_box ul li {position: relative; padding-left: 120px; margin-bottom:12px; width: 100%; font-size: 14px; color:#666; font-weight: 300; word-break: keep-all; line-height: 26px; }
#history .his_box ul li:first-child {margin-bottom: 0; }
#history .his_box ul li span {position: absolute; top: 0; left: 15px; font-size: 14px; font-weight: 700;color:#444;}
#history .his_box ul li::before {width: 5px; height: 5px; display: block; content: ""; position: absolute; top: 10px; left: 0; }
#history .article:nth-child(1) .his_box ul li::before {background: #47BAB3}
#history .article:nth-child(2) .his_box ul li::before {background: #4499BE}
#history .article:nth-child(3) .his_box ul li::before {background: #556EB0}





















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



}

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


}