@charset "utf-8";
/* CSS Document */

 .history .history-img { width: 50%; float: left; }
 .history .history-img .img-box { height: 290px; width: 80%; position: relative; margin-bottom: 30px; }
 .history .history-img .img-box:before { position: absolute; content: ''; width: 100%; height: 100%; z-index: -1; background: #0084ff; bottom: -15px; right: -15px; }
 .history .history-list { width: 50%; float: right; }
 .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: 9px; z-index: 2; }
 .history>ul>li:after { position: absolute; content: ''; width: 2px; height: calc(100% + 15px); background: #eaeaea; left: 4px; top: 19px; }
 .history>ul>li .date { font-size: 20px; font-family: 'Noto Sans KR'; font-weight: 700; letter-spacing: 0; color: #999; margin-right: 10px; display: block; }
 .history>ul>li .date .raj { font-size: 30px; font-weight: 700; letter-spacing: 0; }
 .history>ul>li .content { font-size: 15px; font-weight: 400; letter-spacing: 0; }
 .history>ul>li:first-child:before { top: 13px; }

  .history {display:flex;}