/*공통*/
.con1300 {width: 1300px; margin: 0 auto;}



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

#history .year_box {width: 250px; height: 250px; border-radius: 50%; line-height: 230px ;text-align: center; font-size: 30px; font-family: 'paybooc-ExtraBold'; position: relative;}
#history .year_box::before {width: 100px; height: 2px; display: block; content: ""; position: absolute; top: 50%; margin-top: -1px; right: -100px;}
#history .year_box::after {width: 10px; height: 10px; display: block; content: ""; position: absolute; top: 50%; margin-top: -5px; right: -106px; border-radius: 50%;}

#history .article:nth-child(1) .year_box {border: 15px 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: 15px 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: 15px 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: calc(100% - 250px); padding-left: 150px;}
#history .his_box ul {padding: 112px 0 0; display: flex; flex-direction: column-reverse;}
#history .his_box ul li {position: relative; padding-left: 135px; margin-bottom: 20px; width: 50%; font-size: 17px; color:#666; font-weight: 300; word-break: keep-all; line-height: 28px; }
#history .his_box ul li span {position: absolute; top: 0; left: 15px; font-size: 16px; font-weight: 700;color:#444;}
#history .his_box ul li::before {width: 5px; height: 5px; display: block; content: ""; position: absolute; top: 12px; 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) {


}