._fnctWrap{line-height:1.5}

.wrap-contents ._objHtml {margin-top: 0 !important;}
.wrap-history {display: none; position: relative; margin: 60px 0 0 0;}
.wrap-history.active {display: block;}
.title-history {padding: 104px 0 94px 0; background: url('../images/bg-history.jpg') no-repeat center top;}
.title-history .small {display: block; font-family: 'Mont Regular'; font-size: 20px; color: #666666; text-align: center;}
.title-history .big {display: block; font-family: 'Mont Bold'; font-size: 45px; color: #00356d; text-align: center;}
.wrap-history:after {content: ''; position: absolute; left: 50%; top: 20px; width: 3px; height: 100%; background: url('../images/dot-history2.png') repeat-y; transform: translate(-50%, 0);}
.wrap-history .line {width: 100%; padding: 0 0 0 50%;}
.wrap-history .line:nth-child(even) {padding: 0 50% 0 0; text-align: right;}
.wrap-history .line .info {position: relative; padding: 0 0 0 40px;}
.wrap-history .line .info::after {content: ''; position: absolute; left: -5px; top: 20px; z-index: 1; width: 9px; height: 9px; background: #0067c3}
.wrap-history .line:nth-child(even) .info {padding: 0 40px 0 0 ;}
.wrap-history .line:nth-child(even) .info::after {left: auto; right: -5px;}
.wrap-history .detail {padding: 0 0 40px 0;}
.wrap-history .desc {margin: 13px 0 0 0; font-family: 'Roboto'; font-size: 20px; color: #333;}
.wrap-history .desc .point {font-family: 'Roboto'; font-size: 18px; color: #0045aa;}
.wrap-history .year {display: table-cell; vertical-align: top; width: 160px; padding-top: 40px;}
.wrap-history .year strong {position: relative; padding-left: 25px; font-family:'TitilliumWeb-Bold'; font-size: 40px; color: #003956; letter-spacing: -1px; line-height: .8;}
.wrap-history .month strong {position: relative; font-family: 'Mont SemiBold'; font-size: 35px; font-style: italic; color: #0067c3; letter-spacing: 0; line-height: 1.3;}
.wrap-history .month strong::after {content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 156px; height: 15px; background: url('../images/line-history1.png') no-repeat center center;}
.wrap-history .line:nth-child(even) .month strong::after {left: auto; right: 0; background: url('../images/line-history2.png') no-repeat center center;}
.wrap-history ._noData {position: relative; z-index: 100; background: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000;}

@media all and (max-width: 730px) {
    .title-history {padding: 64px 0 54px 0;}
    .title-history .big {font-size: 35px;}
    .wrap-history {margin: 40px 0 0 0;}
    .wrap-history .line,
    .wrap-history .line:nth-child(even) {padding: 0;}
    .wrap-history .line:nth-child(even) {text-align: left;}
    .wrap-history .line:nth-child(even) .info::after {left: 0;}
    .wrap-history .line .info::after {left: 0;}
    .wrap-history .line .info {padding: 0 0 0 45px;}
    .wrap-history .line:nth-child(even) .info {padding: 0 0 0 45px;}
    .wrap-history .line:nth-child(even) .month strong::after {left: 0px; right: auto; background: url(../images/line-history1.png) no-repeat center center;}
    .wrap-history .month strong {font-size: 25px;}
    .wrap-history .desc {font-size: 16px;}
    .wrap-history:after {left: 4px;}
    .wrap-history .detail {padding: 0 0 25px 0;}
}