@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.history-img {margin-bottom:60px;}
.history {padding-left:160px;}
.history .row {position:relative; padding-bottom:60px; padding-left:60px;}
.history .row:before {content:"";position:absolute; top:0; left:-24px; width:48px; height:48px; border:17px solid #067fd9; border-radius:100%; background:#fff;}
.history .row:after {content:"";position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd; z-index:-1}
.history .row .year {font-size:30px; line-height:1.3em; color:#1b3d9d;font-weight:700; margin-bottom:20px; padding-top:2px;}
.history .row .col {margin-bottom:15px; display:flex; font-size:14px; line-height:1.5em; }
.history .row .col:last-child {margin-bottom:0;}
.history .row .col .month {width:65px; color:#2c2c2c;font-weight:500;}
.history .row .col .info {width:calc(100% - 65px); padding-left:15px;}
.history .row:last-child {padding-bottom:0;}

.online-head {margin-bottom:50px; display:flex; align-items:center; background:#1b3d9d; position:relative; overflow:hidden; border:1px solid #ddd;}
.online-head:after {content:"";position:absolute; top:0; right:0; width:60%; height:100%; transform:skew(-30deg); background:#1b3d9d; z-index:0}
.online-head .img {width:48%; background:#fff;}
.online-head .info {width:52%; color:#fff; position:relative; padding-right:25px; z-index:1}
.online-head .info .tit {font-size:30px; line-height:1.4em; margin-bottom:20px;font-weight:500;}
.online-head .info .cnt {font-size:16px; line-height:1.5em;}

.form-title {color:#2c2c2c; font-size:20px; line-height:1.4em; font-weight:500; margin-bottom:15px;}