@charset "utf-8";
#doc-wrap {overflow:inherit}
.his80-wr {text-align:left;word-break:keep-all}
.his80-wr .his80-top{background:linear-gradient(to right, #1e3a8a, #1d4ed8);margin-bottom:30px;padding:30px 15px;color:#fff;text-align:center;animation:fadeInDown .8s ease-out}
.his80-wr .his80-top .tit {font-family: 'SCDream5', sans-serif; font-size:36px;font-weight:700;}
.his80-wr .his80-top .txt {color:rgba(255, 255, 255, .9); font-family: 'SCDream4', sans-serif; font-size:22px;} 
.his80-wr .his80-tab-cont .fade {
  display: none;
}
.his80-wr .his80-tab-cont .fade.on {
  display: block;
}
.his80-wr * {font-family: 'SCDream3', sans-serif; font-size:17px;box-sizing:border-box;}
.his80-wr a {display:block}
.his80-wr .his80-tab-box {border-top:1px solid #bbb;border-bottom:1px solid #2b405b;margin-bottom:30px;}
.his80-wr .his80-tab-box .his80-tab {display:flex;}
.his80-wr .his80-tab-box .his80-tab > li {flex:1 1 0}
.his80-wr .his80-tab-box .his80-tab > li a {display:flex;align-items:center;justify-content:center;position:relative;height:55px;padding:10px}
.his80-wr .his80-tab-box .his80-tab > li a:after {content:"";position:absolute;top:13px;left:0;width:1px;height:30px;background:#ccc;}
.his80-wr .his80-tab-box .his80-tab > li:first-child a:after {display:none}
.his80-wr .his80-tab-box .his80-tab > li a span {color:#555}
.his80-wr .his80-tab-box .his80-tab > li a span:before {content:"";width:20px;height:20px;margin:4px 5px 0 0;background:url(/resources/_Img/Common/tab_bul.png) no-repeat 0 0;vertical-align:top;display:none;}
.his80-wr .his80-tab-box .his80-tab > li a:hover,
.his80-wr .his80-tab-box .his80-tab > li a:focus {background:#f6f6f6}
.his80-wr .his80-tab-box .his80-tab > li a:hover span,
.his80-wr .his80-tab-box .his80-tab > li a:focus span {color:#014898;}
.his80-wr .his80-tab-box .his80-tab > li.on a {background:#014898;}
.his80-wr .his80-tab-box .his80-tab > li.on a span {color:#fff}
.his80-wr .his80-tab-box .his80-tab > li.on a span:before {display:inline-block;}
/* .his80-tab-wr {height:900px;} */
.his80-wr .his80-tab-box {position:sticky;left:0;top:0;background-color:#fff;z-index:2}
.his80-wr .his80-box {display:flex;flex-flow:row wrap;justify-content:flex-end;position:relative;gap:0 30px;}
.his80-wr .his80-box .tit-box {/*position:absolute;*/left:0;top:0;width:45%}
.his80-wr .his80-box .tit-box .tit {font-family: 'SCDream4', sans-serif;font-size:28px; color:#000;font-weight:700}
.his80-wr .his80-box .tit-box > p {font-family: 'SCDream4', sans-serif; font-size:18px;}
.his80-wr .his80-box .his80-detail {width:calc(54% - 30px)}
.his80-wr .his80-box .his80-detail .his80-img-list {display:flex;flex-direction:column;gap:12px} 
.his80-wr .his80-box .his80-detail .his80-img-list .img-box {}
.his80-wr .his80-box .his80-detail .img-box > img {width:100%;margin-bottom:20px;}
.his80-wr .his80-box .his80-detail .his80-img-sld {position:relative;margin-bottom:20px;}
.his80-wr .his80-box .his80-detail .his80-img-sld img {width:100%}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util {position:absolute;right:20px;bottom:20px;background-color:rgba(0, 0, 0, .4);border-radius:15px;padding:11px 15px;font-size:0;z-index:1}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util button {display:inline-block;background:none;border:0;position:relative;width:18px;height:18px;margin:0 1px;vertical-align:middle}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util button:before {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util button.btn-prev:before,
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util button.btn-next:before {border:2px solid #fff;width:13px;height:13px;transform:rotate(45deg);box-sizing:border-box}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util button.btn-prev:before {border-right:0;border-top:0}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util button.btn-next:before {border-left:0;border-bottom:0}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util .btn-play {display:none}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util .btn-stop:before {border:2px solid #fff;border-top:0;border-bottom:0;width:7px;height:13px;box-sizing:border-box}
.his80-wr .his80-box .his80-detail .his80-img-sld .data-util .btn-play:before {border:4px solid transparent;border-right:0;border-left:9px solid #fff;width:0;height:0}
.his80-wr .his80-box .his80-list {margin-top:20px;}
.his80-wr .his80-box .his80-list > li {display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;text-align:left}
.his80-wr .his80-box .his80-list > li .year {color:#014898;font-weight:700;}
.his80-wr .his80-box .his80-list > li img {width: 100%;}

@media all and (max-width:999px) {
	#doc-wrap {overflow:hidden}
	.his80-wr .his80-tab-box {margin-bottom:20px;}
	.his80-wr .his80-tab-wr.fixed .his80-tab-box {position:fixed;width:calc(100% - 60px);margin:0 30px 20px}
	.his80-wr .his80-box .tit-box .tit {font-size:2em}
	.his80-wr .his80-box .his80-list {gap:5px}
}

@media all and (max-width: 799px) {
	.his80-wr .his80-tab-box .his80-tab {flex-flow:row wrap}
	.his80-wr .his80-tab-box .his80-tab > li {flex:none;width:33.33%}
	.his80-wr .his80-tab-box .his80-tab > li:nth-child(3n+1) a:after {display:none}
	.his80-wr .his80-box {flex-direction:column}
    .his80-wr .his80-box .tit-box {position:relative;left:auto;top:auto;width:100%;margin-bottom:10px;text-align:center;}
	.his80-wr .his80-box .tit-box .tit {font-size:1.5em}
	.his80-wr .his80-box .his80-detail {width:100%}
	.his80-wr .his80-box .his80-detail .his80-img-sld {margin-bottom:10px;}
	.his80-wr .his80-box .his80-list {gap:0}
}
@media (max-width: 680px){
	.his80-wr .his80-tab-wr.fixed .his80-tab-box {width:calc(100% - 30px);margin:0 15px;}
}
@media all and (max-width:599px) {
	.his80-wr .his80-box .his80-detail .his80-img-sld .data-util {right:10px;bottom:10px}
}
@media all and (max-width:420px){
	.his80-wr .his80-tab-wr.fixed .his80-tab-box {width:calc(100% - 20px);margin:0 10px;}
}

/* Animations */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}