
.histWrap {line-height: 1.5;}
/* [S] 탭 */
.histWrap .tab {margin-bottom: 5.5rem;border: .1rem solid #dfdfdf;border-right: 0;position: relative;top: 0;z-index: 3; background-color: white;}
.histWrap .tab::after {content: '';display: block;position: absolute;right: 0px;top: 0px;width: 1px;height: calc(100%);background: #dfdfdf;z-index: 1;}
.histWrap .tab .menuUItab{max-width: 150rem; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.histWrap .tab .swiper-button-disabled{display: none;}
.histWrap .tab .prev,
.histWrap .tab .next{width: 3.5rem; height: 3.5rem; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -9999rem;}
.histWrap .tab .prev{background-image: url(../images/btn-prev.png);}
.histWrap .tab .prev:hover{background-image: url(../images/btn-prev-on.png);}
.histWrap .tab .next{background-image: url(../images/btn-next.png);}
.histWrap .tab .next:hover{background-image: url(../images/btn-next-on.png);}

.histWrap .tab .hist-cate{width:100%; overflow: hidden;}
/* no slider */
.histWrap .tab .cate-now {display: flex;}
.histWrap .tab .cate-now li {border-right:.1rem solid #dfdfdf; flex:100%;}
@media screen and (max-width:600px) {
    .histWrap .tab .cate-now {flex-wrap:wrap;}
    .histWrap .tab .cate-now li {flex:50%;}
}
/* // no slider */


.histWrap .tab .hist-cate .centermode{justify-content: center; align-items: stretch;}
.histWrap .tab .hist-cate .swiper-slide{position: relative; text-align: center; height:auto;}
.histWrap .tab .hist-cate .swiper-slide::before {content:''; position: absolute; left:-.1rem;; top:0; width:.1rem; height:100%; background:#dfdfdf;}
.histWrap .tab .hist-cate .swiper-slide::after {content:''; position: absolute; right:0rem; top:0; width:.1rem; height:100%; background:#dfdfdf;}
.histWrap .tab .hist-cate a{position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height:5.4rem; height: 100%; padding: 0 2rem; font-size: 1.9rem; font-family: pbGOV; text-align: center; color: #979797; }
.histWrap .tab .hist-cate a::after{content:""; display: block; position: absolute; left:0 ; bottom: 0; width:100%; height: .3rem; background-color: #dfdfdf; transition: width .5s;}

.histWrap .tab .hist-cate .active a,
.histWrap .tab .hist-cate a:hover{color: #246BEB}
.histWrap .tab .hist-cate .active a::after {background-color:#246BEB; width:calc(100% + .2rem); left:-.1rem;}

.histWrap .prev,
.histWrap .next {display: none;}
/* [E] 탭 */

/* [S] 내용 */
.history-title-box h1 {margin-bottom: 2.4rem; font-family: pbGOV; font-size: 3.2rem; color:#1d1d1d;} 
.hist-list .box {position: relative;display: flex; padding-bottom: 2.4rem;}
.hist-list .box:last-child {padding-bottom: 0;}
.hist-list .box::before {content:''; position: absolute; left:.5rem; top:1.5rem; width:.3rem; height:100%; background:#dfdfdf;}
.hist-list .box:last-child::before {display: none;}
.hist-list .year {position: relative; flex-shrink: 0; width:16rem; padding-left:2.4rem; font-family: pbGOV; font-size: 2.4rem; color:#246BEB;}
.hist-list .year::before {content:''; position: absolute; left:0; top:1.1rem; width:1.4rem; height:1.4rem; background:#fff; border:.3rem solid #246BEB; border-radius:50%;}
.hist-list .row {margin-top:.5rem; margin-bottom: 5rem; display: flex;}
.hist-list .row .history-content{width: 30rem; margin-right: 5rem;}
.hist-list .row .history-content-list{flex: 1;}
.histWrap .history-content-image{overflow: hidden; position: relative;}
.histWrap .history-content-image .history-pagination{position: absolute; left: 0; bottom: 1rem; width: 100%; z-index: 2; text-align: center;}
.histWrap .history-content-image .history-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; background-color: #cccccc; opacity: 1; margin: 0 .5rem;}
.histWrap .history-content-image .history-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #02a3da;}
.histWrap .history-content-text{margin-top: 1rem;}
.histWrap .history-content-text p{font-size: 1.6rem; text-align: center; font-family: pm; background-color: white;}
.hist-list .line {display: flex; margin-bottom: 1rem;}
.hist-list .line:last-child {margin-bottom: 0;}
.hist-list .line .date {position: relative; flex-shrink: 0; margin-right: 3rem; padding-left: 1.5rem;font-family: pbGOV; font-size: 1.7rem; color:#2D2D2D; }
.hist-list .line .date::before {content:''; position: absolute; left:0; top:.9rem; width:.6rem; height:.6rem; background:#717171; }
.hist-list .line p {font-family: prGOV; font-size: 1.7rem; color:#555;}

.hist-list ._noData {font-family: prGOV; font-size:1.7rem; color:#555;}

@media screen and (max-width:767px) {
    .hist-list .box {flex-direction: column;}
    .hist-list .year {width:11rem;}
    .hist-list .row {padding-left:2.4rem;}
    .hist-list .line .date {margin-right: 1rem;}
}
/* [E] 내용 */

