/* *******************************************************
 * filename : history.css
 * description : 연혁 관련 CSS
 * date : 2020-03-06
******************************************************** */

/*  ****************** 회사소개 :: BEST 연혁 02 ********************** */
.history-list-box-style02 .history-year-box {position:relative; padding:0 0 60px 176px; margin-top:60px; border-bottom:1px dashed #ccc;}
.history-list-box-style02 .history-year-box:first-child {margin-top:0;}
.history-list-box-style02 .history-year-box h4{position:absolute; left:0; top:0;  color: #099fe7; font-size:30px; font-weight:600; letter-spacing:-1.5px; }
.history-list-box-style02 .history-year-box h4:after{position:absolute; top:15px; left:130px; content:""; width:46px; height:1px; background-color:#dfdfdf; }
.history-list-box-style02 .history-year-box .history-year-item {position:relative; padding-bottom:30px; padding-top:6px;}
.history-list-box-style02 .history-year-box .history-year-item:before {content:""; width:1px; height:100%; background-color: #dfdfdf; position:absolute; left:0; top:15px;}
.history-list-box-style02 .history-year-box .history-year-item:last-child {padding-bottom:0}
.history-list-box-style02 .history-year-box .history-year-item:last-child:before {display:none;}
.history-list-box-style02 .history-year-box .history-year-item .history-year{position:absolute; top:6px; left:0px; padding-left:64px; }
.history-list-box-style02 .history-year-box .history-year-item .history-year:before {content:""; width:46px; height:1px; background-color:#dfdfdf; position:absolute; left:0; top:50%;}
.history-list-box-style02 .history-year-box .history-year-item .history-year:after{position:absolute; display:block; content:""; top:7px; left:-5px; width:8px; height:8px; margin-top:-3px; border:2px solid #a9a9a9; background-color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.history-list-box-style02 .history-year-box .history-year-item .history-year strong{color:#1e1e1e; font-weight:600; font-size:18px;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:195px; }
.history-list-box-style02 .history-year-box .history-year-item:last-child .history-info-con{  }
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child .history-info-con{  padding-bottom:0px;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p{position:relative; padding-left:10px; color:#757575; font-size:16px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; margin-top:10px;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p:first-child{margin-top:0;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p:before{content:"· "; position:absolute; top:-2px; left:0px; color:#333; }
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p span{}
 
@media all and ( max-width:1024px ){
    /* -------- 회사소개 :: BEST 연혁 02 -------- */
	.history-list-box-style02 .history-year-box .history-year-item .history-info-con {padding-left: 150px;}
}
@media all and ( max-width:800px ){
    /* -------- 회사소개 :: BEST 연혁  02-------- */
    .history-list-box-style02 .history-year-box{padding-left:0; }
    .history-list-box-style02 .history-year-box h4{position:relative; left:auto; top:auto; margin-bottom:25px; font-size:26px;}
    .history-list-box-style02 .history-year-box h4:after{display:none;}
	.history-list-box-style02 .history-year-box .history-year-item {padding-bottom: 20px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-year {padding-left:20px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-year:before {display:none;}
    .history-list-box-style02 .history-year-box .history-year-item:first-child:before{bottom:-16px;}
	.history-list-box-style02 .history-year-box .history-year-item:last-child:before{bottom:0px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-info-con {padding-left: 80px;}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con p{font-size:14px}
}
@media all and ( max-width:480px ){
    /* -------- 회사소개 :: BEST 연혁  02 -------- */
    .history-list-box-style02 .history-year-box{padding-bottom:30px; margin-top:30px;}
    .history-list-box-style02 .history-year-box h4{font-size:20px;}
    .history-list-box-style02 .history-year-box h4:after{width:45px; height:2px}
    .history-list-box-style02 .history-year-box .history-year-item .history-year{width:60px;}
    .history-list-box-style02 .history-year-box .history-year-item .history-year strong{font-size:17px}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:90px; }
    .history-list-box-style02 .history-year-box .history-year-item:last-child .history-info-con{padding-bottom:0}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con p{font-size:13px}
}