@media only screen and (max-width: 768px) {
  #shContainer {
    display: flex;
    width: 100%;
    height: 100vh;
    min-width: 0;
    min-height: 50vw;
  }

  #mainPage {
    width: 100%;
    background-color: var(--story-blue);
    display: flex;
    flex-direction: column;
  }

  .mainGnbBack {
    height: 18.67vw;
    background-color: var(--story-blue);
  }

  #mainPage-nameplate {
    /* Npx */
    /* vw : N / 19.2 */
    /* padding-left: 300px; */
    /* padding-left: 15.625vw; */
    /* padding-right: 300px; */
    /* padding-right: 15.625vw; */
    /* padding-top: 150px; */
    /* padding-top: 7.8125vw; */

    /* display: flex; */

    padding-left: 5.33vw;
    padding-right: 8vw;
    padding-top: 22.4vw;
    /* width: 86.66vw; */

    flex-direction: column;
  }
  #sh-np-text {
    width: 100%;
    flex: 1;
  }
  #sh-np-text-makeYourNation {
    font-size: 4.27vw;
  }
  #sh-np-text-yourReality {
    font-size: 4.8vw;
    margin-top: 1.07vw;
  }
  #sh-np-text-storynation {
    font-size: 10.4vw;
    margin-top: 7.47vw;
  }
  #sh-np-text-desc {
    display: none;
  }
  #sh-np-text-desc-mobile {
    display: flex;
    font-family: "ONE Mobile";
    /* font-weight: 800; */
    font-size: 3.73vw;
    color: white;
    margin-top: 4.53vw;
    line-height: 5.87vw;
  }

  #sh-np-appDownload {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 9.33vw;
  }
  #sh-np-appDownloadBtn {
    width: 53.33vw;
    height: 12vw;
    border: 2px solid white;
    border-radius: 999px;
  }
  #sh-np-adb-text {
    font-size: 3.73vw;
  }
  #sh-np-adb-icon {
    width: 2.86vw;
    height: 3.47vw;
    margin-left: 4.8vw;
  }

  #mainPage-event {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10.67vw;

    /* padding-left: 5.33%; */
    /* padding-right: 5.33%; */
    /* height: 5.2083vw; */
    /* width: 100%; */
    height: 26.67vw;
    /* background-color: white; */
    /* display: flex;
    flex-direction: row; */
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: start; */
    /* color: var(--story-blue); */
    /* font-family: "ONE Mobile";
    font-weight: 800; */
    font-size: 3.73vw;
  }
  #mainPage-event-img-pc {
    display: none;
  }
  #mainPage-event-img-mobile {
    display: flex;
    width: 100%;
  }

  #sh-mp-ev-text {
    /* flex: 1; */
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
  }
  #sh-mp-ev-link {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }

  #sh-mp-ev-arrow {
    width: 4.53vw;
    height: 4.53vw;
    margin-left: 4.53vw;
  }

  #mainPage-browze {
    /* font-family: "ONE Mobile";
    font-weight: 800; */
    font-size: 4.53vw;
    padding-left: 5.33vw;
    margin-top: 13.33vw;
    /* color: white; */
  }
  #mainPage-swiper {
    margin-top: 2.67vw;
    margin-bottom: 2.77vw;
  }
  #mainPage-scrollDown {
    display: flex;
    justify-content: center;
  }
  #mainPage-scrollDown-img {
    width: 10.67vw;
    height: 13.33vw;
    margin-bottom: 18.6vw;
  }
  .swiper {
    width: 100%;
    /* height: 34.2188vw; */
  }
  /* .swiper-wrapper {
        transform: translate3d(7.8125vw, 0px, 0px);
      } */
  .swiper-slide {
    width: 69.867vw;
    height: 104.8vw;
    /* border: 1px solid white; */
    margin-right: 0;
  }

  /* .swiper-slide-container {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
  } */
  /* .swiper-slide-container-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  } */
  .swiper-slide-container-shadow {
    /* width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0;
    transition: 0.2s opacity;
    z-index: 2; */
    display: none;
  }
  /* .swiper-slide-container:hover .swiper-slide-container-shadow {
    opacity: 0.7;
  } */

  .swiper-slide-container-text {
    /* width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.2s opacity;
    z-index: 3;
    display: flex;
    flex-direction: column-reverse;
    padding-left: 1.5625vw; */
    display: none;
  }
  /* .swiper-slide-container:hover .swiper-slide-container-text {
    opacity: 1;
  } */

  /* .swiper-slide-container-text-title {
    font-family: "NotoSansKR";
    font-weight: 500;
    color: white;
    font-size: 1.5625vw;
    margin-bottom: 1.6146vw;
  }

  .swiper-slide-container-text-content {
    font-family: "NotoSansKR";
    font-weight: 500;
    color: #c3c3c3;
    font-size: 1.04167vw;
    margin-bottom: 1.04167vw;
  } */

  .swiper-button-prev {
    /* background: url(image/swiper_prev_btn.png) no-repeat;
    background-size: 100% auto;
    background-position: center;
    left: 2.6042vw;
    width: 2.6042vw;
    height: 5.2083vw; */
    display: none;
  }
  .swiper-button-next {
    /* background: url(image/swiper_next_btn.png) no-repeat;
    background-size: 100% auto;
    background-position: center;

    right: 2.6042vw;
    width: 2.6042vw;
    height: 5.2083vw; */
    display: none;
  }
  /* .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none;
  } */

  /* .contentCover {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  } */
  .contentGnbBack {
    /* height: 80px; */
    height: 18.67vw;
  }

  .contentSnsLink{
    margin-top: max(-100px, -10vw);
    align-items:flex-start;
    padding-right: min(max(55.33px, 4.4271vw), 8.5vh);
  }

  .contentPage {
    width: 100%;
    height: 100%;
    /* min-height: 640px; */
    display: flex;
    flex-direction: row;
  }

  .contentPage__textArea {
    flex: 1;
    display: flex;
    align-items: center;
    z-index: 2;
  }

  .contentPage__textArea__blank {
    width: 100%;
    /* height: 100%; */
    height: 16vw;
  }
  .contentPage__textArea__text {
    width: 100%;
  }
  /* .contentPage__textArea__text__cover {
    display: flex;
    flex-direction: column-reverse;
  } */
  .contentPage__textArea__text__content {
    /* font-family: "NotoSansKR"; */
    /* 30px */
    /* [px = 30 * 1024 / 1920] = 30 / 1.875 */
    /* [vw = 30 / 1920 * 100] = 30 / 19.2 */
    /* [vh = 30 / 10] */
    /* font-size: min(max(16px, 1.5625vw), 3vh); */
    /* font-size: 3.73vw; */
    /* overflow: hiddlen; */
    /* white-space: normal;
    padding-left: 5.33vw;
    margin-top: 2.4vw;
    line-height: 5.87vw;
    letter-spacing: -0.07467vw; */
    display: none;
  }
  .contentPage__textArea__text__title {
    /* font-family: "ONE Mobile"; */
    /* font-weight: 800; */
    /* 100px */
    /* font-size: min(max(53.33px, 5.2083vw), 10vh); */
    font-size: 9.6vw;
    padding-left: 5.33vw;

    /* 75px */
    /* margin-top: min(max(39.46px, 3.90625vw), 7.5vh); */

    /* 45px */
    /* margin-top: min(max(24px, 2.3436vw), 4.5vh); */
    margin-top: 0;
    /* color: var(--story-blue); */
  }
  .contentPage__textArea__text__content__mobile {
    display: flex;
    font-family: "NotoSansKR";
    /* 30px */
    /* [px = 30 * 1024 / 1920] = 30 / 1.875 */
    /* [vw = 30 / 1920 * 100] = 30 / 19.2 */
    /* [vh = 30 / 10] */
    /* font-size: min(max(16px, 1.5625vw), 3vh); */
    font-size: 3.73vw;
    /* overflow: hiddlen; */
    /* white-space: normal; */
    padding-left: 5.33vw;
    margin-top: 2.4vw;
    line-height: 5.87vw;
    letter-spacing: -0.07467vw;
  }
  .contentPage__textArea__text__desc {
    /* font-family: "NotoSansKR"; */
    /* 20px */
    font-size: 3.2vw;
    /* margin-top 95px */
    margin-top: 5.07vw;
    padding-left: 5.33vw;
    color: #606060;
  }

  .contentPage__imageArea {
    flex: 1;
    display: flex;
    align-items: end;
    position: relative;
  }
  .contentPage__imageArea__img__right {
    position: absolute;
    width: 84.8vw;
    height: auto;
    left: 0;
    bottom: 0;
  }
  .contentPage__imageArea__img__left {
    position: absolute;
    width: 84.8vw;
    height: auto;
    /* right: 5.626%; */
    left: 0;
    bottom: 0;
  }

  .flexPCRowMCol {
    /* flex-direction: row; */
    flex-direction: column;
  }

  .flexPCRowreverseMCol {
    /* flex-direction: row-reverse; */
    flex-direction: column;
  }

  .flexPCRowMColReverse {
    /* flex-direction: row; */
    flex-direction: column-reverse;
  }

  .flexPCRowreverseMColReverse {
    /* flex-direction: row-reverse; */
    flex-direction: column-reverse;
  }

  .footerPage {
    /* width: 100%; */
    /* background-color: #efefef; */
    /* height: 100%; */
    /* min-height: 500px; */
    /* display: flex;
    flex-direction: column; */

    /* Npx */
    /* [px = N * 1024 / 1920] = N / 1.875 */
    /* [vw = N / 1920 * 100] = N / 19.2 */
    /* [vh = N / 10] */

    /* padding-left: 85px; */
    /* padding-left: min(max(45.33px, 4.4271vw), 8.5vh); */
    /* padding-top: 250px; */
    /* padding-top: min(max(133.33px, 13.0208vw), 25vh); */
    padding-top: 13.33vw;
    /* padding-bottom: 55px; */
    padding-bottom: 13.33vw;
  }

  .footerPage__corp {
    /* font-family: "NotoSansKR";
    font-weight: 900; */
    /* font-size: 24px; */
    font-size: 3.73vw;
  }
  .footerPage__info {
    /* font-family: "NotoSansKR"; */
    /* font-size: 18px; */
    font-size: 2.93vw;
    /* margin-top: 10px; */
    margin-top: 4.8vw;
    line-height: 4.53vw;
  }

  #fp-nav.right {
    /* 100px */
    /* right: min(max(53.33px, 5.2083vw), 10vh); */
    right: 5.33vw;
  }

  /* #fp-nav ul {
    opacity: 0;
    transition: 0.2s opacity;
  }

  #fp-nav ul li:first-child {
    display: none;
  }
  #fp-nav ul li:last-child {
    display: none;
  } */

  #fp-nav ul li {
    /* 20px */
    width: 2.13vw;
    height: 2.13vw;
    /* 30px */
    margin: 5.86vw;
  }
  #fp-nav ul li a.active span {
    /* 20px */
    width: 2.13vw;
    height: 2.13vw;

    /* margin: -2px 0 0 -2px;
    background-color: var(--story-yellow); */
    /* top: 100%; */
    /* left: 100%; */
  }

  #fp-nav ul li:hover a.active span {
    width: 2.13vw;
    height: 2.13vw;
    /* margin: -2px 0 0 -2px; */
  }

  #fp-nav ul li a span {
    /* 20px */
    width: 2.13vw;
    height: 2.13vw;
    /* background-color: var(--story-blue); */
  }
  #fp-nav ul li:hover a span {
    /* 20px */
    width: 2.13vw;
    height: 2.13vw;
    /* margin: -2px 0 0 -2px; */
  }

  .slideDetail {
    position: fixed;
    /* top: 80px; */
    /* top: 18.67vw; */
    /* left: 0; */
    /* width: 100vw; */
    /* height: calc(100vh - 18.67vw); */
    /* z-index: 10; */
    /* display: none; */
  }
  /* .slideDetail__cover {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .slideDetail__cover__shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.85;
  } */
  .slideDetail__cover__upperShadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30.13vw;
    display: flex;
    background: linear-gradient(black, rgba(0, 0, 0, 0));
    flex-direction: row;
  }
  .slideDetail__cover__upperShadow__title {
    flex: 8;
    padding-left: 5.33vw;
    padding-top: 3.47vw;
    /* font-family: "NotoSansKR"; */
    /* font-weight: 500; */
    font-size: 5.87vw;
    /* color: white; */
  }
  .slideDetail__cover__upperShadow__exit {
    flex: 2;
    padding-top: 5.87vw;
    padding-right: 5.33vw;
    display: flex;
    justify-content: right;
  }
  .slideDetail__cover__upperShadow__exit__btn {
    width: 4vw;
    height: 4vw;
  }

  .slideDetail__cover__content {
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row; */
    flex-direction: column;
    overflow-y: scroll;
  }
  .slideDetail__cover__content__imgBox {
    /* flex: 845; */
    flex: auto;
    display: flex;
    justify-content: center;
    /* align-items: center; */
  }
  .slideDetail__cover__content__img {
    width: 100%;
  }
  .slideDetail__cover__content__text {
    /* flex: 975; */
    flex: auto;
    /* font-family: "NotoSansKR";
    font-weight: 500; */
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }

  .slideDetail__cover__content__text__title {
    /* font-size: 1.56vw;
    color: white; */
    display: none;
  }

  .slideDetail__cover__content__text__content {
    /* font-size: 1.0417vw; */
    font-size: 3.47vw;
    /* color: #c3c3c3; */
    margin-top: 4vw;
  }

  .slideDetail__cover__content__exit {
    /* flex: 100; */
    display: none;
  }

  /* .slideDetail__cover__content__exit__btn {
    width: 2.6042vw;
    height: 2.6042vw;
    margin-top: 2.6042vw;
    cursor: pointer;
  } */
  .pcview {
    display: none;
  }
  .mobileview {
    display: block;
  }
  #storynation-download {
    /* font-family: "ONE Mobile"; */
    /* position: fixed; */
    /* opacity: 0; */
    /* transition: 0.2s opacity; */
    /* transition-delay: 0.2s display; */
    /* background-color: var(--story-blue); */
    /* width: 250px; */
    /* Npx */
    /* [px = N * 1024 / 1920] = N / 1.875 */
    /* [vw = N / 1920 * 100] = N / 19.2 */
    /* [vh = N / 10] */
    /* width: min(max(133.33px, 13.02vw), 25vh); */
    width: 30.67vw;
    height: 10.67vw;
    border: 0px;
    border-radius: 999px;
    /* top: 170px; */
    top: calc(18.67vw + 10px);
    /* right: 150px; */
    right: 15px;
    /* display: flex; */
    flex-direction: row-reverse;
    /* color: white; */
    /* justify-content: center; */
    /* align-items: center; */
  }

  #storynation-download-icon {
    /* width: 24px; */
    width: 2.9vw;
  }
  #storynation-download-icon img {
    width: 100%;
  }
  #storynation-download-text {
    display: none;
    /* text-align: center; */
    /* font-size: 35px; */
    /* font-size: min(max(18.67px, 1.82vw), 3.5vh); */
    /* line-height: 50px; */
    /* line-height: min(max(26.67px, 2.6vw), 5vh); */
    /* margin-top: 20px; */
    /* margin-top: min(max(10.67px, 1.04vw), 2vh); */
  }
  #storynation-download-text-mobile {
    display: flex;
    font-size: 3.73vw;
    margin-right: 2.67vw;
  }
  #kakao-channel-btn {
    /* position: fixed; */
    /* right:20; */
    right: 5.33vw;
    /* bottom:20; */
    bottom: 5.33vw;
    /* width:60; */
    width: 16vw;
    /* height:60; */
    height: 16vw;
    /* opacity: 0; */
    /* transition: 0.2s opacity; */
  }
}