._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;} }