@charset "utf-8";

.history .history-list {padding:15px; background:#f8f8f8;}
.history>ul>li { margin-bottom: 15px; position: relative; padding-left: 25px; }
.history>ul>li:before { position:absolute; content:''; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #7B8C9C; left: 0; top: 5px; z-index: 2; }
.history>ul>li:after { position: absolute; content:''; width: 2px; height: calc(100% + 5px); background: #eaeaea; left: 4px; top: 15px; }
.history>ul>li .date { font-size: 14px; font-family: 'Noto Sans KR'; font-weight: 700; letter-spacing: 0; color: #718fab; margin-right: 10px; display: block; }
.history>ul>li .date .raj { font-size: 20px; font-weight: 700; letter-spacing: 0; line-height: 23px; }
.history>ul>li .content { font-size: 13px; font-weight: 400; letter-spacing:-0.5px; line-height:19px; display: inline-block;}
.history>ul>li:first-child:before { top: 8px; }
.history .img-area {width:100%; height:140px; margin:15px 0; background: url("../../../img/sub/association/bg_02.jpg") no-repeat center; background-size: cover;}