._fnctWrap{line-height:1.5}


#_JW_hist_basic{display:flex;}
/* #_JW_hist_basic:before{content:'';width: 100vw;height: 49%;max-height: 984px;background: #F7F7F7;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index: -1;} */
.his-text{width:43%;padding-right:150px;}
.his-text > ul{display:flex;height:100%;flex-direction: column;justify-content: space-between;}
.his-text > ul > li + li{padding-bottom: 125px;}
.his-text > ul > li > strong{display:block;line-height:1.35;font-size:54px;color:#000;font-family:'Pre Bold';margin-bottom:25px;}
.his-text > ul > li > p{font-size:18px;font-family:'Pre Regular';color:#707070;line-height:1.5;}
.his-text > ul > li:nth-child(1) > p:after{content:'';width:302px;height:414px;background: url("../images/his-img01.png");display:block;margin-top:40px;}
.his-text > ul > li:nth-child(2) > p:after{content:'';width:540px;height:296px;background: url("../images/his-img02.png");display:block;margin-top:40px;}


/* 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;}
.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;width: 57%;padding-bottom: 340px;}
.wrap-history.active {display: block;}
.wrap-history::after {content: '';position: absolute;left: 150px;top: 20px;width: 1px;height: calc(100% + 200px);background: #d9d9d9;}
.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: 150px;padding-top: 20px;}
.wrap-history .year strong {position: relative;font-size: 30px;color: #2822e9;font-weight: 600;font-family: 'Pre Bold';line-height: 44px;}
.wrap-history .info {position: relative;display: table-cell;vertical-align: top;padding: 20px 0;}
.wrap-history .info::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: url('../images/dot-history.png');display: none;}
.wrap-history .detail {display: table;width: 100%;table-layout: fixed;padding-top: 5px;}
.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-size: 20px;color: #000;letter-spacing: 0;line-height: 30px;font-weight: 400;position:relative;padding-left: 45px;font-family: 'Pre Bold';}
.wrap-history .month strong:after {content: '';position: absolute;left: -4px;top: 9px;z-index: 1;width: 8px;height: 8px;border-radius: 100%;background: #d9d9d9;}

.wrap-history .desc {display: table-cell;vertical-align: top;padding-bottom: 15px;padding-left: 25px;font-size: 20px;color: #000;letter-spacing: -0.025em;}
.wrap-history .desc strong {position: relative;display: block;font-size: 20px;color: #000;font-family: 'Pre Bold';}
.wrap-history .desc i{display:block;height:200px;}
.wrap-history .desc .list li {position: relative; padding-left: 8px;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: 1400px) {
.his-text{padding-right:100px;}
.his-text > ul > li > strong{font-size:50px;}   
.his-text > ul > li:nth-child(2) > p:after{width:100%;background-size: 100%;} 
}


@media all and (max-width: 1280px) {
.his-text > ul{}    
.his-text{padding-right:50px;}
.his-text > ul > li > strong{font-size:38px;}
.his-text > ul > li > p{font-size:16px;}    
.his-text > ul > li:nth-child(1) > p:after{width: 50%;background-size: 100%;background-repeat:no-repeat;}    
.wrap-history .year{width:120px;padding-top: 15px;}  
.wrap-history .year strong{font-size:24px;}    
.wrap-history .month strong{font-size:18px;}    
.wrap-history .desc strong{font-size:18px;}    
.wrap-history .desc{font-size:18px;}  
.wrap-history .info{padding:15px 0;}    
.wrap-history .month strong:after{width:6px;height:6px;}  
.wrap-history::after{left:119px;}    
}
@media all and (max-width: 860px) {
#_JW_hist_basic{display:block;}
#_JW_hist_basic:before{display:none;}    
.his-text{width:100%;padding-right: 0;}    
.his-text > ul > li + li{margin-top:45px;padding-bottom: 80px;}  
.his-text > ul > li:nth-child(1) > p:after{width:302px;height:414px;}
.his-text > ul > li:nth-child(2) > p:after{width:540px;height:296px;} 
.wrap-history{width:100%;padding-bottom: 120px;}    
.wrap-history .desc i{display:none;}    
}

@media all and (max-width: 500px) {
.his-text > ul > li:nth-child(1) > p:after{width:100%;height: 603px;}
    .his-text > ul > li:nth-child(2) > p:after{width:100%;height:242px;background-repeat:no-repeat;}
.wrap-history .line{display:block;}    
.wrap-history .year{display:block;}
.wrap-history .month strong:after{left:0;}   
.wrap-history::after{left:3px;top:65px;}  
.wrap-history .month strong{padding-left: 15px;}  
.wrap-history .month{width: 100px;}    
.wrap-history .year strong{padding-left:15px;font-size: 22px;}    
.wrap-history .info{padding-top:0;}      
}