@charset "utf-8";

.text_blue {color: #0870d5;}


/*준비중*/
.no_data_img {text-align: center;}
.no_data_img h2 {font-size:2rem; font-weight: 300; margin-bottom: 10px;}
.no_data_img h2 strong {display:inline-block; font-weight: bold;}
.no_data_img img {display: block; margin:0 auto 30px auto; max-width:150px;}
.no_data_img p {line-height: 1.6rem; font-weight: 300;}


/* 연혁 */
.field {display: flex; flex-wrap: wrap; gap: 50px 90px;}
.field li {width:  calc(100% / 3 - 60px); display: flex; flex-direction: column; align-items: center; padding: 1rem; border:  2px solid #ebebeb; border-radius: 10px; position: relative;}
.field li + li::after {content: "→"; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; box-sizing: border-box; background: #0870d5; border-radius: 50px; font-size: 13px; font-weight: 600; color: #fff; position: absolute; left: -63px; top: 50%; transform: translateY(-50%);}
.field li span {display: block;}
.field li .year {font-weight: 500; font-size: .9375rem; color: #6a6a6a; margin-bottom: 5px;}
.field li .txt {font-weight: 600; font-size: 1.125rem;}

@media (max-width: 768px){
    /*준비중*/
    .no_data_img h2 {margin-bottom: 5px;}
    .no_data_img img {max-width:130px;}


    /* 연혁 */
    .field li {width: 100%;}
    .field li + li::after {left: 50%; top: -40px; transform: translate(-50%, 0) rotate(90deg);}
}