@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : 플랜아이 moni
Create date : 2024-01-26
-------------------------------------------------*/
html {
  scrollbar-width: none;
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
}

#gnb1 > ul .submenu::before {
  left: 10rem;
  margin-left: 0;
}
#gnb1 > ul .submenu:after {
  width: calc(50% - 70rem + 25rem - 10rem);
  left: 10rem;
}

#main {
  width: 100%;
  height: 100vh;
  padding-top: 10rem;
  padding-left: 10rem;
}

.main_wrap {
  height: 100%;
  position: relative;
}

.main_scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -webkit-box-orient: vertical;
}

#v_nav {
  position: absolute;
  left: -10rem;
  top: 0;
  z-index: 1;
  width: 10rem;
  height: 100%;
  background: #D40011;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#v_nav a {
  display: block;
  position: relative;
  padding-top: 1rem;
  margin: 0.7rem;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: 500;
  width: 2.8rem;
  height: 0.8rem;
}
#v_nav a::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #fff;
  opacity: 0.4;
  position: absolute;
  top: 0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#v_nav a::after {
  content: "";
  width: 1px;
  height: 0;
  background: #fff;
  opacity: 0.4;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#v_nav a:last-child::after {
  display: none;
}
#v_nav a span {
  display: none;
  text-transform: uppercase;
  line-height: 3rem;
}
#v_nav a.active {
  padding-bottom: 7.5rem;
  height: auto;
  padding-top: 2rem;
}
#v_nav a.active::before {
  opacity: 1;
}
#v_nav a.active::after {
  height: 5rem;
}
#v_nav a.active span {
  display: inline-block;
}
#v_nav a:hover::before {
  opacity: 1;
}

.section {
  height: calc(100vh - 10rem);
  word-wrap: break-word;
}

.section1 {
  background-image: url(../img/main/img_a_1.jpg);
  background-size: 100% 100%;
  color: #fff;
}
.section1 .inner {
  width: calc(100vw - 10rem);
  height: 100%;
  padding: 7rem;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.section1 .btn_scroll {
  width: 11rem;
  height: 11rem;
  border-radius: 50%;
  background: #D40011;
  text-align: center;
  font-weight: 500;
  margin-bottom: 3.8rem;
  position: relative;
  opacity: 0;
}
.section1 .btn_scroll::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section1 .btn_scroll .arrow {
  position: relative;
  width: 3.2rem;
  height: 0.8rem;
  display: block;
  margin: 0 auto 1rem;
  background-image: url(../img/main/s_arrow.png);
  background-size: contain;
  -webkit-animation: RightMove 1s infinite;
          animation: RightMove 1s infinite;
}
.section1 .btn_scroll img {
  margin: 0 auto 1rem;
  display: block;
  -webkit-animation: RightMove 1s infinite;
          animation: RightMove 1s infinite;
}
.section1 .btn_scroll:hover::before, .section1 .btn_scroll:focus::before {
  opacity: 1;
}
.section1 .txt1 {
  font-size: 2.5rem;
  color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  font-weight: 500;
  opacity: 0;
  margin-bottom: 1rem;
}
.section1 .txt1 br {
  display: none;
}
.section1 .title {
  font-family: "Georgia";
  font-size: 14rem;
  line-height: 1.2;
  opacity: 0;
}
.section1 .title span {
  opacity: 0;
  display: inline-block;
  min-width: 3rem;
}
.section1.on .btn_scroll {
  -webkit-animation: OpacityEffect 1s ease 1.3s forwards;
          animation: OpacityEffect 1s ease 1.3s forwards;
}
.section1.on .txt1 {
  -webkit-animation: OpacityEffect 1s ease 1.6s forwards;
          animation: OpacityEffect 1s ease 1.6s forwards;
}
.section1.on .title {
  opacity: 1;
}
.section1.on .title.title1 span {
  -webkit-animation: fadeIn 1s ease forwards;
          animation: fadeIn 1s ease forwards;
}
.section1.on .title.title1 span:nth-child(1) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.section1.on .title.title1 span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.section1.on .title.title1 span:nth-child(3) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.section1.on .title.title1 span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.section1.on .title.title1 span:nth-child(5) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.section1.on .title.title1 span:nth-child(6) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.section1.on .title.title1 span:nth-child(7) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.section1.on .title.title1 span:nth-child(8) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.section1.on .title.title1 span:nth-child(9) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.section1.on .title.title1 span:nth-child(10) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.section1.on .title.title1 span:nth-child(11) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.section1.on .title.title1 span:nth-child(12) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.section1.on .title.title1 span:nth-child(13) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.section1.on .title.title1 span:nth-child(14) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.section1.on .title.title1 span:nth-child(15) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
.section1.on .title.title1 span:nth-child(16) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.section1.on .title.title1 span:nth-child(17) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
.section1.on .title.title1 span:nth-child(18) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.section1.on .title.title1 span:nth-child(19) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
.section1.on .title.title1 span:nth-child(20) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.section1.on .title.title1 span:nth-child(21) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}
.section1.on .title.title1 span:nth-child(22) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.section1.on .title.title1 span:nth-child(23) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.section1.on .title.title1 span:nth-child(24) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.section1.on .title.title1 span:nth-child(25) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
.section1.on .title.title1 span:nth-child(26) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.section1.on .title.title1 span:nth-child(27) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
.section1.on .title.title1 span:nth-child(28) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.section1.on .title.title1 span:nth-child(29) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
}
.section1.on .title.title1 span:nth-child(30) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.section1.on .title.title2 span {
  -webkit-animation: fadeIn 1s ease forwards;
          animation: fadeIn 1s ease forwards;
}
.section1.on .title.title2 span:nth-child(1) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.section1.on .title.title2 span:nth-child(2) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.section1.on .title.title2 span:nth-child(3) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.section1.on .title.title2 span:nth-child(4) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.section1.on .title.title2 span:nth-child(5) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.section1.on .title.title2 span:nth-child(6) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.section1.on .title.title2 span:nth-child(7) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
.section1.on .title.title2 span:nth-child(8) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.section1.on .title.title2 span:nth-child(9) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
.section1.on .title.title2 span:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.section1.on .title.title2 span:nth-child(11) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
.section1.on .title.title2 span:nth-child(12) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.section1.on .title.title2 span:nth-child(13) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}
.section1.on .title.title2 span:nth-child(14) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.section1.on .title.title2 span:nth-child(15) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.section1.on .title.title2 span:nth-child(16) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.section1.on .title.title2 span:nth-child(17) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
.section1.on .title.title2 span:nth-child(18) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.section1.on .title.title2 span:nth-child(19) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
.section1.on .title.title2 span:nth-child(20) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.section1.on .title.title2 span:nth-child(21) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
}
.section1.on .title.title2 span:nth-child(22) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.section1.on .title.title2 span:nth-child(23) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}
.section1.on .title.title2 span:nth-child(24) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.section1.on .title.title2 span:nth-child(25) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.section1.on .title.title2 span:nth-child(26) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.section1.on .title.title2 span:nth-child(27) {
  -webkit-animation-delay: 1.85s;
          animation-delay: 1.85s;
}
.section1.on .title.title2 span:nth-child(28) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.section1.on .title.title2 span:nth-child(29) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}
.section1.on .title.title2 span:nth-child(30) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

@-webkit-keyframes RightMove {
  0% {
    -webkit-transform: translateX(-0.3rem);
            transform: translateX(-0.3rem);
  }
  50% {
    -webkit-transform: translateX(0.3rem);
            transform: translateX(0.3rem);
  }
  100% {
    -webkit-transform: translateX(-0.3rem);
            transform: translateX(-0.3rem);
  }
}

@keyframes RightMove {
  0% {
    -webkit-transform: translateX(-0.3rem);
            transform: translateX(-0.3rem);
  }
  50% {
    -webkit-transform: translateX(0.3rem);
            transform: translateX(0.3rem);
  }
  100% {
    -webkit-transform: translateX(-0.3rem);
            transform: translateX(-0.3rem);
  }
}
@-webkit-keyframes RightMove2 {
  0% {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
  }
  50% {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
  100% {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
  }
}
@keyframes RightMove2 {
  0% {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
  }
  50% {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
  100% {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(35deg) translateX(3rem);
            transform: rotateY(35deg) translateX(3rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg) translateX(0px);
            transform: rotateY(0deg) translateX(0px);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(35deg) translateX(3rem);
            transform: rotateY(35deg) translateX(3rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg) translateX(0px);
            transform: rotateY(0deg) translateX(0px);
  }
}
@-webkit-keyframes OpacityEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes OpacityEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.section2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section2 .group1 {
  width: 69rem;
  padding: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section2 .group1 .img_box {
  text-align: right;
  margin-bottom: 4rem;
}
.section2 .group1 .txt1 {
  font-size: 7rem;
  font-family: "Georgia";
  color: #111;
  line-height: 6rem;
  margin-bottom: 4rem;
}
.section2 .group1 .link_list {
  margin-bottom: 3rem;
}
.section2 .group1 .link_list li + li {
  margin-top: 0.8rem;
}
.section2 .group1 .link_list a {
  position: relative;
  line-height: 2.5rem;
  font-style: italic;
  font-size: 1.8rem;
  color: #111;
  display: inline-block;
  padding: 0.5rem 2.5rem 0.5rem 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section2 .group1 .link_list a::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #111;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section2 .group1 .link_list a::after {
  content: "\ea6e";
  font-family: "remixicon";
  width: 2rem;
  height: 3.5rem;
  line-height: 3.5rem;
  font-style: normal;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section2 .group1 .link_list a:hover, .section2 .group1 .link_list a:focus {
  color: #9E0316;
  padding-right: 3rem;
}
.section2 .group1 .link_list a:hover::before, .section2 .group1 .link_list a:focus::before {
  background-color: #9E0316;
}
.section2 .group1 .link_list a:hover::after, .section2 .group1 .link_list a:focus::after {
  color: #9E0316;
}
.section2 .group2 {
  width: 78rem;
  padding: 12rem;
  background-color: #9E0316;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section2 .group2 .item {
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}
.section2 .group2 .item + .item {
  margin-top: 6rem;
}
.section2 .group2 .item.item1 {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.section2 .group2 .item.item2 {
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
.section2 .group2 .item.item3 {
  -webkit-transition: all 0.5s ease-in-out 0.6s;
  transition: all 0.5s ease-in-out 0.6s;
  margin-top: 3rem;
}
.section2 .group2 .txt1 {
  font-size: 4.6rem;
  font-family: "Georgia";
}
.section2 .group2 .txt2 {
  font-size: 1.8rem;
  opacity: 0.8;
}
.section2 .bandi_link {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3rem;
  padding: 1rem 2.4rem;
  line-height: 1.66;
  font-size: 1.8rem;
  font-weight: 500;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section2 .bandi_link i {
  display: inline-block;
  vertical-align: top;
}
.section2 .bandi_link:hover, .section2 .bandi_link:focus {
  background: rgba(0, 0, 0, 0.7);
}
.section2.active .group2 .item {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.section3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section3 .group1 {
  width: 43rem;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section3 .group1 img {
  max-height: 100%;
}
.section3 .group2 {
  width: 73rem;
  padding: 7rem 14.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section3 .group2 .item:last-child a {
  border-bottom: none;
}
.section3 .group2 a {
  display: block;
  padding: 4.8rem 4.5rem 4.8rem 0;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.section3 .group2 a::before {
  content: "\ea12";
  font-family: "remixicon";
  font-size: 2rem;
  width: 3.4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  text-align: center;
  border-radius: 50%;
  background-color: #D40011;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section3 .group2 a:hover::before, .section3 .group2 a:focus::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.section3 .group2 a:hover .txt1,
.section3 .group2 a:hover .txt2, .section3 .group2 a:focus .txt1,
.section3 .group2 a:focus .txt2 {
  color: #D40011;
}
.section3 .group2 .txt1 {
  font-size: 2.4rem;
  font-family: "Georgia";
  line-height: 1.3;
  margin-bottom: 0.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section3 .group2 .txt2 {
  font-size: 2.4rem;
  font-family: "Georgia";
  line-height: 1.3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.section4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section4 .title {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  padding: 2rem 3rem;
  font-size: 8rem;
  font-style: italic;
  color: #111;
  font-family: "Georgia";
  text-align: center;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.section4 .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.section4 .item {
  border-right: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section4 .item a {
  padding: 6rem 6.3rem;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(5rem);
          transform: translateY(5rem);
  margin: 0 auto;
}
.section4 .item a:hover .txt1, .section4 .item a:focus .txt1 {
  bottom: 0;
  max-height: 8.6rem;
  height: 8.6rem;
  padding: 0rem 5rem 0rem 3.4rem;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
.section4 .item a:hover .num, .section4 .item a:focus .num {
  color: #D40011;
}
.section4 .img_box {
  width: 32.5rem;
  height: 49rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
.section4 .img_box img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.section4 .txt1 {
  font-size: 2rem;
  font-weight: 500;
  padding: 0rem 5rem 0rem 3.4rem;
  color: #fff;
  line-height: 2.2rem;
  height: 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /*@include ellip(3, 3rem);*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section4 .txt1::before {
  content: "\ea6c";
  font-family: "remixicon";
  width: 2rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  position: absolute;
  right: 2.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.section4 .txt2 {
  font-size: 1.9rem;
  color: #333;
  line-height: 3rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 6rem;
  height: 6rem;
  margin-bottom: 4rem;
}
.section4 .num {
  font-family: "Georgia";
  font-size: 7rem;
  line-height: 8rem;
  color: #D6D6D6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section4.active .item a {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
}
.section4.active .item:nth-child(1) a {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.section4.active .item:nth-child(2) a {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.section4.active .item:nth-child(3) a {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.section4.active .item:nth-child(4) a {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.section4.active .item:nth-child(5) a {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.section4.active .item:nth-child(6) a {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.section4.active .item:nth-child(7) a {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.section4.active .item:nth-child(8) a {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.section4.active .item:nth-child(9) a {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.section4.active .item:nth-child(10) a {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}
.section4.active .item:nth-child(11) a {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}
.section4.active .item:nth-child(12) a {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}
.section4.active .item:nth-child(13) a {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}
.section4.active .item:nth-child(14) a {
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}
.section4.active .item:nth-child(15) a {
  -webkit-transition-delay: 3.2s;
          transition-delay: 3.2s;
}
.section4.active .item:nth-child(16) a {
  -webkit-transition-delay: 3.4s;
          transition-delay: 3.4s;
}
.section4.active .item:nth-child(17) a {
  -webkit-transition-delay: 3.6s;
          transition-delay: 3.6s;
}
.section4.active .item:nth-child(18) a {
  -webkit-transition-delay: 3.8s;
          transition-delay: 3.8s;
}
.section4.active .item:nth-child(19) a {
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.section4.active .item:nth-child(20) a {
  -webkit-transition-delay: 4.2s;
          transition-delay: 4.2s;
}
.section4.active .item:nth-child(21) a {
  -webkit-transition-delay: 4.4s;
          transition-delay: 4.4s;
}
.section4.active .item:nth-child(22) a {
  -webkit-transition-delay: 4.6s;
          transition-delay: 4.6s;
}
.section4.active .item:nth-child(23) a {
  -webkit-transition-delay: 4.8s;
          transition-delay: 4.8s;
}
.section4.active .item:nth-child(24) a {
  -webkit-transition-delay: 5s;
          transition-delay: 5s;
}
.section4.active .item:nth-child(25) a {
  -webkit-transition-delay: 5.2s;
          transition-delay: 5.2s;
}
.section4.active .item:nth-child(26) a {
  -webkit-transition-delay: 5.4s;
          transition-delay: 5.4s;
}
.section4.active .item:nth-child(27) a {
  -webkit-transition-delay: 5.6s;
          transition-delay: 5.6s;
}
.section4.active .item:nth-child(28) a {
  -webkit-transition-delay: 5.8s;
          transition-delay: 5.8s;
}
.section4.active .item:nth-child(29) a {
  -webkit-transition-delay: 6s;
          transition-delay: 6s;
}
.section4.active .item:nth-child(30) a {
  -webkit-transition-delay: 6.2s;
          transition-delay: 6.2s;
}

.section5 {
  background-color: #F3F3F3;
  height: calc(100vh - 10rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section5 .inner { /*width: calc(100vw - 28rem); */
  width: 166rem;
  padding: 9rem;
}
.section5 .title {
  color: #D40011;
  font-size: 9rem;
  line-height: 1.2;
  font-family: "Georgia";
}
.section5 .title span {
  background-color: #D40011;
  color: #fff;
  line-height: 3.8rem;
  padding: 0 1.5rem;
  border-radius: 3rem;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Roboto";
  display: inline-block;
  margin-top: 3rem;
  vertical-align: top;
}
.section5 .list {
  margin-top: 1.5rem;
}
.section5 .list p {
  border: 1px solid #ddd;
  line-height: 4.2rem;
  background-color: #fff;
  padding: 0 1rem;
  margin-right: 0.8rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #111;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 0.5rem;
  /*&:hover,
  &:focus{
      background-color: #111; color: #fff; border-color: #111;
  }*/
}
.section5 .cont_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section5 .cont_box .item1 {
  padding-right: 5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 72.5rem);
          flex: 1 1 calc(100% - 72.5rem);
}
.section5 .cont_box .item2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72.5rem;
          flex: 0 0 72.5rem;
  max-width: 72.5rem;
  padding-right: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: auto;
  margin-top: 13rem;
}
.section5 .txt1 {
  max-width: 100%;
  font-family: "Georgia";
  color: #111;
  font-size: 2.4rem;
  margin-top: 3rem;
  line-height: 1.4;
}
.section5 .slider_wrap {
  position: relative;
  z-index: 0;
}
.section5 .slider_wrap .swiper-slide {
  background: #F3F3F3;
}
.section5 .s_txt1 {
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: right;
  margin-bottom: 1rem;
  background-color: #F3F3F3;
}
.section5 .img_box {
  width: 100%;
  overflow: hidden;
}
.section5 .img_box img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.section5 .swiper-controls .swiper-pagination {
  top: -4.5rem;
  left: 0rem;
  text-align: left;
  height: 2rem;
}
.section5 .swiper-controls .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
}
.section5 .swiper-controls .swiper-pagination-bullet-active {
  background: #D40011;
  width: 2.8rem;
  border-radius: 2rem;
}

.section6 .inner {
  background-color: #9E0316;
  color: #fff;
  width: 92rem;
  height: 100%;
  padding: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section6 .title_wrap {
  margin-bottom: 4rem;
  position: relative;
}
.section6 .title_wrap .title {
  font-family: "Georgia";
  font-size: 9rem;
  line-height: 1.2;
}
.section6 .title_wrap .more {
  background: rgba(0, 0, 0, 0.2);
  line-height: 5rem;
  padding: 0 2.4rem;
  border-radius: 30rem;
  font-size: 1.8rem;
  font-weight: 500;
  position: absolute;
  top: 5.5rem;
  right: 0;
}
.section6 .title_wrap .more i {
  font-size: 2rem;
}
.section6 .title_wrap .more:hover, .section6 .title_wrap .more:focus {
  background: #333;
}
.section6 .list {
  padding: 6rem 5rem;
  background: #880313;
}
.section6 .item {
  display: block;
}
.section6 .item:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 3rem;
}
.section6 .item:first-child .img_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 23.4rem;
          flex: 1 1 23.4rem;
  max-width: 23.4rem;
  width: 23.4rem;
/*   height: 15.6rem; */
  overflow: hidden;
  border: 1px solid #fff;
}
.section6 .item:first-child img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
}
.section6 .item:first-child .txt_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 23.4rem);
          flex: 1 1 calc(100% - 23.4rem);
  padding-left: 2.6rem;
}
.section6 .item:first-child .date {
  font-size: 1.7rem;
  background: rgba(0, 0, 0, 0.15);
  font-weight: 500;
  padding: 0.75rem 1rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.section6 .item:first-child .ti1 {
  font-size: 1.8rem;
  line-height: 2.8rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 5.6rem;
  font-weight: 500;
}
.section6 .item:first-child .ti2 {
  padding-top: 0.7rem;
  opacity: 0.8;
  line-height: 2.6rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 5.2rem;
}
.section6 .item:first-child:hover .ti1, .section6 .item:first-child:focus .ti1 {
  text-decoration: underline;
}
.section6 .item:nth-child(n+2) {
  padding: 3rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.section6 .item:nth-child(n+2) .img_box {
  display: none;
}
.section6 .item:nth-child(n+2) .txt_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section6 .item:nth-child(n+2) .date {
  width: 11.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11.2rem;
          flex: 0 0 11.2rem;
  text-align: center;
  font-size: 1.7rem;
  background: rgba(0, 0, 0, 0.15);
  font-weight: 500;
  padding: 0.75rem 1rem;
  line-height: 1.2;
  display: inline-block;
  margin-right: 2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.section6 .item:nth-child(n+2) .ti1 {
  font-size: 1.8rem;
  line-height: 2.8rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 5.6rem;
  position: relative;
  font-weight: 400;
}
.section6 .item:nth-child(n+2) .ti2 {
  display: none;
}
.section6 .item:nth-child(n+2):hover .ti1, .section6 .item:nth-child(n+2):focus .ti1 {
  text-decoration: underline;
}

/*.section6{
    .inner{
        background-color: $point4; color: #fff; width: 65rem; height: 100%; padding: 9rem;
        display: flex;flex-direction: column; justify-content: space-between;
    }
    .title{font-family: $ff3; font-size: 9rem; line-height: 1.2; margin-bottom: 3rem;}
    .txt1{opacity: .8; font-size: 1.7rem; line-height: 2.5rem; margin-bottom: 1rem;}
    .item{
        position: relative;
        label{font-size: 1.8rem; position: absolute; left: 0; top: 1.5rem; transition: all .3s;}
        input{ 
            line-height: 3rem; margin: 3rem 0 0; background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.2); width: 100%; font-size: 2rem;
            &::placeholder {color: $point4;}
            &:focus{ 
                outline: 0; border-bottom: 2px solid #fff;
                & + label{top: 0.5rem; font-size: 1.5rem;}
            }
            &:not(:placeholder-shown) + label{top: 0.5rem !important; font-size: 1.5rem !important;}
        }
    }
    .item2{
        label{font-size: 1.8rem; line-height: 6rem;}
        textarea{
            background: rgba(0,0,0,.15); border: none; width: 100%; padding: 1rem;
            &:focus{ 
                outline: 0; border-bottom: 2px solid #fff;
            }            
        }
    }
    .btn{
        text-align: right; margin-top: 1rem;
        button{
            width: 14rem; height: 4.8rem; line-height: 4.4rem; border: 2px solid #fff; text-align: center;font-size: 1.8rem;
            &:hover,
            &:focus{background-color: #fff; color: $point4;}
        }
    }
}*/
#footer {
  display: none;
}