html, body {
  overflow: hidden; }
  html.auto, body.auto {
    overflow: auto; }

.p-md {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  background: #fff;
  color: #000; }
  @media all and (max-width: 768px) {
    .p-md {
      overflow: auto; } }
  .p-md.black {
    background: #000;
    color: #fff;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in; }
    .p-md.black .md__sec-box:before {
      background-color: #000;
      -webkit-transition: background-color .3s ease-in;
      transition: background-color .3s ease-in; }

.scroll-lock {
  overflow: hidden !important; }

@media all and (max-width: 768px) {
  .l-frame__content.md {
    overflow: auto;
    -webkit-overflow-scrolling: auto; } }

.br-ie .l-frame__content.md {
  overflow: hidden; }

.md__sec-box {
  height: 100%; }
  .md__sec-box:not(.md__sec-bg) {
    position: relative; }
    .md__sec-box:not(.md__sec-bg):before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: -1;
      -webkit-transition: background-color .3s ease-in;
      transition: background-color .3s ease-in; }
  .md__sec-box4 .sec-better-symbol {
    position: relative;
    right: 0;
    top: 100vh;
    width: 25vw;
    height: 21vw;
    background: url("/images/bg_cu_better.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-transform: translateY(-77%);
    -ms-transform: translateY(-77%);
    transform: translateY(-77%);
    z-index: -1; }
    .br-ie .md__sec-box4 .sec-better-symbol {
      z-index: 1; }
    @media all and (max-width: 768px) {
      .md__sec-box4 .sec-better-symbol {
        display: none; } }
  .md__sec-box4 .sec-better-symbol-mo {
    display: none; }
    @media all and (max-width: 768px) {
      .md__sec-box4 .sec-better-symbol-mo {
        display: block;
        position: absolute;
        right: auto;
        left: 0;
        top: 88%;
        width: 45vw;
        height: 38vw;
        background: url("/images/bg_cu_better_mo.png") no-repeat 0 0;
        background-size: 100%;
        -webkit-transform: translateY(-100);
        -ms-transform: translateY(-100);
        transform: translateY(-100); } }

#container {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden; }

.panel {
  position: absolute;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  color: white;
  box-sizing: border-box;
  padding: 10px; }
  .panel.description {
    position: relative; }

.intro {
  height: 100vh;
  background: #fff; }
  .intro__inner {
    position: relative;
    height: 100%; }
    @media all and (max-width: 768px) {
      .intro__inner {
        -webkit-transform: translateY(calc(0% - 5vh));
        -ms-transform: translateY(calc(0% - 5vh));
        transform: translateY(calc(0% - 5vh)); } }
    @media all and (min-width: 500px) and (max-width: 768px) {
      .intro__inner {
        -webkit-transform: translateY(calc(0% - 8vh)) scale(0.9);
        -ms-transform: translateY(calc(0% - 8vh)) scale(0.9);
        transform: translateY(calc(0% - 8vh)) scale(0.9); } }
    @media screen and (max-height: 1180px) {
      .intro__inner {
        -webkit-transform: translateY(-5vh) scale(0.92);
        -ms-transform: translateY(-5vh) scale(0.92);
        transform: translateY(-5vh) scale(0.92); } }
  .intro__symbol {
    position: absolute;
    top: 0%;
    left: 50%;
    opacity: 0; }
    .intro__symbol-txt {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-family: 'ambit-semi';
      font-size: 18rem;
      white-space: nowrap;
      color: #fff; }
      @media all and (max-width: 768px) {
        .intro__symbol-txt {
          font-size: 2.4vw; } }
    .intro__symbol01 {
      width: 343rem;
      z-index: 4; }
      .intro__symbol01 .intro__symbol-txt {
        -webkit-transform: translate(-50%, -50%) translate(-55%, -844%) rotate(25deg);
        -ms-transform: translate(-50%, -50%) translate(-55%, -844%) rotate(25deg);
        transform: translate(-50%, -50%) translate(-55%, -844%) rotate(25deg); }
      @media all and (max-width: 768px) {
        .intro__symbol01 {
          width: 33vw; }
          .intro__symbol01 .intro__symbol-txt {
            -webkit-transform: translate(-50%, -50%) translate(-4vw, -13vw) rotate(27deg);
            -ms-transform: translate(-50%, -50%) translate(-4vw, -13vw) rotate(27deg);
            transform: translate(-50%, -50%) translate(-4vw, -13vw) rotate(27deg); } }
    .intro__symbol02 {
      width: 354rem;
      z-index: 1; }
      .intro__symbol02 .intro__symbol-txt {
        -webkit-transform: translate(-50%, -50%) translate(24%, -425%) rotate(-111deg);
        -ms-transform: translate(-50%, -50%) translate(24%, -425%) rotate(-111deg);
        transform: translate(-50%, -50%) translate(24%, -425%) rotate(-111deg); }
      @media all and (max-width: 768px) {
        .intro__symbol02 {
          width: 34.4vw; }
          .intro__symbol02 .intro__symbol-txt {
            -webkit-transform: translate(-51%, -50%) translate(6vw, -8vw) rotate(-110deg);
            -ms-transform: translate(-51%, -50%) translate(6vw, -8vw) rotate(-110deg);
            transform: translate(-51%, -50%) translate(6vw, -8vw) rotate(-110deg); } }
    .intro__symbol03 {
      width: 469rem;
      z-index: 3; }
      .intro__symbol03 .intro__symbol-txt {
        -webkit-transform: translate(-50%, -50%) translate(279%, -498%) rotate(65deg);
        -ms-transform: translate(-50%, -50%) translate(279%, -498%) rotate(65deg);
        transform: translate(-50%, -50%) translate(279%, -498%) rotate(65deg); }
      @media all and (max-width: 768px) {
        .intro__symbol03 {
          width: 45.5vw; }
          .intro__symbol03 .intro__symbol-txt {
            -webkit-transform: translate(-50%, -50%) translate(15vw, -9vw) rotate(67deg);
            -ms-transform: translate(-50%, -50%) translate(15vw, -9vw) rotate(67deg);
            transform: translate(-50%, -50%) translate(15vw, -9vw) rotate(67deg); } }
    .intro__symbol04 {
      width: 406rem;
      z-index: 2; }
      .intro__symbol04 .intro__symbol-txt {
        -webkit-transform: translate(-50%, -50%) translate(-73%, -197%) rotate(-33deg);
        -ms-transform: translate(-50%, -50%) translate(-73%, -197%) rotate(-33deg);
        transform: translate(-50%, -50%) translate(-73%, -197%) rotate(-33deg); }
      @media all and (max-width: 768px) {
        .intro__symbol04 {
          width: 39.06vw; }
          .intro__symbol04 .intro__symbol-txt {
            -webkit-transform: translate(-50%, -50%) translate(-6vw, -4vw) rotate(-33deg);
            -ms-transform: translate(-50%, -50%) translate(-6vw, -4vw) rotate(-33deg);
            transform: translate(-50%, -50%) translate(-6vw, -4vw) rotate(-33deg); } }
  .intro__tit-life {
    position: absolute;
    left: 50%;
    font-family: "roslindaletext";
    font-size: 120rem;
    letter-spacing: -2.5rem;
    opacity: 0; }
    @media all and (max-width: 768px) {
      .intro__tit-life {
        font-size: 15vw;
        letter-spacing: 0;
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%; } }
  .intro__tit-cu {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    font-family: 'ambit-semi';
    font-size: 130rem;
    letter-spacing: -2.5rem;
    opacity: 0;
    z-index: 5; }
    @media all and (max-width: 768px) {
      .intro__tit-cu {
        font-size: 15vw;
        letter-spacing: 0;
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        transform-origin: 0% 100%; } }
  .intro__desc {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    font-family: 'Noto Sans KR Medium';
    font-size: 28rem;
    line-height: 30rem;
    white-space: nowrap;
    opacity: 0; }
    @media all and (max-width: 768px) {
      .intro__desc {
        font-size: 4.2vw;
        white-space: nowrap;
        line-height: 5.2vw;
        letter-spacing: -0.1vw; } }

.md__intro {
  position: relative;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #fff; }
  @media all and (min-width: 769px) and (max-width: 1200px) {
    .md__intro {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .md__intro-video-wrap {
    position: relative;
    width: 99%;
    height: 99%;
    overflow: hidden;
    padding-top: 67%;
    background-color: #fff; }
    @media all and (max-width: 768px) {
      .md__intro-video-wrap {
        width: 91.7vw;
        margin: 0 auto; } }
  .md__intro-video {
    position: relative;
    width: 69vw;
    height: auto;
    margin-left: 390rem;
    margin-bottom: 20rem;
    outline: none; }
    .md__intro-video:focus {
      outline: none; }
    .md__intro-video video {
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 101%;
      min-height: 100%;
      width: auto;
      height: auto; }
    @media all and (max-width: 768px) {
      .md__intro-video {
        width: 100vw;
        height: 100vh;
        margin: 0; }
        .md__intro-video video {
          min-height: 101%; } }

.md__sec {
  position: relative; }
  .md__sec-box {
    position: relative; }
    .md__sec-box .sec-style-symbol {
      position: absolute;
      right: 0;
      top: 100vh;
      width: 29.3vw;
      height: 42vw;
      margin-right: -1px;
      background: url("/images/bg_cu_style.png") no-repeat 0 0;
      background-size: 100%;
      border: 1px solid transparent;
      -webkit-transform: translateY(-55%);
      -ms-transform: translateY(-55%);
      transform: translateY(-55%);
      z-index: -1; }
      @media all and (max-width: 768px) {
        .md__sec-box .sec-style-symbol {
          right: auto;
          left: 0;
          width: 44vw;
          height: 75vw;
          margin-left: -1px;
          background: url("/images/bg_cu_style_mo.png") no-repeat 0 0;
          background-size: 100%;
          -webkit-transform: translateY(-68%);
          -ms-transform: translateY(-68%);
          transform: translateY(-68%); } }
  @media all and (max-width: 768px) {
    .md__sec-style:after {
      display: none; } }
  .md__sec-picnic .visual {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .md__sec-picnic .visual .img-unit-wrap {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .md__sec-picnic .visual .img-unit {
      position: absolute;
      visibility: hidden; }
      .md__sec-picnic .visual .img-unit:nth-child(1) {
        width: 37vh;
        max-width: 20.83vw; }
      .md__sec-picnic .visual .img-unit:nth-child(2) {
        width: 26.2vh;
        max-width: 14.7vw; }
      .md__sec-picnic .visual .img-unit:nth-child(3) {
        width: 49.7vh;
        max-width: 28vw; }
      @media all and (max-width: 768px) {
        .md__sec-picnic .visual .img-unit:nth-child(1) {
          width: 30vh;
          max-width: 53.3vw; }
        .md__sec-picnic .visual .img-unit:nth-child(2) {
          width: 18vh;
          max-width: 32vw; }
        .md__sec-picnic .visual .img-unit:nth-child(3) {
          width: 28.4vh;
          max-width: 50.6vw; } }
    .md__sec-picnic .visual .stack-target.stack--on {
      visibility: visible; }
      .md__sec-picnic .visual .stack-target.stack--on .txt-unit__tit {
        color: #fff;
        visibility: visible; }
  .md__sec-picnic .interview {
    position: relative;
    padding-bottom: 200rem; }
    @media all and (max-width: 768px) {
      .md__sec-picnic .interview {
        padding-bottom: 80rem; } }
  .md__sec-picnic .sec-picnic-symbol {
    position: absolute;
    left: 0%;
    bottom: -16%;
    width: 31vw;
    height: 53vw;
    background: url("/images/bg_cu_picnic.png") no-repeat 0 0;
    background-size: 100%; }
    @media all and (max-width: 768px) {
      .md__sec-picnic .sec-picnic-symbol {
        left: auto;
        right: 0;
        top: 70vh;
        bottom: 37%;
        width: 31.06vw;
        height: 47.26vw;
        background: url("/images/bg_cu_picnic_mo.png") no-repeat 0 0;
        background-size: 100%; } }
    @media all and (min-width: 500px) and (max-width: 768px) {
      .md__sec-picnic .sec-picnic-symbol {
        bottom: 30%; } }
  .md__sec-ground .sec-ground-symbol {
    position: absolute;
    right: 0;
    top: 15vh;
    width: 20vw;
    height: 31vw;
    background: url("/images/bg_cu_ground.png") no-repeat 0 0;
    background-size: 100%;
    z-index: -1; }
    .br-ie .md__sec-ground .sec-ground-symbol {
      z-index: 1; }
    @media all and (max-width: 768px) {
      .md__sec-ground .sec-ground-symbol {
        position: absolute;
        right: 0;
        top: 65vh;
        width: 29vw;
        height: 45.6vw;
        background: url("/images/bg_cu_ground_mo.png") no-repeat 0 0;
        background-size: 100%; } }
  .br-ie .md__sec-ground .visual-full-inner {
    z-index: 2; }
  .md__sec-ground .interview {
    position: relative;
    padding-bottom: 200rem; }
    .md__sec-ground .interview .itv-photo-fix {
      background: url("/images/bg_cu_ground.png") no-repeat right center;
      background-size: 20vw 31vw; }
      @media all and (max-width: 768px) {
        .md__sec-ground .interview .itv-photo-fix {
          background: none; } }
    .md__sec-ground .interview .itv-article-qna__a.pb {
      padding-bottom: 80rem; }
      @media all and (max-width: 768px) {
        .md__sec-ground .interview .itv-article-qna__a.pb {
          padding-bottom: 0rem; } }
  .md__sec-ground .visual {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .md__sec-ground .visual__key-txt {
      color: #000; }
    .md__sec-ground .visual .img-unit-wrap {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .md__sec-ground .visual .img-unit {
      position: absolute;
      visibility: hidden; }
      .md__sec-ground .visual .img-unit:nth-child(1) {
        width: 55vh;
        max-width: 31.25vw; }
        @media all and (max-width: 768px) {
          .md__sec-ground .visual .img-unit:nth-child(1) {
            width: 31.4vh;
            max-width: 56vw; } }
      .md__sec-ground .visual .img-unit:nth-child(2) {
        width: 26.5vh;
        max-width: 15vw; }
        @media all and (max-width: 768px) {
          .md__sec-ground .visual .img-unit:nth-child(2) {
            width: 18vh;
            max-width: 32vw; } }
      .md__sec-ground .visual .img-unit:nth-child(3) {
        width: 50vh;
        max-width: 28.125vw; }
        @media all and (max-width: 768px) {
          .md__sec-ground .visual .img-unit:nth-child(3) {
            width: 28vh;
            max-width: 50vw; } }
    .md__sec-ground .visual .stack-target.stack--on {
      visibility: visible; }
      .md__sec-ground .visual .stack-target.stack--on .txt-unit__tit {
        color: #000;
        visibility: visible; }
  .md__sec-better {
    position: relative; }
    .br-ie .md__sec-better {
      z-index: 2; }
    .md__sec-better .visual {
      position: relative;
      width: 100%;
      overflow: hidden; }
      .md__sec-better .visual__key-txt {
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(300%);
        -ms-transform: translateY(300%);
        transform: translateY(300%); }
      .md__sec-better .visual .img-unit-wrap {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .md__sec-better .visual .txt-unit-wrap {
        width: 100%;
        height: 100%; }
      .md__sec-better .visual .img-unit {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        visibility: hidden; }
        .md__sec-better .visual .img-unit:nth-child(1) {
          width: 26.7vw; }
        .md__sec-better .visual .img-unit:nth-child(2) {
          width: 23.4vw; }
        .md__sec-better .visual .img-unit:nth-child(3) {
          width: 32.8vw; }
      .md__sec-better .visual .stack-target.stack--on {
        visibility: visible; }
        .md__sec-better .visual .stack-target.stack--on .txt-unit__tit {
          color: #fff;
          visibility: visible; }

.visual-full-inner {
  position: relative;
  width: 100vw;
  height: 100vh; }

.visual-center-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 31.5vw;
  height: 34.6vw; }

.visual__key-txt {
  padding-top: 48rem;
  font-size: 28rem;
  line-height: 1.5;
  text-align: left;
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans KR Medium'; }
  @media all and (min-width: 1920px) {
    .visual__key-txt {
      font-size: 28px; } }
  @media all and (max-width: 768px) {
    .visual__key-txt {
      padding-top: 22rem;
      font-size: 18rem; } }
  @media all and (min-width: 500px) and (max-width: 768px) {
    .visual__key-txt {
      padding-top: 35rem;
      font-size: 23rem; } }
  .visual__key-txt > span {
    display: block; }
  .visual__key-txt-box {
    overflow: hidden;
    visibility: hidden; }
    .visual__key-txt-box.motion-txt--ko .txt-target {
      display: block;
      opacity: 0;
      -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
      transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      visibility: hidden; }
    .visual__key-txt-box .txt-target {
      display: inline-block;
      -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
      transform: translate(0, 100%);
      -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
    .visual__key-txt-box.txt-hello {
      visibility: visible; }
      .visual__key-txt-box.txt-hello .txt-target {
        -webkit-transform: translate(0, 0) rotate(0.001deg);
        -ms-transform: translate(0, 0) rotate(0.001deg);
        transform: translate(0, 0) rotate(0.001deg);
        -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
        transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
        .visual__key-txt-box.txt-hello .txt-target:nth-child(2) {
          -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
        .visual__key-txt-box.txt-hello .txt-target:nth-child(3) {
          -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s; }
        .visual__key-txt-box.txt-hello .txt-target:nth-child(4) {
          -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }
        .visual__key-txt-box.txt-hello .txt-target:nth-child(5) {
          -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s; }
        .visual__key-txt-box.txt-hello .txt-target:nth-child(6) {
          -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s; }
        .visual__key-txt-box.txt-hello .txt-target:nth-child(7) {
          -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s; }
        .visual__key-txt-box.txt-hello .txt-target:nth-child(8) {
          -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s; }
      .visual__key-txt-box.txt-hello.motion-txt--ko .txt-target {
        opacity: 1;
        visibility: visible; }
    .visual__key-txt-box.stack-target.stack--on {
      opacity: 1;
      -webkit-transition: 0.3s ease all;
      transition: 0.3s ease all; }

.visual .txt-unit-wrap {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  @media all and (max-width: 768px) {
    .visual .txt-unit-wrap {
      white-space: nowrap; } }

.visual .txt-unit__tit {
  overflow: hidden;
  visibility: hidden;
  top: 50%;
  left: 50%;
  text-transform: uppercase;
  font-family: 'ambit-semi';
  font-size: 210rem;
  white-space: nowrap; }
  .visual .txt-unit__tit.motion-txt--ko .txt-target {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
    transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    visibility: hidden; }
  .visual .txt-unit__tit .txt-target {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
  .visual .txt-unit__tit.txt-hello {
    visibility: visible; }
    .visual .txt-unit__tit.txt-hello .txt-target {
      -webkit-transform: translate(0, 0) rotate(0.001deg);
      -ms-transform: translate(0, 0) rotate(0.001deg);
      transform: translate(0, 0) rotate(0.001deg);
      -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
      .visual .txt-unit__tit.txt-hello .txt-target:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      .visual .txt-unit__tit.txt-hello .txt-target:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .visual .txt-unit__tit.txt-hello .txt-target:nth-child(4) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s; }
      .visual .txt-unit__tit.txt-hello .txt-target:nth-child(5) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .visual .txt-unit__tit.txt-hello .txt-target:nth-child(6) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s; }
      .visual .txt-unit__tit.txt-hello .txt-target:nth-child(7) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s; }
      .visual .txt-unit__tit.txt-hello .txt-target:nth-child(8) {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s; }
    .visual .txt-unit__tit.txt-hello.motion-txt--ko .txt-target {
      opacity: 1;
      visibility: visible; }
  @media all and (max-width: 768px) {
    .visual .txt-unit__tit {
      font-size: 80rem; } }
  .br-ie .visual .txt-unit__tit {
    line-height: 1.1; }
  @media all and (min-width: 1920px) {
    .visual .txt-unit__tit {
      font-size: 210px; } }

.itv {
  height: 100%; }
  .itv .itv-wrap {
    position: relative; }
    .itv .itv-wrap .text_en {
      font-family: "ambit-regular"; }
    .itv .itv-wrap .itv-photo {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .itv .itv-wrap .itv-photo-fix {
        position: relative;
        height: 100vh;
        width: 100%; }
      .itv .itv-wrap .itv-photo-picnic, .itv .itv-wrap .itv-photo-ground {
        width: 88.888vh;
        max-width: 960px;
        position: absolute;
        top: 50%;
        left: 180rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .itv .itv-wrap .itv-photo-picnic:not(.marker-1-target) > div, .itv .itv-wrap .itv-photo-ground:not(.marker-1-target) > div {
          visibility: hidden; }
        .itv .itv-wrap .itv-photo-picnic.active > div, .itv .itv-wrap .itv-photo-ground.active > div {
          visibility: visible; }
        @media all and (max-width: 768px) {
          .itv .itv-wrap .itv-photo-picnic, .itv .itv-wrap .itv-photo-ground {
            width: 55.2vw;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
        @media all and (min-width: 1920px) {
          .itv .itv-wrap .itv-photo-picnic, .itv .itv-wrap .itv-photo-ground {
            width: 960px; } }
        @media all and (min-width: 769px) and (max-width: 1200px) {
          .itv .itv-wrap .itv-photo-picnic, .itv .itv-wrap .itv-photo-ground {
            width: 50vw; } }
      .itv .itv-wrap .itv-photo-picnic--1.active.leave-back > div:after, .itv .itv-wrap .itv-photo-ground--1.active.leave-back > div:after {
        display: none; }
      .itv .itv-wrap .itv-photo-picnic--1.active > div, .itv .itv-wrap .itv-photo-ground--1.active > div {
        opacity: 1;
        visibility: visible; }
      .itv .itv-wrap .itv-photo-picnic--1 > div, .itv .itv-wrap .itv-photo-ground--1 > div {
        position: relative;
        opacity: 0;
        -webkit-transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1); }
        .itv .itv-wrap .itv-photo-picnic--1 > div:after, .itv .itv-wrap .itv-photo-ground--1 > div:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: #f0e4ed;
          -webkit-transition: height 1s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
          transition: height 1s 0.1s cubic-bezier(0.19, 1, 0.22, 1); }
        .itv .itv-wrap .itv-photo-picnic--1 > div.img-hello, .itv .itv-wrap .itv-photo-ground--1 > div.img-hello {
          opacity: 1; }
          .itv .itv-wrap .itv-photo-picnic--1 > div.img-hello:after, .itv .itv-wrap .itv-photo-ground--1 > div.img-hello:after {
            height: 0; }
    .itv .itv-wrap .itv-people {
      position: absolute;
      top: 300rem;
      z-index: 2; }
      .itv .itv-wrap .itv-people__name {
        position: absolute;
        top: 0;
        left: 60rem;
        white-space: nowrap;
        overflow: hidden;
        visibility: hidden; }
        .md__sec-picnic .itv .itv-wrap .itv-people__name {
          color: #fff; }
        .itv .itv-wrap .itv-people__name.motion-txt--ko .txt-target {
          display: block;
          opacity: 0;
          -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
          transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
          transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
          transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
          visibility: hidden; }
        .itv .itv-wrap .itv-people__name .txt-target {
          display: inline-block;
          -webkit-transform: translate(0, 100%);
          -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
          -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
        .itv .itv-wrap .itv-people__name.txt-hello {
          visibility: visible; }
          .itv .itv-wrap .itv-people__name.txt-hello .txt-target {
            -webkit-transform: translate(0, 0) rotate(0.001deg);
            -ms-transform: translate(0, 0) rotate(0.001deg);
            transform: translate(0, 0) rotate(0.001deg);
            -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
            transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
            transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
            transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
            .itv .itv-wrap .itv-people__name.txt-hello .txt-target:nth-child(2) {
              -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
            .itv .itv-wrap .itv-people__name.txt-hello .txt-target:nth-child(3) {
              -webkit-transition-delay: 0.3s;
              transition-delay: 0.3s; }
            .itv .itv-wrap .itv-people__name.txt-hello .txt-target:nth-child(4) {
              -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s; }
            .itv .itv-wrap .itv-people__name.txt-hello .txt-target:nth-child(5) {
              -webkit-transition-delay: 0.5s;
              transition-delay: 0.5s; }
            .itv .itv-wrap .itv-people__name.txt-hello .txt-target:nth-child(6) {
              -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s; }
            .itv .itv-wrap .itv-people__name.txt-hello .txt-target:nth-child(7) {
              -webkit-transition-delay: 0.7s;
              transition-delay: 0.7s; }
            .itv .itv-wrap .itv-people__name.txt-hello .txt-target:nth-child(8) {
              -webkit-transition-delay: 0.8s;
              transition-delay: 0.8s; }
          .itv .itv-wrap .itv-people__name.txt-hello.motion-txt--ko .txt-target {
            opacity: 1;
            visibility: visible; }
        .itv .itv-wrap .itv-people__name strong {
          display: block;
          font-size: 24rem;
          padding-bottom: 15px;
          text-transform: uppercase; }
          .itv .itv-wrap .itv-people__name strong.text_en {
            font-family: "ambit-semi"; }
          @media all and (min-width: 1920px) {
            .itv .itv-wrap .itv-people__name strong {
              font-size: 24rem; } }
        .itv .itv-wrap .itv-people__name span {
          font-size: 18rem;
          line-height: 20rem; }
          @media all and (min-width: 1920px) {
            .itv .itv-wrap .itv-people__name span {
              font-size: 18px;
              line-height: 20px; } }
      @media all and (max-width: 768px) {
        .itv .itv-wrap .itv-people {
          position: absolute;
          top: 80rem; }
          .itv .itv-wrap .itv-people__name {
            position: static;
            white-space: initial;
            visibility: visible; }
            .itv .itv-wrap .itv-people__name strong {
              display: block;
              font-size: 16rem;
              font-family: "ambit-regular"; }
            .itv .itv-wrap .itv-people__name span {
              display: block;
              font-size: 10rem;
              line-height: 1.3; } }
    .itv .itv-wrap .itv-article {
      position: relative;
      width: 45%;
      margin: 0 90rem 100vh auto; }
      @media all and (max-width: 768px) {
        .itv .itv-wrap .itv-article {
          width: 91%;
          margin: 0 0 100vh 16rem; } }
      .itv .itv-wrap .itv-article-qna {
        position: relative; }
        .itv .itv-wrap .itv-article-qna:last-of-type {
          padding-bottom: 0; }
        .itv .itv-wrap .itv-article-qna__wrap {
          padding-top: 100vh; }
        .itv .itv-wrap .itv-article-qna__keyword {
          position: absolute;
          top: 50vh;
          margin-top: -5vh;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
          .itv .itv-wrap .itv-article-qna__keyword .itv-article-qna__q {
            padding-bottom: 0; }
          .itv .itv-wrap .itv-article-qna__keyword p {
            font-family: 'Noto Sans KR Medium'; }
          .itv .itv-wrap .itv-article-qna__keyword .quotes {
            width: auto;
            margin-top: 0;
            font-family: "ambit-regular";
            font-size: 50rem;
            line-height: 1; }
          @media all and (max-width: 768px) {
            .itv .itv-wrap .itv-article-qna__keyword {
              top: 100vh;
              margin-top: -10vh;
              -webkit-transform: translateY(-100%);
              -ms-transform: translateY(-100%);
              transform: translateY(-100%); }
              .itv .itv-wrap .itv-article-qna__keyword .quotes {
                font-size: 25rem;
                line-height: 1; } }
        .itv .itv-wrap .itv-article-qna + .itv-article-qna {
          margin-top: 125rem; }
          @media all and (max-width: 768px) {
            .itv .itv-wrap .itv-article-qna + .itv-article-qna {
              margin-top: 70vh; } }
        .itv .itv-wrap .itv-article-qna__q {
          padding-top: 130rem;
          padding-bottom: 80rem;
          font-family: "Noto Sans KR Medium"; }
          @media all and (max-width: 768px) {
            .itv .itv-wrap .itv-article-qna__q {
              padding-top: 75rem;
              padding-bottom: 27rem; } }
        .itv .itv-wrap .itv-article-qna__a {
          font-family: "Noto Sans KR Medium"; }
      .itv .itv-wrap .itv-article p {
        font-size: 40rem;
        line-height: 1.5;
        letter-spacing: -0.25rem; }
        .md__sec-picnic .itv .itv-wrap .itv-article p {
          color: #fff; }
        .itv .itv-wrap .itv-article p span {
          display: inline-block;
          width: 135rem;
          margin-top: 10rem;
          font-size: 18rem;
          vertical-align: top;
          text-transform: uppercase; }
          @media all and (min-width: 1920px) {
            .itv .itv-wrap .itv-article p span {
              font-size: 18px;
              width: 135px; } }
        .itv .itv-wrap .itv-article p .text_en {
          font-size: 18rem;
          line-height: 20rem; }
        @media all and (min-width: 1920px) {
          .itv .itv-wrap .itv-article p {
            font-size: 40px; } }
        @media all and (max-width: 768px) {
          .itv .itv-wrap .itv-article p {
            font-size: 21rem;
            letter-spacing: -0.5rem; }
            .itv .itv-wrap .itv-article p span {
              width: 70rem;
              font-size: 10rem;
              margin-top: 3rem; }
            .itv .itv-wrap .itv-article p .text_en {
              font-size: 10rem;
              line-height: 12rem; } }

.pic-card {
  position: relative;
  width: 100%; }
  .md__sec-better .pic-card {
    padding-bottom: 227rem;
    position: relative; }
    .md__sec-better .pic-card:after {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 25vw;
      height: 21vw;
      background: url("/images/bg_cu_better.png") no-repeat 0 0;
      background-size: 100%;
      z-index: -1;
      content: ''; }
    @media all and (max-width: 768px) {
      .md__sec-better .pic-card {
        padding-bottom: 100rem; }
        .md__sec-better .pic-card:after {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 44.8vw;
          height: 38vw;
          background: url("/images/bg_cu_better_mo.png") no-repeat 0 0;
          background-size: 100%;
          z-index: -1;
          content: ''; } }
  .md__sec-ground .pic-card {
    padding-top: 150rem; }
    @media all and (max-width: 768px) {
      .md__sec-ground .pic-card {
        padding-bottom: 0; } }
  .md__sec-picnic .pic-card {
    padding-top: 200rem; }
    @media all and (max-width: 768px) {
      .md__sec-picnic .pic-card {
        padding-top: 90rem; } }
    @media all and (max-width: 768px) {
      .md__sec-picnic .pic-card {
        padding-top: 90rem; } }
  .md__sec-ground .pic-card {
    padding-top: 200rem; }
    @media all and (max-width: 768px) {
      .md__sec-ground .pic-card {
        padding-top: 90rem; } }
  .pic-card__inner {
    position: relative;
    width: 100%;
    height: 100vh; }
  .pic-card__box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .pic-card__unit {
    position: absolute;
    top: 50%;
    left: 50%; }
    .md__sec-picnic .pic-card__unit, .md__sec-ground .pic-card__unit {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    @media all and (max-width: 768px) {
      .br-safari .md__sec-better .pic-card__unit {
        border: 1px solid transparent; } }
    .md__sec-style .pic-card__unit--top {
      max-width: 15.6vw;
      width: 27.7vh;
      visibility: hidden; }
      .md__sec-style .pic-card__unit--top .pic-card__img-set {
        width: 100%;
        padding-top: 100%; }
      @media all and (max-width: 768px) {
        .md__sec-style .pic-card__unit--top {
          width: 25.3vw;
          max-width: 35.3vw; } }
    .md__sec-picnic .pic-card__unit--top {
      width: 30vh;
      max-width: 16.9vw;
      -webkit-transform: translate(-50%, -50%) translate(-130%, -128%);
      -ms-transform: translate(-50%, -50%) translate(-130%, -128%);
      transform: translate(-50%, -50%) translate(-130%, -128%); }
      .md__sec-picnic .pic-card__unit--top .pic-card__img-set {
        width: 100%;
        padding-top: 63%; }
      @media all and (max-width: 768px) {
        .md__sec-picnic .pic-card__unit--top {
          width: 18vh;
          max-width: 32vw;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) translate(108%, 295%);
          -ms-transform: translate(-50%, -50%) translate(108%, 295%);
          transform: translate(-50%, -50%) translate(108%, 295%); }
          .md__sec-picnic .pic-card__unit--top em {
            text-align: right; } }
      @media all and (min-width: 769px) and (max-width: 1200px) {
        .md__sec-picnic .pic-card__unit--top {
          width: 24.4vw; } }
    .md__sec-ground .pic-card__unit--top {
      width: 30.37vh;
      max-width: 17vw;
      -webkit-transform: translate(-50%, -50%) translate(-206%, -118%);
      -ms-transform: translate(-50%, -50%) translate(-206%, -118%);
      transform: translate(-50%, -50%) translate(-206%, -118%); }
      .md__sec-ground .pic-card__unit--top .pic-card__img-set {
        width: 100%;
        padding-top: 66%; }
        @media all and (max-width: 768px) {
          .md__sec-ground .pic-card__unit--top .pic-card__img-set em {
            padding-left: 10rem; } }
      @media all and (max-width: 768px) {
        .md__sec-ground .pic-card__unit--top {
          width: 17.7vh;
          max-width: 31.7vw;
          -webkit-transform: translate(-50%, -50%) translate(-108%, 212%);
          -ms-transform: translate(-50%, -50%) translate(-108%, 212%);
          transform: translate(-50%, -50%) translate(-108%, 212%); } }
    .md__sec-better .pic-card__unit--top {
      width: 62.87vh;
      max-width: 35.4vw;
      visibility: hidden; }
      .md__sec-better .pic-card__unit--top .pic-card__img-set {
        width: 100%;
        padding-top: 56%; }
        .md__sec-better .pic-card__unit--top .pic-card__img-set em {
          position: static;
          padding-left: 40rem; }
          .md__sec-better .pic-card__unit--top .pic-card__img-set em.only-mo {
            display: none; }
          .md__sec-better .pic-card__unit--top .pic-card__img-set em.only-pc {
            margin-top: 15rem; }
          @media all and (max-width: 768px) {
            .md__sec-better .pic-card__unit--top .pic-card__img-set em {
              position: absolute;
              padding-left: 7rem; }
              .md__sec-better .pic-card__unit--top .pic-card__img-set em.only-mo {
                display: block; }
              .md__sec-better .pic-card__unit--top .pic-card__img-set em.only-pc {
                display: none;
                top: -10%; } }
      @media all and (max-width: 768px) {
        .md__sec-better .pic-card__unit--top {
          width: 31vh;
          max-width: 56vw; } }
    .md__sec-style .pic-card__unit--left {
      width: 57.4vh;
      max-width: 32.2vw;
      visibility: hidden; }
      .md__sec-style .pic-card__unit--left .pic-card__img-set {
        width: 100%;
        padding-top: 56.6%; }
        @media all and (max-width: 768px) {
          .md__sec-style .pic-card__unit--left .pic-card__img-set em {
            padding-left: 7rem; } }
      @media all and (max-width: 768px) {
        .md__sec-style .pic-card__unit--left {
          width: 32vh;
          max-width: 57vw; } }
    .md__sec-picnic .pic-card__unit--left {
      width: 37.2vh;
      max-width: 20.8vw;
      -webkit-transform: translate(-50%, -50%) translate(-152%, 68%);
      -ms-transform: translate(-50%, -50%) translate(-152%, 68%);
      transform: translate(-50%, -50%) translate(-152%, 68%); }
      .md__sec-picnic .pic-card__unit--left .pic-card__img-set {
        width: 100%;
        padding-top: 100%; }
        .md__sec-picnic .pic-card__unit--left .pic-card__img-set em {
          padding-left: 10rem;
          padding-bottom: 15rem; }
      @media all and (max-width: 768px) {
        .md__sec-picnic .pic-card__unit--left {
          width: 30vh;
          max-width: 53.3vw;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) translate(-44%, 116%);
          -ms-transform: translate(-50%, -50%) translate(-44%, 116%);
          transform: translate(-50%, -50%) translate(-44%, 116%); } }
      @media all and (min-width: 500px) and (max-width: 768px) {
        .md__sec-picnic .pic-card__unit--left {
          -webkit-transform: translate(-50%, -50%) translate(-43%, 116%);
          -ms-transform: translate(-50%, -50%) translate(-43%, 116%);
          transform: translate(-50%, -50%) translate(-43%, 116%); } }
      @media all and (min-width: 769px) and (max-width: 1200px) {
        .md__sec-picnic .pic-card__unit--left {
          width: 23.39vw; } }
    .md__sec-ground .pic-card__unit--left {
      width: 55vh;
      max-width: 31.25vw;
      -webkit-transform: translate(-50%, -50%) translate(-108%, 109%);
      -ms-transform: translate(-50%, -50%) translate(-108%, 109%);
      transform: translate(-50%, -50%) translate(-108%, 109%); }
      .md__sec-ground .pic-card__unit--left .pic-card__img-set {
        width: 100%;
        padding-top: 56%; }
        .md__sec-ground .pic-card__unit--left .pic-card__img-set .name--top em {
          left: auto;
          right: 0; }
      @media all and (max-width: 768px) {
        .md__sec-ground .pic-card__unit--left {
          width: 31.4vh;
          max-width: 56vw;
          -webkit-transform: translate(-50%, -50%) translate(39%, 232%);
          -ms-transform: translate(-50%, -50%) translate(39%, 232%);
          transform: translate(-50%, -50%) translate(39%, 232%); } }
    .md__sec-better .pic-card__unit--left {
      width: 30vh;
      max-width: 17vw;
      visibility: hidden; }
      .md__sec-better .pic-card__unit--left .pic-card__img-set {
        width: 100%;
        padding-top: 67%; }
      @media all and (max-width: 768px) {
        .md__sec-better .pic-card__unit--left {
          width: 17.8vh;
          max-width: 31vw; }
          .md__sec-better .pic-card__unit--left .pic-card__img-set {
            padding-top: 68%; }
            .md__sec-better .pic-card__unit--left .pic-card__img-set figure {
              visibility: hidden; } }
    .pic-card__unit--right .pic-card__img em {
      text-align: right;
      margin-right: 40rem; }
      @media all and (max-width: 768px) {
        .pic-card__unit--right .pic-card__img em {
          margin-right: 0; } }
    .md__sec-style .pic-card__unit--right {
      width: 48vh;
      max-width: 27vw;
      visibility: hidden; }
      .md__sec-style .pic-card__unit--right .pic-card__img-set {
        width: 100%;
        padding-top: 148%; }
      @media all and (max-width: 768px) {
        .md__sec-style .pic-card__unit--right {
          width: 28vh;
          max-width: 50vw; } }
    .md__sec-picnic .pic-card__unit--right {
      width: 53.7vh;
      max-width: 30.2vw;
      -webkit-transform: translate(-50%, -50%) translate(116%, -20%);
      -ms-transform: translate(-50%, -50%) translate(116%, -20%);
      transform: translate(-50%, -50%) translate(116%, -20%); }
      .md__sec-picnic .pic-card__unit--right .pic-card__img-set {
        width: 100%;
        padding-top: 133%; }
      @media all and (max-width: 768px) {
        .md__sec-picnic .pic-card__unit--right {
          width: 28vh;
          max-width: 50vw;
          left: auto;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) translate(50%, -83%);
          -ms-transform: translate(-50%, -50%) translate(50%, -83%);
          transform: translate(-50%, -50%) translate(50%, -83%); } }
      @media all and (min-width: 500px) and (max-width: 768px) {
        .md__sec-picnic .pic-card__unit--right {
          -webkit-transform: translate(-50%, -50%) translate(48%, -79%);
          -ms-transform: translate(-50%, -50%) translate(48%, -79%);
          transform: translate(-50%, -50%) translate(48%, -79%); } }
      @media all and (min-width: 769px) and (max-width: 1200px) {
        .md__sec-picnic .pic-card__unit--right {
          width: 25.58vw; } }
    .md__sec-ground .pic-card__unit--right {
      width: 49.9vh;
      max-width: 29vw;
      -webkit-transform: translate(-50%, -50%) translate(123%, 6%);
      -ms-transform: translate(-50%, -50%) translate(123%, 6%);
      transform: translate(-50%, -50%) translate(123%, 6%); }
      .md__sec-ground .pic-card__unit--right .pic-card__img-set {
        width: 100%;
        padding-top: 148%; }
      @media all and (max-width: 768px) {
        .md__sec-ground .pic-card__unit--right {
          width: 28vh;
          max-width: 50vw;
          -webkit-transform: translate(-50%, -50%) translate(50%, -71%);
          -ms-transform: translate(-50%, -50%) translate(50%, -71%);
          transform: translate(-50%, -50%) translate(50%, -71%); } }
    .md__sec-better .pic-card__unit--right {
      visibility: hidden;
      width: 44.4vh;
      max-width: 25vw; }
      .md__sec-better .pic-card__unit--right .pic-card__img-set {
        width: 100%;
        padding-top: 148%; }
      @media all and (max-width: 768px) {
        .md__sec-better .pic-card__unit--right {
          width: 28vh;
          max-width: 50vw; } }
    .md__sec-style .pic-card__unit--topright {
      visibility: hidden;
      width: 25.4vw;
      margin: 7% 0 0 12%; }
      .md__sec-style .pic-card__unit--topright .pic-card__img-set {
        width: 100%;
        padding-top: 56.7%; }
      @media all and (max-width: 768px) {
        .md__sec-style .pic-card__unit--topright {
          width: 41.6vw;
          margin: 0; } }
      @media all and (min-width: 500px) and (max-width: 768px) {
        .md__sec-style .pic-card__unit--topright {
          width: 31.6vw;
          margin: 0; } }
      @media all and (min-width: 1920px) {
        .md__sec-style .pic-card__unit--topright {
          width: 357px;
          margin: 0; } }
      @media all and (min-width: 769px) and (max-width: 1200px) {
        .md__sec-style .pic-card__unit--topright {
          width: 26.4vw; } }
    .md__sec-ground .pic-card__unit--leftbtm {
      width: 22.39vw;
      top: 128%;
      left: -34%; }
      .md__sec-ground .pic-card__unit--leftbtm .pic-card__img-set {
        width: 100%;
        padding-top: 68%; }
      @media all and (max-width: 768px) {
        .md__sec-ground .pic-card__unit--leftbtm {
          width: 36.1vw;
          top: 0;
          left: auto;
          right: -4.2vw;
          top: 57.8vw;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      @media all and (max-width: 768px) {
        .md__sec-ground .pic-card__unit--leftbtm {
          width: 26.1vw;
          top: 47.8vw;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      @media all and (min-width: 1920px) {
        .md__sec-ground .pic-card__unit--leftbtm {
          width: 429px; } }
      @media all and (min-width: 769px) and (max-width: 1200px) {
        .md__sec-ground .pic-card__unit--leftbtm {
          width: 23.39vw; } }
    .md__sec-better .pic-card__unit--leftbtm {
      width: 19.6vw;
      top: 93%;
      left: -24%; }
      .md__sec-better .pic-card__unit--leftbtm .pic-card__img-set {
        width: 100%;
        padding-top: 59.5%; }
      @media all and (max-width: 768px) {
        .md__sec-better .pic-card__unit--leftbtm {
          width: 25.4vw;
          top: 37vw;
          left: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      @media all and (min-width: 500px) and (max-width: 768px) {
        .md__sec-better .pic-card__unit--leftbtm {
          width: 15.4vw; } }
      @media all and (min-width: 769px) and (max-width: 1200px) {
        .md__sec-better .pic-card__unit--leftbtm {
          width: 20.6vw; } }
      @media screen and (max-height: 1180px) {
        .md__sec-better .pic-card__unit--leftbtm {
          margin-top: -4vh; } }
    .pic-card__unit--center {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media screen and (min-width: 1200px) and (max-height: 960px) {
        .md__sec-style .pic-card__unit--center {
          top: 47%; } }
      @media all and (max-width: 768px) {
        .md__sec-picnic .pic-card__unit--center {
          top: 50%;
          height: 45.4vw; } }
      @media all and (max-width: 768px) {
        .md__sec-ground .pic-card__unit--center {
          height: 37.7vw; } }
      .md__sec-better .pic-card__unit--center {
        z-index: 2; }
        @media all and (max-width: 768px) {
          .md__sec-better .pic-card__unit--center {
            height: 33.7vw; } }
  .pic-card__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 0.4s ease all;
    transition: 0.4s ease all; }
    .pic-card__img.hello {
      opacity: 1; }
    .pic-card__img.name--top em {
      position: absolute;
      top: -8%;
      left: 0;
      margin-top: 0;
      padding-bottom: 0; }
      @media all and (max-width: 768px) {
        .pic-card__img.name--top em {
          top: -10%; } }
    .pic-card__img em {
      display: block;
      text-align: center;
      margin-top: 15rem;
      font-size: 16rem;
      text-align: left;
      font-family: "ambit-semi";
      text-transform: uppercase; }
      .pic-card__img em.motion-txt {
        overflow: hidden;
        visibility: hidden; }
        .pic-card__img em.motion-txt.motion-txt--ko .txt-target {
          display: block;
          opacity: 0;
          -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
          transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
          transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
          transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
          visibility: hidden; }
        .pic-card__img em.motion-txt .txt-target {
          display: inline-block;
          -webkit-transform: translate(0, 100%);
          -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
          -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
        .pic-card__img em.motion-txt.txt-hello {
          visibility: visible; }
          .pic-card__img em.motion-txt.txt-hello .txt-target {
            -webkit-transform: translate(0, 0) rotate(0.001deg);
            -ms-transform: translate(0, 0) rotate(0.001deg);
            transform: translate(0, 0) rotate(0.001deg);
            -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
            transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
            transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
            transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
            .pic-card__img em.motion-txt.txt-hello .txt-target:nth-child(2) {
              -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
            .pic-card__img em.motion-txt.txt-hello .txt-target:nth-child(3) {
              -webkit-transition-delay: 0.3s;
              transition-delay: 0.3s; }
            .pic-card__img em.motion-txt.txt-hello .txt-target:nth-child(4) {
              -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s; }
            .pic-card__img em.motion-txt.txt-hello .txt-target:nth-child(5) {
              -webkit-transition-delay: 0.5s;
              transition-delay: 0.5s; }
            .pic-card__img em.motion-txt.txt-hello .txt-target:nth-child(6) {
              -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s; }
            .pic-card__img em.motion-txt.txt-hello .txt-target:nth-child(7) {
              -webkit-transition-delay: 0.7s;
              transition-delay: 0.7s; }
            .pic-card__img em.motion-txt.txt-hello .txt-target:nth-child(8) {
              -webkit-transition-delay: 0.8s;
              transition-delay: 0.8s; }
          .pic-card__img em.motion-txt.txt-hello.motion-txt--ko .txt-target {
            opacity: 1;
            visibility: visible; }
      .md__sec-style .pic-card__img em {
        color: #000; }
      .md__sec-picnic .pic-card__img em, .md__sec-better .pic-card__img em {
        color: #fff; }
      @media all and (min-width: 1920px) {
        .pic-card__img em {
          font-size: 16px; } }
      @media all and (max-width: 768px) {
        .pic-card__img em {
          font-size: 10rem;
          margin-top: 7rem;
          padding-right: 12rem; } }
  .pic-card__section-tit {
    position: absolute;
    border: 1px solid red;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 210rem;
    font-family: "ambit-semi";
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: -1;
    visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all; }
    .pic-card__section-tit.hidden {
      opacity: 0; }
    .br-ie .pic-card__section-tit__box {
      padding-top: 10rem; }
    .pic-card__section-tit > p {
      overflow: hidden;
      visibility: hidden; }
      .pic-card__section-tit > p.motion-txt--ko .txt-target {
        display: block;
        opacity: 0;
        -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
        transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
        visibility: hidden; }
      .pic-card__section-tit > p .txt-target {
        display: inline-block;
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        transform: translate(0, 100%);
        -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
      .pic-card__section-tit > p.txt-hello {
        visibility: visible; }
        .pic-card__section-tit > p.txt-hello .txt-target {
          -webkit-transform: translate(0, 0) rotate(0.001deg);
          -ms-transform: translate(0, 0) rotate(0.001deg);
          transform: translate(0, 0) rotate(0.001deg);
          -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
          transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
          transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
          transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
          .pic-card__section-tit > p.txt-hello .txt-target:nth-child(2) {
            -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
          .pic-card__section-tit > p.txt-hello .txt-target:nth-child(3) {
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
          .pic-card__section-tit > p.txt-hello .txt-target:nth-child(4) {
            -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s; }
          .pic-card__section-tit > p.txt-hello .txt-target:nth-child(5) {
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
          .pic-card__section-tit > p.txt-hello .txt-target:nth-child(6) {
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s; }
          .pic-card__section-tit > p.txt-hello .txt-target:nth-child(7) {
            -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s; }
          .pic-card__section-tit > p.txt-hello .txt-target:nth-child(8) {
            -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s; }
        .pic-card__section-tit > p.txt-hello.motion-txt--ko .txt-target {
          opacity: 1;
          visibility: visible; }
    @media all and (min-width: 1920px) {
      .pic-card__section-tit {
        font-size: 210px; } }
    @media all and (max-width: 768px) {
      .pic-card__section-tit {
        font-size: 80rem; } }
    .md__sec-better .pic-card__section-tit {
      color: #fff;
      z-index: 1; }
  .pic-card__intro-txt {
    white-space: nowrap;
    font-size: 28rem;
    line-height: 1.5;
    margin-top: 10rem;
    font-family: 'Noto Sans KR Medium';
    overflow: hidden;
    visibility: hidden; }
    .md__sec-better .pic-card__intro-txt {
      color: #fff; }
    .pic-card__intro-txt.motion-txt--ko .txt-target {
      display: block;
      opacity: 0;
      -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
      transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      visibility: hidden; }
    .pic-card__intro-txt .txt-target {
      display: inline-block;
      -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
      transform: translate(0, 100%);
      -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
    .pic-card__intro-txt.txt-hello {
      visibility: visible; }
      .pic-card__intro-txt.txt-hello .txt-target {
        -webkit-transform: translate(0, 0) rotate(0.001deg);
        -ms-transform: translate(0, 0) rotate(0.001deg);
        transform: translate(0, 0) rotate(0.001deg);
        -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
        transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
        .pic-card__intro-txt.txt-hello .txt-target:nth-child(2) {
          -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
        .pic-card__intro-txt.txt-hello .txt-target:nth-child(3) {
          -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s; }
        .pic-card__intro-txt.txt-hello .txt-target:nth-child(4) {
          -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }
        .pic-card__intro-txt.txt-hello .txt-target:nth-child(5) {
          -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s; }
        .pic-card__intro-txt.txt-hello .txt-target:nth-child(6) {
          -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s; }
        .pic-card__intro-txt.txt-hello .txt-target:nth-child(7) {
          -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s; }
        .pic-card__intro-txt.txt-hello .txt-target:nth-child(8) {
          -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s; }
      .pic-card__intro-txt.txt-hello.motion-txt--ko .txt-target {
        opacity: 1;
        visibility: visible; }
    @media all and (min-width: 1920px) {
      .pic-card__intro-txt {
        font-size: 28px; } }
    @media all and (max-width: 768px) {
      .pic-card__intro-txt {
        position: static;
        margin-top: 20rem;
        white-space: nowrap;
        font-size: 18rem; } }
  .pic-card__txt {
    position: absolute;
    top: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    opacity: 0;
    -webkit-transition: 0.4s ease all;
    transition: 0.4s ease all; }
    @media all and (max-width: 768px) {
      .pic-card__txt {
        top: 50%;
        -webkit-transform: translate(-50%, -50%) translate(0, 28%);
        -ms-transform: translate(-50%, -50%) translate(0, 28%);
        transform: translate(-50%, -50%) translate(0, 28%); } }
    .pic-card__txt--line2 {
      top: 60%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media all and (max-width: 768px) {
        .pic-card__txt--line2 {
          top: 50%;
          -webkit-transform: translate(-50%, -50%) translate(0, 29%);
          -ms-transform: translate(-50%, -50%) translate(0, 29%);
          transform: translate(-50%, -50%) translate(0, 29%); } }
    .md__sec-picnic .pic-card__txt, .md__sec-better .pic-card__txt {
      color: #fff; }
    .md__sec-picnic .pic-card__txt--line2, .md__sec-ground .pic-card__txt--line2 {
      top: 55%; }
      @media all and (max-width: 768px) {
        .md__sec-picnic .pic-card__txt--line2, .md__sec-ground .pic-card__txt--line2 {
          top: 50%; } }
    .pic-card__txt.hello {
      opacity: 1; }
    .pic-card__txt-set {
      width: 31.25vw;
      height: 35vh; }
      .md__sec-style .pic-card__txt-set {
        position: relative;
        margin-top: 5vh; }
        @media all and (max-width: 768px) {
          .md__sec-style .pic-card__txt-set {
            position: static;
            display: block;
            height: 27vh;
            margin-top: 0vh; } }
      @media all and (max-width: 768px) {
        .pic-card__txt-set {
          width: 91.4vw;
          position: static;
          display: block; } }
      .md__sec-better .pic-card__txt-set {
        height: 44vh;
        margin-top: 5vh; }
        @media all and (max-width: 768px) {
          .md__sec-better .pic-card__txt-set {
            margin-top: 0vh; } }
    .pic-card__txt-tit {
      font-size: 78rem;
      font-family: "roslindaletext";
      text-align: center;
      white-space: nowrap;
      line-height: 0.9; }
      @media all and (min-width: 1920px) {
        .pic-card__txt-tit {
          font-size: 78px; } }
      @media all and (max-width: 768px) {
        .pic-card__txt-tit {
          font-size: 40rem; } }
    .pic-card__txt-sub {
      padding-top: 3vh;
      white-space: nowrap;
      font-family: 'Noto Sans KR Medium';
      font-size: 24rem;
      text-align: center;
      line-height: 1.5; }
      .md__sec-ground .pic-card__txt-sub {
        white-space: nowrap; }
      @media all and (min-width: 1920px) {
        .pic-card__txt-sub {
          font-size: 24px; } }
      @media all and (max-width: 768px) {
        .pic-card__txt-sub {
          padding-top: 15rem;
          font-size: 15rem;
          white-space: nowrap; } }
  .pic-card__nav {
    position: absolute;
    left: 63rem;
    bottom: 63rem;
    font-size: 18rem;
    font-family: "ambit-semi"; }
    .pic-card__nav > strong {
      display: inline-block;
      height: 18rem;
      overflow: hidden;
      padding-top: 1rem; }
      @media all and (max-width: 768px) {
        .pic-card__nav > strong {
          height: 10rem; } }
    .md__sec-style .pic-card__nav, .md__sec-better .pic-card__nav {
      opacity: 0;
      -webkit-transition: 0.3s ease all;
      transition: 0.3s ease all; }
      .md__sec-style .pic-card__nav.hello, .md__sec-better .pic-card__nav.hello {
        opacity: 1; }
    .md__sec-picnic .pic-card__nav, .md__sec-better .pic-card__nav {
      color: #fff; }
    @media all and (min-width: 1920px) {
      .pic-card__nav {
        font-size: 18px; } }
    @media all and (max-width: 768px) {
      .pic-card__nav {
        font-size: 10rem;
        left: 16rem;
        bottom: 50rem; } }
    @media all and (min-width: 500px) and (max-width: 768px) {
      .pic-card__nav {
        bottom: 30rem; } }
    .pic-card__nav-curr {
      display: inline-block;
      height: 100%;
      vertical-align: top; }
      @media all and (max-width: 768px) {
        .pic-card__nav-curr {
          height: 9rem; } }
      .pic-card__nav-curr .curr-wrap {
        display: inline-block;
        -webkit-transition: 0.3s ease-in transform;
        transition: 0.3s ease-in transform; }
        @media all and (max-width: 768px) {
          .pic-card__nav-curr .curr-wrap {
            margin: -0.2rem 0 0; } }
      .pic-card__nav-curr .curr-wrap > em {
        display: block; }
    .pic-card__nav-total {
      position: relative;
      display: inline-block;
      vertical-align: top; }

.quick {
  opacity: 0;
  visibility: hidden; }
  @media all and (max-width: 768px) {
    .quick {
      left: 16rem;
      right: 16rem;
      bottom: 15rem; } }
  .quick__nav {
    opacity: 1;
    position: fixed;
    left: 50%;
    bottom: 40rem;
    text-align: center;
    background: #fff;
    border: 2px solid #000;
    border-radius: 80px;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.3s 0.8s;
    transition: opacity 0.3s 0.8s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); }
    @media all and (max-width: 768px) {
      .quick__nav {
        border-width: 2px; } }
    .quick__nav a {
      display: inline-block;
      padding: 14px 25px 14px 20px;
      font-family: 'ambit-semi';
      font-size: 30px;
      line-height: 1;
      white-space: nowrap;
      color: #000; }
      .br-ie .quick__nav a {
        padding: 17px 25px 9px 20px; }
      .br-win-ch .quick__nav a {
        padding: 16px 25px 12px 20px; }
        @media all and (max-width: 768px) {
          .br-win-ch .quick__nav a {
            padding: 8px 21px 6px 17px; } }
      @media all and (max-width: 768px) {
        .quick__nav a {
          padding: 7px 21px 7px 17px;
          font-size: 14px;
          vertical-align: middle; }
          .br-safari .quick__nav a {
            padding: 8px 21px 6px 17px; } }
  .quick__list {
    opacity: 0;
    position: fixed;
    left: 50%;
    bottom: 40rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 19px 15px 20px;
    line-height: 1;
    vertical-align: middle;
    background: #000;
    border-radius: 80px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    overflow: hidden;
    -webkit-transition: opacity 0.3s .8s, width 0.8s 0s;
    transition: opacity 0.3s .8s, width 0.8s 0s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); }
    .br-ie .quick__list {
      padding: 15px 15px 16px; }
    .br-win-ch .quick__list {
      padding: 17px 15px 19px; }
      @media all and (max-width: 768px) {
        .br-win-ch .quick__list {
          padding: 11px 14px; } }
    @media all and (max-width: 768px) {
      .quick__list {
        padding: 11px 14px;
        line-height: 1;
        -webkit-transition: none;
        transition: none; }
        .br-safari .quick__list {
          padding: 12px 14px 10px; } }
  .quick__item {
    opacity: 0;
    pointer-events: none;
    margin: 0 15px;
    font-size: 20px;
    font-family: 'ambit-semi';
    -webkit-transition: opacity 0.2s .3s;
    transition: opacity 0.2s .3s; }
    .quick__item-btn {
      white-space: nowrap;
      color: #fff; }
      .quick__item-btn--active {
        font-family: 'roslindaletext';
        font-size: 19px;
        color: #66c970; }
        .br-win-ch .quick__item-btn--active {
          padding: 3px 0 0; }
    .br-ie .quick__item {
      margin-top: 8px; }
      .br-ie .quick__item-btn--active {
        margin-top: -3px; }
    .br-win-ch .quick__item-btn:not(.quick__item-btn--active) {
      padding: 4px 0 0; }
    @media all and (min-width: 1920px) {
      .quick__item {
        font-size: 20px; } }
    @media all and (max-width: 768px) {
      .quick__item {
        margin: 0 8rem;
        float: left;
        font-size: 10px;
        font-weight: bold;
        line-height: 1; }
        .quick__item-btn {
          letter-spacing: 0.6px;
          margin-top: -4px; }
          .quick__item-btn--active {
            font-size: 10px; } }
  .quick--hide {
    opacity: 0 !important; }
  .quick--active .quick__nav {
    opacity: 0;
    width: 100% !important;
    -webkit-transition: opacity 0.3s, width 2s;
    transition: opacity 0.3s, width 2s; }
    @media all and (max-width: 768px) {
      .quick--active .quick__nav {
        -webkit-transition: opacity 0.3s, width 1s;
        transition: opacity 0.3s, width 1s; } }
  .quick--active .quick__list {
    z-index: 10;
    width: 100% !important;
    opacity: 1;
    -webkit-transition: opacity 0.3s, width 2s;
    transition: opacity 0.3s, width 2s; }
    @media all and (max-width: 768px) {
      .quick--active .quick__list {
        -webkit-transition: opacity 0.3s, width 1s;
        transition: opacity 0.3s, width 1s; } }
  .quick--active .quick__item {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.5s 0.5s;
    transition: opacity 0.5s 0.5s; }
    @media all and (max-width: 768px) {
      .quick--active .quick__item {
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s; } }

.pic-card__txt.pic-card__target {
  padding: 3rem 0 0;
  overflow: hidden;
  visibility: hidden; }
  .br-ie .pic-card__txt.pic-card__target {
    padding: 17rem 0 0; }
  .pic-card__txt.pic-card__target.motion-txt--ko .txt-target {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
    transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    visibility: hidden; }
  .pic-card__txt.pic-card__target .txt-target {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
  .pic-card__txt.pic-card__target.txt-hello {
    visibility: visible; }
    .pic-card__txt.pic-card__target.txt-hello .txt-target {
      -webkit-transform: translate(0, 0) rotate(0.001deg);
      -ms-transform: translate(0, 0) rotate(0.001deg);
      transform: translate(0, 0) rotate(0.001deg);
      -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
      .pic-card__txt.pic-card__target.txt-hello .txt-target:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      .pic-card__txt.pic-card__target.txt-hello .txt-target:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .pic-card__txt.pic-card__target.txt-hello .txt-target:nth-child(4) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s; }
      .pic-card__txt.pic-card__target.txt-hello .txt-target:nth-child(5) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .pic-card__txt.pic-card__target.txt-hello .txt-target:nth-child(6) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s; }
      .pic-card__txt.pic-card__target.txt-hello .txt-target:nth-child(7) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s; }
      .pic-card__txt.pic-card__target.txt-hello .txt-target:nth-child(8) {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s; }
    .pic-card__txt.pic-card__target.txt-hello.motion-txt--ko .txt-target {
      opacity: 1;
      visibility: visible; }
  .pic-card__txt.pic-card__target .txt-target {
    opacity: 0;
    display: block; }
  .pic-card__txt.pic-card__target.hello {
    visibility: visible; }
    .pic-card__txt.pic-card__target.hello .txt-target {
      opacity: 1; }
    .pic-card__txt.pic-card__target.hello .txt-target {
      display: block;
      -webkit-transform: translate(0, 0) rotate(0.001deg);
      -ms-transform: translate(0, 0) rotate(0.001deg);
      transform: translate(0, 0) rotate(0.001deg);
      -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
      .pic-card__txt.pic-card__target.hello .txt-target:nth-child(1) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s; }
      .pic-card__txt.pic-card__target.hello .txt-target:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      .pic-card__txt.pic-card__target.hello .txt-target:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .pic-card__txt.pic-card__target.hello .txt-target:nth-child(4) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s; }
      .pic-card__txt.pic-card__target.hello .txt-target:nth-child(5) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .pic-card__txt.pic-card__target.hello .txt-target:nth-child(6) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s; }
      .pic-card__txt.pic-card__target.hello .txt-target:nth-child(7) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s; }
    .pic-card__txt.pic-card__target.hello .pic-card__txt-sub .txt-target:nth-child(1) {
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    .pic-card__txt.pic-card__target.hello .pic-card__txt-sub .txt-target:nth-child(2) {
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s; }
    .pic-card__txt.pic-card__target.hello .pic-card__txt-sub .txt-target:nth-child(3) {
      -webkit-transition-delay: 0.6s;
      transition-delay: 0.6s; }
    .pic-card__txt.pic-card__target.hello .pic-card__txt-sub .txt-target:nth-child(4) {
      -webkit-transition-delay: 0.7s;
      transition-delay: 0.7s; }
    .pic-card__txt.pic-card__target.hello .pic-card__txt-sub .txt-target:nth-child(5) {
      -webkit-transition-delay: 0.8s;
      transition-delay: 0.8s; }
    .pic-card__txt.pic-card__target.hello .pic-card__txt-sub .txt-target:nth-child(6) {
      -webkit-transition-delay: 0.9s;
      transition-delay: 0.9s; }
    .pic-card__txt.pic-card__target.hello .pic-card__txt-sub .txt-target:nth-child(7) {
      -webkit-transition-delay: 1s;
      transition-delay: 1s; }

.visual .stack-target {
  overflow: hidden;
  visibility: hidden; }
  .visual .stack-target.motion-txt--ko .txt-target {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
    transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
    visibility: hidden; }
  .visual .stack-target .txt-target {
    display: inline-block;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
  .visual .stack-target.txt-hello {
    visibility: visible; }
    .visual .stack-target.txt-hello .txt-target {
      -webkit-transform: translate(0, 0) rotate(0.001deg);
      -ms-transform: translate(0, 0) rotate(0.001deg);
      transform: translate(0, 0) rotate(0.001deg);
      -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
      .visual .stack-target.txt-hello .txt-target:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      .visual .stack-target.txt-hello .txt-target:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .visual .stack-target.txt-hello .txt-target:nth-child(4) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s; }
      .visual .stack-target.txt-hello .txt-target:nth-child(5) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .visual .stack-target.txt-hello .txt-target:nth-child(6) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s; }
      .visual .stack-target.txt-hello .txt-target:nth-child(7) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s; }
      .visual .stack-target.txt-hello .txt-target:nth-child(8) {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s; }
    .visual .stack-target.txt-hello.motion-txt--ko .txt-target {
      opacity: 1;
      visibility: visible; }
  .visual .stack-target .txt-target {
    opacity: 0;
    display: block; }
  .visual .stack-target.stack--on {
    visibility: visible;
    overflow: hidden; }
    .visual .stack-target.stack--on .txt-target {
      display: block;
      -webkit-transform: translate(0, 0) rotate(0.001deg);
      -ms-transform: translate(0, 0) rotate(0.001deg);
      transform: translate(0, 0) rotate(0.001deg);
      -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
      transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
      .visual .stack-target.stack--on .txt-target:nth-child(1) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s; }
      .visual .stack-target.stack--on .txt-target:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      .visual .stack-target.stack--on .txt-target:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .visual .stack-target.stack--on .txt-target:nth-child(4) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s; }
      .visual .stack-target.stack--on .txt-target:nth-child(5) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .visual .stack-target.stack--on .txt-target:nth-child(6) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s; }
      .visual .stack-target.stack--on .txt-target:nth-child(7) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s; }
    .visual .stack-target.stack--on .pic-card__txt-sub .txt-target:nth-child(1) {
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    .visual .stack-target.stack--on .pic-card__txt-sub .txt-target:nth-child(2) {
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s; }
    .visual .stack-target.stack--on .pic-card__txt-sub .txt-target:nth-child(3) {
      -webkit-transition-delay: 0.6s;
      transition-delay: 0.6s; }
    .visual .stack-target.stack--on .pic-card__txt-sub .txt-target:nth-child(4) {
      -webkit-transition-delay: 0.7s;
      transition-delay: 0.7s; }
    .visual .stack-target.stack--on .pic-card__txt-sub .txt-target:nth-child(5) {
      -webkit-transition-delay: 0.8s;
      transition-delay: 0.8s; }
    .visual .stack-target.stack--on .pic-card__txt-sub .txt-target:nth-child(6) {
      -webkit-transition-delay: 0.9s;
      transition-delay: 0.9s; }
    .visual .stack-target.stack--on .pic-card__txt-sub .txt-target:nth-child(7) {
      -webkit-transition-delay: 1s;
      transition-delay: 1s; }
    .visual .stack-target.stack--on .txt-target {
      opacity: 1; }

@media all and (max-width: 768px) {
  .md__sec-picnic .pic-card__txt.pic-card__target.hello .pic-card__txt-tit .txt-target.mobile-inline,
  .md__sec-better .pic-card__txt.pic-card__target.hello .pic-card__txt-tit .txt-target.mobile-inline {
    display: inline-block; }
    .md__sec-picnic .pic-card__txt.pic-card__target.hello .pic-card__txt-tit .txt-target.mobile-inline:nth-child(2),
    .md__sec-better .pic-card__txt.pic-card__target.hello .pic-card__txt-tit .txt-target.mobile-inline:nth-child(2) {
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s; }
  .md__sec-picnic .pic-card__txt.pic-card__target .pic-card__txt-tit .txt-target.mobile-inline,
  .md__sec-better .pic-card__txt.pic-card__target .pic-card__txt-tit .txt-target.mobile-inline {
    display: inline-block; } }

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