@charset "UTF-8";
@import url(https://fonts.adobe.com/fonts/industry#details-section+industry-thin);

/* history_top */
.history_top {
  background-color: #eff1f3;
  padding: 140px 0 135px;
  z-index: 2;
}
.history_top p {
  width: 1100px;
  margin: 0 auto;
  padding: 0 120px;
  position: relative;
  text-align: center;
  font-size: 24px;
  line-height: 1.75;
  color: #333;
}

/* tabmenu */
.history_tabmenu {
  position: relative;
}
.history_tabmenu ul li {
  float: left;
  width: 25%;
}
.history_tabmenu ul li a {
  display: block;
  font-size: 24px;
  line-height: 2.16;
  color: #111;
  letter-spacing: -0.01em;
  text-align: center;
  border-bottom: 2px solid rgba(135, 139, 141, 0.5);
  padding-bottom: 11px;
}
.history_tabmenu ul li:hover a,
.history_tabmenu ul li.active a {
  font-weight: 600;
  color: #bf232b;
}
.history_tabmenu .tab_bar {
  position: absolute;
  bottom: 0;
  width: 25%;
  height: 2px;
  background-color: #bf232b;
}

/* tab_cont */
.history .tab_cont {
  display: none;
}
.history .tab_cont.active {
  display: block;
}
.history .tab_cont.tab03 {
  padding-bottom: 0;
}
.clearFix:after {
  display: block;
  clear: both;
  content: "";
}
.half > * {
  float: left;
  width: 50%;
}

/* history_txt */
.history .tab_cont .history_txt {
  padding-top: 80px;
  text-align: center;
}
.history .tab_cont .history_txt .tit {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 33px;
  color: #111;
}
.history .tab_cont .history_txt .sec_desc {
  font-size: 15px;
  line-height: 26px;
  color: #666;
}

/* history_year */
.history .tab_cont .history_year {
  position: absolute;
  left: 0;
  top: 0;
}
.history .tab_cont .history_year .year_wrap {
  position: relative;
  padding-right: 160px;
  text-align: right;
}
.history .tab_cont .history_year .year_quick li {
  margin-bottom: 20px;
}
.history .tab_cont .history_year .year_quick li a {
  position: relative;
  display: inline-block;
  font-family: industry, sans-serif;
  font-weight: 700;
  font-size: 30px;
  color: #e3e6e8;
  letter-spacing: -0.02em;
  z-index: 10;
} /*font: normal 600 46px/1 acumin-pro, sans-serif;*/
.history .tab_cont .history_year .year_quick li:hover a {
  color: #3b4951;
}
.history .tab_cont .history_year .year_quick li.active a {
  position: relative;
  font-size: 120px;
  color: #3b4951;
  letter-spacing: -0.02em; /* margin-bottom: 46px; */
  margin-top: -30px;
  text-indent: 3.1%;
  z-index: 1;
}
/*font: normal 700 160px/1 acumin-pro, sans-serif;*/
.history .tab_cont .history_wrap {
  position: relative;
  margin-top: 120px;
}
.history .tab_cont .history_wrap .indicator {
  position: absolute;
  left: 49.7%;
  top: 0px;
  width: 40px;
  height: 20px;
  transform: translateX(-50%);
  background: url(../images/ico_vector.png) no-repeat center center;
}
.history .tab_cont .history_wrap.fixed .indicator {
  position: fixed;
  left: 49.56vw;
  top: 200px;
}
.history .tab_cont .history_wrap.fixed .history_year {
  position: fixed;
  top: 150px;
  left: 8px;
}

/* history_list */
.history .tab_cont .history_list {
  float: right;
  border-left: 1px solid #c0c1c1;
}
.history .tab_cont .history_list li {
  position: relative;
  padding-left: 115px;
  padding-top: 130px;
}
.history .tab_cont .history_list li:first-child {
  padding-top: 0;
}
.history .tab_cont .history_list li:last-child {
  padding-bottom: 165px;
}
.history .tab_cont .history_list li.hislast {
  padding-bottom: 410px;
}
.history .tab_cont .history_list li p.year_m {
  display: none;
}
.history .tab_cont .history_list > li dl {
  position: relative;
}
.history .tab_cont .history_list > li dl + dl {
  margin-top: 30px;
}
.history .tab_cont .history_list > li dt {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.03em;
  position: absolute;
  top: 0;
  left: 0;
  color: #111;
}
.history .tab_cont .history_list > li[data-active] dt {
  color: #bf232b;
}
.history .tab_cont .history_list > li dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.02em;
  color: #111;
}
.history .tab_cont .history_list > li dd + dd {
  padding-top: 30px;
}
.history .tab_cont .history_list > li dd:not(.obj_wrap) {
  padding-left: 60px;
}
.history .tab_cont .history_list > li dd.obj_wrap {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 60px;
}
.history .tab_cont .history_list > li dd.obj_wrap .obj {
  overflow: hidden;
}
.history .tab_cont .history_list > li dd .bracket {
  display: block;
  color: #878b8d;
  font-size: 18px;
  line-height: 1.78;
}
.history .tab_cont .history_list > li dd .bracket.inb {
  display: inline-block;
}
.kkk {
  padding-bottom: 600px !important;
}

/* gotop */
.goTop {
  width: 70px;
  height: 70px;
  background-color: #4b585f;
  border-radius: 50%;
  position: fixed;
  bottom: 50px;
  right: 50px;
  opacity: 0;
  z-index: 20;
}
.goTop .top_icon {
  width: 22px;
  height: 13px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
html:not(.device) .goTop:hover {
  background-color: #bf232b;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1417px) {
  .history .tab_cont .history_txt {
    padding-top: 4.03vw;
  }
  .history .tab_cont .history_txt .tit:after {
    width: 3.47vw;
    height: 0.14vw;
    margin: 2.36vw 0 0.35vw 0;
  }
  .history .tab_cont .history_year .year_wrap {
    padding-right: 11.11vw;
  }
  /* .history .tab_cont .history_year .year_quick li {margin-bottom: 1.39vw;} */
  /* .history .tab_cont .history_year .year_quick li a { font: normal 600 3.19vw/1 acumin-pro, sans-serif;} */
  /* .history .tab_cont .history_year .year_quick li.active a {font: normal 700 11.11vw/1 acumin-pro, sans-serif; margin-top: -2.08vw;} */
  /* .history .tab_cont .history_wrap { margin-top: 5.56vw;} */
  .history .tab_cont .history_wrap .indicator {
    width: 6.11vw;
    height: 3.11vw;
  }
  .history .tab_cont .history_wrap.fixed .indicator {
    left: 49.37vw;
    top: 14.31vw;
  }
  .history .tab_cont .history_wrap.fixed .history_year {
    top: 11vw;
    left: 0.56vw;
  }
  .history .tab_cont .history_list li {
    padding-left: 7.99vw;
    padding-top: 9.03vw;
  }
  /* .history .tab_cont .history_list li:last-child {padding-bottom: 9.03vw;} */
  .history .tab_cont .history_list > li dl + dl {
    margin-top: 2.08vw;
  }
  .history .tab_cont .history_list > li dt {
    font-size: 1.8vw;
  }
  .history .tab_cont .history_list > li dd {
    font-size: 1.9vw;
  }
  .history .tab_cont .history_list > li dd + dd {
    padding-top: 2.08vw;
  }
  .history .tab_cont .history_list > li dd:not(.obj_wrap) {
    padding-left: 7vw;
  }
  .history .tab_cont .history_list > li dd.obj_wrap {
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
  }
  /* .history .tab_cont .history_list > li dd.obj_wrap .obj {border-radius: 0.69vw; } */
  .history .tab_cont .history_list > li dd .bracket {
    font-size: 1.25vw;
  }
  .inner {
    padding: 0 8.33vw;
  }
  .tit {
    font-size: 2.22vw;
    margin-bottom: 2.29vw;
  }

  /* tabmenu */
  .tabmenu {
    padding: 4.17vw 0 0;
  }
  .tabmenu li > a,
  .link_tab li > a {
    font-size: 1.67vw;
    padding-bottom: 0.76vw;
  }
  footer .footer {
    padding: 4.86vw 0 5.56vw;
  }
  footer a,
  footer p,
  footer .familysite button {
    font-size: 1.11vw;
  }
  .goTop {
    width: 4.86vw;
    height: 4.86vw;
    bottom: 3.47vw;
    right: 3.47vw;
  }
  .goTop .top_icon {
    width: 2vw;
    height: 0.9vw;
  }
  .wrap {
    min-width: inherit;
  }
  footer .f_wrap {
    width: 100%;
  }
  .content_wrap section {
    width: 100%;
  }
  .visual_container .navigation {
    width: 100%;
  }
  .history_top p {
    width: auto;
  }
}
@media screen and (max-width: 1240px) {
  .history .tab_cont .history_txt .sec_desc {
    padding: 0;
  }
}

@media screen and (max-width: 1180px) {
  .history .tab_cont .history_wrap.fixed .indicator {
    top: 16.31vw;
    left: 49.27vw;
  }
  .history .tab_cont .history_wrap.fixed .history_year {
    top: 13vw;
  }
}

@media screen and (max-width: 1075px) {
  .history .tab_cont .history_wrap.fixed .indicator {
    left: 49.1vw;
  }
}

@media screen and (max-width: 990px) {
  .history .tab_cont .history_wrap.fixed .indicator {
    top: 18.31vw;
  }
  .history .tab_cont .history_wrap.fixed .history_year {
    top: 14.5vw;
  }
}

@media screen and (max-width: 950px) {
  .history_top {
    padding: 70px 0;
  }
  .history_top p {
    padding: 0;
  }
  footer .f_links {
    padding-right: 20px;
    padding-bottom: 75px;
    text-align: right;
  }
  footer .f_sns {
    top: 42px;
  }
  footer .f_family {
    top: 32px;
    right: 20px;
  }
  footer address {
    margin-right: 20px;
    text-align: right;
  }
}

@media screen and (max-width: 800px) {
  .history .tab_cont .history_wrap.fixed .indicator {
    top: 22.31vw;
    left: 49vw;
  }
  .history .tab_cont .history_wrap.fixed .history_year {
    top: 17.5vw;
  }
}

@media screen and (max-width: 565px) {
  .history_tabmenu ul li a {
    font-size: 20px;
  }
  footer .f_wrap {
    padding-left: 110px;
  }

  .history .tab_cont .history_year .year_quick li.active a {
    font-size: 70px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .history .tab_cont .history_txt .tit:after {
    width: 36px;
    height: 1px;
  }
  /* .history .tab_cont .history_year .year_quick li a { font: normal 600 33px/1 acumin-pro, sans-serif;} */
  /* .history .tab_cont .history_year .year_quick li.active a {font: normal 700 114px/1 acumin-pro, sans-serif;} */
  .history .tab_cont .history_wrap .indicator {
    width: 40px;
    height: 22px;
  }
}

/* 연혁 하단 제어 */
@media screen and (min-height: 1010px) {
  .content_wrap {
    margin: 80px 0 12%;
  }
}
@media screen and (min-height: 1070px) {
  .content_wrap {
    margin: 80px 0 14%;
  }
}
@media screen and (min-height: 1100px) {
  .content_wrap {
    margin: 80px 0 11%;
    padding-bottom: 60px;
  }
}
@media screen and (min-height: 1101px) {
  .content_wrap {
    margin: 80px 0 15%;
  }
}
@media screen and (min-height: 1130px) {
  .content_wrap {
    margin: 80px 0 17%;
  }
}
@media screen and (min-height: 1170px) {
  .content_wrap {
    margin: 80px 0 19%;
  }
}
@media screen and (min-height: 1190px) {
  .content_wrap {
    margin: 80px 0 20%;
  }
}
@media screen and (min-height: 1200px) {
  .content_wrap {
    margin: 80px 0 20%;
  }
}