@charset "utf-8";
.sub_history {padding: 0;}
.history_contents {position: relative;}
.conts_wrap {position: relative;display: flex;padding-bottom: var(--sub_pd);}
.year {width: 35%;position: relative;}
.year_left {font-size:120px;color: #328e65;font-weight: 700;opacity:.2;top: 100px;position: sticky;height: auto;padding-bottom: 100px;line-height: 1;font-family: var(--font-point);}
.year_left.on {opacity:1}
.conts_wrap.swiper-slide-active .year_left {color:var(--color-main)}
.history {width: 65%;}
.history_list {}
.history_list li {padding: 1rem 0;}
.history_list .day {width: 170px;display:inline-block;vertical-align: top;font-weight: 600;}
.history_list .detail {
    display:inline-block;
    width: calc(100% - 175px);
    vertical-align: top;
    color: var(--color-black2);
    }
.tab_wrap {position: sticky;top: 100%; height: 70px;}
.tab_box {}
.conts_wrap:last-child {padding-bottom:0}
/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1500px)  {
    .year_left {font-size: 100px;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .year {width: 27%;}
    .history {width:70%}
	.year_left {font-size: 8vw;}
    .history_list .day {font-size: 18px;width: 100px;}
    .history_list .detail {width: calc(100% - 105px);}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .conts_wrap {flex-wrap:wrap;}
    .conts_wrap:first-child {padding-top:0}
    
    .year, .history  {width:100%;}
    .year_left {font-size: 2.5rem;padding: 2rem 0;opacity: 1;}
    .history_list li {padding:.5rem 0}
    .history_list .day {font-size:16px}
}