html,
body,
p,
span {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}
html div,
body div,
p div,
span div {
  box-sizing: border-box;
}

@font-face {
  font-family: "Harmony";
  font-weight: 400;
  font-style: normal;
  src: url("/template/cn/public/assest/font/HarmonyOS/HarmonyOS_Sans_SC_Medium.woff2") format("woff2"), url("/template/cn/public/assest/font/HarmonyOS/HarmonyOS_Sans_SC_Medium.woff") format("woff"), url("/template/cn/public/assest/font/HarmonyOS/HarmonyOS_Sans_SC_Medium.ttf") format("truetype"), url("/template/cn/public/assest/font/HarmonyOS/HarmonyOS_Sans_SC_Medium.eot") format("embedded-opentype");
  font-display: swap;
}
@font-face {
  font-family: "Harmony";
  font-weight: 500;
  font-style: normal;
  src: url("/template/cn/public/assest/font/HarmonyOS/HarmonyOS_Sans_SC_Bold.woff2") format("woff2"), url("/template/cn/public/assest/font/HarmonyOS/HarmonyOS_Sans_SC_Bold.woff") format("woff"), url("/template/cn/public/assest/font/HarmonyOS/HarmonyOS_Sans_SC_Bold.ttf") format("truetype"), url("/template/cn/public/assest/font/HarmonyOS/HarmonyOS_Sans_SC_Bold.eot") format("embedded-opentype");
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  font-weight: 400;
  font-style: normal;
  src: url("../font/Manrope1/Manrope-Medium.woff2") format("woff2"), url("../font/Manrope2/Manrope-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  font-weight: 500;
  font-style: normal;
  src: url("../font/Manrope1/Manrope-Regular.woff2") format("woff2"), url("../font/Manrope2/Manrope-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  font-weight: 700;
  font-style: normal;
  src: url("../font/Manrope1/Manrope-Bold.woff2") format("woff2"), url("../font/Manrope2/Manrope-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  font-weight: 900;
  font-style: normal;
  src: url("../font/Manrope1/Manrope-ExtraBold.woff2") format("woff2"), url("../font/Manrope2/Manrope-ExtraBold.ttf") format("truetype");
  font-display: swap;
}
body.wiko .logan-container {
  font-family: "Manrope", "Harmony";
}

body.fixed {
  overflow: hidden;
}

.logan-container {
  --navHeight: 80px;
}
.logan-container .showIe {
  display: none;
}
.logan-container img,
.logan-container video {
  display: block;
  width: 100%;
}
.logan-container sup {
  font-size: 0.6em;
}
.logan-container sup a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.logan-container .h2 {
  font-size: 3.125vw;
  line-height: 1.25;
}
.logan-container .h3 {
  font-size: 2.34375vw;
  line-height: 1.25;
}
.logan-container .h5 {
  font-size: 2.083333vw;
  line-height: 1.25;
}
.logan-container .h6 {
  font-size: 1.5625vw;
  line-height: 1.25;
}
.logan-container p {
  font-size: 1.041667vw;
  opacity: 0.6;
  line-height: 1.6;
}
.logan-container .gary {
  width: 100%;
  background: #f4f4f4;
  height: auto;
  color: black;
}
.logan-container .set-bg {
  width: 100%;
  height: 5vw;
  background: black;
}
.logan-container .black {
  width: 100%;
  background: black;
  height: auto;
  color: white;
}
.logan-container .header {
  position: sticky;
  width: 100%;
  height: 80px;
  background-image: linear-gradient(to right, black 0%, pink 60%, black 100%);
  top: 0;
  z-index: 99;
}
.logan-container .alert-video {
  width: 100%;
  height: calc(100vh - var(--navHeight));
  background: rgb(0, 0, 0);
  position: fixed;
  top: var(--navHeight);
  left: 0;
  z-index: 10;
  display: none;
  overflow: hidden;
}
.logan-container .alert-video .video-wrap {
  width: 83.333333vw;
  height: 46.875vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.logan-container .alert-video .video-wrap .close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.logan-container .alert-video.active {
  display: block;
}
.logan-container .logan-section-kv {
  position: relative;
}
.logan-container .logan-section-kv .kv-img-wrap {
  width: 100%;
  height: 50vw;
}
.logan-container .logan-section-kv .kv-right {
  width: 32.1vw;
  position: absolute;
  right: 11.11%;
  top: 50%;
  transform: translateY(-50%);
  color: black;
}
.logan-container .logan-section-kv .kv-right .kv-right-title .h6 {
  font-size: 2.353333vw;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  margin: 1.5625vw 0 1.822917vw;
}
.logan-container .logan-section-kv .kv-right .kv-right-title .h6 span {
  display: inline-block;
}
.logan-container .logan-section-kv .kv-right .kv-right-title p {
  font-size: 1.275vw;
  opacity: 1;
  white-space: nowrap;
}
.logan-container .logan-section-kv .kv-right .kv-right-title p span {
  display: inline-block;
  padding: 0 0.520833vw;
}
.logan-container .logan-section-kv .kv-bottom {
  position: absolute;
  width: 17.418vw;
  right: 1.5625vw;
  bottom: 1.5625vw;
}
.logan-container .logan-section-s2 {
  width: 100%;
  height: auto;
  padding: 7.8125vw 0;
}
.logan-container .logan-section-s2 .s2-features {
  width: 67.447917vw;
  height: 42.96875vw;
  margin: 0 auto;
  position: relative;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item {
  position: absolute;
  cursor: pointer;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item .item-icon {
  position: absolute;
  width: 1.510417vw;
  height: 1.510417vw;
  bottom: 0.651042vw;
  right: 0.651042vw;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item .item-icon .item-icon-2 {
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: 0.5s all linear;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item .item-title {
  position: absolute;
  z-index: 3;
  width: 80%;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item .item-title p {
  margin-top: 0.546875vw;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item .item-bgcor {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s;
  z-index: 2;
  border: 2px solid #1F18C0;
  opacity: 0;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item:hover .item-bgcor {
  opacity: 1;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item:hover .item-icon .item-icon-1 {
  opacity: 0;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item:hover .item-icon .item-icon-2 {
  opacity: 1;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-1 {
  width: 22.079427vw;
  height: 15.060938vw;
  top: 0;
  left: 0;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-1 .item-title {
  text-align: center;
  left: 50%;
  top: 2.8125vw;
  transform: translateX(-50%);
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-2 {
  width: 22.078385vw;
  height: 26.688021vw;
  top: 0;
  left: 22.68099vw;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-2 .item-title {
  text-align: center;
  top: 2.8125vw;
  left: 50%;
  transform: translateX(-50%);
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-3 {
  width: 22.078385vw;
  height: 21.119271vw;
  top: 0;
  right: 0;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-3 .item-title {
  text-align: center;
  top: 2.8125vw;
  left: 50%;
  transform: translateX(-50%);
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-4 {
  width: 22.079427vw;
  height: 27.170052vw;
  bottom: 0;
  left: 0;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-4 .item-title {
  text-align: center;
  left: 50%;
  top: 3.125vw;
  transform: translateX(-50%);
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-5 {
  width: 22.078385vw;
  height: 15.542969vw;
  bottom: 0;
  left: 22.68099vw;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-5 .item-title {
  text-align: center;
  left: 50%;
  top: 2.447917vw;
  transform: translateX(-50%);
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-6 {
  width: 22.080208vw;
  height: 21.119271vw;
  bottom: 0;
  right: 0;
}
.logan-container .logan-section-s2 .s2-features .s2-features-item-6 .item-title {
  text-align: center;
  left: 50%;
  top: 2.630208vw;
  transform: translateX(-50%);
}
.logan-container .logan-section-s3 {
  position: relative;
}
.logan-container .logan-section-s3 .open {
  position: absolute;
  width: 6.458333vw;
  height: 6.458333vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.logan-container .logan-section-s4 {
  position: relative;
  height: 300vh;
  margin-bottom: 7.8125vw;
}
.logan-container .logan-section-s4 .sticky {
  width: 100%;
  height: calc(100vh - var(--navHeight));
  position: sticky;
  top: var(--navHeight);
  overflow: hidden;
  display: flex;
  justify-content: center;
  background: black;
}
.logan-container .logan-section-s4 .sticky .s4-section-title {
  width: 41.666667vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.604167vw;
  opacity: 0;
  text-align: center;
}
.logan-container .logan-section-s4 .sticky .s4-section-title .h2 {
  margin-bottom: 2.604167vw;
  text-align: center;
}
.logan-container .logan-section-s4.active .sticky .s4-section-title {
  opacity: 1;
  transition: 0.5s all linear;
}
.logan-container .logan-section-s5 {
  width: 100%;
  position: relative;
  padding-bottom: 9.635417vw;
}
.logan-container .logan-section-s5 .s5Swiper {
  width: 79.215104vw;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.logan-container .logan-section-s5 .s5Swiper .swiper-slide img {
  width: 100%;
  height: 44.098958vw;
}
.logan-container .logan-section-s5 .s5Swiper .swiper-pagination :nth-child(1) {
  background-image: linear-gradient(to right, #020052 0%, #528fff 100%);
}
.logan-container .logan-section-s5 .s5Swiper .swiper-pagination :nth-child(2) {
  background-image: linear-gradient(to right bottom, #cccccc 0%, #f5f5f5 50%, #cdcdcd 100%);
}
.logan-container .logan-section-s5 .s5Swiper .swiper-pagination :nth-child(3) {
  background-image: linear-gradient(to right, #12141d 0%, #40444e 100%);
}
.logan-container .logan-section-s5 .s5Swiper .swiper-pagination .swiper-pagination-bullet {
  width: 1.5625vw;
  height: 1.5625vw;
  transform: scale(0.6);
  transform-origin: 50% 50%;
  opacity: 1;
  transition: 0.25s all linear;
}
.logan-container .logan-section-s5 .s5Swiper .swiper-pagination .swiper-pagination-bullet-active {
  transform: scale(1);
}
.logan-container .logan-section-s5 .s5-swiper-title-wrap {
  position: relative;
  width: 79.215104vw;
  margin: 1.302083vw auto 0;
}
.logan-container .logan-section-s5 .s5-swiper-title-wrap .s5SwiperThumbs {
  width: 100%;
  overflow: hidden;
}
.logan-container .logan-section-s5 .s5-swiper-title-wrap .s5SwiperThumbs p {
  width: 100%;
  text-align: center;
  color: #fff;
  opacity: 1;
}
.logan-container .logan-section-s5 .s5-swiper-title-wrap .s5SwiperThumbs p span {
  opacity: 0.5;
}
.logan-container .logan-section-s6 {
  position: relative;
  height: 200vh;
}
.logan-container .logan-section-s6 #features1 {
  position: relative;
  top: 100vh;
}
.logan-container .logan-section-s6 .sticky {
  width: 100%;
  height: calc(100vh - var(--navHeight));
  display: flex;
  justify-content: center;
  align-items: center;
  top: var(--navHeight);
  position: sticky;
  overflow: hidden;
}
.logan-container .logan-section-s6 .sticky .s6-ham-wrap {
  position: absolute;
  width: 41.979167vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  will-change: transform, opacity;
}
.logan-container .logan-section-s6 .sticky .s6-ham-wrap img {
  width: 27.005208vw;
  height: 7.34375vw;
  margin: 0 auto 6.25vw;
}
.logan-container .logan-section-s6 .sticky .s6-ham-wrap p {
  text-align: center;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap {
  width: 58.333333vw;
  margin: 0 auto;
  z-index: 2;
  transform: translateY(200%);
  will-change: transform;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-next,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-prev {
  width: 2.604167vw;
  height: 2.604167vw;
  background-size: 100% 100%;
  outline: none;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-next:after,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-prev:after {
  content: unset;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-prev {
  left: -6.770833vw;
  background-image: url(../images/sec2/s6-btn.svg);
  transform: rotate(180deg);
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-next {
  right: -6.770833vw;
  background-image: url(../images/sec2/s6-btn.svg);
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper {
  width: 100%;
  height: 39.0625vw;
  overflow: hidden;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide {
  height: unset;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide .flex-wrap-title {
  text-align: center;
  pointer-events: none;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide.swiper-slide-next .flex-wrap-title {
  pointer-events: all;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-1,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-2,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-3,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-4,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-5 {
  position: relative;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-1 .flex-wrap-title,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-2 .flex-wrap-title,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-3 .flex-wrap-title,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-4 .flex-wrap-title,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-5 .flex-wrap-title {
  position: absolute;
  width: 41.927083vw;
  top: 3.255208vw;
  left: 50%;
  transform: translateX(-50%);
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-1 .flex-wrap-title .h5,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-2 .flex-wrap-title .h5,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-3 .flex-wrap-title .h5,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-4 .flex-wrap-title .h5,
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-5 .flex-wrap-title .h5 {
  text-align: center;
  margin-bottom: 1.5625vw;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 {
  display: flex;
  justify-content: space-between;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap {
  width: 28.645833vw;
  background: white;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap .flex-wrap-title {
  width: 26vw;
  margin: 2.8125vw auto 2.604167vw;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap .flex-wrap-title .h5 {
  text-align: center;
  margin-bottom: 1.5625vw;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap .flex-wrap-title p {
  width: 20.833333vw;
  margin: 0 auto;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap .flex-wrap-img {
  width: 8.880208vw;
  margin: 0 auto;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap-2 .flex-wrap-img {
  width: 19.427083vw;
  margin: 0 auto;
}
.logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-7 {
  display: none;
}
.logan-container .logan-section-s7-8 {
  position: relative;
  height: auto;
  padding-top: 7.8125vw;
}
.logan-container .logan-section-s7-8 .sticky {
  width: 100%;
  height: auto;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .h2 {
  width: 100%;
  text-align: center;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-img-wrap {
  width: 61.276042vw;
  height: 43.697917vw;
  margin: 5.208333vw auto 0;
  transform: translateY(5vw);
  opacity: 0;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap {
  position: absolute;
  width: 52.083333vw;
  left: 50%;
  bottom: 8.072917vw;
  transform: translate(-50%, 0%);
  display: flex;
  justify-content: space-between;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex {
  width: 25%;
  text-align: center;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex .s7-bottom-flex-title {
  opacity: 0;
  transform: translateY(5vw);
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex .s7-bottom-flex-title .h6 {
  margin-bottom: 0.96875vw;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex img {
  opacity: 0;
  transform: translateY(5vw);
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-1 img {
  width: 4.192708vw;
  margin: 1.302083vw auto 0;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-2 img {
  width: 4.283854vw;
  margin: 1.015625vw auto 0;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-3 img {
  width: 4.5625vw;
  margin: 1.041667vw auto 0;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-4 img {
  width: 6.770833vw;
  margin: 1.5625vw auto 0;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7.active .s7-mid-wrap .s7-img-wrap {
  will-change: opacity, transform;
  opacity: 1;
  transform: translateY(0);
  transition: 0.3s all linear;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7.active .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex .s7-bottom-flex-title {
  will-change: opacity, transform;
  opacity: 1;
  transform: translateY(0vw);
  transition: 0.3s all 0.3s linear;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s7.active .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex img {
  will-change: opacity, transform;
  opacity: 1;
  transform: translateY(0vw);
  transition: 0.3s all 0.6s linear;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 {
  width: 100%;
  height: auto;
  margin-top: 5.208333vw;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .h2 {
  text-align: center;
  margin-bottom: 5.989583vw;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap {
  width: 79.166667vw;
  height: 39.583333vw;
  position: relative;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-img-wrap {
  width: 100%;
  transform: translateY(5vw);
  opacity: 0;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap {
  width: 73.59375vw;
  position: absolute;
  left: 50%;
  bottom: 3.385417vw;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title {
  width: 25%;
  text-align: center;
  transform: translateY(5vw);
  opacity: 0;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title .h6 {
  margin-bottom: 0.520833vw;
  color: transparent;
  -webkit-background-clip: text;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-1 .h6 {
  background-image: linear-gradient(to left, #fcf302 0%, #0ae232 100%);
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-2 .h6 {
  background-image: linear-gradient(to left, #383838 0%, #ffffff 100%);
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-3 .h6 {
  background-image: linear-gradient(to left, #ffc000 0%, #0084ff 100%);
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-4 .h6 {
  background-image: linear-gradient(to left, #79078a 0%, #00f6ff 100%);
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8.active .s8-mid-wrap .s8-mid-img-wrap {
  will-change: opacity, transform;
  opacity: 1;
  transform: translateY(0vw);
  transition: 0.3s all 0s linear;
}
.logan-container .logan-section-s7-8 .sticky .logan-section-s8.active .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title {
  will-change: opacity, transform;
  opacity: 1;
  transform: translateY(0vw);
  transition: 0.3s all 0.3s linear;
}
.logan-container .logan-section-s9 {
  margin-top: 7.8125vw;
}
.logan-container .logan-section-s9 .s9-section-title {
  width: 41.927083vw;
  margin: 0 auto 5.208333vw;
  text-align: center;
}
.logan-container .logan-section-s9 .s9-section-title .h2 {
  margin-bottom: 2.34375vw;
  text-align: center;
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap {
  width: 75.677083vw;
  margin: 0 auto;
  position: relative;
  padding-top: 6.770833vw;
  overflow: hidden;
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 3;
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title .h6 {
  font-size: 1.302083vw;
  margin-bottom: 0.885417vw;
  white-space: nowrap;
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-1 {
  width: 18.489583vw;
  height: 11.354167vw;
  left: 8.854167vw;
  padding-left: 0.78125vw;
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-1 .s9-section-wrap-title-line {
  position: absolute;
  width: 100%;
  height: 11.067708vw;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-2 {
  width: 14.192708vw;
  height: 8.90625vw;
  left: 33.333333vw;
  padding-left: 0.78125vw;
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-2 .s9-section-wrap-title-line {
  position: absolute;
  width: 3.828125vw;
  height: 8.567708vw;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-3 {
  width: 14.583333vw;
  height: 11.328125vw;
  right: 4.036458vw;
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-3 .s9-section-wrap-title-line {
  position: absolute;
  width: 9.21875vw;
  height: 11.067708vw;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  transform: translateX(-10vw);
}
.logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-img-wrap {
  width: 100%;
  height: 25.598958vw;
  transform: translateY(200%);
  transition: 0.5s all linear;
}
.logan-container .logan-section-s9.active .s9-section-img-wrap {
  transform: translateY(0);
  will-change: transform;
}
.logan-container .logan-section-s9.active .s9-section-wrap-title {
  opacity: 1;
  will-change: opacity;
}
.logan-container .logan-section-s9.active .s9-section-wrap-title-1 {
  transition: 0.3s all 0.7s linear;
}
.logan-container .logan-section-s9.active .s9-section-wrap-title-2 {
  transition: 0.3s all 1s linear;
}
.logan-container .logan-section-s9.active .s9-section-wrap-title-3 {
  transition: 0.3s all 1.3s linear;
}
.logan-container .logan-section-s10 {
  width: 100%;
  margin: 0 0 7.8125vw;
}
.logan-container .logan-section-s10 .s10-section-wrap {
  width: 79.21875vw;
  height: 46.875vw;
  position: relative;
  margin: 0 auto;
}
.logan-container .logan-section-s10 .s10-section-wrap .h3 {
  position: absolute;
  top: 5.598958vw;
  left: 50%;
  transform: translateX(-50%);
}
.logan-container .logan-section-s11 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 900vh;
}
.logan-container .logan-section-s11 #features4 {
  position: relative;
  top: 85vh;
}
.logan-container .logan-section-s11 .sticky {
  width: 100%;
  height: calc(100vh - var(--navHeight));
  display: flex;
  justify-content: center;
  align-items: center;
  top: var(--navHeight);
  position: sticky;
  overflow: hidden;
}
.logan-container .logan-section-s11 .sticky .s11-c-wrap {
  width: 39.0625vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(100vw, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
}
.logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-img {
  width: 13.020833vw;
}
.logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap {
  position: relative;
}
.logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap .s11-c-title p {
  margin-top: 1.875vw;
}
.logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap .s11-c-title-a {
  position: absolute;
  white-space: nowrap;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.logan-container .logan-section-s11 .sticky .s11-img-wrap {
  width: 79.166667vw;
  -webkit-clip-path: circle(0% at 50% 50%);
  clip-path: circle(0% at 50% 50%);
  will-change: transform, clip-path;
  transform: translateZ(1px);
}
.logan-container .logan-section-s11 .sticky .s11-img-wrap p {
  width: 100%;
  text-align: right;
  margin-top: 1.302083vw;
  position: absolute;
  bottom: 1.302083vw;
  right: 1.302083vw;
  opacity: 1;
  font-size: 12px;
  font-size: max(12px, 0.625vw);
}
.logan-container .logan-section-s11 .sticky .s11-1-wrap {
  z-index: 2;
  position: relative;
  transform: translate(-13%, 0);
}
.logan-container .logan-section-s11 .sticky .s11-1-wrap .s11-1-img {
  width: 100%;
  height: 43.958333vw;
}
.logan-container .logan-section-s11 .sticky .s11-img-wrap-a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-63%, -50%);
  z-index: 3;
}
.logan-container .logan-section-s12 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 250vh;
}
.logan-container .logan-section-s12 .sticky {
  width: 100%;
  height: auto;
  top: var(--navHeight);
  position: sticky;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logan-container .logan-section-s12 .sticky .s12-section-clip-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  top: 0;
  left: 0;
}
.logan-container .logan-section-s12 .sticky .s12-section-clip-wrap .h3 {
  transition: 0.25s all linear;
}
.logan-container .logan-section-s12 .sticky .s12-section-clip-wrap .s12-section-clip-wrap-bg {
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
}
.logan-container .logan-section-s12 .sticky .s12-section-clip-wrap .s12-section-clip-mid {
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  -webkit-clip-path: circle(0% at 50% 50%);
  clip-path: circle(0% at 50% 50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.logan-container .logan-section-s12 .sticky .s12-mid-wrap {
  position: absolute;
  width: 54.947917vw;
  display: flex;
  top: 50%;
  left: 50%;
  z-index: 3;
  justify-content: space-between;
  transform: translate(200%, -50%);
  transition: 0.5s all linear;
}
.logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex p {
  margin: 1.25vw 0 2.083333vw;
}
.logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex .s12-mid-img {
  width: 14.322917vw;
}
.logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex-1 {
  width: 28.463542vw;
}
.logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex-2 {
  width: 19.609375vw;
  margin-top: 9.114583vw;
}
.logan-container .logan-section-s12.active .sticky .s12-mid-wrap {
  transform: translate(-50%, -50%);
  will-change: transform;
}
.logan-container .logan-section-s12.active .sticky .s12-section-clip-wrap .h3 {
  opacity: 0;
  will-change: opacity;
}
.logan-container .logan-section-s12.active-2 .sticky .s12-mid-wrap {
  transform: translate(-200%, -50%);
  will-change: transform;
}
.logan-container .logan-section-s13 {
  position: relative;
  z-index: 5;
  height: calc(100vh - var(--navHeight));
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  transform: translateX(100vw);
  transition: 0.5s all linear;
}
.logan-container .logan-section-s13.active {
  transform: translateX(0);
  will-change: transform;
}
.logan-container .logan-section-s13 .s13-swiper-button-prev,
.logan-container .logan-section-s13 .s13-swiper-button-next {
  display: none;
}
.logan-container .logan-section-s13 .s13Swiper {
  overflow: hidden;
  width: 58.333333vw;
  height: 31.302083vw;
  margin: 0 auto;
  position: relative;
}
.logan-container .logan-section-s13 .s13Swiper .swiper-pagination {
  bottom: 1.432292vw;
}
.logan-container .logan-section-s13 .s13Swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.390625vw;
  height: 0.390625vw;
  margin: 0 0.390625vw;
  background: #ffffff;
  opacity: 0.3;
}
.logan-container .logan-section-s13 .s13Swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1f18c0;
}
.logan-container .logan-section-s13 .s13-bottom {
  width: 58.333333vw;
  height: 2.083333vw;
  margin: 0.690104vw auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap {
  width: 40.104167vw;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
}
.logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap .s13-click-btn-slide {
  width: 14%;
}
.logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap .s13-click-btn-slide p {
  cursor: pointer;
}
.logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap .s13-click-btn-slide p:hover {
  opacity: 1;
}
.logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap .s13-click-btn-slide.active p {
  font-size: 1.302083vw;
  opacity: 1;
  color: transparent;
  -webkit-background-clip: text;
  background-image: radial-gradient(#0b7ee7, #1c00c4);
}
.logan-container .logan-section-s13 .s13-bottom .s13-bottom-note {
  font-size: 0.625vw;
}
.logan-container .logan-section-s14 {
  position: relative;
  overflow: hidden;
  padding-bottom: 7.8125vw;
  margin-top: 2vw;
}
.logan-container .logan-section-s14 .s14-main-wrap {
  width: 58.333333vw;
  margin: 0 auto;
}
.logan-container .logan-section-s14 .s14-main-wrap .h2 {
  margin-bottom: 5.208333vw;
}
.logan-container .logan-section-s14 .s14-main-wrap .s14-flex-wrap .s14-main-wrap-title {
  width: 31.25vw;
  transform: translateY(5vw);
  opacity: 0;
  margin-bottom: 1.5625vw;
}
.logan-container .logan-section-s14 .s14-main-wrap .s14-flex-wrap .s14-main-wrap-img {
  width: 58.333333vw;
  height: 26.484375vw;
  transform: translateY(5vw);
  opacity: 0;
}
.logan-container .logan-section-s14 .s14-main-wrap .s14-bottom-wrap-trigger,
.logan-container .logan-section-s14 .s14-main-wrap .s14-top-wrap-trigger {
  position: relative;
}
.logan-container .logan-section-s14 .s14-main-wrap .s14-top-wrap.active .s14-main-wrap-title,
.logan-container .logan-section-s14 .s14-main-wrap .s14-bottom-wrap.active .s14-main-wrap-title {
  transform: translateY(0);
  opacity: 1;
  transition: 0.5s all linear;
  will-change: transform, opacity;
}
.logan-container .logan-section-s14 .s14-main-wrap .s14-top-wrap.active .s14-main-wrap-img,
.logan-container .logan-section-s14 .s14-main-wrap .s14-bottom-wrap.active .s14-main-wrap-img {
  transform: translateY(0);
  opacity: 1;
  transition: 0.5s all 0.5s linear;
  will-change: transform, opacity;
}
.logan-container .logan-section-s14 .s14-main-wrap .s14-bottom-wrap {
  margin-top: 5.989583vw;
}
.logan-container .logan-section .normal-title-wrap {
  margin: 0 auto;
  text-align: center;
}
.logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap {
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  opacity: 0;
}
.logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap .percent-word {
  width: 4.6875vw;
  height: 4.6875vw;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0.78125vw;
}
.logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap .percent-word p {
  white-space: nowrap;
  font-size: 1.875vw;
}
.logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap .percent-word span {
  font-size: 0.9375vw;
  display: inline-block;
}
.logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap p {
  margin: 0;
  opacity: 1;
}
.logan-container .logan-section-s15 {
  position: relative;
  overflow: hidden;
  padding-top: 7.8125vw;
}
.logan-container .logan-section-s15 .logan-section-s15-trigger {
  position: relative;
}
.logan-container .logan-section-s15 .s15-title-wrap {
  width: 46.875vw;
}
.logan-container .logan-section-s15 .s15-title-wrap p {
  margin: 1.5625vw 0 1.822917vw;
}
.logan-container .logan-section-s15 .s15-title-wrap .s15-title-flex-wrap {
  width: 17.838542vw;
}
.logan-container .logan-section-s15 .s15-title-wrap .s15-title-flex-wrap .percent-word {
  border: 2px solid #6ae54d;
}
.logan-container .logan-section-s15 .s15-title-wrap .s15-title-flex-wrap p {
  color: #6ae54d;
}
.logan-container .logan-section-s15 .s15-img-wrap {
  position: relative;
  width: 79.84375vw;
  margin-top: -3.90625vw;
  transform: translate(-200%, 200%);
}
.logan-container .logan-section-s15 .s15-img-wrap .s15-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}
.logan-container .logan-section-s15 .s15-img-wrap .s15-1 {
  position: relative;
  width: 100%;
  height: 38.177083vw;
}
.logan-container .logan-section-s15.active .s15-title-wrap .s15-title-flex-wrap {
  opacity: 1;
  transition: 0.5s all 1.75s linear;
  will-change: opacity;
}
.logan-container .logan-section-s15.active .s15-img-wrap {
  transform: translate(0, 0);
  transition: 0.75s all linear;
  will-change: transform;
}
.logan-container .logan-section-s15.active .s15-img-wrap .s15-2 {
  opacity: 1;
  transition: 0.5s all 1s linear;
  will-change: opacity;
}
.logan-container .logan-section-s16 {
  position: relative;
  margin-top: 7.8125vw;
  overflow: hidden;
}
.logan-container .logan-section-s16 .logan-section-s16-trigger {
  position: relative;
}
.logan-container .logan-section-s16 .s16-title-wrap {
  width: 46.875vw;
  position: relative;
  z-index: 3;
}
.logan-container .logan-section-s16 .s16-title-wrap p {
  margin: 2.34375vw 0 2.604167vw;
}
.logan-container .logan-section-s16 .s16-title-wrap .s16-title-flex-wrap {
  width: 29.947917vw;
}
.logan-container .logan-section-s16 .s16-title-wrap .s16-title-flex-wrap .percent-word {
  border: 2px solid #0a97f0;
}
.logan-container .logan-section-s16 .s16-title-wrap .s16-title-flex-wrap p {
  color: #0a97f0;
}
.logan-container .logan-section-s16 .s16-img-wrap {
  position: relative;
  width: 100%;
  margin-top: -5.260417vw;
  overflow: hidden;
  perspective: 100px;
}
.logan-container .logan-section-s16 .s16-img-wrap .s16-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translateY(-200%);
}
.logan-container .logan-section-s16 .s16-img-wrap .s16-1 {
  position: relative;
  width: 100%;
  height: 37.135417vw;
  transform: translate3d(0, -100%, 10px) rotateX(45deg) scale(0.1);
}
.logan-container .logan-section-s16.active .s16-title-wrap .s16-title-flex-wrap {
  opacity: 1;
  transition: 0.5s all 1.25s linear;
  will-change: opacity;
}
.logan-container .logan-section-s16.active .s16-img-wrap .s16-1 {
  transform: translate3d(0, 0, 10px) rotateX(0deg) scale(1);
  transition: 1s all linear;
  will-change: transform;
}
.logan-container .logan-section-s17 {
  position: relative;
  overflow: hidden;
  margin-top: 7.8125vw;
}
.logan-container .logan-section-s17 .logan-section-s17-trigger {
  position: relative;
}
.logan-container .logan-section-s17 .s17-title-wrap {
  text-align: center;
  width: 42.96875vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 3;
}
.logan-container .logan-section-s17 .s17-title-wrap p {
  margin-top: 1.5625vw;
}
.logan-container .logan-section-s17 .s17-mid-flex-wrap {
  position: absolute;
  width: 58.59375vw;
  display: flex;
  justify-content: space-between;
  left: 50%;
  top: 19.010417vw;
  transform: translate(-50%, 0);
  opacity: 0;
}
.logan-container .logan-section-s17 .s17-mid-flex-wrap .s17-mid-flex .s17-felx-title .h6 {
  margin-bottom: 0.625vw;
}
.logan-container .logan-section-s17 .s17-mid-flex-wrap .s17-mid-flex .s17-felx-title .h6 span {
  font-size: 0.9375vw;
}
.logan-container .logan-section-s17 .s17-mid-flex-wrap .s17-mid-flex .s17-felx-title-top {
  margin-bottom: 5.989583vw;
}
.logan-container .logan-section-s17 .s17-mid-flex-wrap .s17-mid-flex-right {
  text-align: right;
}
.logan-container .logan-section-s17 .s17-img-wrap {
  width: 52.916667vw;
  height: 52.916667vw;
  margin: 0 auto;
  position: relative;
  opacity: 0;
  pointer-events: none;
}
.logan-container .logan-section-s17 .s17-img-wrap .s7-img-wrap-line {
  width: 23.854167vw;
  height: 23.854167vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  border: 2px solid white;
  border-radius: 0.520833vw;
}
.logan-container .logan-section-s17.active .s17-mid-flex-wrap {
  opacity: 1;
  transition: 0.5s all 1.5s linear;
  will-change: opacity;
}
.logan-container .logan-section-s17.active .s17-img-wrap {
  opacity: 1;
  transition: 0.5s all linear;
  will-change: opacity;
}
.logan-container .logan-section-s17.active .s17-img-wrap .s7-img-wrap-line-1 {
  animation: s17line 3s infinite 0.75s linear;
}
.logan-container .logan-section-s17.active .s17-img-wrap .s7-img-wrap-line-2 {
  animation: s17line 3s infinite 1.75s linear;
}
.logan-container .logan-section-s17.active .s17-img-wrap .s7-img-wrap-line-3 {
  animation: s17line 3s infinite 2.75s linear;
}
@keyframes s17line {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.3;
    border-radius: 0.520833vw;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
    border-radius: 4.166667vw;
  }
}
.logan-container .logan-section-s18 {
  position: relative;
  overflow: hidden;
  margin-bottom: 7.8125vw;
}
.logan-container .logan-section-s18 .logan-section-s18-trigger {
  position: relative;
}
.logan-container .logan-section-s18 .s18-title-wrap {
  width: 46.875vw;
}
.logan-container .logan-section-s18 .s18-title-wrap p {
  margin: 2.34375vw 0 2.604167vw;
}
.logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap {
  width: 29.947917vw;
}
.logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap .s18-title-flex .percent-word {
  border: 2px solid #40bd7c;
}
.logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap .s18-title-flex p {
  color: #40bd7c;
}
.logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap .s18-title-flex p span {
  font-size: 0.78125vw;
}
.logan-container .logan-section-s18 .s18-img-wrap {
  position: relative;
  width: 48.854167vw;
  height: 20.270833vw;
  margin: 4.010417vw auto 0;
  opacity: 0;
}
.logan-container .logan-section-s18.active .s18-title-wrap .s18-title-flex-wrap {
  opacity: 1;
  transition: 0.5s all 0.75s linear;
  will-change: opacity;
}
.logan-container .logan-section-s18.active .s18-img-wrap {
  opacity: 1;
  transition: 0.5s all linear;
  will-change: opacity;
}
.logan-container .section-footnote {
  width: 58.333333vw;
  margin: 0 auto;
  padding-bottom: 5.208333vw;
}
.logan-container .section-footnote ol {
  padding: 0;
  margin: 0;
}
.logan-container .section-footnote li {
  font-size: 0.78125vw;
  line-height: 1.6;
  opacity: 0.6;
  list-style: decimal;
}
.logan-container .section-footnote li.current {
  opacity: 1;
}
.logan-container .section-footnote .footnote-last {
  margin-top: 2.604167vw;
  list-style: none;
  transform: translateX(-1.3vw);
}
@media screen and (max-aspect-ratio: 51/50) {
  .logan-container .h2 {
    font-size: 6vw;
  }
  .logan-container .h3 {
    font-size: 4.666667vw;
  }
  .logan-container .h5 {
    font-size: 4.666667vw;
  }
  .logan-container .h6 {
    font-size: 3.333333vw;
  }
  .logan-container p {
    font-size: 2.666667vw;
  }
  .logan-container .hid-mob {
    display: none;
  }
  .logan-container .alert-video {
    width: 100%;
    height: calc(100vh - var(--navHeight));
    background: rgb(0, 0, 0);
    position: fixed;
    top: var(--navHeight);
    left: 0;
    z-index: 10;
    display: none;
    overflow: hidden;
  }
  .logan-container .alert-video .video-wrap {
    width: 83.333333vw;
    height: 46.875vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .logan-container .alert-video .video-wrap .close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .logan-container .alert-video.active {
    display: block;
  }
  .logan-container .logan-section-kv {
    position: relative;
  }
  .logan-container .logan-section-kv .kv-img-wrap {
    width: 100%;
    height: 150vw;
  }
  .logan-container .logan-section-kv .kv-right {
    width: 60.8vw;
    position: absolute;
    right: 50%;
    top: 18vw;
    transform: translate(50%, 0);
    color: black;
  }
  .logan-container .logan-section-kv .kv-right .kv-right-title .h6 {
    font-size: 4.383333vw;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    margin: 4vw 0;
  }
  .logan-container .logan-section-kv .kv-right .kv-right-title .h6 span {
    display: inline-block;
  }
  .logan-container .logan-section-kv .kv-right .kv-right-title p {
    font-size: 2.425vw;
    opacity: 1;
    white-space: nowrap;
  }
  .logan-container .logan-section-kv .kv-right .kv-right-title p span {
    padding: 0 1vw;
  }
  .logan-container .logan-section-kv .kv-bottom {
    position: absolute;
    width: 34.066667vw;
    right: auto;
    left: 2.666667vw;
    bottom: 2.666667vw;
  }
  .logan-container .logan-section-s2 {
    padding: 12vw 0;
  }
  .logan-container .logan-section-s2 .s2-features {
    width: 86.666667vw;
    height: 136.333333vw;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item .item-icon {
    width: 2.933333vw;
    height: 2.933333vw;
    bottom: 1.2vw;
    right: 1.2vw;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item .item-title p {
    margin-top: 0.333333vw;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-1 {
    width: 42.733333vw;
    height: 40vw;
    top: 0;
    left: 0;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-1 .item-title {
    top: 5.333333vw;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-2 {
    width: 42.733333vw;
    height: 51.8vw;
    top: 0;
    left: auto;
    right: 0;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-2 .item-title {
    top: 5.333333vw;
    right: 4vw;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-3 {
    width: 42.666667vw;
    height: 40.866667vw;
    top: 53.066667vw;
    right: 0;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-3 .item-title {
    top: 5.333333vw;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-4 {
    width: 42.666667vw;
    height: 52.533333vw;
    top: 41.266667vw;
    bottom: auto;
    left: 0;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-4 .item-title {
    top: 5.666667vw;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-5 {
    width: 42.666667vw;
    height: 40.8vw;
    bottom: 0;
    left: 0;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-5 .item-title {
    top: 4.8vw;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-6 {
    width: 42.666667vw;
    height: 40.8vw;
    bottom: 0;
    right: 0;
  }
  .logan-container .logan-section-s2 .s2-features .s2-features-item-6 .item-title {
    top: 4.8vw;
  }
  .logan-container .logan-section-s4 {
    margin-bottom: 0;
    height: 240vh;
  }
  .logan-container .logan-section-s4 .sticky {
    align-items: center;
  }
  .logan-container .logan-section-s4 .sticky .s4-section-title {
    width: 78.666667vw;
    top: 12vw;
  }
  .logan-container .logan-section-s4 .sticky .s4-section-title .h2 {
    margin-bottom: 2.466667vw;
    text-align: center;
  }
  .logan-container .logan-section-s5 {
    padding-bottom: 20vw;
  }
  .logan-container .logan-section-s5 .s5Swiper {
    width: 86.666667vw;
  }
  .logan-container .logan-section-s5 .s5Swiper .swiper-slide img {
    height: 120vw;
  }
  .logan-container .logan-section-s5 .s5Swiper .swiper-pagination .swiper-pagination-bullet {
    width: 2.133333vw;
    height: 2.133333vw;
  }
  .logan-container .logan-section-s5 .s5-swiper-title-wrap {
    position: relative;
    width: 80vw;
    margin: 7.466667vw auto 0;
  }
  .logan-container .logan-section-s5 .s5-swiper-title-wrap .s5SwiperThumbs {
    width: 100%;
    overflow: hidden;
  }
  .logan-container .logan-section-s5 .s5-swiper-title-wrap .s5SwiperThumbs p {
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 1;
  }
  .logan-container .logan-section-s5 .s5-swiper-title-wrap .s5SwiperThumbs p span {
    opacity: 0.5;
  }
  .logan-container .logan-section-s6 {
    position: relative;
    height: 200vh;
  }
  .logan-container .logan-section-s6 .sticky {
    height: calc(100vh - var(--navHeight));
    top: var(--navHeight);
  }
  .logan-container .logan-section-s6 .sticky .s6-ham-wrap {
    width: 73.333333vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-ham-wrap img {
    width: 58.8vw;
    height: 16vw;
    margin: 0 auto 20vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap {
    width: 86.666667vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-next,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-prev {
    width: 6.666667vw;
    height: 6.666667vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-prev {
    display: none;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-next {
    right: 50%;
    transform: translateX(50%);
    top: auto;
    bottom: -12vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper {
    width: 100%;
    height: 100vw;
    overflow: hidden;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide {
    height: unset;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-1,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-2,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-3,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-4,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-5 {
    position: relative;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-1 .flex-wrap-title,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-2 .flex-wrap-title,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-3 .flex-wrap-title,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-4 .flex-wrap-title,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-5 .flex-wrap-title {
    width: 73.333333vw;
    top: 8.666667vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-1 .flex-wrap-title .h5,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-2 .flex-wrap-title .h5,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-3 .flex-wrap-title .h5,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-4 .flex-wrap-title .h5,
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-5 .flex-wrap-title .h5 {
    margin-bottom: 3.333333vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 {
    display: inherit;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap {
    width: 100%;
    background: white;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap .flex-wrap-title {
    width: 73.333333vw;
    margin: 9vw auto 8vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap .flex-wrap-title .h5 {
    text-align: center;
    margin-bottom: 3.333333vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap .flex-wrap-title p {
    width: 73.333333vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap .flex-wrap-img {
    width: 26.666667vw;
    margin: 0 auto;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-6 .slide-3-flex-wrap-2 {
    display: none;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-7 {
    display: inherit;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-7 .slide-5-flex-wrap {
    width: 100%;
    background: white;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-7 .slide-5-flex-wrap .flex-wrap-title {
    width: 73.333333vw;
    margin: 9vw auto 8vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-7 .slide-5-flex-wrap .flex-wrap-title .h5 {
    text-align: center;
    margin-bottom: 3.333333vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .s6Swiper .swiper-slide-7 .slide-5-flex-wrap .flex-wrap-img {
    width: 61.533333vw;
    margin: 0 auto;
  }
  .logan-container .logan-section-s7-8 {
    padding-top: 12vw;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .h2 {
    width: 100%;
    text-align: center;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-img-wrap {
    width: 88.533333vw;
    height: 58.866667vw;
    margin: 8.666667vw auto 0;
    transform: translateY(5vw);
    opacity: 0;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap {
    position: static;
    width: 73.333333vw;
    margin: -22vw auto 0;
    transform: translate(0, 0%);
    flex-wrap: wrap;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex {
    width: 50%;
    text-align: center;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex .s7-bottom-flex-title {
    opacity: 0;
    transform: translateY(5vw);
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex .s7-bottom-flex-title .h6 {
    margin-bottom: 2.933333vw;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex img {
    opacity: 0;
    transform: translateY(5vw);
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-1 {
    margin-bottom: 9.333333vw;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-1 img {
    width: 8.426667vw;
    height: 6.4vw;
    margin: 2.473333vw auto 0;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-2 img {
    width: 8.6vw;
    height: 7.133333vw;
    margin: 1.933333vw auto 0;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-3 img {
    width: 9.173333vw;
    height: 7.48vw;
    margin: 2vw auto 0;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s7 .s7-mid-wrap .s7-bottom-wrap .s7-bottom-flex-4 img {
    width: 13.533333vw;
    height: 4.966667vw;
    margin: 3.066667vw auto 0;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s8 {
    margin-top: 20vw;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s8 .h2 {
    text-align: center;
    margin-bottom: 5.989583vw;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap {
    width: 86.666667vw;
    height: 120.133333vw;
    position: relative;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap {
    width: 82vw;
    position: absolute;
    left: 46%;
    bottom: 5.666667vw;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title {
    width: 46%;
    text-align: center;
    transform: translateY(5vw);
    opacity: 0;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title .h6 {
    margin-bottom: 1.333333vw;
  }
  .logan-container .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-1 {
    margin-bottom: 6.666667vw;
  }
  .logan-container .logan-section-s9 {
    margin-top: 20vw;
  }
  .logan-container .logan-section-s9 .s9-section-title {
    width: 80.333333vw;
    margin: 0 auto 16vw;
  }
  .logan-container .logan-section-s9 .s9-section-title .h2 {
    margin-bottom: 4vw;
    text-align: center;
    white-space: nowrap;
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap {
    width: 100%;
    padding-top: 45vw;
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title {
    position: absolute;
    top: 0;
    z-index: 3;
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title .h6 {
    font-size: 2.666667vw;
    margin-bottom: 2vw;
    white-space: nowrap;
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title p {
    font-size: 2.4vw;
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-1 {
    width: 27.333333vw;
    height: 53.333333vw;
    left: 13.333333vw;
    top: 0;
    padding-left: 1.333333vw;
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-1 .s9-section-wrap-title-line {
    position: absolute;
    width: 16.733333vw;
    height: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 0.6px solid rgba(255, 255, 255, 0.6);
    border-left: 0.6px solid rgba(255, 255, 255, 0.6);
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-2 {
    width: 28.666667vw;
    height: 37.066667vw;
    left: 34.466667vw;
    top: 12.666667vw;
    padding-left: 1.333333vw;
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-2 .s9-section-wrap-title-line {
    position: absolute;
    width: 12.133333vw;
    height: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 0.6px solid rgba(255, 255, 255, 0.6);
    border-left: 0.6px solid rgba(255, 255, 255, 0.6);
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-3 {
    width: 30.666667vw;
    height: 23.133333vw;
    right: 12.666667vw;
    top: 30.333333vw;
    padding-left: 1.333333vw;
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-wrap-title-3 .s9-section-wrap-title-line {
    position: absolute;
    width: 6.333333vw;
    height: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 0.6px solid rgba(255, 255, 255, 0.6);
    border-left: 0.6px solid rgba(255, 255, 255, 0.6);
    border-right: 0;
    transform: translateX(0);
  }
  .logan-container .logan-section-s9 .s9-section-bottom-wrap .s9-section-img-wrap {
    width: 100%;
    height: 52vw;
  }
  .logan-container .logan-section-s10 {
    width: 100%;
    margin: 0;
  }
  .logan-container .logan-section-s10 .s10-section-wrap {
    width: 100%;
    height: 150vw;
    position: relative;
    margin: 0 auto;
  }
  .logan-container .logan-section-s10 .s10-section-wrap .h3 {
    position: absolute;
    top: 18.933333vw;
    white-space: nowrap;
  }
  .logan-container .logan-section-s11 {
    height: 800vh;
  }
  .logan-container .logan-section-s11 .sticky .s11-c-wrap {
    width: 72vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(100vw, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    flex-wrap: wrap;
  }
  .logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-img {
    width: 60vw;
    order: 2;
    margin-top: 18.8vw;
  }
  .logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap .s11-c-title .h3 {
    font-size: 6vw;
  }
  .logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap .s11-c-title p {
    margin-top: 1.875vw;
  }
  .logan-container .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap .s11-c-title-a {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .logan-container .logan-section-s11 .sticky .s11-img-wrap {
    width: 86.666667vw;
    -webkit-clip-path: circle(0% at 66.5% 60%);
    clip-path: circle(0% at 66.5% 60%);
    will-change: transform, clip-path;
    transform: translate3d(0, 0, 1px);
  }
  .logan-container .logan-section-s11 .sticky .s11-img-wrap p {
    width: 100%;
    text-align: right;
    margin-top: 1.302083vw;
  }
  .logan-container .logan-section-s11 .sticky .s11-1-wrap {
    z-index: 2;
    transform: translate(0, 0);
  }
  .logan-container .logan-section-s11 .sticky .s11-1-wrap .s11-1-img {
    width: 100%;
    height: 120vw;
  }
  .logan-container .logan-section-s11 .sticky .s11-img-wrap-a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }
  .logan-container .logan-section-s12 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 250vh;
  }
  .logan-container .logan-section-s12 .sticky {
    height: auto;
  }
  .logan-container .logan-section-s12 .sticky .s12-section-clip-wrap {
    width: 100%;
    height: calc(100vh - var(--navHeight));
    z-index: 2;
    background: #f4f4f4;
    position: absolute;
    top: 0;
    left: 0;
  }
  .logan-container .logan-section-s12 .sticky .s12-section-clip-wrap .h3 {
    font-size: 6vw;
  }
  .logan-container .logan-section-s12 .sticky .s12-mid-wrap {
    position: absolute;
    width: 74.666667vw;
    height: calc(100vh - var(--navHeight));
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    z-index: 3;
    justify-content: flex-end;
    align-content: center;
    transform: translate(200%, 0);
    top: 0;
  }
  .logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex p {
    margin: 4vw 0 6vw;
  }
  .logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex .s12-mid-img {
    width: 33.333333vw;
  }
  .logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex-1 {
    width: 100%;
  }
  .logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex-2 {
    width: 50.666667vw;
    margin-top: 28vw;
  }
  .logan-container .logan-section-s12.active .sticky .s12-mid-wrap {
    transform: translate(-50%, 0);
    will-change: transform;
  }
  .logan-container .logan-section-s12.active .sticky .s12-section-clip-wrap .h3 {
    opacity: 0;
    will-change: opacity;
  }
  .logan-container .logan-section-s12.active-2 .sticky .s12-mid-wrap {
    transform: translate(-200%, 0);
    will-change: transform;
  }
  .logan-container .logan-section-s13 {
    position: relative;
    z-index: 5;
    min-height: calc(100vh - var(--navHeight));
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding-bottom: 9.333333vw;
    background: #f4f4f4;
  }
  .logan-container .logan-section-s13 .swiper-button-next,
  .logan-container .logan-section-s13 .swiper-button-prev {
    width: 6.666667vw;
    height: 6.666667vw;
    background-size: 100% 100%;
  }
  .logan-container .logan-section-s13 .swiper-button-next:after,
  .logan-container .logan-section-s13 .swiper-container-rtl .swiper-button-prev:after {
    content: unset;
  }
  .logan-container .logan-section-s13 .swiper-button-prev {
    display: none;
  }
  .logan-container .logan-section-s13 .swiper-button-next {
    display: block;
    background-image: url(../images/sec2/s6-btn.svg);
    right: 50%;
    transform: translateX(50%);
    top: auto;
    bottom: -10vw;
  }
  .logan-container .logan-section-s13 .s13Swiper {
    width: 86.666667vw;
    height: 120vw;
    margin: 0 auto;
    position: relative;
  }
  .logan-container .logan-section-s13 .s13Swiper .swiper-pagination {
    display: none;
  }
  .logan-container .logan-section-s13 .s13-bottom {
    width: 86.666667vw;
    height: 4.266667vw;
    margin: 3.333333vw auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap {
    width: 100%;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
  }
  .logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap .s13-click-btn-slide {
    width: 14%;
  }
  .logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap .s13-click-btn-slide p {
    cursor: pointer;
  }
  .logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap .s13-click-btn-slide p:hover {
    opacity: 1;
  }
  .logan-container .logan-section-s13 .s13-bottom .s13-click-btn-wrap .s13-click-btn-slide.active p {
    font-size: 2.666667vw;
    opacity: 1;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(#0b7ee7 0%, #1c00c4 100%);
  }
  .logan-container .logan-section-s13 .s13-bottom .s13-bottom-note {
    position: absolute;
    font-size: 1.6vw;
    right: 2vw;
    bottom: 9vw;
    z-index: 5;
    color: white;
    opacity: 1;
  }
  .logan-container .logan-section-s14 {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    padding-bottom: 20vw;
  }
  .logan-container .logan-section-s14 .s14-main-wrap {
    width: 86.533333vw;
    margin: 0 auto;
  }
  .logan-container .logan-section-s14 .s14-main-wrap .h2 {
    margin-bottom: 12.666667vw;
  }
  .logan-container .logan-section-s14 .s14-main-wrap .s14-flex-wrap .s14-main-wrap-title {
    width: 80vw;
    transform: translateY(5vw);
    opacity: 0;
    margin-bottom: 8vw;
  }
  .logan-container .logan-section-s14 .s14-main-wrap .s14-flex-wrap .s14-main-wrap-title .h6 {
    font-size: 4.666667vw;
  }
  .logan-container .logan-section-s14 .s14-main-wrap .s14-flex-wrap .s14-main-wrap-img {
    width: 86.533333vw;
    height: 66.666667vw;
    transform: translateY(5vw);
    opacity: 0;
  }
  .logan-container .logan-section-s14 .s14-main-wrap .s14-bottom-wrap-trigger,
  .logan-container .logan-section-s14 .s14-main-wrap .s14-top-wrap-trigger {
    position: relative;
  }
  .logan-container .logan-section-s14 .s14-main-wrap .s14-top-wrap.active .s14-main-wrap-title,
  .logan-container .logan-section-s14 .s14-main-wrap .s14-bottom-wrap.active .s14-main-wrap-title {
    transform: translateY(0);
    opacity: 1;
    transition: 0.5s all linear;
    will-change: transform, opacity;
  }
  .logan-container .logan-section-s14 .s14-main-wrap .s14-top-wrap.active .s14-main-wrap-img,
  .logan-container .logan-section-s14 .s14-main-wrap .s14-bottom-wrap.active .s14-main-wrap-img {
    transform: translateY(0);
    opacity: 1;
    transition: 0.5s all 0.5s linear;
    will-change: transform, opacity;
  }
  .logan-container .logan-section-s14 .s14-main-wrap .s14-bottom-wrap {
    margin-top: 13.333333vw;
  }
  .logan-container .logan-section .normal-title-wrap {
    margin: 0 auto;
    text-align: center;
  }
  .logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    opacity: 0;
  }
  .logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap .percent-word {
    width: 10.666667vw;
    height: 10.666667vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1vw;
  }
  .logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap .percent-word p {
    font-size: 4vw;
  }
  .logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap .percent-word span {
    font-size: 2vw;
    display: inline-block;
  }
  .logan-container .logan-section .normal-title-wrap .normal-title-flex-wrap p {
    margin: 0;
  }
  .logan-container .logan-section-s15 {
    position: relative;
    overflow: hidden;
    padding-top: 20vw;
  }
  .logan-container .logan-section-s15 .logan-section-s15-trigger {
    position: relative;
  }
  .logan-container .logan-section-s15 .s15-title-wrap {
    width: 93.666667vw;
  }
  .logan-container .logan-section-s15 .s15-title-wrap p {
    width: 73.333333vw;
    margin: 4vw auto 6.666667vw;
  }
  .logan-container .logan-section-s15 .s15-title-wrap .s15-title-flex-wrap {
    width: 42.666667vw;
  }
  .logan-container .logan-section-s15 .s15-title-wrap .s15-title-flex-wrap .percent-word {
    border: 1px solid #6ae54d;
  }
  .logan-container .logan-section-s15 .s15-title-wrap .s15-title-flex-wrap p {
    width: auto;
    color: #6ae54d;
  }
  .logan-container .logan-section-s15 .s15-img-wrap {
    position: relative;
    width: 95.733333vw;
    margin-top: 0.666667vw;
    transform: translate(-200%, 200%);
  }
  .logan-container .logan-section-s15 .s15-img-wrap .s15-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
  }
  .logan-container .logan-section-s15 .s15-img-wrap .s15-1 {
    position: relative;
    width: 100%;
    height: 65.8vw;
  }
  .logan-container .logan-section-s15.active .s15-title-wrap .s15-title-flex-wrap {
    opacity: 1;
    transition: 0.5s all 1.75s linear;
    will-change: opacity;
  }
  .logan-container .logan-section-s15.active .s15-img-wrap {
    transform: translate(0, 0);
    transition: 0.75s all linear;
    will-change: transform;
  }
  .logan-container .logan-section-s15.active .s15-img-wrap .s15-2 {
    opacity: 1;
    transition: 0.5s all 1s linear;
    will-change: opacity;
  }
  .logan-container .logan-section-s16 {
    position: relative;
    margin-top: 20vw;
    overflow: hidden;
  }
  .logan-container .logan-section-s16 .logan-section-s16-trigger {
    position: relative;
  }
  .logan-container .logan-section-s16 .s16-title-wrap {
    width: 86.666667vw;
  }
  .logan-container .logan-section-s16 .s16-title-wrap p {
    width: 73.333333vw;
    margin: 4vw auto 6.666667vw;
  }
  .logan-container .logan-section-s16 .s16-title-wrap .s16-title-flex-wrap {
    width: 64vw;
  }
  .logan-container .logan-section-s16 .s16-title-wrap .s16-title-flex-wrap .percent-word {
    border: 1px solid #0a97f0;
  }
  .logan-container .logan-section-s16 .s16-title-wrap .s16-title-flex-wrap p {
    width: auto;
    color: #0a97f0;
  }
  .logan-container .logan-section-s16 .s16-img-wrap {
    position: relative;
    width: 100%;
    margin-top: 1.333333vw;
    overflow: hidden;
  }
  .logan-container .logan-section-s16 .s16-img-wrap .s16-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transform: translateY(-200%);
  }
  .logan-container .logan-section-s16 .s16-img-wrap .s16-1 {
    position: relative;
    width: 100%;
    height: 56vw;
    transform: translate3d(0, -100%, 10px) rotateX(45deg) scale(0.1);
  }
  .logan-container .logan-section-s16.active .s16-title-wrap .s16-title-flex-wrap {
    opacity: 1;
    transition: 0.5s all 1.25s linear;
    will-change: opacity;
  }
  .logan-container .logan-section-s16.active .s16-img-wrap .s16-1 {
    transform: translate3d(0, 0, 10px) rotateX(0deg) scale(1);
    transition: 1s all linear;
    will-change: transform;
  }
  .logan-container .logan-section-s17 {
    position: relative;
    overflow: hidden;
    margin: 20vw 0;
    background: rgb(0, 0, 1);
  }
  .logan-container .logan-section-s17 .logan-section-s17-trigger {
    position: relative;
  }
  .logan-container .logan-section-s17 .s17-title-wrap {
    text-align: center;
    width: 86.666667vw;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    margin: 0 auto;
  }
  .logan-container .logan-section-s17 .s17-title-wrap p {
    width: 73.333333vw;
    margin: 4vw auto 6.666667vw;
  }
  .logan-container .logan-section-s17 .s17-mid-flex-wrap {
    position: absolute;
    width: 62.2vw;
    display: flex;
    justify-content: space-between;
    transform: translate(0, 0);
    margin: 0 auto;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
  }
  .logan-container .logan-section-s17 .s17-mid-flex-wrap .s17-mid-flex .s17-felx-title {
    text-align: center;
  }
  .logan-container .logan-section-s17 .s17-mid-flex-wrap .s17-mid-flex .s17-felx-title .h6 {
    font-size: 4vw;
    margin-bottom: 0.625vw;
  }
  .logan-container .logan-section-s17 .s17-mid-flex-wrap .s17-mid-flex .s17-felx-title .h6 span {
    font-size: 2.666667vw;
  }
  .logan-container .logan-section-s17 .s17-mid-flex-wrap .s17-mid-flex .s17-felx-title-top {
    margin-bottom: 6.666667vw;
  }
  .logan-container .logan-section-s17 .s17-img-wrap {
    width: 100%;
    height: 124.733333vw;
    margin: 7.333333vw auto 12.666667vw;
    position: relative;
    opacity: 0;
  }
  .logan-container .logan-section-s17 .s17-img-wrap .s7-img-wrap-line {
    width: 50vw;
    height: 50vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    border: 2px solid white;
    border-radius: 0.520833vw;
  }
  .logan-container .logan-section-s17.active .s17-mid-flex-wrap {
    opacity: 1;
    transition: 0.5s all 1.5s linear;
    will-change: opacity;
  }
  .logan-container .logan-section-s17.active .s17-img-wrap {
    opacity: 1;
    transition: 0.5s all linear;
    will-change: opacity;
  }
  .logan-container .logan-section-s17.active .s17-img-wrap .s7-img-wrap-line-1 {
    animation: s17line 3s infinite 0.75s linear;
  }
  .logan-container .logan-section-s17.active .s17-img-wrap .s7-img-wrap-line-2 {
    animation: s17line 3s infinite 1.75s linear;
  }
  .logan-container .logan-section-s17.active .s17-img-wrap .s7-img-wrap-line-3 {
    animation: s17line 3s infinite 2.75s linear;
  }
  @keyframes s17line {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.3;
      border-radius: 0.520833vw;
    }
    100% {
      transform: translate(-50%, -50%) scale(1.5);
      opacity: 0;
      border-radius: 4.166667vw;
    }
  }
  .logan-container .logan-section-s18 {
    position: relative;
    overflow: hidden;
    margin-bottom: 20vw;
  }
  .logan-container .logan-section-s18 .logan-section-s18-trigger {
    position: relative;
  }
  .logan-container .logan-section-s18 .s18-title-wrap {
    width: 86.666667vw;
  }
  .logan-container .logan-section-s18 .s18-title-wrap p {
    width: 73.333333vw;
    margin: 4vw auto 9.333333vw;
  }
  .logan-container .logan-section-s18 .s18-title-wrap .s18-bottom-p {
    font-size: 2.2vw;
  }
  .logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap {
    width: 65.466667vw;
  }
  .logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap p {
    width: auto;
  }
  .logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap .s18-title-flex .percent-word {
    border: 1px solid #40bd7c;
  }
  .logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap .s18-title-flex p {
    color: #40bd7c;
  }
  .logan-container .logan-section-s18 .s18-title-wrap .s18-title-flex-wrap .s18-title-flex p span {
    font-size: 1.6vw;
  }
  .logan-container .logan-section-s18 .s18-img-wrap {
    position: relative;
    width: 86.533333vw;
    height: 35.866667vw;
    margin: 10vw auto 0;
    opacity: 0;
  }
  .logan-container .logan-section-s18.active .s18-title-wrap .s18-title-flex-wrap {
    opacity: 1;
    transition: 0.5s all 0.75s linear;
    will-change: opacity;
  }
  .logan-container .logan-section-s18.active .s18-img-wrap {
    opacity: 1;
    transition: 0.5s all linear;
    will-change: opacity;
  }
  .logan-container .section-footnote {
    width: 73.333333vw;
    margin: 0 auto;
    padding-bottom: 20vw;
  }
  .logan-container .section-footnote li {
    font-size: 1.6vw;
    line-height: 1.6;
    opacity: 0.6;
  }
  .logan-container .section-footnote .footnote-last {
    margin-top: 4vw;
    list-style: none;
    transform: translateX(-2.6vw);
  }
}
@media (max-width: 900px) and (min-width: 600px) and (max-aspect-ratio: 51/50) {
  .logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex-2 {
    margin-top: 5vw;
  }
  .logan-container .logan-section-s6 .sticky .s6-swiper-wrap .swiper-button-next {
    bottom: -8vw;
  }
  .logan-container .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex .s12-mid-img {
    width: 20vw;
  }
  .logan-container .logan-section-s4 .sticky .s4-section-title {
    top: 2vw;
  }
  .logan-container .logan-section-s13 {
    padding-bottom: 14vw;
  }
}

.logan-container.no-sticky .logan-section {
  height: auto !important;
  overflow: hidden;
}
.logan-container.no-sticky .logan-section .showIe {
  display: block;
}
.logan-container.no-sticky .logan-section .sticky {
  position: relative;
  height: auto;
  top: 0;
}
.logan-container.no-sticky .alert-video {
  width: 100%;
  height: calc(100vh - 80px);
  position: fixed;
  top: 80px;
}
.logan-container.no-sticky .logan-section-s4 {
  margin: 5.208333vw 0 7.8125vw;
}
.logan-container.no-sticky .logan-section-s4 .sticky {
  display: block;
}
.logan-container.no-sticky .logan-section-s4 .sticky .showIe {
  width: 100%;
  margin: 0 auto;
}
.logan-container.no-sticky .logan-section-s6 {
  padding: 7.8125vw 0;
}
.logan-container.no-sticky .logan-section-s6 .sticky {
  display: block;
}
.logan-container.no-sticky .logan-section-s6 .sticky .s6-ham-wrap {
  display: none;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap {
  width: 58.333333vw;
  margin: 0 auto;
  z-index: 2;
  transform: translateY(0);
  will-change: transform;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper {
  width: 100%;
  height: 39.0625vw;
  overflow: hidden;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide {
  height: unset;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide.swiper-slide-active .flex-wrap-title {
  pointer-events: all;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide.swiper-slide-next .flex-wrap-title {
  pointer-events: none;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-ie,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-1,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-2,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-3,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-4,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-5 {
  position: relative;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-ie .flex-wrap-title,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-1 .flex-wrap-title,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-2 .flex-wrap-title,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-3 .flex-wrap-title,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-4 .flex-wrap-title,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-5 .flex-wrap-title {
  position: absolute;
  width: 41.927083vw;
  top: 3.255208vw;
  left: 50%;
  transform: translateX(-50%);
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-ie .flex-wrap-title .h5,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-1 .flex-wrap-title .h5,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-2 .flex-wrap-title .h5,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-3 .flex-wrap-title .h5,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-4 .flex-wrap-title .h5,
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-5 .flex-wrap-title .h5 {
  text-align: center;
  margin-bottom: 1.5625vw;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-ie {
  display: flex;
  justify-content: center;
  align-items: center;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-ie .s6-ham-wrap-ie {
  width: 41.979167vw;
  display: flex;
  flex-wrap: wrap;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-ie .s6-ham-wrap-ie img {
  width: 27.005208vw;
  height: 7.34375vw;
  margin: 0 auto 6.25vw;
}
.logan-container.no-sticky .logan-section-s6 .s6-swiper-wrap .s6Swiper .swiper-slide-ie .s6-ham-wrap-ie p {
  width: 100%;
}
.logan-container.no-sticky .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-1 .h6 {
  background-image: none;
  color: #0ae232;
}
.logan-container.no-sticky .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-2 .h6 {
  background-image: none;
  color: #ffffff;
}
.logan-container.no-sticky .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-3 .h6 {
  background-image: none;
  color: #0084ff;
}
.logan-container.no-sticky .logan-section-s7-8 .sticky .logan-section-s8 .s8-mid-wrap .s8-mid-title-wrap .s8-mid-title-4 .h6 {
  background-image: none;
  color: #00f6ff;
}
.logan-container.no-sticky .logan-section-s11 .sticky {
  display: block;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-c-wrap {
  width: 39.0625vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-c-wrap .s11-c-img {
  width: 13.020833vw;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap {
  position: relative;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-c-wrap .s11-c-title-wrap .s11-c-title p {
  margin-top: 1.875vw;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-img-wrap {
  width: 79.166667vw;
  margin: 0 auto 7.8125vw;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-img-wrap p {
  width: 100%;
  text-align: right;
  margin-top: 1.302083vw;
  position: absolute;
  bottom: 1.302083vw;
  right: 1.302083vw;
  opacity: 1;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-img-wrap .s11-c-wrap-ie {
  width: 39.0625vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 7.8125vw;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-img-wrap .s11-c-wrap-ie .s11-c-img {
  width: 13.020833vw;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-img-wrap .s11-c-wrap-ie .s11-c-title-wrap {
  position: relative;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-img-wrap .s11-c-wrap-ie .s11-c-title-wrap .s11-c-title p {
  margin-top: 1.875vw;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-1-wrap {
  z-index: 2;
  position: relative;
  transform: translate(0, 0);
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-1-wrap .s11-1-img {
  width: 100%;
  height: 43.958333vw;
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-img-wrap-a {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
.logan-container.no-sticky .logan-section-s11 .sticky .s11-4-wrap {
  margin-bottom: 5.208333vw;
}
.logan-container.no-sticky .logan-section-s12 {
  background: black;
}
.logan-container.no-sticky .logan-section-s12 .sticky {
  display: block;
}
.logan-container.no-sticky .logan-section-s12 .sticky .s12-section-clip-wrap {
  width: 46.875vw;
  height: 46.875vw;
  margin: 0 auto;
  position: relative;
  margin-bottom: 5.208333vw;
}
.logan-container.no-sticky .logan-section-s12 .sticky .s12-section-clip-wrap .s12-section-clip-mid {
  border-radius: 50%;
}
.logan-container.no-sticky .logan-section-s12 .sticky .s12-section-clip-wrap .h3 {
  opacity: 1;
}
.logan-container.no-sticky .logan-section-s12 .sticky .s12-mid-wrap {
  background: #F4F4F4;
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  z-index: 3;
  justify-content: center;
  transform: translateX(0);
  padding: 5.208333vw 0;
  left: 0;
  top: 0;
}
.logan-container.no-sticky .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex p {
  margin: 1.25vw 0 2.083333vw;
}
.logan-container.no-sticky .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex .s12-mid-img {
  width: 14.322917vw;
}
.logan-container.no-sticky .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex-1 {
  width: 28.463542vw;
  margin-right: 6.927083vw;
}
.logan-container.no-sticky .logan-section-s12 .sticky .s12-mid-wrap .s12-mid-wrap-flex-2 {
  width: 19.609375vw;
  margin-top: 9.114583vw;
}
.logan-container.no-sticky .logan-section-s13 {
  width: 100%;
  padding-bottom: 2.8125vw;
  background: #f4f4f4;
}
.logan-container.no-sticky .logan-section-s13 .s13-bottom .s13-click-btn-slide.active p {
  font-size: 1.302083vw;
  opacity: 1;
  color: #1c00c4;
  background-image: none;
}
.logan-container.no-sticky .logan-section-s15 .s15-title-wrap .s15-title-flex p {
  background-image: none;
  color: #6ae54d;
}
.logan-container.no-sticky .logan-section-s16 .s16-title-wrap .s16-title-flex p {
  background-image: none;
  color: #0a97f0;
}
.logan-container.no-sticky .logan-section-s18 .s18-title-wrap .s18-title-flex p {
  background-image: none;
  color: #40bd7c;
}/*# sourceMappingURL=logan.css.map */