._fnctWrap{line-height:1.5}

/* tab  */
.history-tab {position: relative; border-bottom: 2px solid #DFDFDF; margin-bottom: 50px;}
.history-tab::before {content: ""; position: absolute; width: 100%; height: 4px; background: url("../images/history_line.png"); left: 0; top: 0;}

.history-tab .history_ul {overflow: hidden;}
.history-tab .history_ul > li {position: relative; float: left; width: 135px;}
.history-tab .history_ul > li::before {content: ""; position: absolute; width: 1px; height: 25px; background: #D1D1D1; left: 0; top: 50%; margin-top: -12.5px;}
.history-tab .history_ul > li:first-child::before {display: none;}
.history-tab .history_ul > li a {position: relative; display: block; padding: 30px 45px 30px 20px; font-size: 18px; letter-spacing: -0.5px; color: #666666;}
.history-tab .history_ul > li a::after {content: ""; position: absolute; width: 24px; height: 24px; background: url("../images/history_off.png") no-repeat; right: 20px; top: 50%; margin-top: -12px;}

.history-tab .history_ul > li._active a {color: #005aab; font-family: "Noto Regular";}
.history-tab .history_ul > li._active a::after {background: url("../images/history_on.png") no-repeat;}


.wrap-contents ._objHtml {margin-top: 0 !important;}
.wrap-history {display: none; position: relative;}
.wrap-history.active {display: block;}
.wrap-history:after {content: ''; position: absolute; left: 7px; top: 20px; width: 1px; height: 100%; background: #003956;}
.wrap-history .line {display: table; width: 100%;}
.wrap-history .line:first-child .info {padding-top: 0;}
.wrap-history .line:first-child .year {padding-top: 0;}
.wrap-history .year {display: table-cell; vertical-align: top; width: 160px; padding-top: 30px;}
.wrap-history .year strong {position: relative; padding-left: 25px; font-family:'Montserrat'; font-size: 22px; color: #1b60c7; line-height: .8; font-weight: 600;}
.wrap-history .year strong:after {content: ''; position: absolute; left: 0; top: 7px; z-index: 1; width: 15px; height: 15px; border-radius: 100%; background: #fff; border: 3px solid #1b60c7;}
.wrap-history .info {position: relative; display: table-cell; vertical-align: top; padding: 30px 0;}
.wrap-history .info:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: url('../images/dot-history.png');}
.wrap-history .detail {display: table; width: 100%; table-layout: fixed;}
.wrap-history .detail:last-child .desc {padding-bottom: 0;}
.wrap-history .month {display: table-cell; vertical-align: top; width: 130px;}
.wrap-history .month strong {font-family:'Roboto'; font-size: 20px; color: #2a2a2a; letter-spacing: 0; line-height: 1.3; font-weight: 400;}
.wrap-history .desc {display: table-cell; vertical-align: top; padding-bottom: 15px; padding-left: 16px;}
.wrap-history .desc strong {position: relative; display: block; padding-bottom: 10px; font-family: 'Noto Light'; font-size: 18px; color: #333; letter-spacing: -0.5px;}
.wrap-history .desc strong:after {content: ''; position: absolute; left: -15px; top: 11px; width: 7px; height: 7px; background: #417BDB; border-radius: 100%;}
.wrap-history .desc .list li {position: relative; padding-left: 8px;  font-family: 'Noto Light'; font-size: 16px; color: #666; line-height: 1.5;}
.wrap-history .desc .list li:after {content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 1px; background: #666;}
.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) {
    .wrap-history .line {margin-bottom: 40px;}
    .wrap-history .year,
    .wrap-history .info {display: block; width: 100%;}
    .wrap-history .year {margin-bottom: 25px; padding-top: 0;}
    .wrap-history .info {padding: 0; padding-left: 27px;}
    .wrap-history .info:after {display: none;}
}

@media all and (max-width: 470px) {
    .wrap-history .month,
    .wrap-history .desc {display: block; width: 100%;}
    .wrap-history .month {padding-bottom: 10px;}
    .wrap-history .desc {padding-bottom: 20px;}
}