/*Content CSS*/
#history{overflow: hidden;}
section > article{padding: 100px 0;}
section > article:nth-child(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}
.top{text-align: center;  max-width: 1400px; padding: 0 50px; margin: 0 auto;}

/* 공통 */
.fs_50{font-size: 50px; font-weight: 700; line-height: 1;text-align: center;}
.fs_40{font-size: 40px; font-weight: 700; line-height: 1; letter-spacing: -.8px;}
.fs_22{font-size: 22px; font-weight: 700; line-height: 1; }
.fs_20{font-size: 20px; font-size: 500;}
.fs_18{font-size: 18px; font-weight: 700; line-height: 33px; letter-spacing: -.36px; color: #555;}
.fs_16{font-size: 16px; font-weight: 400; line-height: 1.7; letter-spacing: -.32px; color: #555;}

.pager{display: flex; flex-wrap: wrap; margin-top: 65px;}
.pager li{width: calc(20% - 16px); margin-right: 20px; text-align: center;}
.pager li:last-child{margin-right: 0;}
.pager li a{display: block; padding-bottom: 15px; border-bottom: solid 3px #ddd; color: #999; transition: .3s;}
.pager li a.active{color: #141256; border-color: #141256;  font-weight: 700;}
.pager li:hover a{color: #141256; border-color: #141256;}

.arrow{padding-left: 25px; position: relative;}
.arrow::before{content: ''; display: block; width: 14px; height: 20px; background: url('../img/arrow.png') 50% / cover no-repeat; position: absolute; left: 0; top: 9px;}

.dot{padding-left: 12px; position: relative;}
.dot::before{content: ''; display: block; width: 5px; height: 5px; background-color: #141256; border-radius: 50%; position: absolute; left: 0; top: 9px;}


section > article:nth-child(n+2) .sub_inner{display: flex;}
section > article:last-child .txt_list{top: 0px;}
.year{min-width: 123px; margin-right: 85px;}
.his_list{border-left: solid 1px #ddd; padding-left: 81px;}
.his_list > li{display: flex; margin-bottom: 45px}
.his_list > li:last-child{margin-bottom: 0;}
.his_list > li .mon{min-width: 52px; margin-right: 42px;}

.txt_list{position: relative; top: -5px;}
.txt_list li{margin-bottom: 16px;}
.txt_list li:last-child{margin-bottom: 0;}

@media screen and (max-width:1400px){

}

@media screen and (max-width:1280px){
    .year{min-width: 123px; margin-right: 50px;}
    .his_list{ padding-left: 45px;}
    .his_list > li .mon{margin-right: 30px;}


}


@media screen and (max-width:1024px){
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    .pager{margin-top: 40px;}

    .fs_50{font-size: 34px;}
    .fs_40{font-size: 29px;}
    .fs_22{font-size: 17px;}
    .fs_20{font-size: 16px;}
    .fs_18{font-size: 15px; line-height: 1.7;}
    .fs_16{font-size: 14px; line-height: 1.7;}

    .arrow::before{top: 4px;}
    .dot::before{top: 6px;}

    .year{min-width: 95px; margin-right: 35px;}
    .his_list{ padding-left: 30px;}
    .his_list > li{margin-bottom: 30px;}
    .his_list > li .mon{margin-right: 20px;}
    .txt_list li{margin-bottom: 10px;}


}

@media screen and (max-width:960px){


}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){
    .sub_inner{padding: 0 20px;}
    .pager{margin-top: 30px;}
    .pager li{margin-right: 13px; width: calc(20% - 10.4px);}
    .pager li a{padding-bottom: 10px; font-size: 14px;}

    .fs_50{font-size: 30px;}
    .fs_40{font-size: 26px;}
    .fs_22{font-size: 16px;}
    .fs_20{font-size: 15px;}
    .fs_18{font-size: 14px;}
    .fs_16{font-size: 13px;}
    .arrow{padding-left: 20px;}
    .arrow::before{width: 12px; height: 17px; top: 5px;}
    section > article:nth-child(n+2) .sub_inner{display: block;}
    .his_list{padding-left: 0; border-left: 0; border-top: solid 1px #ddd; margin-top: 20px; padding-top: 20px;}
    .his_list > li{border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px;}
    .his_list > li .mon{min-width: 42px; margin-right: 15px;}
    .txt_list li{margin-bottom: 5px;}
    section > article:last-child .txt_list{top: -3px;}

}

@media screen and (max-width:480px){


}