.hidden{overflow: hidden;position: absolute;width: 0;height: 0;}

.hist_menu{position: relative;}
.hist_menu button{position: absolute; top:40px; width:18px; height: 28px; display:block; text-indent: -9999px; z-index:1;}
.hist_menu button.prev{left:0; background: url(./../images/arr-left.png) no-repeat;}
.hist_menu button.next{right:0;background: url(./../images/arr-right.png) no-repeat;}
.hist_menu .slick-disabled{display:none !important;}

.hist_menu ul{overflow: hidden; padding: 0 40px 0;}
.hist_menu ul .slick-list{overflow:hidden; padding-bottom:10px;}
.hist_menu li{display:inline-block;}
.hist_menu .slick-slide{display:inline-block;}
.hist_menu li a{padding:30px;display:block;color:#666;font-size:32px;font-family: Noto Bold;position: relative; text-align:center;}
.hist_menu li.on a{color: #03499a;}
.hist_menu li a:after,
.hist_menu li a:before{content:''; display: block; position: absolute; background-color:#aaabab;}
.hist_menu li.on a:after,
.hist_menu li.on a:before{background-color: #03499a;}
.hist_menu li a:after{width: 100%;height: 1px;bottom: 0px; left:0;}
.hist_menu li a:before{width: 15px;height: 15px;border-radius: 100%;left: 50%;bottom: -7.5px;transform: translateX(-50%);}

.hist_inner{display: grid;grid-template-columns: 515px 1fr;gap: 120px; margin-top:100px;}
.hist_inner .thumYear .title{margin-bottom: 80px;position: relative;}
.hist_inner .thumYear .title span.line{display: block;width:100%;height: 1px;background: #000; position:absolute; left:0; top:20px;}
.hist_inner .thumYear .title span.txt{font-size: 80px;font-family: 'Noto Bold';display:inline-block;letter-spacing: -5px;line-height: 1.1;position:relative;z-index:1;background-color:#fff;padding-right: 50px;color: #212121;}
.hist_inner .thumYear .hist_thum img{max-width: 100%;width: 100%;}

.hist_inner .hist_list ul{padding-top: 0;}
.hist_inner .hist_list ul li{display: grid;grid-template-columns: 180px 1fr;margin-bottom: 20px;align-items: start;}
.hist_inner .hist_list ul li strong{font-size: 19px;color: #212121;font-family: Noto Medium;position: relative;padding-left: 15px;line-height: 38px;}
.hist_inner .hist_list ul li strong:before{content:'';width: 5px;height: 5px;display: block;position: absolute;background: #03499a;border-radius: 100%;left: 0;top: 17px;}
.hist_inner .hist_list ul li p{font-size:18px;line-height: 38px;}
.hist_inner .hist_list ul li.nodate{display:block;}


@media all and (max-width: 1200px){
	.hist_inner {display: grid;grid-template-columns: 35% 1fr;gap: 120px;margin-top: 100px; gap:80px;}
	.hist_inner .thumYear .title{margin-bottom:50px;}
	.hist_inner .thumYear .title span.txt{font-size:70px; letter-spacing: -2px;}
	.hist_inner .hist_list ul li{margin-bottom:0;}

}

@media all and (max-width: 767px){
	.hist_inner{display:block;}
	.hist_menu ul{padding:0 20px 10px;}
	.hist_menu li a{padding: 20px 30px;}
	.hist_menu button{top:30px;}
	.hist_inner .thumYear .title{margin-bottom:30px;}
	.hist_inner .thumYear .title span.txt{font-size:50px; letter-spacing: -2px;}
	.hist_inner .thumYear .hist_thum{ margin-bottom:20px;}
	.hist_inner .thumYear .title span.line{top:28px;}
	.hist_inner .hist_list ul li{align-items: start;margin-bottom: 10px;}
	.hist_inner .hist_list ul li strong{line-height: 1.8;}
	.hist_inner .hist_list ul li p{line-height: 1.5;padding-top: 5px;}
}