.nid-history{
	position:relative;
}
.nid-history ul{
	padding:0; list-style:none;
}
.nid-history h3, .nid-history p{
	padding:0;
}

/* nav */
.nid-history .nid-history__nav-wrap{
	position:absolute; left:0; top:0;
	height:100%;
	z-index: 1;
}
.nid-history .nid-history__nav{
	position: sticky;
    top: 50vh;
    transform: translateY(-50%);
    align-self: flex-start;
    height: fit-content;
	padding-top:100px;
	transition:.3s ease-out;
}
.nid-history.scrolled .nid-history__nav{
	padding-top:0;
}
.nid-history .nid-history__nav a{
	position:relative;
	display:block;
	font-size: clamp(14px, 1.1vw, 18px);
	color:#A2A2A2;
	padding:6px 6px 6px 18px;
	transition:.3s ease-out;
}
.nid-history .nid-history__nav a::before{
	content:""; display:block; width:6px; height:6px;
	background:#0051B2; border-radius:50px;
	position: absolute; left:0; top:50%;
	transform:translateY(-50%);
	opacity:0;
	transition:.3s ease-out;
}
.nid-history .nid-history__nav a.active::before{
	opacity:1;
}
.nid-history .nid-history__nav a.active,
.nid-history .nid-history__nav a:hover{
	color:#0051B2;
}
.nid-history .nid-history__nav a.active{
	font-weight:600;
}

/* year */
.nid-history .year-fix__num,
.nid-history .nid-history__year{
	display:block;
	font-size:clamp(50px, 7vw, 122px); font-weight:700;
	color:#0051B2;
	line-height:1;
}
.nid-history .year-fix__num{
	text-align: right;
	padding-right:14%;
}

.nid-history .nid-history__content-wrap{
	position:relative;
	display:flex; justify-content:center; align-items: flex-start;
	gap:100px;
}
.nid-history .nid-history__content-wrap .year-fix,
.nid-history .nid-history__content-wrap .year-wrap{
	flex: 1 1 0;
}
.nid-history .nid-history__content-wrap .year-fix{
	position: sticky;
    top: 50vh;
    transform: translateY(-50%);
    align-self: flex-start;
    height: fit-content;
	padding-top:100px;
	transition:.3s ease-out;
}
.nid-history.scrolled .nid-history__content-wrap .year-fix{
	padding-top:0;
}

.nid-history .year-wrap .nid-history__year{
	margin-bottom:20px;
	display:none;
}
.nid-history .year-wrap .nid-history__group:not(:last-child){
	margin-bottom: clamp(50px, 10vw, 203px);
}
.nid-history .year-wrap .nid-history__list{
	display:flex; flex-direction:column-reverse; gap:clamp(15px, 2.5vw, 40px);
}
.nid-history .year-wrap .nid-history__list .nid-history__item{
	display:flex; 
}
.nid-history .year-wrap .nid-history__list .nid-history__item .nid-history__month{
	width: clamp(50px, 7vw ,118px);
	font-size: clamp(18px, 2.2vw, 32px); font-weight: 600;
}
.nid-history .year-wrap .nid-history__list .nid-history__item .nid-history__content{
	flex:1;
}
.nid-history .year-wrap .nid-history__list .nid-history__item .nid-history__content  ul{
	font-size: clamp(16px, 1.1vw, 18px);
}
.nid-history .year-wrap .nid-history__list .nid-history__item .nid-history__content  ul li:not(:last-child){
	margin-bottom:clamp(10px, 1.3vw, 20px);
}

/* line */
.nid-history .nid-history__content-wrap .nid-history__line{
	position:absolute; left:50%; top:12px;
	transform: translateX(-50%);
	width:1px; height: calc(100% - 20px);
	background:#DBDBDB;
}
.nid-history .nid-history__content-wrap .nid-history__line::before,
.nid-history .nid-history__content-wrap .nid-history__line::after{
	content:""; display:block; width:6px; height:6px;
	background:#0051B2; 
	border-radius:50px;
	position:absolute; left: 50%;
	transform: translateX(-50%);
}
.nid-history .nid-history__content-wrap .nid-history__line::before{
	top:0;
}
.nid-history .nid-history__content-wrap .nid-history__line::after{
	bottom:0;
	background:#DBDBDB;
}
.nid-history .nid-history__content-wrap .nid-history__line .nid-history__line__indi{
	display:block; width:2px;
	background: #0051B2;
	position:absolute; left:50%; top:0;
	transform: translateX(-50%);
	z-index: 1;
}
.nid-history .nid-history__content-wrap .nid-history__line .nid-history__line__indi::before{
	content:""; display:block;
	width:6px; height:6px;
	background:#0051B2; 
	border-radius:50px;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #8EC1FF;
	position:absolute; left:50%; bottom:0;
	transform: translateX(-50%);
}

@media (max-width: 1024px){
	.nid-history .nid-history__nav-wrap{
		left:-5%;
	}
	.nid-history .year-fix__num{
		padding-right:0;
	}
}

@media (max-width: 768px){
	.nid-history .nid-history__nav-wrap,
	.nid-history .nid-history__content-wrap .year-fix{
		display:none;
	}
	.nid-history .year-wrap .nid-history__year{
		display:block;
	}
	
	.nid-history .nid-history__content-wrap .year-wrap{
		padding-left:30px;
	}
	.nid-history .nid-history__content-wrap .nid-history__line{
		left:0; top:30px;
		height:calc(100% - 100px);
	}
}

@media (max-width: 400px){
	.nid-history .nid-history__content-wrap .year-wrap{
		padding-left:0;
	}
	.nid-history .nid-history__content-wrap .nid-history__line{
		display:none;
	}
}