/* Font Weights */
/* Breakpoints */
/* Percentages Default Value */
/* Tablet VW Default Value */
/* Font Weights */
/* Breakpoints */
/* Percentages Default Value */
/* Tablet VW Default Value */
/* Media Queries */
.sec_history .inner {
  width: 75.7142857143%;
  max-width: 1060px;
  margin: 0 auto;
}
.sec_history .history_des {
  width: 83%;
  margin: 0 auto 70px;
}
.sec_history .history_content {
  margin-bottom: 300px;
}
.sec_history .history_content .list_history {
  position: relative;
  padding-bottom: 30px;
}
.sec_history .history_content .list_history::before {
  content: "";
  position: absolute;
  border: solid #00B3B6;
  border-width: 0 4px 0 0;
  padding: 15px;
  left: 49.3%;
  bottom: -2.1%;
  transform: translateX(-50%) rotate(25deg);
  z-index: 9;
}
.sec_history .history_content .list_history::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #00B3B6;
  top: 2.2%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}
.sec_history .history_content .list_history .item_history {
  position: relative;
  width: 50%;
}
.sec_history .history_content .list_history .item_history .circle {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #00B3B6;
  background: #FFFFFF;
  border-radius: 100%;
  top: 124px;
  left: -7px;
  z-index: 999;
}
.sec_history .history_content .list_history .item_history .century_wrap {
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 20px 20px;
}
.sec_history .history_content .list_history .item_history .century_wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #00B3B6;
  bottom: 0;
  left: 0;
}
.sec_history .history_content .list_history .item_history .century_wrap span {
  font-size: 18px;
  color: #00B3B6;
  line-height: 1.2;
}
.sec_history .history_content .list_history .item_history .century_wrap p {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 142px;
  font-style: italic;
  color: rgba(0, 179, 182, 0.35);
  line-height: 0.8;
}
.sec_history .history_content .list_history .item_history:nth-child(odd) {
  left: 50%;
}
.sec_history .history_content .list_history .item_history:nth-child(even) {
  left: 0;
}
.sec_history .history_content .list_history .item_history:nth-child(even) .circle {
  left: auto;
  right: -7px;
}
.sec_history .history_content .list_history .item_history:nth-child(even) .century_wrap {
  flex-direction: row-reverse;
}
.sec_history .history_content .list_history .item_history h3 {
  font-size: 25px;
  color: #231916;
  line-height: 1.5;
  margin: 20px 20px 35px;
}
.sec_history .history_content .list_history .item_history .history_wrap {
  width: 74%;
  max-width: 390px;
  margin: 0 auto 15px;
}
.sec_history .history_content .list_history .item_history .history_wrap:last-child {
  margin-bottom: 0;
}
.sec_history .history_content .list_history .item_history .history_wrap .img_history {
  width: 100%;
}
.sec_history .history_content .list_history .item_history .history_wrap p {
  font-size: 15px;
  color: #231916;
  line-height: 1.7;
  margin-top: 15px;
}
.sec_history .history_content .list_history .item_history .slider_layout .list_slider.slick-dotted {
  padding-bottom: 30px;
}
.sec_history .history_content .list_history .item_history .slider_layout .list_slider .slick-dots li {
  width: 9px;
  height: 9px;
  margin: 0 10px;
}
.sec_history .history_content .list_history .item_history .slider_layout .has_content_slider.slick-dotted {
  padding-bottom: 0;
}
.sec_history .history_content .list_history .item_history .slider_layout .has_content_slider p {
  margin-top: 50px;
}
.sec_history .history_content .list_history .item_history .slider_layout .has_content_slider .slick-dots {
  bottom: 12%;
}
.sec_history .history_content .list_history .item_history .history_row {
  position: relative;
  margin-bottom: 90px;
}
.sec_history .history_content .list_history .item_history .history_row:last-child {
  margin-bottom: 0;
}
.sec_history .history_content .list_history .history01 .history_wrap {
  width: 40%;
  max-width: 207px;
}
.sec_history .history_content .list_history .history02 {
  margin-top: -16.5%;
}
.sec_history .history_content .list_history .history03 {
  margin-top: -35%;
}
.sec_history .history_content .list_history .history04 {
  margin-top: -56%;
}
.sec_history .history_content .list_history .history04 .history_wrap {
  width: 49%;
  max-width: 256px;
}
.sec_history .history_content .list_history .history05 {
  margin-top: -5%;
}
.sec_history .history_content .list_history .history06 {
  margin-top: -49%;
}
.sec_history .history_content .list_history .history07 {
  margin-top: -48%;
}
.sec_history .history_content .list_history .history07 .history_wrap .img_history {
  width: 58%;
  max-width: 225px;
  margin: 0 auto;
}
.sec_history .history_content .list_history .history08 {
  margin-top: -16%;
}
.sec_history .history_content .list_history .history09 {
  margin-top: 0;
}
.sec_history .history_content .list_history .history10 {
  margin-top: -38%;
}
.sec_history .history_content .list_history .history11 {
  margin-top: 19%;
}
.sec_history .history_content .list_history .history12 {
  margin-top: -21%;
}
.sec_history .history_content .list_history .history13 {
  margin-top: -25%;
}
.sec_history .history_content .list_history .history14 {
  margin-top: -32%;
}
.sec_history .history_content .list_history .history15 {
  margin-top: 18%;
}
.sec_history .history_content .list_history .history16 {
  margin-top: -10%;
}
.sec_history .history_content .list_history .history17 {
  margin-top: -36%;
}

.animate-to-left,
.animate-to-right {
  transition: 1.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}

.animate-to-left {
  clip-path: inset(0 0 0 100%);
}

.animate-to-right {
  clip-path: inset(0 100% 0 0);
}

.animate-to-left.is-animated,
.animate-to-right.is-animated {
  clip-path: inset(0);
}

.animate-to-top {
  opacity: 0;
  transition: all 2s;
  transform: translate(0, 30px);
}

.animate-to-top.is-animated {
  opacity: 1;
  transform: translate(0, 0);
}

/* For Tablet */
@media (min-width: 768px) and (max-width: 1300px) {
  .sec_history .history_des {
    margin: 0 auto 5vw;
  }
  .sec_history .history_content {
    margin-bottom: 21.4285714286vw;
  }
  .sec_history .history_content .list_history {
    padding-bottom: 2.1428571429vw;
  }
  .sec_history .history_content .list_history::before {
    border-width: 0 0.2857142857vw 0 0;
    padding: 1.0714285714vw;
  }
  .sec_history .history_content .list_history::after {
    width: 0.2857142857vw;
    bottom: -0.1428571429vw;
  }
  .sec_history .history_content .list_history .item_history .circle {
    width: 1vw;
    height: 1vw;
    border: 0.2857142857vw solid #00B3B6;
    top: 8.8571428571vw;
    left: -0.5vw;
  }
  .sec_history .history_content .list_history .item_history .century_wrap {
    padding: 0 1.4285714286vw 1.4285714286vw;
  }
  .sec_history .history_content .list_history .item_history .century_wrap::after {
    height: 0.2857142857vw;
  }
  .sec_history .history_content .list_history .item_history .century_wrap span {
    font-size: 1.2857142857vw;
  }
  .sec_history .history_content .list_history .item_history .century_wrap p {
    font-size: 10.1428571429vw;
  }
  .sec_history .history_content .list_history .item_history:nth-child(even) .circle {
    right: -0.5vw;
  }
  .sec_history .history_content .list_history .item_history h3 {
    font-size: 1.7857142857vw;
    margin: 1.4285714286vw 1.4285714286vw 2.5vw;
  }
  .sec_history .history_content .list_history .item_history .history_wrap {
    margin: 0 auto 1.0714285714vw;
  }
  .sec_history .history_content .list_history .item_history .history_wrap p {
    font-size: 1.0714285714vw;
    margin-top: 1.0714285714vw;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .list_slider.slick-dotted {
    padding-bottom: 2.1428571429vw;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .list_slider .slick-dots li {
    width: 0.6428571429vw;
    height: 0.6428571429vw;
    margin: 0 0.7142857143vw;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .has_content_slider.slick-dotted {
    padding-bottom: 0;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .has_content_slider p {
    margin-top: 3.5714285714vw;
  }
  .sec_history .history_content .list_history .item_history .history_row {
    margin-bottom: 6.4285714286vw;
  }
}
/* For Mobile */
@media (max-width: 767px) {
  .sec_history .inner {
    width: 82.8125%;
    max-width: 5.3rem;
  }
  .sec_history .history_des {
    width: 92%;
    margin: 0 auto 0.5rem;
  }
  .sec_history .history_content {
    margin-bottom: 2.1rem;
  }
  .sec_history .history_content .list_history {
    padding-bottom: 1rem;
  }
  .sec_history .history_content .list_history::before {
    border-width: 0 0.04rem 0 0;
    padding: 0.15rem;
    left: -1.3%;
    bottom: -0.83%;
  }
  .sec_history .history_content .list_history::after {
    width: 0.04rem;
    top: 0.9%;
    left: 0;
  }
  .sec_history .history_content .list_history .item_history {
    width: 100%;
    margin-bottom: 0.9rem;
  }
  .sec_history .history_content .list_history .item_history:last-child {
    margin-bottom: 0;
  }
  .sec_history .history_content .list_history .item_history .circle {
    width: 0.14rem;
    height: 0.14rem;
    border: 0.04rem solid #00B3B6;
    top: 0.95rem;
    left: -0.07rem;
  }
  .sec_history .history_content .list_history .item_history .century_wrap {
    padding: 0 0.3rem 0.15rem;
  }
  .sec_history .history_content .list_history .item_history .century_wrap::after {
    height: 0.04rem;
  }
  .sec_history .history_content .list_history .item_history .century_wrap span {
    font-size: 0.18rem;
  }
  .sec_history .history_content .list_history .item_history .century_wrap p {
    font-size: 1.11rem;
  }
  .sec_history .history_content .list_history .item_history:nth-child(odd) {
    left: 0;
  }
  .sec_history .history_content .list_history .item_history:nth-child(even) .circle {
    left: -0.07rem;
    right: auto;
  }
  .sec_history .history_content .list_history .item_history:nth-child(even) .century_wrap {
    flex-direction: row;
  }
  .sec_history .history_content .list_history .item_history h3 {
    font-size: 0.25rem;
    margin: 0.2rem 0.3rem 0.3rem;
  }
  .sec_history .history_content .list_history .item_history .history_wrap {
    width: 3.85rem;
    max-width: 3.85rem;
    margin: 0 auto 0.6rem;
  }
  .sec_history .history_content .list_history .item_history .history_wrap p {
    font-size: 0.23rem;
    margin-top: 0.15rem;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .list_slider.slick-dotted {
    padding-bottom: 0.3rem;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .list_slider .slick-dots li {
    width: 0.09rem;
    height: 0.09rem;
    margin: 0 0.1rem;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .has_content_slider.slick-dotted {
    padding-bottom: 0;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .has_content_slider p {
    margin-top: 0.5rem;
  }
  .sec_history .history_content .list_history .item_history .slider_layout .has_content_slider .slick-dots {
    bottom: 24%;
  }
  .sec_history .history_content .list_history .item_history .history_row {
    margin-bottom: 0.9rem;
  }
  .sec_history .history_content .list_history .history01 .history_wrap {
    width: 2.1rem;
    max-width: 2.1rem;
  }
  .sec_history .history_content .list_history .history02,
  .sec_history .history_content .list_history .history03,
  .sec_history .history_content .list_history .history04,
  .sec_history .history_content .list_history .history05,
  .sec_history .history_content .list_history .history06,
  .sec_history .history_content .list_history .history07,
  .sec_history .history_content .list_history .history08,
  .sec_history .history_content .list_history .history09,
  .sec_history .history_content .list_history .history10,
  .sec_history .history_content .list_history .history11,
  .sec_history .history_content .list_history .history12,
  .sec_history .history_content .list_history .history13,
  .sec_history .history_content .list_history .history14,
  .sec_history .history_content .list_history .history15,
  .sec_history .history_content .list_history .history16,
  .sec_history .history_content .list_history .history17 {
    margin-top: 0;
  }
  .sec_history .history_content .list_history .history04 .history_wrap {
    width: 3.85rem;
    max-width: 3.85rem;
  }
  .sec_history .history_content .list_history .history04 .history_wrap .img_history {
    width: 2.28rem;
    margin: 0 auto;
  }
  .sec_history .history_content .list_history .history07 .history_wrap .img_history {
    width: 2.25rem;
    max-width: 2.25rem;
  }
  .animate-to-left {
    clip-path: inset(0 100% 0 0);
  }
}

/*# sourceMappingURL=history.css.map */