.hidden{overflow: hidden;position: absolute;width: 0;height: 0;}

.hist_menu{padding-top: 25px; position: relative;}
.hist_menu .history-line{content:""; display: block; position: absolute; left: 0; top: 25px; width: 0; height: 2px; background-color: #005ead; z-index: 2;}
.hist_menu ul{display: flex; flex-wrap: wrap; width: 100%; border-top: 2px solid #eaeaea; position: relative;}
.hist_menu ul::before,
.hist_menu ul::after{content:""; display: block; position: absolute; margin-top: -7.5px; width: 2px; height: 15px; background-color: #005ead;}
.hist_menu ul::before{left: 0;}
.hist_menu ul::after{right: 0; background-color: #eaeaea;}
.hist_menu li{position: relative; transform: translateX(50%);}
.hist_menu li::before{content:""; display: block; position: absolute; left: 50%; top: -5.5px; width: 10px; height: 10px; border-radius: 50%; background-color: #bbbbbb; margin-left: -5px;}
.hist_menu li:last-child::before{display: none;}
.hist_menu li a{color: #8a8a8a; font-size: 18px; font-family: "ppr"; display: block; text-align: center; padding-top: 32px;}
.hist_menu li.past::before,
.hist_menu li.on::before,
.hist_menu li:hover::before{background-color: #005ead;}
.hist_menu li.on::after,
.hist_menu li:hover::after{content:""; display: block; position: absolute; left: 50%; top: -25px; margin-left: -25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(138,189,255,.3); z-index: -1;}
.hist_menu li.on a{color: #005ead; font-family: "pps";}

.hist_thum{display: none;}
.hist_main_content{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 136px;}
.hist_main_content .thumYear{width: 33.3333%;}
.hist_main_content .thumYear .history_title{font-size: 16px; color: #1074fe; font-family: "pps"; display: block; text-transform: uppercase;}
.hist_main_content .thumYear .txt{font-size: 50px; color: #121212; font-family: "pps"; margin: 12px 0 34px; display: block;}
.hist_main_content .thumYear p{font-size: 18px; line-height: 35px; color: #333333;}
.hist_main_content .item {width: 66.6666%;}
.hist_main_content .line{padding-bottom: 50px; padding-left: 67px; position: relative;}
.hist_main_content .line::before{content:""; display: block; position: absolute; left: 0; top: 17px; width: 7px; height: 7px; border-radius: 50%; background-color: #003acf; z-index: 2;}
.hist_main_content .line::after{content:""; display: block; position: absolute; left: 3px; top: 17px; width: 1px; height: 100%; background-color: rgba(18,18,18,.3); z-index: 1;}
.hist_main_content .line:last-child{margin-bottom: 0;}
.hist_main_content .line:last-child::after{top: 0; height: 0;}
.hist_main_content .line .year{margin-bottom: 10px;}
.hist_main_content .line .year strong{color: #003acf; font-size: 24px; font-family: "pps"; display: block;}
.hist_main_content .line .detail{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px;}
.hist_main_content .line .detail:last-child{margin-bottom: 0;}
.hist_main_content .line .month{width: 80px;}
.hist_main_content .line .month strong{font-size: 20px; font-family: "ppm"; color: #121212; display: block;}
.hist_main_content .line .desc{width: calc(100% - 80px); font-size: 17px; line-height: 1.5; margin-top: 2px;}
.hist_main_content .item ._noData{text-align: center; font-size: 17px; line-height: 1.5; border: 1px solid #eaeaea; border-radius: 5px; padding: 20px 0;}

.hist_menu .hist-mobile-tab {display: none;}

@media all and (max-width: 1200px) {
    .hist_menu li a{font-size: 14px; padding-top: 20px; word-break: keep-all;}
    .hist_menu li.on::after{width: 26px; height: 26px; top: -13px; margin-left: -13px;}
    .hist_main_content{margin-top: 100px;}
    .hist_main_content .thumYear .txt{font-size: 30px; margin: 0 0 20px;}
    .hist_main_content .thumYear p{font-size: 16px; line-height: 25px;}
    .hist_main_content .line{padding-bottom: 50px; padding-left: 40px;}
    .hist_main_content .line .year strong {font-size: 22px;}
    .hist_main_content .line .month strong {font-size: 18px;}
    .hist_main_content .line .desc {font-size: 16px;}
}

@media screen and (max-width: 768px) {
    .hist_menu {padding-top: 0;}
    .hist_menu .history-line {display: none;}

    .hist_menu .hist-mobile-tab {position: relative; display: block; width: 100%; margin-top: 0; padding: 11px 30px; text-align: center; background: #003477 url('../images/arrow-sel.png') no-repeat calc(100% - 15px) center; border-radius: 5px; font-family: ppm; font-size: 17px; color: #fff;}
    .hist_menu .hist-mobile-tab.on {background: #003477 url('../images/arrow-sel-on.png') no-repeat calc(100% - 15px) center;}

    .hist_menu ul {display: block; overflow: hidden; position: absolute; top: calc(100% - 1px); z-index: -1; width: 100%; max-height: 0; margin-bottom: 30px; background: #fff; border: 1px solid #fff; transition: all 0.5s ease; gap: 0; margin: 0;}
    .hist_menu ul.on {z-index: 10; max-height: 600px; padding: 10px 0; background: #fff; border: 1px solid #003477;}
    .hist_menu ul > li {display: block; width: 100% !important; padding: 0; margin: 0; padding: 4px 0; border: 0; transform: translate(0);}
    .hist_menu ul > li::before {display: none;}
    .hist_menu ul > li > a {display: block; height: auto; padding: 13px 40px; background: #fff; border-bottom: 1px solid #d1d1d1; font-size: 16px; text-align: left; line-height: normal; padding: 0 20px; border: 0; font-family: ppr; font-size: 17px; text-align: center; color: #333;}
    .hist_menu ul > li > a:hover {border-bottom: 0}
    .hist_menu ul > li > a::before {display: none;}
    .hist_menu ul > li.on > a,
    .hist_menu ul > li:hover > a {background: transparent; border: 0; font-family: pps; color: #1174ff;}
    .hist_menu ul > li > a[target=_blank]::after,
    .hist_menu ul > li.on > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank-grey.png) no-repeat center;}
    .hist_menu ul > li:hover > a[target=_blank]::after {background: url(../../images/guide/tab-link-blank.png) no-repeat center;}
    .hist_menu ul > li a span {display: block; padding: 0 20px;}
    .hist_menu ul > li a span:before {bottom: -11px;}
    .hist_menu ul > li:after {display: none;}
    .hist_menu ul::before,
    .hist_menu ul::after {display: none;}
    .hist_menu li.on::after,
    .hist_menu li:hover::after {display: none;}
}

@media all and (max-width: 600px) {
    .hist_main_content{margin-top: 50px;}
    .hist_main_content .thumYear{width: 100%;}
    .hist_main_content .thumYear .txt {margin-bottom: 0;}
    .hist_main_content .item {width: 100%; margin-top: 30px;}
    .hist_main_content .line{padding-left: 25px; padding-bottom: 40px;}
    .hist_main_content .line::before{top: 10px;}
    .hist_main_content .line::after{top: 10px;}
    .hist_main_content .line .year strong{font-size: 20px;}
    .hist_main_content .line .month strong{font-size: 17px;}
    .hist_main_content .line .desc{margin-top: 0; font-size: 17px;}
    .hist_main_content .item ._noData{font-size: 15px; padding: 10px 0;}
}