/* 국제스토리 */
.kjcenter_history_wrap{position:relative}
.history_main_title{text-align:left;margin-bottom:80px;position:relative;font-size:32px;line-height:140%;font-weight:500;color:#1a1a1a;margin-bottom:12px}

.timeline_container{position:relative;padding-left:70px}
.timeline_container::before{content:'';position:absolute;top:0;left:17px;width:2px;height:100%;background-color:#e1e5e9}
.history_area_wrapper{margin-bottom:80px}

.history_title{font-size:28px;font-weight:900;color:#4C6CE6;margin:70px 0 40px -70px;position:relative;padding-left:50px}
.history_title::before{content:'';position:absolute;left:10px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#4C6CE6;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #4C6CE6}

.history_area{position:relative;margin-bottom:60px;opacity:0;transform:translateX(-30px);transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.history_area.is_visible{opacity:1;transform:translateX(0)}

.history_area::before{content:attr(data-year);position:absolute;left:-86px;top:15px;width:70px;height:70px;background:#fff;border:2px solid #4C6CE6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#4C6CE6;z-index:2;transition:all 0.3s ease}

.history_content{background:#fff;border-radius:8px;padding:30px;border:1px solid #e1e5e9;transition:all 0.3s ease;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.history_area:hover .history_content{box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:#4C6CE6}
.history_area:hover::before{background-color:#4C6CE6;color:#fff;transform:scale(1.05)}

.history_area ul{padding:0}
.history_area li{font-size:16px;color:#333;margin-bottom:12px;padding-left:20px;position:relative;font-weight:400;line-height:1.5}
.history_area li::before{content:'•';position:absolute;left:0;top:0;color:#4C6CE6;font-size:16px;font-weight:700}
.history_area li:last-child{margin-bottom:0}


.history_area:nth-child(1){transition-delay:0.05s}
.history_area:nth-child(2){transition-delay:0.1s}
.history_area:nth-child(3){transition-delay:0.15s}
.history_area:nth-child(4){transition-delay:0.2s}
.history_area:nth-child(5){transition-delay:0.25s}
.history_area:nth-child(6){transition-delay:0.3s}



  @keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}
      to{opacity:1;transform:translateY(0)}
  }
  .history_main_title{animation:fadeInUp 0.8s ease-out}


  
/****** Mobile ******/
@media screen and (min-width:320px) and (max-width:690px){
/* 국제스토리 */
.kjcenter_history_wrap{padding:0 25px}
.history_title{font-size:18px;margin:40px 0 40px -70px}
.history_title::before{width:7px;height:7px}
.history_main_title{font-size:24px;width:80%}
.history_content{padding:20px}

.history_area::before{width:50px;height:50px;font-size:14px;left:-80px}
.history_area li{font-size:15px}
}

/****** tablet ******/
@media screen and (min-width:691px) and (max-width:1180px){
/* 국제스토리 */
.kjcenter_history_wrap{padding:0 25px}
.history_title{font-size:24px;margin:40px 0 40px -70px}
.history_main_title{font-size:28px}
.history_content{padding:20px}
.history_area li{font-size:15px}
   
}


/****** desktop*****/
@media screen and (min-width:1181px) and (max-width:1600px){

    
}