@charset "utf-8";

.yearTop{margin:5rem 0;min-height:33rem;position:relative;}
.yearTop .item{padding:4rem;background:url('../images/bg2020.jpg') no-repeat center / cover;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in-out;position:absolute;left:0;top:0;width:100%;height:100%;}
.yearTop .item.on{display:flex;align-items:center;visibility:visible;opacity:1;}
.yearTop dt{font-family:"pre-b";font-size:3.2rem;color:#111;}
.yearTop li{font-family:"pre-r";font-size:2rem;color:#111;padding-left:2rem;position:relative;margin-top:1rem;}
.yearTop li::before{position:absolute;left:0;top:1.1rem;width:0.6rem;height:0.6rem;background:#a32b30;transform:rotate(45deg);content:'';display:block;}
/*
.yearTop .item2020{background:url('../images/bg2020.jpg') no-repeat center / cover;}
.yearTop .item2010{background:url('../images/bg2010.jpg') no-repeat center / cover;}
.yearTop .item2000{background:url('../images/bg2000.jpg') no-repeat center / cover;}
.yearTop .item1990{background:url('../images/bg1990.jpg') no-repeat center / cover;}
.yearTop .item1980{background:url('../images/bg1980.jpg') no-repeat center / cover;}
.yearTop .item1970{background:url('../images/bg1970.jpg') no-repeat center / cover;}
.yearTop .item1960{background:url('../images/bg1960.jpg') no-repeat center / cover;}
.yearTop .item1950{background:url('../images/bg1950.jpg') no-repeat center / cover;}
*/



/* 분류 */
.hist_menu{position:relative;}
.hist_menu > button{width:1.9rem;height:2.9rem;position:absolute;top:1rem;z-index:2;text-indent:-9999rem;}
.hist_menu > button.prev{left:0;background:url('../images/btn-prev.png') no-repeat center / cover;}
.hist_menu > button.next{right:0;background:url('../images/btn-next.png') no-repeat center / cover;}

.hist_menu .hist-menu-list-box{margin:0 4rem;overflow:hidden;}
.hist_menu .hist-menu-list-box .line{position:relative;display:flex;justify-content:center;align-items:center;width:100%;}
.hist_menu .hist-menu-list-box .line::before,
.hist_menu .hist-menu-list-box .line::after{width:50%;height:1px;background:#e9e9e9;content:'';display:block;}
.hist_menu .hist-menu-list-box .line a{font-family:"pre-m";font-size: 2rem;color:#CCC;padding:1rem 2rem;}
.hist_menu .hist-menu-list-box .line a:hover,
.hist_menu .hist-menu-list-box .line.on a {font-family:"pre-b";color: #a32b30;}

.hist_menu .hist-menu-list-box .line a::before{transform:scale(0);width:1rem;height:1rem;background:url('../images/on.png') no-repeat center / 100%;content:'';display:block;transition:0.3s;position:absolute;top:0rem;left:calc(50% - 0.5rem);}
.hist_menu .hist-menu-list-box .line.on a::before{transform:scale(1);}


.hist_menu .hist-menu-list-box .slider{opacity:1;}


/* 리스트 */
.hist_cont{}
.hist_cont .thumYear{display:none;}
.hist_cont .hist_list{}
.hist_cont .hist_list .box{padding-bottom:6rem;margin-bottom:6rem;border-bottom:1px solid #CCC;}
.hist_cont .hist_list .box:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}

.hist_cont .hist_list .year{margin-bottom:3rem;}
.hist_cont .hist_list .year h1{font-family:"pre-b";font-size:5rem;color:#2d2121;line-height:1;letter-spacing:-1px;}

.hist_cont .hist_list .row-content{padding-left:6rem;position:relative;}
.hist_cont .hist_list .row-content::before{position:absolute;left:6rem;top:0.3rem;width:1px;height:100%;background:#a32b30;content: '';display:block;}

.hist_cont .hist_list .box-content{margin-bottom:6rem;padding-left:7rem;position:relative;}
.hist_cont .hist_list .box-content:last-child{margin-bottom:0;}
.hist_cont .hist_list .box-content::before {position:absolute;left:-0.5rem;top:0.3rem;width:1.1rem;height:1.1rem;background:#FFF;border:3px solid #a32b30;border-radius: 100%;content: '';display:block;}
.hist_cont .hist_list .box-content::after {position:absolute;left:1.5rem;top:0.45rem;width:1.3rem;height:0.8rem;background: url('../images/arrow.png') no-repeat center;content: '';display:block;}
.hist_cont .hist_list .box-content h2{font-family:"pre-b"; font-size: 1.8rem; color: #111;line-height:1;}
.hist_cont .hist_list .box-content ul{padding-top:1rem;}
.hist_cont .hist_list .box-content li{font-family:"pre-m";font-size:1.8rem;color:#555;line-height:2;}

.hist_cont .hist_list .nodate{padding: 1.5rem 0; font-family:"pre-m"; font-size: 1.6rem; text-align: center;}

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