
.histWrap{}

/* Category */
 .hist-cate .cate-now {overflow:hidden; margin:0 0 50px; position:relative;}
.hist-cate .cate-now:after{content:''; width:100%; height:1px; position:absolute; bottom:0; left:0; display:block; background-color:#0055bc;}
.hist-cate .cate-now li{float:left;}
.hist-cate .cate-now li a{display:block; padding:15px 30px; background-color:#f8f8f8; border:1px solid #ccc; border-bottom:none; position:relative; margin-bottom:-1px; margin-right:-1px;}
.hist-cate .cate-now li.active a{background-color:#fff; color:#0055bc; border:1px solid #0055bc; border-bottom:#fff; z-index:1; font-family:'Noto Regular';}
.hist-cate .cate-now .no-cate{line-height:62px; padding-left:20px;}

.histWrap .line{position:relative; padding-left:170px;}
.histWrap .line .info{position:relative; padding-bottom:50px; padding-left:50px; padding-top:10px;}
.histWrap .line .info:before{content:''; width:1px; height:100%; background-color:#a7b1b7; display:block; position:absolute; left:0; top:0;}
.histWrap .line .info:after{content:''; width:15px; height:15px; border:3px solid #00cccc; border-radius:100%; display:block; position:absolute; left:-7.5px; top:16px; background-color:#fff;}
.histWrap .line .year{font-size:30px; color:#0054a6; font-family:'Noto Bold'; position:absolute; left:0; top:0; line-height:1.3;}
.histWrap .line .info .detail{position:relative; padding-left:150px; font-size:17px; margin-bottom:15px;}
.histWrap .line .info .detail .month{position:absolute; left:0; top:0; font-family:'Noto Medium'; line-height:1.5;}
.histWrap .line .info .detail .desc{line-height:1.5;}

@media all and (max-width:767px) {
	.histWrap .line{padding-left:0;}
	.histWrap .line .year{position:relative; margin-bottom:10px;}
	.histWrap .line .info:before{display:none;}
	.histWrap .line .info:after{display:none;}
	.histWrap .line .info{padding-left:5px; padding-bottom:20px; margin-bottom:50px; border-bottom:1px solid #ddd;}
}

.histWrap .line .info .detail .desc .his-list > li {position:relative;}
.histWrap .line .info .detail .desc .his-list > li{padding-left:10px;}
.histWrap .line .info .detail .desc .his-list > li:after {content:'';position:absolute;left:0px;top: 12px;width:3px;height: 3px;border-radius:100%;background: #282828;}

.histWrap .line .info .detail .desc .his-list2 > li {position:relative;}
.histWrap .line .info .detail .desc .his-list2 > li{padding-left: 25px;}
.histWrap .line .info .detail .desc .his-list2 > li:after {position: absolute;left: 0;top: 5px;display: inline-block;width: 19px;height: 19px;line-height: 17px;margin-right: 10px;font-size: 15px;font-family: 'Noto Light';vertical-align: middle;text-align: center;color: #666;}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(1):after{content:'1.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(2):after{content:'2.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(3):after{content:'3.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(4):after{content:'4.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(5):after{content:'5.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(6):after{content:'6.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(7):after{content:'7.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(8):after{content:'8.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(9):after{content:'9.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(10):after{content:'10.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(11):after{content:'11.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(12):after{content:'12.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(13):after{content:'13.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(14):after{content:'14.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(15):after{content:'15.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(16):after{content:'16.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(17):after{content:'17.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(18):after{content:'18.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(19):after{content:'19.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(20):after{content:'20.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(21):after{content:'21.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(22):after{content:'22.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(23):after{content:'23.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(24):after{content:'24.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(25):after{content:'25.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(26):after{content:'26.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(27):after{content:'27.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(28):after{content:'28.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(29):after{content:'29.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(30):after{content:'30.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(31):after{content:'31.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(32):after{content:'32.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(33):after{content:'33.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(34):after{content:'34.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(35):after{content:'35.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(36):after{content:'36.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(37):after{content:'37.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(38):after{content:'38.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(39):after{content:'39.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(40):after{content:'40.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(41):after{content:'41.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(42):after{content:'42.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(43):after{content:'43.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(44):after{content:'44.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(45):after{content:'45.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(46):after{content:'46.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(47):after{content:'47.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(48):after{content:'48.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(49):after{content:'49.';}
.histWrap .line .info .detail .desc .his-list2 > li:nth-child(50):after{content:'50.';} 

