@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
.template-post-740-60-370 {
  display: flex;
  justify-content: center;
  column-gap: 60px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-740-60-370 .main-image {
    width: 740px; }
    .template-post-740-60-370 .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-740-60-370 .main-video {
    width: 740px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-740-60-370 .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-740-60-370 .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-740-60-370 .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-740-60-370 .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-740-60-370 .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-740-60-370 .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-740-60-370 .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-740-60-370 .main-video video {
      display: block; }
    .template-post-740-60-370 .main-video img {
      display: block;
      width: 100%; }
  .template-post-740-60-370 .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-740-60-370 .writing.row {
      display: flex; }
    .template-post-740-60-370 .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-740-60-370 .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-740-60-370 .writing .beginner, .template-post-740-60-370 .writing .intermediate, .template-post-740-60-370 .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-740-60-370 .writing .beginner {
      color: #1199af; }
    .template-post-740-60-370 .writing .intermediate {
      color: #83ae00; }
    .template-post-740-60-370 .writing .advanced {
      color: #962bd7; }
    .template-post-740-60-370 .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-740-60-370 .writing .title.en {
        word-break: break-word; }
    .template-post-740-60-370 .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-740-60-370 .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-740-60-370 .writing .description.en {
        word-break: break-word; }
      .template-post-740-60-370 .writing .description.ja {
        word-break: inherit; }
  .template-post-740-60-370 .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-740-60-370.mpti .writing {
    width: 470px; }
  .template-post-740-60-370.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-740-60-370 {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-740-60-370 .main-image {
        width: 100%; }
      .template-post-740-60-370 .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-740-60-370 .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-740-60-370 .main-video.with-image {
          gap: 19px; }
          .template-post-740-60-370 .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-740-60-370 .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-740-60-370 .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-740-60-370 .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-740-60-370 .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-740-60-370 .writing.row {
          display: block; }
        .template-post-740-60-370 .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-740-60-370 .writing .beginner, .template-post-740-60-370 .writing .intermediate, .template-post-740-60-370 .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-740-60-370 .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-740-60-370 .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-740-60-370 .writing.rolling .title {
          text-align: center; }
        .template-post-740-60-370 .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-740-60-370 .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-740-60-370.mpti .writing {
        width: 335px; }
      .template-post-740-60-370.mpti .main-video {
        width: 335px; } }
  .template-post-740-60-370 .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-770-130-270 {
  display: flex;
  justify-content: center;
  column-gap: 130px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-770-130-270 .main-image {
    width: 770px; }
    .template-post-770-130-270 .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-770-130-270 .main-video {
    width: 770px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-770-130-270 .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-770-130-270 .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-770-130-270 .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-770-130-270 .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-770-130-270 .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-770-130-270 .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-770-130-270 .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-770-130-270 .main-video video {
      display: block; }
    .template-post-770-130-270 .main-video img {
      display: block;
      width: 100%; }
  .template-post-770-130-270 .writing {
    width: 270px;
    margin-top: 20px; }
    .template-post-770-130-270 .writing.row {
      display: flex; }
    .template-post-770-130-270 .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-770-130-270 .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-770-130-270 .writing .beginner, .template-post-770-130-270 .writing .intermediate, .template-post-770-130-270 .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-770-130-270 .writing .beginner {
      color: #1199af; }
    .template-post-770-130-270 .writing .intermediate {
      color: #83ae00; }
    .template-post-770-130-270 .writing .advanced {
      color: #962bd7; }
    .template-post-770-130-270 .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-770-130-270 .writing .title.en {
        word-break: break-word; }
    .template-post-770-130-270 .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-770-130-270 .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-770-130-270 .writing .description.en {
        word-break: break-word; }
      .template-post-770-130-270 .writing .description.ja {
        word-break: inherit; }
  .template-post-770-130-270 .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-770-130-270.mpti .writing {
    width: 470px; }
  .template-post-770-130-270.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-770-130-270 {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-770-130-270 .main-image {
        width: 100%; }
      .template-post-770-130-270 .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-770-130-270 .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-770-130-270 .main-video.with-image {
          gap: 19px; }
          .template-post-770-130-270 .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-770-130-270 .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-770-130-270 .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-770-130-270 .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-770-130-270 .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-770-130-270 .writing.row {
          display: block; }
        .template-post-770-130-270 .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-770-130-270 .writing .beginner, .template-post-770-130-270 .writing .intermediate, .template-post-770-130-270 .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-770-130-270 .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-770-130-270 .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-770-130-270 .writing.rolling .title {
          text-align: center; }
        .template-post-770-130-270 .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-770-130-270 .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-770-130-270.mpti .writing {
        width: 335px; }
      .template-post-770-130-270.mpti .main-video {
        width: 335px; } }
  .template-post-770-130-270 .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-770-100-270 {
  display: flex;
  justify-content: center;
  column-gap: 100px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-770-100-270 .main-image {
    width: 770px; }
    .template-post-770-100-270 .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-770-100-270 .main-video {
    width: 770px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-770-100-270 .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-770-100-270 .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-770-100-270 .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-770-100-270 .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-770-100-270 .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-770-100-270 .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-770-100-270 .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-770-100-270 .main-video video {
      display: block; }
    .template-post-770-100-270 .main-video img {
      display: block;
      width: 100%; }
  .template-post-770-100-270 .writing {
    width: 270px;
    margin-top: 20px; }
    .template-post-770-100-270 .writing.row {
      display: flex; }
    .template-post-770-100-270 .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-770-100-270 .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-770-100-270 .writing .beginner, .template-post-770-100-270 .writing .intermediate, .template-post-770-100-270 .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-770-100-270 .writing .beginner {
      color: #1199af; }
    .template-post-770-100-270 .writing .intermediate {
      color: #83ae00; }
    .template-post-770-100-270 .writing .advanced {
      color: #962bd7; }
    .template-post-770-100-270 .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-770-100-270 .writing .title.en {
        word-break: break-word; }
    .template-post-770-100-270 .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-770-100-270 .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-770-100-270 .writing .description.en {
        word-break: break-word; }
      .template-post-770-100-270 .writing .description.ja {
        word-break: inherit; }
  .template-post-770-100-270 .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-770-100-270.mpti .writing {
    width: 470px; }
  .template-post-770-100-270.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-770-100-270 {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-770-100-270 .main-image {
        width: 100%; }
      .template-post-770-100-270 .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-770-100-270 .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-770-100-270 .main-video.with-image {
          gap: 19px; }
          .template-post-770-100-270 .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-770-100-270 .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-770-100-270 .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-770-100-270 .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-770-100-270 .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-770-100-270 .writing.row {
          display: block; }
        .template-post-770-100-270 .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-770-100-270 .writing .beginner, .template-post-770-100-270 .writing .intermediate, .template-post-770-100-270 .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-770-100-270 .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-770-100-270 .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-770-100-270 .writing.rolling .title {
          text-align: center; }
        .template-post-770-100-270 .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-770-100-270 .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-770-100-270.mpti .writing {
        width: 335px; }
      .template-post-770-100-270.mpti .main-video {
        width: 335px; } }
  .template-post-770-100-270 .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-480-126-370 {
  display: flex;
  justify-content: center;
  column-gap: 126px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-480-126-370 .main-image {
    width: 480px; }
    .template-post-480-126-370 .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-480-126-370 .main-video {
    width: 480px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-480-126-370 .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-480-126-370 .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-480-126-370 .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-480-126-370 .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-480-126-370 .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-480-126-370 .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-480-126-370 .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-480-126-370 .main-video video {
      display: block; }
    .template-post-480-126-370 .main-video img {
      display: block;
      width: 100%; }
  .template-post-480-126-370 .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-480-126-370 .writing.row {
      display: flex; }
    .template-post-480-126-370 .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-480-126-370 .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-480-126-370 .writing .beginner, .template-post-480-126-370 .writing .intermediate, .template-post-480-126-370 .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-480-126-370 .writing .beginner {
      color: #1199af; }
    .template-post-480-126-370 .writing .intermediate {
      color: #83ae00; }
    .template-post-480-126-370 .writing .advanced {
      color: #962bd7; }
    .template-post-480-126-370 .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-480-126-370 .writing .title.en {
        word-break: break-word; }
    .template-post-480-126-370 .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-480-126-370 .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-480-126-370 .writing .description.en {
        word-break: break-word; }
      .template-post-480-126-370 .writing .description.ja {
        word-break: inherit; }
  .template-post-480-126-370 .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-480-126-370.mpti .writing {
    width: 470px; }
  .template-post-480-126-370.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-480-126-370 {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-480-126-370 .main-image {
        width: 100%; }
      .template-post-480-126-370 .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-480-126-370 .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-480-126-370 .main-video.with-image {
          gap: 19px; }
          .template-post-480-126-370 .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-480-126-370 .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-480-126-370 .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-480-126-370 .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-480-126-370 .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-480-126-370 .writing.row {
          display: block; }
        .template-post-480-126-370 .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-480-126-370 .writing .beginner, .template-post-480-126-370 .writing .intermediate, .template-post-480-126-370 .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-480-126-370 .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-480-126-370 .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-480-126-370 .writing.rolling .title {
          text-align: center; }
        .template-post-480-126-370 .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-480-126-370 .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-480-126-370.mpti .writing {
        width: 335px; }
      .template-post-480-126-370.mpti .main-video {
        width: 335px; } }
  .template-post-480-126-370 .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-715-95-370 {
  display: flex;
  justify-content: center;
  column-gap: 95px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-715-95-370 .main-image {
    width: 715px; }
    .template-post-715-95-370 .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-715-95-370 .main-video {
    width: 715px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-715-95-370 .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-715-95-370 .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-715-95-370 .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-715-95-370 .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-715-95-370 .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-715-95-370 .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-715-95-370 .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-715-95-370 .main-video video {
      display: block; }
    .template-post-715-95-370 .main-video img {
      display: block;
      width: 100%; }
  .template-post-715-95-370 .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-715-95-370 .writing.row {
      display: flex; }
    .template-post-715-95-370 .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-715-95-370 .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-715-95-370 .writing .beginner, .template-post-715-95-370 .writing .intermediate, .template-post-715-95-370 .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-715-95-370 .writing .beginner {
      color: #1199af; }
    .template-post-715-95-370 .writing .intermediate {
      color: #83ae00; }
    .template-post-715-95-370 .writing .advanced {
      color: #962bd7; }
    .template-post-715-95-370 .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-715-95-370 .writing .title.en {
        word-break: break-word; }
    .template-post-715-95-370 .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-715-95-370 .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-715-95-370 .writing .description.en {
        word-break: break-word; }
      .template-post-715-95-370 .writing .description.ja {
        word-break: inherit; }
  .template-post-715-95-370 .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-715-95-370.mpti .writing {
    width: 470px; }
  .template-post-715-95-370.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-715-95-370 {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-715-95-370 .main-image {
        width: 100%; }
      .template-post-715-95-370 .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-715-95-370 .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-715-95-370 .main-video.with-image {
          gap: 19px; }
          .template-post-715-95-370 .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-715-95-370 .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-715-95-370 .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-715-95-370 .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-715-95-370 .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-715-95-370 .writing.row {
          display: block; }
        .template-post-715-95-370 .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-715-95-370 .writing .beginner, .template-post-715-95-370 .writing .intermediate, .template-post-715-95-370 .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-715-95-370 .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-715-95-370 .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-715-95-370 .writing.rolling .title {
          text-align: center; }
        .template-post-715-95-370 .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-715-95-370 .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-715-95-370.mpti .writing {
        width: 335px; }
      .template-post-715-95-370.mpti .main-video {
        width: 335px; } }
  .template-post-715-95-370 .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-774-28-370 {
  display: flex;
  justify-content: center;
  column-gap: 28px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-774-28-370 .main-image {
    width: 774px; }
    .template-post-774-28-370 .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-774-28-370 .main-video {
    width: 774px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-774-28-370 .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-774-28-370 .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-774-28-370 .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-774-28-370 .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-774-28-370 .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-774-28-370 .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-774-28-370 .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-774-28-370 .main-video video {
      display: block; }
    .template-post-774-28-370 .main-video img {
      display: block;
      width: 100%; }
  .template-post-774-28-370 .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-774-28-370 .writing.row {
      display: flex; }
    .template-post-774-28-370 .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-774-28-370 .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-774-28-370 .writing .beginner, .template-post-774-28-370 .writing .intermediate, .template-post-774-28-370 .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-774-28-370 .writing .beginner {
      color: #1199af; }
    .template-post-774-28-370 .writing .intermediate {
      color: #83ae00; }
    .template-post-774-28-370 .writing .advanced {
      color: #962bd7; }
    .template-post-774-28-370 .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-774-28-370 .writing .title.en {
        word-break: break-word; }
    .template-post-774-28-370 .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-774-28-370 .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-774-28-370 .writing .description.en {
        word-break: break-word; }
      .template-post-774-28-370 .writing .description.ja {
        word-break: inherit; }
  .template-post-774-28-370 .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-774-28-370.mpti .writing {
    width: 470px; }
  .template-post-774-28-370.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-774-28-370 {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-774-28-370 .main-image {
        width: 100%; }
      .template-post-774-28-370 .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-774-28-370 .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-774-28-370 .main-video.with-image {
          gap: 19px; }
          .template-post-774-28-370 .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-774-28-370 .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-774-28-370 .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-774-28-370 .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-774-28-370 .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-774-28-370 .writing.row {
          display: block; }
        .template-post-774-28-370 .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-774-28-370 .writing .beginner, .template-post-774-28-370 .writing .intermediate, .template-post-774-28-370 .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-774-28-370 .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-774-28-370 .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-774-28-370 .writing.rolling .title {
          text-align: center; }
        .template-post-774-28-370 .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-774-28-370 .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-774-28-370.mpti .writing {
        width: 335px; }
      .template-post-774-28-370.mpti .main-video {
        width: 335px; } }
  .template-post-774-28-370 .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-575-55-400 {
  display: flex;
  justify-content: center;
  column-gap: 55px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-575-55-400 .main-image {
    width: 575px; }
    .template-post-575-55-400 .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-575-55-400 .main-video {
    width: 575px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-575-55-400 .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-575-55-400 .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-575-55-400 .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-575-55-400 .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-575-55-400 .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-575-55-400 .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-575-55-400 .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-575-55-400 .main-video video {
      display: block; }
    .template-post-575-55-400 .main-video img {
      display: block;
      width: 100%; }
  .template-post-575-55-400 .writing {
    width: 400px;
    margin-top: 20px; }
    .template-post-575-55-400 .writing.row {
      display: flex; }
    .template-post-575-55-400 .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-575-55-400 .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-575-55-400 .writing .beginner, .template-post-575-55-400 .writing .intermediate, .template-post-575-55-400 .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-575-55-400 .writing .beginner {
      color: #1199af; }
    .template-post-575-55-400 .writing .intermediate {
      color: #83ae00; }
    .template-post-575-55-400 .writing .advanced {
      color: #962bd7; }
    .template-post-575-55-400 .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-575-55-400 .writing .title.en {
        word-break: break-word; }
    .template-post-575-55-400 .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-575-55-400 .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-575-55-400 .writing .description.en {
        word-break: break-word; }
      .template-post-575-55-400 .writing .description.ja {
        word-break: inherit; }
  .template-post-575-55-400 .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-575-55-400.mpti .writing {
    width: 470px; }
  .template-post-575-55-400.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-575-55-400 {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-575-55-400 .main-image {
        width: 100%; }
      .template-post-575-55-400 .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-575-55-400 .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-575-55-400 .main-video.with-image {
          gap: 19px; }
          .template-post-575-55-400 .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-575-55-400 .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-575-55-400 .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-575-55-400 .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-575-55-400 .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-575-55-400 .writing.row {
          display: block; }
        .template-post-575-55-400 .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-575-55-400 .writing .beginner, .template-post-575-55-400 .writing .intermediate, .template-post-575-55-400 .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-575-55-400 .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-575-55-400 .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-575-55-400 .writing.rolling .title {
          text-align: center; }
        .template-post-575-55-400 .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-575-55-400 .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-575-55-400.mpti .writing {
        width: 335px; }
      .template-post-575-55-400.mpti .main-video {
        width: 335px; } }
  .template-post-575-55-400 .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-390-20-370-start {
  display: flex;
  justify-content: start;
  column-gap: 20px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-390-20-370-start .main-image {
    width: 390px; }
    .template-post-390-20-370-start .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-390-20-370-start .main-video {
    width: 390px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-390-20-370-start .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-390-20-370-start .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-390-20-370-start .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-390-20-370-start .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-390-20-370-start .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-390-20-370-start .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-390-20-370-start .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-390-20-370-start .main-video video {
      display: block; }
    .template-post-390-20-370-start .main-video img {
      display: block;
      width: 100%; }
  .template-post-390-20-370-start .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-390-20-370-start .writing.row {
      display: flex; }
    .template-post-390-20-370-start .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-390-20-370-start .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-390-20-370-start .writing .beginner, .template-post-390-20-370-start .writing .intermediate, .template-post-390-20-370-start .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-390-20-370-start .writing .beginner {
      color: #1199af; }
    .template-post-390-20-370-start .writing .intermediate {
      color: #83ae00; }
    .template-post-390-20-370-start .writing .advanced {
      color: #962bd7; }
    .template-post-390-20-370-start .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-390-20-370-start .writing .title.en {
        word-break: break-word; }
    .template-post-390-20-370-start .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-390-20-370-start .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-390-20-370-start .writing .description.en {
        word-break: break-word; }
      .template-post-390-20-370-start .writing .description.ja {
        word-break: inherit; }
  .template-post-390-20-370-start .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-390-20-370-start.mpti .writing {
    width: 470px; }
  .template-post-390-20-370-start.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-390-20-370-start {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-390-20-370-start .main-image {
        width: 100%; }
      .template-post-390-20-370-start .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-390-20-370-start .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-390-20-370-start .main-video.with-image {
          gap: 19px; }
          .template-post-390-20-370-start .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-390-20-370-start .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-390-20-370-start .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-390-20-370-start .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-390-20-370-start .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-390-20-370-start .writing.row {
          display: block; }
        .template-post-390-20-370-start .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-390-20-370-start .writing .beginner, .template-post-390-20-370-start .writing .intermediate, .template-post-390-20-370-start .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-390-20-370-start .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-390-20-370-start .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-390-20-370-start .writing.rolling .title {
          text-align: center; }
        .template-post-390-20-370-start .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-390-20-370-start .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-390-20-370-start.mpti .writing {
        width: 335px; }
      .template-post-390-20-370-start.mpti .main-video {
        width: 335px; } }
  .template-post-390-20-370-start .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-728-20-370-start {
  display: flex;
  justify-content: start;
  column-gap: 20px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-728-20-370-start .main-image {
    width: 728px; }
    .template-post-728-20-370-start .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-728-20-370-start .main-video {
    width: 728px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-728-20-370-start .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-728-20-370-start .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-728-20-370-start .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-728-20-370-start .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-728-20-370-start .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-728-20-370-start .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-728-20-370-start .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-728-20-370-start .main-video video {
      display: block; }
    .template-post-728-20-370-start .main-video img {
      display: block;
      width: 100%; }
  .template-post-728-20-370-start .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-728-20-370-start .writing.row {
      display: flex; }
    .template-post-728-20-370-start .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-728-20-370-start .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-728-20-370-start .writing .beginner, .template-post-728-20-370-start .writing .intermediate, .template-post-728-20-370-start .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-728-20-370-start .writing .beginner {
      color: #1199af; }
    .template-post-728-20-370-start .writing .intermediate {
      color: #83ae00; }
    .template-post-728-20-370-start .writing .advanced {
      color: #962bd7; }
    .template-post-728-20-370-start .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-728-20-370-start .writing .title.en {
        word-break: break-word; }
    .template-post-728-20-370-start .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-728-20-370-start .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-728-20-370-start .writing .description.en {
        word-break: break-word; }
      .template-post-728-20-370-start .writing .description.ja {
        word-break: inherit; }
  .template-post-728-20-370-start .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-728-20-370-start.mpti .writing {
    width: 470px; }
  .template-post-728-20-370-start.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-728-20-370-start {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-728-20-370-start .main-image {
        width: 100%; }
      .template-post-728-20-370-start .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-728-20-370-start .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-728-20-370-start .main-video.with-image {
          gap: 19px; }
          .template-post-728-20-370-start .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-728-20-370-start .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-728-20-370-start .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-728-20-370-start .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-728-20-370-start .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-728-20-370-start .writing.row {
          display: block; }
        .template-post-728-20-370-start .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-728-20-370-start .writing .beginner, .template-post-728-20-370-start .writing .intermediate, .template-post-728-20-370-start .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-728-20-370-start .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-728-20-370-start .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-728-20-370-start .writing.rolling .title {
          text-align: center; }
        .template-post-728-20-370-start .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-728-20-370-start .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-728-20-370-start.mpti .writing {
        width: 335px; }
      .template-post-728-20-370-start.mpti .main-video {
        width: 335px; } }
  .template-post-728-20-370-start .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-793-20-370-start {
  display: flex;
  justify-content: start;
  column-gap: 20px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-793-20-370-start .main-image {
    width: 793px; }
    .template-post-793-20-370-start .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-793-20-370-start .main-video {
    width: 793px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-793-20-370-start .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-793-20-370-start .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-793-20-370-start .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-793-20-370-start .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-793-20-370-start .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-793-20-370-start .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-793-20-370-start .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-793-20-370-start .main-video video {
      display: block; }
    .template-post-793-20-370-start .main-video img {
      display: block;
      width: 100%; }
  .template-post-793-20-370-start .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-793-20-370-start .writing.row {
      display: flex; }
    .template-post-793-20-370-start .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-793-20-370-start .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-793-20-370-start .writing .beginner, .template-post-793-20-370-start .writing .intermediate, .template-post-793-20-370-start .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-793-20-370-start .writing .beginner {
      color: #1199af; }
    .template-post-793-20-370-start .writing .intermediate {
      color: #83ae00; }
    .template-post-793-20-370-start .writing .advanced {
      color: #962bd7; }
    .template-post-793-20-370-start .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-793-20-370-start .writing .title.en {
        word-break: break-word; }
    .template-post-793-20-370-start .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-793-20-370-start .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-793-20-370-start .writing .description.en {
        word-break: break-word; }
      .template-post-793-20-370-start .writing .description.ja {
        word-break: inherit; }
  .template-post-793-20-370-start .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-793-20-370-start.mpti .writing {
    width: 470px; }
  .template-post-793-20-370-start.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-793-20-370-start {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-793-20-370-start .main-image {
        width: 100%; }
      .template-post-793-20-370-start .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-793-20-370-start .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-793-20-370-start .main-video.with-image {
          gap: 19px; }
          .template-post-793-20-370-start .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-793-20-370-start .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-793-20-370-start .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-793-20-370-start .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-793-20-370-start .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-793-20-370-start .writing.row {
          display: block; }
        .template-post-793-20-370-start .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-793-20-370-start .writing .beginner, .template-post-793-20-370-start .writing .intermediate, .template-post-793-20-370-start .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-793-20-370-start .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-793-20-370-start .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-793-20-370-start .writing.rolling .title {
          text-align: center; }
        .template-post-793-20-370-start .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-793-20-370-start .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-793-20-370-start.mpti .writing {
        width: 335px; }
      .template-post-793-20-370-start.mpti .main-video {
        width: 335px; } }
  .template-post-793-20-370-start .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-511-20-370-start {
  display: flex;
  justify-content: start;
  column-gap: 20px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-511-20-370-start .main-image {
    width: 511px; }
    .template-post-511-20-370-start .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-511-20-370-start .main-video {
    width: 511px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-511-20-370-start .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-511-20-370-start .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-511-20-370-start .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-511-20-370-start .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-511-20-370-start .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-511-20-370-start .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-511-20-370-start .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-511-20-370-start .main-video video {
      display: block; }
    .template-post-511-20-370-start .main-video img {
      display: block;
      width: 100%; }
  .template-post-511-20-370-start .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-511-20-370-start .writing.row {
      display: flex; }
    .template-post-511-20-370-start .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-511-20-370-start .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-511-20-370-start .writing .beginner, .template-post-511-20-370-start .writing .intermediate, .template-post-511-20-370-start .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-511-20-370-start .writing .beginner {
      color: #1199af; }
    .template-post-511-20-370-start .writing .intermediate {
      color: #83ae00; }
    .template-post-511-20-370-start .writing .advanced {
      color: #962bd7; }
    .template-post-511-20-370-start .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-511-20-370-start .writing .title.en {
        word-break: break-word; }
    .template-post-511-20-370-start .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-511-20-370-start .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-511-20-370-start .writing .description.en {
        word-break: break-word; }
      .template-post-511-20-370-start .writing .description.ja {
        word-break: inherit; }
  .template-post-511-20-370-start .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-511-20-370-start.mpti .writing {
    width: 470px; }
  .template-post-511-20-370-start.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-511-20-370-start {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-511-20-370-start .main-image {
        width: 100%; }
      .template-post-511-20-370-start .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-511-20-370-start .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-511-20-370-start .main-video.with-image {
          gap: 19px; }
          .template-post-511-20-370-start .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-511-20-370-start .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-511-20-370-start .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-511-20-370-start .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-511-20-370-start .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-511-20-370-start .writing.row {
          display: block; }
        .template-post-511-20-370-start .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-511-20-370-start .writing .beginner, .template-post-511-20-370-start .writing .intermediate, .template-post-511-20-370-start .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-511-20-370-start .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-511-20-370-start .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-511-20-370-start .writing.rolling .title {
          text-align: center; }
        .template-post-511-20-370-start .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-511-20-370-start .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-511-20-370-start.mpti .writing {
        width: 335px; }
      .template-post-511-20-370-start.mpti .main-video {
        width: 335px; } }
  .template-post-511-20-370-start .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-774-28-370-start {
  display: flex;
  justify-content: start;
  column-gap: 28px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-774-28-370-start .main-image {
    width: 774px; }
    .template-post-774-28-370-start .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-774-28-370-start .main-video {
    width: 774px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-774-28-370-start .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-774-28-370-start .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-774-28-370-start .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-774-28-370-start .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-774-28-370-start .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-774-28-370-start .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-774-28-370-start .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-774-28-370-start .main-video video {
      display: block; }
    .template-post-774-28-370-start .main-video img {
      display: block;
      width: 100%; }
  .template-post-774-28-370-start .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-774-28-370-start .writing.row {
      display: flex; }
    .template-post-774-28-370-start .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-774-28-370-start .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-774-28-370-start .writing .beginner, .template-post-774-28-370-start .writing .intermediate, .template-post-774-28-370-start .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-774-28-370-start .writing .beginner {
      color: #1199af; }
    .template-post-774-28-370-start .writing .intermediate {
      color: #83ae00; }
    .template-post-774-28-370-start .writing .advanced {
      color: #962bd7; }
    .template-post-774-28-370-start .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-774-28-370-start .writing .title.en {
        word-break: break-word; }
    .template-post-774-28-370-start .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-774-28-370-start .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-774-28-370-start .writing .description.en {
        word-break: break-word; }
      .template-post-774-28-370-start .writing .description.ja {
        word-break: inherit; }
  .template-post-774-28-370-start .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-774-28-370-start.mpti .writing {
    width: 470px; }
  .template-post-774-28-370-start.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-774-28-370-start {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-774-28-370-start .main-image {
        width: 100%; }
      .template-post-774-28-370-start .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-774-28-370-start .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-774-28-370-start .main-video.with-image {
          gap: 19px; }
          .template-post-774-28-370-start .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-774-28-370-start .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-774-28-370-start .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-774-28-370-start .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-774-28-370-start .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-774-28-370-start .writing.row {
          display: block; }
        .template-post-774-28-370-start .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-774-28-370-start .writing .beginner, .template-post-774-28-370-start .writing .intermediate, .template-post-774-28-370-start .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-774-28-370-start .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-774-28-370-start .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-774-28-370-start .writing.rolling .title {
          text-align: center; }
        .template-post-774-28-370-start .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-774-28-370-start .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-774-28-370-start.mpti .writing {
        width: 335px; }
      .template-post-774-28-370-start.mpti .main-video {
        width: 335px; } }
  .template-post-774-28-370-start .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-772-28-370-start {
  display: flex;
  justify-content: start;
  column-gap: 28px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-772-28-370-start .main-image {
    width: 772px; }
    .template-post-772-28-370-start .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-772-28-370-start .main-video {
    width: 772px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-772-28-370-start .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-772-28-370-start .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-772-28-370-start .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-772-28-370-start .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-772-28-370-start .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-772-28-370-start .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-772-28-370-start .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-772-28-370-start .main-video video {
      display: block; }
    .template-post-772-28-370-start .main-video img {
      display: block;
      width: 100%; }
  .template-post-772-28-370-start .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-772-28-370-start .writing.row {
      display: flex; }
    .template-post-772-28-370-start .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-772-28-370-start .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-772-28-370-start .writing .beginner, .template-post-772-28-370-start .writing .intermediate, .template-post-772-28-370-start .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-772-28-370-start .writing .beginner {
      color: #1199af; }
    .template-post-772-28-370-start .writing .intermediate {
      color: #83ae00; }
    .template-post-772-28-370-start .writing .advanced {
      color: #962bd7; }
    .template-post-772-28-370-start .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-772-28-370-start .writing .title.en {
        word-break: break-word; }
    .template-post-772-28-370-start .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-772-28-370-start .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-772-28-370-start .writing .description.en {
        word-break: break-word; }
      .template-post-772-28-370-start .writing .description.ja {
        word-break: inherit; }
  .template-post-772-28-370-start .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-772-28-370-start.mpti .writing {
    width: 470px; }
  .template-post-772-28-370-start.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-772-28-370-start {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-772-28-370-start .main-image {
        width: 100%; }
      .template-post-772-28-370-start .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-772-28-370-start .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-772-28-370-start .main-video.with-image {
          gap: 19px; }
          .template-post-772-28-370-start .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-772-28-370-start .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-772-28-370-start .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-772-28-370-start .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-772-28-370-start .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-772-28-370-start .writing.row {
          display: block; }
        .template-post-772-28-370-start .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-772-28-370-start .writing .beginner, .template-post-772-28-370-start .writing .intermediate, .template-post-772-28-370-start .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-772-28-370-start .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-772-28-370-start .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-772-28-370-start .writing.rolling .title {
          text-align: center; }
        .template-post-772-28-370-start .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-772-28-370-start .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-772-28-370-start.mpti .writing {
        width: 335px; }
      .template-post-772-28-370-start.mpti .main-video {
        width: 335px; } }
  .template-post-772-28-370-start .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-770-30-370-start {
  display: flex;
  justify-content: start;
  column-gap: 30px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-770-30-370-start .main-image {
    width: 770px; }
    .template-post-770-30-370-start .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-770-30-370-start .main-video {
    width: 770px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-770-30-370-start .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-770-30-370-start .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-770-30-370-start .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-770-30-370-start .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-770-30-370-start .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-770-30-370-start .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-770-30-370-start .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-770-30-370-start .main-video video {
      display: block; }
    .template-post-770-30-370-start .main-video img {
      display: block;
      width: 100%; }
  .template-post-770-30-370-start .writing {
    width: 370px;
    margin-top: 20px; }
    .template-post-770-30-370-start .writing.row {
      display: flex; }
    .template-post-770-30-370-start .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-770-30-370-start .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-770-30-370-start .writing .beginner, .template-post-770-30-370-start .writing .intermediate, .template-post-770-30-370-start .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-770-30-370-start .writing .beginner {
      color: #1199af; }
    .template-post-770-30-370-start .writing .intermediate {
      color: #83ae00; }
    .template-post-770-30-370-start .writing .advanced {
      color: #962bd7; }
    .template-post-770-30-370-start .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-770-30-370-start .writing .title.en {
        word-break: break-word; }
    .template-post-770-30-370-start .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-770-30-370-start .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-770-30-370-start .writing .description.en {
        word-break: break-word; }
      .template-post-770-30-370-start .writing .description.ja {
        word-break: inherit; }
  .template-post-770-30-370-start .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-770-30-370-start.mpti .writing {
    width: 470px; }
  .template-post-770-30-370-start.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-770-30-370-start {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-770-30-370-start .main-image {
        width: 100%; }
      .template-post-770-30-370-start .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-770-30-370-start .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-770-30-370-start .main-video.with-image {
          gap: 19px; }
          .template-post-770-30-370-start .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-770-30-370-start .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-770-30-370-start .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-770-30-370-start .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-770-30-370-start .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-770-30-370-start .writing.row {
          display: block; }
        .template-post-770-30-370-start .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-770-30-370-start .writing .beginner, .template-post-770-30-370-start .writing .intermediate, .template-post-770-30-370-start .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-770-30-370-start .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-770-30-370-start .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-770-30-370-start .writing.rolling .title {
          text-align: center; }
        .template-post-770-30-370-start .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-770-30-370-start .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-770-30-370-start.mpti .writing {
        width: 335px; }
      .template-post-770-30-370-start.mpti .main-video {
        width: 335px; } }
  .template-post-770-30-370-start .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-post-370-30-770-start {
  display: flex;
  justify-content: start;
  column-gap: 30px;
  align-items: flex-start;
  width: 1170px; }
  .template-post-370-30-770-start .main-image {
    width: 370px; }
    .template-post-370-30-770-start .main-image.on-border {
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0 0 0 2px #000 inset;
      overflow: hidden;
      isolation: isolate;
      box-sizing: border-box; }
  .template-post-370-30-770-start .main-video {
    width: 370px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .template-post-370-30-770-start .main-video.no-line {
      border: 0px;
      border-radius: 0px;
      box-shadow: none; }
    .template-post-370-30-770-start .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .template-post-370-30-770-start .main-video.with-image {
      display: flex;
      gap: 30px;
      border: none;
      box-shadow: none; }
      .template-post-370-30-770-start .main-video.with-image .main-image {
        width: 370px;
        height: 478px; }
        .template-post-370-30-770-start .main-video.with-image .main-image.on-border {
          border-radius: 20px;
          border: 6px solid #000;
          overflow: hidden;
          isolation: isolate;
          box-sizing: border-box; }
        .template-post-370-30-770-start .main-video.with-image .main-image img {
          height: 100%; }
      .template-post-370-30-770-start .main-video.with-image video {
        width: 370px;
        height: 478px;
        border-radius: 20px;
        box-sizing: border-box;
        border: 6px solid #000; }
    .template-post-370-30-770-start .main-video video {
      display: block; }
    .template-post-370-30-770-start .main-video img {
      display: block;
      width: 100%; }
  .template-post-370-30-770-start .writing {
    width: 770px;
    margin-top: 20px; }
    .template-post-370-30-770-start .writing.row {
      display: flex; }
    .template-post-370-30-770-start .writing .sub {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-post-370-30-770-start .writing .sub .coming {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.42px;
        color: #6d6d6d; }
    .template-post-370-30-770-start .writing .beginner, .template-post-370-30-770-start .writing .intermediate, .template-post-370-30-770-start .writing .advanced {
      font-family: "SF Pro Display", sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 29px;
      /* 161.111% */
      letter-spacing: -0.5px;
      margin-bottom: 16px; }
    .template-post-370-30-770-start .writing .beginner {
      color: #1199af; }
    .template-post-370-30-770-start .writing .intermediate {
      color: #83ae00; }
    .template-post-370-30-770-start .writing .advanced {
      color: #962bd7; }
    .template-post-370-30-770-start .writing .title {
      margin-bottom: 25px;
      color: #222;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px;
      word-break: break-all; }
      .template-post-370-30-770-start .writing .title.en {
        word-break: break-word; }
    .template-post-370-30-770-start .writing .sub-title {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #ec0047; }
    .template-post-370-30-770-start .writing .description {
      margin-bottom: 25px;
      color: #444;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */
      word-break: break-all;
      letter-spacing: normal; }
      .template-post-370-30-770-start .writing .description.en {
        word-break: break-word; }
      .template-post-370-30-770-start .writing .description.ja {
        word-break: inherit; }
  .template-post-370-30-770-start .more-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }
  .template-post-370-30-770-start.mpti .writing {
    width: 470px; }
  .template-post-370-30-770-start.mpti .main-video {
    width: 636px; }
  @media all and (max-width: 768px) {
    .template-post-370-30-770-start {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      column-gap: 0;
      width: calc(100% - 36px); }
      .template-post-370-30-770-start .main-image {
        width: 100%; }
      .template-post-370-30-770-start .main-video {
        border-radius: 9px;
        border: 4px solid #000;
        width: 100%; }
        .template-post-370-30-770-start .main-video.on-shadow {
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
        .template-post-370-30-770-start .main-video.with-image {
          gap: 19px; }
          .template-post-370-30-770-start .main-video.with-image .main-image {
            width: 160px;
            height: 191px; }
            .template-post-370-30-770-start .main-video.with-image .main-image.on-border {
              border-radius: 9px;
              border: 4px solid #000;
              overflow: hidden;
              isolation: isolate;
              box-sizing: border-box; }
            .template-post-370-30-770-start .main-video.with-image .main-image img {
              height: 100%; }
          .template-post-370-30-770-start .main-video.with-image video {
            width: 160px;
            height: 191px;
            border: 4px solid #000;
            border-radius: 9px; }
      .template-post-370-30-770-start .writing {
        width: 100%;
        margin-top: 0px;
        order: -1; }
        .template-post-370-30-770-start .writing.row {
          display: block; }
        .template-post-370-30-770-start .writing .title {
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          color: #333;
          word-break: break-all; }
        .template-post-370-30-770-start .writing .beginner, .template-post-370-30-770-start .writing .intermediate, .template-post-370-30-770-start .writing .advanced {
          font-family: "SF Pro Display";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: 5px; }
        .template-post-370-30-770-start .writing .sub {
          margin-bottom: 5px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #ec0047; }
          .template-post-370-30-770-start .writing .sub .coming {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.69;
            letter-spacing: normal;
            color: #6d6d6d; }
        .template-post-370-30-770-start .writing.rolling .title {
          text-align: center; }
        .template-post-370-30-770-start .writing .sub-title {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ec0047; }
        .template-post-370-30-770-start .writing .description {
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: rgba(51, 51, 51, 0.8); }
      .template-post-370-30-770-start.mpti .writing {
        width: 335px; }
      .template-post-370-30-770-start.mpti .main-video {
        width: 335px; } }
  .template-post-370-30-770-start .more-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    border-radius: 25px;
    background-color: #ec0047;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: white;
    text-decoration: none; }

.template-multi-image-440 {
  width: 100%;
  height: 440px;
  overflow: hidden; }
  .template-multi-image-440 .multi-image-frame {
    position: relative;
    left: 0%;
    width: 100%;
    height: 100%;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    .template-multi-image-440 .multi-image-frame img {
      position: absolute;
      width: 100%;
      height: 100%; }
  .template-multi-image-440 .buttons {
    position: relative;
    top: -22px;
    display: flex;
    justify-content: center;
    column-gap: 12px; }
    .template-multi-image-440 .buttons .multi-image-button {
      height: 12px;
      border: none;
      cursor: pointer;
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
      .template-multi-image-440 .buttons .multi-image-button.on {
        width: 37px;
        border-radius: 8px;
        background-color: #000; }
      .template-multi-image-440 .buttons .multi-image-button.off {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: grey; }
  @media all and (max-width: 768px) {
    .template-multi-image-440 {
      width: 100%;
      height: auto;
      overflow: hidden; }
      .template-multi-image-440 .multi-image-frame {
        position: relative;
        left: 0%;
        width: 100%;
        height: 100%;
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        .template-multi-image-440 .multi-image-frame img {
          position: absolute;
          width: 100%;
          height: 100%; }
      .template-multi-image-440 .buttons {
        position: relative;
        display: flex;
        justify-content: center;
        column-gap: 12px;
        top: -6px; }
        .template-multi-image-440 .buttons .multi-image-button {
          height: 12px;
          border: none;
          cursor: pointer;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          .template-multi-image-440 .buttons .multi-image-button.on {
            width: 37px;
            border-radius: 8px;
            background-color: #000; }
          .template-multi-image-440 .buttons .multi-image-button.off {
            padding: 0px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            opacity: 0.35;
            background-color: #000; } }

.template-pricing {
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 1280px; }
  .template-pricing .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    width: 1170px;
    padding: 40px 0; }
    .template-pricing .contents > .title {
      margin-top: 80px;
      font-size: 36px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #222; }
      .template-pricing .contents > .title.ja {
        font-size: 35px; }
    .template-pricing .contents > .options {
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 30px;
      width: 100%; }
      .template-pricing .contents > .options .option {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        width: 268px;
        height: 507px;
        border-radius: 14px;
        box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
        transition: all 0.5s ease;
        padding: 40px 20px 20px;
        box-sizing: border-box;
        z-index: 0;
        cursor: pointer; }
        .template-pricing .contents > .options .option.heatmap {
          height: 720px; }
          .template-pricing .contents > .options .option.heatmap .option-price {
            display: inline-block; }
        .template-pricing .contents > .options .option:hover {
          transform: scale(1.02);
          z-index: 1; }
        .template-pricing .contents > .options .option.recommend {
          border: solid 4px #ec0047;
          margin: -4px;
          box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.16); }
        .template-pricing .contents > .options .option-recommend-image {
          position: absolute;
          top: 0;
          left: 0; }
        .template-pricing .contents > .options .option-title {
          position: relative;
          width: 100%;
          color: #333;
          font-size: 30px;
          font-weight: 700;
          letter-spacing: -0.5px;
          text-align: center; }
          .template-pricing .contents > .options .option-title .sub {
            display: block;
            position: absolute;
            top: 40px;
            width: 100%;
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #0e99af; }
        .template-pricing .contents > .options .option-main-image {
          margin-top: 30px;
          height: 108px; }
        .template-pricing .contents > .options .option-pv {
          color: #EC0047;
          font-size: 18px;
          font-weight: 700;
          line-height: 16px;
          text-align: center;
          display: flex;
          flex-direction: column;
          gap: 8px; }
        .template-pricing .contents > .options .option > i.icon {
          flex-shrink: 0;
          margin-bottom: -8px; }
        .template-pricing .contents > .options .option .icon-everyone {
          width: 208px;
          height: 117px;
          background-image: url("../../images/icon-everyone.svg"); }
        .template-pricing .contents > .options .option .icon-pro {
          width: 208px;
          height: 117px;
          background-image: url("../../images/icon-pro.svg"); }
        .template-pricing .contents > .options .option .icon-master {
          width: 208px;
          height: 117px;
          background-image: url("../../images/icon-master.svg"); }
        .template-pricing .contents > .options .option .icon-custom {
          width: 208px;
          height: 117px;
          background-image: url("../../images/icon-custom.svg");
          margin-top: 16px; }
        .template-pricing .contents > .options .option-price {
          margin-bottom: 8px;
          font-size: 30px;
          font-weight: 800;
          letter-spacing: -1px;
          color: #333;
          position: relative;
          text-align: center; }
          .template-pricing .contents > .options .option-price.custom.en, .template-pricing .contents > .options .option-price.custom.ja {
            margin-top: -16px; }
          .template-pricing .contents > .options .option-price .option-price-wrap {
            display: flex;
            gap: 2px;
            align-items: center; }
          .template-pricing .contents > .options .option-price .option-price-unit {
            display: block; }
          .template-pricing .contents > .options .option-price .number {
            line-height: 140%; }
          .template-pricing .contents > .options .option-price .option-price-dc {
            position: absolute;
            width: 100%;
            text-align: center;
            top: 100%;
            left: 0;
            color: #888888;
            font-size: 12.5px;
            line-height: 1; }
          .template-pricing .contents > .options .option-price .medium {
            display: inline-block;
            font-size: 18px;
            font-weight: 600;
            line-height: 140%;
            color: #333;
            letter-spacing: -1px; }
            .template-pricing .contents > .options .option-price .medium.custom {
              font-weight: 800;
              padding-bottom: 8px; }
          .template-pricing .contents > .options .option-price .small {
            font-size: 11px;
            font-weight: 600;
            line-height: 12px;
            color: #333;
            margin-left: 3px; }
          .template-pricing .contents > .options .option-price .vat {
            position: relative;
            font-size: 13px;
            top: -2px;
            left: 5px; }
        .template-pricing .contents > .options .option-price-cancel {
          font-size: 18px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.61;
          letter-spacing: normal;
          color: #ec0047;
          text-decoration: line-through; }
          .template-pricing .contents > .options .option-price-cancel.ja {
            font-size: 15px; }
          .template-pricing .contents > .options .option-price-cancel.en {
            font-size: 14px; }
        .template-pricing .contents > .options .option-btn {
          cursor: pointer;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          box-sizing: border-box;
          min-width: 180px;
          height: 48px;
          padding: 0px 20px;
          border-radius: 25px;
          background-color: #ec0047;
          font-size: 18px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #fff;
          text-decoration: none;
          text-align: center; }
          .template-pricing .contents > .options .option-btn:hover {
            background-color: #c60c3b; }
          .template-pricing .contents > .options .option-btn .sale {
            position: absolute;
            top: -50%;
            right: -20px; }
          .template-pricing .contents > .options .option-btn.disabled {
            pointer-events: none;
            background-color: rgba(0, 0, 0, 0.16) !important; }
        .template-pricing .contents > .options .option-spec {
          display: flex;
          flex-direction: column; }
          .template-pricing .contents > .options .option-spec .item-description {
            font-size: 15px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.7;
            letter-spacing: normal;
            color: #444;
            text-align: center; }
          .template-pricing .contents > .options .option-spec .item-check-list {
            display: flex;
            flex-direction: column;
            row-gap: 6px; }
          .template-pricing .contents > .options .option-spec .item-check {
            display: flex;
            align-items: center;
            padding-left: 25px;
            max-width: 300px;
            background: url("https://dream-cdn.beusable.net/home/images/icon-check-green.svg") no-repeat 0% 50%;
            font-size: 13px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.54;
            letter-spacing: normal;
            color: #444; }
            .template-pricing .contents > .options .option-spec .item-check.ko.tight {
              letter-spacing: -1px; }
          .template-pricing .contents > .options .option-spec .item-detail {
            display: flex;
            justify-content: center;
            margin-top: 6px;
            font-size: 12.5px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #888; }
          .template-pricing .contents > .options .option-spec .item-info-list {
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 12px;
            height: 126px; }
            .template-pricing .contents > .options .option-spec .item-info-list.en {
              row-gap: 8px; }
            .template-pricing .contents > .options .option-spec .item-info-list .item-benefit {
              color: #333;
              font-size: 12px;
              font-weight: 400;
              letter-spacing: -0.5px;
              margin-bottom: 4px; }
            .template-pricing .contents > .options .option-spec .item-info-list .item {
              position: relative;
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 5px;
              width: 230px;
              color: #444;
              text-align: center;
              font-size: 13px;
              font-weight: 600;
              line-height: 15px;
              /* 115.385% */ }
              .template-pricing .contents > .options .option-spec .item-info-list .item.en {
                align-items: flex-start; }
              .template-pricing .contents > .options .option-spec .item-info-list .item > span {
                display: flex;
                align-items: center;
                gap: 4px;
                background-color: #fff;
                text-align: start; }
                .template-pricing .contents > .options .option-spec .item-info-list .item > span .icon-ai {
                  display: inline-block;
                  width: 25px;
                  height: 15px;
                  background: url("../../images/icon-ai.svg") no-repeat center center; }
              .template-pricing .contents > .options .option-spec .item-info-list .item .frame {
                height: 15px;
                background-color: #fff; }
              .template-pricing .contents > .options .option-spec .item-info-list .item .additional-info {
                position: relative;
                display: inline-block;
                width: 15px;
                height: 15px;
                background: url("https://dream-cdn.beusable.net/home/images/icon-info.svg") no-repeat center center;
                background-size: cover; }
                .template-pricing .contents > .options .option-spec .item-info-list .item .additional-info:hover .info-bubble {
                  display: block; }
                .template-pricing .contents > .options .option-spec .item-info-list .item .additional-info.pop .info-bubble {
                  display: block; }
                .template-pricing .contents > .options .option-spec .item-info-list .item .additional-info .info-bubble {
                  display: none;
                  position: absolute;
                  right: -45px;
                  bottom: 25px;
                  max-width: 500px;
                  width: max-content;
                  box-sizing: border-box;
                  padding: 16px;
                  border-radius: 10px;
                  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
                  background-color: #fff;
                  font-size: 13px;
                  font-weight: 500;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.46;
                  letter-spacing: normal;
                  text-align: start;
                  color: #767676;
                  z-index: 10;
                  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
                  .template-pricing .contents > .options .option-spec .item-info-list .item .additional-info .info-bubble::after {
                    content: '';
                    position: absolute;
                    bottom: -1px;
                    right: 44px;
                    background-color: #fff;
                    z-index: 2;
                    transform: rotate(-45deg) translateX(-50%);
                    width: 10px;
                    height: 10px;
                    -webkit-box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.16);
                    box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.16); }
                  .template-pricing .contents > .options .option-spec .item-info-list .item .additional-info .info-bubble .pro-only {
                    width: max-content;
                    margin-bottom: 6px;
                    padding: 4px 5px;
                    border-radius: 4px;
                    background-color: #ff2d92;
                    font-family: NewRubrik;
                    font-size: 9px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #fff;
                    text-align: center; }
                  .template-pricing .contents > .options .option-spec .item-info-list .item .additional-info .info-bubble.right-side {
                    right: auto;
                    bottom: auto;
                    top: -200px;
                    left: 100%;
                    margin-left: 10px; }
                    .template-pricing .contents > .options .option-spec .item-info-list .item .additional-info .info-bubble.right-side:after {
                      bottom: auto;
                      right: 100%;
                      top: 200px;
                      transform: translate(50%, 0) rotate(45deg); }
        .template-pricing .contents > .options .option .ps_message {
          position: absolute;
          bottom: 25px;
          color: #000;
          text-align: center;
          font-family: Inter;
          font-size: 13px; }
        .template-pricing .contents > .options .option.heatmap {
          width: 370px;
          height: 720px;
          padding: 0;
          gap: 0; }
          .template-pricing .contents > .options .option.heatmap .option-title {
            margin-top: 50px;
            font-size: 30px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: -0.5px;
            color: #333; }
          .template-pricing .contents > .options .option.heatmap .option-pv {
            margin-top: 14px;
            padding: 10px 0px;
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #ec0047;
            display: inline-block; }
          .template-pricing .contents > .options .option.heatmap .option-pv-select {
            cursor: pointer;
            margin-top: 14px;
            height: 40px;
            padding: 11px 36px 11px 12px;
            border-radius: 6px;
            border: solid 1px #b1b1b1;
            background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 92% 50%;
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #2f2f2f;
            appearance: none; }
          .template-pricing .contents > .options .option.heatmap .option-price {
            margin-top: 20px;
            font-size: 36px;
            font-weight: 700;
            font-stretch: normal;
            font-style: normal;
            line-height: 36px;
            letter-spacing: -0.51px; }
            .template-pricing .contents > .options .option.heatmap .option-price .small {
              font-size: 18px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 18px;
              letter-spacing: -0.44px; }
            .template-pricing .contents > .options .option.heatmap .option-price.ko .small {
              position: relative;
              top: -2px;
              right: -2px; }
          .template-pricing .contents > .options .option.heatmap .option-spec .item-info-list {
            row-gap: 19px; }
            .template-pricing .contents > .options .option.heatmap .option-spec .item-info-list .item {
              justify-content: space-between;
              width: 306px;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.15;
              letter-spacing: normal;
              text-align: center;
              color: #444; }
              .template-pricing .contents > .options .option.heatmap .option-spec .item-info-list .item.special {
                color: #ff2d92; }
              .template-pricing .contents > .options .option.heatmap .option-spec .item-info-list .item > span {
                padding-right: 5px; }
              .template-pricing .contents > .options .option.heatmap .option-spec .item-info-list .item::before {
                content: '';
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                z-index: -1;
                width: 99%;
                height: 5px;
                background-image: radial-gradient(#979797 25%, #fff 20%);
                background-size: 5px 5px; }
              .template-pricing .contents > .options .option.heatmap .option-spec .item-info-list .item .frame {
                display: grid;
                align-items: center;
                grid-template-columns: auto 15px;
                column-gap: 3px;
                text-align: end;
                background-color: #fff;
                padding-left: 5px; }
    .template-pricing .contents > .expand-wrap {
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 32px; }
      .template-pricing .contents > .expand-wrap .option {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 40px;
        flex: 1;
        height: 220px;
        flex-shrink: 0;
        border-radius: 14px;
        box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
        transition: all 0.5s ease;
        box-sizing: border-box;
        padding-top: 30px;
        padding-left: 35px;
        cursor: pointer; }
        .template-pricing .contents > .expand-wrap .option:hover {
          transform: scale(1.02); }
        .template-pricing .contents > .expand-wrap .option .option-title {
          font-size: 36px;
          font-weight: 700;
          line-height: 1;
          text-align: left;
          color: #222; }
        .template-pricing .contents > .expand-wrap .option .option-container {
          display: flex;
          gap: 8px; }
          .template-pricing .contents > .expand-wrap .option .option-container .option-text-wrap {
            display: flex;
            flex-direction: column;
            gap: 8px; }
            .template-pricing .contents > .expand-wrap .option .option-container .option-text-wrap .option-sub {
              color: #333;
              font-size: 20px;
              font-weight: 800;
              line-height: 140%;
              /* 28px */
              letter-spacing: -1px; }
            .template-pricing .contents > .expand-wrap .option .option-container .option-text-wrap .option-desc {
              color: #333;
              font-size: 14px;
              font-weight: 600;
              line-height: 16px;
              /* 114.286% */ }
        .template-pricing .contents > .expand-wrap .option .icon-wrap {
          position: absolute;
          right: 20px;
          bottom: 10px; }
          .template-pricing .contents > .expand-wrap .option .icon-wrap .icon-agency {
            display: inline-block;
            width: 170px;
            height: 117px;
            background-image: url("../../images/icon-agency.svg"); }
          .template-pricing .contents > .expand-wrap .option .icon-wrap .icon-enterprise {
            display: inline-block;
            width: 170px;
            height: 117px;
            background-image: url("../../images/icon-enterprise.svg"); }
    .template-pricing .contents > .manual {
      margin-top: 80px;
      font-size: 18px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      text-align: center;
      color: #555; }

.template-pricing-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  .template-pricing-mobile .title {
    margin-top: 40px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333; }
  .template-pricing-mobile .options {
    width: 100%;
    margin-top: 40px; }
    .template-pricing-mobile .options .option {
      border-top: 2px solid #888;
      padding: 15px 20px;
      z-index: 0; }
      .template-pricing-mobile .options .option-main {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .template-pricing-mobile .options .option-main .icon-arrow {
          width: 20px;
          height: 20px;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        .template-pricing-mobile .options .option-main.on .icon-arrow {
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        .template-pricing-mobile .options .option-main-title {
          font-size: 20px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #444;
          position: relative; }
          .template-pricing-mobile .options .option-main-title .additional {
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #444; }
          .template-pricing-mobile .options .option-main-title .recommend {
            padding: 4px 6px;
            border-radius: 3px;
            background-color: #1199af;
            margin-left: 5px;
            margin-top: -1px;
            font-size: 10px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #fff;
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
        .template-pricing-mobile .options .option-main-price {
          display: flex;
          align-items: center;
          column-gap: 9px;
          margin-top: 8px;
          font-size: 20px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #0e99af; }
          .template-pricing-mobile .options .option-main-price .recommend {
            padding: 4px;
            border-radius: 3px;
            background-color: #1199af;
            font-size: 10px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #fff; }
          .template-pricing-mobile .options .option-main-price .cancel {
            font-size: 13px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #7e36e0;
            text-decoration: line-through; }
          .template-pricing-mobile .options .option-main-price .vat {
            position: relative;
            font-size: 12px;
            top: -2px;
            left: 5px;
            color: #2F2F2F; }
        .template-pricing-mobile .options .option-main-price-journey {
          display: flex;
          align-items: center;
          column-gap: 9px;
          margin-top: 8px;
          font-size: 20px;
          font-weight: 600;
          color: #0E99AF;
          font-family: "Apple SD Gothic Neo";
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
          .template-pricing-mobile .options .option-main-price-journey .small {
            color: #444;
            font-size: 13px;
            font-weight: 500; }
          .template-pricing-mobile .options .option-main-price-journey .recommend {
            padding: 4px;
            border-radius: 3px;
            background-color: #1199af;
            font-size: 10px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #fff; }
          .template-pricing-mobile .options .option-main-price-journey .cancel {
            font-size: 13px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #FF2D92;
            text-decoration: line-through; }
      .template-pricing-mobile .options .option-sub-wrap {
        overflow: hidden;
        height: 0px;
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        .template-pricing-mobile .options .option-sub-wrap.on {
          height: auto;
          padding-top: 20px; }
      .template-pricing-mobile .options .option-sub {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ececec;
        margin-bottom: 30px; }
        .template-pricing-mobile .options .option-sub:last-child {
          border: 0;
          margin: 0; }
        .template-pricing-mobile .options .option-sub-title {
          font-size: 14px;
          font-weight: 600;
          margin-bottom: 20px; }
        .template-pricing-mobile .options .option-sub-benefit, .template-pricing-mobile .options .option-sub-pv {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 20px 10px;
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #444; }
          .template-pricing-mobile .options .option-sub-benefit span.right, .template-pricing-mobile .options .option-sub-pv span.right {
            text-align: end; }
          .template-pricing-mobile .options .option-sub-benefit span.desc, .template-pricing-mobile .options .option-sub-pv span.desc {
            color: #888; }
          .template-pricing-mobile .options .option-sub-benefit select, .template-pricing-mobile .options .option-sub-pv select {
            padding: 11px 37px 11px 9px;
            border-radius: 6px;
            border: solid 1px #bbb;
            background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 92% 50%;
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #2f2f2f;
            appearance: none; }
        .template-pricing-mobile .options .option-sub-benefit {
          justify-content: flex-start;
          padding: 0 5px;
          margin-bottom: 5px; }
          .template-pricing-mobile .options .option-sub-benefit-cxreport {
            display: flex;
            align-items: center;
            gap: 4px; }
            .template-pricing-mobile .options .option-sub-benefit-cxreport .icon-ai {
              margin-bottom: 2px; }
          .template-pricing-mobile .options .option-sub-benefit:last-child {
            margin: 0; }
        .template-pricing-mobile .options .option-sub-description {
          font-size: 13px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.46;
          letter-spacing: normal;
          color: #444;
          text-align: center; }
        .template-pricing-mobile .options .option-sub-check {
          width: 20px;
          height: 20px;
          padding-left: 5px;
          background: url("https://dream-cdn.beusable.net/home/images/icon-check-green.svg") no-repeat 0% 50%;
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.46;
          letter-spacing: normal;
          color: #444; }
        .template-pricing-mobile .options .option-sub-detail {
          padding-right: 14px;
          background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-right.svg") no-repeat 100% 50%;
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #888; }
        .template-pricing-mobile .options .option-sub-button {
          width: auto;
          padding: 12px;
          border-radius: 25px;
          background-color: #ec0047;
          font-size: 15px;
          font-weight: 800;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
  .template-pricing-mobile.heatmap .option-sub {
    overflow: hidden;
    height: 0px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    .template-pricing-mobile.heatmap .option-sub.on {
      height: auto;
      padding-top: 20px; }
    .template-pricing-mobile.heatmap .option-sub-check {
      flex-grow: 1;
      padding-left: 20px;
      width: 100%; }
    .template-pricing-mobile.heatmap .option-sub-detail {
      width: fit-content;
      flex-shrink: 0; }

#popup.container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); }
  #popup.container .popup {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 150px);
    left: calc(50% - 215px);
    width: 430px;
    height: 300px;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
    border-radius: 14px;
    background-color: #ffffff; }
    #popup.container .popup-image {
      width: 50px;
      height: 50px; }
    #popup.container .popup-title {
      font-size: 20px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.3;
      letter-spacing: normal;
      text-align: center;
      color: #444; }
    #popup.container .popup-description {
      font-size: 15px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.53;
      letter-spacing: normal;
      text-align: center;
      color: #2f2f2f; }
    #popup.container .popup-button {
      margin-top: 25px;
      padding: 12px 36px;
      border-radius: 20px;
      border: solid 1px #bbb;
      background-color: #fff;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #444; }

#header.container {
  position: relative;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 1170px;
  height: 84px;
  background-color: #eff2d6;
  z-index: 20;
  letter-spacing: normal; }
  #header.container.cx-header {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
    top: 0px; }
    #header.container.cx-header .contents .navigation {
      display: flex;
      margin-left: 48px; }
      #header.container.cx-header .contents .navigation > div {
        position: relative; }
        #header.container.cx-header .contents .navigation > div > a {
          display: block;
          margin: 10px 0px 10px 26px;
          padding: 10px 0px;
          font-size: 15px;
          font-weight: bold;
          color: #333; }
          #header.container.cx-header .contents .navigation > div > a.selected {
            border-bottom: 3px solid #EC0047;
            margin-bottom: -3px;
            color: #EC0047; }
          #header.container.cx-header .contents .navigation > div > a.link {
            padding-right: 20px; }
            #header.container.cx-header .contents .navigation > div > a.link:hover {
              background: url("https://dream-cdn.beusable.net/home/images/logo-link-popup-white.svg") no-repeat 100% 50%; }
        #header.container.cx-header .contents .navigation > div:hover > a {
          color: #EC0047; }
    #header.container.cx-header .contents .buttons {
      margin-left: 26px; }
  #header.container .shadow-line {
    display: none;
    position: absolute;
    transform: translateY(100%);
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 28px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 60%); }

@keyframes line-movein {
  0% {
    height: 0px; }
  100% {
    height: 28px; } }
  #header.container.is-pinned {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); }
    #header.container.is-pinned .shadow-line {
      display: block;
      animation: line-movein 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
      animation-fill-mode: forwards; }

@keyframes header-movein {
  0% {
    top: -84px; }
  100% {
    top: -1px; } }

@keyframes header-moveout {
  0% {
    top: -1px; }
  100% {
    top: -84px; } }
  #header.container.is-scrolled {
    position: fixed;
    animation: header-movein 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
    animation-fill-mode: forwards;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); }
    #header.container.is-scrolled .shadow-line {
      display: block; }
  #header.container.is-scroll-out {
    position: fixed;
    animation: header-moveout 0.1s linear 0s 1;
    animation-fill-mode: forwards; }
  #header.container .contents {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1170px;
    height: 100%; }
    #header.container .contents .logo {
      width: 149px;
      height: 26px;
      background: url("https://dream-cdn.beusable.net/home/images/logo-main.svg") no-repeat center center;
      background-size: contain; }
    #header.container .contents .navigation {
      display: flex;
      margin-left: 48px; }
      #header.container .contents .navigation > div {
        position: relative; }
        #header.container .contents .navigation > div > a {
          display: block;
          margin: 10px 0px 10px 26px;
          padding: 10px 0px;
          font-size: 15px;
          font-weight: bold;
          color: #333;
          cursor: pointer;
          text-decoration: none; }
          #header.container .contents .navigation > div > a.selected {
            border-bottom: 3px solid #ec0047;
            margin-bottom: -3px;
            color: #ec0047; }
          #header.container .contents .navigation > div > a.link {
            padding-right: 20px; }
            #header.container .contents .navigation > div > a.link:hover {
              background: url("https://dream-cdn.beusable.net/home/images/logo-link-popup-red.svg") no-repeat 100% 50%; }
        #header.container .contents .navigation > div:hover > a {
          color: #ec0047; }
        #header.container .contents .navigation > div .submenu {
          opacity: 0;
          display: flex;
          position: absolute;
          flex-direction: column;
          row-gap: 8px;
          left: 28px;
          top: 55px;
          box-sizing: border-box;
          width: 230px;
          height: 0px;
          border-radius: 8px;
          background-color: #fff;
          overflow: hidden;
          z-index: 20;
          transition: padding 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #header.container .contents .navigation > div .submenu .cell {
            opacity: 0;
            box-sizing: border-box;
            width: 200px;
            border-radius: 4px;
            padding: 6px 10px;
            background-color: white;
            font-size: 14px;
            color: #444;
            cursor: pointer;
            text-decoration: none;
            visibility: hidden; }
            #header.container .contents .navigation > div .submenu .cell.cxdata-report {
              background: url("https://dream-cdn.beusable.net/home/images/cx_trend/graph--icon.svg") no-repeat 98% 50%; }
            #header.container .contents .navigation > div .submenu .cell:hover {
              background-color: rgba(0, 0, 0, 0.08); }
              #header.container .contents .navigation > div .submenu .cell:hover.hassub {
                background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-right.svg") no-repeat 98% 50% rgba(0, 0, 0, 0.08); }
              #header.container .contents .navigation > div .submenu .cell:hover.cxdata-report {
                background: url("https://dream-cdn.beusable.net/home/images/cx_trend/graph--icon-red.svg") no-repeat 98% 50% rgba(0, 0, 0, 0.08); }
            #header.container .contents .navigation > div .submenu .cell.disabled {
              color: #999;
              pointer-events: none; }
          #header.container .contents .navigation > div .submenu .division {
            margin-top: 15px;
            padding-left: 10px;
            font-size: 16px;
            font-weight: bold;
            font-size: 13px;
            font-weight: 500;
            color: #999; }
        #header.container .contents .navigation > div:hover .submenu {
          opacity: 1;
          height: auto;
          padding: 17px 15px;
          box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16); }
          #header.container .contents .navigation > div:hover .submenu .cell {
            opacity: 1;
            visibility: visible; }
    #header.container .contents .buttons {
      display: flex;
      align-items: center;
      column-gap: 5px;
      margin-left: 26px; }
      #header.container .contents .buttons.ja {
        margin-left: 18px; }
      #header.container .contents .buttons .button {
        text-decoration: none;
        padding: 12px 22px;
        border-radius: 21px;
        cursor: pointer;
        transition: all 0.5s ease;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal; }
        #header.container .contents .buttons .button.start {
          background-color: #ec0047;
          color: #fff; }
          #header.container .contents .buttons .button.start:hover {
            background-color: #c60c3b; }
        #header.container .contents .buttons .button.signin {
          border: solid 1px #666;
          box-sizing: border-box;
          padding: 11px 22px;
          color: #222; }
          #header.container .contents .buttons .button.signin:hover {
            border: solid 1px rgba(0, 0, 0, 0);
            background-color: #ec0047;
            color: #fff; }

#header-main.container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 1170px;
  height: 84px;
  background-color: transparent;
  z-index: 20;
  letter-spacing: normal; }
  #header-main.container .contents {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1170px;
    height: 100%; }
    #header-main.container .contents .logo {
      width: 149px;
      height: 26px;
      background: url("https://dream-cdn.beusable.net/home/images/logo-white.svg") no-repeat center center;
      background-size: contain; }
    #header-main.container .contents .navigation {
      display: flex;
      margin-left: 48px; }
      #header-main.container .contents .navigation > div {
        position: relative; }
        #header-main.container .contents .navigation > div > a {
          display: block;
          margin: 10px 0px 10px 26px;
          padding: 10px 0px;
          font-size: 15px;
          font-weight: bold;
          color: #fff;
          cursor: pointer;
          text-decoration: none; }
          #header-main.container .contents .navigation > div > a.selected {
            border-bottom: 3px solid #ec0047;
            margin-bottom: -3px;
            color: #ec0047; }
          #header-main.container .contents .navigation > div > a.link {
            padding-right: 20px; }
            #header-main.container .contents .navigation > div > a.link:hover {
              background: url("https://dream-cdn.beusable.net/home/images/logo-link-popup-white.svg") no-repeat 100% 50%; }
        #header-main.container .contents .navigation > div:hover > a {
          color: rgba(255, 255, 255, 0.75); }
        #header-main.container .contents .navigation > div .submenu {
          opacity: 0;
          display: flex;
          position: absolute;
          flex-direction: column;
          row-gap: 8px;
          left: 28px;
          top: 55px;
          box-sizing: border-box;
          width: 230px;
          height: 0px;
          border-radius: 8px;
          background-color: #fff;
          overflow: hidden;
          z-index: 20;
          transition: padding 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #header-main.container .contents .navigation > div .submenu .cell {
            opacity: 0;
            box-sizing: border-box;
            width: 200px;
            border-radius: 4px;
            padding: 6px 10px;
            background-color: white;
            font-size: 14px;
            color: #444;
            cursor: pointer;
            text-decoration: none;
            visibility: hidden; }
            #header-main.container .contents .navigation > div .submenu .cell.cxdata-report {
              background: url("https://dream-cdn.beusable.net/home/images/cx_trend/graph--icon.svg") no-repeat 98% 50%; }
            #header-main.container .contents .navigation > div .submenu .cell:hover {
              background-color: rgba(0, 0, 0, 0.08); }
              #header-main.container .contents .navigation > div .submenu .cell:hover.hassub {
                background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-right.svg") no-repeat 98% 50% rgba(0, 0, 0, 0.08); }
              #header-main.container .contents .navigation > div .submenu .cell:hover.cxdata-report {
                background: url("https://dream-cdn.beusable.net/home/images/cx_trend/graph--icon-red.svg") no-repeat 98% 50% rgba(0, 0, 0, 0.08); }
            #header-main.container .contents .navigation > div .submenu .cell.disabled {
              color: #999;
              pointer-events: none; }
          #header-main.container .contents .navigation > div .submenu .division {
            margin-top: 15px;
            padding-left: 10px;
            font-size: 16px;
            font-weight: bold;
            font-size: 13px;
            font-weight: 500;
            color: #999; }
        #header-main.container .contents .navigation > div:hover .submenu {
          opacity: 1;
          height: auto;
          padding: 17px 15px;
          box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16); }
          #header-main.container .contents .navigation > div:hover .submenu .cell {
            opacity: 1;
            visibility: visible; }
    #header-main.container .contents .buttons {
      display: flex;
      align-items: center;
      column-gap: 5px;
      margin-left: 26px; }
      #header-main.container .contents .buttons.ja {
        margin-left: 18px; }
      #header-main.container .contents .buttons .button {
        text-decoration: none;
        padding: 12px 22px;
        border-radius: 21px;
        cursor: pointer;
        transition: all 0.5s ease;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal; }
        #header-main.container .contents .buttons .button.start {
          background-color: #fff;
          color: #222; }
          #header-main.container .contents .buttons .button.start:hover {
            background-color: rgba(255, 255, 255, 0.84); }
        #header-main.container .contents .buttons .button.signin {
          border: solid 1px #fff;
          box-sizing: border-box;
          padding: 11px 22px;
          color: #fff; }
          #header-main.container .contents .buttons .button.signin:hover {
            background-color: #fff;
            color: #222; }

@media all and (max-width: 768px) {
  #header-mobile.container {
    position: relative;
    display: block;
    top: -1px;
    width: 100%;
    background-color: white;
    z-index: 20; }
    #header-mobile.container.cx-header {
      background-color: #000;
      border-bottom: none;
      top: 0; }
      #header-mobile.container.cx-header .top .title {
        color: #fff; }
      #header-mobile.container.cx-header .top .navigation-button svg {
        width: 24px;
        height: 24px;
        transition: all 0.5s ease; }
        #header-mobile.container.cx-header .top .navigation-button svg path {
          stroke-linecap: square;
          stroke-linejoin: square;
          stroke-width: 2;
          stroke: #fff;
          transition: all 0.5s ease;
          transform-origin: 18px 13px; }
      #header-mobile.container.cx-header .top.on .navigation-button path {
        stroke: black; }
    #header-mobile.container .shadow-line {
      display: none;
      position: absolute;
      transform: translateY(100%);
      bottom: 0;
      left: 0px;
      width: 100%;
      height: 28px;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 60%); }
  @keyframes line-movein {
    0% {
      height: 0px; }
    100% {
      height: 28px; } }
    #header-mobile.container.is-pinned {
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); }
      #header-mobile.container.is-pinned .shadow-line {
        display: block;
        animation: line-movein 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
        animation-fill-mode: forwards; }
  @keyframes header-movein {
    0% {
      top: -84px; }
    100% {
      top: -1px; } }
  @keyframes header-moveout {
    0% {
      top: -1px; }
    100% {
      top: -84px; } }
    #header-mobile.container.is-scrolled {
      position: fixed;
      animation: header-movein 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
      animation-fill-mode: forwards;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); }
      #header-mobile.container.is-scrolled .shadow-line {
        display: block; }
    #header-mobile.container.is-scroll-out {
      position: fixed;
      animation: header-moveout 0.1s linear 0s 1;
      animation-fill-mode: forwards; }
    #header-mobile.container .top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 16px 15px 16px;
      z-index: 20; }
      #header-mobile.container .top.on {
        position: fixed;
        top: 0;
        width: calc(100% - 32px);
        background-color: white; }
      #header-mobile.container .top .home {
        height: 26px; }
      #header-mobile.container .top.on .home {
        display: none; }
      #header-mobile.container .top .logo {
        width: 98px;
        height: 17px;
        display: none;
        background: url("https://dream-cdn.beusable.net/home/images/logo-main.svg") no-repeat center center;
        background-size: contain; }
      #header-mobile.container .top.on .logo {
        display: block; }
      #header-mobile.container .top .title {
        font-family: NewRubrik;
        font-size: 18px;
        font-weight: bold;
        color: #ec0047; }
      #header-mobile.container .top.on .title {
        display: none; }
      #header-mobile.container .top .navigation-button svg {
        width: 24px;
        height: 24px;
        transition: all 0.5s ease; }
        #header-mobile.container .top .navigation-button svg path {
          stroke-linecap: square;
          stroke-linejoin: square;
          stroke-width: 2;
          stroke: #ec0047;
          transition: all 0.5s ease;
          transform-origin: 18px 13px; }
      #header-mobile.container .top.on .navigation-button path {
        stroke: black; }
      #header-mobile.container .top.on .navigation-button .d1 {
        transform: rotate(-45deg); }
      #header-mobile.container .top.on .navigation-button .d2 {
        transform-origin: 50% 50%;
        transform: scaleX(0); }
      #header-mobile.container .top.on .navigation-button .d3 {
        transform: rotate(45deg); }
    #header-mobile.container .navigation {
      position: fixed;
      top: 50px;
      width: 100%;
      height: 0;
      background-color: white;
      opacity: 0;
      overflow: hidden;
      transition: padding 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      z-index: 10; }
      #header-mobile.container .navigation.on {
        padding-top: 31px;
        min-height: calc(100vh);
        opacity: 1; }
        #header-mobile.container .navigation.on .mainmenu {
          display: flex; }
        #header-mobile.container .navigation.on .submenu .cell {
          display: flex; }
      #header-mobile.container .navigation > div {
        border-bottom: 1px solid #ebebeb;
        padding: 18px 20px 18px 26px; }
        #header-mobile.container .navigation > div .mainmenu {
          display: none;
          justify-content: space-between;
          align-items: center;
          text-decoration: none; }
          #header-mobile.container .navigation > div .mainmenu span {
            font-size: 16px;
            font-weight: bold;
            font-size: 18px;
            color: #2f2f2f; }
            #header-mobile.container .navigation > div .mainmenu span.link {
              padding-right: 20px;
              background: url("https://dream-cdn.beusable.net/home/images/logo-link-popup.svg") no-repeat 100% 50%; }
          #header-mobile.container .navigation > div .mainmenu img {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        #header-mobile.container .navigation > div .submenu {
          display: flex;
          flex-direction: column;
          row-gap: 20px;
          padding-left: 10px;
          height: 0;
          box-sizing: border-box;
          overflow: hidden;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #header-mobile.container .navigation > div .submenu .cell {
            display: none;
            align-items: center;
            column-gap: 5px;
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
            font-weight: 500;
            color: #2f2f2f;
            text-decoration: none; }
            #header-mobile.container .navigation > div .submenu .cell.disabled {
              color: #999;
              pointer-events: none; }
          #header-mobile.container .navigation > div .submenu .division {
            padding-top: 20px;
            border-top: dashed 1px #e3e3e3;
            font-size: 16px;
            font-weight: bold;
            font-size: 12px;
            font-weight: normal;
            line-height: 0.83;
            color: #999; }
        #header-mobile.container .navigation > div.on .mainmenu span {
          color: #ec0047; }
        #header-mobile.container .navigation > div.on .mainmenu img {
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        #header-mobile.container .navigation > div.on .submenu {
          height: auto;
          padding-top: 36px;
          padding-bottom: 12px; }
        #header-mobile.container .navigation > div.off .mainmenu span {
          color: #b1b1b1; }
          #header-mobile.container .navigation > div.off .mainmenu span.link {
            background: url("https://dream-cdn.beusable.net/home/images/icon-link-popup-grey.svg") no-repeat 100% 50%; }
  #header-main-mobile.container {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    background-color: transparent;
    z-index: 20; }
    #header-main-mobile.container .top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 16px 15px 16px;
      z-index: 20; }
      #header-main-mobile.container .top.on {
        position: fixed;
        top: 0;
        width: calc(100% - 32px);
        background-color: white; }
      #header-main-mobile.container .top .home {
        height: 26px; }
      #header-main-mobile.container .top.on .home {
        display: none; }
      #header-main-mobile.container .top .logo {
        width: 98px;
        height: 17px;
        display: none;
        background: url("https://dream-cdn.beusable.net/home/images/logo-white.svg") no-repeat center center;
        background-size: contain; }
      #header-main-mobile.container .top.on .logo {
        display: block;
        background: url("https://dream-cdn.beusable.net/home/images/logo-main.svg") no-repeat center center;
        background-size: contain; }
      #header-main-mobile.container .top .title {
        font-family: NewRubrik;
        font-size: 18px;
        font-weight: bold;
        color: #ec0047; }
      #header-main-mobile.container .top.on .title {
        display: none; }
      #header-main-mobile.container .top .navigation-button svg {
        width: 24px;
        height: 24px;
        transition: all 0.5s ease; }
        #header-main-mobile.container .top .navigation-button svg path {
          stroke-linecap: square;
          stroke-linejoin: square;
          stroke-width: 2;
          stroke: #fff;
          transition: all 0.5s ease;
          transform-origin: 18px 13px; }
      #header-main-mobile.container .top.on .navigation-button path {
        stroke: black; }
      #header-main-mobile.container .top.on .navigation-button .d1 {
        transform: rotate(-45deg); }
      #header-main-mobile.container .top.on .navigation-button .d2 {
        transform-origin: 50% 50%;
        transform: scaleX(0); }
      #header-main-mobile.container .top.on .navigation-button .d3 {
        transform: rotate(45deg); }
    #header-main-mobile.container .navigation {
      position: fixed;
      top: 50px;
      width: 100%;
      height: 0;
      background-color: white;
      opacity: 0;
      overflow: hidden;
      transition: padding 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      z-index: 10; }
      #header-main-mobile.container .navigation.on {
        padding-top: 31px;
        min-height: calc(100vh);
        opacity: 1; }
        #header-main-mobile.container .navigation.on .mainmenu {
          display: flex; }
        #header-main-mobile.container .navigation.on .submenu .cell {
          display: flex; }
      #header-main-mobile.container .navigation > div {
        border-bottom: 1px solid #ebebeb;
        padding: 18px 20px 18px 26px; }
        #header-main-mobile.container .navigation > div .mainmenu {
          display: none;
          justify-content: space-between;
          align-items: center;
          text-decoration: none; }
          #header-main-mobile.container .navigation > div .mainmenu span {
            font-size: 16px;
            font-weight: bold;
            font-size: 18px;
            color: #2f2f2f; }
            #header-main-mobile.container .navigation > div .mainmenu span.link {
              padding-right: 20px;
              background: url("https://dream-cdn.beusable.net/home/images/logo-link-popup.svg") no-repeat 100% 50%; }
          #header-main-mobile.container .navigation > div .mainmenu img {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        #header-main-mobile.container .navigation > div .submenu {
          display: flex;
          flex-direction: column;
          row-gap: 20px;
          padding-left: 10px;
          height: 0;
          box-sizing: border-box;
          overflow: hidden;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #header-main-mobile.container .navigation > div .submenu .cell {
            display: none;
            align-items: center;
            column-gap: 5px;
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
            font-weight: 500;
            color: #2f2f2f;
            text-decoration: none; }
            #header-main-mobile.container .navigation > div .submenu .cell.disabled {
              color: #999;
              pointer-events: none; }
          #header-main-mobile.container .navigation > div .submenu .division {
            padding-top: 20px;
            border-top: dashed 1px #e3e3e3;
            font-size: 16px;
            font-weight: bold;
            font-size: 12px;
            font-weight: normal;
            line-height: 0.83;
            color: #999; }
        #header-main-mobile.container .navigation > div.on .mainmenu span {
          color: #ec0047; }
        #header-main-mobile.container .navigation > div.on .mainmenu img {
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        #header-main-mobile.container .navigation > div.on .submenu {
          height: auto;
          padding-top: 36px;
          padding-bottom: 12px; }
        #header-main-mobile.container .navigation > div.off .mainmenu span {
          color: #b1b1b1; }
          #header-main-mobile.container .navigation > div.off .mainmenu span.link {
            background: url("https://dream-cdn.beusable.net/home/images/icon-link-popup-grey.svg") no-repeat 100% 50%; } }

.contactus-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  z-index: 999;
  cursor: pointer; }

#footer.container {
  width: 100%;
  min-width: 1280px;
  margin-top: 100px; }
  #footer.container .box1 {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #f6e136; }
    #footer.container .box1 .contents {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #footer.container .box1 .contents > div {
        margin-top: 80px;
        font-size: 40px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.13;
        letter-spacing: normal;
        text-align: center;
        color: #222; }
        #footer.container .box1 .contents > div.en {
          letter-spacing: -0.8px; }
      #footer.container .box1 .contents .desc {
        margin-top: 10px;
        color: #222;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 37px;
        /* 185% */
        letter-spacing: -0.5px; }
      #footer.container .box1 .contents > a {
        margin-top: 28px;
        padding: 18px 44px;
        border-radius: 27px;
        background-color: #ec0047;
        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.9;
        letter-spacing: normal;
        text-align: center;
        color: #fff; }
        #footer.container .box1 .contents > a:hover {
          filter: brightness(0.84); }
      #footer.container .box1 .contents > img {
        margin-top: 32px;
        position: relative;
        bottom: -9px;
        left: -17px;
        width: 524px;
        min-height: 228px; }
  #footer.container .box2 {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #141414; }
    #footer.container .box2 .contents {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      row-gap: 40px;
      width: 1170px;
      margin-top: 70px;
      margin-bottom: 90px; }
      #footer.container .box2 .contents .division {
        width: 100%;
        height: 1px;
        background-color: #333; }
      #footer.container .box2 .contents .top {
        display: flex;
        column-gap: 20px;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
        #footer.container .box2 .contents .top__left {
          display: flex;
          column-gap: 20px;
          align-items: center; }
        #footer.container .box2 .contents .top .logo {
          transform: translateY(-2px);
          height: 18px; }
        #footer.container .box2 .contents .top .description {
          width: auto;
          width: 500px;
          font-size: 13px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.54;
          letter-spacing: normal;
          color: #999; }
        #footer.container .box2 .contents .top .language {
          display: flex;
          column-gap: 10px;
          color: #888;
          font-size: 12px;
          font-weight: 300;
          line-height: 26px; }
          #footer.container .box2 .contents .top .language ul {
            display: flex;
            column-gap: 10px; }
            #footer.container .box2 .contents .top .language ul li {
              position: relative;
              height: 26px;
              border-radius: 13px;
              background-color: #fff;
              cursor: pointer; }
              #footer.container .box2 .contents .top .language ul li.select::after {
                position: absolute;
                top: 28px;
                left: 7px;
                display: block;
                content: ' ';
                width: 12px;
                height: 12px;
                background: url(https://dream-cdn.beusable.net/home/images/icon-arrow-red.svg) transparent;
                transition: all 0.3s ease; }
      #footer.container .box2 .contents .navigation {
        display: flex;
        column-gap: 110px; }
        #footer.container .box2 .contents .navigation .cell .category {
          font-size: 15px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ec0047; }
        #footer.container .box2 .contents .navigation .cell .item {
          display: grid;
          grid-template-rows: repeat(6, 1fr);
          grid-auto-flow: column;
          row-gap: 18px;
          column-gap: 44px;
          margin-top: 34px; }
          #footer.container .box2 .contents .navigation .cell .item a {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            text-decoration: none;
            letter-spacing: normal;
            color: #b1b1b1; }
      #footer.container .box2 .contents .info {
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 40px;
        width: 100%; }
        #footer.container .box2 .contents .info .sns-icons {
          position: absolute;
          display: flex;
          align-items: center;
          column-gap: 10px;
          top: -9px;
          right: 0px; }
          #footer.container .box2 .contents .info .sns-icons a {
            width: 32px;
            height: 32px; }
            #footer.container .box2 .contents .info .sns-icons a img {
              width: 100%;
              height: 100%; }
        #footer.container .box2 .contents .info .link-box {
          display: flex;
          column-gap: 35px; }
          #footer.container .box2 .contents .info .link-box a {
            font-size: 12px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #999; }
        #footer.container .box2 .contents .info span {
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.77;
          letter-spacing: normal;
          color: #999; }

@media all and (max-width: 768px) {
  #footer.container {
    width: 100%;
    min-width: auto;
    margin-top: 0px; }
    #footer.container .box1 {
      display: flex;
      justify-content: center;
      width: 100%;
      background-color: #f6e136; }
      #footer.container .box1 .contents {
        display: flex;
        flex-direction: column;
        align-items: center; }
        #footer.container .box1 .contents > div {
          margin-top: 40px;
          font-size: 18px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.28;
          letter-spacing: normal;
          text-align: center;
          color: #292929; }
        #footer.container .box1 .contents .desc {
          margin-top: 12px;
          color: #444;
          font-size: 14px;
          font-weight: 500;
          line-height: 22px;
          /* 157.143% */ }
        #footer.container .box1 .contents > a {
          margin-top: 18px;
          padding: 11px 30px;
          border-radius: 25px;
          background-color: #ec0047;
          font-size: 15px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #fff; }
        #footer.container .box1 .contents > img {
          margin-top: 32px;
          position: relative;
          bottom: -4px;
          left: 0px;
          width: 262px;
          min-height: 114px; }
    #footer.container .box2 {
      display: flex;
      justify-content: center;
      width: 100%;
      background-color: #141414; }
      #footer.container .box2 .contents {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 30px;
        width: calc(100% - 36px);
        margin-top: 30px;
        margin-bottom: 40px; }
        #footer.container .box2 .contents .division {
          width: 100%;
          height: 1px;
          background-color: #333; }
        #footer.container .box2 .contents .top {
          display: flex;
          flex-direction: column;
          row-gap: 12px;
          align-items: flex-start; }
          #footer.container .box2 .contents .top__left {
            display: flex;
            flex-direction: column;
            column-gap: 20px;
            row-gap: 10px;
            align-items: flex-start; }
          #footer.container .box2 .contents .top .logo {
            height: 17px; }
          #footer.container .box2 .contents .top .description {
            width: auto;
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.54;
            letter-spacing: normal;
            color: #999; }
          #footer.container .box2 .contents .top .language {
            display: flex;
            flex-direction: column;
            column-gap: 10px;
            color: #888;
            font-size: 12px;
            font-weight: 300;
            line-height: 26px; }
        #footer.container .box2 .contents .navigation {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          column-gap: 43px;
          row-gap: 45px;
          width: 100%; }
          #footer.container .box2 .contents .navigation .cell .category {
            font-size: 15px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ec0047; }
          #footer.container .box2 .contents .navigation .cell .item {
            display: grid;
            grid-template-rows: auto;
            grid-template-columns: 1fr;
            grid-auto-flow: row;
            align-self: center;
            row-gap: 16px;
            column-gap: 21px;
            margin-top: 25px; }
            #footer.container .box2 .contents .navigation .cell .item a {
              font-size: 13px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              text-decoration: none;
              color: #b1b1b1; }
        #footer.container .box2 .contents .info {
          display: flex;
          flex-direction: column;
          row-gap: 40px; }
          #footer.container .box2 .contents .info .sns-icons {
            position: absolute;
            display: flex;
            align-items: center;
            column-gap: 10px;
            top: -9px;
            right: 0px; }
            #footer.container .box2 .contents .info .sns-icons a {
              width: 32px;
              height: 32px; }
              #footer.container .box2 .contents .info .sns-icons a img {
                width: 100%;
                height: 100%; }
          #footer.container .box2 .contents .info .link-box {
            display: flex;
            flex-direction: column;
            row-gap: 18px;
            column-gap: 0px; }
            #footer.container .box2 .contents .info .link-box a {
              font-size: 12px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #999; }
          #footer.container .box2 .contents .info span {
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.77;
            letter-spacing: normal;
            color: #999; } }

#lnb.container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1280px;
  height: 72px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  letter-spacing: normal; }
  #lnb.container .sub-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 72px;
    background-color: white;
    z-index: 15; }
    #lnb.container .sub-container .contents {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 1280px; }
      #lnb.container .sub-container .contents .title {
        margin-left: 55px;
        font-family: NewRubrik;
        font-size: 20px;
        font-weight: bold;
        line-height: 0.9;
        text-decoration: none;
        color: #ec0047; }
      #lnb.container .sub-container .contents .navigation {
        display: flex;
        align-items: center;
        column-gap: 15px;
        margin-right: 83.5px; }
        #lnb.container .sub-container .contents .navigation .division {
          width: 1px;
          height: 16px;
          background-color: #d1d1d1; }
        #lnb.container .sub-container .contents .navigation .menu {
          position: relative;
          padding: 10px 0px; }
          #lnb.container .sub-container .contents .navigation .menu .mainmenu {
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.14;
            letter-spacing: normal;
            color: #333;
            cursor: pointer; }
          #lnb.container .sub-container .contents .navigation .menu.hassub .mainmenu {
            position: relative;
            display: flex;
            align-items: center;
            column-gap: 6px;
            padding: 4px 10px 4px 4px;
            border: solid 1px #d1d1d1;
            border-radius: 5px; }
            #lnb.container .sub-container .contents .navigation .menu.hassub .mainmenu:hover img {
              background-color: rgba(0, 0, 0, 0.06); }
            #lnb.container .sub-container .contents .navigation .menu.hassub .mainmenu.selected {
              border: solid 1px #ec0047;
              color: #ec0047; }
          #lnb.container .sub-container .contents .navigation .menu.notsub .mainmenu {
            padding: 3px;
            border-radius: 2px; }
            #lnb.container .sub-container .contents .navigation .menu.notsub .mainmenu:hover {
              background-color: rgba(0, 0, 0, 0.06); }
            #lnb.container .sub-container .contents .navigation .menu.notsub .mainmenu.selected {
              color: #ec0047; }
          #lnb.container .sub-container .contents .navigation .menu .submenu {
            position: absolute;
            display: flex;
            flex-direction: column;
            row-gap: 8px;
            right: 2px;
            top: 45px;
            box-sizing: border-box;
            width: 230px;
            height: 0px;
            border-radius: 8px;
            background-color: #fff;
            overflow: hidden;
            z-index: 10;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #lnb.container .sub-container .contents .navigation .menu .submenu .cell {
              box-sizing: border-box;
              width: 200px;
              border-radius: 4px;
              padding: 6px 10px;
              background-color: white;
              font-size: 14px;
              color: #444;
              cursor: pointer;
              text-decoration: none; }
              #lnb.container .sub-container .contents .navigation .menu .submenu .cell:hover {
                background-color: rgba(0, 0, 0, 0.08); }
              #lnb.container .sub-container .contents .navigation .menu .submenu .cell.dashboard {
                display: flex;
                justify-content: space-between;
                align-items: center; }
          #lnb.container .sub-container .contents .navigation .menu:hover .submenu {
            height: auto;
            padding: 17px 15px;
            box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16); }
  #lnb.container.scroll .sub-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); }

@media all and (max-width: 768px) {
  #lnb.container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    height: 56px;
    border-bottom: none; }
    #lnb.container .sub-container {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 56px; }
      #lnb.container .sub-container .contents {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%; }
        #lnb.container .sub-container .contents .title {
          margin-left: 16px;
          font-family: NewRubrik;
          font-size: 18px;
          font-weight: bold;
          line-height: 0.9;
          letter-spacing: -0.3px;
          text-decoration: none;
          color: #ec0047;
          opacity: 0;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        #lnb.container .sub-container .contents .navigation {
          display: flex;
          align-items: center;
          column-gap: 15px;
          margin-right: 15px; }
          #lnb.container .sub-container .contents .navigation .division {
            width: 1px;
            height: 16px;
            background-color: #d1d1d1; }
          #lnb.container .sub-container .contents .navigation-select {
            position: relative;
            display: block;
            max-width: calc(100vw - 280px);
            width: min-content;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right: 24px;
            border: 0px;
            font-family: inherit;
            font-size: 14px;
            color: #333;
            text-align: end;
            background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 98% 50%; }
            #lnb.container .sub-container .contents .navigation-select select {
              position: absolute;
              display: block;
              top: 0;
              left: 0;
              max-width: calc(100vw - 240px);
              width: 100%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              padding-right: 24px;
              border: 0px;
              opacity: 0;
              font-family: inherit;
              font-size: 14px;
              color: #333;
              text-align: end;
              background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 98% 50%;
              appearance: none; }
              #lnb.container .sub-container .contents .navigation-select select:focus {
                outline: none; }
          #lnb.container .sub-container .contents .navigation .menu {
            min-width: 65px; }
            #lnb.container .sub-container .contents .navigation .menu .mainmenu {
              text-decoration: none;
              font-size: 14px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.14;
              letter-spacing: normal;
              color: #333;
              cursor: pointer; }
            #lnb.container .sub-container .contents .navigation .menu.hassub {
              display: none; }
    #lnb.container.scroll .sub-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07); }
      #lnb.container.scroll .sub-container .title {
        opacity: 1; } }

#journey-index.container {
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 1280px; }
  #journey-index.container .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1280px;
    overflow: hidden; }
    #journey-index.container .contents > .title {
      margin-top: 90px;
      min-height: 83px;
      font-family: NewRubrik;
      font-size: 90px;
      font-weight: bold;
      font-stretch: normal;
      font-style: italic;
      line-height: 0.98;
      letter-spacing: -1.53px;
      text-align: center;
      color: #ec0047; }
    #journey-index.container .contents h2 {
      margin-top: 31px;
      color: #222;
      text-align: center;
      font-size: 30px;
      font-weight: 600;
      line-height: 42px;
      /* 140% */ }
      #journey-index.container .contents h2.en {
        letter-spacing: -1px; }
    #journey-index.container .contents .desc {
      color: #444;
      text-align: center;
      font-size: 26px;
      font-weight: 500;
      line-height: 42px;
      /* 161.538% */ }
    #journey-index.container .contents .desc2 {
      color: #444;
      text-align: center;
      font-size: 26px;
      font-weight: 500;
      line-height: 42px;
      /* 161.538% */ }
    #journey-index.container .contents .main-image {
      width: 706px;
      min-height: 412px; }
    #journey-index.container .contents .analyze-button {
      display: flex;
      align-items: center;
      column-gap: 12px;
      margin-top: 30px;
      padding: 13px 19px 13px 32px;
      border: solid 2px #ec0047;
      border-radius: 34px;
      box-shadow: 0 20px 18px -16px rgba(0, 0, 0, 0.25);
      background-color: #fff;
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #ec0047;
      text-decoration: none;
      cursor: pointer; }
      #journey-index.container .contents .analyze-button img {
        height: 35px; }
      #journey-index.container .contents .analyze-button:hover {
        filter: brightness(0.9); }
    #journey-index.container .contents .icon-journey-1 {
      width: 873px;
      height: 389px;
      margin-top: 60px; }
    #journey-index.container .contents .features {
      display: flex;
      flex-direction: column;
      row-gap: 160px;
      align-items: center;
      margin-top: 248px; }
      #journey-index.container .contents .features .item {
        display: grid;
        grid-template-columns: 740px 370px;
        justify-content: start;
        column-gap: 60px;
        width: 1170px; }
        #journey-index.container .contents .features .item .icon-journey-2.only-mobile {
          width: 335px;
          height: 208px; }
        #journey-index.container .contents .features .item.reverse {
          grid-template-columns: 470px 740px; }
          #journey-index.container .contents .features .item.reverse .title {
            width: 100%; }
          #journey-index.container .contents .features .item.reverse .icon-journey-3 {
            width: 740px;
            height: 363px; }
        #journey-index.container .contents .features .item__image {
          width: 100%; }
        #journey-index.container .contents .features .item__writing {
          width: 100%;
          margin-top: 45px; }
          #journey-index.container .contents .features .item__writing .title {
            width: 370px;
            color: #222;
            font-size: 36px;
            font-weight: 700;
            line-height: 47px;
            /* 130.556% */
            letter-spacing: -1px; }
            #journey-index.container .contents .features .item__writing .title.mobile {
              display: none; }
            #journey-index.container .contents .features .item__writing .title.en {
              letter-spacing: -2px; }
          #journey-index.container .contents .features .item__writing .sub {
            margin-top: 10px;
            color: #444;
            font-size: 18px;
            font-weight: 400;
            line-height: 29px;
            /* 161.111% */
            word-break: break-word;
            white-space: normal; }
          #journey-index.container .contents .features .item__writing .sub-title {
            margin-bottom: 10px;
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.61;
            letter-spacing: normal;
            color: #ec0047; }
          #journey-index.container .contents .features .item__writing .description {
            margin-top: 25px;
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.61;
            color: #444; }
            #journey-index.container .contents .features .item__writing .description.en {
              letter-spacing: -0.6px; }
            #journey-index.container .contents .features .item__writing .description.ja {
              letter-spacing: normal; }
    #journey-index.container .contents .features-link-wrapper {
      margin-top: 228px;
      margin-bottom: 90px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 128px; }
      #journey-index.container .contents .features-link-wrapper h2 {
        color: #222;
        text-align: center;
        font-family: "Apple SD Gothic Neo";
        font-size: 36px;
        font-weight: 700;
        line-height: 47px;
        /* 130.556% */
        letter-spacing: -1px; }
      #journey-index.container .contents .features-link-wrapper .items-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        max-width: 810px;
        /* 390px * 2 + 30px (gap) */
        margin: 0 auto;
        /* 중앙 정렬 */ }
        #journey-index.container .contents .features-link-wrapper .items-wrap .item {
          flex: 0 0 390px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 20px;
          width: 390px;
          height: 412px;
          border-radius: 10px;
          background: #FFF;
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.27), 0px 3px 9px 0px rgba(0, 0, 0, 0.14);
          transition: all .3s;
          cursor: pointer;
          box-sizing: border-box; }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item:hover {
            background-color: rgba(0, 0, 0, 0.06); }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item:active {
            border-radius: 10px;
            border: 3px solid #EC0047;
            box-sizing: border-box;
            background: #FFF;
            box-shadow: 0px 22px 33px -7px rgba(0, 0, 0, 0.14), 0px 3px 9px 0px rgba(0, 0, 0, 0.14); }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-benchmark {
            width: 370px;
            height: 180px; }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-aireport {
            width: 168px;
            height: 172px; }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-target {
            width: 370px;
            height: 180px; }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-core {
            width: 370px;
            height: 180px; }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-survey {
            width: 163px;
            height: 142px; }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-mpti {
            width: 198px;
            height: 137px; }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item .item-title {
            margin-top: 10px;
            color: #2F2F2F;
            font-size: 26px;
            font-weight: 600;
            letter-spacing: -0.5px; }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item .item-desc {
            text-align: center;
            color: #666;
            font-size: 15px;
            font-weight: 400;
            line-height: 23px;
            /* 153.333% */ }
    #journey-index.container .contents .purpose-wrap {
      margin-top: 220px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 48px;
      width: 100%; }
      #journey-index.container .contents .purpose-wrap .purpose-title {
        color: #2F2F2F;
        text-align: center;
        font-size: 52px;
        font-weight: 600;
        line-height: 65px;
        /* 125% */ }
        #journey-index.container .contents .purpose-wrap .purpose-title .highlight {
          position: relative; }
          #journey-index.container .contents .purpose-wrap .purpose-title .highlight .underline {
            position: absolute;
            left: 0;
            bottom: -10px;
            width: 100%; }
      #journey-index.container .contents .purpose-wrap .pricing-button {
        display: flex;
        align-items: center;
        column-gap: 12px;
        margin-top: 26px;
        padding: 13px 19px 13px 32px;
        border: solid 2px #ec0047;
        border-radius: 34px;
        box-shadow: 0 20px 18px -16px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        color: #ec0047;
        text-decoration: none;
        cursor: pointer; }
        #journey-index.container .contents .purpose-wrap .pricing-button img {
          height: 35px; }
        #journey-index.container .contents .purpose-wrap .pricing-button:hover {
          filter: brightness(0.9); }
      #journey-index.container .contents .purpose-wrap .purpose-item-wrap {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 30px;
        margin-top: 32px; }
        #journey-index.container .contents .purpose-wrap .purpose-item-wrap .tab {
          width: 270px;
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          box-sizing: border-box;
          padding: 25px;
          border: solid 3px #fff;
          border-radius: 7px;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.08);
          background-color: #fff;
          cursor: pointer;
          transition: box-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #journey-index.container .contents .purpose-wrap .purpose-item-wrap .tab:hover {
            box-shadow: 0 22px 33px -7px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); }
          #journey-index.container .contents .purpose-wrap .purpose-item-wrap .tab.on {
            border: solid 3px #ec0047;
            box-shadow: 0 22px 33px -7px rgba(0, 0, 0, 0.15); }
            #journey-index.container .contents .purpose-wrap .purpose-item-wrap .tab.on::after {
              content: '';
              position: absolute;
              bottom: -34px;
              left: 50%;
              transform: translateX(-50%);
              width: 20px;
              height: 20px;
              background: url("https://dream-cdn.beusable.net/home/images/why/tab-select.svg") no-repeat center center; }
          #journey-index.container .contents .purpose-wrap .purpose-item-wrap .tab__title {
            color: #2F2F2F;
            font-size: 20px;
            font-weight: 700;
            line-height: 30px;
            /* 150% */
            margin-bottom: 15px; }
          #journey-index.container .contents .purpose-wrap .purpose-item-wrap .tab__desc {
            color: #444;
            font-size: 13px;
            font-weight: 600;
            line-height: 23px;
            /* 164.286% */ }
          #journey-index.container .contents .purpose-wrap .purpose-item-wrap .tab__image {
            position: absolute;
            width: 60px;
            height: 60px;
            right: 10px;
            bottom: 18px; }
      #journey-index.container .contents .purpose-wrap .purpose-contents {
        margin-bottom: 160px;
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        box-sizing: border-box;
        padding: 30px;
        width: 1170px;
        border-radius: 7px;
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.35);
        background-color: #fff; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
        #journey-index.container .contents .purpose-wrap .purpose-contents.fadein {
          animation: fadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation-fill-mode: forwards; }
        #journey-index.container .contents .purpose-wrap .purpose-contents:not(.ecommerce) {
          display: none;
          padding: 52px 50px;
          box-sizing: border-box; }
          #journey-index.container .contents .purpose-wrap .purpose-contents:not(.ecommerce) .item ul {
            margin: 0; }
        #journey-index.container .contents .purpose-wrap .purpose-contents .division {
          height: 1px;
          background-color: rgba(0, 0, 0, 0.1);
          margin-top: 11px; }
        #journey-index.container .contents .purpose-wrap .purpose-contents .item {
          display: flex;
          flex-direction: column;
          row-gap: 34px;
          position: relative;
          box-sizing: border-box;
          width: 100%; }
          #journey-index.container .contents .purpose-wrap .purpose-contents .item ul {
            display: flex;
            flex-direction: column;
            row-gap: 15px;
            padding-left: 20px;
            margin-top: 22px; }
            #journey-index.container .contents .purpose-wrap .purpose-contents .item ul li {
              display: flex;
              align-items: flex-start;
              column-gap: 10px;
              padding-right: 250px; }
              #journey-index.container .contents .purpose-wrap .purpose-contents .item ul li span {
                color: #444;
                font-size: 20px;
                font-weight: 600;
                line-height: 28px;
                /* 140% */ }
          #journey-index.container .contents .purpose-wrap .purpose-contents .item.content {
            gap: 30px; }
            #journey-index.container .contents .purpose-wrap .purpose-contents .item.content h3 {
              text-align: center;
              color: #2F2F2F;
              font-size: 25px;
              font-weight: 700;
              line-height: 30px;
              /* 120% */ }
            #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul {
              display: flex;
              flex-direction: row;
              gap: 30px;
              margin: 0; }
              #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul .content-item {
                flex: 1;
                border-radius: 7px;
                background: #FFF;
                box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
                padding: 23px;
                position: relative;
                box-sizing: border-box;
                cursor: pointer;
                transition: all .3s; }
                #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul .content-item:hover {
                  background-color: rgba(0, 0, 0, 0.06); }
                #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul .content-item > a {
                  display: flex;
                  flex-direction: column;
                  gap: 47px; }
                  #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul .content-item > a span {
                    width: 350px;
                    color: #2F2F2F;
                    font-family: "Apple SD Gothic Neo";
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 30px;
                    /* 150% */ }
                    #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul .content-item > a span.author {
                      color: #EC0047;
                      font-family: "Apple SD Gothic Neo";
                      font-size: 15px;
                      font-weight: 700;
                      margin-top: 0; }
                  #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul .content-item > a img {
                    position: absolute;
                    right: 20px;
                    bottom: 31px; }
                    #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul .content-item > a img.icon-ecommerce {
                      width: 126px;
                      height: 116px; }
                    #journey-index.container .contents .purpose-wrap .purpose-contents .item.content ul .content-item > a img.icon-ecommerce2 {
                      right: 40px;
                      bottom: 36px;
                      width: 85px;
                      height: 95px; }
    #journey-index.container .contents .banner {
      width: 1206px;
      background-image: url("https://dream-cdn.beusable.net/home/images/journey/renewal/icon-banner-bg.svg");
      background-repeat: no-repeat;
      box-shadow: 0px 17px 18px rgba(0, 0, 0, 0.14), 0px 0px 1px rgba(0, 0, 0, 0.62);
      border-radius: 22px;
      padding-bottom: 60px;
      margin-bottom: 230px;
      position: relative; }
      #journey-index.container .contents .banner .icon-logo {
        position: absolute;
        top: 28px;
        left: 28px;
        width: 99px;
        height: 18px; }
      #journey-index.container .contents .banner .banner-text {
        display: flex;
        flex-direction: column;
        gap: 13px;
        margin-top: 95px;
        margin-left: 60px; }
        #journey-index.container .contents .banner .banner-text .title {
          font-family: NanumSquareRound;
          font-size: 26px;
          font-weight: 800;
          letter-spacing: -0.131px;
          color: #fff; }
        #journey-index.container .contents .banner .banner-text .sub {
          margin-top: 0;
          text-align: left;
          color: #fff;
          text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          font-family: NanumSquareRound;
          font-size: 45px;
          font-weight: 800;
          line-height: 130%;
          /* 58.5px */
          letter-spacing: -0.225px; }
          #journey-index.container .contents .banner .banner-text .sub.en {
            font-size: 36px;
            letter-spacing: -1px; }
          #journey-index.container .contents .banner .banner-text .sub.ja {
            font-size: 40px; }
      #journey-index.container .contents .banner .icon-banner {
        position: absolute;
        top: 68px;
        right: 69px;
        width: 272px;
        height: 195px; }

@media all and (max-width: 768px) {
  #journey-index.container {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0px; }
    #journey-index.container .contents {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #journey-index.container .contents .title {
        margin-top: 35px;
        min-height: 50px;
        width: 335px; }
      #journey-index.container .contents h2 {
        margin-top: 20px;
        padding: 0px 25px;
        color: #333;
        font-size: 20px;
        line-height: 26px;
        /* 130% */ }
        #journey-index.container .contents h2.ja {
          letter-spacing: -1px; }
      #journey-index.container .contents .desc {
        margin-top: 15px;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        /* 157.143% */
        padding: 0 10px; }
      #journey-index.container .contents .desc2 {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        /* 157.143% */
        padding: 0 10px; }
      #journey-index.container .contents .analyze-button {
        display: flex;
        align-items: center;
        column-gap: 8px;
        margin-top: 52px;
        padding: 13px 18px;
        border: solid 2.5px #ec0047;
        border-radius: 34px;
        box-shadow: 0 20px 18px -16px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        font-size: 15px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.34px;
        text-align: center;
        color: #ec0047;
        cursor: pointer; }
        #journey-index.container .contents .analyze-button img {
          height: 20px; }
      #journey-index.container .contents .icon-journey-1 {
        width: 335px;
        height: 208px;
        background-repeat: no-repeat;
        background-size: 335px;
        margin-top: 52px; }
      #journey-index.container .contents .features {
        display: flex;
        flex-direction: column;
        row-gap: 80px;
        align-items: center;
        width: 100%;
        margin-top: 120px;
        padding: 0 20px; }
        #journey-index.container .contents .features .item {
          width: 335px;
          display: grid;
          grid-template-columns: 100%;
          justify-content: center;
          row-gap: 20px; }
          #journey-index.container .contents .features .item.reverse {
            grid-template-columns: 100%; }
            #journey-index.container .contents .features .item.reverse .icon-journey-3 {
              width: 335px;
              height: 208px;
              background-size: 335px;
              background-repeat: no-repeat; }
          #journey-index.container .contents .features .item__image {
            width: 100%; }
          #journey-index.container .contents .features .item__writing {
            width: 100%;
            margin-top: 0;
            order: -1; }
            #journey-index.container .contents .features .item__writing .title {
              width: 335px;
              margin-top: 0;
              color: #333;
              font-size: 22px;
              line-height: 30px;
              /* 136.364% */
              text-align: left;
              word-break: break-word;
              letter-spacing: normal; }
              #journey-index.container .contents .features .item__writing .title.en, #journey-index.container .contents .features .item__writing .title.ja {
                word-break: break-word;
                white-space: normal;
                letter-spacing: -0.7px; }
            #journey-index.container .contents .features .item__writing .description {
              color: rgba(51, 51, 51, 0.8);
              font-size: 14px;
              line-height: 22px;
              /* 157.143% */
              word-break: break-word; }
              #journey-index.container .contents .features .item__writing .description.ja {
                letter-spacing: -0.6px; }
      #journey-index.container .contents .features-link-wrapper {
        margin-top: 80px;
        gap: 60px;
        padding: 0 20px; }
        #journey-index.container .contents .features-link-wrapper .features-link-title {
          font-size: 22px;
          line-height: 30px;
          /* 136.364% */
          padding: 0;
          letter-spacing: normal;
          width: 335px;
          word-break: break-all; }
        #journey-index.container .contents .features-link-wrapper .items-wrap {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          gap: 30px;
          max-width: 810px;
          /* 390px * 2 + 30px (gap) */
          margin: 0 auto;
          /* 중앙 정렬 */ }
          #journey-index.container .contents .features-link-wrapper .items-wrap .item {
            flex: 0 0 335px;
            gap: 20px;
            width: 335px;
            height: 337px;
            border-radius: 10px;
            background: #FFF;
            box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.27), 0px 3px 9px 0px rgba(0, 0, 0, 0.14);
            transition: all .3s;
            cursor: pointer; }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item:hover {
              background-color: rgba(0, 0, 0, 0.06); }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-benchmark {
              width: 215px;
              height: 119px; }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-aireport {
              width: 127px;
              height: 130px; }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-target {
              width: 216px;
              height: 109px; }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-core {
              width: 237px;
              height: 101px; }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-survey {
              width: 124px;
              height: 107px; }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item .icon-mpti {
              width: 150px;
              height: 104px; }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item .item-title {
              margin-top: 17px;
              color: #333;
              font-size: 20px;
              line-height: 26px; }
            #journey-index.container .contents .features-link-wrapper .items-wrap .item .item-desc {
              width: 295px; }
              #journey-index.container .contents .features-link-wrapper .items-wrap .item .item-desc.en {
                letter-spacing: -0.6px; }
              #journey-index.container .contents .features-link-wrapper .items-wrap .item .item-desc.ja {
                letter-spacing: -0.6px; }
      #journey-index.container .contents .purpose-wrap {
        display: none; }
      #journey-index.container .contents .purpose-wrap--mobile {
        width: 100%;
        margin-bottom: 80px; }
        #journey-index.container .contents .purpose-wrap--mobile .purpose-title-wrapper {
          display: flex;
          flex-direction: column;
          gap: 32px;
          align-items: center;
          padding: 54px 20px 40px;
          background: #EEE; }
        #journey-index.container .contents .purpose-wrap--mobile .purpose-title {
          text-align: center;
          color: #333;
          font-size: 22px;
          font-weight: 700;
          line-height: 30px;
          /* 136.364% */
          letter-spacing: -0.541px; }
          #journey-index.container .contents .purpose-wrap--mobile .purpose-title .highlight {
            position: relative; }
            #journey-index.container .contents .purpose-wrap--mobile .purpose-title .highlight .underline {
              position: absolute;
              left: 0;
              bottom: -5px;
              width: 100%; }
        #journey-index.container .contents .purpose-wrap--mobile .pricing-button {
          max-width: 157px;
          display: flex;
          align-items: center;
          justify-content: center;
          column-gap: 8px;
          box-sizing: border-box;
          padding: 13px 18px;
          border: solid 2.5px #ec0047;
          border-radius: 34px;
          box-shadow: 0 20px 18px -16px rgba(0, 0, 0, 0.25);
          background-color: #fff;
          color: #EC0047;
          text-align: center;
          font-size: 14px;
          font-weight: 800;
          line-height: 14px;
          /* 93.333% */
          letter-spacing: -0.341px;
          text-decoration: none;
          cursor: pointer; }
          #journey-index.container .contents .purpose-wrap--mobile .pricing-button img {
            height: 20px; }
          #journey-index.container .contents .purpose-wrap--mobile .pricing-button:hover {
            filter: brightness(0.9); }
        #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab {
          position: relative;
          border-top: 1px solid #64708f;
          padding: 25px 16px; }
          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab:first-child {
            padding-bottom: 0; }
          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab:last-child {
            border-bottom: 1px solid #64708f; }
          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__title {
            font-size: 19px;
            font-weight: 600;
            line-height: 26px;
            color: #333;
            padding-right: 20px;
            cursor: pointer; }
            #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__title.ko {
              width: 290px; }
          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__desc {
            margin-top: 12px;
            font-size: 12px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.83;
            color: #4d4d4d; }
          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__arrow {
            position: absolute;
            right: 16px;
            top: 25px;
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            cursor: pointer; }
            #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__arrow.show {
              -ms-transform: rotate(0deg);
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide {
            max-height: 0px;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide.show {
              max-height: 1045px;
              padding-bottom: 20px; }
            #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents {
              margin-top: 40px;
              display: flex;
              flex-direction: column;
              row-gap: 27px;
              background-color: #fff; }
              #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item {
                color: #444;
                font-size: 12px;
                font-weight: 500;
                line-height: 19px;
                /* 158.333% */ }
                #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul {
                  display: flex;
                  flex-direction: column;
                  gap: 17px; }
                  #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li {
                    display: flex;
                    align-items: flex-start;
                    gap: 6px; }
                    #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li .icon-plan-check {
                      width: 15px;
                      height: 15px; }
                #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 30px; }
                  #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content .item__title h3 {
                    color: #333;
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 26px;
                    /* 144.444% */
                    text-align: center; }
                    #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content .item__title h3.en {
                      letter-spacing: -1.3px; }
                  #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content ul {
                    width: 335px;
                    display: flex;
                    flex-direction: column;
                    gap: 30px;
                    margin: 0; }
                    #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content ul .content-item {
                      display: flex;
                      flex-direction: column;
                      gap: 20px;
                      flex: 1;
                      border-radius: 7px;
                      background: #FFF;
                      box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
                      padding: 23px;
                      box-sizing: border-box; }
                      #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content ul .content-item > a {
                        display: flex;
                        align-items: center;
                        flex-direction: column;
                        gap: 20px; }
                        #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content ul .content-item > a span {
                          width: 295px;
                          color: #333;
                          text-align: center;
                          font-size: 19px;
                          font-weight: 600;
                          line-height: 26px;
                          /* 136.842% */
                          letter-spacing: -1px; }
                          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content ul .content-item > a span.author {
                            color: #EC0047;
                            text-align: center;
                            font-size: 15px;
                            font-weight: 700; }
                        #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content ul .content-item > a img {
                          margin-top: 10px; }
                          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content ul .content-item > a img.icon-ecommerce {
                            width: 126px;
                            height: 116px; }
                          #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item.content ul .content-item > a img.icon-ecommerce2 {
                            width: 85px;
                            height: 95px; }
              #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .division {
                height: 1px;
                background-color: rgba(0, 0, 0, 0.1);
                margin-bottom: 6px; }
              #journey-index.container .contents .purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents__btn {
                padding: 13px 34px;
                border-radius: 22px;
                background-color: #ec0047;
                font-size: 14px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                color: #fff; }
      #journey-index.container .contents .banner {
        width: 355px;
        min-height: 238px;
        background-image: linear-gradient(42deg, #9257FF -1.06%, #803BFF 91.2%);
        margin-bottom: 20px;
        padding: 25px;
        box-sizing: border-box; }
        #journey-index.container .contents .banner a {
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          #journey-index.container .contents .banner a img {
            position: static;
            width: 99px;
            height: 18px; }
            #journey-index.container .contents .banner a img.arrow {
              position: static;
              width: 26px;
              height: 26px;
              object-fit: contain;
              margin-top: 15px; }
          #journey-index.container .contents .banner a .banner-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 13px;
            margin-top: 25px;
            margin-left: 0; }
            #journey-index.container .contents .banner a .banner-text .title {
              color: #F3ECFF;
              font-size: 16px;
              font-weight: 400;
              line-height: 26px;
              /* 162.5% */
              letter-spacing: -0.471px;
              margin-top: 0;
              width: fit-content;
              min-height: fit-content; }
            #journey-index.container .contents .banner a .banner-text .sub {
              margin-top: 0;
              color: #FFF;
              text-align: center;
              text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
              font-size: 26px;
              font-weight: 400;
              line-height: 34px;
              /* 130.769% */
              letter-spacing: -1px;
              padding: 0;
              font-family: "Apple SD Gothic Neo"; }
              #journey-index.container .contents .banner a .banner-text .sub.en {
                font-size: 23px;
                letter-spacing: normal;
                line-height: 28px;
                font-family: NanumSquareRound;
                font-weight: 800; }
              #journey-index.container .contents .banner a .banner-text .sub.ja {
                font-size: 20px; } }

#journey-features.container {
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 1280px; }
  #journey-features.container .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1280px; }
    #journey-features.container .contents h1 {
      margin-top: 110px;
      text-align: center; }
    #journey-features.container .contents h2 {
      margin-top: 25px;
      text-align: center; }
    #journey-features.container .contents .navigation {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 65px;
      row-gap: 100px;
      margin-top: 170px; }
      #journey-features.container .contents .navigation .cell {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        width: 390px;
        padding: 40px 15px 100px;
        transition: all 0.5s ease;
        text-decoration: none; }
        #journey-features.container .contents .navigation .cell:hover {
          border-radius: 10px;
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.14), 0 0 1px 0 rgba(0, 0, 0, 0.27); }
          #journey-features.container .contents .navigation .cell:hover .arrow-button {
            filter: brightness(0.84); }
        #journey-features.container .contents .navigation .cell .main-image {
          height: 140px; }
        #journey-features.container .contents .navigation .cell h3 {
          margin-top: 25px;
          text-align: center; }
        #journey-features.container .contents .navigation .cell h4 {
          width: 305px;
          margin-top: 22px;
          text-align: center; }
        #journey-features.container .contents .navigation .cell .arrow-button {
          position: absolute;
          bottom: 32px;
          width: 38px; }
    #journey-features.container .contents .banner {
      margin-top: 160px;
      height: 346px;
      transition: all 0.5s ease; }
      #journey-features.container .contents .banner:hover {
        transform: scale(1.02); }
    #journey-features.container .contents .banner-mobile {
      display: none; }

@media all and (max-width: 768px) {
  #journey-features.container {
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: auto; }
    #journey-features.container .contents {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
      #journey-features.container .contents h1 {
        width: calc(100% - 40px);
        margin-top: 0;
        padding-top: 55px;
        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: center;
        color: #222;
        text-align: center; }
      #journey-features.container .contents h2 {
        width: calc(100% - 56px);
        margin-top: 15px;
        padding: 0px 28px 50px 28px;
        border-bottom: solid 1px #c1c1c1;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: #222;
        text-align: center; }
      #journey-features.container .contents .navigation {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 15px;
        row-gap: 70px;
        width: calc(100% - 20px);
        margin-top: 50px; }
        #journey-features.container .contents .navigation .cell {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: auto; }
          #journey-features.container .contents .navigation .cell .main-image {
            width: 100%;
            height: 92px;
            object-fit: contain; }
          #journey-features.container .contents .navigation .cell h3 {
            display: flex;
            align-items: center;
            height: 52px;
            margin-top: 25px;
            text-align: center; }
          #journey-features.container .contents .navigation .cell h4 {
            width: auto;
            height: auto;
            margin-top: 22px;
            text-align: center; }
          #journey-features.container .contents .navigation .cell .arrow-button {
            width: 38px;
            margin-top: 36px; }
      #journey-features.container .contents .banner {
        display: none; }
      #journey-features.container .contents .banner-mobile {
        display: block;
        margin-top: 80px;
        width: 100%; } }

#journey-features-detail.container {
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 1280px; }
  #journey-features-detail.container .contents {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 1280px;
    margin-bottom: 300px; }
    #journey-features-detail.container .contents .back-button {
      display: flex;
      align-items: center;
      column-gap: 10px;
      position: absolute;
      top: 30px;
      left: 55px;
      padding: 9px 15px 9px 9px;
      border-radius: 20px;
      box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.08);
      background-color: #fff;
      text-decoration: none; }
      #journey-features-detail.container .contents .back-button img {
        height: 16px;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      #journey-features-detail.container .contents .back-button span {
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: right;
        color: #444; }
    #journey-features-detail.container .contents .summary {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 970px;
      margin-top: 110px; }
      #journey-features-detail.container .contents .summary h1 {
        color: #222;
        font-family: "Apple SD Gothic Neo";
        font-size: 55px;
        font-weight: 700;
        line-height: 72px;
        /* 130.909% */
        text-align: center; }
      #journey-features-detail.container .contents .summary h2 {
        margin-top: 25px;
        color: #222;
        text-align: center;
        font-family: "Apple SD Gothic Neo";
        font-size: 26px;
        font-weight: 500;
        line-height: 42px;
        /* 161.538% */ }
      #journey-features-detail.container .contents .summary .img-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 770px;
        height: 410px;
        margin-top: 45px; }
      #journey-features-detail.container .contents .summary img.icon-benchmark {
        width: 512px;
        height: 282px; }
      #journey-features-detail.container .contents .summary img.icon-target {
        width: 513px;
        height: 258px; }
      #journey-features-detail.container .contents .summary img.icon-survey {
        width: 294px;
        height: 255px; }
      #journey-features-detail.container .contents .summary img.icon-aireport {
        width: 302px;
        height: 309px; }
      #journey-features-detail.container .contents .summary img.icon-core {
        width: 564px;
        height: 240px; }
      #journey-features-detail.container .contents .summary img.icon-mpti {
        width: 356px;
        height: 247px; }
    #journey-features-detail.container .contents .sub-summary {
      margin-top: 260px;
      margin-bottom: -100px;
      font-family: NewRubrik;
      font-size: 65px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: -1.5px;
      text-align: center;
      color: #2f2f2f; }
    #journey-features-detail.container .contents .features {
      display: flex;
      row-gap: 170px;
      flex-direction: column;
      align-items: center;
      margin-top: 120px; }
      #journey-features-detail.container .contents .features .feature-items {
        align-items: center;
        margin-bottom: 26px; }
    #journey-features-detail.container .contents #ut.bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 450px;
      margin-top: 320px; }
      #journey-features-detail.container .contents #ut.bottom div {
        font-size: 55px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: -1px;
        text-align: center;
        color: #222; }
      #journey-features-detail.container .contents #ut.bottom img {
        position: relative;
        top: -30px;
        width: 1580px; }

@media all and (max-width: 768px) {
  #journey-features-detail.container {
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: auto; }
    #journey-features-detail.container .contents {
      display: flex;
      position: relative;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-bottom: 80px; }
      #journey-features-detail.container .contents .back-button {
        display: none;
        align-items: center;
        column-gap: 10px;
        position: absolute;
        top: 30px;
        left: 55px;
        padding: 9px 15px 9px 9px;
        border-radius: 20px;
        box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.08);
        background-color: #fff;
        text-decoration: none; }
        #journey-features-detail.container .contents .back-button img {
          height: 16px;
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        #journey-features-detail.container .contents .back-button span {
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: right;
          color: #444; }
      #journey-features-detail.container .contents .summary {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 45px;
        border-bottom: 1px solid #c1c1c1;
        padding: 0 20px;
        box-sizing: border-box; }
        #journey-features-detail.container .contents .summary h1 {
          color: #222;
          text-align: center;
          font-family: "Apple SD Gothic Neo";
          font-size: 30px;
          font-weight: 700;
          line-height: 39px;
          /* 130% */ }
        #journey-features-detail.container .contents .summary h2 {
          margin-top: 15px;
          color: #222;
          text-align: center;
          font-family: "Apple SD Gothic Neo";
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */
          word-break: break-all;
          letter-spacing: normal; }
          #journey-features-detail.container .contents .summary h2.en {
            word-break: break-word; }
        #journey-features-detail.container .contents .summary .img-wrap {
          margin-top: 25px;
          margin-bottom: 30px;
          width: 278px;
          height: 135px; }
          #journey-features-detail.container .contents .summary .img-wrap img {
            width: 278px;
            height: 135px; }
      #journey-features-detail.container .contents .sub-summary {
        margin-top: 95px;
        margin-bottom: 0px;
        font-size: 26px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: center;
        color: #333; }
      #journey-features-detail.container .contents .features {
        width: 100%;
        display: flex;
        row-gap: 80px;
        flex-direction: column;
        align-items: center;
        padding: 0 20px;
        box-sizing: border-box;
        margin-top: 50px; }
        #journey-features-detail.container .contents .features .features-item {
          margin-bottom: 0; }
        #journey-features-detail.container .contents .features .template-post-740-60-370 {
          width: 100%; }
      #journey-features-detail.container .contents #ut.bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        width: 100%;
        margin-top: 128px; }
        #journey-features-detail.container .contents #ut.bottom div {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          text-align: center;
          color: #333; }
        #journey-features-detail.container .contents #ut.bottom img {
          position: relative;
          top: 0px;
          width: 100%; } }

.feature-flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1170px; }
  .feature-flex-column .main-image {
    width: 740px; }
  .feature-flex-column .main-video {
    width: 740px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .feature-flex-column .main-video.no-line {
      border: 0px;
      border-radius: 0px; }
    .feature-flex-column .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .feature-flex-column .main-video video {
      display: block; }
  .feature-flex-column .writing {
    width: 970px; }
    .feature-flex-column .writing .title {
      margin-bottom: 25px;
      color: #222;
      text-align: center;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px; }
    .feature-flex-column .writing .description {
      margin-bottom: 20px;
      color: #444;
      text-align: center;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */ }
  .feature-flex-column .videos {
    display: flex;
    gap: 30px;
    margin-top: 70px;
    margin-bottom: 18px; }
    .feature-flex-column .videos .left-video, .feature-flex-column .videos .right-video {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px; }
      .feature-flex-column .videos .left-video .main-video, .feature-flex-column .videos .right-video .main-video {
        width: 570px;
        border-radius: 15px;
        border: 6px solid #000;
        overflow: hidden;
        isolation: isolate;
        box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
        .feature-flex-column .videos .left-video .main-video img, .feature-flex-column .videos .right-video .main-video img {
          display: block;
          width: 100%; }
    .feature-flex-column .videos img.icon-survey-1 {
      position: absolute;
      right: 38px;
      top: -60px; }
    .feature-flex-column .videos img.icon-survey-2 {
      position: absolute;
      right: 16px;
      top: -20px; }
    .feature-flex-column .videos .left-video > span {
      padding: 6px 12px;
      border-radius: 6px;
      background: #75BD00;
      box-sizing: border-box;
      color: #fff;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 700;
      line-height: 29px;
      /* 161.111% */ }
    .feature-flex-column .videos .right-video > span {
      padding: 6px 12px;
      box-sizing: border-box;
      border-radius: 6px;
      background: #FF3D00;
      color: #fff;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 700;
      line-height: 29px;
      /* 161.111% */ }

@media all and (max-width: 768px) {
  .feature-flex-column {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    column-gap: 0;
    width: 100%; }
    .feature-flex-column .main-image {
      width: 100%; }
    .feature-flex-column .main-video {
      width: 335px;
      border-radius: 9px;
      border: 4px solid #000; }
      .feature-flex-column .main-video.on-shadow {
        box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
    .feature-flex-column .writing {
      width: 100%;
      margin-top: 0px;
      order: -1; }
      .feature-flex-column .writing.row {
        display: block; }
      .feature-flex-column .writing .title {
        margin-bottom: 15px;
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: normal;
        color: #333;
        text-align: start; }
      .feature-flex-column .writing .sub {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        color: #ec0047; }
        .feature-flex-column .writing .sub .coming {
          font-size: 13px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.69;
          letter-spacing: normal;
          color: #6d6d6d; }
      .feature-flex-column .writing .description {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        color: rgba(51, 51, 51, 0.8);
        text-align: start; }
    .feature-flex-column .videos {
      flex-wrap: wrap;
      margin-top: 20px;
      margin-bottom: 0; }
      .feature-flex-column .videos .left-video, .feature-flex-column .videos .right-video {
        gap: 10px; }
        .feature-flex-column .videos .left-video .main-video, .feature-flex-column .videos .right-video .main-video {
          width: 335px;
          border-radius: 9px;
          border: 4px solid #000;
          box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3);
          overflow: hidden;
          isolation: isolate; }
          .feature-flex-column .videos .left-video .main-video video, .feature-flex-column .videos .right-video .main-video video {
            display: block; }
      .feature-flex-column .videos .left-video > span {
        padding: 3px 8px;
        font-family: "SF Pro Display";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        /* 157.143% */ }
      .feature-flex-column .videos .right-video > span {
        padding: 3px 8px;
        font-family: "SF Pro Display";
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        /* 157.143% */ } }

.feature-tab-rolling {
  display: flex;
  flex-direction: column;
  width: 1170px; }
  .feature-tab-rolling.flex-center {
    align-items: center; }
  .feature-tab-rolling .rolling {
    display: grid;
    grid-template-columns: 740px 364px;
    align-items: center;
    column-gap: 45px; }
    .feature-tab-rolling .rolling__frame {
      width: 100%;
      overflow: hidden;
      border-radius: 20px;
      border: 6px solid #000;
      box-shadow: 0px 26px 30px -11px rgba(0, 0, 0, 0.3);
      overflow: hidden;
      isolation: isolate; }
      .feature-tab-rolling .rolling__frame .images {
        position: relative;
        left: 0%;
        width: 100%;
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        .feature-tab-rolling .rolling__frame .images img {
          position: absolute;
          width: 100%; }
        .feature-tab-rolling .rolling__frame .images video {
          display: block;
          top: 0; }
    .feature-tab-rolling .rolling__tabs {
      display: flex;
      flex-direction: column;
      row-gap: 5px; }
      .feature-tab-rolling .rolling__tabs .tab {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        padding: 22px 22px 30px;
        box-sizing: border-box;
        transition: all 0.5s ease;
        cursor: pointer; }
        .feature-tab-rolling .rolling__tabs .tab__title {
          display: flex;
          align-items: center;
          column-gap: 12px; }
          .feature-tab-rolling .rolling__tabs .tab__title img {
            width: 40px;
            height: 40px; }
          .feature-tab-rolling .rolling__tabs .tab__title h3 {
            color: #222;
            font-size: 20px;
            font-weight: 600; }
        .feature-tab-rolling .rolling__tabs .tab__description {
          color: #2F2F2F;
          font-size: 15px;
          font-weight: 400;
          line-height: 24px;
          /* 160% */
          letter-spacing: normal; }
        .feature-tab-rolling .rolling__tabs .tab.on, .feature-tab-rolling .rolling__tabs .tab:hover {
          border-radius: 6px;
          box-shadow: 0px 8px 16px 8px rgba(0, 0, 0, 0.06);
          background-color: #fff; }
  .feature-tab-rolling .main-video {
    width: 740px;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: 0 0 0 2px #000 inset;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box; }
    .feature-tab-rolling .main-video.no-line {
      border: 0px;
      border-radius: 0px; }
    .feature-tab-rolling .main-video.on-shadow {
      box-shadow: 0px 20.054px 23.139px -8.484px rgba(0, 0, 0, 0.3); }
    .feature-tab-rolling .main-video video {
      display: block; }
    .feature-tab-rolling .main-video img {
      display: block;
      width: 100%; }
  .feature-tab-rolling .writing {
    margin-top: 20px; }
    .feature-tab-rolling .writing .title {
      margin-bottom: 25px;
      color: #222;
      text-align: center;
      font-family: "Apple SD Gothic Neo";
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px; }
      .feature-tab-rolling .writing .title.text-start {
        text-align: start; }
    .feature-tab-rolling .writing .description {
      margin-bottom: 45px;
      color: #444;
      text-align: center;
      font-family: "Apple SD Gothic Neo";
      font-size: 18px;
      font-weight: 400;
      line-height: 29px;
      /* 161.111% */ }
      .feature-tab-rolling .writing .description.text-start {
        text-align: start; }
      .feature-tab-rolling .writing .description.text-center {
        text-align: center; }

@media all and (max-width: 768px) {
  .feature-tab-rolling {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .feature-tab-rolling .crs {
      display: flex;
      width: 100%;
      align-items: center;
      column-gap: 30px;
      align-items: center;
      position: relative; }
      .feature-tab-rolling .crs .item {
        display: flex !important;
        flex-direction: column;
        align-items: center; }
      .feature-tab-rolling .crs .crs__image {
        width: 320px;
        border-radius: 9px;
        border: 4px solid #0A1529;
        box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3);
        overflow: hidden;
        isolation: isolate;
        box-sizing: border-box; }
      .feature-tab-rolling .crs .crs__buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 10px;
        position: absolute;
        top: 200px;
        left: 50%;
        transform: translateX(-50%); }
        .feature-tab-rolling .crs .crs__buttons button {
          width: 8px;
          height: 8px;
          padding: 0px;
          border-radius: 4px;
          border: 0px;
          opacity: 0.35;
          background-color: #000;
          color: rgba(0, 0, 0, 0);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          cursor: pointer; }
        .feature-tab-rolling .crs .crs__buttons .slick-active button {
          width: 25px;
          height: 8px;
          border-radius: 6px;
          background-color: #000;
          opacity: 1; }
      .feature-tab-rolling .crs .crs__title {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 5px;
        margin-top: 40px;
        padding-right: 20px;
        color: #2F2F2F;
        text-align: center;
        font-family: "Apple SD Gothic Neo";
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        /* 130% */ }
      .feature-tab-rolling .crs .crs__desc {
        margin-top: 10px;
        padding: 0px 30px;
        color: rgba(51, 51, 51, 0.8);
        text-align: center;
        font-family: "Apple SD Gothic Neo";
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        /* 157.143% */ }
    .feature-tab-rolling .rolling-mobile {
      display: flex;
      width: 100%;
      align-items: center;
      column-gap: 30px;
      align-items: center; }
      .feature-tab-rolling .rolling-mobile .frame {
        width: 100%;
        overflow: hidden; }
        .feature-tab-rolling .rolling-mobile .frame .item {
          display: flex !important;
          flex-direction: column;
          width: 100%; }
        .feature-tab-rolling .rolling-mobile .frame .images {
          position: relative;
          left: 0%;
          width: 100%;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          .feature-tab-rolling .rolling-mobile .frame .images img {
            position: absolute;
            width: 100%; }
        .feature-tab-rolling .rolling-mobile .frame .buttons {
          position: relative;
          top: 0px;
          display: flex;
          justify-content: center;
          column-gap: 12px; }
          .feature-tab-rolling .rolling-mobile .frame .buttons button {
            height: 12px;
            border: none;
            cursor: pointer;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            .feature-tab-rolling .rolling-mobile .frame .buttons button.on {
              width: 37px;
              border-radius: 8px;
              background-color: #000; }
            .feature-tab-rolling .rolling-mobile .frame .buttons button.off {
              width: 12px;
              height: 12px;
              padding: 0px;
              border-radius: 50%;
              background-color: grey; }
      .feature-tab-rolling .rolling-mobile .rolling__title {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 5px;
        margin-top: 48px; }
        .feature-tab-rolling .rolling-mobile .rolling__title img {
          width: 40px;
          height: 40px; }
        .feature-tab-rolling .rolling-mobile .rolling__title h3 {
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.3;
          letter-spacing: normal;
          text-align: center;
          color: #2f2f2f; }
      .feature-tab-rolling .rolling-mobile .rolling__description {
        margin-top: 12px;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: rgba(51, 51, 51, 0.8); }
    .feature-tab-rolling .main-video {
      width: 335px;
      border-radius: 9px;
      border: 4px solid #000; }
      .feature-tab-rolling .main-video.on-shadow {
        box-shadow: 0px 11px 13px -5px rgba(0, 0, 0, 0.3); }
    .feature-tab-rolling .writing {
      width: 100%;
      margin-top: 0px; }
      .feature-tab-rolling .writing .title {
        margin-bottom: 15px;
        color: #333;
        font-family: "Apple SD Gothic Neo";
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        /* 136.364% */ }
        .feature-tab-rolling .writing .title.text-start {
          text-align: center; }
      .feature-tab-rolling .writing .description {
        margin-bottom: 25px;
        color: rgba(51, 51, 51, 0.8);
        font-family: "Apple SD Gothic Neo";
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        /* 157.143% */ }
        .feature-tab-rolling .writing .description.text-start {
          text-align: center; } }

#uxheatmap-index.container {
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 1280px; }
  #uxheatmap-index.container .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1280px; }
    #uxheatmap-index.container .contents > .title {
      margin-top: 90px;
      min-height: 83px;
      font-family: NewRubrik;
      font-size: 90px;
      font-weight: bold;
      font-stretch: normal;
      font-style: italic;
      line-height: 0.98;
      letter-spacing: -1.53px;
      text-align: center;
      color: #ec0047; }
    #uxheatmap-index.container .contents h2 {
      margin-top: 30px;
      font-size: 30px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.37;
      letter-spacing: normal;
      text-align: center;
      color: #222; }
      #uxheatmap-index.container .contents h2.en {
        letter-spacing: -0.5px; }
    #uxheatmap-index.container .contents .main-image {
      margin-top: 50px;
      width: 706px;
      min-height: 412px; }
    #uxheatmap-index.container .contents .analyze-button {
      display: flex;
      align-items: center;
      column-gap: 12px;
      margin-top: 40px;
      padding: 13px 19px 13px 32px;
      border: solid 2px #ec0047;
      border-radius: 34px;
      box-shadow: 0 20px 18px -16px rgba(0, 0, 0, 0.25);
      background-color: #fff;
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #ec0047;
      text-decoration: none;
      cursor: pointer; }
      #uxheatmap-index.container .contents .analyze-button img {
        height: 35px; }
      #uxheatmap-index.container .contents .analyze-button:hover {
        filter: brightness(0.9); }
    #uxheatmap-index.container .contents .features {
      display: flex;
      flex-direction: column;
      row-gap: 160px;
      align-items: center;
      margin-top: 200px; }
      #uxheatmap-index.container .contents .features .item {
        display: grid;
        grid-template-columns: 740px 370px;
        justify-content: start;
        column-gap: 60px;
        width: 1170px; }
        #uxheatmap-index.container .contents .features .item.reverse {
          grid-template-columns: 370px 740px; }
        #uxheatmap-index.container .contents .features .item.top {
          justify-content: center;
          grid-template-rows: auto 380px;
          grid-template-columns: none;
          row-gap: 28px;
          grid-auto-flow: column;
          text-align: center; }
        #uxheatmap-index.container .contents .features .item__image {
          width: 100%; }
        #uxheatmap-index.container .contents .features .item__images {
          display: grid;
          grid-template-columns: repeat(3, 280px);
          grid-auto-rows: 180px;
          column-gap: 50px;
          margin-top: 100px;
          width: 100%; }
          #uxheatmap-index.container .contents .features .item__images .box {
            position: relative;
            overflow: hidden; }
            #uxheatmap-index.container .contents .features .item__images .box .frame {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
        #uxheatmap-index.container .contents .features .item__writing {
          width: 100%;
          margin-top: 45px; }
          #uxheatmap-index.container .contents .features .item__writing .title {
            font-size: 36px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.31;
            letter-spacing: -1px;
            color: #222;
            text-align: left; }
            #uxheatmap-index.container .contents .features .item__writing .title.center {
              text-align: center; }
          #uxheatmap-index.container .contents .features .item__writing .sub {
            margin-top: 10px;
            font-size: 25px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: -0.3px;
            color: #222; }
          #uxheatmap-index.container .contents .features .item__writing .sub-title {
            margin-bottom: 10px;
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.61;
            letter-spacing: normal;
            color: #ec0047; }
          #uxheatmap-index.container .contents .features .item__writing .description {
            margin-top: 25px;
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.61;
            letter-spacing: normal;
            color: #444; }

@media all and (max-width: 768px) {
  #uxheatmap-index.container {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0px;
    padding: 0px 20px; }
    #uxheatmap-index.container .contents {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
      #uxheatmap-index.container .contents .title {
        width: 100%;
        min-height: 50px;
        margin-top: 35px;
        font-family: NewRubrik;
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: italic;
        line-height: 1;
        letter-spacing: -0.85px;
        text-align: center;
        color: #ec0047; }
      #uxheatmap-index.container .contents h2 {
        margin-top: 20px;
        padding: 0px 25px;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: center;
        color: #333; }
      #uxheatmap-index.container .contents .main-image {
        margin-top: 30px;
        width: 100%;
        min-height: 209px; }
      #uxheatmap-index.container .contents .analyze-button {
        display: flex;
        align-items: center;
        column-gap: 8px;
        margin-top: 52px;
        padding: 13px 18px;
        border: solid 2.5px #ec0047;
        border-radius: 34px;
        box-shadow: 0 20px 18px -16px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        font-size: 15px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.34px;
        text-align: center;
        color: #ec0047;
        cursor: pointer; }
        #uxheatmap-index.container .contents .analyze-button img {
          height: 20px; }
      #uxheatmap-index.container .contents .features {
        display: flex;
        flex-direction: column;
        row-gap: 100px;
        align-items: center;
        width: 100%;
        margin-top: 120px;
        margin-bottom: 100px; }
        #uxheatmap-index.container .contents .features .item {
          display: grid;
          grid-template-columns: 100%;
          row-gap: 20px;
          width: 100%; }
          #uxheatmap-index.container .contents .features .item.reverse {
            grid-template-columns: 100%; }
          #uxheatmap-index.container .contents .features .item.top {
            grid-template-columns: 100%;
            grid-template-rows: none;
            row-gap: 28px;
            grid-auto-flow: row;
            text-align: start; }
          #uxheatmap-index.container .contents .features .item__image {
            width: 100%; }
          #uxheatmap-index.container .contents .features .item__images {
            display: grid;
            grid-template-columns: repeat(1, 280px);
            grid-auto-rows: 180px;
            column-gap: 50px;
            row-gap: 30px;
            justify-content: center;
            margin-top: 20px;
            width: 100%; }
            #uxheatmap-index.container .contents .features .item__images .box {
              position: relative;
              overflow: hidden; }
              #uxheatmap-index.container .contents .features .item__images .box .frame {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%; }
          #uxheatmap-index.container .contents .features .item__writing {
            width: 100%;
            margin-top: 45px;
            order: -1; }
            #uxheatmap-index.container .contents .features .item__writing .title {
              font-size: 22px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.36;
              letter-spacing: normal;
              color: #333; }
            #uxheatmap-index.container .contents .features .item__writing .sub {
              margin-top: 10px;
              font-size: 16px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #333; }
            #uxheatmap-index.container .contents .features .item__writing .sub-title {
              margin-bottom: 10px;
              font-size: 18px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.61;
              letter-spacing: normal;
              color: #ec0047; }
            #uxheatmap-index.container .contents .features .item__writing .description {
              margin-top: 15px;
              font-size: 14px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.57;
              letter-spacing: normal;
              color: rgba(51, 51, 51, 0.8); } }

#uxheatmap-features.container {
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 1280px; }
  #uxheatmap-features.container .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1280px; }
    #uxheatmap-features.container .contents h1 {
      margin-top: 110px;
      text-align: center; }
    #uxheatmap-features.container .contents h2 {
      margin-top: 25px;
      text-align: center; }
    #uxheatmap-features.container .contents .navigation {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 5px;
      row-gap: 100px;
      margin-top: 170px; }
      #uxheatmap-features.container .contents .navigation .cell {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        width: 390px;
        padding: 40px 15px 100px;
        transition: all 0.5s ease;
        text-decoration: none; }
        #uxheatmap-features.container .contents .navigation .cell:hover {
          border-radius: 10px;
          box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.14), 0 0 1px 0 rgba(0, 0, 0, 0.27); }
          #uxheatmap-features.container .contents .navigation .cell:hover .arrow-button {
            filter: brightness(0.84); }
        #uxheatmap-features.container .contents .navigation .cell .main-image {
          height: 140px; }
        #uxheatmap-features.container .contents .navigation .cell h3 {
          margin-top: 25px;
          text-align: center; }
        #uxheatmap-features.container .contents .navigation .cell h4 {
          width: 305px;
          margin-top: 22px;
          text-align: center; }
        #uxheatmap-features.container .contents .navigation .cell .arrow-button {
          position: absolute;
          bottom: 32px;
          width: 38px; }
    #uxheatmap-features.container .contents .banner {
      margin-top: 160px;
      height: 346px;
      transition: all 0.5s ease; }
      #uxheatmap-features.container .contents .banner:hover {
        transform: scale(1.02); }
    #uxheatmap-features.container .contents .banner-mobile {
      display: none; }

@media all and (max-width: 768px) {
  #uxheatmap-features.container {
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: auto; }
    #uxheatmap-features.container .contents {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
      #uxheatmap-features.container .contents h1 {
        width: calc(100% - 40px);
        margin-top: 0;
        padding-top: 55px;
        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: center;
        color: #222;
        text-align: center; }
      #uxheatmap-features.container .contents h2 {
        width: calc(100% - 56px);
        margin-top: 15px;
        padding: 0px 28px 50px 28px;
        border-bottom: solid 1px #c1c1c1;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: #222;
        text-align: center; }
      #uxheatmap-features.container .contents .navigation {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 15px;
        row-gap: 70px;
        width: calc(100% - 20px);
        margin-top: 50px; }
        #uxheatmap-features.container .contents .navigation .cell {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: auto; }
          #uxheatmap-features.container .contents .navigation .cell .main-image {
            width: 100%;
            height: 92px;
            object-fit: contain; }
          #uxheatmap-features.container .contents .navigation .cell h3 {
            display: flex;
            align-items: center;
            height: 52px;
            margin-top: 25px;
            text-align: center; }
          #uxheatmap-features.container .contents .navigation .cell h4 {
            width: auto;
            height: auto;
            margin-top: 22px;
            text-align: center; }
          #uxheatmap-features.container .contents .navigation .cell .arrow-button {
            width: 38px;
            margin-top: 36px; }
      #uxheatmap-features.container .contents .banner {
        display: none; }
      #uxheatmap-features.container .contents .banner-mobile {
        display: block;
        margin-top: 80px;
        width: 100%; } }

#uxheatmap-features-detail.container {
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 1280px; }
  #uxheatmap-features-detail.container .contents {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 1280px;
    margin-bottom: 300px; }
    #uxheatmap-features-detail.container .contents .back-button {
      display: flex;
      align-items: center;
      column-gap: 10px;
      position: absolute;
      top: 30px;
      left: 55px;
      padding: 9px 15px 9px 9px;
      border-radius: 20px;
      box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.08);
      background-color: #fff;
      text-decoration: none; }
      #uxheatmap-features-detail.container .contents .back-button img {
        height: 16px;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      #uxheatmap-features-detail.container .contents .back-button span {
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: right;
        color: #444; }
    #uxheatmap-features-detail.container .contents .summary {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 970px;
      margin-top: 110px; }
      #uxheatmap-features-detail.container .contents .summary h1 {
        text-align: center; }
      #uxheatmap-features-detail.container .contents .summary h2 {
        margin-top: 35px;
        text-align: center;
        font-size: 26px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.62;
        letter-spacing: normal;
        text-align: center;
        color: #222; }
      #uxheatmap-features-detail.container .contents .summary img {
        height: 280px;
        margin-top: 80px; }
    #uxheatmap-features-detail.container .contents .sub-summary {
      margin-top: 260px;
      margin-bottom: -100px;
      font-family: NewRubrik;
      font-size: 65px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: -1.5px;
      text-align: center;
      color: #2f2f2f; }
    #uxheatmap-features-detail.container .contents .features {
      display: flex;
      row-gap: 250px;
      flex-direction: column;
      align-items: center;
      margin-top: 200px; }
    #uxheatmap-features-detail.container .contents #ut.bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 450px;
      margin-top: 320px; }
      #uxheatmap-features-detail.container .contents #ut.bottom div {
        font-size: 55px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: -1px;
        text-align: center;
        color: #222; }
      #uxheatmap-features-detail.container .contents #ut.bottom img {
        position: relative;
        top: -30px;
        width: 1580px; }

@media all and (max-width: 768px) {
  #uxheatmap-features-detail.container {
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: auto; }
    #uxheatmap-features-detail.container .contents {
      display: flex;
      position: relative;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-bottom: 300px; }
      #uxheatmap-features-detail.container .contents .back-button {
        display: none;
        align-items: center;
        column-gap: 10px;
        position: absolute;
        top: 30px;
        left: 55px;
        padding: 9px 15px 9px 9px;
        border-radius: 20px;
        box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.08);
        background-color: #fff;
        text-decoration: none; }
        #uxheatmap-features-detail.container .contents .back-button img {
          height: 16px;
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        #uxheatmap-features-detail.container .contents .back-button span {
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: right;
          color: #444; }
      #uxheatmap-features-detail.container .contents .summary {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 45px;
        border-bottom: 1px solid #c1c1c1; }
        #uxheatmap-features-detail.container .contents .summary h1 {
          font-family: NewRubrik;
          font-size: 32px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #2f2f2f; }
        #uxheatmap-features-detail.container .contents .summary h2 {
          margin-top: 15px;
          margin: 15px 20px 0px 20px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          text-align: center;
          color: #333; }
        #uxheatmap-features-detail.container .contents .summary img {
          height: 120px;
          margin-top: 35px;
          margin-bottom: 40px; }
      #uxheatmap-features-detail.container .contents .sub-summary {
        margin-top: 95px;
        margin-bottom: 0px;
        font-size: 26px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: center;
        color: #333; }
      #uxheatmap-features-detail.container .contents .features {
        width: 100%;
        display: flex;
        row-gap: 105px;
        flex-direction: column;
        align-items: center;
        margin-top: 50px; }
      #uxheatmap-features-detail.container .contents #ut.bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        width: 100%;
        margin-top: 128px; }
        #uxheatmap-features-detail.container .contents #ut.bottom div {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          text-align: center;
          color: #333; }
        #uxheatmap-features-detail.container .contents #ut.bottom img {
          position: relative;
          top: 0px;
          width: 100%; } }

#support.bottom {
  width: 100%;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 370px);
  column-gap: 30px;
  margin-top: 100px;
  padding-top: 100px;
  border-top: 2px solid #d7d7d7; }
  #support.bottom .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 25px; }
    #support.bottom .item .title {
      font-size: 34px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.18;
      letter-spacing: -0.5px;
      text-align: center;
      color: #2f2f2f; }
      #support.bottom .item .title.tight.ja {
        letter-spacing: -1.5px; }
    #support.bottom .item .description {
      min-height: 72px;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: center;
      color: #444; }
    #support.bottom .item > a {
      box-sizing: border-box;
      border-radius: 24px;
      border: solid 1px #ec0047;
      min-width: 100px;
      padding: 14px 20px;
      background-color: #fff;
      font-size: 16px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #ec0047;
      text-decoration: none; }
      #support.bottom .item > a:hover {
        filter: brightness(0.94); }

@media all and (max-width: 768px) {
  #support.bottom {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(1, 100%);
    column-gap: 30px;
    row-gap: 60px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 80px;
    padding: 60px 20px 0px 20px;
    border-top: 2px solid #d7d7d7; }
    #support.bottom .item {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 25px; }
      #support.bottom .item .title {
        font-size: 26px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: center;
        color: #2f2f2f; }
      #support.bottom .item .description {
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: #444; }
      #support.bottom .item > a {
        box-sizing: border-box;
        border-radius: 21px;
        border: solid 1px #ec0047;
        min-width: 100px;
        padding: 14px 20px;
        background-color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #ec0047;
        text-decoration: none; } }

#documentation.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 1280px; }
  #documentation.container .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1170px; }
    #documentation.container .contents > h1 {
      margin-top: 110px;
      font-family: NewRubrik;
      font-size: 65px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: -1.5px;
      text-align: center;
      color: #2f2f2f; }
    #documentation.container .contents > h2 {
      margin-top: 35px;
      font-size: 26px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.62;
      letter-spacing: normal;
      text-align: center;
      color: #222; }
    #documentation.container .contents > .select-tab {
      display: flex;
      justify-content: center;
      column-gap: 10px;
      box-sizing: border-box;
      margin-top: 100px;
      border-radius: 24px;
      box-shadow: 0 0 0 1px #d7d7d7 inset; }
      #documentation.container .contents > .select-tab > span {
        box-sizing: border-box;
        min-width: 140px;
        padding: 15px 30px;
        border-radius: 24px;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #444;
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        cursor: pointer; }
        #documentation.container .contents > .select-tab > span.selected {
          background-color: #ec0047;
          color: white; }
        #documentation.container .contents > .select-tab > span:not(.selected):hover {
          filter: opacity(0.75); }
    #documentation.container .contents .cells {
      display: none;
      flex-direction: column;
      row-gap: 60px;
      width: 1170px;
      margin-top: 130px; }
      #documentation.container .contents .cells.selected {
        display: flex; }
      #documentation.container .contents .cells .cell .category {
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ec0047; }
      #documentation.container .contents .cells .cell .files {
        margin-top: 25px;
        display: flex;
        column-gap: 30px; }
        #documentation.container .contents .cells .cell .files .file {
          width: 330px;
          padding: 20px;
          border-radius: 14px;
          box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
          background-color: #fff;
          background: url("https://dream-cdn.beusable.net/home/images/icon-pdf.svg") no-repeat 92% 50%;
          cursor: pointer; }
          #documentation.container .contents .cells .cell .files .file .title {
            font-size: 15px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #444; }
          #documentation.container .contents .cells .cell .files .file .version {
            margin-top: 10px;
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #666; }
      #documentation.container .contents .cells .division {
        height: 2px;
        background-color: #d7d7d7; }

@media all and (max-width: 768px) {
  #documentation.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: auto; }
    #documentation.container .contents {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
      #documentation.container .contents > h1 {
        margin-top: 60px;
        font-family: NewRubrik;
        font-size: 32px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #2f2f2f; }
      #documentation.container .contents > h2 {
        margin-top: 15px;
        padding: 0px 20px;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: #333; }
      #documentation.container .contents > .select-tab {
        display: flex;
        justify-content: center;
        column-gap: 10px;
        margin-top: 100px;
        border-radius: 24px;
        border: solid 1px #d7d7d7; }
        #documentation.container .contents > .select-tab > span {
          box-sizing: border-box;
          min-width: 140px;
          padding: 15px 30px;
          border-radius: 24px;
          text-align: center;
          font-size: 16px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #444;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          cursor: pointer; }
          #documentation.container .contents > .select-tab > span.selected {
            background-color: #ec0047;
            color: white; }
      #documentation.container .contents > .select-tab-mobile {
        width: calc(100% - 32px);
        margin-top: 50px;
        padding: 12px;
        border: solid 1px #bbb;
        border-radius: 6px;
        background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 97.5% 50%;
        appearance: none;
        color: black; }
      #documentation.container .contents .cells {
        display: none;
        flex-direction: column;
        row-gap: 30px;
        width: 100%;
        margin-top: 30px; }
        #documentation.container .contents .cells .cell {
          padding: 0px 16px; }
          #documentation.container .contents .cells .cell .category {
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ec0047; }
          #documentation.container .contents .cells .cell .files {
            margin-top: 15px;
            display: flex;
            flex-direction: column;
            row-gap: 15px; }
            #documentation.container .contents .cells .cell .files .file {
              width: auto;
              padding: 20px;
              border-radius: 14px;
              box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
              background: url("https://dream-cdn.beusable.net/home/images/icon-pdf.svg") no-repeat 92% 50%;
              cursor: pointer; }
              #documentation.container .contents .cells .cell .files .file .title {
                font-size: 15px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #444; }
              #documentation.container .contents .cells .cell .files .file .version {
                margin-top: 10px;
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #666; }
        #documentation.container .contents .cells .division {
          height: 2px;
          background-color: #d7d7d7; } }

#contactus.container {
  padding-top: 110px;
  padding-bottom: 150px; }
  #contactus.container .contactus {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden; }
    #contactus.container .contactus-title {
      font-family: NewRubrik;
      font-size: 65px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: -1.5px;
      text-align: center;
      color: #2f2f2f; }
    #contactus.container .contactus-description {
      margin-top: 35px;
      font-size: 26px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.62;
      letter-spacing: normal;
      text-align: center;
      color: #222; }
    #contactus.container .contactus-contents {
      display: flex;
      column-gap: 67px;
      margin-top: 90px;
      padding-bottom: 70px; }
      #contactus.container .contactus-contents .form-section {
        display: flex;
        padding: 31px 0 50px 0;
        border-top: 2px solid #bbbbbb; }
        #contactus.container .contactus-contents .form-section-title {
          width: 100px;
          font-size: 15px;
          font-weight: 700; }
          #contactus.container .contactus-contents .form-section-title.required {
            color: #ec0047; }
          #contactus.container .contactus-contents .form-section-title.optional {
            color: #767676; }
        #contactus.container .contactus-contents .form-section-items {
          display: flex;
          flex-direction: column;
          row-gap: 35px; }
          #contactus.container .contactus-contents .form-section-items .item {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            #contactus.container .contactus-contents .form-section-items .item.flexstart {
              align-items: flex-start; }
            #contactus.container .contactus-contents .form-section-items .item-category {
              width: 138px;
              font-size: 15px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.07;
              letter-spacing: normal;
              color: #555; }
              #contactus.container .contactus-contents .form-section-items .item-category .required {
                color: #ec0047; }
              #contactus.container .contactus-contents .form-section-items .item-category .sub {
                font-size: 13px; }
            #contactus.container .contactus-contents .form-section-items .item-input {
              position: relative;
              box-sizing: border-box;
              width: 496px;
              padding: 10px 12px;
              border: solid 1px #b1b1b1;
              border-radius: 5px;
              outline: none;
              background-color: #fff;
              font-size: 14px;
              color: #2f2f2f;
              transition: border-color 0.3s ease; }
              #contactus.container .contactus-contents .form-section-items .item-input::placeholder {
                opacity: 0.5; }
            #contactus.container .contactus-contents .form-section-items .item.error .item-input {
              border-color: #e60724; }
            #contactus.container .contactus-contents .form-section-items .item-error {
              position: absolute;
              top: 43px;
              left: 140px;
              color: #e60724;
              font-size: 12px;
              font-weight: 500;
              line-height: 1.08;
              opacity: 0;
              transition: opacity 0.2s ease; }
            #contactus.container .contactus-contents .form-section-items .item.error .item-error {
              opacity: 1; }
            #contactus.container .contactus-contents .form-section-items .item-checkbox {
              display: flex;
              flex-direction: column;
              row-gap: 22px;
              width: 496px; }
              #contactus.container .contactus-contents .form-section-items .item-checkbox > div {
                display: flex;
                align-items: center;
                column-gap: 5px; }
                #contactus.container .contactus-contents .form-section-items .item-checkbox > div .box {
                  box-sizing: border-box;
                  width: 18px;
                  height: 18px;
                  position: relative; }
                  #contactus.container .contactus-contents .form-section-items .item-checkbox > div .box::before {
                    content: '';
                    position: absolute;
                    top: -1px;
                    left: -1px;
                    height: 20px;
                    width: 20px;
                    background: url("https://dream-cdn.beusable.net/home/images/icon-checkbox-red.svg") transparent no-repeat center center;
                    background-size: 20px 20px;
                    opacity: 0; }
                  #contactus.container .contactus-contents .form-section-items .item-checkbox > div .box:checked::before {
                    opacity: 1; }
                #contactus.container .contactus-contents .form-section-items .item-checkbox > div .main {
                  font-size: 15px;
                  font-weight: 600;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 0.93;
                  letter-spacing: normal;
                  color: #555; }
                #contactus.container .contactus-contents .form-section-items .item-checkbox > div .sub {
                  font-size: 12px;
                  font-weight: 500;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.33;
                  letter-spacing: -0.5px;
                  color: #767676; }
            #contactus.container .contactus-contents .form-section-items .item-select {
              width: 496px;
              padding: 11px 12px;
              border-radius: 6px;
              border: solid 1px #b1b1b1;
              background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 97% 50%;
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #2f2f2f;
              appearance: none; }
            #contactus.container .contactus-contents .form-section-items .item.error .item-select {
              border-color: #e60724; }
            #contactus.container .contactus-contents .form-section-items .item-textarea {
              box-sizing: border-box;
              width: 496px;
              min-height: 174px;
              padding: 10px 12px;
              border-radius: 3px;
              border: solid 1px #b1b1b1;
              resize: none;
              font-family: inherit;
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #2f2f2f; }
            #contactus.container .contactus-contents .form-section-items .item.error .item-textarea {
              border-color: #e60724; }
            #contactus.container .contactus-contents .form-section-items .item-agreement {
              display: flex;
              align-items: center;
              column-gap: 6px;
              width: 496px;
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.14;
              letter-spacing: normal;
              color: #767676; }
              #contactus.container .contactus-contents .form-section-items .item-agreement .box {
                width: 18px;
                height: 18px;
                position: relative; }
                #contactus.container .contactus-contents .form-section-items .item-agreement .box::before {
                  content: '';
                  position: absolute;
                  top: -1px;
                  left: -1px;
                  height: 20px;
                  width: 20px;
                  background: url("https://dream-cdn.beusable.net/home/images/icon-checkbox-red.svg") transparent no-repeat center center;
                  background-size: 20px 20px;
                  opacity: 0; }
                #contactus.container .contactus-contents .form-section-items .item-agreement .box:checked::before {
                  opacity: 1; }
      #contactus.container .contactus-contents-nav {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 40px 30px 0px 30px;
        border-radius: 8px;
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.2);
        background-color: #fff; }
        #contactus.container .contactus-contents-nav .title {
          font-size: 26px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.19;
          letter-spacing: normal;
          color: #222; }
          #contactus.container .contactus-contents-nav .title.en {
            letter-spacing: -0.5px; }
        #contactus.container .contactus-contents-nav .image {
          display: flex;
          justify-content: flex-end;
          width: 100%;
          margin-top: 14px; }
          #contactus.container .contactus-contents-nav .image img {
            width: 155px; }
        #contactus.container .contactus-contents-nav .item {
          width: 310px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 25px 0px; }
          #contactus.container .contactus-contents-nav .item-writing {
            display: flex;
            flex-direction: column;
            row-gap: 15px;
            width: 190px; }
            #contactus.container .contactus-contents-nav .item-writing-title {
              font-size: 20px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: -0.29px;
              color: #2f2f2f; }
            #contactus.container .contactus-contents-nav .item-writing-description {
              font-size: 13px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.54;
              letter-spacing: normal;
              color: #444; }
          #contactus.container .contactus-contents-nav .item-button {
            width: 100px;
            padding: 12px 0;
            border-radius: 20px;
            border: solid 1px #ec0047;
            background-color: #fff;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #ec0047;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #contactus.container .contactus-contents-nav .item-button:hover {
              color: white;
              background-color: #ec0047; }
        #contactus.container .contactus-contents-nav .division {
          width: 310px;
          border-top: 1px solid #ececec; }
    #contactus.container .contactus-bottom-submit {
      padding: 14px 52px;
      border-radius: 25px;
      background-color: #ec0047;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #fff;
      cursor: pointer; }

.contactus-iframe-wrapper {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #00000099;
  z-index: 999; }

.contactus-iframe {
  height: 100%;
  width: 100%;
  border: none; }

.contactus-text {
  position: absolute;
  top: -35px;
  right: 50%;
  transform: translateX(50%);
  display: inline-block;
  min-width: max-content;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 144%;
  border-radius: 3px;
  padding: 2px 5px;
  margin-bottom: 12px;
  box-sizing: border-box;
  letter-spacing: -0.5px;
  font-family: Roboto, "Apple SD Gothic Neo", sans-serif; }
  .contactus-text.en {
    letter-spacing: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif, "SF Pro KR", "SF Pro Text"; }
  .contactus-text.ja {
    font-family: Osaka, Meiryo, MS PGothic, MS UI Gothic, Noto Sans JP, sans-serif; }

.contactus-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999; }
  .contactus-button.ja {
    right: 35px; }

.contactus-icon {
  display: flex;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background-image: url(../../images/icon-floating-default.svg);
  background-size: cover;
  background-repeat: no-repeat;
  filter: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.12));
  cursor: pointer;
  border: 2px solid #FFF;
  box-sizing: border-box;
  box-shadow: 0px 20px 38px -10px rgba(0, 0, 0, 0.32);
  transition: transform .3s; }

@media all and (max-width: 768px) {
  #contactus.container {
    padding-top: 23px;
    padding-bottom: 150px; }
    #contactus.container .contactus {
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden; }
      #contactus.container .contactus-title {
        font-family: NewRubrik;
        font-size: 32px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #2f2f2f; }
      #contactus.container .contactus-description {
        width: 100%;
        margin-top: 15px;
        padding-bottom: 40px;
        border-bottom: solid 1px #e1e1e1;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: #333; }
      #contactus.container .contactus-contents {
        display: flex;
        flex-direction: column;
        column-gap: 67px;
        width: 100%;
        margin-top: 40px;
        padding-bottom: 50px; }
        #contactus.container .contactus-contents .form {
          display: flex;
          flex-direction: column;
          gap: 30px;
          width: auto;
          padding: 30px 20px 0px 20px;
          border-top: 1px solid #e1e1e1; }
          #contactus.container .contactus-contents .form-section {
            display: block;
            padding: 0;
            border: none; }
            #contactus.container .contactus-contents .form-section-title {
              display: none; }
            #contactus.container .contactus-contents .form-section-items {
              display: flex;
              flex-direction: column;
              row-gap: 30px; }
              #contactus.container .contactus-contents .form-section-items .item {
                display: flex;
                flex-direction: column;
                row-gap: 5px;
                align-items: flex-start;
                justify-content: space-between; }
                #contactus.container .contactus-contents .form-section-items .item.flexstart {
                  align-items: flex-start; }
                #contactus.container .contactus-contents .form-section-items .item-category {
                  width: 100%;
                  font-size: 13px;
                  font-weight: 500;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1;
                  letter-spacing: normal;
                  color: #767676; }
                  #contactus.container .contactus-contents .form-section-items .item-category .required,
                  #contactus.container .contactus-contents .form-section-items .item-category .optional {
                    display: inline;
                    padding-left: 4px;
                    font-size: 12px;
                    font-weight: 400; }
                #contactus.container .contactus-contents .form-section-items .item-input {
                  box-sizing: border-box;
                  width: 100%;
                  padding: 10px 12px;
                  border: solid 1px #b1b1b1;
                  border-radius: 5px;
                  outline: none;
                  background-color: #fff;
                  font-size: 14px;
                  color: #2f2f2f;
                  transition: border-color 0.3s ease; }
                #contactus.container .contactus-contents .form-section-items .item-error {
                  position: absolute;
                  top: 60px;
                  left: 5px;
                  color: #e60724;
                  font-size: 12px;
                  font-weight: 500;
                  line-height: 1.08;
                  opacity: 0;
                  transition: opacity 0.2s ease; }
                #contactus.container .contactus-contents .form-section-items .item-checkbox {
                  display: flex;
                  flex-direction: column;
                  row-gap: 12px;
                  width: 100%;
                  margin-top: 15px; }
                  #contactus.container .contactus-contents .form-section-items .item-checkbox > div {
                    display: flex;
                    align-items: center;
                    column-gap: 5px; }
                    #contactus.container .contactus-contents .form-section-items .item-checkbox > div .box {
                      width: 18px;
                      height: 18px;
                      position: relative; }
                      #contactus.container .contactus-contents .form-section-items .item-checkbox > div .box::before {
                        content: '';
                        position: absolute;
                        top: -1px;
                        left: -1px;
                        height: 20px;
                        width: 20px;
                        background: url("https://dream-cdn.beusable.net/home/images/icon-checkbox-red.svg") transparent no-repeat center center;
                        background-size: 20px 20px;
                        opacity: 0; }
                      #contactus.container .contactus-contents .form-section-items .item-checkbox > div .box:checked::before {
                        opacity: 1; }
                    #contactus.container .contactus-contents .form-section-items .item-checkbox > div .main {
                      font-size: 14px;
                      font-weight: 600;
                      font-stretch: normal;
                      font-style: normal;
                      line-height: 1.57;
                      letter-spacing: normal;
                      color: #555; }
                    #contactus.container .contactus-contents .form-section-items .item-checkbox > div .sub {
                      font-size: 13px;
                      font-weight: 500;
                      font-stretch: normal;
                      font-style: normal;
                      line-height: 1.54;
                      letter-spacing: -0.54px;
                      color: #767676; }
                #contactus.container .contactus-contents .form-section-items .item-select {
                  width: 100%;
                  padding: 11px 12px;
                  border-radius: 6px;
                  border: solid 1px #b1b1b1;
                  background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 97% 50%;
                  font-size: 14px;
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1;
                  letter-spacing: normal;
                  color: #2f2f2f;
                  appearance: none; }
                #contactus.container .contactus-contents .form-section-items .item-textarea {
                  box-sizing: border-box;
                  width: 100%;
                  min-height: 174px;
                  padding: 10px 12px;
                  border-radius: 3px;
                  border: solid 1px #b1b1b1;
                  resize: none;
                  font-size: 14px;
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1;
                  letter-spacing: normal;
                  color: #2f2f2f; }
                #contactus.container .contactus-contents .form-section-items .item-agreement {
                  display: flex;
                  align-items: center;
                  column-gap: 6px;
                  width: 100%;
                  font-size: 14px;
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.14;
                  letter-spacing: normal;
                  color: #767676; }
                  #contactus.container .contactus-contents .form-section-items .item-agreement .box {
                    width: 18px;
                    height: 18px;
                    position: relative; }
                    #contactus.container .contactus-contents .form-section-items .item-agreement .box::before {
                      content: '';
                      position: absolute;
                      top: -1px;
                      left: -1px;
                      height: 20px;
                      width: 20px;
                      background: url("https://dream-cdn.beusable.net/home/images/icon-checkbox-red.svg") transparent no-repeat center center;
                      background-size: 20px 20px;
                      opacity: 0; }
                    #contactus.container .contactus-contents .form-section-items .item-agreement .box:checked::before {
                      opacity: 1; }
        #contactus.container .contactus-contents-nav {
          display: flex;
          flex-direction: column;
          order: -1;
          width: 100%;
          box-sizing: border-box;
          height: auto;
          padding: 0px 20px;
          border-radius: 8px;
          box-shadow: none;
          background-color: #fff; }
          #contactus.container .contactus-contents-nav .title {
            font-size: 22px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.36;
            letter-spacing: normal;
            text-align: center;
            color: #222; }
          #contactus.container .contactus-contents-nav .image {
            display: flex;
            justify-content: center;
            width: 100%;
            margin-top: 14px;
            margin-bottom: 20px; }
            #contactus.container .contactus-contents-nav .image img {
              width: 129px; }
          #contactus.container .contactus-contents-nav .item {
            width: 100%;
            display: grid;
            grid-template-columns: auto 32px;
            justify-content: space-between;
            align-items: center;
            padding: 25px 0px; }
            #contactus.container .contactus-contents-nav .item-writing {
              display: grid;
              flex-direction: column;
              row-gap: 5px;
              width: auto;
              padding-right: 10px; }
              #contactus.container .contactus-contents-nav .item-writing-title {
                font-size: 18px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.61;
                letter-spacing: normal;
                color: #444; }
              #contactus.container .contactus-contents-nav .item-writing-description {
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.54;
                letter-spacing: normal;
                color: #666; }
            #contactus.container .contactus-contents-nav .item-button {
              width: 32px;
              height: 32px;
              border-radius: 50%;
              padding: 0;
              border: solid 1px #ec0047;
              background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-right-red-circle.svg") no-repeat center center;
              background-size: cover;
              font-size: 14px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              text-align: center;
              color: rgba(0, 0, 0, 0);
              transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
              #contactus.container .contactus-contents-nav .item-button:hover {
                color: rgba(0, 0, 0, 0);
                background-color: #ec0047; }
          #contactus.container .contactus-contents-nav .division {
            width: 100%;
            border-top: 1px solid #ececec; }
      #contactus.container .contactus-bottom {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px; }
        #contactus.container .contactus-bottom-submit {
          padding: 14px 52px;
          border-radius: 25px;
          background-color: #ec0047;
          font-size: 18px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #fff;
          text-align: center;
          cursor: pointer; }
      #contactus.container .contactus-iframe-wrapper {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%; } }

#book.container {
  padding-top: 110px;
  padding-bottom: 150px; }
  #book.container .book {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden; }
    #book.container .book-title {
      font-family: NewRubrik;
      font-size: 65px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: -1.5px;
      text-align: center;
      color: #2f2f2f; }
    #book.container .book-description {
      margin-top: 35px;
      margin-bottom: 100px;
      font-size: 26px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.62;
      letter-spacing: normal;
      text-align: center;
      color: #222; }
    #book.container .book-image {
      width: 569px;
      min-height: 399px; }
    #book.container .book-info {
      display: flex;
      column-gap: 114px; }
      #book.container .book-info-items {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: solid 2px #d7d7d7; }
        #book.container .book-info-items .item {
          display: flex;
          align-items: center;
          column-gap: 65px;
          width: 740px;
          padding: 20px 0px;
          border-top: solid 2px #d7d7d7; }
          #book.container .book-info-items .item span {
            display: flex;
            align-items: center;
            min-width: 235px;
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: #444; }
      #book.container .book-info-pay {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
        column-gap: 20px; }
        #book.container .book-info-pay a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 270px;
          height: 54px;
          border-radius: 27px; }
    #book.container .book-bg {
      margin-top: 150px;
      width: 100%; }
    #book.container .book-detail {
      display: flex;
      flex-direction: column;
      row-gap: 70px; }
      #book.container .book-detail .writing {
        display: flex;
        column-gap: 30px;
        margin-top: 80px; }
        #book.container .book-detail .writing-category {
          width: 285px;
          font-size: 36px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.31;
          letter-spacing: -1px;
          color: #2f2f2f; }
        #book.container .book-detail .writing-description {
          max-width: 670px;
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.8;
          letter-spacing: normal;
          color: #444; }
          #book.container .book-detail .writing-description ul {
            list-style: none;
            margin-left: 10px; }
            #book.container .book-detail .writing-description ul li {
              display: flex;
              align-items: center;
              column-gap: 5px;
              font-size: 15px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 2;
              letter-spacing: normal;
              color: #444; }
              #book.container .book-detail .writing-description ul li::before {
                content: '';
                width: 3px;
                height: 3px;
                background: #444; }
          #book.container .book-detail .writing-description .title {
            margin-bottom: 30px;
            font-size: 24px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.42;
            letter-spacing: normal;
            color: #2f2f2f; }
            #book.container .book-detail .writing-description .title .sub {
              font-size: 13px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.54;
              letter-spacing: normal;
              color: #2f2f2f; }
          #book.container .book-detail .writing-description .red {
            font-weight: 500;
            color: #ec0047; }
        #book.container .book-detail .writing-list {
          display: flex;
          flex-direction: column;
          border-bottom: 2px solid #b1b1b1; }
          #book.container .book-detail .writing-list .item {
            width: 670px;
            padding: 23px 15px;
            border-top: 2px solid #b1b1b1; }
            #book.container .book-detail .writing-list .item .main-item {
              display: flex;
              justify-content: space-between;
              width: 100%;
              cursor: pointer; }
              #book.container .book-detail .writing-list .item .main-item span {
                font-size: 18px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.61;
                letter-spacing: normal;
                color: #2f2f2f; }
              #book.container .book-detail .writing-list .item .main-item img {
                width: 20px;
                transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #book.container .book-detail .writing-list .item.on .main-item img {
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
            #book.container .book-detail .writing-list .item .sub-item {
              max-height: 0px;
              padding-top: 0px;
              overflow: hidden;
              transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #book.container .book-detail .writing-list .item.on .sub-item {
              max-height: 500px;
              padding-top: 42px; }
        #book.container .book-detail .writing-pay-buttons {
          display: flex;
          margin-top: 40px;
          row-gap: 15px;
          column-gap: 20px; }
          #book.container .book-detail .writing-pay-buttons a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 270px;
            height: 54px;
            border-radius: 27px; }
      #book.container .book-detail .multi-image {
        position: relative;
        width: 970px;
        height: 645px;
        padding: 0px 78px;
        overflow: hidden; }
        #book.container .book-detail .multi-image-frame {
          width: 970px;
          height: 100%;
          overflow: hidden;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #book.container .book-detail .multi-image-frame .contents {
            position: relative;
            left: 0%;
            height: 100%;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #book.container .book-detail .multi-image-frame img {
            width: 100%;
            height: 100%; }
        #book.container .book-detail .multi-image-arrow {
          position: absolute;
          top: 50%;
          width: 48px;
          height: 48px;
          cursor: pointer; }
          #book.container .book-detail .multi-image-arrow.left {
            left: 0px;
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
          #book.container .book-detail .multi-image-arrow.right {
            right: 0px; }
        #book.container .book-detail .multi-image-buttons {
          display: flex;
          justify-content: center;
          column-gap: 7px;
          position: relative;
          top: -22px; }
          #book.container .book-detail .multi-image-buttons button {
            margin: 0px;
            padding: 0px;
            border: 0px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            opacity: 0.15;
            background-color: #000;
            color: rgba(0, 0, 0, 0);
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #book.container .book-detail .multi-image-buttons .slick-active button {
            opacity: 1;
            background-color: #fff; }

@media all and (max-width: 768px) {
  #book.container {
    padding-top: 62px;
    padding-bottom: 80px; }
    #book.container .book {
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden; }
      #book.container .book-title {
        font-family: NewRubrik;
        font-size: 32px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #2f2f2f; }
      #book.container .book-description {
        margin-top: 15px;
        margin-bottom: 30px;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: #333; }
      #book.container .book-image {
        width: 289px;
        min-height: 200px; }
      #book.container .book-info {
        display: flex;
        flex-direction: column;
        row-gap: 25px;
        width: 100%; }
        #book.container .book-info-items {
          display: flex;
          flex-direction: column;
          align-items: center;
          border-bottom: solid 1px #e6e6e6;
          width: 100%; }
          #book.container .book-info-items .item {
            display: flex;
            align-items: center;
            column-gap: 0px;
            justify-content: space-between;
            box-sizing: border-box;
            width: 100%;
            padding: 20px 16px;
            border-top: solid 1px #e6e6e6; }
            #book.container .book-info-items .item span {
              display: flex;
              align-items: center;
              min-width: 0;
              font-size: 14px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #444; }
        #book.container .book-info-pay {
          display: flex;
          flex-direction: column;
          row-gap: 15px;
          column-gap: 20px;
          padding: 0px 16px; }
          #book.container .book-info-pay a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 48px;
            border-radius: 27px; }
      #book.container .book-bg {
        margin-top: 100px;
        width: auto;
        height: 150px; }
      #book.container .book-detail {
        display: flex;
        flex-direction: column;
        row-gap: 50px;
        width: 100%;
        margin-top: 50px; }
        #book.container .book-detail .writing {
          display: flex;
          flex-direction: column;
          column-gap: 30px;
          margin-top: 0px;
          box-sizing: border-box;
          width: 100%;
          padding: 0px 16px; }
          #book.container .book-detail .writing-category {
            width: 270px;
            margin-bottom: 30px;
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.3;
            letter-spacing: normal;
            color: #2f2f2f; }
          #book.container .book-detail .writing-description {
            max-width: none;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.57;
            letter-spacing: normal;
            color: #444; }
            #book.container .book-detail .writing-description ul {
              list-style: none;
              margin-left: 10px; }
              #book.container .book-detail .writing-description ul li {
                display: flex;
                align-items: flex-start;
                column-gap: 5px;
                position: relative;
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.54;
                letter-spacing: normal;
                color: #444; }
                #book.container .book-detail .writing-description ul li::before {
                  position: relative;
                  top: 7px;
                  content: '';
                  width: 3px;
                  height: 3px;
                  background: #444; }
            #book.container .book-detail .writing-description .title {
              margin-bottom: 30px;
              font-size: 16px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color: #2f2f2f; }
              #book.container .book-detail .writing-description .title .sub {
                font-size: 13px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.54;
                letter-spacing: normal;
                color: #2f2f2f; }
            #book.container .book-detail .writing-description .red {
              font-weight: 500;
              color: #ec0047; }
          #book.container .book-detail .writing-list {
            display: flex;
            flex-direction: column;
            border-bottom: 1px solid #b1b1b1; }
            #book.container .book-detail .writing-list .item {
              position: relative;
              left: -16px;
              width: 100%;
              padding: 23px 15px;
              border-top: 1px solid #b1b1b1; }
              #book.container .book-detail .writing-list .item .main-item {
                display: flex;
                justify-content: space-between;
                width: 100%;
                cursor: pointer; }
                #book.container .book-detail .writing-list .item .main-item span {
                  font-size: 14px;
                  font-weight: 600;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.57;
                  letter-spacing: normal;
                  color: #444; }
                #book.container .book-detail .writing-list .item .main-item img {
                  width: 20px;
                  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
              #book.container .book-detail .writing-list .item.on .main-item img {
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
              #book.container .book-detail .writing-list .item .sub-item {
                height: 0px;
                overflow: hidden;
                transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
              #book.container .book-detail .writing-list .item.on .sub-item {
                height: auto;
                padding-top: 42px; }
          #book.container .book-detail .writing-pay-buttons {
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 15px;
            column-gap: 20px; }
            #book.container .book-detail .writing-pay-buttons a {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 48px;
              border-radius: 27px; }
        #book.container .book-detail .multi-image {
          position: relative;
          width: 100%;
          height: auto;
          padding: 0px;
          overflow: hidden; }
          #book.container .book-detail .multi-image-frame {
            width: 100%;
            height: auto;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #book.container .book-detail .multi-image-frame .contents {
              position: relative;
              left: 0%;
              height: 100%;
              transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #book.container .book-detail .multi-image-frame img {
              width: 100%;
              height: 100%; }
          #book.container .book-detail .multi-image-arrow {
            position: absolute;
            top: 45%;
            width: 36px;
            height: 36px; }
            #book.container .book-detail .multi-image-arrow.left {
              left: 10px;
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
            #book.container .book-detail .multi-image-arrow.right {
              right: 10px; }
          #book.container .book-detail .multi-image-buttons {
            display: flex;
            justify-content: center;
            column-gap: 7px;
            position: relative;
            top: -22px; }
            #book.container .book-detail .multi-image-buttons button {
              margin: 0px;
              padding: 0px;
              border: 0px;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              opacity: 0.15;
              background-color: #000;
              color: rgba(0, 0, 0, 0);
              transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #book.container .book-detail .multi-image-buttons .slick-active button {
              opacity: 1;
              background-color: #fff; } }

#privacy.container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 100px; }
  #privacy.container .privacy {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%; }
    #privacy.container .privacy__title {
      position: relative;
      margin-top: 112px;
      width: 400px;
      padding-right: 770px;
      font-size: 55px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.31;
      letter-spacing: -1.27px;
      color: #2f2f2f; }
    #privacy.container .privacy__image {
      position: absolute;
      top: 35px;
      right: 0px;
      width: 273px;
      height: 195px; }
    #privacy.container .privacy__blue-box {
      display: flex;
      justify-content: center;
      width: 100%;
      margin-top: 80px;
      padding: 60px 0px;
      opacity: 0.85;
      background-color: #1199af;
      background-repeat: repeat-x;
      z-index: -1; }
      #privacy.container .privacy__blue-box__text {
        width: 970px;
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.59;
        letter-spacing: normal;
        color: #fff; }
        #privacy.container .privacy__blue-box__text .sub {
          font-size: 15px;
          line-height: 1.8; }
    #privacy.container .privacy__contents {
      display: flex;
      flex-direction: column;
      width: 970px;
      margin-top: 81px; }
      #privacy.container .privacy__contents__articles {
        display: flex;
        flex-direction: column;
        row-gap: 80px; }
        #privacy.container .privacy__contents__articles .article {
          display: flex;
          flex-direction: column;
          row-gap: 16px; }
          #privacy.container .privacy__contents__articles .article__title {
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            color: #2f2f2f; }
          #privacy.container .privacy__contents__articles .article__description {
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            letter-spacing: normal;
            color: #666; }
          #privacy.container .privacy__contents__articles .article__table--wide {
            width: 100%;
            border: solid 1px #d7d7d7;
            border-collapse: collapse; }
            #privacy.container .privacy__contents__articles .article__table--wide th {
              width: calc(100% / 3);
              padding: 9px 11px 6px 11px;
              border: solid 1px #d7d7d7;
              font-size: 15px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.8;
              letter-spacing: normal;
              color: #2f2f2f;
              text-align: start; }
            #privacy.container .privacy__contents__articles .article__table--wide td {
              width: calc(100% / 3);
              padding: 14px 11px 11px 11px;
              border: solid 1px #d7d7d7;
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #666; }
          #privacy.container .privacy__contents__articles .article__table--narrow {
            display: none; }

@media all and (max-width: 768px) {
  #privacy.container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px; }
    #privacy.container .privacy {
      position: relative;
      display: flex;
      align-items: center;
      flex-direction: column;
      width: 100%; }
      #privacy.container .privacy__title {
        position: relative;
        margin-top: 17px;
        width: calc(100% - 40px);
        padding-right: 0;
        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        color: #2f2f2f; }
      #privacy.container .privacy__image {
        position: absolute;
        top: 88px;
        right: 0px;
        width: 145px;
        height: 102px; }
      #privacy.container .privacy__blue-box {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 129px;
        padding: 30px 0px;
        opacity: 0.85;
        background-color: #1199af;
        background-repeat: repeat-x;
        z-index: -1; }
        #privacy.container .privacy__blue-box__text {
          width: calc(100% - 40px);
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #fff; }
          #privacy.container .privacy__blue-box__text .sub {
            font-size: 14px;
            line-height: 1.57; }
      #privacy.container .privacy__contents {
        display: flex;
        flex-direction: column;
        width: calc(100% - 40px);
        margin-top: 42px; }
        #privacy.container .privacy__contents__articles {
          display: flex;
          flex-direction: column;
          row-gap: 45px; }
          #privacy.container .privacy__contents__articles .article {
            display: flex;
            flex-direction: column;
            row-gap: 15px; }
            #privacy.container .privacy__contents__articles .article__title {
              font-size: 18px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color: #2f2f2f; }
            #privacy.container .privacy__contents__articles .article__description {
              font-size: 15px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.8;
              letter-spacing: normal;
              color: #666; }
            #privacy.container .privacy__contents__articles .article__table--wide {
              display: none; }
            #privacy.container .privacy__contents__articles .article__table--narrow {
              display: table;
              width: 100%;
              border: solid 1px #d7d7d7;
              border-collapse: collapse; }
              #privacy.container .privacy__contents__articles .article__table--narrow tr {
                display: grid;
                grid-template-columns: 108px auto;
                width: 100%; }
                #privacy.container .privacy__contents__articles .article__table--narrow tr th {
                  padding: 9px 11px 6px 11px;
                  border: solid 1px #d7d7d7;
                  font-size: 15px;
                  font-weight: 500;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.8;
                  letter-spacing: normal;
                  color: #2f2f2f;
                  text-align: center; }
                #privacy.container .privacy__contents__articles .article__table--narrow tr td {
                  padding: 14px 11px 11px 11px;
                  border: solid 1px #d7d7d7;
                  font-size: 14px;
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  color: #666; } }

#terms.container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 112px 0px 100px 0px; }
  #terms.container .terms {
    display: flex;
    flex-direction: column;
    row-gap: 102px;
    width: 970px; }
    #terms.container .terms__title {
      font-size: 55px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.31;
      letter-spacing: -1.27px;
      color: #2f2f2f; }
    #terms.container .terms__description {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.8;
      color: #666; }
    #terms.container .terms__articles {
      display: flex;
      flex-direction: column;
      row-gap: 80px; }
      #terms.container .terms__articles .article {
        display: flex;
        flex-direction: column;
        row-gap: 15px; }
        #terms.container .terms__articles .article__title {
          font-size: 15px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.8;
          letter-spacing: normal;
          color: #2f2f2f; }
        #terms.container .terms__articles .article__description {
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.8;
          letter-spacing: normal;
          color: #666; }

@media all and (max-width: 768px) {
  #terms.container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 17px 0px 100px 0px; }
    #terms.container .terms {
      display: flex;
      flex-direction: column;
      row-gap: 60px;
      width: calc(100% - 40px); }
      #terms.container .terms__title {
        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        color: #2f2f2f; }
      #terms.container .terms__articles {
        display: flex;
        flex-direction: column;
        row-gap: 45px; }
        #terms.container .terms__articles .article {
          display: flex;
          flex-direction: column;
          row-gap: 15px; }
          #terms.container .terms__articles .article__title {
            font-size: 15px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            letter-spacing: normal;
            color: #2f2f2f; }
          #terms.container .terms__articles .article__description {
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            letter-spacing: normal;
            color: #666; } }

#gdpr.container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 109px 0px 100px 0px; }
  #gdpr.container .gdpr {
    width: 1170px; }
    #gdpr.container .gdpr__title {
      width: 100%;
      font-size: 55px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.31;
      letter-spacing: -1.27px;
      color: #2f2f2f; }
    #gdpr.container .gdpr__sub-title {
      width: 100%;
      margin-top: 13px;
      font-size: 15px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.8;
      letter-spacing: normal;
      color: #666; }
    #gdpr.container .gdpr__image {
      width: 715px;
      height: 194px;
      margin-top: 38px;
      margin-left: 228px; }
    #gdpr.container .gdpr__articles {
      display: flex;
      flex-direction: column;
      row-gap: 100px;
      margin-top: 60px; }
      #gdpr.container .gdpr__articles .article {
        display: grid;
        grid-template-columns: 300px 770px; }
        #gdpr.container .gdpr__articles .article__title {
          font-size: 26px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.19;
          letter-spacing: normal;
          color: #2f2f2f; }
        #gdpr.container .gdpr__articles .article__description {
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.53;
          letter-spacing: normal;
          color: #444; }
    #gdpr.container .gdpr__info {
      display: flex;
      flex-direction: column;
      row-gap: 51px;
      margin-top: 130px; }
      #gdpr.container .gdpr__info__title {
        font-size: 26px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: start;
        color: #2f2f2f; }
      #gdpr.container .gdpr__info__contents {
        display: grid;
        grid-template-columns: 270px 870px;
        column-gap: 30px; }
        #gdpr.container .gdpr__info__contents .contents__left {
          font-size: 15px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.53;
          letter-spacing: normal;
          color: #ff4766; }
        #gdpr.container .gdpr__info__contents .contents__right {
          display: flex;
          flex-direction: column;
          row-gap: 58px; }
          #gdpr.container .gdpr__info__contents .contents__right ul {
            display: flex;
            flex-direction: column;
            row-gap: 18px;
            padding-left: 14px; }
            #gdpr.container .gdpr__info__contents .contents__right ul li {
              display: flex;
              column-gap: 10px;
              align-items: center;
              position: relative;
              font-size: 15px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              letter-spacing: normal;
              color: #2f2f2f; }
              #gdpr.container .gdpr__info__contents .contents__right ul li .tag {
                padding: 3px 14px;
                border-radius: 10px;
                border: solid 1px #8f8f8f;
                font-size: 11px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #8f8f8f; }
              #gdpr.container .gdpr__info__contents .contents__right ul li::before {
                content: '';
                position: absolute;
                top: 6px;
                left: -12px;
                width: 6px;
                height: 6px;
                background-color: #ff4766;
                border-radius: 3px; }
          #gdpr.container .gdpr__info__contents .contents__right .accordion {
            padding: 18px 25px;
            border-radius: 14px;
            box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
            background-color: #fff; }
            #gdpr.container .gdpr__info__contents .contents__right .accordion__item {
              padding: 16px 10px; }
              #gdpr.container .gdpr__info__contents .contents__right .accordion__item__title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                cursor: pointer; }
                #gdpr.container .gdpr__info__contents .contents__right .accordion__item__title span {
                  font-size: 18px;
                  font-weight: bold;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.61;
                  letter-spacing: normal;
                  color: #2f2f2f; }
                #gdpr.container .gdpr__info__contents .contents__right .accordion__item__title img {
                  width: 20px;
                  height: 20px;
                  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
                #gdpr.container .gdpr__info__contents .contents__right .accordion__item__title.on img {
                  -ms-transform: rotate(180deg);
                  -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
              #gdpr.container .gdpr__info__contents .contents__right .accordion__item__description {
                height: 0px;
                padding: 0px 20px;
                font-size: 15px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.6;
                letter-spacing: normal;
                color: #666;
                overflow: hidden;
                transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
                #gdpr.container .gdpr__info__contents .contents__right .accordion__item__description.on {
                  height: auto;
                  padding: 36px 20px 25px 20px; }
            #gdpr.container .gdpr__info__contents .contents__right .accordion__division {
              width: 100%;
              height: 1px;
              background-color: #d7d7d7; }

@media all and (max-width: 768px) {
  #gdpr.container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 17px 0px 100px 0px; }
    #gdpr.container .gdpr {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
      #gdpr.container .gdpr__title {
        width: calc(100% - 40px);
        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        color: #2f2f2f; }
      #gdpr.container .gdpr__sub-title {
        width: calc(100% - 40px);
        margin-top: 13px;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        color: #333; }
      #gdpr.container .gdpr__image {
        width: calc(100% - 40px);
        height: auto;
        margin-top: 30px;
        margin-left: 0; }
      #gdpr.container .gdpr__articles {
        display: flex;
        flex-direction: column;
        row-gap: 60px;
        width: calc(100% - 40px);
        margin-top: 40px; }
        #gdpr.container .gdpr__articles .article {
          display: flex;
          flex-direction: column;
          row-gap: 15px; }
          #gdpr.container .gdpr__articles .article__title {
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.3;
            letter-spacing: normal;
            color: #2f2f2f; }
          #gdpr.container .gdpr__articles .article__description {
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.57;
            letter-spacing: normal;
            color: #444; }
      #gdpr.container .gdpr__info {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 15px;
        width: 100%;
        margin-top: 60px; }
        #gdpr.container .gdpr__info__title {
          width: calc(100% - 40px);
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.3;
          letter-spacing: normal;
          color: #2f2f2f; }
        #gdpr.container .gdpr__info__contents {
          display: flex;
          flex-direction: column;
          align-items: center;
          row-gap: 45px; }
          #gdpr.container .gdpr__info__contents .contents__left {
            width: calc(100% - 40px);
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.57;
            letter-spacing: normal;
            color: #ff4766; }
          #gdpr.container .gdpr__info__contents .contents__right {
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 58px; }
            #gdpr.container .gdpr__info__contents .contents__right ul {
              display: flex;
              flex-direction: column;
              row-gap: 18px;
              width: calc(100% - 60px);
              padding-left: 14px; }
              #gdpr.container .gdpr__info__contents .contents__right ul li {
                display: flex;
                flex-direction: column;
                row-gap: 8px;
                align-items: flex-start;
                position: relative;
                font-size: 15px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                letter-spacing: normal;
                color: #2f2f2f; }
                #gdpr.container .gdpr__info__contents .contents__right ul li .tag {
                  padding: 3px 14px;
                  border-radius: 10px;
                  border: solid 1px #8f8f8f;
                  font-size: 11px;
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  color: #8f8f8f; }
                #gdpr.container .gdpr__info__contents .contents__right ul li::before {
                  content: '';
                  position: absolute;
                  top: 6px;
                  left: -12px;
                  width: 6px;
                  height: 6px;
                  background-color: #ff4766;
                  border-radius: 3px; }
            #gdpr.container .gdpr__info__contents .contents__right .accordion {
              padding: 0px;
              border-radius: 0;
              box-shadow: none;
              background-color: #fff;
              border: 1px solid #b1b1b1; }
              #gdpr.container .gdpr__info__contents .contents__right .accordion__item {
                padding: 27px 20px; }
                #gdpr.container .gdpr__info__contents .contents__right .accordion__item__title {
                  display: flex;
                  column-gap: 16px;
                  align-items: center;
                  justify-content: space-between;
                  cursor: pointer; }
                  #gdpr.container .gdpr__info__contents .contents__right .accordion__item__title span {
                    font-size: 16px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: normal;
                    color: #2f2f2f; }
                  #gdpr.container .gdpr__info__contents .contents__right .accordion__item__title img {
                    width: 20px;
                    height: 20px;
                    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
                  #gdpr.container .gdpr__info__contents .contents__right .accordion__item__title.on img {
                    -ms-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg); }
                #gdpr.container .gdpr__info__contents .contents__right .accordion__item__description {
                  height: 0px;
                  padding: 0px;
                  font-size: 14px;
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.57;
                  letter-spacing: normal;
                  color: #666;
                  overflow: hidden;
                  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
                  #gdpr.container .gdpr__info__contents .contents__right .accordion__item__description.on {
                    height: auto;
                    padding: 36px 0px 25px 0px; }
              #gdpr.container .gdpr__info__contents .contents__right .accordion__division {
                width: 100%;
                height: 1px;
                background-color: #d7d7d7; } }

#my.container {
  width: 100%;
  min-width: 1280px;
  background-color: #f4f4f1; }
  #my.container .my {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    width: 100%;
    height: 100vh; }
    #my.container .my__top {
      position: absolute;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 50px; }
      #my.container .my__top > div {
        display: flex;
        align-items: center; }
      #my.container .my__top__logo {
        height: 22px;
        padding: 15px 15px 8px 15px;
        border-right: 1px solid #c1c1c1; }
      #my.container .my__top__home {
        transform: translateY(2px);
        padding: 15px 15px 8px 15px;
        font-size: 22px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #444; }
      #my.container .my__top__user {
        padding: 16px 20px;
        position: relative; }
        #my.container .my__top__user .user__image {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 32px;
          height: 32px;
          border-radius: 50%;
          cursor: pointer; }
          #my.container .my__top__user .user__image:hover {
            background-color: rgba(0, 0, 0, 0.06); }
        #my.container .my__top__user .user--hide {
          display: none;
          flex-direction: column;
          row-gap: 16px;
          position: absolute;
          right: 10px;
          top: 50px;
          box-sizing: border-box;
          width: 220px;
          padding: 16px;
          border-radius: 10px;
          box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
          background-color: #fff;
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.46;
          letter-spacing: normal;
          text-align: start;
          color: #767676;
          z-index: 10;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #my.container .my__top__user .user--hide .name {
            padding: 0px 10px;
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.46;
            letter-spacing: normal;
            color: #3096a7; }
          #my.container .my__top__user .user--hide .division {
            height: 1px;
            background-color: #d7d7d7; }
          #my.container .my__top__user .user--hide .buttons {
            display: flex;
            flex-direction: column;
            row-gap: 4px; }
          #my.container .my__top__user .user--hide .button {
            display: flex;
            align-items: center;
            margin: 0px 10px;
            padding: 6px 0 6px 10px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #2f2f2f; }
            #my.container .my__top__user .user--hide .button:hover {
              background-color: rgba(0, 0, 0, 0.06); }
            #my.container .my__top__user .user--hide .button.sub {
              font-size: 13px; }
              #my.container .my__top__user .user--hide .button.sub::before {
                content: "•";
                padding: 0 6px 0 4px;
                color: #999999; }
          #my.container .my__top__user .user--hide .options {
            display: flex;
            flex-direction: column;
            row-gap: 12px; }
          #my.container .my__top__user .user--hide .button--border {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px 0px;
            border: solid 1px #bbb;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 13px;
            letter-spacing: normal;
            text-align: center;
            color: #444; }
            #my.container .my__top__user .user--hide .button--border:hover {
              background-color: rgba(0, 0, 0, 0.06); }
          #my.container .my__top__user .user--hide .lang {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-left: 10px; }
            #my.container .my__top__user .user--hide .lang .select {
              position: relative;
              display: flex;
              column-gap: 5px;
              align-items: center;
              padding: 6px 12px 6px 6px;
              border-radius: 6px;
              border: solid 1px #bbb;
              background-color: #fff;
              cursor: pointer; }
              #my.container .my__top__user .user--hide .lang .select__name {
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1;
                letter-spacing: normal;
                color: #2f2f2f; }
              #my.container .my__top__user .user--hide .lang .select--show {
                display: flex;
                column-gap: 5px;
                align-items: center; }
              #my.container .my__top__user .user--hide .lang .select--hide {
                display: none;
                position: absolute;
                top: -1px;
                left: -1px;
                width: 90px;
                border-radius: 6px;
                border: solid 1px #bbb;
                background-color: #fff;
                overflow: hidden; }
                #my.container .my__top__user .user--hide .lang .select--hide li {
                  display: flex;
                  column-gap: 10px;
                  align-items: center;
                  padding: 6px;
                  cursor: pointer; }
                  #my.container .my__top__user .user--hide .lang .select--hide li:hover {
                    background-color: #ebebeb; }
                  #my.container .my__top__user .user--hide .lang .select--hide li img {
                    border-radius: 50%;
                    background-color: #fff; }
                  #my.container .my__top__user .user--hide .lang .select--hide li span {
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1;
                    letter-spacing: normal;
                    color: #2f2f2f; }
        #my.container .my__top__user .user--hide.open {
          display: flex; }
    #my.container .my .box {
      display: grid;
      grid-template-rows: 356px 4px 130px;
      width: 380px;
      height: 490px;
      border-radius: 14px;
      box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
      background-color: #fff;
      transition: box-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
      #my.container .my .box:hover {
        border: solid 3px #ec0047;
        margin: -3px;
        box-shadow: 0 35px 35px -16px rgba(0, 0, 0, 0.25); }
      #my.container .my .box__top {
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        align-items: center;
        cursor: pointer; }
        #my.container .my .box__top__title {
          margin-top: 60px;
          font-family: NewRubrik;
          font-size: 42px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: -1px;
          text-align: center;
          color: #ec0047; }
        #my.container .my .box__top__image {
          width: 240px; }
        #my.container .my .box__top__button {
          position: absolute;
          left: 50%;
          bottom: 25px;
          transform: translateX(-50%);
          padding: 12px 15px 12px 36px;
          border: solid 1px #ec0047;
          border-radius: 20px;
          background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-right-red.svg") no-repeat 10% center;
          background-size: 16px;
          background-color: #fff;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #ec0047; }
        #my.container .my .box__top:hover .box__top__button {
          background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-right-white.svg") no-repeat 10% center;
          background-color: #ec0047;
          color: #fff; }
      #my.container .my .box__division {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); }
      #my.container .my .box__bottom {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
        align-items: center;
        justify-content: center;
        background-color: #f8f8f8;
        border-radius: 0px 0px 14px 14px; }
        #my.container .my .box__bottom__title {
          display: flex;
          column-gap: 5px;
          align-items: center;
          cursor: pointer; }
          #my.container .my .box__bottom__title h4 {
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.3;
            letter-spacing: normal;
            text-align: center;
            color: #444; }
          #my.container .my .box__bottom__title .info {
            position: relative; }
            #my.container .my .box__bottom__title .info--hide {
              display: none;
              position: absolute;
              right: -93px;
              bottom: 28px;
              box-sizing: border-box;
              min-width: 220px;
              padding: 16px;
              border-radius: 10px;
              box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
              background-color: #fff;
              font-size: 13px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.46;
              letter-spacing: normal;
              text-align: start;
              color: #767676;
              z-index: 10;
              transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
              #my.container .my .box__bottom__title .info--hide .title {
                font-size: 13px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.46;
                letter-spacing: normal;
                color: #ec0047; }
              #my.container .my .box__bottom__title .info--hide .description {
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.46;
                letter-spacing: normal;
                color: #444; }
              #my.container .my .box__bottom__title .info--hide::after {
                content: '';
                position: absolute;
                bottom: -1px;
                right: 93px;
                background-color: #fff;
                z-index: 2;
                transform: rotate(-45deg) translateX(-50%);
                width: 10px;
                height: 10px;
                -webkit-box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.16);
                box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.16); }
          #my.container .my .box__bottom__title:hover .info--hide {
            display: block; }
        #my.container .my .box__bottom__battery {
          position: relative;
          display: flex;
          column-gap: 5px;
          align-items: center;
          padding: 0px 5px;
          border-radius: 5px;
          cursor: pointer; }
          #my.container .my .box__bottom__battery .icon {
            position: relative;
            width: 30px;
            height: 30px;
            background: url("https://dream-cdn.beusable.net/home/images/my/battery.svg") no-repeat 0% center; }
            #my.container .my .box__bottom__battery .icon__fill {
              position: absolute;
              top: 11px;
              left: 5px;
              height: 8px;
              padding-left: 3px; }
          #my.container .my .box__bottom__battery .percentage {
            font-size: 15px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #666; }
          #my.container .my .box__bottom__battery .battery--hide {
            display: none;
            position: absolute;
            right: -72px;
            bottom: 40px;
            box-sizing: border-box;
            width: 208px;
            padding: 16px;
            border-radius: 10px;
            box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
            background-color: #fff;
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.46;
            letter-spacing: normal;
            text-align: start;
            color: #767676;
            z-index: 10;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #my.container .my .box__bottom__battery .battery--hide .title {
              font-size: 13px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.46;
              letter-spacing: normal;
              color: #ec0047; }
            #my.container .my .box__bottom__battery .battery--hide .description {
              font-size: 13px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.46;
              letter-spacing: normal;
              color: #444; }
            #my.container .my .box__bottom__battery .battery--hide::after {
              content: '';
              position: absolute;
              bottom: -1px;
              right: 93px;
              background-color: #fff;
              z-index: 2;
              transform: rotate(-45deg) translateX(-50%);
              width: 10px;
              height: 10px;
              -webkit-box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.16);
              box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.16); }
          #my.container .my .box__bottom__battery:hover {
            background-color: rgba(0, 0, 0, 0.06); }
          #my.container .my .box__bottom__battery:hover .battery--hide {
            display: block; }
        #my.container .my .box__bottom__setting {
          cursor: pointer; }
          #my.container .my .box__bottom__setting > a {
            display: flex;
            align-items: center; }
          #my.container .my .box__bottom__setting img {
            border-radius: 50%;
            padding: 5px; }
          #my.container .my .box__bottom__setting:hover .setting {
            background-color: rgba(0, 0, 0, 0.06); }
          #my.container .my .box__bottom__setting span {
            font-size: 13px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #444444; }
            #my.container .my .box__bottom__setting span.red {
              color: #ec0047; }

#signin.container {
  width: 100%;
  height: 100vh;
  min-height: 736px;
  box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
  background-color: #e3e6c7; }
  #signin.container .signin {
    display: grid;
    align-items: center;
    grid-template-columns: 348px auto;
    width: 100%;
    height: 100%; }
    #signin.container .signin .form {
      position: relative;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      width: 340px;
      height: calc(100% - 16px);
      min-height: 720px;
      margin-left: 8px;
      padding: 0px 40px;
      border-radius: 14px;
      box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
      background-color: #fff; }
      #signin.container .signin .form__contents {
        display: flex;
        flex-direction: column;
        width: 100%; }
        #signin.container .signin .form__contents__logo {
          display: inline;
          margin-left: 5px;
          width: 115px; }
        #signin.container .signin .form__contents__title {
          margin-top: 20px;
          font-size: 40px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #555; }
        #signin.container .signin .form__contents__sub-title {
          margin-left: 5px;
          margin-top: 20px;
          font-size: 13px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.46;
          letter-spacing: normal;
          color: #666; }
        #signin.container .signin .form__contents__input {
          position: relative;
          display: flex;
          flex-direction: column;
          row-gap: 5px;
          margin-top: 25px; }
          #signin.container .signin .form__contents__input label {
            margin-left: 5px;
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #767676; }
          #signin.container .signin .form__contents__input input {
            height: 38px;
            padding: 10px 12px;
            border-radius: 6px;
            border: solid 1px #bbb;
            background-color: #fff;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 14px;
            letter-spacing: normal;
            color: #000;
            font-family: system-ui; }
            #signin.container .signin .form__contents__input input::placeholder {
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 14px;
              letter-spacing: normal;
              color: #bbb;
              font-family: system-ui; }
            #signin.container .signin .form__contents__input input:focus {
              border: solid 1px #289eef;
              outline: 0px; }
            #signin.container .signin .form__contents__input input[disabled] {
              background-color: #d7d7d7;
              opacity: 0.3; }
            #signin.container .signin .form__contents__input input.error-line {
              border: solid 1px #ec0047; }
            #signin.container .signin .form__contents__input input::-ms-reveal, #signin.container .signin .form__contents__input input::-ms-clear {
              display: none !important;
              visibility: hidden;
              opacity: 0; }
          #signin.container .signin .form__contents__input input:focus::-webkit-textfield-decoration-container {
            visibility: hidden; }
          #signin.container .signin .form__contents__input .eye {
            position: absolute;
            top: 48%;
            right: 10px;
            width: 20px;
            height: 20px;
            background: url("https://dream-cdn.beusable.net/home/images/icon-eye-off.svg") no-repeat center center; }
            #signin.container .signin .form__contents__input .eye.on {
              background: url("https://dream-cdn.beusable.net/home/images/icon-eye-on.svg") no-repeat center center; }
          #signin.container .signin .form__contents__input .close {
            display: none;
            position: absolute;
            top: 52%;
            right: 12px;
            width: 14px;
            height: 14px;
            background: url("https://dream-cdn.beusable.net/home/images/icon-input-close.svg") no-repeat center center; }
            #signin.container .signin .form__contents__input .close.on {
              display: block; }
          #signin.container .signin .form__contents__input .error {
            display: none;
            position: absolute;
            left: 4px;
            bottom: -15px;
            font-size: 12px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #e60724; }
        #signin.container .signin .form__contents__button {
          width: 100%;
          margin-top: 30px;
          padding: 12px 0px;
          border-radius: 20px;
          background-color: #ec0047;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
        #signin.container .signin .form__contents__option {
          display: flex;
          justify-content: center;
          align-items: center;
          column-gap: 10px;
          margin-top: 20px; }
          #signin.container .signin .form__contents__option .division {
            width: 1px;
            height: 12px;
            background-color: #d7d7d7; }
          #signin.container .signin .form__contents__option a {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.46;
            letter-spacing: normal;
            color: #666; }
      #signin.container .signin .form__footer {
        position: absolute;
        bottom: 30px;
        display: flex;
        flex-direction: column;
        row-gap: 15px;
        align-items: center;
        box-sizing: border-box;
        width: calc(100% - 80px); }
        #signin.container .signin .form__footer span,
        #signin.container .signin .form__footer a {
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #666;
          text-align: center; }
        #signin.container .signin .form__footer__lang {
          display: flex;
          column-gap: 10px;
          align-items: center; }
          #signin.container .signin .form__footer__lang .select {
            position: relative;
            display: flex;
            column-gap: 6px;
            align-items: center;
            padding: 5px 12px 5px 6px;
            border-radius: 6px;
            border: solid 1px #bbb;
            background-color: #fff;
            cursor: pointer; }
            #signin.container .signin .form__footer__lang .select__name {
              margin-right: 5px;
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #2f2f2f; }
            #signin.container .signin .form__footer__lang .select--hide {
              display: none;
              position: absolute;
              top: -1px;
              left: -1px;
              overflow: hidden;
              width: 99px;
              border-radius: 6px;
              border: solid 1px #bbb;
              background-color: #fff; }
              #signin.container .signin .form__footer__lang .select--hide li {
                display: flex;
                column-gap: 10px;
                align-items: center;
                padding: 5px;
                cursor: pointer; }
                #signin.container .signin .form__footer__lang .select--hide li:hover {
                  background-color: #ebebeb; }
                #signin.container .signin .form__footer__lang .select--hide li img {
                  border-radius: 50%;
                  background-color: #fff; }
                #signin.container .signin .form__footer__lang .select--hide li span {
                  font-size: 14px;
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1;
                  letter-spacing: normal;
                  color: #2f2f2f; }
    #signin.container .signin__bg {
      display: flex;
      flex-direction: column;
      row-gap: 32px;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100vh; }
      #signin.container .signin__bg h2 {
        font-family: NewRubrik;
        font-size: 30px;
        color: #ec0047;
        text-align: center; }

@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
  #signin.container .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    perspective: 500px; }
    #signin.container .popup .signup {
      display: grid;
      grid-template-columns: 240px 340px;
      column-gap: 40px;
      position: relative;
      box-sizing: border-box;
      width: 720px;
      height: 480px;
      border-radius: 14px;
      padding-left: 40px;
      box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
      background-color: #fff; }
      #signin.container .popup .signup .logo {
        position: absolute;
        left: 40px;
        top: 40px;
        width: 112px; }
      #signin.container .popup .signup--left {
        display: flex;
        flex-direction: column;
        row-gap: 18px;
        margin-top: 123px; }
      #signin.container .popup .signup--right {
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        margin-top: 80px; }
        #signin.container .popup .signup--right.step-2 {
          margin-top: 145px; }
      #signin.container .popup .signup__title {
        font-size: 40px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #555; }
        #signin.container .popup .signup__title.step-2 {
          font-size: 30px;
          font-weight: 500; }
      #signin.container .popup .signup__sub-title {
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: normal;
        color: #666; }
      #signin.container .popup .signup__rocket {
        width: 70px;
        height: 70px; }
      #signin.container .popup .signup__input {
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 5px; }
        #signin.container .popup .signup__input label {
          margin-left: 5px;
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #767676; }
        #signin.container .popup .signup__input input {
          height: 38px;
          padding: 10px 12px;
          border-radius: 6px;
          border: solid 1px #bbb;
          background-color: #fff;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 14px;
          letter-spacing: normal;
          color: #000;
          font-family: system-ui; }
          #signin.container .popup .signup__input input::placeholder {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 14px;
            letter-spacing: normal;
            color: #bbb;
            font-family: system-ui; }
          #signin.container .popup .signup__input input:focus {
            border: solid 1px #289eef;
            outline: 0px; }
          #signin.container .popup .signup__input input[disabled] {
            background-color: #d7d7d7;
            opacity: 0.3; }
          #signin.container .popup .signup__input input.error-line {
            border: solid 1px #ec0047; }
          #signin.container .popup .signup__input input::-ms-reveal, #signin.container .popup .signup__input input::-ms-clear {
            display: none !important;
            visibility: hidden;
            opacity: 0; }
        #signin.container .popup .signup__input input:focus::-webkit-textfield-decoration-container {
          visibility: hidden; }
        #signin.container .popup .signup__input .eye {
          position: absolute;
          top: 48%;
          right: 10px;
          width: 20px;
          height: 20px;
          background: url("https://dream-cdn.beusable.net/home/images/icon-eye-off.svg") no-repeat center center;
          cursor: pointer; }
          #signin.container .popup .signup__input .eye.on {
            background: url("https://dream-cdn.beusable.net/home/images/icon-eye-on.svg") no-repeat center center; }
        #signin.container .popup .signup__input .error {
          display: none;
          position: absolute;
          left: 4px;
          bottom: -20px;
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #e60724; }
        #signin.container .popup .signup__input .close {
          display: none;
          position: absolute;
          top: 52%;
          right: 12px;
          width: 14px;
          height: 14px;
          background: url("https://dream-cdn.beusable.net/home/images/icon-input-close.svg") no-repeat center center;
          cursor: pointer; }
          #signin.container .popup .signup__input .close.on {
            display: block; }
      #signin.container .popup .signup__select {
        display: flex;
        flex-direction: column;
        row-gap: 5px; }
        #signin.container .popup .signup__select label {
          margin-left: 5px;
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #767676; }
        #signin.container .popup .signup__select .select {
          position: relative;
          box-sizing: border-box;
          height: 38px;
          padding: 12px;
          border-radius: 6px;
          border: solid 1px #bbb;
          background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 97% center; }
          #signin.container .popup .signup__select .select--show {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #444;
            cursor: pointer; }
          #signin.container .popup .signup__select .select--hide {
            position: absolute;
            top: -1px;
            left: -1px;
            display: none;
            width: 100%;
            border-radius: 6px;
            border: solid 1px #bbb;
            background-color: #fff;
            z-index: 1;
            overflow: hidden; }
            #signin.container .popup .signup__select .select--hide .item {
              padding: 12px;
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #444;
              cursor: pointer; }
              #signin.container .popup .signup__select .select--hide .item:hover {
                background-color: #ebebeb; }
        #signin.container .popup .signup__select .description {
          position: relative;
          left: 4px;
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #767676; }
      #signin.container .popup .signup__term .ui-checkbox .error {
        display: none;
        position: absolute;
        left: 26px;
        bottom: -32px;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        color: #e60724; }
      #signin.container .popup .signup__buttons {
        position: absolute;
        bottom: 25px;
        display: flex;
        justify-content: center;
        column-gap: 5px;
        width: 100%;
        height: 38px; }
        #signin.container .popup .signup__buttons .cancel {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100px;
          padding: 12px 0;
          border-radius: 20px;
          border: solid 1px #bbb;
          background-color: #fff;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #444; }
        #signin.container .popup .signup__buttons .continue {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100px;
          padding: 12px 0;
          border-radius: 20px;
          background-color: #ec0047;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
    #signin.container .popup .reset-pw {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
      width: 430px;
      height: 327px;
      border-radius: 14px;
      padding: 25px 30px;
      box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
      background-color: #fff; }
      #signin.container .popup .reset-pw__image {
        width: 50px;
        height: 50px;
        margin-top: 25px; }
      #signin.container .popup .reset-pw__title {
        margin-top: 15px;
        font-size: 20px;
        line-height: 23px;
        color: #444;
        text-align: center; }
      #signin.container .popup .reset-pw__input {
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 5px;
        width: 100%;
        margin-top: 25px; }
        #signin.container .popup .reset-pw__input label {
          margin-left: 5px;
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #767676; }
        #signin.container .popup .reset-pw__input input {
          height: 38px;
          padding: 10px 12px;
          border-radius: 6px;
          border: solid 1px #bbb;
          background-color: #fff;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 14px;
          letter-spacing: normal;
          color: #000;
          font-family: system-ui; }
          #signin.container .popup .reset-pw__input input::placeholder {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 14px;
            letter-spacing: normal;
            color: #bbb;
            font-family: system-ui; }
          #signin.container .popup .reset-pw__input input:focus {
            border: solid 1px #289eef;
            outline: 0px; }
          #signin.container .popup .reset-pw__input input[disabled] {
            background-color: #d7d7d7;
            opacity: 0.3; }
          #signin.container .popup .reset-pw__input input.error-line {
            border: solid 1px #ec0047; }
        #signin.container .popup .reset-pw__input .error {
          display: none;
          position: absolute;
          left: 4px;
          bottom: -20px;
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #e60724; }
      #signin.container .popup .reset-pw__buttons {
        position: absolute;
        bottom: 25px;
        display: flex;
        justify-content: center;
        column-gap: 5px;
        width: 100%;
        height: 38px; }
        #signin.container .popup .reset-pw__buttons .cancel {
          width: 100px;
          padding: 12px 0;
          border-radius: 20px;
          border: solid 1px #bbb;
          background-color: #fff;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #444; }
        #signin.container .popup .reset-pw__buttons .continue {
          width: 100px;
          padding: 12px 0;
          border-radius: 20px;
          background-color: #ec0047;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
    #signin.container .popup .email-send {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
      width: 430px;
      border-radius: 14px;
      padding: 25px 30px;
      box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
      background-color: #fff; }
      #signin.container .popup .email-send__image {
        width: 50px;
        height: 50px;
        margin-top: 25px; }
      #signin.container .popup .email-send__title {
        margin-top: 15px;
        font-size: 20px;
        line-height: 23px;
        color: #444;
        text-align: center; }
      #signin.container .popup .email-send__sub-title {
        flex-grow: 1;
        margin-top: 22px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: center;
        color: #2f2f2f; }
      #signin.container .popup .email-send__buttons {
        margin-top: 25px;
        display: flex;
        justify-content: center;
        column-gap: 5px;
        width: 100%;
        height: 38px; }
        #signin.container .popup .email-send__buttons .cancel {
          width: 100px;
          padding: 12px 0;
          border-radius: 20px;
          border: solid 1px #bbb;
          background-color: #fff;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #444; }
        #signin.container .popup .email-send__buttons .continue {
          width: 70px;
          padding: 12px 0;
          border-radius: 20px;
          border: solid 1px #bbb;
          background-color: #fff;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #444; }
    #signin.container .popup .referral-modal {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
      width: 430px;
      border-radius: 14px;
      padding: 25px 30px;
      box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
      background-color: #fff; }
      #signin.container .popup .referral-modal__image {
        width: 50px;
        height: 50px;
        margin-top: 25px; }
      #signin.container .popup .referral-modal__title {
        margin-top: 15px;
        font-size: 20px;
        line-height: 23px;
        color: #444;
        text-align: center; }
      #signin.container .popup .referral-modal__sub-title {
        flex-grow: 1;
        margin-top: 22px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: center;
        color: #2f2f2f; }
      #signin.container .popup .referral-modal__link {
        display: inline-flex;
        margin-top: 12px;
        color: #0074FF;
        font-size: 13px;
        line-height: 150%; }
        #signin.container .popup .referral-modal__link:before {
          content: url(../../images/icon-link-blue.svg);
          margin-right: 4px; }
      #signin.container .popup .referral-modal__contact {
        margin-top: 12px;
        color: #0074FF;
        font-size: 12px;
        line-height: 150%; }
        #signin.container .popup .referral-modal__contact a, #signin.container .popup .referral-modal__contact a:-webkit-any-link {
          color: #0074FF;
          text-decoration: underline; }
      #signin.container .popup .referral-modal .applied-service {
        width: 100%;
        padding: 20px 0;
        margin-top: 28px;
        border-top: 1px dashed #d7d7d7;
        border-bottom: 1px dashed #d7d7d7;
        text-align: center; }
        #signin.container .popup .referral-modal .applied-service-label {
          padding: 4px 0 20px;
          color: #2F2F2F;
          font-size: 13px;
          font-weight: 500; }
        #signin.container .popup .referral-modal .applied-service-list {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 28px; }
          #signin.container .popup .referral-modal .applied-service-list .ba-logo {
            display: none;
            width: 101px;
            height: 16px;
            background-image: url("../../images/logo-journeymap-red.svg"); }
          #signin.container .popup .referral-modal .applied-service-list .beus-logo {
            display: none;
            width: 97px;
            height: 16px;
            background-image: url("../../images/logo-heatmap-red.svg"); }
      #signin.container .popup .referral-modal__buttons {
        margin-top: 42px;
        display: flex;
        justify-content: center;
        column-gap: 5px;
        width: 100%;
        height: 38px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1; }
        #signin.container .popup .referral-modal__buttons .cancel {
          padding: 12px 18px;
          border-radius: 20px;
          border: solid 1px #bbb;
          background-color: #fff;
          color: #444; }
        #signin.container .popup .referral-modal__buttons .continue {
          padding: 12px 18px;
          border-radius: 20px;
          border: solid 1px #EC0047;
          background-color: #fff;
          color: #EC0047; }
    #signin.container .popup .set-referral {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
      width: 428px;
      border-radius: 14px;
      padding: 24px 28px;
      box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
      background-color: #fff; }
      #signin.container .popup .set-referral .icon-star-badge {
        width: 52px;
        height: 52px;
        background-image: url("../../images/icon-star-badge.svg"); }
      #signin.container .popup .set-referral__title {
        margin-top: 12px;
        font-size: 20px;
        line-height: 1.2;
        color: #444; }
      #signin.container .popup .set-referral__sub-title {
        margin: 36px 0 24px 0;
        color: #2F2F2F;
        font-size: 14px;
        line-height: 150%; }
      #signin.container .popup .set-referral input.error-line {
        border: solid 1px #ec0047; }
      #signin.container .popup .set-referral input .error {
        display: none;
        position: absolute;
        left: 4px;
        bottom: -20px;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #e60724; }
      #signin.container .popup .set-referral__service {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        padding: 20px 0 0;
        margin-top: 28px;
        border-top: 1px solid #D7D7D7; }
        #signin.container .popup .set-referral__service-title {
          color: #2F2F2F;
          font-size: 13px;
          font-weight: 500;
          line-height: 1; }
        #signin.container .popup .set-referral__service-list {
          display: flex;
          align-items: center;
          gap: 32px;
          margin: 0 20px; }
          #signin.container .popup .set-referral__service-list .system-font {
            color: #2F2F2F; }
        #signin.container .popup .set-referral__service-terms {
          width: 100%;
          padding: 20px;
          border-radius: 6px;
          border: 1px solid #d7d7d7;
          background-color: #f4f4f4;
          box-sizing: border-box;
          text-align: left; }
          #signin.container .popup .set-referral__service-terms .terms-title {
            margin-bottom: 12px;
            font-size: 13px;
            line-height: 1.2; }
            #signin.container .popup .set-referral__service-terms .terms-title .link {
              color: #2F2F2F;
              text-decoration: underline;
              word-break: break-all; }
            #signin.container .popup .set-referral__service-terms .terms-title .necessary {
              color: #E60724;
              margin-left: 4px; }
          #signin.container .popup .set-referral__service-terms .terms-list {
            display: flex;
            flex-direction: column;
            gap: 7px;
            color: #666;
            font-size: 13px;
            line-height: 1.46;
            list-style-type: disc;
            padding-left: 20px; }
        #signin.container .popup .set-referral__service-confirm {
          justify-content: center; }
          #signin.container .popup .set-referral__service-confirm .system-font {
            color: #2F2F2F; }
      #signin.container .popup .set-referral__buttons {
        margin-top: 36px;
        display: flex;
        justify-content: center;
        column-gap: 4px;
        width: 100%;
        height: 38px;
        font-size: 14px;
        line-height: 1; }
        #signin.container .popup .set-referral__buttons .cancel {
          height: 38px;
          padding: 0 18px;
          border-radius: 20px;
          border: solid 1px #bbb;
          background-color: #fff;
          color: #444;
          font-weight: 600; }
        #signin.container .popup .set-referral__buttons .continue {
          height: 38px;
          padding: 0 18px;
          border-radius: 20px;
          border: solid 1px #EC0047;
          background-color: #fff;
          color: #EC0047;
          font-weight: 600; }
          #signin.container .popup .set-referral__buttons .continue[disabled] {
            opacity: 0.3; }

.signin-mobile {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 40px;
  width: 100%;
  height: 100vh;
  background-color: #fff; }
  .signin-mobile p {
    width: 210px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    color: #444; }
  .signin-mobile a {
    display: flex;
    column-gap: 12px;
    padding: 12px 15px;
    border: 1px solid #bbb;
    border-radius: 20px;
    font-size: 14px;
    color: #444; }
    .signin-mobile a img {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }

@media all and (max-width: 768px) {
  #signin.container {
    width: 100%;
    height: 100vh;
    box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
    background-color: #e3e6c7; }
    #signin.container .signin {
      display: grid;
      align-items: center;
      grid-template-columns: 100%;
      width: 100%;
      height: 100%; }
      #signin.container .signin .form {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 18px;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin-left: 0;
        padding: 0px 40px;
        border-radius: 14px;
        box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
        background-color: #fff; }
        #signin.container .signin .form__contents {
          display: flex;
          flex-direction: column;
          width: 100%; }
          #signin.container .signin .form__contents__logo {
            display: inline;
            margin-left: 5px;
            width: 115px; }
          #signin.container .signin .form__contents__title {
            margin-top: 20px;
            font-size: 40px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #555; }
          #signin.container .signin .form__contents__sub-title {
            margin-left: 5px;
            margin-top: 20px;
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.46;
            letter-spacing: normal;
            color: #666; }
          #signin.container .signin .form__contents__input {
            display: flex;
            flex-direction: column;
            row-gap: 5px;
            margin-top: 25px; }
            #signin.container .signin .form__contents__input label {
              margin-left: 5px;
              font-size: 13px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #767676; }
            #signin.container .signin .form__contents__input input {
              padding: 12px;
              border-radius: 6px;
              border: solid 1px #bbb;
              background-color: #fff;
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #bbb; }
          #signin.container .signin .form__contents__button {
            width: 100%;
            margin-top: 30px;
            padding: 12px 0px;
            border-radius: 20px;
            background-color: #ec0047;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #fff; }
          #signin.container .signin .form__contents__option {
            display: flex;
            justify-content: center;
            align-items: center;
            column-gap: 10px;
            margin-top: 20px; }
            #signin.container .signin .form__contents__option .division {
              width: 1px;
              height: 12px;
              background-color: #d7d7d7; }
            #signin.container .signin .form__contents__option a {
              font-size: 13px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.46;
              letter-spacing: normal;
              color: #666; }
        #signin.container .signin .form__footer {
          position: initial;
          bottom: 30px;
          display: flex;
          flex-direction: column;
          row-gap: 15px;
          align-items: center;
          box-sizing: border-box;
          width: calc(100% - 80px); }
          #signin.container .signin .form__footer span,
          #signin.container .signin .form__footer a {
            font-size: 12px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #666;
            text-align: center; }
          #signin.container .signin .form__footer__lang {
            display: flex;
            column-gap: 10px;
            align-items: center; }
            #signin.container .signin .form__footer__lang .select {
              position: relative;
              display: flex;
              column-gap: 5px;
              align-items: center;
              padding: 6px 12px 6px 6px;
              border-radius: 6px;
              border: solid 1px #bbb;
              background-color: #fff;
              cursor: pointer; }
              #signin.container .signin .form__footer__lang .select__name {
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1;
                letter-spacing: normal;
                color: #2f2f2f; }
              #signin.container .signin .form__footer__lang .select--hide {
                display: none;
                position: absolute;
                top: -1px;
                left: -1px;
                width: 90px;
                border-radius: 6px;
                border: solid 1px #bbb;
                background-color: #fff; }
                #signin.container .signin .form__footer__lang .select--hide li {
                  display: flex;
                  column-gap: 10px;
                  align-items: center;
                  padding: 6px;
                  cursor: pointer; }
                  #signin.container .signin .form__footer__lang .select--hide li:hover {
                    background-color: #ebebeb; }
                  #signin.container .signin .form__footer__lang .select--hide li span {
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1;
                    letter-spacing: normal;
                    color: #2f2f2f; }
      #signin.container .signin__bg {
        display: none;
        flex-direction: column;
        row-gap: 32px;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100vh; }
        #signin.container .signin__bg h2 {
          font-family: NewRubrik;
          font-size: 30px;
          color: #ec0047;
          text-align: center; }
    #signin.container .popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6); }
      #signin.container .popup .signup {
        display: flex;
        flex-direction: column;
        column-gap: 40px;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border-radius: 14px;
        padding: 0px 35px;
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
        background-color: #fff; }
        #signin.container .popup .signup--left {
          display: flex;
          flex-direction: column;
          align-items: center;
          row-gap: 18px;
          margin-top: 0; }
        #signin.container .popup .signup--right {
          position: relative;
          display: flex;
          flex-direction: column;
          row-gap: 30px;
          margin-top: 80px; }
          #signin.container .popup .signup--right .step-2 {
            margin-top: 145px; }
        #signin.container .popup .signup__title {
          font-size: 40px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #555; }
        #signin.container .popup .signup__sub-title {
          font-size: 13px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.46;
          letter-spacing: normal;
          text-align: center;
          color: #666; }
        #signin.container .popup .signup__rocket {
          display: none;
          width: 70px;
          height: 70px; }
        #signin.container .popup .signup__input {
          display: flex;
          flex-direction: column;
          row-gap: 5px; }
          #signin.container .popup .signup__input label {
            margin-left: 5px;
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #767676; }
          #signin.container .popup .signup__input input {
            padding: 12px;
            border-radius: 6px;
            border: solid 1px #bbb;
            background-color: #fff;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #bbb; }
        #signin.container .popup .signup__term .ui-checkbox {
          position: relative;
          display: flex;
          align-items: center;
          column-gap: 6px;
          font-size: 13px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.46;
          letter-spacing: normal;
          color: #666; }
          #signin.container .popup .signup__term .ui-checkbox .box {
            width: 18px;
            height: 18px;
            position: relative; }
            #signin.container .popup .signup__term .ui-checkbox .box::before {
              content: '';
              position: absolute;
              top: -1px;
              left: -1px;
              height: 20px;
              width: 20px;
              background: url("https://dream-cdn.beusable.net/home/images/icon-checkbox-red.svg") transparent no-repeat center center;
              background-size: 20px 20px;
              opacity: 0; }
            #signin.container .popup .signup__term .ui-checkbox .box:checked::before {
              opacity: 1; }
          #signin.container .popup .signup__term .ui-checkbox a {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.46;
            letter-spacing: normal;
            color: #666;
            text-decoration: underline; }
          #signin.container .popup .signup__term .ui-checkbox .error {
            display: none;
            position: absolute;
            left: 24px;
            bottom: -20px;
            font-size: 12px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #e60724; }
        #signin.container .popup .signup__buttons {
          position: initial;
          display: flex;
          flex-direction: column;
          justify-content: center;
          column-gap: 5px;
          row-gap: 5px;
          width: 100%;
          height: auto;
          margin-top: 20px; }
          #signin.container .popup .signup__buttons .cancel {
            width: 100%;
            padding: 12px 0;
            border-radius: 20px;
            border: solid 1px #bbb;
            background-color: #fff;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #444; }
          #signin.container .popup .signup__buttons .continue {
            order: -1;
            width: 100%;
            padding: 12px 0;
            border-radius: 20px;
            background-color: #ec0047;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #fff; }
      #signin.container .popup .reset-pw {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border-radius: 14px;
        padding: 25px 30px;
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
        background-color: #fff; }
        #signin.container .popup .reset-pw__image {
          width: 50px;
          height: 50px;
          margin-top: 25px; }
        #signin.container .popup .reset-pw__title {
          margin-top: 15px;
          font-size: 20px;
          line-height: 23px;
          color: #444;
          text-align: center; }
        #signin.container .popup .reset-pw__input {
          display: flex;
          flex-direction: column;
          row-gap: 5px;
          width: 100%;
          margin-top: 25px; }
          #signin.container .popup .reset-pw__input label {
            margin-left: 5px;
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #767676; }
          #signin.container .popup .reset-pw__input input {
            padding: 12px;
            border-radius: 6px;
            border: solid 1px #bbb;
            background-color: #fff;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #bbb; }
        #signin.container .popup .reset-pw__buttons {
          position: initial;
          bottom: 25px;
          display: flex;
          justify-content: center;
          column-gap: 5px;
          margin-top: 40px;
          width: 100%;
          height: 38px; }
          #signin.container .popup .reset-pw__buttons .cancel {
            width: 100px;
            padding: 12px 0;
            border-radius: 20px;
            border: solid 1px #bbb;
            background-color: #fff;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #444; }
          #signin.container .popup .reset-pw__buttons .continue {
            width: 100px;
            padding: 12px 0;
            border-radius: 20px;
            background-color: #ec0047;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #fff; }
      #signin.container .popup .email-send {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border-radius: 14px;
        padding: 25px 30px;
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
        background-color: #fff; }
        #signin.container .popup .email-send__image {
          width: 50px;
          height: 50px;
          margin-top: 25px; }
        #signin.container .popup .email-send__title {
          margin-top: 15px;
          font-size: 20px;
          line-height: 23px;
          color: #444;
          text-align: center; }
        #signin.container .popup .email-send__sub-title {
          margin-top: 22px;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          text-align: center;
          color: #2f2f2f; }
        #signin.container .popup .email-send__buttons {
          position: initial;
          bottom: 25px;
          display: flex;
          justify-content: center;
          column-gap: 5px;
          margin-top: 40px;
          width: 100%;
          height: 38px; }
          #signin.container .popup .email-send__buttons .cancel {
            width: 100px;
            padding: 12px 0;
            border-radius: 20px;
            border: solid 1px #bbb;
            background-color: #fff;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #444; }
          #signin.container .popup .email-send__buttons .continue {
            width: 100px;
            padding: 12px 0;
            border-radius: 20px;
            background-color: #ec0047;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #fff; } }

#footer.container {
  margin-top: 0; }

#reference.container .reference {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  #reference.container .reference__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 35px;
    width: 100%;
    padding: 100px 0px; }
    #reference.container .reference__top .title {
      max-width: 1030px;
      font-size: 55px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.31;
      letter-spacing: normal;
      text-align: center;
      color: #2f2f2f; }
      #reference.container .reference__top .title.en {
        letter-spacing: -0.8px; }
      #reference.container .reference__top .title #number-animate {
        display: inline-block;
        min-width: 145px; }
    #reference.container .reference__top .sub-title {
      font-size: 26px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.62;
      letter-spacing: normal;
      text-align: center;
      color: #222; }
  #reference.container .reference__company {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    width: 1152px;
    padding-top: 88px;
    padding-bottom: 70px; }
    #reference.container .reference__company .item {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 30px; }
      #reference.container .reference__company .item__company .items {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(8, 128px);
        justify-content: center;
        column-gap: 18px;
        row-gap: 20px; }
      #reference.container .reference__company .item__company img {
        width: 128px; }
      #reference.container .reference__company .item__company .last-line {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px; }
    #reference.container .reference__company .dot-container {
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px; }
      #reference.container .reference__company .dot-container .grey-dot {
        width: 6px;
        height: 6px;
        border-radius: 25px;
        background-color: #707070; }
  #reference.container .reference__pdf {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    text-align: center; }
    #reference.container .reference__pdf .title {
      color: #222;
      text-align: center;
      font-size: 26px;
      font-weight: 700;
      line-height: 37px;
      /* 142.308% */
      letter-spacing: -0.5px; }
    #reference.container .reference__pdf .download {
      display: flex;
      align-items: center;
      gap: 6px;
      color: #444;
      font-size: 14px;
      font-weight: 600;
      border-radius: 50px;
      border: 1px solid #BBB;
      background-color: #FFF;
      padding: 12px; }
      #reference.container .reference__pdf .download .icon-download {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("../../images/icon-download.svg");
        background-repeat: no-repeat; }
  #reference.container .reference__example {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 200px;
    width: 100%; }
    #reference.container .reference__example > section {
      width: 100%;
      box-sizing: border-box; }
    #reference.container .reference__example .title {
      font-size: 55px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.31;
      letter-spacing: normal;
      text-align: center;
      color: #2f2f2f; }
      #reference.container .reference__example .title.en {
        letter-spacing: -0.8px; }
    #reference.container .reference__example .sub-title {
      margin-top: 25px;
      font-size: 26px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.62;
      letter-spacing: normal;
      text-align: center;
      color: #222; }
    #reference.container .reference__example .btn-wrapper {
      width: 100%;
      margin: 40px auto 20px;
      display: flex;
      justify-content: center; }
    #reference.container .reference__example .example-support-btn {
      display: inline;
      box-sizing: border-box;
      padding: 16px 30px;
      border: solid 2px #ec0047;
      border-radius: 40px;
      background-color: #fff;
      box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16);
      font-size: 22px;
      font-weight: 800;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ec0047;
      cursor: pointer; }
      #reference.container .reference__example .example-support-btn:hover {
        filter: brightness(0.94); }
    #reference.container .reference__example .select {
      width: 100%;
      justify-content: center;
      display: inline-flex;
      margin-top: 80px;
      margin-bottom: 100px;
      box-sizing: border-box;
      height: 48px; }
      #reference.container .reference__example .select .item {
        flex-shrink: 0;
        text-align: center;
        padding: 18px 10px;
        min-width: 162px;
        box-sizing: border-box;
        height: 100%;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        color: #444;
        transition: all 0.5s ease;
        cursor: pointer;
        border: 1px solid #d7d7d7;
        margin-left: -1px; }
        #reference.container .reference__example .select .item.selected {
          transform: scaleX(1.01);
          box-shadow: none; }
        #reference.container .reference__example .select .item:hover {
          filter: opacity(75%); }
    #reference.container .reference__example .contents {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 150px;
      margin-bottom: 262px; }
      #reference.container .reference__example .contents .post {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 30px; }
        #reference.container .reference__example .contents .post__title {
          font-size: 26px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.42;
          letter-spacing: -0.5px;
          text-align: center;
          color: #222; }
        #reference.container .reference__example .contents .post__image {
          height: 400px; }
        #reference.container .reference__example .contents .post__description {
          max-width: 680px;
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.61;
          letter-spacing: normal;
          text-align: center;
          color: #444; }
    #reference.container .reference__example .support-beusable-info {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 25px;
      text-align: center;
      color: #2F2F2F; }
      #reference.container .reference__example .support-beusable-info .title {
        font-size: 55px;
        font-weight: 700;
        line-height: 72px;
        /* 130.909% */ }
      #reference.container .reference__example .support-beusable-info .desc {
        font-size: 26px;
        font-weight: 500;
        line-height: 42px;
        /* 161.538% */ }
      #reference.container .reference__example .support-beusable-info .download {
        margin-top: 15px;
        display: flex;
        align-items: center;
        gap: 6px;
        color: #444;
        font-size: 14px;
        font-weight: 600;
        border-radius: 50px;
        border: 1px solid #BBB;
        background-color: #FFF;
        padding: 12px; }
        #reference.container .reference__example .support-beusable-info .download .icon-download {
          display: inline-block;
          width: 16px;
          height: 16px;
          background-image: url("../../images/icon-download.svg");
          background-repeat: no-repeat; }
      #reference.container .reference__example .support-beusable-info .icon-beusable-info {
        margin-top: 56px;
        display: inline-block;
        width: 220px;
        height: 174px;
        background-image: url("../../images/icon-beusable-info.svg");
        background-repeat: no-repeat; }
    #reference.container .reference__example .support-analysis-case {
      background-color: #EEEDEC;
      text-align: center;
      width: 100%;
      padding: 60px 20px;
      box-sizing: border-box; }
      #reference.container .reference__example .support-analysis-case .main-title {
        font-size: 35px;
        margin: 20px 0 40px; }
      #reference.container .reference__example .support-analysis-case ul.case-list li.case {
        text-align: center;
        margin-bottom: 25px; }
        #reference.container .reference__example .support-analysis-case ul.case-list li.case:last-child {
          margin: 0; }
        #reference.container .reference__example .support-analysis-case ul.case-list li.case a {
          color: #0074FF;
          font-size: 16px;
          font-weight: 400;
          line-height: 23px; }
          #reference.container .reference__example .support-analysis-case ul.case-list li.case a:after {
            content: url(../../images/icon-link-blue.svg);
            vertical-align: sub;
            margin-left: 5px; }
          #reference.container .reference__example .support-analysis-case ul.case-list li.case a:hover {
            text-decoration: underline; }

@media all and (max-width: 768px) {
  #reference.container .reference {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #reference.container .reference__top {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 15px;
      box-sizing: border-box;
      width: 100%;
      padding: 37px 20px; }
      #reference.container .reference__top .title {
        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: center;
        color: #222; }
        #reference.container .reference__top .title #number-animate {
          display: inline-block;
          min-width: 80px; }
      #reference.container .reference__top .sub-title {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: #222; }
      #reference.container .reference__top .category {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        width: 100%;
        margin-top: 25px; }
        #reference.container .reference__top .category .item {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 12px 0px;
          border-radius: 5px;
          border: solid 1px #d4d4d4;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.54;
          letter-spacing: normal;
          text-align: center;
          color: #333; }
      #reference.container .reference__top .shorcut {
        display: flex;
        column-gap: 5px;
        align-items: center;
        margin-top: 15px; }
        #reference.container .reference__top .shorcut span {
          font-size: 15px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
          color: #333; }
    #reference.container .reference__company {
      display: flex;
      flex-direction: column;
      row-gap: 40px;
      box-sizing: border-box;
      width: 100%;
      padding: 3px 20px 40px 20px; }
      #reference.container .reference__company .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 30px; }
        #reference.container .reference__company .item__category {
          position: relative;
          width: 100%;
          height: 70px;
          border-radius: 5px; }
          #reference.container .reference__company .item__category h3 {
            position: absolute;
            top: 36px;
            left: 20px;
            transform: translateY(-50%);
            padding-right: 55px;
            max-width: 100%;
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.19;
            letter-spacing: normal;
            color: #2f2f2f; }
          #reference.container .reference__company .item__category .character {
            position: absolute;
            bottom: 8px;
            right: 9px;
            height: 53px; }
          #reference.container .reference__company .item__category span {
            display: none;
            align-items: center;
            column-gap: 5px;
            position: absolute;
            bottom: 16px;
            right: 20px;
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: #3d3d3d; }
        #reference.container .reference__company .item__company .items {
          grid-template-columns: repeat(3, 1fr);
          column-gap: 10px;
          row-gap: 30px;
          box-sizing: border-box;
          overflow: hidden; }
        #reference.container .reference__company .item__company img {
          width: 100%; }
        #reference.container .reference__company .item__company .last-line {
          margin-top: 30px;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px; }
          #reference.container .reference__company .item__company .last-line img {
            width: 110px; }
        #reference.container .reference__company .item__company .dot-container {
          margin-top: 0; }
        #reference.container .reference__company .item__shorcut {
          display: flex;
          column-gap: 5px;
          align-items: center;
          margin-top: 20px; }
          #reference.container .reference__company .item__shorcut span {
            font-size: 15px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: #333; }
      #reference.container .reference__company .division {
        display: none;
        width: 100%;
        height: 1px;
        background-color: #e2e2e2; }
    #reference.container .reference__pdf {
      margin-top: 30px;
      gap: 30px; }
      #reference.container .reference__pdf .title {
        font-size: 14px;
        line-height: 22px; }
    #reference.container .reference__example {
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
      width: 100%;
      padding-top: 140px; }
      #reference.container .reference__example > section {
        text-align: center;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        #reference.container .reference__example > section:last-child {
          padding: 0; }
      #reference.container .reference__example .title {
        padding: 0 22px;
        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: center;
        color: #222; }
      #reference.container .reference__example .sub-title {
        margin-top: 15px;
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        text-align: center;
        color: #222; }
      #reference.container .reference__example .example-support-btn {
        font-size: 20px; }
      #reference.container .reference__example .select {
        display: none;
        grid-template-columns: repeat(6, 162px);
        margin-top: 80px;
        margin-bottom: 100px;
        border-radius: 5px;
        border: solid 1px #d7d7d7;
        height: 48px; }
        #reference.container .reference__example .select .item {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          width: 100%;
          height: 100%;
          border-right: solid 1px #d7d7d7;
          border-collapse: collapse;
          font-size: 16px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #444;
          transition: all 0.5s ease;
          cursor: pointer; }
      #reference.container .reference__example .select-mobile {
        margin: 50px 0px;
        box-sizing: border-box;
        width: 100%;
        padding: 11px;
        border-radius: 6px;
        border: solid 1px #bbb;
        background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 98% center;
        background-color: #fff;
        appearance: none; }
      #reference.container .reference__example .contents {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 80px;
        margin-bottom: 140px;
        width: 100%; }
        #reference.container .reference__example .contents .post {
          display: flex;
          flex-direction: column;
          row-gap: 30px;
          width: 100%; }
          #reference.container .reference__example .contents .post__title {
            font-size: 22px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.36;
            letter-spacing: normal;
            text-align: center;
            color: #333; }
          #reference.container .reference__example .contents .post__image {
            width: 100%;
            height: auto; }
          #reference.container .reference__example .contents .post__description {
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.57;
            letter-spacing: normal;
            text-align: center;
            color: rgba(51, 51, 51, 0.8); }
      #reference.container .reference__example .support-analysis-case .main-title {
        font-size: 18px; }
    #reference.container .reference .support-beusable-info {
      gap: 15px; }
      #reference.container .reference .support-beusable-info .title {
        font-size: 30px;
        font-weight: 600;
        line-height: 39px;
        /* 130% */ }
      #reference.container .reference .support-beusable-info .desc {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        /* 157.143% */ }
      #reference.container .reference .support-beusable-info .download {
        margin-top: 15px; }
      #reference.container .reference .support-beusable-info .icon-beusable-info {
        margin-top: 25px;
        width: 160px;
        height: 127px;
        background-size: 160px; } }

#lecture.container {
  padding-top: 110px;
  padding-bottom: 150px; }
  #lecture.container .lecture {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden; }
    #lecture.container .lecture__layout-top {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 150px;
      margin-top: 75px; }
    #lecture.container .lecture__layout-middle {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 150px;
      margin: 150px 0px; }
    #lecture.container .lecture__layout-bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 150px;
      margin-top: 150px; }
    #lecture.container .lecture__contents-template {
      display: grid;
      grid-template-columns: 270px 670px;
      column-gap: 30px; }
      #lecture.container .lecture__contents-template > .title {
        font-size: 34px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.18;
        letter-spacing: normal;
        color: #2f2f2f; }
    #lecture.container .lecture__title {
      font-family: NewRubrik;
      font-size: 65px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: -1.5px;
      text-align: center;
      color: #2f2f2f; }
    #lecture.container .lecture__description {
      margin-top: 35px;
      font-size: 26px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.62;
      letter-spacing: normal;
      text-align: center;
      color: #222; }
    #lecture.container .lecture__panel {
      position: relative;
      margin-top: 60px;
      width: 100%;
      min-width: 1280px; }
      #lecture.container .lecture__panel__bg {
        width: 100%;
        min-height: 340px; }
      #lecture.container .lecture__panel__data-driven {
        position: absolute;
        top: 33%;
        left: 33%;
        width: 34%; }
      #lecture.container .lecture__panel__desc {
        position: absolute;
        top: 60%;
        left: 33%;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #fff; }
    #lecture.container .lecture__panel-2 {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      column-gap: 154px;
      width: 100%;
      min-width: 1920px;
      padding: 56px 0px;
      background-image: url("https://dream-cdn.beusable.net/home/images/support/lecture-bg-2.jpg");
      background-size: cover; }
      #lecture.container .lecture__panel-2 p {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.8;
        letter-spacing: normal;
        color: #fff; }
    #lecture.container .lecture__accordian {
      display: flex;
      flex-direction: column;
      border-bottom: 2px solid #b1b1b1; }
      #lecture.container .lecture__accordian .item {
        box-sizing: border-box;
        width: 670px;
        padding: 23px 15px;
        border-top: 2px solid #b1b1b1; }
        #lecture.container .lecture__accordian .item .main-item {
          display: flex;
          justify-content: space-between;
          width: 100%;
          cursor: pointer; }
          #lecture.container .lecture__accordian .item .main-item span {
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.61;
            letter-spacing: normal;
            color: #2f2f2f; }
          #lecture.container .lecture__accordian .item .main-item img {
            width: 20px;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        #lecture.container .lecture__accordian .item.on .main-item img {
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        #lecture.container .lecture__accordian .item .sub-item {
          max-height: 0px;
          padding-top: 0px;
          overflow: hidden;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #lecture.container .lecture__accordian .item .sub-item h6 {
            color: #2f2f2f;
            font-size: 16px;
            margin: 15px 0;
            line-height: 1.88;
            font-weight: 500; }
          #lecture.container .lecture__accordian .item .sub-item p {
            font-size: 14px;
            color: #767676;
            margin: 15px 0 20px 0; }
          #lecture.container .lecture__accordian .item .sub-item span.text-red {
            color: #ec0047; }
          #lecture.container .lecture__accordian .item .sub-item ul {
            margin-left: 2ch;
            list-style: none; }
          #lecture.container .lecture__accordian .item .sub-item ul.ul {
            margin: 0 0 30px 10px;
            color: #444;
            font-size: 15px; }
          #lecture.container .lecture__accordian .item .sub-item li {
            position: relative;
            line-height: 1.48;
            margin: 10px 0;
            color: #444;
            font-size: 15px;
            font-weight: 300; }
            #lecture.container .lecture__accordian .item .sub-item li:before {
              content: '';
              position: absolute;
              top: 9px;
              left: -7px;
              width: 3px;
              height: 3px;
              background: #444; }
          #lecture.container .lecture__accordian .item .sub-item .answer {
            padding: 25px 15px 30px 15px;
            color: #666;
            font-size: 15px;
            line-height: 1.6; }
        #lecture.container .lecture__accordian .item.on .sub-item {
          max-height: 1500px;
          padding-top: 42px; }
      #lecture.container .lecture__accordian__description {
        max-width: none;
        font-size: 15px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        color: #666; }
        #lecture.container .lecture__accordian__description .title {
          margin-bottom: 30px;
          font-size: 16px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color: #2f2f2f; }
          #lecture.container .lecture__accordian__description .title .sub {
            font-size: 13px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.54;
            letter-spacing: normal;
            color: #2f2f2f; }
        #lecture.container .lecture__accordian__description .red {
          font-weight: 500;
          color: #ec0047; }
    #lecture.container .lecture__data-driven {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 45px; }
      #lecture.container .lecture__data-driven ul {
        border-bottom: 2px solid #d7d7d7; }
        #lecture.container .lecture__data-driven ul li {
          display: grid;
          grid-template-columns: 155px 350px;
          column-gap: 130px;
          align-items: center;
          padding: 22px 15px;
          border-top: 2px solid #d7d7d7; }
          #lecture.container .lecture__data-driven ul li .title {
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ec0047; }
          #lecture.container .lecture__data-driven ul li .desc {
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #444; }
      #lecture.container .lecture__data-driven__label {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2px 100px;
        border-radius: 6px;
        background-color: #1199af; }
        #lecture.container .lecture__data-driven__label span {
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
      #lecture.container .lecture__data-driven__btn {
        position: relative;
        padding: 15px 102px;
        border-radius: 24px;
        background-color: #c1c1c1; }
        #lecture.container .lecture__data-driven__btn span {
          font-size: 17px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
        #lecture.container .lecture__data-driven__btn img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    #lecture.container .lecture__preview {
      display: grid;
      grid-template-columns: 370px 270px;
      column-gap: 30px; }
      #lecture.container .lecture__preview ul {
        display: flex;
        flex-direction: column;
        row-gap: 60px; }
        #lecture.container .lecture__preview ul li {
          display: flex;
          flex-direction: column;
          row-gap: 22px; }
          #lecture.container .lecture__preview ul li .title {
            font-size: 24px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.42;
            letter-spacing: normal;
            color: #2f2f2f; }
          #lecture.container .lecture__preview ul li .desc {
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            letter-spacing: normal;
            color: #444; }
      #lecture.container .lecture__preview img {
        width: 100%; }
    #lecture.container .lecture__compare {
      display: flex;
      flex-direction: column;
      row-gap: 60px;
      margin-top: -150px;
      padding: 35px 0px; }
      #lecture.container .lecture__compare .item {
        display: flex;
        column-gap: 50px;
        align-items: center; }
        #lecture.container .lecture__compare .item .node {
          display: flex;
          flex-direction: column;
          justify-content: center;
          row-gap: 25px;
          box-sizing: border-box;
          width: 400px;
          height: 370px;
          border-radius: 60px;
          padding: 33px; }
          #lecture.container .lecture__compare .item .node.before {
            box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08);
            background-color: #444;
            color: #fff; }
          #lecture.container .lecture__compare .item .node.after {
            box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
            background-color: #fff;
            color: #2f2f2f; }
          #lecture.container .lecture__compare .item .node h4 {
            font-size: 20px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center; }
          #lecture.container .lecture__compare .item .node.after h4 {
            color: #ec0047; }
          #lecture.container .lecture__compare .item .node p {
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            letter-spacing: normal;
            text-align: center; }
    #lecture.container .lecture__apply {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      row-gap: 17px;
      width: 1170px;
      height: 409px;
      background-image: url("https://dream-cdn.beusable.net/home/images/support/lecture-apply.jpg");
      background-size: cover; }
      #lecture.container .lecture__apply h2 {
        font-size: 44px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.91;
        letter-spacing: normal;
        text-align: center;
        color: #fff; }
      #lecture.container .lecture__apply p {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.8;
        letter-spacing: normal;
        text-align: center;
        color: #fff; }
      #lecture.container .lecture__apply__btn {
        position: relative;
        padding: 15px 102px;
        border-radius: 24px;
        background-color: #c1c1c1; }
        #lecture.container .lecture__apply__btn span {
          font-size: 17px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
        #lecture.container .lecture__apply__btn img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    #lecture.container .lecture__notice {
      display: flex;
      flex-direction: column;
      row-gap: 30px; }
      #lecture.container .lecture__notice__title {
        font-size: 15px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        color: #ec0047; }
      #lecture.container .lecture__notice ul {
        margin-left: 5px; }
        #lecture.container .lecture__notice ul li {
          display: flex;
          column-gap: 5px;
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.8;
          letter-spacing: normal;
          color: #444; }
          #lecture.container .lecture__notice ul li::before {
            content: '';
            width: 3px;
            height: 3px;
            margin-top: 11px;
            background: #444; }

@media all and (max-width: 768px) {
  #lecture.container {
    padding-top: 40px;
    padding-bottom: 150px; }
    #lecture.container .lecture {
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden; }
      #lecture.container .lecture__layout-top {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 80px;
        width: 100%;
        margin-top: 42px; }
      #lecture.container .lecture__layout-middle {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 150px;
        width: 100%;
        margin: 150px 0px; }
      #lecture.container .lecture__layout-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 150px;
        margin-top: 150px; }
      #lecture.container .lecture__contents-template {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 30px;
        width: 100%; }
        #lecture.container .lecture__contents-template > .title {
          padding-left: 16px;
          font-size: 20px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.3;
          letter-spacing: normal;
          color: #2f2f2f; }
      #lecture.container .lecture__title {
        font-family: NewRubrik;
        font-size: 32px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #2f2f2f; }
      #lecture.container .lecture__description {
        margin-top: 15px;
        padding: 0px 10px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #333; }
      #lecture.container .lecture__panel {
        position: relative;
        box-sizing: border-box;
        margin-top: 40px;
        width: 100%;
        min-width: auto;
        height: 222px; }
        #lecture.container .lecture__panel__bg {
          width: auto;
          height: 100%;
          min-height: auto; }
        #lecture.container .lecture__panel__data-driven {
          position: absolute;
          top: 30%;
          left: 10%;
          width: 300px; }
        #lecture.container .lecture__panel__desc {
          position: absolute;
          top: 60%;
          left: 10%;
          font-size: 7.2px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #fff; }
      #lecture.container .lecture__panel-2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        row-gap: 28px;
        box-sizing: border-box;
        min-width: auto;
        width: 100%;
        height: 620px;
        padding: 56px 18px;
        background-image: url("https://dream-cdn.beusable.net/home/images/support/lecture-bg-2.jpg");
        background-size: cover; }
        #lecture.container .lecture__panel-2 p {
          font-size: 14px;
          font-weight: 300;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.93;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
      #lecture.container .lecture__accordian {
        display: flex;
        flex-direction: column;
        border-bottom: 2px solid #b1b1b1; }
        #lecture.container .lecture__accordian .item {
          box-sizing: border-box;
          width: 100%;
          padding: 23px 15px;
          border-top: 2px solid #b1b1b1; }
          #lecture.container .lecture__accordian .item .main-item {
            display: flex;
            justify-content: space-between;
            width: 100%;
            cursor: pointer; }
            #lecture.container .lecture__accordian .item .main-item span {
              font-size: 18px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.61;
              letter-spacing: normal;
              color: #2f2f2f; }
            #lecture.container .lecture__accordian .item .main-item img {
              width: 20px;
              transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #lecture.container .lecture__accordian .item.on .main-item img {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
          #lecture.container .lecture__accordian .item .sub-item {
            max-height: 0px;
            padding-top: 0px;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #lecture.container .lecture__accordian .item.on .sub-item {
            max-height: 1500px;
            padding-top: 42px; }
        #lecture.container .lecture__accordian__description {
          max-width: none;
          font-size: 15px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          color: #666; }
          #lecture.container .lecture__accordian__description .title {
            margin-bottom: 30px;
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            color: #2f2f2f; }
            #lecture.container .lecture__accordian__description .title .sub {
              font-size: 13px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.54;
              letter-spacing: normal;
              color: #2f2f2f; }
          #lecture.container .lecture__accordian__description .red {
            font-weight: 500;
            color: #ec0047; }
      #lecture.container .lecture__data-driven {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 45px; }
        #lecture.container .lecture__data-driven ul {
          border-bottom: 1px solid #d7d7d7;
          width: 100%; }
          #lecture.container .lecture__data-driven ul li {
            display: flex;
            justify-content: space-between;
            column-gap: 10px;
            padding: 22px 15px;
            border-top: 1px solid #d7d7d7; }
            #lecture.container .lecture__data-driven ul li .title {
              font-size: 16px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #ec0047; }
            #lecture.container .lecture__data-driven ul li .desc {
              text-align: end;
              font-size: 16px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #444; }
        #lecture.container .lecture__data-driven__label {
          display: flex;
          justify-content: center;
          align-items: center;
          column-gap: 10px;
          box-sizing: border-box;
          width: calc(100% - 32px);
          margin: 0px 16px;
          padding: 11px 70px 11px 11px;
          border-radius: 6px;
          background-color: #1199af; }
          #lecture.container .lecture__data-driven__label span {
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: start;
            color: #fff; }
        #lecture.container .lecture__data-driven__btn {
          display: flex;
          justify-content: center;
          position: relative;
          box-sizing: border-box;
          width: calc(100% - 32px);
          margin: 0px 16px;
          padding: 15px 102px;
          border-radius: 24px;
          background-color: #c1c1c1; }
          #lecture.container .lecture__data-driven__btn span {
            font-size: 17px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #fff; }
          #lecture.container .lecture__data-driven__btn img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
      #lecture.container .lecture__preview {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 30px;
        padding: 0px 16px; }
        #lecture.container .lecture__preview ul {
          display: flex;
          flex-direction: column;
          row-gap: 60px; }
          #lecture.container .lecture__preview ul li {
            display: flex;
            flex-direction: column;
            row-gap: 22px; }
            #lecture.container .lecture__preview ul li .title {
              font-size: 16px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color: #2f2f2f; }
            #lecture.container .lecture__preview ul li .desc {
              font-size: 15px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.8;
              letter-spacing: normal;
              color: #444; }
        #lecture.container .lecture__preview img {
          width: 100%; }
      #lecture.container .lecture__compare {
        display: flex;
        flex-direction: column;
        row-gap: 80px;
        width: 100%;
        margin-top: -80px;
        padding: 35px 0px; }
        #lecture.container .lecture__compare .item {
          display: flex;
          flex-direction: column;
          row-gap: 10px;
          align-items: center; }
          #lecture.container .lecture__compare .item img {
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
          #lecture.container .lecture__compare .item .node {
            display: flex;
            flex-direction: column;
            justify-content: center;
            row-gap: 25px;
            box-sizing: border-box;
            width: calc(100% - 32px);
            min-height: 370px;
            height: auto;
            border-radius: 60px;
            padding: 60px 20px; }
            #lecture.container .lecture__compare .item .node.before {
              box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08);
              background-color: #444;
              color: #fff; }
            #lecture.container .lecture__compare .item .node.after {
              box-shadow: 0 23px 15px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
              background-color: #fff;
              color: #2f2f2f; }
            #lecture.container .lecture__compare .item .node h4 {
              font-size: 20px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              text-align: center; }
            #lecture.container .lecture__compare .item .node.after h4 {
              color: #ec0047; }
            #lecture.container .lecture__compare .item .node p {
              font-size: 15px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.8;
              letter-spacing: normal;
              text-align: center; }
      #lecture.container .lecture__apply {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 21px;
        width: 100%;
        height: 320px;
        background-image: url("https://dream-cdn.beusable.net/home/images/support/lecture-apply.jpg");
        background-size: cover; }
        #lecture.container .lecture__apply h2 {
          font-size: 21px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
        #lecture.container .lecture__apply p {
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.93;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
        #lecture.container .lecture__apply__btn {
          display: flex;
          justify-content: center;
          position: relative;
          box-sizing: border-box;
          width: calc(100% - 32px);
          padding: 15px 102px;
          border-radius: 24px;
          background-color: #c1c1c1; }
          #lecture.container .lecture__apply__btn span {
            font-size: 17px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #fff; }
          #lecture.container .lecture__apply__btn img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
      #lecture.container .lecture__notice {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        padding: 0px 16px; }
        #lecture.container .lecture__notice__title {
          font-size: 15px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 2;
          letter-spacing: normal;
          color: #ec0047; }
        #lecture.container .lecture__notice ul {
          margin-left: 5px; }
          #lecture.container .lecture__notice ul li {
            display: flex;
            column-gap: 5px;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            letter-spacing: normal;
            color: #444; }
            #lecture.container .lecture__notice ul li::before {
              content: '';
              width: 3px;
              height: 3px;
              margin-top: 11px;
              background: #444; } }

#main.container {
  width: 100%;
  min-width: 1280px; }
  #main.container .main {
    width: 100%; }
    #main.container .main__top {
      position: relative;
      display: flex;
      justify-content: center;
      box-sizing: border-box;
      width: 100%;
      height: 970px;
      padding-top: 84px;
      overflow: hidden; }
      #main.container .main__top__bg {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -2;
        transition: opacity 2s linear;
        transition-delay: 2s; }
        #main.container .main__top__bg.type-0 {
          background-color: #09001B; }
        #main.container .main__top__bg.type-1 {
          background: linear-gradient(to top, #cddfc0, #0a9ab6 80%); }
        #main.container .main__top__bg.type-2 {
          background: linear-gradient(to top, #51a9e7 0%, #4089de 0%, #214dce 24%, #1844bc 34%); }
        #main.container .main__top__bg.on {
          opacity: 1;
          transition: opacity 2s linear;
          z-index: -1; }
      #main.container .main__top__items {
        position: absolute;
        width: 1150px;
        top: 0; }
        #main.container .main__top__items .bg__blur {
          opacity: 0;
          position: relative;
          top: 0;
          left: 0; }
          #main.container .main__top__items .bg__blur #visual-blur {
            position: absolute;
            top: 0px;
            left: -435px;
            width: 1920px; }
          #main.container .main__top__items .bg__blur.on.is-loaded {
            opacity: 1; }
        #main.container .main__top__items .bg__item {
          opacity: 0;
          position: relative;
          top: 0;
          left: 0;
          transform: translateY(20px);
          transition: opacity 3.5s cubic-bezier(0.23, 1, 0.32, 1), transform 3.5s 3.5s linear; }
          #main.container .main__top__items .bg__item.on.is-loaded {
            opacity: 1;
            transform: translateY(0px);
            transition: all 3.5s cubic-bezier(0.23, 1, 0.32, 1); }
          #main.container .main__top__items .bg__item #item-0-2 {
            position: absolute;
            top: 70px;
            left: -110px;
            width: 950px;
            transform: scale(1.12); }
      #main.container .main__top__contents {
        position: relative;
        display: flex;
        row-gap: 38px;
        flex-direction: column;
        justify-content: flex-end;
        width: 1160px;
        padding-right: 10px;
        margin-top: 85px; }
        #main.container .main__top__contents__buttons {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          column-gap: 10px;
          visibility: hidden; }
          #main.container .main__top__contents__buttons.on {
            visibility: visible; }
          #main.container .main__top__contents__buttons img {
            cursor: pointer;
            width: 20px;
            height: 20px; }
          #main.container .main__top__contents__buttons button {
            width: 12px;
            height: 12px;
            border-radius: 6px;
            border: 0px;
            padding: 0px;
            background-color: #fff;
            opacity: 0.35;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            cursor: pointer; }
            #main.container .main__top__contents__buttons button.on {
              width: 37px;
              height: 12px;
              border-radius: 6px;
              background-color: #fff;
              opacity: 1; }
        #main.container .main__top__contents__move {
          position: relative;
          left: 0;
          width: 100%;
          height: 100%; }
        #main.container .main__top__contents__frame {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          position: absolute;
          top: 60px;
          left: 0;
          width: 100%;
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

@keyframes fadein {
  0% {
    opacity: 0;
    transform: scale(1.2);
    visibility: visible; }
  100% {
    opacity: 1;
    transform: scale(1);
    visibility: visible; } }

@keyframes fadeout {
  0% {
    opacity: 1;
    transform: scale(1);
    visibility: visible; }
  99% {
    opacity: 0;
    transform: scale(0.9); }
  100% {
    opacity: 0;
    transform: scale(1.2);
    visibility: hidden; } }
        #main.container .main__top__contents__highlight {
          position: absolute;
          top: 223px;
          right: 158px;
          width: 138px;
          height: 141px; }
          #main.container .main__top__contents__highlight.en {
            right: 148px; }
          #main.container .main__top__contents__highlight.ja {
            right: 160px; }
        #main.container .main__top__contents__title {
          font-size: 106px;
          font-weight: 600;
          line-height: 1.07;
          text-align: right;
          color: #fff;
          font-family: 'Pretendard Variable', Pretendard;
          line-height: 105%;
          opacity: 0;
          transform: scale(1.2); }
          #main.container .main__top__contents__title .highlight {
            margin: 0 30px; }
          #main.container .main__top__contents__title.ja .highlight {
            margin: 0 28px; }
          #main.container .main__top__contents__title.en {
            letter-spacing: -3px; }
          #main.container .main__top__contents__title.fadein {
            animation: fadein 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.4s 1;
            animation-fill-mode: forwards; }
          #main.container .main__top__contents__title.fadeout {
            animation: fadeout 1s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
            animation-fill-mode: forwards; }
        #main.container .main__top__contents__desc {
          margin-top: 20px;
          font-size: 24px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: 150%;
          text-align: right;
          color: rgba(255, 255, 255, 0.7);
          font-family: 'Pretendard Variable', Pretendard;
          opacity: 0;
          transform: scale(1.2); }
          #main.container .main__top__contents__desc.en {
            letter-spacing: -0.5px; }
          #main.container .main__top__contents__desc.fadein {
            animation: fadein 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.6s 1;
            animation-fill-mode: forwards; }
          #main.container .main__top__contents__desc.fadeout {
            animation: fadeout 1s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
            animation-fill-mode: forwards; }
        #main.container .main__top__contents__btn {
          display: flex;
          align-items: center;
          justify-content: space-between;
          column-gap: 37px;
          margin-top: 35px;
          padding: 14px;
          padding-left: 24px;
          border-radius: 27px;
          font-size: 20px;
          font-weight: 700;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          font-family: 'Pretendard Variable', Pretendard;
          opacity: 0;
          transform: scale(1.2);
          z-index: 1; }
          #main.container .main__top__contents__btn.fadein {
            animation: fadein 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.8s 1;
            animation-fill-mode: forwards;
            z-index: 1; }
          #main.container .main__top__contents__btn.fadeout {
            animation: fadeout 1s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
            animation-fill-mode: forwards;
            z-index: 0; }
          #main.container .main__top__contents__btn img {
            height: 20px; }
          #main.container .main__top__contents__btn.type-0 {
            color: #fff;
            background-color: #803bff; }
            #main.container .main__top__contents__btn.type-0:hover {
              filter: brightness(0.84); }
          #main.container .main__top__contents__btn.type-1 {
            color: #f00059;
            background-color: #fff; }
            #main.container .main__top__contents__btn.type-1:hover {
              filter: brightness(0.84); }
          #main.container .main__top__contents__btn.type-2 {
            color: #222;
            background-color: #fff300; }
            #main.container .main__top__contents__btn.type-2:hover {
              filter: brightness(0.84); }
    #main.container .main__why {
      display: flex;
      flex-direction: column;
      row-gap: 50px;
      align-items: center;
      width: 100%;
      padding-top: 120px;
      padding-bottom: 160px;
      background-color: #fff; }
      #main.container .main__why__title {
        width: 680px; }
      #main.container .main__why__desc {
        font-size: 36px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: -1px;
        text-align: center;
        color: #2f2f2f; }
        #main.container .main__why__desc.en {
          letter-spacing: -0.5px; }
      #main.container .main__why__items {
        display: grid;
        grid-template-columns: repeat(2, 470px);
        column-gap: 30px;
        row-gap: 100px;
        justify-content: center;
        padding-top: 38px; }
        #main.container .main__why__items .item {
          display: flex;
          flex-direction: column;
          row-gap: 15px;
          width: 100%; }
          #main.container .main__why__items .item__image {
            width: 100%;
            min-height: 303px; }
          #main.container .main__why__items .item__title {
            font-size: 26px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.27;
            letter-spacing: -0.72px;
            text-align: center;
            color: #222; }
          #main.container .main__why__items .item__desc {
            padding: 0px 50px;
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.61;
            letter-spacing: normal;
            text-align: center;
            color: #444; }
      #main.container .main__why__crs {
        display: flex;
        width: 100%;
        align-items: center;
        column-gap: 30px;
        align-items: center; }
        #main.container .main__why__crs .item {
          display: flex !important;
          flex-direction: column;
          align-items: center; }
        #main.container .main__why__crs .crs__image {
          width: 300px; }
        #main.container .main__why__crs .crs__buttons {
          display: flex;
          justify-content: center;
          align-items: center;
          column-gap: 10px;
          position: absolute;
          top: 180px;
          left: 50%;
          transform: translateX(-50%); }
          #main.container .main__why__crs .crs__buttons button {
            width: 8px;
            height: 8px;
            padding: 0px;
            border-radius: 4px;
            border: 0px;
            opacity: 0.35;
            background-color: #000;
            color: rgba(0, 0, 0, 0);
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            cursor: pointer; }
          #main.container .main__why__crs .crs__buttons .slick-active button {
            width: 25px;
            height: 8px;
            border-radius: 6px;
            background-color: #000;
            opacity: 1; }
        #main.container .main__why__crs .crs__title {
          margin-top: 50px;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.3;
          letter-spacing: normal;
          text-align: center;
          color: #2f2f2f; }
        #main.container .main__why__crs .crs__desc {
          margin-top: 10px;
          padding: 0px 30px;
          font-size: 14px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          text-align: center;
          color: #767676; }
    #main.container .main__start {
      position: relative;
      display: flex;
      flex-direction: column;
      row-gap: 50px;
      align-items: center;
      width: 100%;
      padding: 140px 0px;
      background: linear-gradient(to bottom, #f6e136, #f6e136 76%, #f6e136);
      overflow: hidden; }
      #main.container .main__start__bg {
        position: absolute;
        width: 1920px; }
        #main.container .main__start__bg__highlight {
          position: absolute;
          top: 135px;
          left: 655px; }
        #main.container .main__start__bg__line {
          width: 702px;
          position: absolute;
          left: -15px;
          top: 210px; }
        #main.container .main__start__bg__bubble {
          position: absolute;
          right: 90px;
          top: 200px; }
      #main.container .main__start__title {
        font-size: 55px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -1.5px;
        line-height: 1.31;
        text-align: center;
        color: #00424d; }
        #main.container .main__start__title .highlight {
          position: relative;
          color: #1199af; }
          #main.container .main__start__title .highlight .underline {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%; }
          #main.container .main__start__title .highlight.ko {
            background-repeat: no-repeat;
            background-position-y: bottom;
            padding-bottom: 10px; }
      #main.container .main__start__items {
        display: grid;
        grid-template-columns: repeat(2, 400px);
        column-gap: 30px;
        justify-content: center;
        z-index: 1; }
        #main.container .main__start__items .item {
          display: block;
          position: relative;
          border: solid 3px rgba(255, 255, 255, 0);
          padding: 61px 21px 55px;
          border-radius: 20px;
          height: 416px;
          text-align: center;
          box-shadow: 0 20px 18px -9px rgba(0, 0, 0, 0.1);
          background-color: #fff;
          transition: border 0.5s ease; }
          #main.container .main__start__items .item:hover {
            border: solid 3px #ec0047; }
            #main.container .main__start__items .item:hover .item__btn {
              filter: brightness(0.84); }
          #main.container .main__start__items .item__title {
            width: 300px; }
          #main.container .main__start__items .item__desc {
            margin-top: 20px;
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.57;
            letter-spacing: normal;
            text-align: center;
            color: #333; }
          #main.container .main__start__items .item__image {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 138px;
            margin-top: 26px;
            width: 358px; }
          #main.container .main__start__items .item__btn {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 55px;
            border-radius: 25px;
            background-color: #ec0047; }
            #main.container .main__start__items .item__btn span {
              display: inline-block;
              position: relative;
              padding: 15px 31px;
              font-size: 18px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #fff; }
    #main.container .main__ref {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding-top: 120px;
      padding-bottom: 100px;
      overflow: hidden;
      background-color: #e9e9e9; }
      #main.container .main__ref__title {
        width: 500px; }
      #main.container .main__ref__desc {
        margin-top: 50px;
        font-size: 36px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: -1px;
        text-align: center;
        color: #2f2f2f; }
        #main.container .main__ref__desc.en {
          letter-spacing: -0.5px; }

@keyframes logos-move {
  0% {
    left: 0%; }
  100% {
    left: -90%; } }
      #main.container .main__ref__logos {
        width: 4000px;
        position: relative;
        display: flex;
        column-gap: 45px;
        margin-top: 120px;
        animation: logos-move 15s linear infinite; }
        #main.container .main__ref__logos img {
          width: 154px; }
      #main.container .main__ref__items {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2, 501px);
        grid-template-rows: repeat(2, 501px);
        margin-top: 120px; }
        #main.container .main__ref__items .item {
          position: relative;
          display: flex;
          flex-direction: column;
          align-items: center;
          row-gap: 15px;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          padding: 50px 40px; }
          #main.container .main__ref__items .item:hover .item__btn {
            filter: brightness(0.94); }
          #main.container .main__ref__items .item.ecommerce {
            background-color: #803bff;
            color: white; }
            #main.container .main__ref__items .item.ecommerce .item__desc .highlight {
              color: #f6e136; }
          #main.container .main__ref__items .item.edu {
            position: relative;
            right: 24px;
            top: 153px;
            background-color: #f6e136;
            color: #222; }
            #main.container .main__ref__items .item.edu .item__desc .highlight {
              color: #803bff; }
          #main.container .main__ref__items .item.agency {
            background-color: #28becd;
            color: white; }
            #main.container .main__ref__items .item.agency .item__desc .highlight {
              color: #ffe61d; }
          #main.container .main__ref__items .item.finance {
            position: relative;
            right: 24px;
            top: 153px;
            background-color: #fff;
            color: #222; }
            #main.container .main__ref__items .item.finance .item__desc .highlight {
              color: #ec0047; }
          #main.container .main__ref__items .item__title {
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: inherit; }
          #main.container .main__ref__items .item__desc {
            border-bottom-left-radius: 230px;
            border-bottom-right-radius: 230px;
            font-size: 25px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.27;
            letter-spacing: -1px;
            text-align: center; }
            #main.container .main__ref__items .item__desc.en {
              letter-spacing: -0.5px; }
          #main.container .main__ref__items .item__btn {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 50px;
            box-sizing: border-box;
            width: 40px;
            height: 40px;
            padding: 10px;
            border-radius: 50%;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
            background-color: #fff; }
      #main.container .main__ref__all {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 9px;
        margin-top: 168px;
        cursor: pointer;
        z-index: 5; }
        #main.container .main__ref__all:hover {
          filter: opacity(75%); }
        #main.container .main__ref__all span {
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #2f2f2f; }
    #main.container .main__insight {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      width: 100%;
      padding-top: 130px;
      padding-bottom: 148px;
      background-color: #16243d; }
      #main.container .main__insight__bg {
        position: absolute;
        top: -118px;
        left: -10%;
        width: 100%;
        height: 220px;
        overflow: hidden; }
        #main.container .main__insight__bg img {
          width: 1575px;
          position: absolute; }
      #main.container .main__insight__title {
        font-size: 55px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: -1.5px;
        text-align: center;
        color: #fff;
        z-index: 1; }
      #main.container .main__insight__all {
        display: flex;
        column-gap: 10px;
        align-items: center;
        justify-content: flex-end;
        margin-top: 20px;
        margin-bottom: 40px;
        width: 1170px;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #fff; }
      #main.container .main__insight__prev {
        position: absolute;
        top: 140px;
        left: -140px;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        cursor: pointer;
        visibility: visible; }
        #main.container .main__insight__prev:hover {
          filter: opacity(75%); }
      #main.container .main__insight__next {
        position: absolute;
        top: 140px;
        right: -140px;
        cursor: pointer;
        visibility: visible; }
        #main.container .main__insight__next:hover {
          filter: opacity(75%); }
      @media all and (max-width: 1480px) {
        #main.container .main__insight .main__insight__prev,
        #main.container .main__insight .main__insight__next {
          visibility: hidden; } }
      #main.container .main__insight__crs {
        position: relative;
        width: 1170px;
        display: flex;
        column-gap: 60px; }
        #main.container .main__insight__crs .item {
          box-sizing: border-box;
          width: 370px;
          display: flex !important;
          flex-direction: column;
          row-gap: 30px;
          padding: 0px 15px; }
          #main.container .main__insight__crs .item:hover .item__btn {
            filter: brightness(0.94); }
          #main.container .main__insight__crs .item__image {
            position: relative;
            width: 370px;
            height: 370px;
            border-radius: 30px; }
            #main.container .main__insight__crs .item__image img {
              width: 100%;
              height: 100%;
              border-radius: 30px;
              object-fit: cover; }
            #main.container .main__insight__crs .item__image::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              border-radius: 32px;
              z-index: -1;
              background-color: #fff; }
          #main.container .main__insight__crs .item__title {
            font-size: 24px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.29;
            letter-spacing: normal;
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; }
          #main.container .main__insight__crs .item__desc {
            height: 72px;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.6;
            letter-spacing: normal;
            color: #c7c7c7;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
          #main.container .main__insight__crs .item__btn {
            box-sizing: border-box;
            width: 40px;
            height: 40px;
            padding: 10px;
            border-radius: 20px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
            background-color: #fff; }
      #main.container .main__insight__crs-mobile {
        margin-top: 20px;
        display: flex;
        width: 100%;
        align-items: center;
        column-gap: 30px;
        overflow: hidden; }
        #main.container .main__insight__crs-mobile .item {
          box-sizing: border-box;
          width: 300px;
          display: flex !important;
          flex-direction: column;
          align-items: center;
          row-gap: 30px;
          padding: 0px 15px; }
          #main.container .main__insight__crs-mobile .item__image {
            position: relative;
            width: 100%;
            height: 300px;
            border-radius: 30px; }
            #main.container .main__insight__crs-mobile .item__image img {
              width: 100%;
              height: 300px;
              border-radius: 32px;
              object-fit: cover; }
            #main.container .main__insight__crs-mobile .item__image::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              border-radius: 33px;
              z-index: -1;
              background-color: #fff; }
          #main.container .main__insight__crs-mobile .item__title {
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.3;
            letter-spacing: normal;
            text-align: center;
            color: #fff;
            margin-top: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; }
          #main.container .main__insight__crs-mobile .item__desc {
            width: 100%;
            height: 65px;
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.57;
            letter-spacing: normal;
            text-align: center;
            color: #afafaf;
            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
          #main.container .main__insight__crs-mobile .item__btn {
            box-sizing: border-box;
            width: 40px;
            height: 40px;
            padding: 10px;
            border-radius: 20px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
            background-color: #fff; }
        #main.container .main__insight__crs-mobile .crs__move {
          position: relative;
          left: 0;
          box-sizing: border-box;
          width: 100%;
          height: 100%; }
        #main.container .main__insight__crs-mobile .crs__frame {
          position: absolute;
          top: 0;
          left: 0;
          margin: 0px 20px;
          box-sizing: border-box;
          width: calc(100% - 40px);
          height: 100%;
          border-radius: 9.1px;
          overflow: hidden; }
          #main.container .main__insight__crs-mobile .crs__frame img {
            width: 100%;
            object-fit: cover; }
        #main.container .main__insight__crs-mobile .crs__buttons {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: 320px;
          display: flex;
          justify-content: center;
          align-items: center;
          column-gap: 10px; }
          #main.container .main__insight__crs-mobile .crs__buttons button {
            box-sizing: border-box;
            width: 8px;
            height: 8px;
            border-radius: 4px;
            border: 0px;
            padding: 0px;
            opacity: 0.35;
            background-color: #fff;
            color: rgba(0, 0, 0, 0);
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            cursor: pointer; }
          #main.container .main__insight__crs-mobile .crs__buttons .slick-active button {
            width: 25px;
            height: 8px;
            border-radius: 6px;
            background-color: #fff;
            opacity: 1; }
        #main.container .main__insight__crs-mobile .crs__title {
          width: 300px;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.3;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
        #main.container .main__insight__crs-mobile .crs__desc {
          width: 300px;
          font-size: 14px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: normal;
          text-align: center;
          color: #afafaf;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }
        #main.container .main__insight__crs-mobile .crs__btn {
          box-sizing: border-box;
          padding: 11px 34px;
          border-radius: 22px;
          background-color: #fff;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #dc0142; }

@media all and (max-width: 768px) {
  #main.container {
    width: 100%;
    min-width: auto; }
    #main.container .main {
      width: 100%; }
      #main.container .main__top {
        position: relative;
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 680px;
        padding-top: 84px; }
        #main.container .main__top__bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          overflow: hidden;
          z-index: -1; }
          #main.container .main__top__bg.type-0 {
            background: #09001B; }
          #main.container .main__top__bg.type-1 {
            background: linear-gradient(to top, #cddfc0, #0a9ab6 80%); }
          #main.container .main__top__bg.type-2 {
            background: linear-gradient(to top, #51a9e7 0%, #4089de 0%, #214dce 24%, #1844bc 34%); }
        #main.container .main__top__items {
          position: absolute;
          width: 100%;
          height: 100%;
          overflow: hidden; }
          #main.container .main__top__items .bg__blur {
            opacity: 0;
            position: relative;
            top: 0;
            left: 0; }
            #main.container .main__top__items .bg__blur #visual-blur {
              position: absolute;
              top: -107px;
              left: -97px;
              width: 768px; }
            #main.container .main__top__items .bg__blur.on.is-loaded {
              opacity: 1; }
          #main.container .main__top__items .bg__item {
            opacity: 0;
            position: relative;
            top: 0;
            left: 0;
            transform: translateY(20px);
            transition: opacity 3.5s cubic-bezier(0.23, 1, 0.32, 1), transform 100000s linear; }
            #main.container .main__top__items .bg__item.on.is-loaded {
              opacity: 1;
              transform: translateY(0px);
              transition: all 3.5s cubic-bezier(0.23, 1, 0.32, 1); }
            #main.container .main__top__items .bg__item #item-0-1 {
              position: absolute;
              top: 104px;
              left: 115px;
              width: 252px; }
            #main.container .main__top__items .bg__item #item-0-2 {
              position: absolute;
              width: 570px;
              top: 182px;
              left: -230px;
              transform: scale(0.97); }
            #main.container .main__top__items .bg__item #item-1-1 {
              position: absolute;
              top: 65px;
              left: 61px;
              width: 252px; }
            #main.container .main__top__items .bg__item #item-1-2 {
              position: absolute;
              top: -172px;
              left: -92px;
              width: 848px; }
            #main.container .main__top__items .bg__item #item-2-1 {
              position: absolute;
              top: 64px;
              left: 261px;
              width: 124px; }
            #main.container .main__top__items .bg__item #item-2-2 {
              position: absolute;
              top: -72px;
              left: -90px;
              width: 663px; }
        #main.container .main__top__contents {
          position: relative;
          display: flex;
          row-gap: 38px;
          flex-direction: column;
          justify-content: flex-end;
          width: 100%;
          margin-top: 25px;
          padding-bottom: 40px;
          overflow: hidden; }
          #main.container .main__top__contents__buttons {
            display: flex;
            justify-content: center;
            align-items: center;
            column-gap: 10px; }
            #main.container .main__top__contents__buttons img {
              display: none;
              width: 20px;
              height: 20px; }
            #main.container .main__top__contents__buttons button {
              width: 12px;
              height: 12px;
              border-radius: 6px;
              border: 0px;
              background-color: #fff;
              opacity: 0.35;
              transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
              cursor: pointer; }
              #main.container .main__top__contents__buttons button.on {
                width: 37px;
                height: 12px;
                border-radius: 6px;
                background-color: #fff;
                opacity: 1; }
          #main.container .main__top__contents__move {
            order: -1;
            position: relative;
            left: 0;
            width: 100%;
            height: 100%; }
          #main.container .main__top__contents__frame {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            position: absolute;
            top: 50px;
            left: 0;
            box-sizing: border-box;
            width: 100%;
            padding: 0px 8px;
            overflow: hidden; }
          #main.container .main__top__contents__highlight {
            width: 53px;
            height: 55px;
            top: 85px;
            right: 57px; }
            #main.container .main__top__contents__highlight.en {
              right: 57px; }
            #main.container .main__top__contents__highlight.ja {
              right: 60px; }
          #main.container .main__top__contents__title {
            margin-left: 30px;
            font-size: 40px;
            font-weight: 600;
            line-height: 105%;
            text-align: right;
            color: #fff; }
            #main.container .main__top__contents__title.en {
              letter-spacing: -1px; }
              #main.container .main__top__contents__title.en .highlight {
                margin: 0 12px; }
            #main.container .main__top__contents__title .highlight {
              margin: 0 12px; }
            #main.container .main__top__contents__title.ja .highlight {
              margin: 0 11px; }
          #main.container .main__top__contents__desc {
            padding-left: 60px;
            margin-top: 20px;
            font-size: 13px;
            font-weight: 500;
            line-height: 150%;
            color: rgba(255, 255, 255, 0.7); }
          #main.container .main__top__contents__btn {
            display: flex;
            align-items: center;
            justify-content: space-between;
            column-gap: 30px;
            margin-top: 20px;
            padding: 14px;
            padding-left: 18px;
            border-radius: 27px;
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: #fff; }
            #main.container .main__top__contents__btn img {
              height: 16px; }
            #main.container .main__top__contents__btn.type-0 {
              color: #fff;
              background-color: #803bff; }
            #main.container .main__top__contents__btn.type-1 {
              color: #f00059;
              background-color: #fff; }
            #main.container .main__top__contents__btn.type-2 {
              color: #222;
              background-color: #fff300; }
      #main.container .main__why {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        align-items: center;
        width: 100%;
        padding-top: 92px;
        padding-bottom: 100px;
        background-color: #fff; }
        #main.container .main__why__title {
          width: 300px; }
        #main.container .main__why__desc {
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          text-align: center;
          color: #333; }
        #main.container .main__why__items {
          display: grid;
          grid-template-columns: repeat(2, 470px);
          column-gap: 30px;
          row-gap: 140px;
          justify-content: center;
          padding-top: 118px; }
          #main.container .main__why__items .item {
            display: flex;
            flex-direction: column;
            row-gap: 15px;
            width: 100%; }
            #main.container .main__why__items .item__image {
              width: 100%; }
            #main.container .main__why__items .item__title {
              font-size: 26px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.27;
              letter-spacing: -0.72px;
              text-align: center;
              color: #222; }
            #main.container .main__why__items .item__desc {
              padding: 0px 50px;
              font-size: 18px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.61;
              letter-spacing: normal;
              text-align: center;
              color: #444; }
      #main.container .main__start {
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        padding: 54px 20px;
        background: linear-gradient(to bottom, #f6e136, #f6e136 76%, #f6e136);
        overflow: hidden; }
        #main.container .main__start__bg {
          position: absolute;
          width: 1920px; }
          #main.container .main__start__bg__highlight {
            position: absolute;
            top: 57px;
            left: 831px;
            width: 130px; }
          #main.container .main__start__bg__line {
            position: absolute;
            left: -15px;
            top: 230px; }
          #main.container .main__start__bg__bubble {
            position: absolute;
            right: 90px;
            top: 200px; }
        #main.container .main__start__title {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          text-align: center;
          color: #00424d; }
          #main.container .main__start__title .highlight {
            color: #1199af; }
        #main.container .main__start__items {
          display: grid;
          grid-template-columns: repeat(1, 100%);
          column-gap: 30px;
          row-gap: 20px;
          justify-content: center;
          width: 100%;
          z-index: 1; }
          #main.container .main__start__items .item {
            height: 361px;
            border: solid 3px rgba(255, 255, 255, 0);
            padding: 40px 25px 30px;
            border-radius: 20px;
            box-shadow: 0 20px 18px -9px rgba(0, 0, 0, 0.1);
            background-color: #fff; }
            #main.container .main__start__items .item:hover {
              border: solid 3px #ec0047; }
            #main.container .main__start__items .item__title {
              width: 200px; }
            #main.container .main__start__items .item__desc {
              margin-top: 10px;
              font-size: 14px;
              font-weight: 400;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.57;
              letter-spacing: normal;
              text-align: center;
              color: #333; }
            #main.container .main__start__items .item__image {
              bottom: 94px;
              margin-top: 11px;
              width: 100%;
              max-width: 328px; }
            #main.container .main__start__items .item__btn {
              display: inline-block;
              bottom: 30px;
              border-radius: 25px;
              background-color: #ec0047; }
              #main.container .main__start__items .item__btn span {
                width: inherit;
                display: inline-block;
                padding: 15px 31px;
                box-sizing: border-box;
                font-size: 18px;
                font-weight: 800;
                font-stretch: normal;
                font-style: normal;
                line-height: 1;
                letter-spacing: normal;
                color: #fff;
                max-width: 300px;
                min-width: 165px; }
      #main.container .main__ref {
        width: 100%;
        padding-top: 70px;
        overflow: hidden;
        padding-bottom: 40px;
        background-color: #e9e9e9;
        overflow: hidden; }
        #main.container .main__ref__title {
          width: 225px; }
        #main.container .main__ref__desc {
          margin-top: 20px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          text-align: center;
          color: #333; }
        #main.container .main__ref__logos {
          width: 3000px;
          position: relative;
          display: flex;
          column-gap: 10px;
          margin-top: 44px; }
          #main.container .main__ref__logos img {
            width: 107px; }
        #main.container .main__ref__items {
          display: grid;
          justify-content: center;
          grid-template-columns: 320px;
          grid-template-rows: repeat(4, 320px);
          margin-top: 40px; }
          #main.container .main__ref__items .item {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 10px;
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            padding: 30px 40px; }
            #main.container .main__ref__items .item.ecommerce {
              background-color: #803bff;
              color: white; }
            #main.container .main__ref__items .item.edu {
              right: 0px;
              top: -70px;
              background-color: #f6e136;
              color: #222; }
            #main.container .main__ref__items .item.agency {
              top: -140px;
              background-color: #28becd;
              color: white; }
            #main.container .main__ref__items .item.finance {
              right: 0px;
              top: -210px;
              background-color: #fff;
              color: #222; }
            #main.container .main__ref__items .item__title {
              display: flex;
              align-items: center;
              column-gap: 2px;
              font-size: 13px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              letter-spacing: normal;
              text-align: center;
              color: inherit; }
            #main.container .main__ref__items .item__image {
              width: 103px; }
            #main.container .main__ref__items .item__desc {
              font-size: 18px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.27;
              letter-spacing: normal;
              text-align: center; }
            #main.container .main__ref__items .item__btn {
              display: none;
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: 50px;
              box-sizing: border-box;
              width: 40px;
              height: 40px;
              padding: 10px;
              border-radius: 50%;
              box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
              background-color: #fff; }
        #main.container .main__ref__all {
          margin-top: -168px;
          display: flex;
          align-items: center;
          justify-content: center;
          column-gap: 5px; }
          #main.container .main__ref__all span {
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #2f2f2f; }
          #main.container .main__ref__all img {
            height: 14px; }
      #main.container .main__insight {
        width: 100%;
        padding-top: 60px;
        padding-bottom: 32px;
        background-color: #16243d;
        overflow: hidden; }
        #main.container .main__insight__title {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
        #main.container .main__insight__all {
          display: flex;
          column-gap: 10px;
          align-items: center;
          justify-content: center;
          margin-top: 26px;
          width: 100%;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
          #main.container .main__insight__all img {
            width: 14px; } }

#why.container {
  width: 100%;
  min-width: 1280px; }
  #why.container .why__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 81px;
    padding-bottom: 480px;
    background-color: #eff2d6; }
    #why.container .why__top__title {
      width: 668px;
      min-height: 91px; }
    #why.container .why__top__sub {
      margin-top: 60px;
      font-size: 67px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.15;
      letter-spacing: -1.86px;
      text-align: center;
      color: #2f2f2f; }
    #why.container .why__top__desc {
      margin-top: 23px;
      font-size: 26px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.54;
      text-align: center;
      color: #222; }
    #why.container .why__top__frame {
      margin-top: 28px;
      width: 1093px;
      position: relative; }
    #why.container .why__top__img {
      position: absolute;
      width: 1093px; }
  #why.container .why__pros {
    display: grid;
    grid-template-columns: 460px 700px;
    justify-content: center;
    column-gap: 10px;
    width: 100%;
    padding-top: 380px;
    padding-bottom: 275px; }
    #why.container .why__pros__image {
      width: 100%; }
    #why.container .why__pros__list {
      display: flex;
      flex-direction: column;
      row-gap: 68px; }
      #why.container .why__pros__list .item {
        display: grid;
        grid-template-columns: 41px auto;
        column-gap: 47px; }
        #why.container .why__pros__list .item__number {
          font-family: NewRubrik;
          font-size: 70px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: -2.03px;
          text-align: center;
          color: #222; }
        #why.container .why__pros__list .item__contents {
          font-size: 24px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.46;
          letter-spacing: -0.67px;
          color: #222; }
  #why.container .why__data {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 170px; }
    #why.container .why__data__title {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 20px; }
      #why.container .why__data__title__top {
        font-size: 55px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        text-align: center;
        color: #2f2f2f; }
        #why.container .why__data__title__top.en {
          letter-spacing: -1px; }
      #why.container .why__data__title__mid {
        font-family: NewRubrik;
        font-size: 100px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: -2.9px;
        text-align: center;
        color: #ec0047; }
        #why.container .why__data__title__mid.ja {
          font-family: initial; }
      #why.container .why__data__title__bot {
        font-size: 55px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        text-align: center;
        color: #2f2f2f; }
        #why.container .why__data__title__bot.en {
          letter-spacing: -1px; }
  #why.container .why__rsn {
    width: 100%;
    overflow: hidden; }
    #why.container .why__rsn__panel {
      min-width: 1920px;
      width: 100%; }
    #why.container .why__rsn__edu {
      position: relative;
      display: grid;
      grid-template-columns: 157px 600px;
      align-items: center;
      justify-content: center;
      column-gap: 40px;
      margin-top: 90px; }
      #why.container .why__rsn__edu__frame {
        position: relative; }
      #why.container .why__rsn__edu__book {
        position: absolute;
        width: 295px;
        top: -271px;
        left: -371px; }
      #why.container .why__rsn__edu__image {
        width: 100%; }
      #why.container .why__rsn__edu__title {
        position: relative;
        font-size: 67px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.18;
        color: #2f2f2f; }
        #why.container .why__rsn__edu__title.en {
          letter-spacing: -1.86px; }
      #why.container .why__rsn__edu__box-1 {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
        margin-top: 104px; }
        #why.container .why__rsn__edu__box-1 h3 {
          font-size: 52px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.25;
          color: #2f2f2f; }
          #why.container .why__rsn__edu__box-1 h3.en {
            letter-spacing: -1.5px; }
          #why.container .why__rsn__edu__box-1 h3.ja {
            letter-spacing: -0.5px; }
        #why.container .why__rsn__edu__box-1 p {
          font-size: 26px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.62;
          color: #2f2f2f; }
      #why.container .why__rsn__edu__box-2 {
        display: flex;
        column-gap: 30px;
        margin-top: 75px; }
        #why.container .why__rsn__edu__box-2 .item {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          row-gap: 20px;
          width: 270px; }
          #why.container .why__rsn__edu__box-2 .item__title {
            font-size: 30px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.17;
            letter-spacing: -0.83px;
            color: #ec0047; }
          #why.container .why__rsn__edu__box-2 .item__desc {
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            color: #444; }
          #why.container .why__rsn__edu__box-2 .item__btn {
            padding: 10px 20px;
            border-radius: 20px;
            border: solid 1px #ec0047;
            background-color: #fff;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            text-align: center;
            color: #ec0047; }
            #why.container .why__rsn__edu__box-2 .item__btn:hover {
              filter: brightness(0.94); }
  #why.container .why__forum {
    position: relative;
    bottom: -15px;
    display: grid;
    justify-content: center;
    grid-template-columns: 675px 438px;
    column-gap: 57px;
    margin-top: 120px; }
    #why.container .why__forum__image {
      width: 100%;
      min-height: 525px; }
    #why.container .why__forum__frame {
      display: flex;
      flex-direction: column;
      row-gap: 20px;
      align-items: flex-start; }
    #why.container .why__forum__title {
      font-size: 52px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.25;
      color: #2f2f2f; }
      #why.container .why__forum__title.en {
        letter-spacing: -1.5px; }
    #why.container .why__forum__desc {
      font-size: 26px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.62;
      color: #222; }
    #why.container .why__forum__btn {
      padding: 10px 20px;
      border-radius: 20px;
      border: solid 1px #ec0047;
      background-color: #fff;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      text-align: center;
      color: #ec0047; }
      #why.container .why__forum__btn:hover {
        filter: brightness(0.94); }
  #why.container .why__global {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 87px;
    width: 100%;
    padding-top: 140px;
    padding-bottom: 110px;
    background-color: #16243d; }
    #why.container .why__global__title {
      width: 1170px;
      font-size: 52px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.25;
      letter-spacing: -1.51px;
      color: #fff; }
    #why.container .why__global__box {
      display: grid;
      grid-template-columns: 330px 840px;
      justify-content: center; }
      #why.container .why__global__box__image {
        width: 100%; }
      #why.container .why__global__box__list {
        display: flex;
        flex-direction: column;
        row-gap: 67px; }
        #why.container .why__global__box__list .item {
          display: flex;
          flex-direction: column;
          row-gap: 17px; }
          #why.container .why__global__box__list .item__title {
            font-size: 30px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.27;
            letter-spacing: -0.83px;
            color: #ec0047; }
          #why.container .why__global__box__list .item__desc {
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            color: #f0f0f0; }
    #why.container .why__global__ref {
      padding: 21px 31px;
      border-radius: 32px;
      background-color: #fff; }
      #why.container .why__global__ref:hover {
        filter: brightness(0.84); }
      #why.container .why__global__ref span {
        font-size: 22px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        color: #ec0047; }
  #why.container .why__plan {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 50px;
    box-sizing: border-box;
    width: 100%;
    padding-top: 195px; }
    #why.container .why__plan__title {
      font-size: 52px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.25;
      text-align: center;
      color: #2f2f2f; }
      #why.container .why__plan__title .highlight {
        position: relative; }
        #why.container .why__plan__title .highlight .underline {
          position: absolute;
          left: 0;
          bottom: -5px;
          width: 100%; }
      #why.container .why__plan__title.en {
        letter-spacing: -1.5px; }
    #why.container .why__plan__nav {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      column-gap: 30px;
      width: 1170px; }
      #why.container .why__plan__nav .tab {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 25px;
        border: solid 3px #fff;
        margin: -3px;
        border-radius: 7px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.08);
        background-color: #fff;
        cursor: pointer;
        transition: box-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        #why.container .why__plan__nav .tab:hover {
          box-shadow: 0 22px 33px -7px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); }
        #why.container .why__plan__nav .tab.on {
          border: solid 3px #ec0047;
          box-shadow: 0 22px 33px -7px rgba(0, 0, 0, 0.15);
          margin: -3px; }
          #why.container .why__plan__nav .tab.on::after {
            content: '';
            position: absolute;
            bottom: -34px;
            left: 50%;
            transform: translateX(-50%);
            width: 20px;
            height: 20px;
            background: url("https://dream-cdn.beusable.net/home/images/why/tab-select.svg") no-repeat center center; }
        #why.container .why__plan__nav .tab__title {
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          color: #2f2f2f;
          margin-bottom: 40px; }
        #why.container .why__plan__nav .tab__desc {
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.64;
          color: #444; }
        #why.container .why__plan__nav .tab__image {
          position: absolute;
          width: 60px;
          height: 60px;
          right: 10px;
          bottom: 28px; }
    #why.container .why__plan__contents {
      display: flex;
      flex-direction: column;
      row-gap: 50px;
      box-sizing: border-box;
      padding: 35px;
      padding-bottom: 60px;
      width: 1170px;
      border-radius: 7px;
      box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.35);
      background-color: #fff; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
      #why.container .why__plan__contents.fadein {
        animation: fadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
        animation-fill-mode: forwards; }
      #why.container .why__plan__contents__title {
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.59;
        letter-spacing: -0.61px;
        color: #222; }
      #why.container .why__plan__contents .division {
        margin: 0px 35px;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1); }
      #why.container .why__plan__contents .item {
        display: flex;
        flex-direction: column;
        row-gap: 34px;
        position: relative;
        padding-left: 35px;
        box-sizing: border-box;
        width: 100%; }
        #why.container .why__plan__contents .item__title {
          display: flex;
          align-items: center;
          column-gap: 15px; }
          #why.container .why__plan__contents .item__title h3 {
            font-size: 35px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: -0.97px;
            color: #222; }
            #why.container .why__plan__contents .item__title h3.en {
              letter-spacing: -0.8px; }
          #why.container .why__plan__contents .item__title .label {
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 15px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #fff;
            background-color: #7e36e0; }
            #why.container .why__plan__contents .item__title .label.everyone {
              background-color: #1199ae; }
            #why.container .why__plan__contents .item__title .label.pro {
              background-color: #7e36e0; }
            #why.container .why__plan__contents .item__title .label.starter {
              background-color: #8aa0ba; }
            #why.container .why__plan__contents .item__title .label.agency {
              background-color: #eaab40; }
            #why.container .why__plan__contents .item__title .label.enterprise {
              background-color: #294379; }
        #why.container .why__plan__contents .item ul {
          display: flex;
          flex-direction: column;
          row-gap: 15px; }
          #why.container .why__plan__contents .item ul li {
            display: flex;
            align-items: flex-start;
            column-gap: 10px;
            padding-right: 250px; }
            #why.container .why__plan__contents .item ul li span {
              font-size: 20px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.4;
              color: #444; }
        #why.container .why__plan__contents .item__btn {
          position: absolute;
          right: 35px;
          top: 50%;
          transform: translateY(-50%);
          padding: 16px 40px;
          border-radius: 25px;
          background-color: #ec0047;
          font-size: 18px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          color: #fff; }
          #why.container .why__plan__contents .item__btn:hover {
            filter: brightness(0.84); }

@media all and (max-width: 768px) {
  #why.container {
    width: 100%;
    min-width: auto; }
    #why.container .why__top {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding-top: 15px;
      padding-bottom: 200px;
      background-color: #eff2d6; }
      #why.container .why__top__title {
        min-height: 41px;
        width: 300px; }
      #why.container .why__top__sub {
        margin-top: 20px;
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: -0.54px;
        text-align: center;
        color: #333; }
      #why.container .why__top__desc {
        margin-top: 40px;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        text-align: center;
        color: #333; }
      #why.container .why__top__frame {
        margin-top: 28px;
        width: 100%;
        position: relative; }
      #why.container .why__top__img {
        position: absolute;
        width: 100%; }
    #why.container .why__pros {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 40px;
      grid-template-columns: 460px 700px;
      justify-content: center;
      column-gap: 10px;
      width: 100%;
      padding-top: 110px;
      padding-bottom: 90px; }
      #why.container .why__pros__image {
        width: calc(100% - 34px); }
      #why.container .why__pros__list {
        display: flex;
        flex-direction: column;
        row-gap: 30px; }
        #why.container .why__pros__list .item {
          display: grid;
          grid-template-columns: 30px 270px;
          justify-content: center;
          column-gap: 25px; }
          #why.container .why__pros__list .item__number {
            font-family: NewRubrik;
            font-size: 45px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: -1.3px;
            text-align: center;
            color: #222; }
          #why.container .why__pros__list .item__contents {
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            color: #333; }
    #why.container .why__data {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 90px; }
      #why.container .why__data__title {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 12px; }
        #why.container .why__data__title__top {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: -0.54px;
          text-align: center;
          color: #333; }
        #why.container .why__data__title__mid {
          font-family: NewRubrik;
          font-size: 40px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: -1.16px;
          text-align: center;
          color: #ec0047; }
        #why.container .why__data__title__bot {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: -0.54px;
          text-align: center;
          color: #333; }
    #why.container .why__rsn {
      width: 100%;
      overflow: hidden; }
      #why.container .why__rsn__panel {
        min-width: auto;
        width: 100%; }
      #why.container .why__rsn__edu {
        position: relative;
        display: grid;
        grid-template-columns: 0px 100%;
        align-items: center;
        justify-content: center;
        column-gap: 0px;
        margin-top: 25px; }
        #why.container .why__rsn__edu__frame {
          position: relative; }
        #why.container .why__rsn__edu__book {
          position: absolute;
          width: 121px;
          top: -62px;
          left: -143px; }
        #why.container .why__rsn__edu__image {
          width: 100%; }
        #why.container .why__rsn__edu__title {
          margin-left: 50%;
          margin-right: 30px;
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.36;
          letter-spacing: -0.54px;
          color: #333; }
        #why.container .why__rsn__edu__box-1 {
          display: flex;
          flex-direction: column;
          row-gap: 15px;
          margin-top: 70px; }
          #why.container .why__rsn__edu__box-1 h3 {
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.3;
            text-align: center;
            color: #2f2f2f; }
          #why.container .why__rsn__edu__box-1 p {
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.57;
            text-align: center;
            color: #444; }
        #why.container .why__rsn__edu__box-2 {
          display: flex;
          flex-direction: column;
          row-gap: 70px;
          align-items: center;
          margin-top: 75px; }
          #why.container .why__rsn__edu__box-2 .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 20px;
            width: 270px; }
            #why.container .why__rsn__edu__box-2 .item__title {
              font-size: 30px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.17;
              letter-spacing: -0.83px;
              color: #ec0047;
              text-align: center; }
            #why.container .why__rsn__edu__box-2 .item__desc {
              font-size: 15px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.8;
              color: #444;
              text-align: center; }
            #why.container .why__rsn__edu__box-2 .item__btn {
              padding: 10px 20px;
              border-radius: 20px;
              border: solid 1px #ec0047;
              background-color: #fff;
              font-size: 14px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              text-align: center;
              color: #ec0047; }
    #why.container .why__forum {
      width: 100%;
      position: relative;
      bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      row-gap: 26px;
      box-sizing: border-box;
      margin-top: 80px;
      padding: 0px 26px 60px; }
      #why.container .why__forum__image {
        width: 100%;
        min-height: 200px; }
      #why.container .why__forum__frame {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        align-items: center; }
      #why.container .why__forum__title {
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: -0.54px;
        text-align: center;
        color: #333; }
      #why.container .why__forum__desc {
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        text-align: center;
        color: #444; }
      #why.container .why__forum__btn {
        padding: 10px 20px;
        border-radius: 20px;
        border: solid 1px #ec0047;
        background-color: #fff;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        text-align: center;
        color: #ec0047; }
    #why.container .why__global {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 60px;
      width: 100%;
      padding-top: 60px;
      padding-bottom: 60px;
      background-color: #16243d; }
      #why.container .why__global__title {
        box-sizing: border-box;
        width: 100%;
        padding: 0px 20px;
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        text-align: center;
        color: #fff; }
      #why.container .why__global__box {
        display: grid;
        grid-template-columns: 100%;
        column-gap: 40px;
        justify-content: center;
        align-items: center;
        row-gap: 40px; }
        #why.container .why__global__box__image {
          order: -1;
          width: 100%; }
        #why.container .why__global__box__list {
          display: flex;
          flex-direction: column;
          row-gap: 67px; }
          #why.container .why__global__box__list .item {
            display: flex;
            flex-direction: column;
            row-gap: 10px;
            padding: 0px 20px; }
            #why.container .why__global__box__list .item__title {
              font-size: 20px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.3;
              text-align: center;
              color: #ec0047; }
            #why.container .why__global__box__list .item__desc {
              font-size: 14px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.57;
              text-align: center;
              color: #e9e9e9; }
      #why.container .why__global__ref {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        max-height: 43px;
        padding: 12px 24px;
        border-radius: 22px;
        background-color: #fff; }
        #why.container .why__global__ref span {
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 14px;
          vertical-align: middle;
          color: #dc0142; }
    #why.container .why__plan {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 50px;
      box-sizing: border-box;
      width: 100%;
      padding-top: 195px; }
      #why.container .why__plan__title {
        font-size: 52px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        text-align: center;
        color: #2f2f2f; }
      #why.container .why__plan__nav {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 30px;
        width: 1170px; }
        #why.container .why__plan__nav .tab {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          box-sizing: border-box;
          height: 190px;
          padding: 25px;
          border: solid 3px #fff;
          margin: -3px;
          border-radius: 7px;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.08);
          background-color: #fff;
          cursor: pointer; }
          #why.container .why__plan__nav .tab.on {
            border: solid 3px #ec0047;
            margin: -3px; }
            #why.container .why__plan__nav .tab.on::after {
              content: '';
              position: absolute;
              bottom: -34px;
              left: 50%;
              transform: translateX(-50%);
              width: 20px;
              height: 20px;
              background: url("https://dream-cdn.beusable.net/home/images/why/tab-select.svg") no-repeat center center; }
          #why.container .why__plan__nav .tab__title {
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            color: #2f2f2f; }
          #why.container .why__plan__nav .tab__desc {
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.64;
            color: #444; }
          #why.container .why__plan__nav .tab__image {
            position: absolute;
            width: 60px;
            height: 60px;
            right: 20px;
            bottom: 28px; }
      #why.container .why__plan__contents {
        display: flex;
        flex-direction: column;
        row-gap: 50px;
        box-sizing: border-box;
        padding: 35px;
        padding-bottom: 60px;
        width: 1170px;
        border-radius: 7px;
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.35);
        background-color: #fff; }
        #why.container .why__plan__contents__title {
          font-size: 22px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.59;
          letter-spacing: -0.61px;
          color: #222; }
        #why.container .why__plan__contents .division {
          margin: 0px 35px;
          height: 1px;
          background-color: rgba(0, 0, 0, 0.1); }
        #why.container .why__plan__contents .item {
          display: flex;
          flex-direction: column;
          row-gap: 34px;
          position: relative;
          padding-left: 35px;
          box-sizing: border-box;
          width: 100%; }
          #why.container .why__plan__contents .item__title {
            display: flex;
            align-items: center;
            column-gap: 15px; }
            #why.container .why__plan__contents .item__title h3 {
              font-size: 35px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: -0.97px;
              color: #222; }
            #why.container .why__plan__contents .item__title .label {
              padding: 4px 8px;
              border-radius: 4px;
              font-size: 15px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #fff;
              background-color: #7e36e0; }
              #why.container .why__plan__contents .item__title .label.everyone {
                background-color: #1199ae; }
              #why.container .why__plan__contents .item__title .label.pro {
                background-color: #7e36e0; }
              #why.container .why__plan__contents .item__title .label.starter {
                background-color: #8aa0ba; }
              #why.container .why__plan__contents .item__title .label.agency {
                background-color: #eaab40; }
              #why.container .why__plan__contents .item__title .label.enterprise {
                background-color: #294379; }
          #why.container .why__plan__contents .item ul {
            display: flex;
            flex-direction: column;
            row-gap: 15px; }
            #why.container .why__plan__contents .item ul li {
              display: flex;
              align-items: flex-start;
              column-gap: 10px; }
              #why.container .why__plan__contents .item ul li span {
                font-size: 20px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.4;
                color: #444; }
          #why.container .why__plan__contents .item__btn {
            position: absolute;
            right: 35px;
            top: 50%;
            transform: translateY(-50%);
            padding: 14px 40px;
            border-radius: 25px;
            background-color: #ec0047;
            font-size: 18px;
            font-weight: 800;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            color: #fff; }
    #why.container .why__plan--mobile .why__plan__title {
      width: 100%;
      padding: 45px 0px;
      background-color: #eee;
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.36;
      letter-spacing: -0.54px;
      text-align: center;
      color: #333; }
    #why.container .why__plan--mobile .why__plan__list .item {
      position: relative;
      border-top: 1px solid #64708f;
      padding: 25px 16px; }
      #why.container .why__plan--mobile .why__plan__list .item__title {
        font-size: 19px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 26px;
        color: #333;
        padding-right: 20px;
        cursor: pointer; }
      #why.container .why__plan--mobile .why__plan__list .item__desc {
        margin-top: 12px;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.83;
        color: #4d4d4d; }
      #why.container .why__plan--mobile .why__plan__list .item__arrow {
        position: absolute;
        right: 16px;
        top: 25px;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        cursor: pointer; }
        #why.container .why__plan--mobile .why__plan__list .item__arrow.show {
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
      #why.container .why__plan--mobile .why__plan__list .item__hide {
        max-height: 0px;
        overflow: hidden;
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        #why.container .why__plan--mobile .why__plan__list .item__hide.show {
          max-height: 1000px;
          padding-bottom: 10px; }
        #why.container .why__plan--mobile .why__plan__list .item__hide .box {
          display: flex;
          flex-direction: column;
          align-items: center;
          box-sizing: border-box;
          width: calc(100% - 4px);
          padding: 20px;
          margin-top: 20px;
          margin-left: 2px;
          margin-bottom: 20px;
          border-radius: 14px;
          box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
          background-color: #fff; }
          #why.container .why__plan--mobile .why__plan__list .item__hide .box__title {
            display: flex;
            column-gap: 11px;
            align-items: center;
            width: 100%; }
            #why.container .why__plan--mobile .why__plan__list .item__hide .box__title img {
              width: 49px; }
            #why.container .why__plan--mobile .why__plan__list .item__hide .box__title span {
              font-size: 20px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 0.85;
              color: #333; }
            #why.container .why__plan--mobile .why__plan__list .item__hide .box__title .label {
              display: flex;
              align-items: center;
              padding: 3px 6px;
              border-radius: 4px;
              font-size: 12px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 12px;
              letter-spacing: normal;
              color: #fff;
              background-color: #7e36e0; }
              #why.container .why__plan--mobile .why__plan__list .item__hide .box__title .label.everyone {
                background-color: #1199ae; }
              #why.container .why__plan--mobile .why__plan__list .item__hide .box__title .label.pro {
                background-color: #7e36e0; }
              #why.container .why__plan--mobile .why__plan__list .item__hide .box__title .label.starter {
                background-color: #8aa0ba; }
              #why.container .why__plan--mobile .why__plan__list .item__hide .box__title .label.agency {
                background-color: #eaab40; }
              #why.container .why__plan--mobile .why__plan__list .item__hide .box__title .label.enterprise {
                background-color: #294379; }
          #why.container .why__plan--mobile .why__plan__list .item__hide .box__division {
            width: 100%;
            height: 1px;
            margin: 21px 0px 25px;
            background-color: #e1e1e1; }
          #why.container .why__plan--mobile .why__plan__list .item__hide .box__list {
            width: 100%; }
            #why.container .why__plan--mobile .why__plan__list .item__hide .box__list li {
              width: 100%;
              display: flex;
              align-items: flex-start;
              column-gap: 6px;
              margin-bottom: 20px; }
              #why.container .why__plan--mobile .why__plan__list .item__hide .box__list li img {
                width: 15px; }
              #why.container .why__plan--mobile .why__plan__list .item__hide .box__list li span {
                font-size: 12px;
                line-height: 19px;
                color: #444; }
          #why.container .why__plan--mobile .why__plan__list .item__hide .box__btn {
            padding: 13px 34px;
            border-radius: 22px;
            background-color: #ec0047;
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            color: #fff; } }

.ui-input {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  width: 100%; }
  .ui-input label {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #767676; }
  .ui-input input {
    height: 38px;
    padding: 10px 35px 10px 12px;
    border-radius: 6px;
    border: solid 1px #bbb;
    background-color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 14px;
    letter-spacing: normal;
    color: #000;
    font-family: system-ui; }
    .ui-input input::placeholder {
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 14px;
      letter-spacing: normal;
      color: #bbb;
      font-family: system-ui; }
    .ui-input input:focus {
      border: solid 1px #289eef;
      outline: 0px; }
    .ui-input input[disabled] {
      background-color: #d7d7d7;
      opacity: 0.3; }
    .ui-input input.error-line {
      border: solid 1px #ec0047; }
    .ui-input input::-ms-reveal, .ui-input input::-ms-clear {
      display: none !important;
      visibility: hidden;
      opacity: 0; }
  .ui-input input:focus::-webkit-textfield-decoration-container {
    visibility: hidden; }
  .ui-input .eye {
    position: absolute;
    top: 48%;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("https://dream-cdn.beusable.net/home/images/icon-eye-off.svg") no-repeat center center; }
    .ui-input .eye.on {
      background: url("https://dream-cdn.beusable.net/home/images/icon-eye-on.svg") no-repeat center center; }
  .ui-input .error {
    display: none;
    position: absolute;
    left: 4px;
    bottom: -20px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #e60724; }
  .ui-input .close {
    display: none;
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 14px;
    height: 14px;
    background: url("https://dream-cdn.beusable.net/home/images/icon-input-close.svg") no-repeat center center;
    cursor: pointer; }
    .ui-input .close.on {
      display: block; }

.ui-select {
  display: flex;
  flex-direction: column;
  row-gap: 5px; }
  .ui-select label {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #767676; }
  .ui-select .select {
    position: relative;
    box-sizing: border-box;
    height: 38px;
    border-radius: 6px;
    border: solid 1px #bbb;
    background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 97% center;
    cursor: pointer; }
    .ui-select .select--show {
      padding: 12px;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      color: #444; }
    .ui-select .select--hide {
      position: absolute;
      top: -1px;
      left: -1px;
      display: none;
      width: 100%;
      border-radius: 6px;
      border: solid 1px #bbb;
      background-color: #fff;
      z-index: 1;
      overflow: hidden; }
      .ui-select .select--hide .item {
        padding: 12px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #444;
        cursor: pointer; }
        .ui-select .select--hide .item:hover {
          background-color: #ebebeb; }
  .ui-select .description {
    position: relative;
    left: 4px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #767676; }

.ui-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 8px;
  transform: translateY(0.5px);
  font-size: 13px;
  letter-spacing: -0.5px;
  color: #666; }
  .ui-checkbox .box {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 18px;
    min-height: 18px; }
    .ui-checkbox .box::before {
      content: '';
      position: absolute;
      top: 0px;
      left: 0px;
      width: 18px;
      height: 18px;
      background: url("https://dream-cdn.beusable.net/home/images/icon-input-box.svg") transparent no-repeat center center;
      background-size: 18px 18px; }
    .ui-checkbox .box:checked::before {
      background: url("https://dream-cdn.beusable.net/home/images/icon-checkbox-red.svg") transparent no-repeat center center; }
  .ui-checkbox a {
    color: #666;
    text-decoration: underline; }

html.no-scroll {
  overflow: hidden !important;
  touch-action: none; }
  html.no-scroll body {
    overflow: hidden !important;
    touch-action: none; }
    html.no-scroll body > * {
      overflow: hidden !important;
      touch-action: none; }

.template-pricing-get_suggest {
  background-color: #eeedec;
  text-align: center;
  padding: 150px 0 128px;
  margin-top: 135px;
  min-width: 1280px;
  box-sizing: border-box; }
  .template-pricing-get_suggest + #footer {
    margin-top: 0; }
  .template-pricing-get_suggest .get_suggest-tit {
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -1.25px;
    text-align: center;
    color: #222;
    margin-bottom: 20px; }
  .template-pricing-get_suggest .get_suggest-desc {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.63px;
    text-align: center;
    color: #222;
    margin-bottom: 50px; }
  .template-pricing-get_suggest .get_suggest-btn {
    margin-top: 55px; }
    .template-pricing-get_suggest .get_suggest-btn a {
      display: inline-block;
      padding: 19px 28px;
      border-radius: 34px;
      box-shadow: 0 20px 18px -16px rgba(0, 0, 0, 0.25);
      border: solid 3px #ec0047;
      background-color: #fff;
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: -0.5px;
      color: #ec0047; }
      .template-pricing-get_suggest .get_suggest-btn a:hover {
        filter: brightness(0.94); }

#template-pricing-suggest {
  min-width: 1280px; }
  #template-pricing-suggest + #footer {
    margin-top: 0; }
  #template-pricing-suggest button {
    background: inherit;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    cursor: pointer; }
  #template-pricing-suggest .contents {
    position: relative; }
    #template-pricing-suggest .contents .contents_btn {
      position: relative;
      width: 1280px;
      margin: 0 auto;
      height: 100px; }
  #template-pricing-suggest .back-button {
    display: flex;
    align-items: center;
    column-gap: 10px;
    position: absolute;
    top: 30px;
    left: 55px;
    padding: 9px 15px 9px 9px;
    border-radius: 20px;
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    text-decoration: none;
    transition: all 0.1s ease-in-out; }
    #template-pricing-suggest .back-button:hover {
      filter: brightness(0.94); }
    #template-pricing-suggest .back-button img {
      height: 16px;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    #template-pricing-suggest .back-button span {
      font-size: 13px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: right;
      color: #444; }
  #template-pricing-suggest input[type="text"] {
    display: block;
    padding: 13px 72px 13px 12px;
    height: 40px;
    border-radius: 6px;
    border: solid 1px #bbb;
    background-color: #fff;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    outline: none; }
    #template-pricing-suggest input[type="text"]:focus {
      border-color: #289eef; }
    #template-pricing-suggest input[type="text"]:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px white inset;
      box-shadow: 0 0 0 1000px white inset; }
  #template-pricing-suggest input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    vertical-align: middle;
    background: #f8f8f8 url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-radio-off.svg") no-repeat center/contain; }
    #template-pricing-suggest input[type="radio"]:checked {
      background-image: url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-radio-on.svg"); }
  #template-pricing-suggest input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-checkbox-off.svg") no-repeat center/contain; }
    #template-pricing-suggest input[type="checkbox"]:checked {
      background-image: url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-checkbox-on.svg"); }
  #template-pricing-suggest label {
    line-height: 1.5;
    vertical-align: middle;
    font-size: 16px;
    position: relative;
    display: block;
    padding-left: 26px; }
  #template-pricing-suggest .font_en {
    font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif, 'SF Pro KR', 'SF Pro Text'; }
  #template-pricing-suggest #suggestionStep {
    display: block;
    width: 100%; }
    #template-pricing-suggest #suggestionStep .step-top-area {
      padding: 0 43px 0 70px;
      display: flex;
      flex-wrap: wrap; }
      #template-pricing-suggest #suggestionStep .step-top-area img {
        width: 376px; }
    #template-pricing-suggest #suggestionStep .suggestion-step {
      display: none;
      width: 970px;
      left: 50%;
      transform: translateX(-50%);
      padding-bottom: 243px;
      position: relative; }
    #template-pricing-suggest #suggestionStep.step1 .step-1 {
      display: block; }
    #template-pricing-suggest #suggestionStep.step2 .step-2 {
      display: block; }
    #template-pricing-suggest #suggestionStep.step3 .step-3 {
      display: block; }
    #template-pricing-suggest #suggestionStep.step4 .step-4 {
      display: block; }
    #template-pricing-suggest #suggestionStep.step5 .step-5 {
      display: block; }
    #template-pricing-suggest #suggestionStep .step-top-result {
      display: none;
      margin-top: 19px; }
    #template-pricing-suggest #suggestionStep .step-top {
      display: flex;
      justify-content: center;
      width: 1280px;
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
      #template-pricing-suggest #suggestionStep .step-top-copy {
        width: 470px;
        margin-right: 11px; }
        #template-pricing-suggest #suggestionStep .step-top-copy span {
          padding-top: 5px;
          font-size: 12px;
          font-weight: bold;
          line-height: 1;
          letter-spacing: -0.38px;
          color: #7b7b7b;
          display: block;
          margin-top: 7px; }
    #template-pricing-suggest #suggestionStep .step-desc {
      margin-top: 10px;
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #444; }
    #template-pricing-suggest #suggestionStep .step-tit {
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      color: #222;
      display: block;
      margin-top: 10px;
      font-size: 34px;
      line-height: 1.29;
      letter-spacing: -1.06px; }
    #template-pricing-suggest #suggestionStep .step-inner {
      display: flex;
      width: 100%;
      box-sizing: border-box;
      min-height: 405px;
      margin-top: 42px;
      padding: 80px 100px 35px;
      border-radius: 14px;
      box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.12);
      border: solid 5px #b7ba98;
      background-color: #f8f8f8;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      opacity: 0;
      transform: translateY(50px);
      transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); }
      #template-pricing-suggest #suggestionStep .step-inner.active {
        opacity: 1;
        transform: translateY(0px); }
      #template-pricing-suggest #suggestionStep .step-inner > * {
        min-width: 400px; }
      #template-pricing-suggest #suggestionStep .step-inner-tit {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #444;
        margin-bottom: 6px; }
      #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li {
        vertical-align: middle;
        font-size: 0;
        color: #2f2f2f;
        position: relative;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal; }
        #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li:first-child {
          margin-top: 0 !important; }
        #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li input {
          margin-bottom: 0; }
        #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li .input-error {
          display: block;
          visibility: hidden;
          font-size: 12px;
          font-weight: 500;
          color: #ec0047;
          padding: 6px; }
        #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li .input-del {
          display: none;
          width: 14px;
          height: 14px;
          position: absolute;
          right: 12px;
          top: 12px;
          cursor: pointer; }
          #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li .input-del img {
            width: 100%; }
        #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li.error input {
          border-color: #ec0047; }
        #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li.error .input-error {
          visibility: visible; }
        #template-pricing-suggest #suggestionStep .step-inner-cnt ul > li.error .input-del {
          display: block; }
      #template-pricing-suggest #suggestionStep .step-inner-btn {
        position: relative;
        bottom: 0;
        margin-top: 50px;
        text-align: center;
        font-size: 0;
        display: flex;
        column-gap: 5px;
        justify-content: center; }
        #template-pricing-suggest #suggestionStep .step-inner-btn button {
          line-height: 1;
          padding: 0 22px;
          height: 42px;
          border-radius: 21px;
          font-size: 14px;
          font-weight: 600;
          text-align: center;
          color: #fff;
          transition: all 0.1s ease-in-out;
          display: inline-block;
          min-width: 100px;
          box-sizing: border-box;
          cursor: default;
          pointer-events: none; }
          #template-pricing-suggest #suggestionStep .step-inner-btn button.btn-before {
            color: #444;
            border: solid 1px #bbb;
            background-color: #fff;
            cursor: pointer;
            pointer-events: all; }
            #template-pricing-suggest #suggestionStep .step-inner-btn button.btn-before:hover {
              filter: brightness(0.94); }
          #template-pricing-suggest #suggestionStep .step-inner-btn button.btn-next {
            background-color: rgba(0, 0, 0, 0.25); }
            #template-pricing-suggest #suggestionStep .step-inner-btn button.btn-next:hover {
              filter: brightness(0.94); }
          #template-pricing-suggest #suggestionStep .step-inner-btn button.btn-contactus {
            border: solid 1px #ec0047;
            background-color: #fff;
            pointer-events: all;
            cursor: pointer;
            color: #ec0047; }
            #template-pricing-suggest #suggestionStep .step-inner-btn button.btn-contactus:hover {
              filter: brightness(0.94); }
          #template-pricing-suggest #suggestionStep .step-inner-btn button.active {
            background-color: #ec0047;
            pointer-events: all;
            cursor: pointer; }
            #template-pricing-suggest #suggestionStep .step-inner-btn button.active:hover {
              filter: brightness(0.84); }
    #template-pricing-suggest #suggestionStep .step-1 .step-inner > * {
      min-width: 100%; }
    #template-pricing-suggest #suggestionStep .step-1 .cnt-input {
      max-height: 240px;
      overflow-y: auto; }
      #template-pricing-suggest #suggestionStep .step-1 .cnt-input li {
        color: #444; }
    #template-pricing-suggest #suggestionStep .step-1 ::-webkit-input-placeholder {
      color: #bbb; }
    #template-pricing-suggest #suggestionStep .step-1 :-ms-input-placeholder {
      color: #bbb; }
    #template-pricing-suggest #suggestionStep .step-1 ::-webkit-input-placeholder {
      color: #bbb; }
    #template-pricing-suggest #suggestionStep .step-1 :-ms-input-placeholder {
      color: #bbb; }
    #template-pricing-suggest #suggestionStep .step-1 .btn_add_input {
      margin-top: 18px;
      position: relative;
      padding-left: 30px;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.17;
      letter-spacing: normal;
      color: #444;
      left: 50%;
      transform: translateX(-50%); }
      #template-pricing-suggest #suggestionStep .step-1 .btn_add_input span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 25px;
        height: 25px;
        padding: 2.5px;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
        border-radius: 100%;
        box-sizing: border-box;
        text-align: center; }
        #template-pricing-suggest #suggestionStep .step-1 .btn_add_input span img {
          position: relative;
          left: 50%;
          top: 50%;
          transform: rotate(0) translate(-50%, -50%);
          transition: rotate 0.5s ease; }
    #template-pricing-suggest #suggestionStep .step-2 .step-inner-tit, #template-pricing-suggest #suggestionStep .step-3 .step-inner-tit, #template-pricing-suggest #suggestionStep .step-4 .step-inner-tit {
      font-weight: 600;
      margin-bottom: 35px; }
    #template-pricing-suggest #suggestionStep .step-2 .step-inner-cnt ul > li, #template-pricing-suggest #suggestionStep .step-3 .step-inner-cnt ul > li, #template-pricing-suggest #suggestionStep .step-4 .step-inner-cnt ul > li {
      margin-top: 17px; }
    #template-pricing-suggest #suggestionStep .step-other_type1 .step-inner > * {
      min-width: 100%; }
    #template-pricing-suggest #suggestionStep .step-other_type1 ul {
      display: flex;
      flex-wrap: wrap; }
      #template-pricing-suggest #suggestionStep .step-other_type1 ul li {
        width: 50%;
        margin-top: 0 !important;
        margin-bottom: 17px !important; }
    #template-pricing-suggest #suggestionStep .step-5 .step-inner > * {
      min-width: 100%; }
    #template-pricing-suggest #suggestionStep .step-5 .other-list {
      position: relative;
      margin-top: 27px;
      display: inline-block;
      left: 50%;
      transform: translateX(-50%); }
      #template-pricing-suggest #suggestionStep .step-5 .other-list input[type="radio"] {
        -webkit-appearance: none;
        appearance: none;
        position: absolute;
        top: 1px;
        left: 0;
        width: 18px;
        height: 18px;
        border-radius: 0;
        vertical-align: middle;
        background: url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-checkbox-off.svg") no-repeat center/contain; }
        #template-pricing-suggest #suggestionStep .step-5 .other-list input[type="radio"]:checked {
          background-image: url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-checkbox-on.svg"); }
    #template-pricing-suggest #suggestionStep .step-5 ul {
      display: flex;
      position: relative; }
      #template-pricing-suggest #suggestionStep .step-5 ul::before {
        content: '';
        position: absolute;
        width: calc(100% - 100px);
        height: 2px;
        background-color: #aaa;
        top: 8px;
        left: 50px; }
      #template-pricing-suggest #suggestionStep .step-5 ul li {
        width: 100%;
        margin-top: 0 !important; }
        #template-pricing-suggest #suggestionStep .step-5 ul li input[type="radio"] {
          display: block;
          position: relative;
          left: 50%;
          top: 0;
          transform: translateX(-50%); }
        #template-pricing-suggest #suggestionStep .step-5 ul li label {
          display: block;
          padding-left: 0;
          text-align: center;
          margin-top: 10px; }
    #template-pricing-suggest #suggestionStep .step-top-result strong {
      font-size: 40px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.3;
      letter-spacing: -1.25px;
      color: #222; }
    #template-pricing-suggest #suggestionStep .step-top-result p {
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.61;
      letter-spacing: normal;
      color: #444;
      margin-top: 19px; }
    #template-pricing-suggest #suggestionStep.step1 .step-tit {
      font-size: 40px;
      line-height: 1;
      letter-spacing: -1.25px;
      margin-top: 22px; }
    #template-pricing-suggest #suggestionStep.result {
      align-items: normal;
      margin-top: 30px; }
      #template-pricing-suggest #suggestionStep.result .step-result {
        display: block;
        width: 100%;
        left: 0;
        transform: none;
        padding: 95px 0 185px;
        background-color: #f8f8f8;
        margin-top: 60px; }
      #template-pricing-suggest #suggestionStep.result .step-top-area {
        display: none; }
      #template-pricing-suggest #suggestionStep.result .step-top-result {
        display: block;
        margin-top: 0; }
      #template-pricing-suggest #suggestionStep.result .step-top {
        width: 1029px;
        justify-content: flex-start;
        padding-left: 29px;
        box-sizing: border-box; }
      #template-pricing-suggest #suggestionStep.result .step-inner {
        margin-top: 0;
        width: 1029px;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        background-color: transparent;
        border: none;
        justify-content: unset;
        flex-direction: column;
        align-items: unset;
        display: block;
        position: relative;
        left: 50%;
        opacity: 0;
        transform: translate(-50%, 50px);
        transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); }
        #template-pricing-suggest #suggestionStep.result .step-inner.active {
          opacity: 1;
          transform: translate(-50%, 0px); }
      #template-pricing-suggest #suggestionStep.result .result-insight-twice {
        margin-top: 80px; }
      #template-pricing-suggest #suggestionStep.result .result-tit {
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #444;
        margin-bottom: 10px;
        display: block;
        padding-left: 15px; }
      #template-pricing-suggest #suggestionStep.result .result-box {
        width: 1029px;
        min-height: 245px;
        padding: 27px 30px 30px 35px;
        border-radius: 14px;
        box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
        background-color: #fff;
        margin-top: 40px;
        box-sizing: border-box;
        transition: all 0.5s ease; }
        #template-pricing-suggest #suggestionStep.result .result-box:first-child {
          margin-top: 0; }
        #template-pricing-suggest #suggestionStep.result .result-box:hover {
          transform: scale(1.02); }
        #template-pricing-suggest #suggestionStep.result .result-box-tit {
          width: 620px;
          font-size: 0;
          vertical-align: middle;
          display: flex;
          column-gap: 12px;
          align-items: center; }
          #template-pricing-suggest #suggestionStep.result .result-box-tit strong {
            display: inline-block;
            font-size: 35px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: -0.97px;
            color: #222; }
        #template-pricing-suggest #suggestionStep.result .result-box-icon {
          display: inline-flex;
          align-items: center;
          vertical-align: sub;
          padding: 4px 8px;
          border-radius: 4px;
          font-size: 15px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #fff; }
          #template-pricing-suggest #suggestionStep.result .result-box-icon.journey_pro {
            background-color: #FF2D92; }
          #template-pricing-suggest #suggestionStep.result .result-box-icon.everyone {
            background-color: #6F6F6F; }
          #template-pricing-suggest #suggestionStep.result .result-box-icon.saas {
            background-color: #8aa0ba; }
          #template-pricing-suggest #suggestionStep.result .result-box-icon.trial {
            padding: 0; }
            #template-pricing-suggest #suggestionStep.result .result-box-icon.trial .only-mobile {
              background-color: #8aa0ba; }
          #template-pricing-suggest #suggestionStep.result .result-box-icon.enterprise {
            background-color: #294379; }
          #template-pricing-suggest #suggestionStep.result .result-box-icon small {
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #444; }
          #template-pricing-suggest #suggestionStep.result .result-box-icon img {
            height: 100%; }
        #template-pricing-suggest #suggestionStep.result .result-box-charge {
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(calc(-50% - 27px));
          display: flex;
          flex-direction: column;
          width: 300px;
          flex-wrap: wrap;
          align-items: center;
          padding-right: 75px;
          box-sizing: border-box;
          min-width: 340px;
          max-width: 340px; }
          #template-pricing-suggest #suggestionStep.result .result-box-charge .mo {
            width: 100% !important;
            min-width: 100%; }
          #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-cost {
            margin-bottom: 4px;
            padding-left: 57px; }
            #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-cost span {
              font-size: 20px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 0.7;
              letter-spacing: normal;
              text-align: center;
              color: #444;
              position: relative;
              padding: 0 5.5px; }
              #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-cost span::before {
                content: '';
                position: absolute;
                width: 100%;
                height: 1px;
                background-color: rgba(68, 68, 68, 0.7);
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
          #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale {
            font-size: 32px;
            font-weight: 800;
            font-stretch: normal;
            font-style: normal;
            line-height: 0.81;
            letter-spacing: normal;
            text-align: center;
            color: #ec0047; }
            #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale.limited span {
              position: relative;
              display: inline-block; }
          #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-vat {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            color: #444;
            margin-top: 14px; }
            #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-vat.limited {
              margin-top: 10px; }
        #template-pricing-suggest #suggestionStep.result .result-box-info {
          margin-top: 37px;
          width: 560px; }
          #template-pricing-suggest #suggestionStep.result .result-box-info ul li {
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            color: #444;
            margin-top: 13px;
            position: relative;
            padding-left: 25px; }
            #template-pricing-suggest #suggestionStep.result .result-box-info ul li::before {
              content: '';
              width: 17px;
              height: 17px;
              background: url("https://dream-cdn.beusable.net/home/images/suggest/icon-suggest-result-check.svg") no-repeat center/contain;
              position: absolute;
              left: 0;
              top: -3px;
              display: block; }
            #template-pricing-suggest #suggestionStep.result .result-box-info ul li .li_inner {
              display: inline-block;
              position: relative; }
            #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note {
              vertical-align: sub;
              margin-left: 2px;
              position: absolute;
              bottom: 1px;
              left: 100%;
              pointer-events: none;
              display: inline-flex;
              flex-wrap: wrap-reverse;
              row-gap: 14px;
              margin-left: -46px;
              cursor: help; }
              #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_pointer {
                pointer-events: all;
                position: relative;
                left: 48px; }
                #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_pointer:hover + .note_box {
                  visibility: visible; }
              #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box {
                z-index: 2;
                visibility: hidden;
                cursor: default;
                position: relative;
                left: 0;
                bottom: 0;
                box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.16);
                background-color: #fff;
                font-size: 13px;
                padding: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.31;
                letter-spacing: normal;
                text-align: center;
                color: #767676;
                box-sizing: border-box;
                min-width: 133px;
                border-radius: 10px;
                z-index: 1;
                pointer-events: all; }
                #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box::after {
                  content: "";
                  position: absolute;
                  bottom: -6.3px;
                  left: 50px;
                  width: 10px;
                  height: 10px;
                  background-color: #fff;
                  transform: rotate(45deg);
                  border-right: 1px solid #b9b9b9;
                  border-bottom: 1px solid #b9b9b9;
                  box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.05); }
                #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.copy_only {
                  width: 133px; }
                #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.copy_only_large {
                  width: 248px; }
                #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-img {
                  width: 390px; }
                  #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-img dl {
                    display: flex;
                    column-gap: 15px;
                    align-items: center;
                    margin-top: 35px;
                    text-align: left; }
                    #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-img dl:first-child {
                      margin-top: 0; }
                    #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-img dl dd .pro-only {
                      width: max-content;
                      display: block;
                      margin-bottom: 6px;
                      padding: 4px 5px;
                      border-radius: 4px;
                      background-color: #FF2D92;
                      font-family: 'NewRubrik',sans-serif;
                      font-size: 9px;
                      font-weight: 600;
                      font-stretch: normal;
                      font-style: normal;
                      line-height: normal;
                      letter-spacing: normal;
                      color: #fff;
                      text-align: center; }
                #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-text {
                  width: 230px;
                  text-align: left; }
                  #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-text dl {
                    display: flex;
                    flex-direction: column;
                    row-gap: 10px;
                    margin-top: 10px; }
                    #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-text dl:first-child {
                      margin-top: 0; }
                    #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-text dl dt {
                      font-weight: bold;
                      color: #2f2f2f; }
                      #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.type-dl-text dl dt small {
                        font-size: 10px;
                        font-weight: bold;
                        color: #ec0047; }
        #template-pricing-suggest #suggestionStep.result .result-box-btns {
          position: absolute;
          bottom: 30px;
          right: 30px;
          font-size: 0;
          display: flex;
          column-gap: 8px;
          align-items: flex-end; }
          #template-pricing-suggest #suggestionStep.result .result-box-btns a {
            transition: all 0.1s ease-in-out;
            min-width: 161px;
            height: 50px;
            font-size: 18px;
            font-weight: 800;
            font-stretch: normal;
            font-style: normal;
            line-height: 50px;
            letter-spacing: normal;
            padding: 0 20px;
            text-align: center;
            border-radius: 50px;
            vertical-align: middle;
            box-sizing: border-box;
            position: relative;
            display: inline-flex;
            justify-content: center;
            align-items: center; }
            #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_more {
              border: solid 1.5px #ec0047;
              background-color: #fff;
              color: #ec0047; }
              #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_more:hover {
                filter: brightness(0.94); }
            #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_apply {
              border: solid 2px #fc014e;
              background-color: #ec0047;
              color: #fff;
              column-gap: 8px;
              margin-top: -2px; }
              #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_apply::after {
                content: '';
                width: 24px;
                height: 24px;
                display: block;
                background: url("https://dream-cdn.beusable.net/home/images/suggest/icon-arrow-white.svg") no-repeat center/contain; }
              #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_apply:hover {
                filter: brightness(0.84); }
        #template-pricing-suggest #suggestionStep.result .result-box.journeymap .result-box-tit strong::before {
          content: '';
          width: 93px;
          height: 54px;
          background: url("https://dream-cdn.beusable.net/home/images/suggest/suggest-result-heatmap.svg") no-repeat center/contain;
          position: relative;
          display: inline-block;
          margin-right: 15px;
          vertical-align: text-top; }
        #template-pricing-suggest #suggestionStep.result .result-box.heatmap .result-box-tit strong::before {
          content: '';
          width: 98px;
          height: 47px;
          background: url("https://dream-cdn.beusable.net/home/images/suggest/suggest-result-journeymap.svg") no-repeat center/contain;
          position: relative;
          display: inline-block;
          margin-right: 15px;
          vertical-align: middle; }
  #template-pricing-suggest #popup {
    z-index: 111; }
    #template-pricing-suggest #popup input[type="checkbox"] {
      -webkit-appearance: none;
      appearance: none;
      width: 18px;
      height: 18px;
      vertical-align: middle;
      background: url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-checkbox-off.svg") no-repeat center/contain; }
      #template-pricing-suggest #popup input[type="checkbox"]:checked {
        background-image: url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-checkbox-on.svg"); }
    #template-pricing-suggest #popup.container .popup {
      display: none;
      overflow: hidden; }
      #template-pricing-suggest #popup.container .popup-suggest-contactus {
        width: 630px;
        height: 694px;
        left: calc(50% - 315px);
        top: calc(50% - 347px);
        justify-content: flex-start; }
        #template-pricing-suggest #popup.container .popup-suggest-contactus.pc {
          height: 694px !important; }
      #template-pricing-suggest #popup.container .popup-complete-inner {
        display: flex;
        width: 430px;
        height: 290px;
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        box-sizing: border-box; }
      #template-pricing-suggest #popup.container .popup-complete .popup-image {
        margin-bottom: 16px; }
      #template-pricing-suggest #popup.container .popup-complete .popup-title {
        margin-bottom: 13px;
        font-weight: bold;
        line-height: 1; }
      #template-pricing-suggest #popup.container .popup-complete .popup-description {
        font-size: 14px;
        line-height: 1.43; }
      #template-pricing-suggest #popup.container .popup-complete .popup-button {
        margin-top: 38px; }
        #template-pricing-suggest #popup.container .popup-complete .popup-button:hover {
          filter: brightness(0.94); }
      #template-pricing-suggest #popup.container .popup-head {
        height: 125px;
        position: relative;
        text-align: center; }
        #template-pricing-suggest #popup.container .popup-head::after {
          content: '';
          position: absolute;
          width: 100%;
          height: 1px;
          z-index: 1;
          left: 0;
          bottom: -1px;
          background-color: #fff;
          box-shadow: 0 0 15px 12px #fff; }
        #template-pricing-suggest #popup.container .popup-head-title {
          font-size: 40px;
          font-weight: 800;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: -0.98px;
          color: #333;
          padding-top: 60px;
          z-index: 2;
          position: relative;
          background-color: #fff;
          border-radius: 14px; }
        #template-pricing-suggest #popup.container .popup-head .btn-close {
          position: absolute;
          top: 11px;
          right: 9.4px;
          width: 24px;
          height: 24px;
          z-index: 2;
          transition: all 0.2s ease-in-out; }
          #template-pricing-suggest #popup.container .popup-head .btn-close:hover {
            transform: rotate(90deg); }
      #template-pricing-suggest #popup.container .popup-inner {
        display: flex;
        padding: 25.5px 17px 0;
        overflow-y: auto;
        height: 482px;
        justify-content: center;
        box-sizing: border-box; }
        #template-pricing-suggest #popup.container .popup-inner form {
          display: flex;
          flex-direction: column;
          row-gap: 35px;
          width: 490px; }
        #template-pricing-suggest #popup.container .popup-inner .item {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          #template-pricing-suggest #popup.container .popup-inner .item.flexstart {
            align-items: flex-start; }
          #template-pricing-suggest #popup.container .popup-inner .item-category {
            font-size: 15px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.07;
            letter-spacing: normal;
            color: #555;
            width: 80px; }
            #template-pricing-suggest #popup.container .popup-inner .item-category .optional {
              margin-left: 2px;
              font-size: 13px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.23;
              letter-spacing: normal;
              color: #767676; }
          #template-pricing-suggest #popup.container .popup-inner .item-error {
            position: absolute;
            top: 44px;
            left: 80px;
            color: #e60724;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.08;
            opacity: 0;
            transition: opacity 0.2s ease; }
          #template-pricing-suggest #popup.container .popup-inner .item-input {
            position: relative;
            box-sizing: border-box;
            width: 410px;
            padding: 10px 12px;
            border: 1px solid #b1b1b1;
            border-radius: 6px;
            outline: none;
            background-color: #fff;
            font-size: 14px;
            line-height: 1;
            color: #2f2f2f;
            transition: border-color 0.3s ease;
            margin-bottom: 0; }
            #template-pricing-suggest #popup.container .popup-inner .item-input:focus {
              border-color: #289eef; }
          #template-pricing-suggest #popup.container .popup-inner .item-select {
            width: 410px;
            padding: 10px 12px;
            border-radius: 6px;
            border: solid 1px #b1b1b1;
            background: url("https://dream-cdn.beusable.net/home/images/icon-arrow-down.svg") no-repeat 97% 50%;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            box-sizing: border-box;
            line-height: 1;
            letter-spacing: normal;
            color: #2f2f2f;
            appearance: none;
            -webkit-appearance: none;
            outline: none; }
            #template-pricing-suggest #popup.container .popup-inner .item-select:focus {
              border-color: #289eef; }
          #template-pricing-suggest #popup.container .popup-inner .item-textarea {
            box-sizing: border-box;
            width: 410px;
            min-height: 224px;
            padding: 12px;
            border-radius: 3px;
            border: solid 1px #b1b1b1;
            resize: none;
            font-family: inherit;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            color: #2f2f2f;
            outline: none; }
            #template-pricing-suggest #popup.container .popup-inner .item-textarea:focus {
              border-color: #289eef; }
          #template-pricing-suggest #popup.container .popup-inner .item-agreement {
            display: flex;
            position: relative;
            align-items: center;
            column-gap: 6px;
            width: 410px;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.14;
            letter-spacing: normal;
            color: #767676;
            padding-bottom: 47px; }
            #template-pricing-suggest #popup.container .popup-inner .item-agreement input {
              top: -1px;
              position: relative; }
            #template-pricing-suggest #popup.container .popup-inner .item-agreement a {
              color: #0599e4; }
            #template-pricing-suggest #popup.container .popup-inner .item-agreement .item-error {
              top: 23px;
              left: 24px;
              line-height: 1;
              letter-spacing: normal;
              color: #ec0047; }
          #template-pricing-suggest #popup.container .popup-inner .item.error .item-input, #template-pricing-suggest #popup.container .popup-inner .item.error .item-select, #template-pricing-suggest #popup.container .popup-inner .item.error .item-textarea {
            border-color: #e60724; }
            #template-pricing-suggest #popup.container .popup-inner .item.error .item-input:focus, #template-pricing-suggest #popup.container .popup-inner .item.error .item-select:focus, #template-pricing-suggest #popup.container .popup-inner .item.error .item-textarea:focus {
              border-color: #e60724; }
          #template-pricing-suggest #popup.container .popup-inner .item.error .item-error {
            opacity: 1; }
          #template-pricing-suggest #popup.container .popup-inner .item.error .item-error2 {
            opacity: 0; }
          #template-pricing-suggest #popup.container .popup-inner .item.error.error2 .item-error {
            opacity: 0; }
          #template-pricing-suggest #popup.container .popup-inner .item.error.error2 .item-error2 {
            opacity: 1; }
          #template-pricing-suggest #popup.container .popup-inner .item.agreement_box {
            justify-content: flex-end; }
      #template-pricing-suggest #popup.container .popup-bottom {
        position: relative;
        text-align: center; }
        #template-pricing-suggest #popup.container .popup-bottom::after {
          content: '';
          position: absolute;
          width: 100%;
          height: 1px;
          z-index: 1;
          left: 0;
          top: -1px;
          background-color: #fff;
          box-shadow: 0 0 15px 12px #fff; }
        #template-pricing-suggest #popup.container .popup-bottom-submit {
          margin-top: 22.5px;
          padding: 13px 20px 11px 21px;
          border-radius: 20px;
          background-color: #ec0047;
          box-sizing: border-box;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #fff; }
          #template-pricing-suggest #popup.container .popup-bottom-submit:hover {
            filter: brightness(0.84); }

html[lang="en"] #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note {
  bottom: 0; }
  html[lang="en"] #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note .note_box.copy_only {
    width: 182px; }

html[lang="en"] #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale.limited span::before {
  background-image: url("https://dream-cdn.beusable.net/home/images/suggest/icon-suggest-limited-en.svg"); }

html[lang="ja"] #template-pricing-suggest {
  word-break: break-all; }

html[lang="ja"] #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale.limited span::before {
  background-image: url("https://dream-cdn.beusable.net/home/images/suggest/icon-suggest-limited-jp.svg"); }

html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner form {
  width: 480px;
  row-gap: 30px; }

html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner .item {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 6px; }
  html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner .item.agreement_box {
    margin-top: -16px; }
  html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner .item-category {
    padding-left: 6px;
    width: 100%;
    box-sizing: border-box; }
  html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner .item-input {
    width: 100%; }
  html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner .item-error {
    top: 65px;
    left: 6px; }
  html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner .item-select {
    width: 100%; }
  html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner .item-textarea {
    width: 100%; }
  html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner .item-agreement .item-error {
    top: 24px;
    left: 25px; }

@media all and (max-width: 768px) {
  .template-pricing-get_suggest {
    padding: 69px 20px 60px;
    margin-top: 0;
    min-width: 100%; }
    .template-pricing-get_suggest .get_suggest-tit {
      font-size: 20px;
      letter-spacing: normal;
      color: #2f2f2f;
      margin-bottom: 10px; }
    .template-pricing-get_suggest .get_suggest-desc {
      font-size: 14px;
      line-height: 1.57;
      letter-spacing: normal;
      color: #767676;
      margin-bottom: 30px; }
    .template-pricing-get_suggest .get_suggest-img {
      width: 268px; }
    .template-pricing-get_suggest .get_suggest-btn {
      margin-top: 44px; }
      .template-pricing-get_suggest .get_suggest-btn a {
        display: inline-block;
        padding: 15px 18px;
        font-size: 15px;
        line-height: 0.93;
        letter-spacing: -0.34px; }
  #template-pricing-suggest {
    min-width: auto; }
    #template-pricing-suggest input[type="text"] {
      padding: 12px;
      height: 38px; }
    #template-pricing-suggest input[type="radio"] {
      top: 0; }
    #template-pricing-suggest input[type="checkbox"] {
      top: -1px; }
    #template-pricing-suggest label {
      line-height: 1.36;
      font-size: 14px; }
    #template-pricing-suggest .contents .contents_btn {
      width: auto;
      height: 70px; }
      #template-pricing-suggest .contents .contents_btn a.back-button {
        column-gap: 5px;
        top: 20px;
        left: 20px;
        padding: 0;
        border: 0;
        box-shadow: none;
        background-color: transparent; }
        #template-pricing-suggest .contents .contents_btn a.back-button img {
          width: 20px;
          height: 20px; }
        #template-pricing-suggest .contents .contents_btn a.back-button span {
          color: #767676; }
    #template-pricing-suggest #suggestionStep .suggestion-step {
      width: 100%;
      left: 0;
      transform: none;
      padding-bottom: 0; }
    #template-pricing-suggest #suggestionStep .step-top {
      display: block;
      width: 100%;
      left: 0;
      transform: none; }
      #template-pricing-suggest #suggestionStep .step-top-area {
        padding: 0 25px;
        display: block; }
        #template-pricing-suggest #suggestionStep .step-top-area img {
          width: 215px;
          display: block;
          position: relative;
          left: calc(100% - 215px);
          margin-top: 18px; }
      #template-pricing-suggest #suggestionStep .step-top-copy {
        width: 100%;
        margin-right: 0;
        min-height: 112px; }
        #template-pricing-suggest #suggestionStep .step-top-copy span {
          padding-top: 0;
          display: block;
          margin-top: 0; }
    #template-pricing-suggest #suggestionStep .step-desc {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.57;
      color: #767676; }
    #template-pricing-suggest #suggestionStep .step-tit {
      color: #333;
      margin-top: 10px;
      font-size: 22px;
      line-height: 1.36;
      letter-spacing: -0.54px; }
    #template-pricing-suggest #suggestionStep .step-inner {
      min-height: 428px;
      margin-top: 30px;
      padding: 30px 16px 25px;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      border-top: 1px solid #e1e1e1;
      background-color: #f7f7f7;
      justify-content: flex-start;
      flex-direction: column;
      align-items: unset; }
      #template-pricing-suggest #suggestionStep .step-inner > * {
        min-width: auto; }
      #template-pricing-suggest #suggestionStep .step-inner-tit {
        font-size: 13px;
        color: #767676;
        margin-bottom: 5px; }
      #template-pricing-suggest #suggestionStep .step-inner-btn {
        margin-top: 35px; }
        #template-pricing-suggest #suggestionStep .step-inner-btn button {
          padding: 0 10px;
          height: 44px;
          border-radius: 44px;
          font-size: 15px;
          font-weight: 800;
          min-width: auto;
          box-sizing: border-box;
          margin: 0;
          width: 50%; }
    #template-pricing-suggest #suggestionStep .step-1 .cnt-input {
      max-height: 230px; }
      #template-pricing-suggest #suggestionStep .step-1 .cnt-input li {
        color: #2f2f2f; }
    #template-pricing-suggest #suggestionStep .step-1 .btn_add_input {
      margin-top: 16px; }
    #template-pricing-suggest #suggestionStep .step-2 .step-inner-tit, #template-pricing-suggest #suggestionStep .step-3 .step-inner-tit, #template-pricing-suggest #suggestionStep .step-4 .step-inner-tit, #template-pricing-suggest #suggestionStep .step-5 .step-inner-tit {
      margin: 0 4px 26px; }
    #template-pricing-suggest #suggestionStep .step-5 ul {
      display: block; }
      #template-pricing-suggest #suggestionStep .step-5 ul::before {
        display: none; }
      #template-pricing-suggest #suggestionStep .step-5 ul li:first-child label {
        margin-top: 0; }
      #template-pricing-suggest #suggestionStep .step-5 ul li input[type="radio"] {
        position: absolute;
        left: 0;
        transform: none; }
      #template-pricing-suggest #suggestionStep .step-5 ul li label {
        padding-left: 26px;
        text-align: left;
        margin-top: 15px; }
        #template-pricing-suggest #suggestionStep .step-5 ul li label br {
          display: none; }
    #template-pricing-suggest #suggestionStep .step-5 .other-list {
      display: block;
      left: 0;
      transform: none;
      margin-top: 15px; }
      #template-pricing-suggest #suggestionStep .step-5 .other-list input[type="radio"] {
        top: 0;
        border-radius: 100%;
        background: #f8f8f8 url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-radio-off.svg") no-repeat center/contain; }
        #template-pricing-suggest #suggestionStep .step-5 .other-list input[type="radio"]:checked {
          background-image: url("https://dream-cdn.beusable.net/home/images/suggest/icon-form-radio-on.svg"); }
    #template-pricing-suggest #suggestionStep .step-other_type1 ul {
      display: block; }
      #template-pricing-suggest #suggestionStep .step-other_type1 ul li {
        width: 100%; }
    #template-pricing-suggest #suggestionStep.step1 .step-tit {
      font-size: 22px;
      line-height: 1.36;
      letter-spacing: -0.54px;
      margin-top: 10px; }
    #template-pricing-suggest #suggestionStep.result {
      margin-top: 0; }
      #template-pricing-suggest #suggestionStep.result .step-top {
        width: 100%;
        padding: 0 25px; }
        #template-pricing-suggest #suggestionStep.result .step-top-result strong {
          font-size: 22px;
          line-height: 1.36;
          letter-spacing: 0.54px;
          color: #333; }
        #template-pricing-suggest #suggestionStep.result .step-top-result p {
          font-size: 14px;
          line-height: 1.57;
          color: #767676;
          margin-top: 10px; }
      #template-pricing-suggest #suggestionStep.result .step-result {
        padding: 26px 20px 25px;
        margin-top: 35px;
        border-top: 1px solid #e1e1e1;
        box-sizing: border-box; }
        #template-pricing-suggest #suggestionStep.result .step-result .step-inner-btn {
          margin-top: 40px; }
          #template-pricing-suggest #suggestionStep.result .step-result .step-inner-btn button.btn-contactus {
            color: #fff;
            background-color: #ec0047; }
      #template-pricing-suggest #suggestionStep.result .step-inner {
        width: 100%;
        min-height: 428px;
        padding: 0; }
      #template-pricing-suggest #suggestionStep.result .result-tit {
        font-size: 14px;
        padding-left: 5px;
        margin-bottom: 14px; }
      #template-pricing-suggest #suggestionStep.result .result-box {
        width: 100%;
        padding: 20px 0 0;
        min-height: auto;
        margin-top: 25px;
        overflow: hidden; }
        #template-pricing-suggest #suggestionStep.result .result-box-tit {
          width: 100%;
          padding: 0 20px;
          box-sizing: border-box;
          column-gap: 5px; }
          #template-pricing-suggest #suggestionStep.result .result-box-tit strong {
            font-size: 20px;
            letter-spacing: normal;
            color: #333; }
        #template-pricing-suggest #suggestionStep.result .result-box-icon {
          padding: 3px 6px;
          font-size: 12px;
          line-height: 12px; }
          #template-pricing-suggest #suggestionStep.result .result-box-icon.trial {
            padding: 3px 6px;
            background-color: #8aa0ba; }
            #template-pricing-suggest #suggestionStep.result .result-box-icon.trial small {
              background-color: transparent;
              font-size: 12px;
              font-weight: bold;
              line-height: 12px;
              color: #fff; }
        #template-pricing-suggest #suggestionStep.result .result-box-charge {
          position: relative;
          top: 0;
          left: 0;
          transform: none;
          width: 100%;
          flex-direction: row;
          align-items: center;
          justify-content: left;
          margin-top: 19px;
          padding: 0 20px;
          box-sizing: border-box;
          min-width: 100%; }
          #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-cost {
            margin-bottom: 0;
            margin-left: 0;
            padding-left: 0;
            padding-bottom: 5px; }
            #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-cost span {
              font-size: 12px;
              line-height: 1;
              padding: 0 1px; }
          #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale {
            font-size: 0;
            font-weight: 600;
            line-height: 1;
            margin-right: 9px;
            padding-bottom: 5px; }
            #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale span {
              font-size: 17px;
              vertical-align: middle; }
            #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale.limited span {
              font-size: 17px;
              vertical-align: middle; }
              #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale.limited span::before {
                display: none; }
            #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-sale.limited small.suggest_limited {
              font-family: NotoSansKRBold, sans-serif;
              font-size: 10px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1;
              letter-spacing: normal;
              color: #fff;
              padding: 4px;
              border-radius: 3px;
              background-color: #ec0047;
              margin-left: 5px;
              vertical-align: middle; }
          #template-pricing-suggest #suggestionStep.result .result-box-charge .charge-vat {
            display: none; }
        #template-pricing-suggest #suggestionStep.result .result-box-info {
          width: 100%;
          padding-top: 30px;
          margin: 11px auto 0;
          box-sizing: border-box;
          border-top: 1px solid #e1e1e1;
          max-width: calc(100% - 40px); }
          #template-pricing-suggest #suggestionStep.result .result-box-info ul li {
            font-size: 12px;
            line-height: 1.58;
            padding-left: 21px; }
            #template-pricing-suggest #suggestionStep.result .result-box-info ul li .info_note {
              display: none; }
            #template-pricing-suggest #suggestionStep.result .result-box-info ul li::before {
              width: 15px;
              height: 15px;
              top: 0; }
        #template-pricing-suggest #suggestionStep.result .result-box-btns {
          position: relative;
          bottom: 0;
          right: 0;
          left: 0;
          border-top: 1px solid #e1e1e1;
          margin-top: 25px;
          column-gap: 0; }
          #template-pricing-suggest #suggestionStep.result .result-box-btns a {
            width: 50%;
            margin: 0;
            height: 45px;
            line-height: 1;
            font-size: 15px;
            padding: 0;
            min-width: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 0; }
            #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_apply {
              border: 0;
              background-color: transparent;
              color: #ec0047; }
              #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_apply::after {
                background-image: url("https://dream-cdn.beusable.net/home/images/suggest/icon-arrow-red.svg"); }
            #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_more {
              border: 0;
              color: #444;
              position: relative; }
              #template-pricing-suggest #suggestionStep.result .result-box-btns a.btn_box_more::after {
                content: '';
                width: 1px;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                background-color: #e1e1e1; }
        #template-pricing-suggest #suggestionStep.result .result-box.journeymap .result-box-tit strong::before {
          width: 49px;
          height: 24px;
          margin-right: 10px; }
        #template-pricing-suggest #suggestionStep.result .result-box.heatmap .result-box-tit strong::before {
          width: 48px;
          height: 29px;
          margin-right: 11px; }
      #template-pricing-suggest #suggestionStep.result .result-insight-twice {
        padding-top: 25px;
        margin-top: 35px;
        border-top: 1px solid #e1e1e1; }
    #template-pricing-suggest #popup.container .popup-suggest-contactus {
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      top: 0;
      border-radius: 0;
      box-shadow: none; }
    #template-pricing-suggest #popup.container .popup-complete {
      width: calc(100% - 56px);
      max-width: 319px;
      height: 263px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      #template-pricing-suggest #popup.container .popup-complete-inner {
        width: 100%;
        height: 100%;
        padding-top: 30px; }
      #template-pricing-suggest #popup.container .popup-complete .popup-button {
        margin-top: 30px; }
    #template-pricing-suggest #popup.container .popup-head {
      height: 150px; }
      #template-pricing-suggest #popup.container .popup-head-title {
        font-size: 22px;
        line-height: 1.36;
        letter-spacing: -0.54px;
        padding-top: 96px; }
      #template-pricing-suggest #popup.container .popup-head .btn-close {
        top: 16px;
        right: 16px; }
      #template-pricing-suggest #popup.container .popup-head .home {
        height: 16px;
        position: absolute;
        top: 20px;
        left: 16px;
        z-index: 2; }
        #template-pricing-suggest #popup.container .popup-head .home img {
          height: 100%; }
    #template-pricing-suggest #popup.container .popup-inner {
      padding: 25px 16px 0;
      height: calc(100vh - 264px); }
      #template-pricing-suggest #popup.container .popup-inner form {
        row-gap: 30px;
        width: 100%; }
      #template-pricing-suggest #popup.container .popup-inner .item {
        display: block; }
        #template-pricing-suggest #popup.container .popup-inner .item.flexstart {
          align-items: flex-start; }
        #template-pricing-suggest #popup.container .popup-inner .item-category {
          font-size: 13px;
          font-weight: 500;
          margin-bottom: 4px;
          line-height: 1;
          color: #767676;
          width: auto;
          padding-left: 6px;
          display: block; }
        #template-pricing-suggest #popup.container .popup-inner .item-error {
          top: 59px;
          left: 6px;
          font-size: 11px; }
        #template-pricing-suggest #popup.container .popup-inner .item-input {
          width: 100%;
          padding: 12px;
          font-size: 12px;
          line-height: 1.17;
          margin-bottom: 0; }
        #template-pricing-suggest #popup.container .popup-inner .item-select {
          width: 100%;
          padding: 12px;
          font-size: 12px; }
        #template-pricing-suggest #popup.container .popup-inner .item-textarea {
          width: 100%;
          font-size: 12px; }
        #template-pricing-suggest #popup.container .popup-inner .item-agreement {
          width: 100%;
          font-size: 13px;
          line-height: 1.46;
          color: #666666;
          padding-bottom: 42px; }
          #template-pricing-suggest #popup.container .popup-inner .item-agreement input {
            margin-top: 0; }
          #template-pricing-suggest #popup.container .popup-inner .item-agreement .item-error {
            top: 23px;
            left: 24px; }
    #template-pricing-suggest #popup.container .popup-bottom {
      height: 114px;
      padding: 0 16px; }
      #template-pricing-suggest #popup.container .popup-bottom-submit {
        margin-top: 30px;
        font-size: 15px;
        width: 100%; }
  html:not(html[lang="ko"]) #template-pricing-suggest #popup.container .popup-inner form {
    width: 100%; } }

#bridge.container {
  width: 100%;
  min-width: 1280px;
  background-color: #EFF2D6;
  letter-spacing: initial; }
  #bridge.container .bridge {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    width: 100%;
    height: 100vh;
    background: no-repeat center/80% url("https://dream-cdn.beusable.net/home/images/bridge/bridge-background.svg"); }
    #bridge.container .bridge .box {
      position: relative;
      display: inline-block;
      width: 770px;
      border-radius: 14px;
      box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
      background-color: #fff;
      transition: box-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      padding: 30px; }
      #bridge.container .bridge .box .icon-close {
        display: inline;
        width: 11px;
        height: 11px;
        background: no-repeat center/80% url("https://dream-cdn.beusable.net/home/images/bridge/icon-close.svg");
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer;
        padding: 5px; }
      #bridge.container .bridge .box .icon-bridge-logo {
        display: inline-block;
        width: 50px;
        height: 50px;
        background-image: url("https://dream-cdn.beusable.net/home/images/bridge/bridge-logo.svg");
        margin-top: 20px;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0); }
      #bridge.container .bridge .box .info {
        position: relative;
        margin-top: 15px;
        text-align: center; }
        #bridge.container .bridge .box .info .userInfo {
          font-size: 20px;
          font-weight: 500;
          color: #444444; }
        #bridge.container .bridge .box .info .desc {
          font-size: 14px;
          color: #2F2F2F;
          margin-top: 10px; }
      #bridge.container .bridge .box .list {
        position: relative;
        text-align: center; }
        #bridge.container .bridge .box .list.thead {
          margin-top: 25px; }
        #bridge.container .bridge .box .list.tbody {
          max-height: 300px;
          overflow-y: scroll;
          overflow-x: hidden;
          min-height: 78px; }
          #bridge.container .bridge .box .list.tbody table:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: calc(100% - 20px);
            height: 17px;
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff); }
        #bridge.container .bridge .box .list table {
          width: 100%;
          border-collapse: collapse;
          border-spacing: 0;
          table-layout: fixed; }
          #bridge.container .bridge .box .list table thead {
            font-size: 13px;
            line-height: 16px; }
            #bridge.container .bridge .box .list table thead tr th {
              color: #fff;
              position: relative;
              height: 50px;
              background-color: #555;
              font-weight: 500; }
              #bridge.container .bridge .box .list table thead tr th:first-of-type:before, #bridge.container .bridge .box .list table thead tr th:last-of-type:before {
                content: "";
                display: inline-block;
                width: 15px;
                height: 50px;
                position: absolute;
                top: 0;
                left: -5px;
                background-color: #555;
                border-radius: 5px; }
              #bridge.container .bridge .box .list table thead tr th:last-of-type:before {
                left: auto;
                right: -5px; }
              #bridge.container .bridge .box .list table thead tr th.left {
                text-align: left; }
          #bridge.container .bridge .box .list table tbody {
            font-size: 14px;
            max-height: 342px; }
            #bridge.container .bridge .box .list table tbody tr {
              border-bottom: 1px solid #ebebeb;
              height: 59px; }
              #bridge.container .bridge .box .list table tbody tr td {
                text-align: center; }
                #bridge.container .bridge .box .list table tbody tr td span {
                  display: inline-block;
                  position: relative;
                  word-break: break-word;
                  color: #666666; }
                #bridge.container .bridge .box .list table tbody tr td:nth-child(1) span {
                  font-weight: 500; }
                #bridge.container .bridge .box .list table tbody tr td:nth-child(1) span, #bridge.container .bridge .box .list table tbody tr td:nth-child(2) span {
                  color: #2f2f2f; }
                #bridge.container .bridge .box .list table tbody tr td.left {
                  text-align: left; }
          #bridge.container .bridge .box .list table th,
          #bridge.container .bridge .box .list table td {
            width: 16.6%; }
            #bridge.container .bridge .box .list table th:nth-child(1),
            #bridge.container .bridge .box .list table td:nth-child(1) {
              width: 165px; }
              #bridge.container .bridge .box .list table th:nth-child(1) span,
              #bridge.container .bridge .box .list table td:nth-child(1) span {
                padding: 12px 25px 12px 10px; }
            #bridge.container .bridge .box .list table th:nth-child(2),
            #bridge.container .bridge .box .list table td:nth-child(2) {
              width: 130px; }
              #bridge.container .bridge .box .list table th:nth-child(2) span,
              #bridge.container .bridge .box .list table td:nth-child(2) span {
                padding: 12px 25px 12px 0; }
            #bridge.container .bridge .box .list table th:nth-child(3),
            #bridge.container .bridge .box .list table td:nth-child(3) {
              width: 110px; }
              #bridge.container .bridge .box .list table th:nth-child(3) span,
              #bridge.container .bridge .box .list table td:nth-child(3) span {
                padding: 12px 25px 12px 0; }
            #bridge.container .bridge .box .list table th:nth-child(4),
            #bridge.container .bridge .box .list table td:nth-child(4) {
              width: 115px; }
              #bridge.container .bridge .box .list table th:nth-child(4) span,
              #bridge.container .bridge .box .list table td:nth-child(4) span {
                padding: 12px 25px 12px 0; }
            #bridge.container .bridge .box .list table th:nth-child(5),
            #bridge.container .bridge .box .list table td:nth-child(5) {
              width: 125px; }
              #bridge.container .bridge .box .list table th:nth-child(5) span,
              #bridge.container .bridge .box .list table td:nth-child(5) span {
                padding: 12px 25px 12px 0; }
      #bridge.container .bridge .box button.ui-btn {
        position: relative;
        display: inline-block;
        background-color: #fff;
        border: 1px solid #bbb;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        text-align: center;
        overflow: hidden;
        color: #444;
        height: 38px;
        border-radius: 20px;
        padding: 0 18px;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer; }
        #bridge.container .bridge .box button.ui-btn.primary {
          border: 0;
          background-color: #ec0047; }
          #bridge.container .bridge .box button.ui-btn.primary span {
            color: #fff;
            font-weight: 600; }

body.dimmed {
  overflow: hidden; }

.modal-dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 250ms ease;
  opacity: 0; }
  .modal-dimmed.on {
    display: inline-block;
    opacity: 1; }
    .modal-dimmed.on .modal-container {
      opacity: 1;
      transform: translate(-50%, -50%); }

.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .3;
  transform: translate(-50%, -80%);
  min-width: 200px;
  min-height: 200px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.16);
  transition: all 500ms ease; }
  .modal-container .modal {
    position: relative;
    background-color: #fff;
    width: 970px;
    height: 660px;
    z-index: 0; }
    .modal-container .modal .modal-close {
      cursor: pointer;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 16px;
      height: 16px;
      background: no-repeat center url("https://dream-cdn.beusable.net/home/images/bridge/icon-close.svg");
      z-index: 100;
      transition: transform 250ms ease; }
      .modal-container .modal .modal-close:hover {
        transform: scale(1.5); }
    .modal-container .modal .modal-header {
      position: absolute;
      width: 100%;
      padding: 30px;
      box-sizing: border-box;
      font-size: 15px;
      font-weight: 500;
      color: #2F2F2F;
      background: linear-gradient(180deg, #FFF 69.77%, rgba(255, 255, 255, 0) 100%);
      z-index: 10; }
    .modal-container .modal .modal-body {
      display: flex;
      flex-direction: column;
      height: 100%; }
      .modal-container .modal .modal-body .total-price-area {
        box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.16);
        flex-shrink: 0;
        display: flex;
        padding: 25px 30px;
        min-height: 170px;
        box-sizing: border-box; }
        .modal-container .modal .modal-body .total-price-area .plan-name-wrap .plan-name {
          font-size: 30px;
          font-weight: 700;
          line-height: 1;
          margin-bottom: 10px; }
          .modal-container .modal .modal-body .total-price-area .plan-name-wrap .plan-name:lang(ja) {
            font-family: Osaka, Meiryo, MS PGothic, MS UI Gothic, sans-serif; }
          .modal-container .modal .modal-body .total-price-area .plan-name-wrap .plan-name::first-letter {
            text-transform: uppercase; }
        .modal-container .modal .modal-body .total-price-area .plan-name-wrap .plan-detail {
          color: #444;
          font-size: 13px;
          font-weight: 600; }
        .modal-container .modal .modal-body .total-price-area .plan-info-wrap {
          flex-grow: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 10px; }
          .modal-container .modal .modal-body .total-price-area .plan-info-wrap .item {
            display: none;
            position: relative;
            align-items: center;
            justify-content: space-between;
            width: 369px;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.15;
            color: #444;
            z-index: 1; }
            .modal-container .modal .modal-body .total-price-area .plan-info-wrap .item:before {
              content: '';
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 0;
              z-index: -1;
              width: 99%;
              height: 1px;
              background-image: linear-gradient(to right, transparent 50%, #979796 50%);
              background-size: 5px 1px; }
            .modal-container .modal .modal-body .total-price-area .plan-info-wrap .item span {
              background-color: #fff; }
            .modal-container .modal .modal-body .total-price-area .plan-info-wrap .item .frame {
              background-color: #fff; }
            .modal-container .modal .modal-body .total-price-area .plan-info-wrap .item.on {
              display: flex; }
        .modal-container .modal .modal-body .total-price-area .plan-total-wrap {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: flex-end;
          text-align: right; }
          .modal-container .modal .modal-body .total-price-area .plan-total-wrap .total-price {
            font-size: 26px;
            font-weight: 600;
            margin-bottom: 10px;
            line-height: 1; }
          .modal-container .modal .modal-body .total-price-area .plan-total-wrap .price-per-month {
            color: #444;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.5; }
          .modal-container .modal .modal-body .total-price-area .plan-total-wrap .plan-apply-btn {
            cursor: pointer;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            min-width: 124px;
            border-radius: 20px;
            background-color: #ec0047;
            font-size: 14px;
            font-weight: 600;
            line-height: 1;
            color: #fff; }
            .modal-container .modal .modal-body .total-price-area .plan-total-wrap .plan-apply-btn > a {
              width: 100%;
              text-align: center;
              padding: 12px 14px;
              color: #ffffff !important; }
            .modal-container .modal .modal-body .total-price-area .plan-total-wrap .plan-apply-btn.disabled {
              pointer-events: none;
              filter: grayscale(1);
              opacity: .3; }
            .modal-container .modal .modal-body .total-price-area .plan-total-wrap .plan-apply-btn .apply-btn {
              display: none; }
            .modal-container .modal .modal-body .total-price-area .plan-total-wrap .plan-apply-btn .a.contact-us-bt {
              display: inline-block; }
            .modal-container .modal .modal-body .total-price-area .plan-total-wrap .plan-apply-btn.apply .apply-btn {
              display: inline-block; }
            .modal-container .modal .modal-body .total-price-area .plan-total-wrap .plan-apply-btn.apply a.contact-us-btn {
              display: none; }
      .modal-container .modal .modal-body .step-by-price-area {
        flex-grow: 1;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 30px;
        margin-top: 45px; }
        .modal-container .modal .modal-body .step-by-price-area .step-wrap {
          padding: 20px 0;
          border-top: 1px dashed #D7D7D7; }
          .modal-container .modal .modal-body .step-by-price-area .step-wrap .step-title {
            position: relative;
            color: #2F2F2F;
            font-size: 15px;
            padding: 7px 0 8px; }
            .modal-container .modal .modal-body .step-by-price-area .step-wrap .step-title:lang(ko):before {
              font-family: Roboto;
              padding: 8px; }
          .modal-container .modal .modal-body .step-by-price-area .step-wrap .step-contents {
            display: flex;
            justify-content: center;
            gap: 20px;
            padding: 20px 0; }
          .modal-container .modal .modal-body .step-by-price-area .step-wrap:first-child {
            border: 0;
            padding-top: 0; }
        .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          row-gap: 9px;
          column-gap: 80px;
          height: 60px;
          padding: 18px 0;
          font-size: 13px;
          max-width: 680px; }
          .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item {
            position: relative;
            width: 300px;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item:before {
              content: '';
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 0;
              z-index: -1;
              width: 99%;
              height: 1px;
              background-image: linear-gradient(to right, transparent 50%, #979796 50%);
              background-size: 5px 1px; }
            .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item .label, .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item .frame {
              background-color: #fff; }
            .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item .label {
              padding-right: 5px; }
              .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item .label i.icon {
                vertical-align: top;
                margin-left: 4px; }
            .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item .frame {
              padding-left: 5px; }
            .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item:lang(ja):nth-child(3), .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item:lang(ja):nth-child(4), .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item:lang(en):nth-child(3), .modal-container .modal .modal-body .step-by-price-area .selected-plan-info .plan-info-detail .item:lang(en):nth-child(4) {
              width: 400px; }
      .modal-container .modal .modal-body .referral {
        padding: 30px 0 6px;
        border-top: 1px dashed #D7D7D7;
        text-align: left; }
        .modal-container .modal .modal-body .referral button {
          border: 0;
          background-color: transparent; }
        .modal-container .modal .modal-body .referral .referral-title {
          display: flex;
          align-items: center;
          margin-bottom: 18px;
          gap: 6px;
          color: #2F2F2F;
          font-size: 15px;
          font-weight: 700; }
          .modal-container .modal .modal-body .referral .referral-title .icon-star-badge-folded {
            width: 30px;
            height: 30px;
            background-image: url("../../images/icon-star-badge-folded.svg"); }
          .modal-container .modal .modal-body .referral .referral-title .referral-benefit {
            position: relative;
            margin-left: 23px;
            color: #777;
            font-size: 12px;
            font-weight: 400; }
            .modal-container .modal .modal-body .referral .referral-title .referral-benefit:before {
              content: '';
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: -12px;
              width: 1px;
              height: 12px;
              background-color: #D7D7D7; }
        .modal-container .modal .modal-body .referral .referral-current {
          display: none;
          align-items: center;
          height: 28px;
          padding: 0px 8px 0px 10px;
          gap: 4px;
          color: #0E90A5;
          font-size: 12px;
          font-weight: 600;
          border-radius: 4px;
          border: 1px solid #BBB; }
          .modal-container .modal .modal-body .referral .referral-current-close {
            cursor: pointer;
            width: 14px;
            height: 14px;
            background-image: url("https://dream-cdn.beusable.net/home/images/icon-input-close.svg"); }
        .modal-container .modal .modal-body .referral .referral-new .referral-code {
          display: flex;
          align-items: center;
          gap: 20px; }
          .modal-container .modal .modal-body .referral .referral-new .referral-code .ui-input {
            width: 287px; }
            .modal-container .modal .modal-body .referral .referral-new .referral-code .ui-input input {
              height: 44px;
              box-sizing: border-box; }
            .modal-container .modal .modal-body .referral .referral-new .referral-code .ui-input .close {
              top: 50%;
              transform: translateY(-50%); }
          .modal-container .modal .modal-body .referral .referral-new .referral-code .get-code-button {
            display: none;
            align-items: center;
            gap: 4px;
            color: #0E90A5;
            font-size: 13px;
            cursor: pointer; }
            .modal-container .modal .modal-body .referral .referral-new .referral-code .get-code-button:disabled {
              pointer-events: none;
              opacity: .2; }
            .modal-container .modal .modal-body .referral .referral-new .referral-code .get-code-button .icon--arrow-left-blue {
              width: 16px;
              height: 16px;
              background-image: url("../../images/icon--arrow-left-blue.svg"); }
        .modal-container .modal .modal-body .referral .referral-new .referral-term {
          display: none;
          position: relative; }
          .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox {
            display: flex;
            align-items: center;
            margin-top: 32px; }
            .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox .ui_checkbox {
              margin: 0; }
            .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox .term-title {
              color: #2F2F2F;
              font-size: 13px;
              font-weight: 400;
              margin-left: 5px; }
              .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox .term-title .link {
                text-decoration: underline;
                color: #2F2F2F; }
              .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox .term-title .necessary {
                margin-left: 3px;
                color: #EC0047; }
            .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox .term-toggle {
              display: flex;
              margin-left: 8px;
              padding: 0;
              cursor: pointer; }
              .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox .term-toggle .icon--arrow-dropdown {
                width: 16px;
                height: 16px;
                background-image: url("../../images/icon--arrow-dropdown.svg"); }
              .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox .term-toggle.opened .icon--arrow-dropdown {
                transform: rotate(180deg); }
            .modal-container .modal .modal-body .referral .referral-new .referral-term-checkbox .term-error {
              display: none;
              margin-left: 24px;
              color: #E60724;
              font-size: 12px;
              font-weight: 500;
              line-height: 1.5; }
          .modal-container .modal .modal-body .referral .referral-new .referral-term-list {
            display: none;
            flex-direction: column;
            gap: 4px;
            padding: 20px 20px 20px 30px;
            margin-top: 12px;
            border-radius: 5px;
            border: 1px solid #d7d7d7;
            background-color: #f4f4f4;
            box-sizing: border-box;
            color: #444;
            font-size: 12px;
            line-height: 1.5;
            list-style-type: disc; }
          .modal-container .modal .modal-body .referral .referral-new .referral-term.opened .referral-term-checkbox .term-toggle {
            transform: rotate(180deg); }
          .modal-container .modal .modal-body .referral .referral-new .referral-term.opened .referral-term-list {
            display: flex; }
          .modal-container .modal .modal-body .referral .referral-new .referral-term.error .referral-term-checkbox .term-error {
            display: block; }
    .modal-container .modal.heatmap .step_3:not(.ko) .left {
      pointer-events: none;
      opacity: .3; }
    .modal-container .modal.journeymap .step_2:not(.ko) .left {
      pointer-events: none;
      opacity: .3; }
    .modal-container .modal .content-card {
      position: relative;
      width: 50%;
      flex-grow: 1;
      padding: 24px;
      border: 1px solid #AFAFAF;
      border-radius: 8px;
      color: #2F2F2F;
      min-height: 130px;
      box-sizing: border-box; }
      .modal-container .modal .content-card .content-card-title {
        display: inline-block;
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
        width: 90%;
        word-wrap: break-word;
        position: relative; }
      .modal-container .modal .content-card .content-card-detail {
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 18px; }
        .modal-container .modal .content-card .content-card-detail .item {
          display: flex;
          align-items: center;
          gap: 5px; }
          .modal-container .modal .content-card .content-card-detail .item span {
            line-height: 1; }
          .modal-container .modal .content-card .content-card-detail .item.coming-soon {
            color: #BBBBBB; }
          .modal-container .modal .content-card .content-card-detail .item span.sub-info {
            color: #767676; }
          .modal-container .modal .content-card .content-card-detail .item .label-btn {
            color: #BBB;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: sans-serif;
            font-size: 7px;
            line-height: 7px;
            border: 1px solid #BBBBBB;
            border-radius: 4px;
            padding: 3px 5px 2px;
            letter-spacing: .1px; }
          .modal-container .modal .content-card .content-card-detail .item .link-icon {
            cursor: pointer;
            position: relative;
            display: inline-block;
            width: 15px;
            height: 15px;
            background: url("https://dream-cdn.beusable.net/home/images/icon-info.svg") no-repeat center center;
            background-size: cover; }
            .modal-container .modal .content-card .content-card-detail .item .link-icon .link_tooltip {
              display: none;
              position: absolute;
              width: 295px;
              padding: 16px 20px;
              margin-top: 8px;
              background-color: #fff;
              border: 1px solid rgba(0, 0, 0, 0.16);
              border-radius: 8px;
              top: 100%;
              left: 50%;
              transform: translateX(-50%);
              line-height: 1.5;
              word-wrap: break-word;
              box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.16);
              z-index: 9999; }
              .modal-container .modal .content-card .content-card-detail .item .link-icon .link_tooltip a {
                position: relative;
                display: block;
                margin-top: 10px;
                color: #0074FF; }
                .modal-container .modal .content-card .content-card-detail .item .link-icon .link_tooltip a:after {
                  content: url(../../images/icon-link-blue.svg);
                  vertical-align: sub; }
              .modal-container .modal .content-card .content-card-detail .item .link-icon .link_tooltip:after {
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                background-color: #fff;
                transform: translate(-50%, -50%) rotate(45deg);
                top: -1px;
                left: 50%;
                border: 1px solid rgba(0, 0, 0, 0.16);
                border-right: 0;
                border-bottom: 0;
                box-sizing: border-box; }
              .modal-container .modal .content-card .content-card-detail .item .link-icon .link_tooltip:lang(en) {
                transform: translateX(-70%); }
                .modal-container .modal .content-card .content-card-detail .item .link-icon .link_tooltip:lang(en):after {
                  left: 70%; }
      .modal-container .modal .content-card.selected {
        border-color: #4497F7;
        box-shadow: 0px 0px 0px 1px #4497F7 inset, 0px 11px 17px -3px rgba(0, 0, 0, 0.16); }
        .modal-container .modal .content-card.selected .content-card-check {
          position: absolute;
          top: 24px;
          right: 24px;
          width: 20px;
          height: 20px;
          background: url("https://dream-cdn.beusable.net/home/images/icon-check-green.svg") no-repeat center center;
          background-size: cover; }
      .modal-container .modal .content-card.disabled {
        pointer-events: none;
        opacity: .3; }
    .modal-container .modal .selected-plan-title {
      font-size: 15px;
      color: #2f2f2f;
      font-weight: 500;
      margin-bottom: 30px; }
    .modal-container .modal .selected-plan-info {
      width: 100%;
      margin-bottom: 40px;
      border-color: #4497F7;
      box-shadow: 0px 0px 0px 1px #4497F7 inset, 0px 11px 17px -3px rgba(0, 0, 0, 0.16); }
      .modal-container .modal .selected-plan-info .content-card-check {
        position: absolute;
        top: 24px;
        right: 24px;
        width: 20px;
        height: 20px;
        background: url("https://dream-cdn.beusable.net/home/images/icon-check-green.svg") no-repeat center center;
        background-size: cover; }
    .modal-container .modal .custom-plan-insert-wrapper {
      display: none;
      color: #2f2f2f;
      margin-bottom: 27px; }
      .modal-container .modal .custom-plan-insert-wrapper .guideText {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 30px; }
      .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper {
        display: flex;
        gap: 24px; }
        .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item {
          flex-grow: 1;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item .label {
            width: 153px;
            flex-shrink: 0;
            font-size: 24px;
            font-weight: 700; }
          .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item .input-wrap {
            flex-grow: 1;
            position: relative;
            max-width: 290px;
            border-radius: 8px;
            border: 1px solid #AFAFAF;
            background-color: #FFF;
            padding: 14px;
            color: #666 !important;
            font-size: 24px;
            font-weight: 700;
            line-height: 1;
            display: flex;
            align-items: center;
            gap: 5px; }
            .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item .input-wrap input {
              width: 100%;
              border: 0;
              outline: 0;
              padding: 0;
              text-align: right;
              font: inherit;
              color: #666;
              flex-grow: 1; }
            .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item .input-wrap:after {
              content: attr(unit);
              flex-shrink: 0;
              font: inherit;
              line-height: 1.2; }
            .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item .input-wrap.selected input, .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item .input-wrap.selected:after {
              color: #016CEE; }
            .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item .input-wrap.error {
              position: relative; }
              .modal-container .modal .custom-plan-insert-wrapper .insert-wrapper .insert-item .input-wrap.error .errorMsg {
                position: absolute;
                top: 100%;
                left: 0;
                padding: 5px;
                color: red;
                font-size: 13px; }
    .modal-container .modal .cx-report-select-wrapper {
      display: none;
      padding: 20px 0;
      border-top: 1px dashed #D7D7D7; }
      .modal-container .modal .cx-report-select-wrapper .cx-report-select-title {
        color: #2F2F2F;
        font-size: 15px;
        padding: 7px 0 8px; }
        .modal-container .modal .cx-report-select-wrapper .cx-report-select-title:lang(ko):before {
          font-family: Roboto;
          padding: 8px; }
      .modal-container .modal .cx-report-select-wrapper .cx-report-select {
        display: flex;
        justify-content: center;
        gap: 20px;
        padding: 20px 0; }
    .modal-container .modal.custom .custom-plan-insert-wrapper {
      display: block; }
    .modal-container .modal.agency150 .cx-report-select-wrapper {
      display: block; }
    .modal-container .modal.agency150 .price-per-month > span {
      display: none; }

.icon-ai {
  display: inline-block;
  width: 25px;
  height: 15px;
  background: url("../../images/icon-ai.svg") no-repeat center center; }

#aiday.container {
  position: relative;
  padding: 134px 30px 350px 30px;
  background: black;
  background-image: url(https://dream-cdn.beusable.net/home/thday/aiday_bg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  font-family: 'Pretendard Variable', Pretendard;
  box-sizing: border-box; }
  #aiday.container.review-page {
    padding-bottom: 144px; }
  #aiday.container .aiday {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: white; }
    #aiday.container .aiday__navigation.mobile {
      display: none; }
    #aiday.container .aiday__navigation.pc .navigation-button {
      position: fixed;
      top: 50%;
      opacity: 0.62; }
      #aiday.container .aiday__navigation.pc .navigation-button img {
        width: 60px;
        height: 60px; }
      #aiday.container .aiday__navigation.pc .navigation-button.left {
        left: 0;
        transform: translateY(-50%); }
      #aiday.container .aiday__navigation.pc .navigation-button.right {
        right: 0;
        rotate: 180deg;
        transform: translateY(50%); }
      #aiday.container .aiday__navigation.pc .navigation-button:hover {
        opacity: 1; }
      #aiday.container .aiday__navigation.pc .navigation-button.disable {
        opacity: 0.25;
        cursor: default; }
    #aiday.container .aiday__image {
      max-width: 1164px;
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box; }
      #aiday.container .aiday__image img {
        width: 100%; }
    #aiday.container .aiday__title {
      padding-bottom: 83px;
      font-weight: 700;
      font-size: clamp(60px, 16vw, 216px);
      line-height: 0.85; }
    #aiday.container .aiday__intro {
      padding-bottom: 50px;
      font-size: 80px;
      font-weight: 700;
      line-height: 1.2;
      color: #ffd600; }
    #aiday.container .aiday__description {
      padding-bottom: 50px;
      font-size: 28px;
      font-weight: 600;
      line-height: 1.5; }
    #aiday.container .aiday__date {
      font-size: 38px;
      font-weight: 600;
      line-height: 1.5; }
    #aiday.container .aiday__guide {
      padding-bottom: 48px;
      font-size: 28px;
      font-weight: 600;
      line-height: 1; }
    #aiday.container .aiday .main-wrapper {
      width: 1000px; }
    #aiday.container .aiday__image2 {
      max-width: 956px;
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box; }
      #aiday.container .aiday__image2 img {
        width: 100%; }
    #aiday.container .aiday__title2 {
      padding-bottom: 95px;
      font-weight: 700;
      font-size: 178px;
      line-height: 0.85; }
    #aiday.container .aiday__intro2 {
      padding-bottom: 70px;
      font-size: 62px;
      font-weight: 700;
      line-height: 1.2;
      color: #fff; }
    #aiday.container .aiday__descriptions {
      display: flex;
      flex-direction: column;
      gap: 50px;
      padding-bottom: 120px; }
      #aiday.container .aiday__descriptions-item {
        display: flex;
        flex-direction: column;
        text-align: start;
        gap: 16px; }
        #aiday.container .aiday__descriptions-item-title {
          color: #ffd600;
          font-size: 36px;
          font-weight: 500;
          line-height: 120%; }
        #aiday.container .aiday__descriptions-item-content {
          color: #fff;
          font-size: 22px;
          line-height: 150%; }
    #aiday.container .aiday__schedule {
      display: flex;
      gap: 100px;
      margin-bottom: 120px; }
      #aiday.container .aiday__schedule-section {
        display: flex;
        flex-direction: column;
        gap: 22px;
        text-align: start; }
        #aiday.container .aiday__schedule-section-title {
          display: flex;
          align-items: center;
          font-size: 42px;
          font-weight: 700;
          color: #c9c195;
          line-height: 1.5; }
          #aiday.container .aiday__schedule-section-title .small-text {
            padding-left: 10px;
            font-size: 36px; }
        #aiday.container .aiday__schedule-section-list {
          max-width: 580px; }
          #aiday.container .aiday__schedule-section-list li {
            display: flex;
            gap: 30px;
            color: #ffd600;
            font-size: 32px;
            font-weight: 700;
            align-items: center; }
            #aiday.container .aiday__schedule-section-list li:not(:last-child) {
              margin-bottom: 22px; }
            #aiday.container .aiday__schedule-section-list li span {
              color: #c9c195;
              font-size: 28px;
              font-weight: 500; }
    #aiday.container .aiday__closing {
      padding-bottom: 40px;
      font-size: 26px;
      font-weight: 500;
      line-height: 150%; }
    #aiday.container .aiday__locationBtn {
      display: flex;
      align-items: center;
      gap: 16px;
      padding: 15px 16px 15px 30px;
      margin-bottom: 40px;
      background: #803bff;
      border-radius: 40px; }
      #aiday.container .aiday__locationBtn-text {
        font-size: 19px;
        font-weight: 700;
        color: white;
        vertical-align: middle; }
    #aiday.container .aiday__review {
      max-width: 1140px; }
      #aiday.container .aiday__review-description {
        max-width: 1000px;
        font-size: 36px;
        font-weight: 500;
        line-height: 150%;
        margin: 0 auto 88px auto; }
      #aiday.container .aiday__review-content {
        display: flex;
        flex-direction: column;
        gap: 100px;
        padding-bottom: 100px;
        border-bottom: 3px solid #3B3B3B; }
        #aiday.container .aiday__review-content .content-item {
          display: flex;
          align-items: center;
          gap: 120px; }
          #aiday.container .aiday__review-content .content-item-img {
            flex: none;
            width: 372px;
            height: 372px;
            border-radius: 20px;
            background-image: url("https://dream-cdn.beusable.net/home/thday/aiday_pic1.jpg");
            background-size: cover; }
            #aiday.container .aiday__review-content .content-item-img.pic1 {
              background-image: url("https://dream-cdn.beusable.net/home/thday/aiday_pic1.jpg"); }
            #aiday.container .aiday__review-content .content-item-img.pic2 {
              background-image: url("https://dream-cdn.beusable.net/home/thday/aiday_pic2.jpg"); }
            #aiday.container .aiday__review-content .content-item-img.pic3 {
              background-image: url("https://dream-cdn.beusable.net/home/thday/aiday_pic3.jpg"); }
            #aiday.container .aiday__review-content .content-item-img.pic4 {
              background-image: url("https://dream-cdn.beusable.net/home/thday/aiday_pic4.jpg"); }
          #aiday.container .aiday__review-content .content-item-text {
            font-size: 32px;
            font-weight: 500;
            line-height: 150%;
            text-align: start; }
            #aiday.container .aiday__review-content .content-item-text .highlight {
              color: #FFD600; }
      #aiday.container .aiday__review-closing {
        max-width: 1050px;
        padding: 80px 0 44px 0;
        font-size: 32px;
        font-weight: 500;
        line-height: 150%; }
      #aiday.container .aiday__review-banner {
        display: flex;
        justify-content: space-between;
        align-items: end;
        position: relative;
        width: 100%;
        padding: 26px 50px 25px 30px;
        border-radius: 10px;
        background-color: #E2BD00;
        background-image: url("https://dream-cdn.beusable.net/home/thday/banner_bg.png");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: bottom;
        box-sizing: border-box; }
        #aiday.container .aiday__review-banner .beusable-logo {
          position: absolute;
          width: 140px;
          top: 28px;
          left: 30px; }
        #aiday.container .aiday__review-banner-text {
          max-width: 790px;
          padding-bottom: 11px;
          font-size: 32px;
          font-weight: 600;
          line-height: 120%;
          text-align: start;
          color: #0D1E48; }
          #aiday.container .aiday__review-banner-text .highlight {
            color: #EC0047; }
        #aiday.container .aiday__review-banner-icon {
          width: 119px; }
    #aiday.container .aiday__logo {
      width: 180px; }

@media (max-width: 1620px) {
  #aiday.container {
    padding-bottom: 233px; }
    #aiday.container .aiday__image {
      padding: 0 20px; }
    #aiday.container .aiday__title {
      padding-bottom: 66px; }
    #aiday.container .aiday .main-wrapper {
      width: 928px; }
    #aiday.container .aiday__title2 {
      font-size: 165px; }
    #aiday.container .aiday__intro2 {
      font-size: 57px; }
    #aiday.container .aiday__schedule {
      flex-direction: column; }
    #aiday.container .aiday__review-content .content-item-img {
      border-radius: 16px; } }

@media (max-width: 1023px) {
  #aiday.container {
    padding: 50px 30px 195px 30px; }
    #aiday.container .aiday__buttons {
      top: 10px; }
    #aiday.container .aiday__title {
      padding-bottom: 50px; }
    #aiday.container .aiday__intro {
      padding-bottom: 40px;
      font-size: 50px; }
    #aiday.container .aiday__description {
      max-width: 440px;
      padding-bottom: 40px;
      font-size: 22px; }
    #aiday.container .aiday__date {
      font-size: 30px; }
    #aiday.container .aiday__guide {
      padding-bottom: 40px;
      font-size: 22px; }
    #aiday.container .aiday .main-wrapper {
      width: 662px; }
    #aiday.container .aiday__title2 {
      font-size: 118px;
      padding-bottom: 63px; }
    #aiday.container .aiday__intro2 {
      font-size: 41px;
      padding-bottom: 50px; }
    #aiday.container .aiday__descriptions {
      gap: 40px;
      padding-bottom: 100px; }
    #aiday.container .aiday__schedule {
      gap: 70px;
      margin-bottom: 100px; }
      #aiday.container .aiday__schedule-section {
        gap: 20px; }
        #aiday.container .aiday__schedule-section-title {
          font-size: 38px; }
          #aiday.container .aiday__schedule-section-title .small-text {
            padding-left: 7px;
            font-size: 34px; }
        #aiday.container .aiday__schedule-section-list {
          max-width: 500px; }
          #aiday.container .aiday__schedule-section-list li {
            gap: 20px;
            font-size: 28px; }
            #aiday.container .aiday__schedule-section-list li:not(:last-child) {
              margin-bottom: 25px; }
            #aiday.container .aiday__schedule-section-list li span {
              font-size: 26px; }
    #aiday.container .aiday__closing {
      font-size: 24px; }
    #aiday.container .aiday__logo {
      width: 150px; }
    #aiday.container .aiday__review {
      max-width: 662px; }
      #aiday.container .aiday__review-description {
        max-width: 100%;
        font-size: 34px;
        margin-bottom: 96px; }
      #aiday.container .aiday__review-content {
        gap: 88px;
        padding-bottom: 88px; }
        #aiday.container .aiday__review-content .content-item {
          gap: 44px; }
          #aiday.container .aiday__review-content .content-item-img {
            width: 200px;
            height: 200px;
            border-radius: 12px; }
          #aiday.container .aiday__review-content .content-item-text {
            font-size: 28px; }
      #aiday.container .aiday__review-closing {
        max-width: 620px;
        padding: 68px 0 40px 0;
        font-size: 28px; }
      #aiday.container .aiday__review-banner {
        padding: 73px 50px 36px 30px;
        border-radius: 10px; }
        #aiday.container .aiday__review-banner-text {
          max-width: 380px;
          padding-bottom: 2px;
          font-size: 28px; }
        #aiday.container .aiday__review-banner-icon {
          width: 119px; } }

@media (max-width: 743px) {
  #aiday.container {
    min-height: calc(100dvh - 58px);
    padding: 50px 40px 100px 40px; }
    #aiday.container.review-page {
      padding-bottom: 36px; }
    #aiday.container .aiday__navigation.pc {
      display: none; }
    #aiday.container .aiday__navigation.mobile {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 5px; }
      #aiday.container .aiday__navigation.mobile .navigation-button {
        display: flex;
        align-items: center;
        padding: 10px;
        border-radius: 100%;
        background: white;
        cursor: pointer; }
        #aiday.container .aiday__navigation.mobile .navigation-button.right {
          rotate: 180deg; }
        #aiday.container .aiday__navigation.mobile .navigation-button.disable {
          opacity: 0.3;
          cursor: default; }
    #aiday.container .aiday__image {
      padding: 0 15px; }
    #aiday.container .aiday__title {
      font-size: clamp(55px, 14vw, 216px); }
    #aiday.container .aiday__intro {
      padding-bottom: 30px;
      font-size: 30px; }
    #aiday.container .aiday__description {
      max-width: 300px;
      padding-bottom: 30px;
      font-size: 16px; }
    #aiday.container .aiday__date {
      font-size: 22px; }
    #aiday.container .aiday__guide {
      padding-bottom: 15px;
      font-size: 16px; }
    #aiday.container .aiday .main-wrapper {
      width: 100%; }
    #aiday.container .aiday__title2 {
      font-size: clamp(58px, 14vw, 118px); }
    #aiday.container .aiday__intro2 {
      font-size: clamp(21px, 5.6vw, 41px); }
    #aiday.container .aiday__descriptions {
      gap: 30px;
      padding-bottom: 70px; }
      #aiday.container .aiday__descriptions-item-title {
        font-size: 32px; }
      #aiday.container .aiday__descriptions-item-content {
        font-size: 20px; }
    #aiday.container .aiday__schedule {
      gap: 50px;
      margin-bottom: 70px; }
      #aiday.container .aiday__schedule-section {
        gap: 16px; }
        #aiday.container .aiday__schedule-section-title {
          font-size: 24px; }
          #aiday.container .aiday__schedule-section-title .small-text {
            padding-left: 5px;
            font-size: 24px; }
        #aiday.container .aiday__schedule-section-list {
          max-width: 500px; }
          #aiday.container .aiday__schedule-section-list li {
            font-size: 22px; }
            #aiday.container .aiday__schedule-section-list li:not(:last-child) {
              margin-bottom: 16px; }
            #aiday.container .aiday__schedule-section-list li span {
              font-size: 22px; }
    #aiday.container .aiday__closing {
      font-size: 20px; }
    #aiday.container .aiday__logo {
      width: 132px; }
    #aiday.container .aiday__review {
      width: 100%; }
      #aiday.container .aiday__review-description {
        font-size: 24px;
        margin: 0 auto 60px auto; }
      #aiday.container .aiday__review-content {
        gap: 60px;
        padding-bottom: 60px; }
        #aiday.container .aiday__review-content .content-item {
          flex-direction: column;
          justify-content: center;
          gap: 28px; }
          #aiday.container .aiday__review-content .content-item.reverse {
            flex-direction: column-reverse; }
          #aiday.container .aiday__review-content .content-item-img {
            width: 100%;
            height: 335px;
            border-radius: 20px;
            background-position-y: 65%; }
          #aiday.container .aiday__review-content .content-item-text {
            font-size: 22px;
            text-align: center; }
      #aiday.container .aiday__review-closing {
        max-width: 625px;
        padding: 52px 0 36px 0;
        font-size: 22px; }
      #aiday.container .aiday__review-banner {
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: center;
        padding: 63px 30px 23px 30px;
        gap: 32px; }
        #aiday.container .aiday__review-banner .beusable-logo {
          width: 120px;
          top: 26px;
          left: 50%;
          transform: translateX(-50%); }
        #aiday.container .aiday__review-banner-text {
          max-width: 100%;
          padding: 0;
          font-size: 22px;
          text-align: center; }
        #aiday.container .aiday__review-banner-icon {
          width: 140px; } }

@media (max-width: 430px) {
  #aiday.container {
    padding: 50px 20px 100px 20px; }
    #aiday.container .aiday__title2 {
      padding-bottom: 37px; }
    #aiday.container .aiday__intro2 {
      padding-bottom: 40px; }
    #aiday.container .aiday__schedule {
      margin-top: 35px;
      margin-bottom: 70px; }
    #aiday.container .aiday__review-banner {
      gap: 27px; }
      #aiday.container .aiday__review-banner-text {
        max-width: 310px; }
      #aiday.container .aiday__review-banner-icon {
        width: 104px; } }

:lang(ja) {
  font-family: 'Pretendard JP Variable', 'Pretendard JP', 'Pretendard Variable', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC', sans-serif; }

#cxdata-index.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  min-width: 1280px;
  background-color: #fff;
  font-family: 'Pretendard Variable', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC', sans-serif;
  color: #2f2f2f; }
  #cxdata-index.container .section-body-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 8px;
    padding: 12px; }
    #cxdata-index.container .section-body-loading .icon--loading-animated {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url("../../images/icon-loading-animated.svg"); }
  #cxdata-index.container .icon-red-arrow-down {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url("../../images/icon-red-arrow-down.svg"); }
  #cxdata-index.container .cxdata-info-wrapper {
    color: #2f2f2f;
    width: 1600px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 97px;
    min-height: 943px;
    padding: 118px 0;
    box-sizing: border-box;
    margin-bottom: 142px;
    background-image: url("../../images/cxdata-bg.png");
    background-repeat: no-repeat;
    background-size: 856px 687px;
    background-position: 0 25%; }
    #cxdata-index.container .cxdata-info-wrapper .cxdata-info {
      position: absolute;
      top: 118px;
      right: 180px; }
    #cxdata-index.container .cxdata-info-wrapper .cxdata-title {
      margin-bottom: 97px;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 16px; }
      #cxdata-index.container .cxdata-info-wrapper .cxdata-title .cxdata-title--desc {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 8px;
        font-weight: 700; }
        #cxdata-index.container .cxdata-info-wrapper .cxdata-title .cxdata-title--desc .date {
          color: #EC0047;
          text-align: right;
          font-size: 28px;
          font-weight: 700; }
        #cxdata-index.container .cxdata-info-wrapper .cxdata-title .cxdata-title--desc .sub-title {
          color: #EC0047;
          text-align: right;
          font-size: 16px;
          font-weight: 500; }
      #cxdata-index.container .cxdata-info-wrapper .cxdata-title .title {
        max-width: 502px;
        color: #EC0047;
        text-align: right;
        font-size: 104px;
        font-weight: 700;
        line-height: 94%;
        /* 97.76px */
        letter-spacing: 2.08px; }
    #cxdata-index.container .cxdata-info-wrapper .cxdata-data {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      #cxdata-index.container .cxdata-info-wrapper .cxdata-data .data {
        display: flex;
        align-items: center;
        gap: 23px;
        text-align: right; }
        #cxdata-index.container .cxdata-info-wrapper .cxdata-data .data .data-title {
          display: flex;
          flex-direction: column;
          gap: 2px;
          font-size: 16px;
          font-weight: 600;
          color: #ec0047; }
          #cxdata-index.container .cxdata-info-wrapper .cxdata-data .data .data-title .annotation {
            color: #666;
            font-size: 12px;
            font-weight: 500;
            line-height: 150%;
            /* 19.5px */ }
        #cxdata-index.container .cxdata-info-wrapper .cxdata-data .data h3 {
          color: #2f2f2f;
          font-size: 72px;
          font-weight: 700; }
  #cxdata-index.container .dropdown-container {
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 10; }
    #cxdata-index.container .dropdown-container.visitPage, #cxdata-index.container .dropdown-container.sequence, #cxdata-index.container .dropdown-container.rollback-refresh, #cxdata-index.container .dropdown-container.new-return {
      width: 100%; }
    #cxdata-index.container .dropdown-container.new-return {
      margin-top: -24px; }
    #cxdata-index.container .dropdown-container.heatmap {
      margin-left: 2px; }
    #cxdata-index.container .dropdown-container .dropdown-wrapper {
      display: flex;
      flex-direction: column;
      gap: 4px; }
      #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown-label {
        color: #777;
        font-size: 13px;
        font-weight: 600;
        line-height: 120%;
        /* 15.6px */ }
      #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown {
        position: relative;
        display: inline-block;
        min-width: 108px; }
        #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown.category1, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown.category2 {
          min-width: 179px; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown.category1.en, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown.category2.en {
            min-width: 190px; }
        #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropbtn {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          border-radius: 5px;
          border: none;
          background: #FFF;
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          font-weight: 400;
          padding: 9px 9px 9px 12px;
          text-align: left;
          color: #2f2f2f;
          font-size: 14px;
          cursor: pointer;
          position: relative; }
        #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content {
          display: none;
          width: 100%;
          font-weight: 400;
          background-color: #fff;
          border-radius: 5px;
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          position: absolute;
          top: 0;
          z-index: 2;
          text-align: left; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div {
            color: #2F2F2F;
            font-size: 14px;
            cursor: pointer;
            transition: all .3s; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div.period.all.active {
              color: #888;
              font-weight: 600;
              cursor: initial; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div.period.all:hover:not(.active) {
              background-color: #EBEBEB; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div:hover:not(.mpti):not(.pvTime):not(.devicePv):not(.month-list):not(.visitPage):not(.averageStay):not(.rollbackRefresh):not(.newReturn):not(.sequence) {
              background-color: #EBEBEB; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div.dropdown-item {
              overflow-wrap: break-word;
              word-wrap: break-word; }
              #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div.dropdown-item:first-child {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px; }
              #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div.dropdown-item:last-child {
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px; }
              #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div.dropdown-item.active {
                color: #888;
                font-weight: 600; }
                #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content div.dropdown-item.active:hover {
                  background-color: transparent; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.mpti .dropdown-item {
            padding: 12px; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.mpti .dropdown-item:hover {
              background-color: #ebebeb; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item.category1, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item.category2, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item.category1, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item.category2, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item.category1, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item.category2, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item.category1, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item.category2, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item.category1, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item.category2, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item.category1, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item.category2, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item.category1, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item.category2 {
            padding: 12px; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item.category1:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item.category2:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item.category1:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item.category2:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item.category1:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item.category2:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item.category1:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item.category2:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item.category1:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item.category2:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item.category1:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item.category2:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item.category1:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item.category2:hover:not(.active) {
              background-color: #ebebeb; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item.all, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item.all, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item.all, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item.all, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item.all, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item.all, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item.all {
            padding: 12px; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .year, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .year, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .year, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .year, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .year, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .year, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .year {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .year .icon-right-arrow, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .year .icon-right-arrow, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .year .icon-right-arrow, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .year .icon-right-arrow, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .year .icon-right-arrow, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .year .icon-right-arrow, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .year .icon-right-arrow {
              display: inline-block;
              width: 12px;
              height: 12px;
              background-image: url("../../images/icon-right-arrow-fill.svg");
              background-repeat: no-repeat; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .year.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .year.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .year.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .year.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .year.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .year.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .year.lastIndex {
              border-bottom-left-radius: 5px;
              border-bottom-right-radius: 5px; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .month-list, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .month-list, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .month-list, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .month-list, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .month-list, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .month-list, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .month-list {
            display: flex;
            padding: 0;
            flex-direction: column;
            color: #2F2F2F;
            width: 100%;
            font-weight: 400;
            background-color: #fcfcfc;
            border-radius: 5px;
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 100%; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .month-list .month-label, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .month-list .month-label, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .month-list .month-label, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .month-list .month-label, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .month-list .month-label, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .month-list .month-label, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .month-list .month-label {
              color: #2F2F2F;
              font-size: 14px;
              padding: 12px;
              cursor: pointer; }
              #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .month-list .month-label.active, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .month-list .month-label.active, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .month-list .month-label.active, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .month-list .month-label.active, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .month-list .month-label.active, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .month-list .month-label.active, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .month-list .month-label.active {
                color: #888;
                font-weight: 600; }
              #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .month-list .month-label:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .month-list .month-label:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .month-list .month-label:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .month-list .month-label:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .month-list .month-label:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .month-list .month-label:hover:not(.active), #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .month-list .month-label:hover:not(.active) {
                background-color: #EBEBEB; }
              #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .month-list .month-label.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .month-list .month-label.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .month-list .month-label.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .month-list .month-label.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .month-list .month-label.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .month-list .month-label.lastIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .month-list .month-label.lastIndex {
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px; }
              #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.pvTime .dropdown-item .month-list .month-label.firstIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.devicePv .dropdown-item .month-list .month-label.firstIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.visitPage .dropdown-item .month-list .month-label.firstIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.averageStay .dropdown-item .month-list .month-label.firstIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.rollbackRefresh .dropdown-item .month-list .month-label.firstIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.newReturn .dropdown-item .month-list .month-label.firstIndex, #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.sequence .dropdown-item .month-list .month-label.firstIndex {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content.show {
            display: block; }
  #cxdata-index.container .cxdata-pv-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    margin-bottom: 360px;
    max-width: 1180px;
    position: relative; }
    #cxdata-index.container .cxdata-pv-wrapper .icon-wrap {
      position: absolute;
      display: inline-block;
      width: 80px;
      height: 80px;
      cursor: pointer; }
      #cxdata-index.container .cxdata-pv-wrapper .icon-wrap.right {
        top: 62%;
        right: -5%;
        transform: translateY(-50%);
        transition: all .3s; }
        #cxdata-index.container .cxdata-pv-wrapper .icon-wrap.right:hover .icon.icon-right-arrow:not(.dimmed) {
          background-image: url("../../images/icon-right-arrow-hover.svg"); }
      #cxdata-index.container .cxdata-pv-wrapper .icon-wrap.left {
        top: 62%;
        left: -5%;
        transform: translateY(-50%);
        transition: all .3s; }
        #cxdata-index.container .cxdata-pv-wrapper .icon-wrap.left:hover .icon.icon-left-arrow:not(.dimmed) {
          background-image: url("../../images/icon-right-arrow-hover.svg"); }
      #cxdata-index.container .cxdata-pv-wrapper .icon-wrap .icon.icon-right-arrow {
        display: inline-block;
        width: 80px;
        height: 80px;
        background-image: url("../../images/icon-right-arrow.svg"); }
        #cxdata-index.container .cxdata-pv-wrapper .icon-wrap .icon.icon-right-arrow.dimmed {
          background-image: url("../../images/icon-right-arrow-disabled.svg"); }
      #cxdata-index.container .cxdata-pv-wrapper .icon-wrap .icon.icon-left-arrow {
        display: inline-block;
        width: 80px;
        height: 80px;
        background-image: url("../../images/icon-right-arrow.svg");
        transform: scale(-1); }
        #cxdata-index.container .cxdata-pv-wrapper .icon-wrap .icon.icon-left-arrow.dimmed {
          background-image: url("../../images/icon-right-arrow-disabled.svg"); }
    #cxdata-index.container .cxdata-pv-wrapper .cxdata-pv-text-wrapper {
      max-width: 1180px;
      width: 100%;
      text-align: left; }
      #cxdata-index.container .cxdata-pv-wrapper .cxdata-pv-text-wrapper .cxdata-pv-title-wrapper .cxdata-pv-title {
        color: #ec0047;
        font-size: 36px;
        font-weight: 600;
        line-height: 120%;
        /* 45.6px */ }
    #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 36px;
      position: relative;
      overflow: hidden;
      box-sizing: border-box; }
      #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap {
        width: 1180px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-desc {
          font-size: 20px;
          font-weight: 600;
          line-height: 150%;
          /* 33px */
          color: #444; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date {
          display: flex;
          flex-direction: column;
          color: #2f2f2f; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .cxdata-label {
            margin-left: 4px;
            font-size: 14px;
            font-weight: 600; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .date-wrap {
            display: flex;
            align-items: center;
            gap: 4px; }
            #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .date-wrap .date {
              font-size: 68px;
              font-weight: 700;
              display: flex;
              align-items: flex-end;
              gap: 5px; }
              #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .date-wrap .date .daytime {
                font-size: 30px;
                margin-bottom: 10px; }
            #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .date-wrap .wave {
              font-size: 68px;
              font-weight: 700; }
      #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .dropdown-container {
        width: 1180px;
        justify-content: flex-start; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .dropdown-container .dropdown.category1, #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .dropdown-container .dropdown.category2 {
          min-width: 179px; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .dropdown-container .dropdown.category1.en, #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .dropdown-container .dropdown.category2.en {
            min-width: 190px; }
      #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] {
        display: flex;
        align-items: center;
        width: 1500px;
        flex-shrink: 0;
        flex-direction: column;
        position: relative; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .graph-loading {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          background-color: rgba(255, 255, 255, 0.5);
          z-index: 99999;
          display: flex;
          align-items: center;
          justify-content: center; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .chart-title-wrap {
          width: 1180px;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          height: 28px; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .chart-title-wrap .chart-title {
            font-size: 18px;
            font-weight: 600;
            line-height: 100%; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .chart-title-wrap .chart-rate-desc {
            position: absolute;
            right: 0px;
            color: #999;
            text-align: right;
            font-size: 13px;
            font-weight: 400;
            line-height: 150%;
            /* 19.5px */ }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .no-data-wrap {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 1240px;
          height: calc(100% - 76px);
          z-index: 2;
          display: flex;
          align-items: center;
          justify-content: center; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .no-data-wrap .none-data {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 16px;
            border-radius: 8px;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, 0.16);
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
            color: #E60724;
            text-align: center;
            font-size: 13px;
            font-weight: 600; }
            #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .no-data-wrap .none-data .icon-warning {
              display: inline-block;
              width: 13px;
              height: 13px;
              background-image: url("../../images/icon-warning.svg");
              background-repeat: no-repeat; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .graph {
          width: 1500px;
          height: 570px;
          letter-spacing: initial; }
  #cxdata-index.container .cxdata-pie-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 360px; }
    #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 56px;
      max-width: 1180px; }
      #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-title-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 16px;
        text-align: right; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-title-wrapper .cxdata-pie-title {
          color: #ec0047;
          font-size: 36px;
          font-weight: 600;
          text-align: right; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-title-wrapper .cxdata-pie-desc {
          display: inline-block;
          font-size: 20px;
          font-weight: 600;
          line-height: 150%;
          /* 33px */
          width: 680px;
          color: #444; }
      #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 62px; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .cxdata-pie-percent-wrapper {
          display: flex;
          align-items: flex-end;
          gap: 40px; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .first {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 4px;
          font-size: 68px;
          font-weight: 700; }
          #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .first .cxdata-label {
            font-size: 14px;
            letter-spacing: initial;
            font-weight: 600;
            margin-left: 4px; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .second {
          color: #999;
          font-size: 66px;
          font-weight: 700;
          margin-bottom: 8px; }
          #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .second .cxdata-label {
            font-size: 14px;
            letter-spacing: initial; }
    #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap {
      position: relative; }
      #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie .graph-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center; }
      #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie span {
        position: absolute;
        color: #444;
        text-align: center;
        font-size: 18px;
        font-weight: 600; }
      #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie .cxdata-pie-graph-title {
        top: 55px;
        left: 415px; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie .cxdata-pie-graph-title.en {
          left: 390px; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie .cxdata-pie-graph-title.ja {
          left: 420px; }
      #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie .cxdata-pie-device-title {
        top: 180px;
        right: 310px; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie .cxdata-pie-device-title.en {
          right: 250px; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie .cxdata-pie-device-title.ja {
          right: 300px; }
      #cxdata-index.container .cxdata-pie-wrapper .cxdata-graph-wrap.pie .tips {
        position: absolute;
        bottom: 50px;
        right: 160px;
        color: #444;
        text-align: right;
        font-size: 13px;
        font-weight: 400;
        line-height: 150%; }
    #cxdata-index.container .cxdata-pie-wrapper .pie-graph {
      margin-top: 100px;
      width: 1500px;
      height: 650px;
      letter-spacing: initial; }
  #cxdata-index.container .cxdata-chart-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    min-width: 1180px;
    max-width: 1180px;
    box-sizing: border-box;
    margin-bottom: 360px; }
    #cxdata-index.container .cxdata-chart-wrapper.average-stay {
      gap: 0; }
      #cxdata-index.container .cxdata-chart-wrapper.average-stay .chart-title-wrap {
        margin-top: 70px; }
        #cxdata-index.container .cxdata-chart-wrapper.average-stay .chart-title-wrap .chart-title {
          font-size: 18px;
          font-weight: 600;
          line-height: 100%; }
    #cxdata-index.container .cxdata-chart-wrapper .chart-title-wrap .chart-title {
      font-size: 18px;
      font-weight: 600;
      line-height: 100%; }
    #cxdata-index.container .cxdata-chart-wrapper.new-return {
      gap: 0; }
    #cxdata-index.container .cxdata-chart-wrapper.conversion {
      gap: 16px;
      align-items: flex-start; }
      #cxdata-index.container .cxdata-chart-wrapper.conversion .tips {
        margin-top: 16px;
        width: 100%;
        color: #444;
        font-size: 13px;
        font-weight: 400;
        line-height: 150%; }
    #cxdata-index.container .cxdata-chart-wrapper.sequence .chart-header-wrapper {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      #cxdata-index.container .cxdata-chart-wrapper.sequence .chart-header-wrapper .chart-title-wrap {
        text-align: center; }
    #cxdata-index.container .cxdata-chart-wrapper.sequence .toggle-container {
      position: absolute;
      right: 0; }
    #cxdata-index.container .cxdata-chart-wrapper .toggle-container {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      box-sizing: border-box; }
      #cxdata-index.container .cxdata-chart-wrapper .toggle-container .circle {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 32px;
        background-color: #9665E3;
        border-radius: 22px;
        transition: all .3s;
        cursor: pointer; }
        #cxdata-index.container .cxdata-chart-wrapper .toggle-container .circle.is-refresh {
          background-color: #0074FF; }
        #cxdata-index.container .cxdata-chart-wrapper .toggle-container .circle .toggle-switch {
          position: absolute;
          left: 3px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 26px;
          height: 26px;
          background-color: #fff;
          border-radius: 50%;
          transition: all .3s; }
          #cxdata-index.container .cxdata-chart-wrapper .toggle-container .circle .toggle-switch .icon-toggle-arrow {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url("../../images/icon-toggle.svg");
            background-repeat: no-repeat; }
          #cxdata-index.container .cxdata-chart-wrapper .toggle-container .circle .toggle-switch.is-refresh {
            left: initial;
            transform: translateX(12px); }
            #cxdata-index.container .cxdata-chart-wrapper .toggle-container .circle .toggle-switch.is-refresh .icon-toggle-arrow {
              transform: rotate(180deg); }
      #cxdata-index.container .cxdata-chart-wrapper .toggle-container .text {
        color: #444;
        font-size: 16px;
        font-weight: 600; }
      #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .circle {
        background-color: #9FCE12; }
        #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .circle.is-return {
          background-color: #0E90A5; }
        #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .circle .toggle-switch.is-return {
          left: initial;
          transform: translateX(12px); }
          #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .circle .toggle-switch.is-return .icon-toggle-arrow {
            transform: rotate(180deg); }
    #cxdata-index.container .cxdata-chart-wrapper.center-aligned {
      gap: 34px; }
    #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-percent-wrapper {
        margin-top: -50px;
        display: flex;
        align-items: center; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-percent-wrapper .cxdata-chart-percent {
          position: initial;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 4px;
          color: #2F2F2F; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-percent-wrapper .cxdata-chart-percent.return {
            margin-left: 49px;
            color: #777; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-percent-wrapper .cxdata-chart-percent .average {
            font-size: 14px;
            font-weight: 600;
            margin-left: 4px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-percent-wrapper .cxdata-chart-percent .number {
            font-size: 68px;
            font-weight: 700; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-title-wrapper {
        margin-left: -49px; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.center-aligned {
        flex-direction: column;
        align-items: center;
        gap: 34px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.center-aligned .cxdata-chart-title-wrapper {
          align-items: center;
          text-align: center; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.center-aligned .cxdata-chart-title-wrapper .cxdata-chart-title {
            max-width: initial; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.conversion {
        max-width: 1180px;
        position: relative; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.conversion .cxdata-chart-percent .first {
          display: flex;
          flex-direction: column;
          gap: 4px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.conversion .cxdata-chart-percent .first .cxdata-label {
            color: #2F2F2F;
            font-size: 14px;
            font-weight: 600;
            line-height: 100%;
            /* 14px */
            margin-left: 4px; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 24px;
        text-align: right; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper.text-left {
          align-items: flex-start;
          text-align: left; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-title {
          color: #ec0047;
          font-size: 36px;
          font-weight: 600;
          line-height: 120%;
          /* 45.6px */
          max-width: 591px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-title.sequence-phone {
            max-width: 666px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-title.sequence-desktop {
            max-width: 667px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-desc {
          display: inline-block;
          font-size: 20px;
          font-weight: 600;
          line-height: 150%;
          /* 33px */
          width: 680px;
          color: #444; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-desc.mpti {
            width: 780px;
            font-size: 20px;
            font-weight: 600;
            line-height: 150%;
            /* 30px */ }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-desc.average-visit.ja {
            width: 100%; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent {
        position: relative;
        top: 78px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.average-stay {
          top: 50px;
          display: flex;
          flex-direction: column;
          gap: 62px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .cxdata-chart-percent-wrapper {
          display: flex;
          align-items: flex-end;
          gap: 40px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.visit-page {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 4px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.visit-page .average {
            color: #2F2F2F;
            font-size: 14px;
            font-weight: 600; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.visit-page .number {
            color: #2F2F2F;
            font-size: 68px;
            font-weight: 700;
            display: flex;
            align-items: flex-end;
            gap: 5px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.visit-page .number .number-unit {
              font-size: 30px;
              margin-bottom: 10px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.sequence {
          top: 130px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .pages {
          font-size: 16px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .first {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 4px;
          font-size: 68px;
          font-weight: 700; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .first .cxdata-label {
            margin-left: 4px;
            font-size: 14px;
            letter-spacing: initial;
            font-weight: 600; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .second {
          position: relative;
          color: #999;
          font-size: 66px;
          font-weight: 700;
          margin-bottom: 8px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .second.return {
            margin-bottom: 0; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .second .cxdata-label {
            position: absolute;
            left: 4px;
            top: -14px;
            font-size: 14px;
            letter-spacing: initial; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.conversion {
          top: 78px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.conversion.ko {
            top: 36px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.conversion.ja {
            top: 0; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh {
          position: relative;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 62px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh .second {
            position: absolute;
            right: 0;
            top: 105%;
            width: fit-content;
            text-align: right; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh .second .cxdata-label {
              left: 0;
              top: -14px;
              font-size: 14px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.sequence-phone.refresh .first {
          font-size: 100px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.sequence-phone .first {
          font-size: 140px;
          margin-top: 100px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.device-return .first {
          font-size: 140px;
          margin-top: 80px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.sequence-desktop .first {
          font-size: 140px;
          margin-top: 90px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned {
          display: flex;
          align-items: flex-end;
          gap: 18px;
          font-weight: 700;
          font-size: 24px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned.flex-align-center {
            align-items: center; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned .first {
            margin-right: 22px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned .number {
            font-size: 140px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned .second {
            margin-bottom: 8px; }
    #cxdata-index.container .cxdata-chart-wrapper .mpti-info {
      margin-top: -6px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 16px;
      text-align: left;
      position: relative; }
      #cxdata-index.container .cxdata-chart-wrapper .mpti-info .title {
        color: #7C40DD;
        font-size: 20px;
        font-weight: 700; }
      #cxdata-index.container .cxdata-chart-wrapper .mpti-info .desc {
        color: #9665E3;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        /* 24px */ }
      #cxdata-index.container .cxdata-chart-wrapper .mpti-info .dropdown-container.half-pie {
        position: absolute;
        right: 0;
        bottom: -42px; }
    #cxdata-index.container .cxdata-chart-wrapper .mpti-rank {
      margin-top: 16px;
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 98px;
      row-gap: 64px; }
      #cxdata-index.container .cxdata-chart-wrapper .mpti-rank .rank {
        max-width: 536px;
        display: flex;
        flex-direction: column;
        gap: 20px; }
        #cxdata-index.container .cxdata-chart-wrapper .mpti-rank .rank .title {
          display: flex;
          justify-content: space-between;
          color: #444;
          font-size: 20px;
          font-weight: 700; }
          #cxdata-index.container .cxdata-chart-wrapper .mpti-rank .rank .title .rank-title {
            display: flex;
            align-items: center;
            gap: 8px; }
        #cxdata-index.container .cxdata-chart-wrapper .mpti-rank .rank .desc {
          color: #777;
          font-size: 16px;
          font-weight: 500;
          line-height: 150%;
          /* 24px */
          word-wrap: break-word;
          overflow-wrap: break-word; }
    #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container {
      width: 1180px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 24px;
      padding-top: 20px; }
      #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container.en {
        width: calc(100% - 350px);
        margin: 0 auto; }
      #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #444;
        font-size: 16px;
        font-weight: 500; }
        #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color {
          display: inline-block;
          width: 20px;
          height: 20px;
          border-radius: 50%; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-0 {
            background-color: #2E9BFF; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-1 {
            background-color: #49538A; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-2 {
            background-color: #FADF4F; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-3 {
            background-color: #B5CC58; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-4 {
            background-color: #9769B2; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-5 {
            background-color: #588F8F; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-6 {
            background-color: #95DCDC; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-7 {
            background-color: #D2BEF2; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-8 {
            background-color: #A79577; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color.industry-9 {
            background-color: #D7D7D7; }
    #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .checkbox_wrap {
        display: flex;
        align-items: center;
        gap: 20px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .checkbox_wrap .checkbox {
          display: flex;
          align-items: center;
          gap: 5px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .checkbox_wrap .checkbox .text {
            font-size: 14px;
            font-weight: 400; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .checkbox_wrap .checkbox .icon-chkbox {
            cursor: pointer;
            display: inline-block;
            width: 18px;
            height: 18px;
            background-image: url(../../images/icon-chkbox-off.svg); }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .checkbox_wrap .checkbox .icon-chkbox.on {
              display: inline-block;
              width: 18px;
              height: 18px;
              background-image: url(../../images/icon-chkbox-on.svg); }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .new-chart-desktop,
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .return-chart-desktop,
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .new-chart-phone,
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-new-return-checkbox .return-chart-phone {
        width: 100%;
        height: 504px; }
    #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.conversion {
        position: relative; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.conversion .white-bg {
          position: absolute;
          top: 0;
          width: 140px;
          height: 100%;
          background-color: #fff; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.conversion .white-bg.left {
            left: 0; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.conversion .white-bg.right {
            right: 0; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.conversion .cxdata-graph-all {
          position: absolute;
          top: 8px;
          right: 8px;
          display: flex;
          align-items: center;
          gap: 6px;
          border-radius: 5px;
          background: #FFF;
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          padding: 12px 14px 12px 12px;
          color: #444;
          text-align: center;
          font-size: 14px;
          font-weight: 600;
          cursor: pointer;
          z-index: 10; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.conversion .cxdata-graph-all .icon-all {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url(../../images/icon-all.svg);
            background-repeat: no-repeat; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.mpti {
        margin-top: 86px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.mpti .graph-title {
          position: absolute;
          top: -55px;
          color: #444;
          font-size: 18px;
          font-weight: 600; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.average-stay {
        position: relative;
        margin-top: 100px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.average-stay.isChartTitle {
          margin-top: 30px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.average-stay .average-stay-chart-legend {
          position: absolute;
          top: 0px;
          right: 50px;
          display: flex;
          flex-direction: column;
          text-align: right;
          color: #8a8a8a;
          font-size: 13px;
          font-weight: 600;
          line-height: 150%; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.average-stay .average-stay-chart-legend.notPrev6Month {
            top: 20px; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh {
        position: relative; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .chart-title-wrap {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          z-index: 2; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .chart-title-wrap .chart-title {
            font-size: 18px;
            font-weight: 600;
            line-height: 100%; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .toggle-container {
          position: absolute;
          right: 0;
          z-index: 2; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .refresh-graph {
          margin-top: 10px; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return {
        position: relative; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .chart-title-wrap {
          margin-top: 24px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .newReturn-legend-container {
          position: absolute;
          bottom: 30px;
          left: 52%;
          transform: translateX(-50%);
          display: flex;
          align-items: center;
          gap: 24px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .newReturn-legend-container .legend-industry {
            display: flex;
            align-items: center;
            gap: 6px;
            color: #444;
            font-size: 16px;
            font-weight: 500; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .newReturn-legend-container .legend-industry i {
              display: inline-block;
              width: 20px;
              height: 20px;
              border-radius: 50%; }
              #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .newReturn-legend-container .legend-industry i.new-icon {
                background-color: #9FCE12; }
              #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .newReturn-legend-container .legend-industry i.return-icon {
                background-color: #0E90A5; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.sequence {
        margin-top: -30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.sequence .no-data-wrap {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 1240px;
          height: calc(100% - 76px);
          z-index: 2;
          display: flex;
          align-items: center;
          justify-content: center; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.sequence .no-data-wrap .none-data {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 16px;
            border-radius: 8px;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, 0.16);
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
            color: #E60724;
            text-align: center;
            font-size: 13px;
            font-weight: 600; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.sequence .no-data-wrap .none-data .icon-warning {
              display: inline-block;
              width: 13px;
              height: 13px;
              background-image: url("../../images/icon-warning.svg");
              background-repeat: no-repeat; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.sequence .sequence-grid {
          margin-top: 20px;
          width: 95%;
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          place-items: center; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.sequence .sequence-grid span {
            color: #777;
            font-size: 13px;
            font-weight: 600;
            line-height: 120%;
            /* 15.6px */ }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph {
        margin: 0 auto;
        width: 1180px;
        height: 580px;
        letter-spacing: initial; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.sequence-graph {
          height: 500px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.device-return-graph {
          margin-top: 30px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.conversion-graph {
          letter-spacing: initial;
          margin: 0 auto;
          box-sizing: border-box;
          width: 1180px;
          height: 571px;
          display: flex;
          align-items: center;
          justify-content: center; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.mpti-graph {
          height: 434px; }

@media all and (max-width: 768px) {
  #cxdata-index.container {
    width: 100%;
    min-width: 335px;
    margin-top: -1px;
    position: relative; }
    #cxdata-index.container .cxdata-optimized {
      position: absolute;
      top: 26px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 20px;
      box-sizing: border-box; }
      #cxdata-index.container .cxdata-optimized .cxdata-optimized-text {
        width: 100%;
        text-align: center;
        border-radius: 4px;
        background: #222;
        padding: 8px 10px;
        color: #999;
        font-size: 12px;
        font-weight: 400; }
    #cxdata-index.container .cxdata-info-wrapper {
      width: 100%;
      margin-top: 80px;
      background-image: none;
      box-sizing: border-box;
      margin-bottom: 0;
      padding: 0 20px;
      min-height: 780px;
      align-items: flex-start;
      justify-content: center;
      gap: 51px; }
      #cxdata-index.container .cxdata-info-wrapper .cxdata-info {
        width: 100%;
        position: initial; }
      #cxdata-index.container .cxdata-info-wrapper .cxdata-title {
        width: 100%;
        min-width: initial;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        margin-bottom: 51px; }
        #cxdata-index.container .cxdata-info-wrapper .cxdata-title .cxdata-title--desc {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 6px;
          font-weight: 700; }
          #cxdata-index.container .cxdata-info-wrapper .cxdata-title .cxdata-title--desc .date {
            font-size: 24px; }
          #cxdata-index.container .cxdata-info-wrapper .cxdata-title .cxdata-title--desc .sub-title {
            text-align: left;
            font-weight: 400;
            line-height: 120%; }
            #cxdata-index.container .cxdata-info-wrapper .cxdata-title .cxdata-title--desc .sub-title.ja {
              font-size: 15px; }
        #cxdata-index.container .cxdata-info-wrapper .cxdata-title .title {
          max-width: 243px;
          font-size: 60px;
          text-align: left; }
      #cxdata-index.container .cxdata-info-wrapper .cxdata-data {
        min-width: initial;
        width: 100%; }
        #cxdata-index.container .cxdata-info-wrapper .cxdata-data .data {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          gap: 2px; }
          #cxdata-index.container .cxdata-info-wrapper .cxdata-data .data span {
            font-size: 12px; }
          #cxdata-index.container .cxdata-info-wrapper .cxdata-data .data h3 {
            font-size: 38px; }
    #cxdata-index.container .dropdown-container .dropdown-wrapper {
      width: 100%; }
      #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown .dropdown-content {
        max-height: 290px;
        overflow-y: auto; }
      #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown-period-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 8px; }
        #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown-period-wrapper .dropdown {
          width: 100%; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown-period-wrapper .dropdown .dropbtn.disabled {
            font-size: 14px;
            font-weight: 400;
            color: #aaa;
            background-color: #e6e6e6;
            pointer-events: none; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown-period-wrapper .dropdown .dropbtn.disabled .icon-arrow-down-disabled {
              display: inline-block;
              width: 16px;
              height: 16px;
              background-image: url("../../images/icon-arrow-down-disabled.svg");
              background-repeat: no-repeat; }
          #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown-period-wrapper .dropdown .dropdown-content .dropdown-item {
            padding: 12px; }
            #cxdata-index.container .dropdown-container .dropdown-wrapper .dropdown-period-wrapper .dropdown .dropdown-content .dropdown-item.active {
              color: #888;
              font-weight: 600;
              cursor: initial; }
    #cxdata-index.container .cxdata-pv-wrapper {
      gap: 24px;
      width: 100%;
      margin: 0 auto 140px;
      padding: 0 20px; }
      #cxdata-index.container .cxdata-pv-wrapper.heatmap {
        margin-bottom: 0; }
        #cxdata-index.container .cxdata-pv-wrapper.heatmap .dropdown-container {
          margin-top: 20px;
          width: 100%;
          padding: 0 20px;
          box-sizing: border-box; }
          #cxdata-index.container .cxdata-pv-wrapper.heatmap .dropdown-container.heatmap {
            flex-direction: column;
            right: initial;
            top: 530px;
            gap: 16px; }
          #cxdata-index.container .cxdata-pv-wrapper.heatmap .dropdown-container .dropdown-wrapper {
            width: 100%; }
      #cxdata-index.container .cxdata-pv-wrapper .icon-wrap {
        display: none; }
      #cxdata-index.container .cxdata-pv-wrapper .cxdata-pv-text-wrapper {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 24px; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-pv-text-wrapper .cxdata-pv-title-wrapper {
          display: flex;
          flex-direction: column;
          gap: 24px; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-pv-text-wrapper .cxdata-pv-title-wrapper .cxdata-pv-title {
            font-size: 22px; }
      #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap {
        box-sizing: border-box;
        min-width: 335px;
        width: 100%;
        gap: 24px;
        padding: 0; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] {
          flex-direction: column-reverse;
          justify-content: flex-end;
          gap: 24px;
          width: 335px;
          height: initial;
          margin-bottom: 140px; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .graph {
            width: 100%;
            height: 300px; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .chart-title-wrap {
            width: 100%; }
            #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .graph-container[data-industry='ecommerce'] .chart-title-wrap .chart-rate-desc {
              right: initial;
              text-align: center;
              font-size: 12px;
              font-weight: 400;
              line-height: 150%; }
        #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap {
          flex-direction: column;
          text-align: center;
          gap: 24px; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-desc {
            font-size: 14px;
            font-weight: 400; }
          #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date {
            display: flex;
            align-items: center;
            gap: 0; }
            #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .cxdata-label {
              font-size: 12px; }
            #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .date-wrap .date {
              font-size: 62px;
              display: flex;
              align-items: flex-end;
              gap: 5px; }
              #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .date-wrap .date .daytime {
                font-size: 14px;
                margin-bottom: 15px; }
            #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .cxdata-graph-text-wrap .cxdata-pv-date .date-wrap .wave {
              font-size: 60px;
              font-weight: 700; }
    #cxdata-index.container .cxdata-pie-wrapper {
      gap: 0px;
      min-width: 335px;
      width: 100%;
      box-sizing: border-box;
      margin-bottom: 140px;
      padding: 0 20px; }
      #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 24px;
        box-sizing: border-box;
        max-width: 335px;
        text-align: center; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-title-wrapper {
          flex-direction: column;
          align-items: center;
          gap: 16px;
          text-align: center; }
          #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-title-wrapper .cxdata-pie-title {
            font-size: 22px;
            max-width: 100%;
            text-align: center; }
          #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-title-wrapper .cxdata-pie-desc {
            font-size: 13px;
            font-weight: 400;
            width: 100%; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 24px;
          margin-top: 8px; }
          #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .dropdown-container {
            width: 100%;
            flex-direction: column;
            gap: 16px; }
            #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .dropdown-container .dropdown-wrapper {
              width: 100%; }
              #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .dropdown-container .dropdown-wrapper .dropdown-label {
                text-align: left; }
          #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .first {
            font-size: 62px;
            align-items: center; }
            #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .first .cxdata-label {
              width: 100%;
              font-size: 12px; }
          #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .second {
            font-size: 40px; }
            #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .cxdata-pie-percent .second .cxdata-label {
              font-size: 12px; }
        #cxdata-index.container .cxdata-pie-wrapper .cxdata-pie-text-wrapper .tips {
          color: #444;
          font-size: 13px;
          font-weight: 400;
          line-height: 150%;
          /* 19.5px */ }
      #cxdata-index.container .cxdata-pie-wrapper .pie-graph {
        width: 375px;
        margin: 0 auto;
        height: 300px; }
    #cxdata-index.container .cxdata-chart-wrapper {
      gap: 24px;
      min-width: 335px;
      width: 100%;
      box-sizing: border-box;
      margin-bottom: 140px;
      padding: 0 20px; }
      #cxdata-index.container .cxdata-chart-wrapper .dropdown-container {
        width: 100%;
        flex-direction: column;
        gap: 16px; }
        #cxdata-index.container .cxdata-chart-wrapper .dropdown-container.rollback-refresh, #cxdata-index.container .cxdata-chart-wrapper .dropdown-container.sequence {
          margin-top: 24px; }
        #cxdata-index.container .cxdata-chart-wrapper .dropdown-container .dropdown-wrapper {
          width: 100%; }
          #cxdata-index.container .cxdata-chart-wrapper .dropdown-container .dropdown-wrapper .dropdown .dropdown-content {
            max-height: 290px;
            overflow-y: auto; }
      #cxdata-index.container .cxdata-chart-wrapper.conversion {
        gap: 24px; }
        #cxdata-index.container .cxdata-chart-wrapper.conversion .tips {
          margin-top: 0;
          text-align: center; }
      #cxdata-index.container .cxdata-chart-wrapper.average-stay {
        margin-bottom: 200px; }
      #cxdata-index.container .cxdata-chart-wrapper.new-return {
        gap: 24px; }
      #cxdata-index.container .cxdata-chart-wrapper.mpti .dropdown-container {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box; }
        #cxdata-index.container .cxdata-chart-wrapper.mpti .dropdown-container.half-pie {
          text-align: left;
          flex-direction: column;
          right: initial;
          top: 270px;
          gap: 16px; }
        #cxdata-index.container .cxdata-chart-wrapper.mpti .dropdown-container .dropdown-wrapper {
          width: 100%; }
      #cxdata-index.container .cxdata-chart-wrapper.mpti .mpti-rank {
        margin-top: -20px;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        gap: 40px; }
        #cxdata-index.container .cxdata-chart-wrapper.mpti .mpti-rank .rank {
          text-align: center;
          gap: 12px; }
          #cxdata-index.container .cxdata-chart-wrapper.mpti .mpti-rank .rank .title {
            flex-direction: column;
            align-items: center;
            gap: 12px;
            font-size: 16px;
            line-height: 120%; }
          #cxdata-index.container .cxdata-chart-wrapper.mpti .mpti-rank .rank .desc {
            font-size: 14px;
            font-weight: 400;
            line-height: 150%; }
      #cxdata-index.container .cxdata-chart-wrapper.sequence .toggle-container {
        position: initial; }
      #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container {
        padding: 0;
        margin: -44px auto 0;
        justify-content: center;
        gap: 12px; }
        #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container.ko {
          width: calc(100% - 100px); }
        #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container.en, #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container.ja {
          margin: -44px auto 0;
          width: 100%; }
        #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry-wrapper {
          display: flex;
          gap: 16px; }
        #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry {
          display: flex;
          gap: 2.5px;
          font-size: 10px; }
          #cxdata-index.container .cxdata-chart-wrapper .treemap-legend-container .legend-industry .industry-color {
            width: 10px;
            height: 10px; }
      #cxdata-index.container .cxdata-chart-wrapper .mpti-info {
        margin-top: -130px;
        text-align: center; }
        #cxdata-index.container .cxdata-chart-wrapper .mpti-info .title {
          font-size: 16px;
          line-height: 120%; }
        #cxdata-index.container .cxdata-chart-wrapper .mpti-info .desc {
          font-size: 14px;
          font-weight: 400;
          line-height: 150%; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 24px;
        box-sizing: border-box; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.mpti, #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.visit-page, #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.rollback-refresh, #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.sequence {
          flex-direction: column; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.mobile-reverse {
          flex-direction: column-reverse; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.center-aligned {
          flex-direction: column;
          align-items: center; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.center-aligned .cxdata-chart-title-wrapper {
            align-items: center;
            text-align: center; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.center-aligned .cxdata-chart-title-wrapper .cxdata-chart-title {
              max-width: initial; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return {
          margin-bottom: 24px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-title-wrapper {
            margin-left: 0; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-percent-wrapper {
            margin-top: 0; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper.new-return .cxdata-chart-percent-wrapper .cxdata-chart-percent.return {
              margin-left: 0; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper {
          flex-direction: column;
          align-items: center;
          gap: 16px;
          text-align: center; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper.text-left {
            align-items: center;
            text-align: center; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-title {
            font-size: 22px;
            max-width: 100%; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-title.sequence-phone {
              max-width: 100%; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-title.sequence-desktop {
              max-width: 100%; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-desc {
            font-size: 13px;
            font-weight: 400;
            width: 100%; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-desc.average-visit {
              width: 335px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-title-wrapper .cxdata-chart-desc.mpti {
              font-size: 13px;
              font-weight: 400;
              line-height: 150%; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent-wrapper.new-return {
          flex-direction: column;
          align-items: center;
          gap: 16px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent-wrapper.new-return .cxdata-chart-percent {
            align-items: center; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent-wrapper.new-return .cxdata-chart-percent.return .average {
              color: #777; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent-wrapper.new-return .cxdata-chart-percent.return .number {
              font-size: 40px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent-wrapper.new-return .cxdata-chart-percent .average {
              color: #2F2F2F;
              font-size: 12px;
              font-weight: 700; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent-wrapper.new-return .cxdata-chart-percent .number {
              font-size: 62px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          gap: 24px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.conversion {
            top: 0; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.conversion.ko {
              top: 0; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.mobile-gap {
            margin-top: 24px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.mpti {
            top: 150px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.visit-page {
            top: initial;
            align-items: center; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.visit-page .number {
              font-size: 62px;
              flex-direction: column;
              align-items: center; }
              #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.visit-page .number .number-unit {
                font-size: 16px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.sequence {
            top: 24px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .first {
            font-size: 62px;
            margin-bottom: 0;
            align-items: center; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .first .cxdata-label {
              width: 100%;
              display: flex;
              justify-content: center;
              font-size: 12px;
              left: 0; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .second {
            font-size: 40px;
            margin-bottom: 6px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent .second .cxdata-label {
              font-size: 12px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.average-stay {
            width: 100%;
            top: 24px;
            gap: 24px;
            align-items: center; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh {
            top: 24px;
            gap: 24px;
            align-items: center; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh .second {
              top: 115%;
              right: 50%;
              transform: translateX(50%);
              width: max-content; }
              #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh .second .cxdata-label {
                left: 0; }
                #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh .second .cxdata-label.highest {
                  left: 0; }
                #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh .second .cxdata-label.return {
                  left: 0; }
                #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.refresh .second .cxdata-label.phone {
                  left: 0; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned {
            display: flex;
            flex-direction: column;
            gap: 8px;
            min-width: 190px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned .first {
              margin-right: initial; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned .number {
              font-size: 62px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned .pages {
              font-size: 16px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned .return.second {
              right: 50%;
              transform: translateX(50%); }
              #cxdata-index.container .cxdata-chart-wrapper .cxdata-chart-text-wrapper .cxdata-chart-percent.center-aligned .return.second .cxdata-label {
                width: 190px; }
      #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .circle {
        width: 42px;
        height: 24px;
        border-radius: 16.5px; }
        #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .circle .toggle-switch {
          width: 19.5px;
          height: 19.5px; }
          #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .circle .toggle-switch.is-return {
            transform: translateX(9px); }
          #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .circle .toggle-switch .icon-toggle-arrow {
            width: 12px;
            height: 12px;
            background-size: 12px; }
      #cxdata-index.container .cxdata-chart-wrapper .toggle-container.sequence .text {
        font-size: 12px; }
      #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap {
        width: 100%;
        display: flex;
        align-items: center; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.conversion .cxdata-graph-all {
          top: 6px;
          right: 6px;
          gap: 4px;
          padding: 6px 8px 6px 6px;
          font-size: 12px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.conversion .cxdata-graph-all .icon-all {
            width: 12px;
            height: 12px;
            background-size: 12px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.mpti {
          margin-top: 230px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh {
          flex-direction: column; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .toggle-container {
            position: initial;
            transform: translateX(0%); }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .toggle-container .circle {
              width: 42px;
              height: 24px;
              border-radius: 16.5px; }
              #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .toggle-container .circle .toggle-switch {
                width: 19.5px;
                height: 19.5px; }
                #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .toggle-container .circle .toggle-switch.is-refresh {
                  transform: translateX(9px); }
                #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .toggle-container .circle .toggle-switch .icon-toggle-arrow {
                  width: 12px;
                  height: 12px;
                  background-size: 12px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .chart-header-wrapper .toggle-container .text {
              font-size: 12px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.rollback-refresh .refresh-graph {
            margin-top: -30px;
            height: 400px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.average-stay {
          height: 304px;
          margin-top: 20px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.average-stay.isChartTitle {
            margin-top: 20px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.average-stay .average-stay-chart-legend {
            width: 100%;
            top: initial;
            bottom: -65px;
            right: 50%;
            transform: translateX(50%);
            text-align: center;
            color: #444;
            font-size: 12px;
            font-weight: 400;
            line-height: 150%; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .newReturn-legend-container {
          bottom: 15px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .newReturn-legend-container .legend-industry {
            gap: 2.5px;
            font-size: 10px; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.new-return .newReturn-legend-container .legend-industry i {
              width: 10px;
              height: 10px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.sequence {
          flex-direction: column; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap.sequence .sequence-grid span {
            font-size: 10px; }
        #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph {
          width: 100%;
          margin: 0 auto;
          height: 304px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.mpti-graph {
            margin-top: 24px;
            height: 250px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.pie-graph {
            width: 100%;
            margin: 0 auto;
            height: 300px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.conversion-graph {
            margin: 0 auto;
            box-sizing: border-box;
            width: 335px;
            height: 297px;
            display: flex;
            align-items: center;
            justify-content: center; }
            #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.conversion-graph > div > canvas {
              height: 250px !important; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.average-stay-graph {
            margin-top: 20px; }
          #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.sequence-graph {
            height: 350px; } }

@media all and (max-width: 375px) {
  #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .slide-wrapper {
    height: 200px; }
    #cxdata-index.container .cxdata-pv-wrapper .cxdata-graph-wrap .slide-wrapper .graph-slider {
      width: 100%;
      transform: scale(0.4); }
  #cxdata-index.container .cxdata-chart-wrapper .cxdata-graph-wrap .cxdata-graph.conversion-graph {
    width: 335px; } }

#report.container {
  min-width: 1170px;
  font-family: 'Pretendard Variable', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC', sans-serif;
  overflow: hidden; }
  #report.container .report-top__wrap {
    position: relative;
    background-color: #070019; }
    #report.container .report-top__wrap .bg-visual {
      position: absolute;
      top: 0;
      left: calc(50% + 450px);
      transform: translateX(-50%);
      height: 100%; }
    #report.container .report-top__wrap .report-top {
      position: relative;
      max-width: 1172px;
      padding: 188px 0 82px;
      margin: auto;
      color: #fff; }
      #report.container .report-top__wrap .report-top__header {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 21px;
        color: #C4B5B5; }
        #report.container .report-top__wrap .report-top__header .header-title {
          font-size: 28px;
          font-weight: 600;
          line-height: 1; }
        #report.container .report-top__wrap .report-top__header .header-sub-title {
          font-size: 16px;
          font-weight: 500;
          line-height: 1.2; }
      #report.container .report-top__wrap .report-top__title {
        margin-bottom: 78px;
        font-size: 78px;
        font-weight: 500;
        line-height: 112%;
        letter-spacing: -1.17px; }
      #report.container .report-top__wrap .report-top__notice {
        width: 582px;
        margin-bottom: 35px; }
        #report.container .report-top__wrap .report-top__notice .report-img-big {
          position: absolute;
          bottom: -195px;
          right: -45px;
          z-index: 1; }
        #report.container .report-top__wrap .report-top__notice .report-img-small {
          display: none; }
        #report.container .report-top__wrap .report-top__notice .notice-wrap {
          display: flex;
          gap: 62px; }
          #report.container .report-top__wrap .report-top__notice .notice-wrap img {
            width: 62px;
            height: 62px; }
          #report.container .report-top__wrap .report-top__notice .notice-wrap .notice-text {
            position: relative;
            color: #95888E;
            font-size: 24px;
            font-weight: 600;
            line-height: 130%; }
            #report.container .report-top__wrap .report-top__notice .notice-wrap .notice-text::before {
              content: '';
              position: absolute;
              left: -24px;
              top: 0;
              width: 2px;
              height: 100%;
              background-color: #313131; }
      #report.container .report-top__wrap .report-top__list {
        display: flex;
        flex-direction: column;
        width: 582px; }
        #report.container .report-top__wrap .report-top__list__item {
          display: flex;
          align-items: center;
          padding: 19px 0; }
          #report.container .report-top__wrap .report-top__list__item:not(:last-child) {
            border-bottom: 2px solid #313131; }
          #report.container .report-top__wrap .report-top__list__item .item-title {
            width: 145px;
            color: #EC0047;
            font-size: 14px;
            font-weight: 600; }
          #report.container .report-top__wrap .report-top__list__item .item-desc {
            color: #888;
            font-size: 12px;
            font-weight: 400; }
          #report.container .report-top__wrap .report-top__list__item .item-value {
            flex: 1;
            color: #CCC;
            text-align: right;
            font-size: 26px;
            font-weight: 600; }
  #report.container .report-quote__wrap {
    position: relative; }
    #report.container .report-quote__wrap::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 273px;
      background: linear-gradient(0deg, #fff 0%, #e2e2e6 37.98%, #c3c1cc 63.46%, #8a8394 100%); }
    #report.container .report-quote__wrap .report-quote {
      position: relative;
      max-width: 1172px;
      padding: 164px 0 160px;
      margin: auto; }
      #report.container .report-quote__wrap .report-quote__content {
        display: flex;
        justify-content: space-between;
        margin-bottom: 100px; }
        #report.container .report-quote__wrap .report-quote__content .text-wrap__title {
          color: #222;
          font-size: 48px;
          font-weight: 600;
          line-height: 120%;
          margin-bottom: 28px; }
        #report.container .report-quote__wrap .report-quote__content .text-wrap__desc {
          color: #2F2F2F;
          font-size: 20px;
          font-weight: 500;
          line-height: 150%;
          margin-bottom: 13px; }
        #report.container .report-quote__wrap .report-quote__content .text-wrap__guide {
          position: relative;
          display: inline-block;
          color: #222;
          font-size: 30px;
          font-weight: 600;
          line-height: 150%;
          margin-top: 18px; }
          #report.container .report-quote__wrap .report-quote__content .text-wrap__guide .arrow-icon {
            position: absolute;
            right: -10px;
            top: 10px;
            transform: translateX(100%); }
        #report.container .report-quote__wrap .report-quote__content .bread-img {
          margin-top: 51px; }
      #report.container .report-quote__wrap .report-quote .quote-sub-text {
        margin-bottom: 32px;
        color: #2F2F2F;
        text-align: center;
        font-size: 30px;
        font-weight: 500;
        line-height: 150%; }
        #report.container .report-quote__wrap .report-quote .quote-sub-text .highlight {
          color: #EC0047; }
      #report.container .report-quote__wrap .report-quote .quote-text {
        color: #2F2F2F;
        text-align: center;
        font-size: 48px;
        font-weight: 600;
        line-height: 120%; }
  #report.container .section {
    position: relative;
    padding: 160px 0;
    text-align: center; }
    #report.container .section:before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 1170px;
      height: 2px;
      background-color: #D9D9D9; }
    #report.container .section:has(+ .banner) {
      padding-bottom: 104px; }
    #report.container .section__title {
      margin-bottom: 28px;
      color: #2F2F2F;
      font-size: 60px;
      font-weight: 600;
      line-height: 120%; }
    #report.container .section__sub-title {
      position: relative;
      display: inline-block;
      margin-bottom: 16px;
      color: #2F2F2F;
      font-size: 26px;
      font-weight: 600;
      line-height: 150%; }
      #report.container .section__sub-title .highlight {
        color: #EC0047;
        font-size: 44px; }
      #report.container .section__sub-title img {
        position: absolute;
        top: 50%;
        right: -16px;
        transform: translate(100%, -50%); }
    #report.container .section__desc {
      color: #444;
      font-size: 20px;
      font-weight: 500;
      line-height: 150%; }
  #report.container .report-data .section__title {
    margin-bottom: 16px;
    font-size: 80px;
    line-height: 100%; }
  #report.container .report-data .report-data__desc {
    margin-bottom: 40px;
    color: #2F2F2F;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%; }
  #report.container .report-data .section__desc {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 8px; }
  #report.container .report-data .section__series {
    margin-bottom: 52px;
    color: #444;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%; }
  #report.container .report-data .section__subtitle {
    margin-top: 24px;
    margin-bottom: 16px;
    color: #2F2F2F;
    font-size: 36px;
    font-weight: 600;
    line-height: 120%; }
  #report.container .report-data .section__description {
    margin-bottom: 72px;
    color: #444;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%; }
  #report.container .report-data .stats {
    display: flex;
    justify-content: center;
    gap: 48px; }
    #report.container .report-data .stats .stat {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 330px; }
      #report.container .report-data .stats .stat .stat-value {
        margin-bottom: 12px;
        font-size: 80px;
        font-weight: 600;
        line-height: 100%;
        color: #EC0047; }
      #report.container .report-data .stats .stat .stat-desc {
        margin-bottom: 28px;
        color: #2F2F2F;
        font-size: 20px;
        font-weight: 500;
        line-height: 150%; }
      #report.container .report-data .stats .stat .stat-insight {
        color: #2F2F2F;
        font-size: 26px;
        font-weight: 600;
        line-height: 100%; }
      #report.container .report-data .stats .stat:nth-child(2) .stat-value {
        color: #13A5BF; }
  #report.container .heatmaps {
    display: flex;
    justify-content: center;
    gap: 116px;
    margin-top: 40px; }
    #report.container .heatmaps .heatmap-card {
      display: flex;
      flex-direction: column; }
      #report.container .heatmaps .heatmap-card__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 23px;
        margin-bottom: 12px; }
        #report.container .heatmaps .heatmap-card__header .heatmap-title {
          font-size: 26px;
          font-weight: 600;
          line-height: 100%;
          color: #253CCD; }
      #report.container .heatmaps .heatmap-card__chart {
        max-width: 100%;
        margin: 0 auto; }
      #report.container .heatmaps .heatmap-card__desc {
        margin-top: 25px;
        color: #2F2F2F;
        font-size: 14px;
        font-weight: 400;
        line-height: 100%; }
      #report.container .heatmaps .heatmap-card:nth-child(2) .heatmap-title {
        color: #F46200; }
  #report.container .persona-cards {
    display: flex;
    flex-wrap: wrap;
    width: 1130px;
    margin: 124px auto 0;
    gap: 164px 154px; }
    #report.container .persona-cards .persona-card {
      flex: 0 0 calc(50% - 77px); }
      #report.container .persona-cards .persona-card__header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 60px; }
        #report.container .persona-cards .persona-card__header .text-wrap {
          text-align: left; }
          #report.container .persona-cards .persona-card__header .text-wrap__title {
            margin-bottom: 26px;
            color: #2F2F2F;
            font-size: 36px;
            font-weight: 600;
            line-height: 120%; }
          #report.container .persona-cards .persona-card__header .text-wrap__sub-title {
            margin-bottom: 8px;
            color: #444;
            font-size: 24px;
            font-weight: 600;
            line-height: 120%; }
          #report.container .persona-cards .persona-card__header .text-wrap__desc {
            color: #444;
            font-size: 18px;
            font-weight: 400;
            line-height: 150%; }
      #report.container .persona-cards .persona-card__chart {
        max-width: 100%; }
      #report.container .persona-cards .persona-card__desc {
        margin-top: 34px;
        color: #13A5BF;
        font-size: 18px;
        font-weight: 600;
        line-height: 100%;
        text-align: right; }
      #report.container .persona-cards .persona-card:nth-child(2) .persona-card__desc {
        color: #FF8400; }
      #report.container .persona-cards .persona-card:nth-child(3) .persona-card__desc {
        color: #679934; }
      #report.container .persona-cards .persona-card:nth-child(4) .persona-card__desc {
        color: #9665E3; }
  #report.container .radar-chart {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-top: 44px; }
    #report.container .radar-chart__labels {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 44px; }
      #report.container .radar-chart__labels .label-item {
        position: relative;
        padding-left: 27px;
        color: #EC0047;
        font-size: 22px;
        font-weight: 600;
        line-height: 120%; }
        #report.container .radar-chart__labels .label-item:before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          content: '';
          width: 19px;
          height: 19px;
          background-color: #EC0047;
          border-radius: 50%; }
        #report.container .radar-chart__labels .label-item:nth-child(2) {
          color: #FF8400; }
          #report.container .radar-chart__labels .label-item:nth-child(2):before {
            background-color: #FF8400; }
        #report.container .radar-chart__labels .label-item:nth-child(3) {
          color: #679934; }
          #report.container .radar-chart__labels .label-item:nth-child(3):before {
            background-color: #679934; }
  #report.container .step-cards {
    display: flex;
    justify-content: center;
    gap: 108px;
    margin-top: 94px; }
    #report.container .step-cards .step-card {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 26px;
      width: 300px; }
      #report.container .step-cards .step-card:not(:last-child):before {
        content: '';
        position: absolute;
        top: 0;
        right: -54px;
        width: 1px;
        height: 100%;
        background-color: #ccc; }
      #report.container .step-cards .step-card__title {
        margin-top: -1px;
        color: #2F2F2F;
        font-size: 36px;
        font-weight: 600;
        line-height: 120%; }
      #report.container .step-cards .step-card__sub-text {
        color: #666;
        font-size: 26px;
        font-weight: 500;
        line-height: 120%; }
      #report.container .step-cards .step-card__desc {
        color: #444;
        font-size: 22px;
        font-weight: 500;
        line-height: 150%;
        word-break: break-word; }
      #report.container .step-cards .step-card__example {
        color: #9665E3;
        font-size: 18px;
        font-weight: 600;
        line-height: 150%; }
      #report.container .step-cards .step-card:nth-child(2) .step-card__example {
        color: #13A5BF; }
      #report.container .step-cards .step-card:nth-child(3) .step-card__example {
        color: #FF60AC; }
  #report.container .traffic-chart {
    width: 1017px;
    height: 605px;
    margin: 0 auto; }
  #report.container .banner {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 68px;
    background-color: #f6e136;
    text-align: center; }
    #report.container .banner .contents .title {
      margin-bottom: 4px;
      color: #222;
      font-size: 44px;
      font-weight: 600;
      line-height: 150%; }
    #report.container .banner .contents .sub-title {
      position: relative;
      margin-bottom: 34px;
      color: #222;
      font-size: 30px;
      font-weight: 600;
      line-height: 150%; }
    #report.container .banner .contents .footer-btn {
      display: inline-block;
      padding: 18px 44px;
      border-radius: 27px;
      background-color: #ec0047;
      font-size: 20px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.9;
      letter-spacing: normal;
      text-align: center;
      color: #fff;
      margin-bottom: 34px;
      cursor: pointer; }
      #report.container .banner .contents .footer-btn:hover {
        filter: brightness(0.84); }
    #report.container .banner .contents .desc {
      margin-bottom: 24px;
      color: #2F2F2F;
      font-size: 24px;
      font-weight: 600;
      line-height: 150%; }
      #report.container .banner .contents .desc .highlight {
        color: #EC0047; }
    #report.container .banner .contents .contact {
      color: #2F2F2F;
      font-size: 18px;
      font-weight: 600;
      line-height: 150%; }
      #report.container .banner .contents .contact a {
        color: #1760EC; }
    #report.container .banner .contents > img {
      margin-top: 36px;
      position: relative;
      bottom: -9px;
      left: -17px;
      width: 524px; }

@media (max-width: 768px) {
  #report.container {
    min-width: 100%; }
    #report.container .report-top__wrap .bg-visual {
      display: none; }
    #report.container .report-top__wrap .report-top {
      padding: 33px 20px 41px; }
      #report.container .report-top__wrap .report-top__header {
        gap: 4px;
        margin-bottom: 28px; }
        #report.container .report-top__wrap .report-top__header .header-title {
          font-size: 15px; }
        #report.container .report-top__wrap .report-top__header .header-sub-title {
          font-size: 12px;
          font-weight: 400; }
      #report.container .report-top__wrap .report-top__title {
        margin-bottom: 32px;
        font-size: 36px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 1; }
      #report.container .report-top__wrap .report-top__notice {
        display: flex;
        gap: 20px;
        width: 100%;
        margin-bottom: 35px; }
        #report.container .report-top__wrap .report-top__notice .report-img-big {
          display: none; }
        #report.container .report-top__wrap .report-top__notice .report-img-small {
          display: block;
          width: 115px;
          height: 160px; }
        #report.container .report-top__wrap .report-top__notice .notice-wrap {
          flex-direction: column-reverse;
          justify-content: flex-end;
          margin-top: 24px;
          gap: 22px; }
          #report.container .report-top__wrap .report-top__notice .notice-wrap img {
            width: 44px;
            height: 44px; }
          #report.container .report-top__wrap .report-top__notice .notice-wrap .notice-text {
            font-size: 15px;
            line-height: 1.5; }
            #report.container .report-top__wrap .report-top__notice .notice-wrap .notice-text::before {
              display: none; }
      #report.container .report-top__wrap .report-top__list {
        position: relative;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 16px;
        width: 100%; }
        #report.container .report-top__wrap .report-top__list::after {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          height: 1px;
          background-color: #313131; }
        #report.container .report-top__wrap .report-top__list__item {
          flex: 0 0 calc(50% - 8px);
          flex-direction: column;
          align-items: flex-start;
          gap: 4px;
          max-width: 50%;
          padding: 16px 0; }
          #report.container .report-top__wrap .report-top__list__item:not(:last-child) {
            border-bottom: none; }
          #report.container .report-top__wrap .report-top__list__item .item-title {
            width: auto;
            margin-bottom: 4px; }
          #report.container .report-top__wrap .report-top__list__item .item-value {
            flex: 1;
            text-align: right;
            font-size: 20px; }
    #report.container .report-quote__wrap::before {
      display: none; }
    #report.container .report-quote__wrap .report-quote {
      max-width: 100%;
      padding: 48px 20px 88px;
      text-align: center; }
      #report.container .report-quote__wrap .report-quote__content {
        justify-content: center;
        margin-bottom: 36px; }
        #report.container .report-quote__wrap .report-quote__content .text-wrap__title {
          font-size: 22px;
          margin-bottom: 16px; }
        #report.container .report-quote__wrap .report-quote__content .text-wrap__desc {
          font-size: 14px;
          font-weight: 400;
          margin-bottom: 16px; }
        #report.container .report-quote__wrap .report-quote__content .text-wrap__guide {
          color: #444;
          font-size: 16px;
          line-height: 120%;
          margin-top: 0; }
          #report.container .report-quote__wrap .report-quote__content .text-wrap__guide .arrow-icon {
            display: none; }
        #report.container .report-quote__wrap .report-quote__content .bread-img {
          display: none; }
      #report.container .report-quote__wrap .report-quote .quote-sub-text {
        margin-bottom: 12px;
        font-size: 14px;
        font-weight: 400; }
      #report.container .report-quote__wrap .report-quote .quote-text {
        color: #222;
        font-size: 22px;
        font-weight: 700; }
    #report.container .section {
      padding: 80px 20px; }
      #report.container .section:has(+ .banner) {
        padding-bottom: 45px; }
      #report.container .section:before {
        width: calc(100% - 40px);
        height: 1px; }
      #report.container .section__title {
        margin-bottom: 12px;
        color: #222;
        font-size: 30px; }
      #report.container .section__sub-title {
        margin-bottom: 4px;
        color: #444;
        font-size: 16px; }
        #report.container .section__sub-title .highlight {
          font-size: 16px; }
        #report.container .section__sub-title img {
          display: none; }
      #report.container .section__desc {
        font-size: 12px;
        font-weight: 400;
        margin: auto; }
      #report.container .section.section2 .section__desc {
        max-width: 260px; }
      #report.container .section.section5 .section__desc {
        max-width: 260px; }
      #report.container .section.section6 .section__desc {
        max-width: 200px; }
      #report.container .section.section7 .step-card__desc {
        max-width: 280px; }
      #report.container .section.section7 .step-card:last-child__desc {
        max-width: 320px; }
    #report.container .report-data .section__title {
      margin-bottom: 12px;
      font-size: 30px;
      line-height: 120%; }
    #report.container .report-data .report-data__desc {
      margin-bottom: 16px;
      color: #444;
      font-size: 18px;
      line-height: 150%; }
    #report.container .report-data .section__desc {
      max-width: 260px;
      margin: auto;
      font-size: 16px;
      margin-bottom: 4px; }
    #report.container .report-data .section__series {
      margin-bottom: 16px;
      font-size: 12px;
      font-weight: 400;
      line-height: 150%; }
    #report.container .report-data .report-data-img {
      width: 162px;
      height: 64px; }
    #report.container .report-data .section__subtitle {
      margin-top: 16px;
      margin-bottom: 16px;
      color: #444;
      font-size: 16px; }
    #report.container .report-data .section__description {
      margin-bottom: 16px;
      color: #2F2F2F;
      font-size: 14px;
      font-weight: 400; }
    #report.container .report-data .stats {
      gap: 24px; }
      #report.container .report-data .stats .stat {
        width: auto; }
        #report.container .report-data .stats .stat .stat-value {
          margin-bottom: 8px;
          font-size: 48px; }
        #report.container .report-data .stats .stat .stat-desc {
          margin-bottom: 8px;
          font-size: 12px;
          font-weight: 400;
          line-height: 120%; }
        #report.container .report-data .stats .stat .stat-insight {
          color: #444;
          font-size: 16px;
          line-height: 120%;
          max-width: 100px; }
    #report.container .heatmaps {
      flex-direction: column;
      gap: 32px;
      margin-top: 12px; }
      #report.container .heatmaps .heatmap-card__header {
        flex-direction: column-reverse;
        gap: 8px;
        margin-left: 0px; }
        #report.container .heatmaps .heatmap-card__header .heatmap-title {
          font-size: 18px;
          line-height: 120%; }
        #report.container .heatmaps .heatmap-card__header .heatmap-icon {
          width: 48px;
          height: 48px; }
      #report.container .heatmaps .heatmap-card__desc {
        margin-top: 12px;
        font-size: 12px; }
    #report.container .persona-cards {
      flex-wrap: nowrap;
      flex-direction: column;
      width: auto;
      margin-top: 32px;
      gap: 68px; }
      #report.container .persona-cards .persona-card__header {
        flex-direction: column-reverse;
        align-items: center;
        gap: 8px;
        margin-bottom: 24px; }
        #report.container .persona-cards .persona-card__header .text-wrap {
          text-align: center; }
          #report.container .persona-cards .persona-card__header .text-wrap__title {
            margin-bottom: 16px;
            font-size: 22px; }
          #report.container .persona-cards .persona-card__header .text-wrap__sub-title {
            color: #2F2F2F;
            font-size: 16px; }
          #report.container .persona-cards .persona-card__header .text-wrap__desc {
            color: #2F2F2F;
            font-size: 12px;
            line-height: 120%; }
        #report.container .persona-cards .persona-card__header .persona-icon {
          width: 36px;
          height: 36px; }
      #report.container .persona-cards .persona-card__desc {
        margin-top: 23px;
        font-size: 12px;
        text-align: center; }
    #report.container .radar-chart {
      gap: 16px;
      margin-top: 32px; }
      #report.container .radar-chart__img {
        max-width: 100%; }
      #report.container .radar-chart__labels {
        gap: 17px; }
        #report.container .radar-chart__labels .label-item {
          padding-left: 12px;
          font-size: 12px;
          line-height: 100%; }
          #report.container .radar-chart__labels .label-item:before {
            width: 8px;
            height: 8px; }
    #report.container .step-cards {
      flex-direction: column;
      align-items: center;
      gap: 68px;
      margin-top: 52px; }
      #report.container .step-cards .step-card {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        width: auto; }
        #report.container .step-cards .step-card:not(:last-child):before {
          display: none; }
        #report.container .step-cards .step-card__icon {
          width: 36px;
          height: 36px; }
        #report.container .step-cards .step-card__title {
          margin-bottom: 8px;
          font-size: 22px; }
        #report.container .step-cards .step-card__sub-text {
          font-size: 18px;
          font-weight: 600; }
        #report.container .step-cards .step-card__desc {
          font-size: 16px; }
        #report.container .step-cards .step-card__example {
          margin-top: 16px;
          font-size: 16px;
          line-height: 120%; }
    #report.container .traffic-chart {
      width: 100%;
      height: 200px;
      margin: auto 0; }
    #report.container .banner {
      padding-top: 40px; }
      #report.container .banner .contents .title {
        margin-bottom: 9px;
        font-size: 18px;
        line-height: 120%; }
      #report.container .banner .contents .sub-title {
        font-size: 16px; }
      #report.container .banner .contents .desc {
        margin-bottom: 16px;
        color: #222;
        font-size: 14px;
        font-weight: 500; }
      #report.container .banner .contents .contact {
        color: #222;
        font-size: 12px;
        font-weight: 500; }
      #report.container .banner .contents > img {
        width: 262px;
        height: 114px;
        margin-top: 24px; } }

body:has(#report) #header-mobile.cx-header {
  background-color: #070019; }

body:has(#report) #header.cx-header.container {
  position: absolute;
  background-color: transparent; }
  body:has(#report) #header.cx-header.container .navigation > div > a {
    color: #fff; }
    body:has(#report) #header.cx-header.container .navigation > div > a.selected {
      color: #ec0047; }
  body:has(#report) #header.cx-header.container .navigation > div:hover > a {
    color: rgba(255, 255, 255, 0.75); }
    body:has(#report) #header.cx-header.container .navigation > div:hover > a.selected {
      color: #ec0047; }
  body:has(#report) #header.cx-header.container .buttons .button.start {
    background-color: #fff;
    color: #222; }
    body:has(#report) #header.cx-header.container .buttons .button.start:hover {
      background-color: rgba(255, 255, 255, 0.84); }
  body:has(#report) #header.cx-header.container .buttons .button.signin {
    border-color: #fff;
    color: #fff; }
    body:has(#report) #header.cx-header.container .buttons .button.signin:hover {
      background-color: #fff;
      color: #222; }

body:has(#report) #footer.container .box1 {
  display: none; }

.cx-insight-container {
  min-width: 1170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 260px;
  font-family: "Pretendard Variable";
  box-sizing: border-box;
  margin: 0 auto;
  position: relative; }
  .cx-insight-container .aiday__navigation.mobile {
    display: none; }
  .cx-insight-container .aiday__navigation.pc {
    position: fixed; }
    .cx-insight-container .aiday__navigation.pc .navigation-button {
      position: fixed;
      top: 46%;
      opacity: 0.62;
      cursor: pointer; }
      .cx-insight-container .aiday__navigation.pc .navigation-button i {
        display: inline-block;
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
        background-size: 60px; }
      .cx-insight-container .aiday__navigation.pc .navigation-button.left {
        left: 0;
        rotate: -180deg; }
        .cx-insight-container .aiday__navigation.pc .navigation-button.left .icon-right-arrow {
          background-image: url("../../images/icon-right-arrow-black.svg"); }
      .cx-insight-container .aiday__navigation.pc .navigation-button.right {
        right: 0; }
        .cx-insight-container .aiday__navigation.pc .navigation-button.right .icon-right-arrow {
          background-image: url("../../images/icon-right-arrow-black.svg"); }
      .cx-insight-container .aiday__navigation.pc .navigation-button:hover {
        opacity: 1; }
      .cx-insight-container .aiday__navigation.pc .navigation-button.disable {
        opacity: 0.25;
        cursor: default; }
  .cx-insight-container .container {
    min-width: 1170px;
    display: flex;
    flex-direction: column;
    gap: 68px; }
    .cx-insight-container .container .title-wrapper {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .cx-insight-container .container .title-wrapper .title {
        color: #EC0047;
        font-size: 48px;
        font-weight: 700;
        line-height: 150%;
        /* 72px */
        letter-spacing: -0.96px; }
      .cx-insight-container .container .title-wrapper .desc {
        color: #444;
        font-size: 28px;
        font-weight: 700;
        line-height: 150%;
        /* 42px */
        letter-spacing: -0.56px; }
  .cx-insight-container .cx-insight-main-container {
    display: flex;
    flex-direction: column;
    gap: 36px;
    position: relative; }
    .cx-insight-container .cx-insight-main-container .main-bg {
      position: absolute;
      top: 50px;
      left: 600px;
      width: 1135px;
      height: 1063px;
      background-image: url("https://dream-cdn.beusable.net/home/thday/202504/cx-insight-bg-1.png");
      background-repeat: no-repeat;
      background-size: 1135px 1063px;
      z-index: -1; }
    .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper {
      min-width: 1170px;
      margin-top: 148px;
      display: flex;
      flex-direction: column;
      gap: 28px; }
      .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
        color: #222; }
        .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .mobile-presentation, .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .mobile-title-wrapper {
          display: none; }
        .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .title {
          font-size: 114px;
          font-weight: 800;
          line-height: 85%;
          display: flex;
          align-items: center;
          gap: 50px; }
          .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .title .ai {
            font-weight: 700; }
          .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .title .presentation {
            color: #EC0047;
            font-size: 26px;
            font-weight: 700;
            line-height: 85%;
            /* 22.1px */
            letter-spacing: -0.52px; }
        .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .main-title {
          font-size: 125px;
          line-height: 85%;
          font-weight: 700; }
      .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .sub-title {
        color: #13A5BF;
        font-size: 48px;
        font-weight: 700;
        line-height: 130%;
        /* 62.4px */
        letter-spacing: -1.44px; }
    .cx-insight-container .cx-insight-main-container .cx-insight-link-wrapper {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 22px; }
      .cx-insight-container .cx-insight-main-container .cx-insight-link-wrapper .link {
        width: 148px;
        height: 148px;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        line-height: 120%;
        /* 28.8px */
        letter-spacing: -0.48px;
        background-color: #ec0047;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        .cx-insight-container .cx-insight-main-container .cx-insight-link-wrapper .link a {
          color: #fff; }
        .cx-insight-container .cx-insight-main-container .cx-insight-link-wrapper .link.link2 {
          background-color: #13A5BF; }
        .cx-insight-container .cx-insight-main-container .cx-insight-link-wrapper .link.disabled {
          pointer-events: none;
          background-color: rgba(0, 0, 0, 0.16); }
    .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper {
      display: flex;
      flex-direction: column;
      gap: 28px; }
      .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper .info {
        display: flex;
        align-items: center;
        gap: 12px;
        color: #222;
        font-family: "Pretendard Variable";
        font-weight: 700; }
        .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper .info .label {
          width: 68px;
          font-size: 22px;
          letter-spacing: -0.44px; }
        .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper .info .content {
          font-size: 32px;
          letter-spacing: -0.96px; }
          .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper .info .content .content-small {
            font-size: 22px;
            font-weight: 700;
            letter-spacing: -0.66px; }
  .cx-insight-container .ai-feature.container {
    margin-top: -40px;
    position: relative; }
    .cx-insight-container .ai-feature.container .feature-bg {
      width: 1135px;
      height: 1063px;
      position: absolute;
      top: -55%;
      left: -97%;
      background-image: url("https://dream-cdn.beusable.net/home/thday/202504/cx-insight-bg-2.png");
      background-repeat: no-repeat;
      background-size: 1135px 1063px;
      z-index: -1; }
    .cx-insight-container .ai-feature.container .ai-feature-content-wrapper {
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap; }
      .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box {
        max-width: 575px;
        display: flex;
        flex-direction: column;
        gap: 34px;
        padding: 52px 40px;
        border-radius: 24px;
        color: #fff;
        box-sizing: border-box; }
        .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .ai-feature-title-wrapper {
          display: flex;
          align-items: flex-end;
          justify-content: space-between; }
          .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .ai-feature-title-wrapper .title {
            font-size: 67px;
            font-weight: 800;
            line-height: 100%;
            /* 67px */
            letter-spacing: -1.34px; }
          .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .ai-feature-title-wrapper .sub {
            text-align: right;
            font-size: 22px;
            font-weight: 700;
            line-height: 150%;
            /* 33px */
            letter-spacing: -0.44px; }
        .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .line {
          width: 52px;
          height: 4px;
          background-color: rgba(255, 255, 255, 0.5);
          border-radius: 50px; }
        .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .desc {
          color: rgba(255, 255, 255, 0.7);
          font-size: 18px;
          font-weight: 500;
          line-height: 150%;
          /* 27px */
          letter-spacing: -0.36px;
          margin-bottom: 4px;
          word-break: keep-all; }
          .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .desc.semi-strong {
            color: rgba(255, 255, 255, 0.9); }
        .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul {
          display: flex;
          flex-direction: column;
          gap: 10px; }
          .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #FFF;
            font-size: 22px;
            font-weight: 600;
            line-height: 170%;
            /* 37.4px */
            letter-spacing: -0.44px; }
            .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li .icon-wrap {
              display: flex;
              align-items: center;
              width: 26px;
              height: 26px; }
              .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li .icon-wrap i {
                display: inline-block;
                width: 26px;
                height: 20px;
                background-repeat: no-repeat; }
                .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li .icon-wrap i.icon-red-check {
                  background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-red-check.svg");
                  background-size: 26px; }
                .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li .icon-wrap i.icon-black-check {
                  background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-black-check.svg");
                  background-size: 26px; }
        .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box.cx-wrapper {
          background-color: #222; }
        .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box.login-wrapper {
          background-color: #13A5BF; }
  .cx-insight-container .schedule.container .schedule-content-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .cx-insight-container .schedule.container .schedule-content-wrapper .schedule {
      display: flex;
      align-items: center;
      gap: 30px;
      padding: 28px 0;
      border-bottom: 2px solid #d7d7d7; }
      .cx-insight-container .schedule.container .schedule-content-wrapper .schedule:last-child {
        border-bottom: none; }
      .cx-insight-container .schedule.container .schedule-content-wrapper .schedule .left {
        display: flex;
        align-items: center;
        gap: 32px;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: -0.44px; }
        .cx-insight-container .schedule.container .schedule-content-wrapper .schedule .left .time {
          color: #222; }
        .cx-insight-container .schedule.container .schedule-content-wrapper .schedule .left .session {
          color: #ec0047;
          min-width: 240px; }
      .cx-insight-container .schedule.container .schedule-content-wrapper .schedule .right .session-title {
        color: #222;
        font-size: 32px;
        font-weight: 700;
        letter-spacing: -0.64px; }
  .cx-insight-container .benefit.container {
    position: relative; }
    .cx-insight-container .benefit.container .benefit-bg {
      width: 1135px;
      height: 1063px;
      position: absolute;
      top: -9%;
      left: -64%;
      background-image: url("https://dream-cdn.beusable.net/home/thday/202504/cx-insight-bg-1.png");
      background-repeat: no-repeat;
      background-size: 1135px 1063px;
      z-index: -1; }
    .cx-insight-container .benefit.container .benefit-content-container {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap; }
      .cx-insight-container .benefit.container .benefit-content-container .content-wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 440px;
        padding: 32px;
        box-sizing: border-box;
        gap: 48px;
        border-radius: 20px;
        background: #13A5BF; }
        .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .icon-wrap {
          display: inline-block;
          width: 76px;
          height: 76px; }
          .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .icon-wrap i {
            display: inline-block;
            width: 76px;
            height: 76px; }
            .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .icon-wrap i.icon-benefit-1 {
              background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-benefit_1.svg"); }
            .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .icon-wrap i.icon-benefit-2 {
              background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-benefit_2.svg"); }
            .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .icon-wrap i.icon-benefit-3 {
              background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-benefit_3.svg"); }
        .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .content {
          display: flex;
          flex-direction: column;
          gap: 21px;
          color: #FFF;
          font-size: 28px;
          font-weight: 600;
          line-height: 120%;
          /* 33.6px */
          letter-spacing: -0.56px; }
          .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .content .line {
            width: 22px;
            height: 4px;
            border-radius: 50px;
            background-color: #fff; }
          .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .content .desc {
            font-size: 22px;
            line-height: 130%;
            /* 28.6px */
            letter-spacing: -0.44px; }
  .cx-insight-container .propose.container .propose-content-container {
    width: 100%;
    display: flex;
    padding: 80px 60px 84px 60px;
    gap: 40px;
    border-radius: 20px;
    background-color: #222;
    box-sizing: border-box; }
    .cx-insight-container .propose.container .propose-content-container .icon-dashed {
      display: inline-block;
      width: 3px;
      height: 295px;
      background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-dashed.svg"); }
    .cx-insight-container .propose.container .propose-content-container .content-wrapper {
      flex: 1;
      width: 100%;
      display: flex; }
      .cx-insight-container .propose.container .propose-content-container .content-wrapper .content {
        display: flex;
        flex-direction: column;
        gap: 48px;
        color: #FFF; }
        .cx-insight-container .propose.container .propose-content-container .content-wrapper .content .title {
          font-size: 32px;
          font-weight: 700;
          line-height: 120%;
          /* 38.4px */
          letter-spacing: -0.64px; }
        .cx-insight-container .propose.container .propose-content-container .content-wrapper .content ul {
          display: flex;
          flex-direction: column;
          gap: 20px; }
          .cx-insight-container .propose.container .propose-content-container .content-wrapper .content ul .text {
            font-size: 18px;
            font-weight: 600;
            line-height: 130%;
            /* 23.4px */
            letter-spacing: -0.36px;
            display: flex;
            align-items: flex-start;
            gap: 4px; }
            .cx-insight-container .propose.container .propose-content-container .content-wrapper .content ul .text .icon-wrap {
              display: inline-block;
              width: 14px;
              height: 14px; }
              .cx-insight-container .propose.container .propose-content-container .content-wrapper .content ul .text .icon-wrap .icon-right-arrow {
                display: inline-block;
                width: 14px;
                height: 14px;
                background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-cx-insight-arrow.svg");
                background-size: 14px;
                background-repeat: no-repeat; }
  .cx-insight-container .question.container {
    max-width: 1170px; }
    .cx-insight-container .question.container .question-content-container {
      display: flex;
      flex-direction: column; }
      .cx-insight-container .question.container .question-content-container .content {
        display: flex;
        flex-direction: column;
        gap: 32px;
        border-bottom: 1px solid #d7d7d7;
        padding: 60px 0; }
        .cx-insight-container .question.container .question-content-container .content:first-child {
          padding-top: 0; }
        .cx-insight-container .question.container .question-content-container .content:last-child {
          padding-bottom: 0;
          border-bottom: none; }
        .cx-insight-container .question.container .question-content-container .content .title {
          color: #13A5BF;
          font-size: 48px;
          font-weight: 700;
          line-height: 130%;
          /* 62.4px */
          letter-spacing: -0.96px; }
        .cx-insight-container .question.container .question-content-container .content .desc {
          color: #222;
          font-size: 32px;
          font-weight: 500;
          line-height: 130%;
          /* 41.6px */
          letter-spacing: -0.64px; }
  .cx-insight-container .footer-container {
    width: 100%;
    height: 826px;
    background-color: #1f1f1f;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    margin-top: 16px;
    overflow: hidden;
    position: relative; }
    .cx-insight-container .footer-container .footer-title-wrapper {
      margin-top: 141px;
      display: flex;
      flex-direction: column;
      gap: 22px;
      position: relative;
      z-index: 2; }
      .cx-insight-container .footer-container .footer-title-wrapper .title {
        color: #FFF;
        text-align: center;
        font-size: 67px;
        font-weight: 600;
        letter-spacing: -1.34px; }
      .cx-insight-container .footer-container .footer-title-wrapper .desc {
        color: #EC0047;
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        line-height: 150%;
        /* 42px */
        letter-spacing: -0.56px; }
    .cx-insight-container .footer-container .link-container {
      display: flex;
      flex-direction: column;
      gap: 37px;
      position: relative;
      z-index: 2; }
      .cx-insight-container .footer-container .link-container .link-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 22px; }
        .cx-insight-container .footer-container .link-container .link-wrapper .link {
          width: 253px;
          height: 85px;
          background-color: #ec0047;
          border-radius: 100px;
          padding: 28px 40px;
          box-sizing: border-box;
          color: #FFF;
          text-align: center;
          font-size: 24px;
          font-weight: 800;
          line-height: 120%;
          /* 28.8px */
          letter-spacing: -0.48px; }
          .cx-insight-container .footer-container .link-container .link-wrapper .link.disabled {
            pointer-events: none;
            background-color: #D7D7D7; }
        .cx-insight-container .footer-container .link-container .link-wrapper .conditions {
          color: #FFF;
          text-align: center;
          font-size: 22px;
          font-weight: 600;
          line-height: 130%;
          /* 28.6px */
          letter-spacing: -0.44px; }
      .cx-insight-container .footer-container .link-container .contactus-wrapper {
        width: 431px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px; }
        .cx-insight-container .footer-container .link-container .contactus-wrapper .contact {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 12px;
          color: #FFF;
          font-size: 18px;
          font-weight: 500;
          line-height: 130%;
          /* 23.4px */ }
        .cx-insight-container .footer-container .link-container .contactus-wrapper .icon-wrap {
          display: inline-block;
          width: 24px;
          height: 24px; }
          .cx-insight-container .footer-container .link-container .contactus-wrapper .icon-wrap i {
            display: inline-block;
            width: 24px;
            height: 24px;
            background-repeat: no-repeat; }
        .cx-insight-container .footer-container .link-container .contactus-wrapper .email {
          text-decoration-line: underline; }
          .cx-insight-container .footer-container .link-container .contactus-wrapper .email .icon-email {
            background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-email.svg"); }
        .cx-insight-container .footer-container .link-container .contactus-wrapper .contactus {
          text-align: left;
          margin-left: -20px; }
          .cx-insight-container .footer-container .link-container .contactus-wrapper .contactus .icon-call {
            background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-call.svg"); }
    .cx-insight-container .footer-container .logo-wrapper {
      margin-top: 74px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 23px;
      position: relative;
      z-index: 2; }
      .cx-insight-container .footer-container .logo-wrapper .logo {
        width: 260px;
        height: 45px; }
      .cx-insight-container .footer-container .logo-wrapper .copyright {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        line-height: 130%;
        /* 20.8px */ }
    .cx-insight-container .footer-container .footer-bg-1 {
      width: 1194px;
      height: 826px;
      background-image: url("https://dream-cdn.beusable.net/home/thday/202504/cx-insight-bg-black.png");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: 56%;
      opacity: 0.2;
      z-index: 1; }
    .cx-insight-container .footer-container .footer-bg-2 {
      width: 1194px;
      height: 1055px;
      background-image: url("https://dream-cdn.beusable.net/home/thday/202504/cx-insight-bg-black-2.png");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 0%;
      left: 2%;
      opacity: 0.2;
      z-index: 1; }

@media all and (max-width: 768px) {
  .cx-insight-container {
    min-width: 335px;
    gap: 100px; }
    .cx-insight-container .aiday__navigation.pc {
      display: none; }
    .cx-insight-container .aiday__navigation.mobile {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 5px; }
      .cx-insight-container .aiday__navigation.mobile .navigation-button {
        display: flex;
        align-items: center;
        padding: 10px;
        border-radius: 100%;
        background-color: #FFF;
        filter: drop-shadow(0px 9px 9.5px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.16));
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer; }
        .cx-insight-container .aiday__navigation.mobile .navigation-button.right {
          rotate: 180deg;
          filter: drop-shadow(0px -9px 9.5px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.16)); }
        .cx-insight-container .aiday__navigation.mobile .navigation-button.disable {
          opacity: 0.3;
          cursor: default; }
    .cx-insight-container .container {
      width: 100%;
      box-sizing: border-box;
      padding: 0 20px;
      min-width: 335px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 24px; }
      .cx-insight-container .container .title-wrapper {
        align-items: center; }
        .cx-insight-container .container .title-wrapper .title {
          font-size: 20px;
          letter-spacing: -0.4px; }
        .cx-insight-container .container .title-wrapper .desc {
          text-align: center;
          font-size: 14px;
          letter-spacing: -0.28px; }
    .cx-insight-container .cx-insight-main-container {
      align-items: center;
      gap: 24px;
      margin-top: 60px; }
      .cx-insight-container .cx-insight-main-container .main-bg {
        display: none; }
      .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper {
        min-width: 335px;
        margin-top: 32px;
        gap: 16px; }
        .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper {
          align-items: center;
          gap: 12px; }
          .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .title, .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .main-title {
            display: none; }
          .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .mobile-presentation {
            display: block;
            color: #EC0047;
            text-align: center;
            font-size: 16px;
            font-weight: 700;
            line-height: 85%;
            /* 13.6px */
            letter-spacing: -0.32px; }
          .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .mobile-title-wrapper {
            display: block; }
            .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .cx-insight-title-wrapper .mobile-title-wrapper .mobile-title {
              color: #222;
              text-align: center;
              font-size: 44px;
              font-weight: 700;
              line-height: 100%;
              /* 43.826px */ }
        .cx-insight-container .cx-insight-main-container .cx-insight-main-wrapper .sub-title {
          text-align: center;
          color: #13A5BF;
          font-size: 20px;
          font-weight: 700;
          line-height: 130%;
          /* 26px */
          letter-spacing: -0.6px; }
      .cx-insight-container .cx-insight-main-container .cx-insight-link-wrapper {
        display: flex;
        align-items: center;
        gap: 8px; }
        .cx-insight-container .cx-insight-main-container .cx-insight-link-wrapper .link {
          width: 100px;
          height: 100px;
          font-size: 16px;
          font-weight: 600;
          line-height: 120%;
          /* 28.8px */
          letter-spacing: -0.32px; }
          .cx-insight-container .cx-insight-main-container .cx-insight-link-wrapper .link.disabled {
            pointer-events: none;
            background-color: rgba(0, 0, 0, 0.16); }
      .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper {
        gap: 12px; }
        .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper .info {
          color: #222; }
          .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper .info .label {
            width: 44px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: -0.24px; }
          .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper .info .content {
            font-size: 14px;
            letter-spacing: -0.42px; }
            .cx-insight-container .cx-insight-main-container .cx-insight-info-wrapper .info .content .content-small {
              font-size: 14px;
              font-weight: 700;
              letter-spacing: -0.42px; }
    .cx-insight-container .ai-feature.container {
      margin-top: 0px; }
      .cx-insight-container .ai-feature.container .feature-bg {
        display: none; }
      .cx-insight-container .ai-feature.container .ai-feature-content-wrapper {
        gap: 16px;
        justify-content: center; }
        .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box {
          max-width: 575px;
          gap: 8px;
          padding: 20px;
          border-radius: 16px;
          align-items: center; }
          .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .ai-feature-title-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            justify-content: initial; }
            .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .ai-feature-title-wrapper .title {
              font-size: 28px;
              font-weight: 700;
              line-height: 150%;
              letter-spacing: -0.56px; }
            .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .ai-feature-title-wrapper .sub {
              text-align: center;
              font-size: 14px;
              letter-spacing: -0.28px; }
          .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .line {
            margin: 16px 0;
            width: 27px;
            height: 2px; }
          .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .desc {
            font-size: 14px;
            font-weight: 700;
            line-height: 150%;
            /* 27px */
            letter-spacing: -0.28px;
            margin-bottom: 0px;
            text-align: center; }
          .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul {
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 20px 16px 20px 0px; }
            .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li {
              font-size: 16px;
              letter-spacing: -0.32px; }
              .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li .icon-wrap {
                width: 16px;
                height: 16px; }
                .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li .icon-wrap i {
                  width: 16px;
                  height: 10px; }
                  .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li .icon-wrap i.icon-red-check {
                    background-size: 16px; }
                  .cx-insight-container .ai-feature.container .ai-feature-content-wrapper .box .content ul li .icon-wrap i.icon-black-check {
                    background-size: 16px; }
    .cx-insight-container .schedule.container .schedule-content-wrapper {
      display: flex;
      flex-direction: column; }
      .cx-insight-container .schedule.container .schedule-content-wrapper .schedule {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px 0;
        border-bottom: 1px solid #d7d7d7; }
        .cx-insight-container .schedule.container .schedule-content-wrapper .schedule .left {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 12px;
          font-size: 12px;
          font-weight: 700;
          letter-spacing: -0.24px; }
          .cx-insight-container .schedule.container .schedule-content-wrapper .schedule .left .time {
            color: #222; }
          .cx-insight-container .schedule.container .schedule-content-wrapper .schedule .left .session {
            color: #ec0047;
            min-width: 240px; }
        .cx-insight-container .schedule.container .schedule-content-wrapper .schedule .right .session-title {
          font-size: 16px;
          font-weight: 700;
          letter-spacing: -0.32px; }
    .cx-insight-container .benefit.container .benefit-bg {
      display: none; }
    .cx-insight-container .benefit.container .benefit-content-container {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      align-items: center;
      gap: 8px; }
      .cx-insight-container .benefit.container .benefit-content-container .content-wrapper {
        width: 100%;
        height: 145px;
        flex-direction: row;
        padding: 16px;
        gap: 16px;
        border-radius: 12px; }
        .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .icon-wrap {
          display: inline-block;
          width: 56px;
          height: 56px; }
          .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .icon-wrap i {
            display: inline-block;
            width: 56px;
            height: 56px;
            background-size: 56px; }
        .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .content {
          margin-top: 8px;
          gap: 12px;
          font-size: 16px;
          letter-spacing: -0.32px; }
          .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .content .line {
            width: 20px;
            height: 2px;
            margin-left: 6px; }
          .cx-insight-container .benefit.container .benefit-content-container .content-wrapper .content .desc {
            font-size: 14px;
            letter-spacing: -0.28px; }
    .cx-insight-container .propose.container .propose-content-container {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 28px 20px;
      gap: 28px;
      border-radius: 12px; }
      .cx-insight-container .propose.container .propose-content-container .icon-dashed {
        width: 100%;
        height: 2px;
        background-image: url("https://dream-cdn.beusable.net/home/thday/202504/icon-dashed-mobile.svg");
        background-repeat: repeat;
        background-position: center; }
      .cx-insight-container .propose.container .propose-content-container .content-wrapper {
        width: 100%; }
        .cx-insight-container .propose.container .propose-content-container .content-wrapper .content {
          gap: 24px; }
          .cx-insight-container .propose.container .propose-content-container .content-wrapper .content .title {
            font-size: 18px;
            letter-spacing: -0.36px; }
          .cx-insight-container .propose.container .propose-content-container .content-wrapper .content ul {
            gap: 12px; }
            .cx-insight-container .propose.container .propose-content-container .content-wrapper .content ul .text {
              font-size: 14px;
              letter-spacing: -0.28px; }
              .cx-insight-container .propose.container .propose-content-container .content-wrapper .content ul .text .icon-wrap {
                margin-top: 2px;
                transform: rotate(0);
                width: 14px;
                height: 14px; }
                .cx-insight-container .propose.container .propose-content-container .content-wrapper .content ul .text .icon-wrap .icon-right-arrow {
                  width: 14px;
                  height: 14px;
                  background-size: 14px; }
    .cx-insight-container .question.container .question-content-container {
      margin-top: 12px;
      display: flex;
      flex-direction: column; }
      .cx-insight-container .question.container .question-content-container .content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 24px 0; }
        .cx-insight-container .question.container .question-content-container .content .title {
          font-size: 18px;
          letter-spacing: -0.36px; }
        .cx-insight-container .question.container .question-content-container .content .desc {
          color: #222;
          font-size: 14px;
          letter-spacing: -0.28px;
          word-break: break-all; }
    .cx-insight-container .footer-container {
      align-items: center;
      height: 426px;
      gap: 28px;
      margin-top: 0; }
      .cx-insight-container .footer-container .footer-title-wrapper {
        margin-top: 32px;
        gap: 12px; }
        .cx-insight-container .footer-container .footer-title-wrapper .title {
          font-size: 20px;
          letter-spacing: -0.4px; }
        .cx-insight-container .footer-container .footer-title-wrapper .desc {
          font-size: 14px;
          letter-spacing: -0.28px; }
      .cx-insight-container .footer-container .link-container {
        gap: 16px; }
        .cx-insight-container .footer-container .link-container .link-wrapper {
          gap: 16px; }
          .cx-insight-container .footer-container .link-container .link-wrapper .link {
            width: 224px;
            height: 48px;
            padding: 12px 40px;
            font-size: 20px;
            letter-spacing: -0.4px; }
            .cx-insight-container .footer-container .link-container .link-wrapper .link.disabled {
              pointer-events: none;
              background-color: #D7D7D7; }
          .cx-insight-container .footer-container .link-container .link-wrapper .conditions {
            font-size: 14px;
            letter-spacing: -0.28px; }
        .cx-insight-container .footer-container .link-container .contactus-wrapper {
          width: 216px;
          align-items: flex-start;
          gap: 8px;
          margin-left: 12px; }
          .cx-insight-container .footer-container .link-container .contactus-wrapper .contact {
            gap: 8px;
            font-size: 14px;
            font-weight: 500;
            line-height: 130%;
            /* 23.4px */ }
          .cx-insight-container .footer-container .link-container .contactus-wrapper .icon-wrap {
            display: inline-block;
            width: 16px;
            height: 16px; }
            .cx-insight-container .footer-container .link-container .contactus-wrapper .icon-wrap i {
              display: inline-block;
              width: 16px;
              height: 16px;
              background-size: 16px; }
          .cx-insight-container .footer-container .link-container .contactus-wrapper .contactus {
            text-align: left;
            margin-left: 0px; }
      .cx-insight-container .footer-container .logo-wrapper {
        margin-top: 28px;
        gap: 16px; }
        .cx-insight-container .footer-container .logo-wrapper .logo {
          width: 186px;
          height: 35px; }
        .cx-insight-container .footer-container .logo-wrapper .copyright {
          font-size: 14px;
          letter-spacing: 0; }
      .cx-insight-container .footer-container .footer-bg-1, .cx-insight-container .footer-container .footer-bg-2 {
        display: none; } }

.docent.container .docent.contents {
  margin-bottom: 200px !important; }
  .docent.container .docent.contents .title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    width: 970px;
    margin-top: 110px; }
    .docent.container .docent.contents .title-wrapper .title {
      color: #EC0047;
      text-align: center;
      font-size: 67px;
      font-weight: 700;
      line-height: 77px;
      /* 114.925% */
      letter-spacing: -1px; }
    .docent.container .docent.contents .title-wrapper .sub-title {
      color: #222;
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px; }
    .docent.container .docent.contents .title-wrapper .desc {
      color: #222;
      text-align: center;
      font-size: 26px;
      font-weight: 500;
      line-height: 42px;
      /* 161.538% */ }
    .docent.container .docent.contents .title-wrapper .img-wrap {
      margin-top: 20px; }
      .docent.container .docent.contents .title-wrapper .img-wrap .icon-docent {
        width: 770px;
        height: 410px; }
  .docent.container .docent.contents .features-wrapper {
    width: 1170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 196px; }
    .docent.container .docent.contents .features-wrapper .feature {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 28px;
      text-align: center; }
      .docent.container .docent.contents .features-wrapper .feature:not(:first-child) {
        margin-top: 220px; }
      .docent.container .docent.contents .features-wrapper .feature .writing {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px; }
        .docent.container .docent.contents .features-wrapper .feature .writing .title {
          color: #222;
          font-size: 55px;
          font-weight: 700;
          line-height: 72px;
          /* 130.909% */
          letter-spacing: -1px; }
        .docent.container .docent.contents .features-wrapper .feature .writing .caption {
          color: #444;
          font-size: 18px;
          font-weight: 400;
          line-height: 29px;
          /* 161.111% */ }
        .docent.container .docent.contents .features-wrapper .feature .writing .desc {
          color: #222;
          font-size: 26px;
          font-weight: 700;
          line-height: 37px;
          /* 142.308% */
          letter-spacing: -1px; }
      .docent.container .docent.contents .features-wrapper .feature .questions {
        margin-top: 132px;
        width: 800px;
        height: 390px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 29px;
        border-radius: 24px;
        border: 8px solid #0C1528;
        background: #FFF;
        box-shadow: 0px 20px 38px -10px rgba(0, 0, 0, 0.32);
        position: relative; }
        .docent.container .docent.contents .features-wrapper .feature .questions .icon-docent-question {
          width: 398px;
          height: 173px;
          position: absolute;
          top: -58%;
          transform: translateY(50%); }
        .docent.container .docent.contents .features-wrapper .feature .questions .title {
          color: #444;
          font-size: 18px;
          font-weight: 400;
          line-height: 29px;
          /* 161.111% */ }
        .docent.container .docent.contents .features-wrapper .feature .questions .desc {
          display: flex;
          flex-direction: column;
          gap: 16px; }
          .docent.container .docent.contents .features-wrapper .feature .questions .desc .text {
            color: #222;
            font-size: 20px;
            font-weight: 700;
            line-height: 32px;
            /* 160% */
            letter-spacing: -0.5px; }
          .docent.container .docent.contents .features-wrapper .feature .questions .desc .icon-line {
            display: inline-block;
            width: 620px;
            height: 2px;
            background-image: url("../../images/icon-line.svg"); }
      .docent.container .docent.contents .features-wrapper .feature .versus {
        margin-top: 16px;
        width: 100%;
        height: 898px;
        border-radius: 20px;
        background: #FFF;
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 8px 15px 0px rgba(0, 0, 0, 0.16);
        padding: 48px 71px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 44px; }
        .docent.container .docent.contents .features-wrapper .feature .versus .versus-title-wrapper {
          text-align: center;
          color: #2F2F2F;
          font-size: 36px;
          font-weight: 700;
          line-height: 47px;
          /* 130.556% */ }
          .docent.container .docent.contents .features-wrapper .feature .versus .versus-title-wrapper .caption {
            color: #444;
            font-size: 18px;
            font-weight: 400;
            line-height: 29px;
            /* 161.111% */ }
        .docent.container .docent.contents .features-wrapper .feature .versus .desc {
          display: flex;
          align-items: center;
          justify-content: center; }
          .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
            width: 442px; }
            .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .title {
              color: #222;
              font-size: 26px;
              font-weight: 700;
              line-height: 37px;
              /* 142.308% */
              letter-spacing: -1px; }
            .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .list {
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 19px; }
              .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .list .ai-desc {
                display: flex;
                width: 442px;
                height: 92px;
                padding: 16px 24px;
                justify-content: center;
                align-items: center;
                border-radius: 8px;
                background: #EBEBEB;
                box-sizing: border-box;
                color: #333;
                font-size: 18px;
                font-weight: 700;
                line-height: 23px;
                /* 127.778% */ }
              .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .list ul li {
                display: flex;
                align-items: center;
                gap: 10px;
                height: 37px;
                text-align: left;
                color: #222;
                font-size: 20px;
                font-weight: 400;
                line-height: 37px;
                /* 185% */
                letter-spacing: -0.5px; }
                .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .list ul li .square {
                  width: 4px;
                  height: 4px;
                  background-color: #222; }
            .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.ai-wrapper {
              border-right: 1px solid #bbb;
              padding-right: 72px; }
              .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.ai-wrapper .image-wrap {
                width: 442px;
                height: 239px;
                padding: 58px 101px 32px 101px;
                box-sizing: border-box; }
                .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.ai-wrapper .image-wrap .icon-ai-chatbot {
                  width: 241px;
                  height: 149px; }
            .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper {
              padding-left: 72px; }
              .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .title {
                color: #ec0047; }
              .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .image-wrap {
                width: 442px;
                height: 239px;
                padding: 31px 95px 31px 41px;
                box-sizing: border-box; }
                .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .image-wrap .icon-aireport {
                  width: 306px;
                  height: 178px; }
              .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .list .ai-desc {
                flex-direction: column;
                align-items: initial;
                gap: 14px;
                background: #222;
                color: #fff;
                text-align: left; }
              .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .list ul li {
                font-weight: 700; }
        .docent.container .docent.contents .features-wrapper .feature .versus .footer-caption {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 37px;
          color: #222;
          font-size: 20px;
          font-weight: 500;
          line-height: 37px;
          /* 185% */
          letter-spacing: -0.5px; }
      .docent.container .docent.contents .features-wrapper .feature .article {
        margin-top: 52px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px; }
        .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper {
          width: 100%;
          display: flex;
          align-items: flex-start;
          justify-content: center;
          gap: 36px;
          text-align: left; }
          .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .numbering-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative; }
            .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .numbering-wrapper .number {
              width: 68px;
              height: 68px;
              border-radius: 100px;
              background: #EC0047;
              color: #FFF;
              text-align: center;
              font-family: NewRubrik;
              font-size: 44px;
              font-weight: 700;
              line-height: 70px;
              /* 159.091% */ }
            .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .numbering-wrapper .dot-container {
              position: absolute;
              top: 100%;
              margin: 9px 0; }
              .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .numbering-wrapper .dot-container .dot {
                width: 7px;
                height: 7px;
                background-color: #c7c7c7;
                border-radius: 100px; }
                .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .numbering-wrapper .dot-container .dot:not(:last-child) {
                  margin-bottom: 8px; }
          .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content {
            width: 782px;
            display: flex;
            flex-direction: column;
            gap: 24px;
            box-sizing: border-box;
            margin: 8px 0; }
            .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content:first-child {
              margin-top: 9px; }
            .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content .content {
              margin-left: 24px; }
              .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content .content .title {
                color: #444;
                font-size: 24px;
                font-weight: 700;
                line-height: 35px;
                /* 145.833% */ }
              .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content .content .desc {
                max-width: 757px;
                word-break: break-all;
                margin-top: 16px;
                color: #222;
                font-size: 20px;
                font-weight: 500;
                line-height: 37px;
                /* 185% */
                letter-spacing: -0.5px; }
            .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content .icon-line {
              display: inline-block;
              width: 782px;
              height: 2px;
              background-image: url("../../images/icon-line.svg"); }
      .docent.container .docent.contents .features-wrapper .feature .examples {
        width: 100%;
        margin-top: 16px; }
        .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper {
          display: flex;
          flex-direction: column;
          gap: 32px; }
          .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper .item {
            width: 100%;
            height: 232px;
            border-radius: 20px;
            background: #FFF;
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 8px 15px 0px rgba(0, 0, 0, 0.16);
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 44px;
            padding: 44px;
            box-sizing: border-box;
            position: relative; }
            .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper .item i {
              width: 144px;
              height: 144px; }
            .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper .item .text {
              text-align: left;
              color: #444;
              font-size: 24px;
              font-weight: 700;
              line-height: 35px;
              /* 145.833% */ }
            .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper .item .user {
              position: absolute;
              right: 44px;
              bottom: 20px;
              color: #444;
              font-size: 20px;
              font-weight: 400;
              line-height: 37px;
              /* 185% */ }
        .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper {
          margin-top: 124px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          gap: 32px; }
          .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper .icon-green-right-arrow {
            width: 60px;
            height: 60px; }
          .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square) {
            width: 480px;
            height: 480px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 26px;
            border-radius: 100%; }
            .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before {
              background: #EBEBEB; }
              .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before .title {
                color: #222;
                text-align: center;
                font-size: 26px;
                font-weight: 700;
                line-height: 37px;
                /* 142.308% */
                letter-spacing: -1px; }
              .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before ul li {
                display: flex;
                align-items: center;
                gap: 10px;
                text-align: left;
                color: #555;
                font-size: 20px;
                font-weight: 700;
                line-height: 26px;
                /* 130% */
                letter-spacing: -0.5px;
                padding-left: 10px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before ul li:not(:last-child) {
                  margin-bottom: 12px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before ul li .square {
                  width: 4px;
                  height: 4px;
                  background-color: #222; }
            .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after {
              background: #68A800; }
              .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after .title {
                color: #fff;
                text-align: center;
                font-size: 26px;
                font-weight: 700;
                line-height: 37px;
                /* 142.308% */
                letter-spacing: -1px; }
              .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after ul li {
                display: flex;
                align-items: center;
                gap: 10px;
                text-align: left;
                color: #fff;
                font-size: 20px;
                font-weight: 700;
                line-height: 26px;
                /* 130% */
                letter-spacing: -0.5px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after ul li:not(:last-child) {
                  margin-bottom: 12px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after ul li .square {
                  width: 4px;
                  height: 4px;
                  background-color: #fff; }
      .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 30px;
        margin-top: 32px; }
        .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap .tab {
          width: 370px;
          height: 190px;
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          box-sizing: border-box;
          padding: 28px 25px;
          border: solid 3px #fff;
          text-align: left;
          border-radius: 7px;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.08);
          background-color: #fff;
          cursor: pointer;
          transition: box-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
          .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap .tab:hover {
            box-shadow: 0 22px 33px -7px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); }
          .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap .tab.on {
            border: solid 3px #ec0047;
            box-shadow: 0 22px 33px -7px rgba(0, 0, 0, 0.15); }
            .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap .tab.on::after {
              content: '';
              position: absolute;
              bottom: -34px;
              left: 50%;
              transform: translateX(-50%);
              width: 20px;
              height: 20px;
              background: url("https://dream-cdn.beusable.net/home/images/why/tab-select.svg") no-repeat center center; }
          .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap .tab__title {
            color: #2F2F2F;
            font-size: 20px;
            font-weight: 700;
            line-height: 30px;
            /* 150% */
            margin-bottom: 4px; }
          .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap .tab__desc {
            color: #2F2F2F;
            font-size: 16px;
            font-weight: 700;
            line-height: 30px;
            /* 187.5% */ }
          .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap .tab__author {
            color: #444;
            font-size: 14px;
            font-weight: 600;
            line-height: 23px;
            /* 164.286% */ }
          .docent.container .docent.contents .features-wrapper .feature .purpose-item-wrap .tab__image {
            position: absolute;
            width: 60px;
            height: 60px;
            right: 10px;
            bottom: 18px; }
      .docent.container .docent.contents .features-wrapper .feature .purpose-contents {
        margin-top: 105px; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
        .docent.container .docent.contents .features-wrapper .feature .purpose-contents:not(.marketing) {
          display: none; }
        .docent.container .docent.contents .features-wrapper .feature .purpose-contents.fadein {
          animation: fadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation-fill-mode: forwards; }
        .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 28px; }
          .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li:not(:last-child) {
            margin-bottom: 36px; }
          .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li .icon-line {
            display: inline-block;
            width: 1050px;
            height: 2px;
            background-image: url("../../images/icon-line.svg"); }
          .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li .number {
            width: 44px;
            height: 44px;
            color: #EC0047;
            font-size: 44px;
            font-weight: 700;
            line-height: 44px;
            /* 100% */
            font-family: NewRubrik; }
          .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li .content {
            text-align: left; }
            .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li .content .title {
              color: #222;
              font-size: 26px;
              font-weight: 700;
              line-height: 37px;
              /* 142.308% */
              letter-spacing: -1px; }
            .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li .content .desc {
              margin-top: 12px;
              color: #222;
              font-size: 20px;
              font-weight: 500;
              line-height: 37px;
              /* 185% */
              letter-spacing: -0.5px; }
          .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li .content-wrapper {
            display: flex;
            justify-content: center;
            gap: 16px; }
          .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.result-wrapper {
            gap: 52px; }
            .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.result-wrapper .result {
              display: flex;
              align-items: center;
              gap: 16px; }
              .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.result-wrapper .result .text-wrapper {
                width: 674px;
                display: flex;
                flex-direction: column;
                gap: 24px; }
                .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.result-wrapper .result .text-wrapper h2 {
                  color: #222;
                  font-size: 36px;
                  font-weight: 700;
                  line-height: 47px;
                  /* 130.556% */
                  letter-spacing: -1px; }
                .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.result-wrapper .result .text-wrapper .count-wrapper {
                  color: #EC0047; }
                  .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.result-wrapper .result .text-wrapper .count-wrapper .caption {
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 16px;
                    /* 100% */
                    letter-spacing: -1px; }
                  .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.result-wrapper .result .text-wrapper .count-wrapper .count {
                    margin-top: 12px;
                    font-family: NewRubrik;
                    font-size: 80px;
                    font-weight: 700;
                    line-height: 68px;
                    /* 85% */ }
          .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.docent-example-wrapper {
            flex-direction: column;
            align-items: center;
            gap: 24px; }
            .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.docent-example-wrapper .content {
              max-width: 1050px;
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: flex-start; }
            .docent.container .docent.contents .features-wrapper .feature .purpose-contents .item ul li.docent-example-wrapper .docent-example {
              width: 1168px;
              object-fit: cover; }
      .docent.container .docent.contents .features-wrapper .feature .contents-wrapper {
        margin-top: 69px; }
        .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .img-develop {
          width: 1170px; }
        .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents {
          margin-top: 60px;
          margin-bottom: 200px; }
          .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-desc .title {
            color: #444;
            font-size: 24px;
            font-weight: 700;
            line-height: 35px;
            /* 145.833% */ }
          .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-desc .desc {
            margin-top: 16px;
            color: #222;
            font-size: 20px;
            font-weight: 500;
            line-height: 37px;
            /* 185% */
            letter-spacing: -0.5px; }
          .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper {
            margin-top: 115px; }
            .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .title {
              color: #222;
              font-size: 36px;
              font-weight: 700;
              line-height: 47px;
              /* 130.556% */
              letter-spacing: -1px;
              margin-bottom: 125px; }
            .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap {
              display: flex;
              justify-content: center;
              flex-wrap: wrap;
              gap: 30px;
              row-gap: 60px;
              max-width: 810px;
              /* 370px * 2 + 30px (gap) */
              margin: 0 auto; }
              .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item {
                flex: 0 0 370px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 20px;
                width: 370px;
                height: 307px;
                transition: all .3s;
                box-sizing: border-box; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-benchmark {
                  width: 370px;
                  height: 180px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-aireport {
                  width: 168px;
                  height: 172px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-target {
                  width: 370px;
                  height: 180px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-core {
                  width: 370px;
                  height: 180px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-survey {
                  width: 163px;
                  height: 142px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-mpti {
                  width: 198px;
                  height: 137px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .item-title {
                  margin-top: 10px;
                  color: #2F2F2F;
                  font-size: 26px;
                  font-weight: 600;
                  letter-spacing: -0.5px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .item-desc {
                  text-align: center;
                  color: #666;
                  font-size: 15px;
                  font-weight: 400;
                  line-height: 23px;
                  /* 153.333% */ }
    .docent.container .docent.contents .features-wrapper .docent-footer {
      text-align: center; }
      .docent.container .docent.contents .features-wrapper .docent-footer .title {
        color: #222;
        font-size: 55px;
        font-weight: 700;
        line-height: 72px;
        /* 130.909% */
        letter-spacing: -1px;
        margin-bottom: 50px; }
      .docent.container .docent.contents .features-wrapper .docent-footer .desc {
        color: #222;
        font-size: 36px;
        font-weight: 700;
        line-height: 47px;
        /* 130.556% */
        letter-spacing: -1px; }

@media all and (max-width: 768px) {
  .docent.container {
    margin: 0 auto; }
    .docent.container .docent.contents {
      margin-bottom: 80px !important; }
      .docent.container .docent.contents .title-wrapper {
        text-align: center;
        width: 100%;
        gap: 15px;
        margin-top: 45px;
        border-bottom: 1px solid #c1c1c1;
        padding-bottom: 37px; }
        .docent.container .docent.contents .title-wrapper .title {
          font-size: 30px;
          line-height: 39px;
          /* 130% */ }
        .docent.container .docent.contents .title-wrapper .sub-title {
          max-width: 335px;
          color: #333;
          font-size: 22px;
          font-weight: 700;
          line-height: 30px;
          /* 136.364% */ }
        .docent.container .docent.contents .title-wrapper .desc {
          max-width: 335px;
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */ }
        .docent.container .docent.contents .title-wrapper .img-wrap {
          margin-top: 18px; }
          .docent.container .docent.contents .title-wrapper .img-wrap .icon-docent {
            display: inline-block;
            width: 278px;
            height: 149px; }
      .docent.container .docent.contents .features-wrapper {
        max-width: 335px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 50px; }
        .docent.container .docent.contents .features-wrapper .feature {
          width: 100%;
          gap: 12px; }
          .docent.container .docent.contents .features-wrapper .feature:not(:first-child) {
            margin-top: 80px; }
          .docent.container .docent.contents .features-wrapper .feature .writing {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px; }
            .docent.container .docent.contents .features-wrapper .feature .writing .title {
              color: #333;
              font-size: 22px;
              font-weight: 700;
              line-height: 30px;
              /* 136.364% */ }
            .docent.container .docent.contents .features-wrapper .feature .writing .caption {
              color: #767676;
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              /* 157.143% */ }
            .docent.container .docent.contents .features-wrapper .feature .writing .desc {
              color: #2F2F2F;
              font-size: 20px;
              font-weight: 700;
              line-height: 26px;
              /* 130% */ }
          .docent.container .docent.contents .features-wrapper .feature .questions {
            margin-top: 110px;
            width: 100%;
            height: 315px;
            gap: 41px;
            border-radius: 12px;
            border: 4px solid #0C1528;
            box-shadow: 0 20px 16px -12px rgba(0, 0, 0, 0.12);
            position: relative; }
            .docent.container .docent.contents .features-wrapper .feature .questions .icon-docent-question {
              width: 278px;
              height: 121px;
              top: -50%; }
            .docent.container .docent.contents .features-wrapper .feature .questions .title {
              width: 295px;
              color: #767676;
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              /* 157.143% */ }
            .docent.container .docent.contents .features-wrapper .feature .questions .desc {
              max-width: 295px;
              gap: 12px; }
              .docent.container .docent.contents .features-wrapper .feature .questions .desc .text {
                color: #222;
                font-size: 14px;
                font-weight: 700;
                line-height: 18px;
                /* 128.571% */
                letter-spacing: -0.5px; }
              .docent.container .docent.contents .features-wrapper .feature .questions .desc .icon-line {
                width: 100%; }
          .docent.container .docent.contents .features-wrapper .feature .versus {
            justify-content: space-between;
            margin-top: 24px;
            width: 100%;
            height: 1125px;
            border-radius: 12px;
            padding: 24px 20px;
            gap: 32px; }
            .docent.container .docent.contents .features-wrapper .feature .versus .versus-title-wrapper {
              color: #333;
              font-size: 22px;
              font-weight: 700;
              line-height: 30px; }
              .docent.container .docent.contents .features-wrapper .feature .versus .versus-title-wrapper .caption {
                color: #767676;
                font-size: 14px;
                font-weight: 500;
                line-height: 22px;
                /* 157.143% */ }
            .docent.container .docent.contents .features-wrapper .feature .versus .desc {
              display: flex;
              flex-wrap: wrap; }
              .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content {
                width: 295px; }
                .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .title {
                  color: #222;
                  font-size: 20px;
                  line-height: 26px; }
                .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .list {
                  width: 100%;
                  gap: 19px; }
                  .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .list .ai-desc {
                    display: flex;
                    width: 100%;
                    height: 60px;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 18px;
                    /* 127.778% */ }
                  .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .list ul li {
                    height: 22px;
                    margin-left: 2px;
                    font-size: 14px;
                    line-height: 22px; }
                    .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content .list ul li .square {
                      width: 2px;
                      height: 2px; }
                .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.ai-wrapper {
                  border-right: none;
                  border-bottom: 1px solid #bbb;
                  padding-right: 0;
                  padding-bottom: 32px; }
                  .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.ai-wrapper .image-wrap {
                    width: 295px;
                    height: 145px;
                    padding: 25px 69px 21px 66px; }
                    .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.ai-wrapper .image-wrap .icon-ai-chatbot {
                      width: 161px;
                      height: 99px; }
                .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper {
                  padding-top: 32px;
                  padding-left: 0; }
                  .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .title {
                    color: #ec0047; }
                  .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .image-wrap {
                    width: 295px;
                    height: 145px;
                    padding: 13px 65px 14px 27px; }
                    .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .image-wrap .icon-aireport {
                      width: 204px;
                      height: 119px; }
                  .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .list .ai-desc {
                    height: 94px;
                    font-size: 14px;
                    line-height: 18px;
                    /* 128.571% */
                    gap: 8px; }
                  .docent.container .docent.contents .features-wrapper .feature .versus .desc .desc-content.docent-wrapper .list ul li {
                    font-weight: 700; }
            .docent.container .docent.contents .features-wrapper .feature .versus .footer-caption {
              height: initial;
              color: #767676;
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              /* 157.143% */
              margin-bottom: 8px; }
          .docent.container .docent.contents .features-wrapper .feature .article {
            margin-top: 62px;
            width: 100%;
            gap: 12px; }
            .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper {
              width: 100%;
              gap: 16px; }
              .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .numbering-wrapper .number {
                width: 32px;
                height: 32px;
                font-size: 20px;
                line-height: 33px; }
              .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .numbering-wrapper .dot-container {
                margin: 8px 0; }
                .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .numbering-wrapper .dot-container .dot {
                  width: 4px;
                  height: 4px; }
              .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content {
                width: 287px;
                gap: 12px;
                margin: 0; }
                .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content:first-child {
                  margin-top: 2px; }
                .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content .content {
                  margin-left: 0px; }
                  .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content .content .title {
                    font-size: 20px;
                    line-height: 26px;
                    /* 130% */ }
                  .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content .content .desc {
                    max-width: 757px;
                    margin-top: 16px;
                    color: #222;
                    font-size: 14px;
                    line-height: 22px;
                    /* 185% */ }
                .docent.container .docent.contents .features-wrapper .feature .article .article-wrapper .article-content .icon-line {
                  display: inline-block;
                  width: 100%;
                  height: 2px;
                  background-image: url("../../images/icon-line.svg"); }
          .docent.container .docent.contents .features-wrapper .feature .examples {
            width: 100%;
            margin-top: 16px; }
            .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper {
              gap: 12px; }
              .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper .item {
                height: initial;
                border-radius: 12px;
                gap: 16px;
                justify-content: center;
                padding: 20px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper .item img {
                  width: 80px;
                  height: 80px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper .item .text {
                  text-align: center;
                  color: #444;
                  font-size: 14px;
                  line-height: 22px;
                  margin-bottom: 32px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .example-wrapper .item .user {
                  position: absolute;
                  right: 50%;
                  transform: translateX(50%);
                  color: #444;
                  font-size: 14px;
                  font-weight: 500;
                  line-height: 22px; }
            .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper {
              margin-top: 61px;
              flex-direction: column;
              gap: 8px; }
              .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper .icon-green-right-arrow {
                width: 32px;
                height: 32px;
                rotate: 90deg; }
              .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square) {
                width: 335px;
                height: 335px;
                gap: 16px;
                border-radius: 100%; }
                .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before .title {
                  font-size: 20px;
                  line-height: 26px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before ul li {
                  font-size: 14px;
                  line-height: 22px; }
                  .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before ul li:not(:last-child) {
                    margin-bottom: 2px; }
                  .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).before ul li .square {
                    width: 2px;
                    height: 2px; }
                .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after {
                  background: #68A800; }
                  .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after .title {
                    font-size: 20px;
                    line-height: 26px; }
                  .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after ul li {
                    font-size: 14px;
                    line-height: 22px; }
                    .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after ul li:not(:last-child) {
                      margin-bottom: 2px; }
                    .docent.container .docent.contents .features-wrapper .feature .examples .before-after-wrapper div:not(.square).after ul li .square {
                      width: 2px;
                      height: 2px; }
          .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap {
            grid-template-columns: repeat(1, 1fr); }
            .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab {
              display: flex;
              flex-direction: column;
              gap: 0px;
              height: initial;
              border: none;
              border-radius: 0;
              position: relative;
              border-top: 1px solid #64708f;
              padding: 25px 16px;
              box-shadow: none; }
              .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab:last-child {
                border-bottom: 1px solid #64708f; }
              .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__title {
                color: #444;
                font-size: 20px;
                font-weight: 600;
                line-height: 20px;
                /* 100% */
                padding-right: 20px;
                cursor: pointer;
                margin-bottom: 0; }
                .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__title.ko {
                  width: 290px; }
              .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__desc {
                margin-top: 8px;
                color: #2F2F2F;
                font-size: 14px;
                font-weight: 700;
                line-height: 22px;
                /* 157.143% */ }
              .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__author {
                margin-top: 8px;
                color: #2F2F2F;
                font-size: 14px;
                font-weight: 600;
                line-height: 22px;
                /* 157.143% */ }
              .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__arrow {
                position: absolute;
                right: 16px;
                top: 25px;
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
                cursor: pointer; }
                .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__arrow.show {
                  -ms-transform: rotate(0deg);
                  -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); }
              .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide {
                max-height: 0px;
                overflow: hidden;
                transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
                .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide.show {
                  max-height: 1045px;
                  padding-bottom: 20px; }
                .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents {
                  margin-top: 40px;
                  box-shadow: none;
                  display: flex;
                  flex-direction: column;
                  row-gap: 27px;
                  background-color: #fff; }
                  .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 28px; }
                    .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li:not(:last-child) {
                      margin-bottom: 40px; }
                    .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li .icon-line {
                      display: inline-block;
                      width: 1050px;
                      height: 2px;
                      background-image: url("../../images/icon-line.svg"); }
                    .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li .number {
                      width: 24px;
                      height: 24px;
                      font-size: 24px;
                      font-weight: 700;
                      line-height: 24px; }
                    .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li .content {
                      text-align: left; }
                      .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li .content .title {
                        font-size: 20px;
                        line-height: 26px; }
                      .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li .content .desc {
                        font-size: 14px;
                        line-height: 22px; }
                    .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li .content-wrapper {
                      display: flex;
                      justify-content: center;
                      gap: 16px; }
                    .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li.result-wrapper {
                      gap: 40px; }
                      .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li.result-wrapper .result .text-wrapper {
                        width: 100%;
                        align-items: center;
                        gap: 12px; }
                        .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li.result-wrapper .result .text-wrapper h2 {
                          font-size: 20px;
                          line-height: 26px; }
                        .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li.result-wrapper .result .text-wrapper .count-wrapper {
                          color: #EC0047; }
                          .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li.result-wrapper .result .text-wrapper .count-wrapper .caption {
                            font-size: 14px;
                            line-height: 22px; }
                          .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li.result-wrapper .result .text-wrapper .count-wrapper .count {
                            margin-top: 8px;
                            font-size: 56px;
                            line-height: 44px; }
                    .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li.docent-example-wrapper {
                      gap: 12px; }
                      .docent.container .docent.contents .features-wrapper .feature.purpose-wrap--mobile .purpose-item-wrap .tab__hide .purpose-contents .item ul li.docent-example-wrapper .docent-example {
                        width: 335px;
                        margin-bottom: 0px; }
          .docent.container .docent.contents .features-wrapper .feature .contents-wrapper {
            width: 335px;
            margin-top: 24px; }
            .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .img-develop {
              width: 335px;
              height: 165px; }
            .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents {
              margin-top: 24px;
              margin-bottom: 100px; }
              .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-desc .title {
                color: #333;
                font-size: 14px;
                font-weight: 700;
                line-height: 22px;
                /* 157.143% */ }
              .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-desc .desc {
                margin-top: 10px;
                color: #767676;
                font-size: 14px;
                font-weight: 500;
                line-height: 22px;
                /* 157.143% */ }
              .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper {
                margin-top: 80px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .title {
                  color: #2f2f2f;
                  font-size: 20px;
                  line-height: 26px;
                  margin-bottom: 72px; }
                .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap {
                  max-width: initial;
                  row-gap: 52px; }
                  .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item {
                    flex: 1;
                    gap: 20px;
                    width: 100%;
                    height: initial;
                    box-sizing: border-box; }
                    .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-benchmark {
                      width: 215px;
                      height: 118px; }
                    .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-aireport {
                      width: 116px;
                      height: 118px; }
                    .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-target {
                      width: 295px;
                      height: 136px; }
                    .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .icon-core {
                      width: 295px;
                      height: 136px; }
                    .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .item-title {
                      margin-top: 3px;
                      color: #2F2F2F;
                      font-size: 20px;
                      font-weight: 600;
                      line-height: 26px;
                      /* 130% */
                      letter-spacing: -0.424px; }
                    .docent.container .docent.contents .features-wrapper .feature .contents-wrapper .contents .develop-features-wrapper .items-wrap .item .item-desc {
                      margin-top: -4px;
                      line-height: 22px; }
        .docent.container .docent.contents .features-wrapper .docent-footer {
          text-align: center; }
          .docent.container .docent.contents .features-wrapper .docent-footer .title {
            color: #333;
            font-size: 22px;
            line-height: 30px;
            margin-bottom: 10px; }
          .docent.container .docent.contents .features-wrapper .docent-footer .desc {
            font-size: 14px;
            line-height: 22px; } }

.login-bridge.container .login-bridge.contents {
  margin-bottom: 100px !important; }
  .login-bridge.container .login-bridge.contents .title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    width: 970px;
    margin-top: 110px; }
    .login-bridge.container .login-bridge.contents .title-wrapper .title {
      color: #EC0047;
      text-align: center;
      font-size: 67px;
      font-weight: 700;
      line-height: 77px;
      /* 114.925% */
      letter-spacing: -1px; }
    .login-bridge.container .login-bridge.contents .title-wrapper .sub-title {
      color: #222;
      font-size: 36px;
      font-weight: 700;
      line-height: 47px;
      /* 130.556% */
      letter-spacing: -1px; }
    .login-bridge.container .login-bridge.contents .title-wrapper .desc {
      color: #222;
      text-align: center;
      font-size: 26px;
      font-weight: 500;
      line-height: 42px;
      /* 161.538% */ }
    .login-bridge.container .login-bridge.contents .title-wrapper .img-wrap {
      margin-top: 45px;
      width: 770px;
      height: 410px; }
      .login-bridge.container .login-bridge.contents .title-wrapper .img-wrap .icon-docent {
        width: 770px;
        height: 410px; }
  .login-bridge.container .login-bridge.contents .features-wrapper {
    margin-top: 196px; }
    .login-bridge.container .login-bridge.contents .features-wrapper .feature {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature.conjugation {
        margin-top: 200px; }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature .writing .title {
        color: #222;
        font-size: 55px;
        font-weight: 700;
        line-height: 72px;
        /* 130.909% */
        letter-spacing: -1px; }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature .icon-principle {
        margin-top: 58px;
        width: 973px; }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps {
        margin-top: 80px;
        display: flex;
        flex-wrap: wrap;
        gap: 53px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step {
          display: flex;
          gap: 36px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .number {
            color: #EC0047;
            font-family: NewRubrik;
            font-size: 70px;
            font-weight: 700;
            line-height: 70px;
            /* 100% */ }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .text-wrapper {
            margin-top: 23px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .text-wrapper .title {
              color: #222;
              font-size: 26px;
              font-weight: 700;
              line-height: 37px;
              /* 142.308% */
              letter-spacing: -1px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .text-wrapper .desc {
              max-width: 270px;
              margin-top: 25px;
              color: #444;
              font-size: 20px;
              font-weight: 500;
              line-height: 32px;
              /* 160% */
              word-break: break-all; }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories {
        margin-top: 206px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 55px;
        row-gap: 127px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category {
          min-width: 545px;
          display: flex;
          gap: 43px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper {
            width: 175px;
            height: 175px;
            padding: 61px 62px 62px 61px;
            box-sizing: border-box;
            border-radius: 20px;
            border: 4px solid #EBEBEB;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-1 {
              position: absolute;
              left: 50%;
              bottom: -17px;
              transform: translateX(-50%);
              background-color: #04A6FF;
              color: #fff;
              font-size: 16px;
              font-weight: 600;
              line-height: 26px;
              /* 162.5% */
              letter-spacing: -0.5px;
              padding: 4px 10px;
              box-sizing: border-box;
              border-radius: 4px;
              max-width: 106px;
              width: max-content; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-2 {
              position: absolute;
              left: 50%;
              bottom: -17px;
              transform: translateX(-50%);
              background-color: #FCE515;
              color: #fff;
              font-size: 16px;
              font-weight: 600;
              line-height: 26px;
              /* 162.5% */
              letter-spacing: -0.5px;
              padding: 4px 10px;
              box-sizing: border-box;
              border-radius: 4px;
              max-width: 106px;
              width: max-content;
              color: #222; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-3 {
              position: absolute;
              left: 50%;
              bottom: -17px;
              transform: translateX(-50%);
              background-color: #16B5D2;
              color: #fff;
              font-size: 16px;
              font-weight: 600;
              line-height: 26px;
              /* 162.5% */
              letter-spacing: -0.5px;
              padding: 4px 10px;
              box-sizing: border-box;
              border-radius: 4px;
              max-width: 106px;
              width: max-content; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-4 {
              position: absolute;
              left: 50%;
              bottom: -17px;
              transform: translateX(-50%);
              background-color: #9665E3;
              color: #fff;
              font-size: 16px;
              font-weight: 600;
              line-height: 26px;
              /* 162.5% */
              letter-spacing: -0.5px;
              padding: 4px 10px;
              box-sizing: border-box;
              border-radius: 4px;
              max-width: 106px;
              width: max-content; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-5 {
              position: absolute;
              left: 50%;
              bottom: -17px;
              transform: translateX(-50%);
              background-color: #E074E2;
              color: #fff;
              font-size: 16px;
              font-weight: 600;
              line-height: 26px;
              /* 162.5% */
              letter-spacing: -0.5px;
              padding: 4px 10px;
              box-sizing: border-box;
              border-radius: 4px;
              max-width: 106px;
              width: max-content; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-6 {
              position: absolute;
              left: 50%;
              bottom: -17px;
              transform: translateX(-50%);
              background-color: #68BB0C;
              color: #fff;
              font-size: 16px;
              font-weight: 600;
              line-height: 26px;
              /* 162.5% */
              letter-spacing: -0.5px;
              padding: 4px 10px;
              box-sizing: border-box;
              border-radius: 4px;
              max-width: 106px;
              width: max-content; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .text-wrapper .title {
          margin-bottom: 25px;
          color: #222;
          font-size: 26px;
          font-weight: 700;
          line-height: 37px;
          /* 142.308% */
          letter-spacing: -1px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .text-wrapper .desc {
          word-break: break-all;
          max-width: 327px;
          color: #222;
          font-size: 18px;
          font-weight: 400;
          line-height: 23px;
          /* 127.778% */
          letter-spacing: -0.5px; }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences {
        width: 1170px;
        height: 686px;
        margin-top: 196px;
        border-radius: 20px;
        background: #FFF;
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 8px 15px 0px rgba(0, 0, 0, 0.16);
        padding: 44px;
        box-sizing: border-box;
        text-align: left;
        position: relative; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .icon-difference {
          position: absolute;
          right: 44.5px;
          top: -50px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .writing {
          padding-top: 20px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .writing .title {
            color: #222;
            font-size: 55px;
            font-weight: 700;
            line-height: 72px;
            /* 130.909% */
            letter-spacing: -1px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper {
          margin-top: 60px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content-titles {
            display: flex;
            align-items: center;
            gap: 24px;
            border-bottom: 1px solid #ebebeb;
            padding-bottom: 14px;
            padding-left: 12px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content-titles .title {
              color: #444;
              font-size: 18px;
              font-weight: 700;
              line-height: 120%;
              /* 21.6px */ }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content-titles .title:first-child {
                flex: 0 0 400px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content-titles .title:nth-child(2) {
                flex: 0 0 296px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content-titles .title:last-child {
                font-size: 22px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content {
            display: flex;
            flex-direction: column; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content .line {
              display: flex;
              gap: 24px;
              color: #444;
              font-size: 16px;
              font-weight: 400;
              line-height: 120%;
              /* 19.2px */
              border-bottom: 1px solid #ebebeb; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content .line .text {
                height: 68px;
                padding: 24.5px 12px;
                box-sizing: border-box; }
                .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content .line .text:first-child {
                  flex: 0 0 400px; }
                .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content .line .text:nth-child(2) {
                  flex: 0 0 296px; }
                .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content .line .text:last-child {
                  display: flex;
                  align-items: center;
                  gap: 10px;
                  flex: 1;
                  color: #222;
                  font-weight: 700; }
                  .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences .content-wrapper .content .line .text:last-child img {
                    width: 20px; }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper {
        width: 1170px;
        margin-top: 44px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box {
          border-radius: 20px;
          background: #FFF;
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 8px 15px 0px rgba(0, 0, 0, 0.16);
          padding: 44px;
          box-sizing: border-box;
          display: flex;
          align-items: flex-start;
          gap: 44px;
          margin-bottom: 20px;
          position: relative; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper {
            display: flex;
            flex-direction: column;
            gap: 16px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .title {
              color: #222;
              font-size: 24px;
              font-weight: 700;
              line-height: 35px;
              /* 145.833% */ }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .desc {
              max-width: 684px;
              margin-bottom: 8px;
              color: #444;
              font-size: 20px;
              font-weight: 500;
              line-height: 37px;
              /* 185% */ }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .lists {
              display: flex;
              flex-direction: column;
              gap: 12px;
              color: #555;
              font-size: 20px;
              font-weight: 400;
              line-height: 26px;
              /* 130% */
              letter-spacing: -0.5px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .lists span {
                display: flex;
                align-items: center;
                gap: 10px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .author {
            position: absolute;
            bottom: 44px;
            right: 44px;
            color: #444;
            font-size: 20px;
            font-weight: 400;
            line-height: 20px;
            /* 100% */ }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper {
        width: 1170px;
        margin-top: 81px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list {
          display: flex;
          flex-direction: column; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item {
            width: 100%;
            border-bottom: 1px solid #C3C3C3; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item:first-child .main-item {
              padding-top: 0; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item:last-child {
              border-bottom: none; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .main-item {
              display: flex;
              justify-content: space-between;
              width: 100%;
              cursor: pointer;
              padding-top: 40px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .main-item span {
                color: #444;
                font-size: 24px;
                font-weight: 700;
                line-height: 35px;
                /* 145.833% */ }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .main-item img {
                width: 32px;
                transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .sub-item {
              max-height: 0px;
              padding-top: 40px;
              overflow: hidden;
              transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .sub-item .writing-description ul {
                margin-bottom: 0; }
                .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .sub-item .writing-description ul li {
                  max-width: 1016px;
                  word-break: break-all;
                  color: #444;
                  font-size: 20px;
                  font-weight: 500;
                  line-height: 37px;
                  /* 185% */ }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item.on .main-item img {
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
              content: url("https://dream-cdn.beusable.net/home/images/features/loginBridge/icon-minus.svg"); }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item.on .sub-item {
              max-height: 500px; }

@media all and (max-width: 768px) {
  .login-bridge.container .login-bridge.contents {
    margin-bottom: 80px !important; }
    .login-bridge.container .login-bridge.contents .title-wrapper {
      gap: 15px;
      width: 100%;
      margin-top: 45px;
      border-bottom: 1px solid #c1c1c1; }
      .login-bridge.container .login-bridge.contents .title-wrapper .title {
        color: #EC0047;
        font-size: 30px;
        line-height: 39px; }
      .login-bridge.container .login-bridge.contents .title-wrapper .sub-title {
        font-size: 22px;
        line-height: 30px; }
      .login-bridge.container .login-bridge.contents .title-wrapper .desc {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px; }
      .login-bridge.container .login-bridge.contents .title-wrapper .img-wrap {
        height: 160px;
        width: 301px;
        margin-top: 18px;
        margin-bottom: 37px; }
        .login-bridge.container .login-bridge.contents .title-wrapper .img-wrap .icon-docent {
          width: 301px;
          height: 160px; }
    .login-bridge.container .login-bridge.contents .features-wrapper {
      margin-top: 50px;
      max-width: 335px; }
      .login-bridge.container .login-bridge.contents .features-wrapper .feature {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature.conjugation {
          margin-top: 80px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .writing .title {
          font-size: 22px;
          line-height: 30px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .icon-principle {
          margin-top: 24px;
          width: 335px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps {
          margin-top: 64px;
          gap: 12px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step {
            gap: 16px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .number {
              font-size: 20px;
              line-height: 20px;
              margin-top: 3px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .text-wrapper {
              margin-top: 0px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .text-wrapper .title {
                color: #444;
                font-size: 20px;
                font-weight: 700;
                line-height: 26px;
                /* 130% */ }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .text-wrapper .desc {
                max-width: 306px;
                margin-top: 16px;
                color: #222;
                font-size: 14px;
                font-weight: 500;
                line-height: 22px;
                /* 157.143% */
                letter-spacing: -0.5px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step .text-wrapper .icon-line {
                display: inline-block;
                width: 100%;
                height: 2px;
                background-image: url("../../images/icon-line.svg"); }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .steps .step:last-child .icon-line {
              display: none; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories {
          margin-top: 80px;
          column-gap: 55px;
          row-gap: 40px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category {
            min-width: 335px;
            flex: 1 1 calc(50% - 55px);
            display: flex;
            gap: 16px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper {
              width: 92px;
              height: 92px;
              padding: 28px;
              border-radius: 12px;
              border: 3.874px solid #EBEBEB;
              position: relative; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper img {
                width: 36px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-1 {
                font-size: 12px;
                line-height: 12px;
                padding: 6px 8px;
                max-width: 80px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-2 {
                font-size: 12px;
                line-height: 12px;
                padding: 6px 8px;
                max-width: 80px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-3 {
                font-size: 12px;
                line-height: 12px;
                padding: 6px 8px;
                max-width: 80px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-4 {
                font-size: 12px;
                line-height: 12px;
                padding: 6px 8px;
                max-width: 80px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-5 {
                font-size: 12px;
                line-height: 12px;
                padding: 6px 8px;
                max-width: 80px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .category .category-icon-wrapper .category-type-6 {
                font-size: 12px;
                line-height: 12px;
                padding: 6px 8px;
                max-width: 80px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .text-wrapper .title {
            margin-bottom: 16px;
            color: #444;
            font-size: 18px;
            font-weight: 700;
            line-height: 23px;
            /* 127.778% */ }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .categories .text-wrapper .desc {
            max-width: 227px;
            font-size: 12px;
            font-weight: 500;
            line-height: 19px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile {
          width: 335px;
          margin-top: 80px;
          border-radius: 12px;
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 8px 14px -4px rgba(0, 0, 0, 0.16); }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .title-wrapper-mobile {
            height: 70px;
            box-sizing: border-box;
            padding: 12px 34px 9px 34px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 82px;
            text-align: center; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .title-wrapper-mobile .title {
              color: #444;
              font-size: 16px;
              font-weight: 700;
              line-height: 120%;
              /* 19.2px */ }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .title-wrapper-mobile .title:last-child {
                font-size: 18px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .content-wrapper-mobile .content-title {
            height: 32px;
            text-align: center;
            padding: 8px 0;
            background: #F4F4F4;
            color: #888;
            font-size: 14px;
            font-weight: 700;
            line-height: 120%;
            /* 16.8px */
            border-top: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            box-sizing: border-box; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .content-wrapper-mobile .content {
            display: flex;
            align-items: center;
            height: 77px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .content-wrapper-mobile .content span {
              height: 100%;
              flex: 1;
              box-sizing: border-box;
              padding: 20px 24px 24px 23px;
              color: #444;
              text-align: center;
              font-size: 14px;
              font-weight: 400;
              line-height: 120%;
              /* 16.8px */ }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .content-wrapper-mobile .content span:first-child {
                border-right: 1px solid #ebebeb; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .content-wrapper-mobile .content span:last-child {
                font-size: 16px;
                font-weight: 700;
                line-height: 120%;
                /* 19.2px */ }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .content-wrapper-mobile .content:last-child {
              height: 93px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .differences--mobile .content-wrapper-mobile .content:last-child span {
                height: 100%;
                box-sizing: border-box;
                padding-bottom: 36px; }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper {
          width: 100%;
          margin-top: 20px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box {
            border-radius: 12px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 16px;
            margin-bottom: 12px;
            position: initial; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box img {
              width: 80px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper {
              align-items: center; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .title {
                font-size: 18px;
                line-height: 23px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .desc {
                margin-bottom: 0;
                font-size: 14px;
                line-height: 22px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .lists {
                gap: 4px;
                color: #444;
                font-size: 14px;
                font-weight: 500;
                line-height: 22px; }
                .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .lists span {
                  display: flex;
                  align-items: center;
                  gap: 8px; }
                  .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .text-wrapper .lists span img {
                    width: 14px; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .conjugation-wrapper .box .author {
              margin-top: 4px;
              position: initial;
              color: #767676;
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              /* 157.143% */ }
        .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper {
          max-width: 335px;
          margin-top: 28px; }
          .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list {
            display: flex;
            flex-direction: column; }
            .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item {
              width: 100%;
              border-bottom: 1px solid #C3C3C3; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item:last-child {
                border-bottom: none; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item:nth-child(2) .main-item {
                padding-top: 8px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item:nth-child(2) .sub-item {
                padding-top: 8px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item:nth-child(2).on .sub-item {
                padding-top: 20px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .main-item {
                display: flex;
                justify-content: space-between;
                width: 100%;
                cursor: pointer;
                padding-top: 21px;
                box-sizing: border-box; }
                .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .main-item span {
                  display: flex;
                  align-items: center;
                  max-width: 280px;
                  word-break: break-all;
                  color: #444;
                  font-size: 16px;
                  line-height: 26px;
                  /* 162.5% */ }
                .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .main-item img {
                  width: 24px;
                  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .sub-item {
                max-height: 0px;
                padding-top: 20px;
                overflow: hidden;
                transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
                .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .sub-item .writing-description ul {
                  margin-bottom: 0; }
                  .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item .sub-item .writing-description ul li {
                    max-width: 280px;
                    font-size: 14px;
                    line-height: 22px; }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item.on .main-item img {
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                content: url("https://dream-cdn.beusable.net/home/images/features/loginBridge/icon-minus.svg"); }
              .login-bridge.container .login-bridge.contents .features-wrapper .feature .questions-wrapper .writing-list .item.on .sub-item {
                max-height: 500px; } }

.new-day-container {
  position: relative; }
  .new-day-container .pc {
    display: block; }
    .new-day-container .pc-initial {
      display: initial; }
  .new-day-container .mo {
    display: none; }
  .new-day-container * {
    letter-spacing: initial;
    box-sizing: border-box;
    font-family: "Pretendard Variable"; }
  .new-day-container .aiday__navigation.mobile {
    display: none;
    z-index: 2; }
  .new-day-container .aiday__navigation.pc {
    z-index: 2;
    position: fixed; }
    .new-day-container .aiday__navigation.pc .navigation-button {
      position: fixed;
      top: 46%;
      cursor: pointer; }
      .new-day-container .aiday__navigation.pc .navigation-button i {
        display: inline-block;
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
        background-size: 60px; }
      .new-day-container .aiday__navigation.pc .navigation-button.left {
        left: 0; }
        .new-day-container .aiday__navigation.pc .navigation-button.left .icon-right-arrow {
          background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-left-transparent.svg"); }
        .new-day-container .aiday__navigation.pc .navigation-button.left:hover:not(.disable) .icon-right-arrow {
          background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-left-hover.svg"); }
      .new-day-container .aiday__navigation.pc .navigation-button.right {
        right: 0;
        rotate: -180deg; }
        .new-day-container .aiday__navigation.pc .navigation-button.right .icon-right-arrow {
          background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-left-transparent.svg"); }
        .new-day-container .aiday__navigation.pc .navigation-button.right:hover:not(.disable) .icon-right-arrow {
          background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-left-hover.svg"); }
      .new-day-container .aiday__navigation.pc .navigation-button.disable {
        cursor: default; }
        .new-day-container .aiday__navigation.pc .navigation-button.disable .icon-right-arrow {
          background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-left-disabled.svg"); }
  .new-day-container .dday-btn {
    cursor: default;
    padding: 21px 24px 24px;
    border-radius: 50em;
    opacity: 0.2;
    background: #FE0;
    box-shadow: 0 26px 24px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px; }
    .new-day-container .dday-btn .text-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px; }
    .new-day-container .dday-btn .icon--write {
      width: 44px;
      height: 44px;
      background: #fff url(https://dream-cdn.beusable.net/home/thday/20250911/icon-btn-write.svg) no-repeat center/24px 24px;
      border-radius: 50em; }
    .new-day-container .dday-btn .days {
      color: #EC0047;
      font-size: 26px;
      font-weight: 700;
      line-height: 100%; }
    .new-day-container .dday-btn .sub-text {
      color: #222;
      font-size: 16px;
      font-weight: 700;
      line-height: 100%; }
  .new-day-container div[class*="-section"] {
    position: relative;
    overflow: hidden; }
  .new-day-container .inner {
    padding-inline: 20px;
    max-width: 1210px;
    margin: 0 auto;
    position: relative; }
  .new-day-container .unit {
    font-size: 49px;
    font-weight: 800;
    line-height: 84%;
    display: block;
    font-style: normal; }
    .new-day-container .unit-text {
      display: flex;
      align-items: flex-end;
      gap: 1.5px; }
  .new-day-container .section-title {
    font-size: 58px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 124px;
    margin-left: 95px; }
  .new-day-container .title-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center; }
    .new-day-container .title-box .section-title {
      margin: 0; }
    .new-day-container .title-box .section-sub-title {
      color: #ccc;
      font-size: 22px;
      font-weight: 500;
      line-height: 130%; }
  .new-day-container .content-label {
    color: #FE0;
    font-size: 103px;
    font-weight: 700;
    line-height: 100%;
    position: relative; }
  .new-day-container .content-desc {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    .new-day-container .content-desc .title {
      color: #fff;
      font-size: 26px;
      font-weight: 700;
      line-height: 130%; }
    .new-day-container .content-desc .desc {
      color: #ADBCFF;
      font-size: 18px;
      font-weight: 400;
      line-height: 160%; }
  .new-day-container .iframe-box {
    position: relative;
    width: 100%;
    height: 100%; }
    .new-day-container .iframe-box.live {
      aspect-ratio: 16/9px; }
    .new-day-container .iframe-box.chat-bot {
      height: 100vh; }
    .new-day-container .iframe-box iframe {
      border: none;
      position: absolute;
      width: 100%;
      height: 100%; }
  .new-day-container .top-visual-section {
    background-color: #002594; }
    .new-day-container .top-visual-section .bg-img {
      width: 1140px;
      height: 898px;
      position: absolute;
      top: 0;
      background: url(https://dream-cdn.beusable.net/home/thday/20250911/20250911-bg.jpg) no-repeat center right/cover; }
    .new-day-container .top-visual-section .bg-text {
      white-space: nowrap;
      color: rgba(0, 37, 148, 0.7);
      font-size: 186px;
      font-weight: 600;
      mix-blend-mode: color-dodge;
      position: absolute;
      top: 331px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 0; }
    .new-day-container .top-visual-section .inner {
      min-height: 898px;
      padding-block: 0; }
    .new-day-container .top-visual-section .content .text-box {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 22px;
      padding-top: 193px;
      z-index: 1; }
    .new-day-container .top-visual-section .content .visual-text {
      position: relative; }
    .new-day-container .top-visual-section .content .visual-title {
      color: #FFF;
      font-size: 92px;
      font-weight: 700;
      line-height: 110%; }
      .new-day-container .top-visual-section .content .visual-title span {
        color: #FE0;
        font-weight: 300; }
    .new-day-container .top-visual-section .content .visual-para {
      width: 100%;
      position: absolute;
      bottom: 6px;
      left: 194px;
      color: #FFF;
      font-size: 26px;
      font-weight: 500;
      line-height: 130%; }
    .new-day-container .top-visual-section .content .label {
      border-radius: 50em;
      padding: 6px 16px;
      font-size: 18px;
      font-weight: 700;
      line-height: 130%;
      display: block;
      cursor: pointer; }
      .new-day-container .top-visual-section .content .label-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px; }
        .new-day-container .top-visual-section .content .label-box .keywords {
          display: flex;
          align-items: center;
          gap: 8px; }
      .new-day-container .top-visual-section .content .label-date {
        align-self: flex-start;
        background-color: #FFF;
        color: #002594;
        display: flex;
        align-items: center;
        gap: 10px; }
      .new-day-container .top-visual-section .content .label-keyword {
        background-color: #0029DF;
        color: #A1C9FF; }
    .new-day-container .top-visual-section .icon {
      display: block;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 20px;
      height: 20px;
      flex: 0 0 20px; }
      .new-day-container .top-visual-section .icon--main-date {
        background-image: url(https://dream-cdn.beusable.net/home/thday/20250911/icon-main-date.svg); }
      .new-day-container .top-visual-section .icon--main-link {
        background-image: url(https://dream-cdn.beusable.net/home/thday/20250911/icon--main-link.svg); }
  .new-day-container .innovation-section {
    background: #000 url(https://dream-cdn.beusable.net/home/thday/20250911/20250911-innovation-full-bg.jpg) no-repeat center center/cover; }
    .new-day-container .innovation-section .inner {
      padding-block: 181px 210px; }
    .new-day-container .innovation-section .bg-top-img {
      width: 100%;
      height: 304px;
      aspect-ratio: 120 / 19;
      position: absolute;
      top: 145px;
      background: url(https://dream-cdn.beusable.net/home/thday/20250911/20250911-innovation-bg.png) no-repeat center/100% 100%; }
    .new-day-container .innovation-section .bg-text {
      color: rgba(241, 192, 12, 0.16);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;
      top: 170px;
      font-size: 135px;
      font-weight: 600;
      line-height: 80%;
      mix-blend-mode: exclusion; }
    .new-day-container .innovation-section .title-box {
      position: relative;
      margin-bottom: 57px; }
      .new-day-container .innovation-section .title-box .section-title {
        color: #FE0; }
    .new-day-container .innovation-section .content-list {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px; }
      .new-day-container .innovation-section .content-list li {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        flex: 0 1 430px; }
        .new-day-container .innovation-section .content-list li .logo {
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        .new-day-container .innovation-section .content-list li.beusable .logo {
          background-image: url(https://dream-cdn.beusable.net/home/images/logo-main.svg);
          width: 247px;
          height: 86px; }
        .new-day-container .innovation-section .content-list li.knitlog {
          position: relative;
          padding-top: 110px; }
          .new-day-container .innovation-section .content-list li.knitlog .logo {
            background-image: url(https://dream-cdn.beusable.net/home/thday/20250911/knitlog-logo.svg);
            width: 217px;
            height: 104px;
            position: absolute;
            top: 0; }
      .new-day-container .innovation-section .content-list .icon--plus {
        width: 90px;
        height: 90px;
        flex: 0 0 90px;
        background: url(https://dream-cdn.beusable.net/home/thday/20250911/icon-yellow-plus.svg) no-repeat center/contain; }
    .new-day-container .innovation-section .content-desc {
      gap: 24px;
      text-align: center;
      align-items: center; }
      .new-day-container .innovation-section .content-desc .check-list {
        display: flex;
        flex-direction: column;
        gap: 8px; }
        .new-day-container .innovation-section .content-desc .check-list .desc {
          display: flex;
          align-items: flex-start;
          gap: 8px;
          color: #FFF;
          font-size: 22px;
          font-weight: 400;
          line-height: 160%; }
          .new-day-container .innovation-section .content-desc .check-list .desc:before {
            content: '';
            background: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-main-arrow.svg") no-repeat center/contain;
            display: block;
            flex: 0 0 20px;
            width: 20px;
            height: 20px;
            margin-top: 7.5px; }
  .new-day-container .secret-section {
    background-color: #00103F;
    z-index: 1; }
    .new-day-container .secret-section .bg-img {
      position: absolute; }
      .new-day-container .secret-section .bg-img.pc {
        z-index: -1;
        width: 942.923px;
        height: 454px;
        left: -156px;
        transform: scaleY(-1);
        bottom: 0;
        background: url(https://dream-cdn.beusable.net/home/thday/20250911/20250911-secret-bg.png) no-repeat bottom right 55px/contain; }
    .new-day-container .secret-section .inner {
      padding-block: 132px 0; }
    .new-day-container .secret-section .title-box {
      margin-bottom: 80px; }
      .new-day-container .secret-section .title-box .section-title {
        color: #fff; }
    .new-day-container .secret-section .icon {
      position: absolute; }
    .new-day-container .secret-section .icon--secret-ai {
      display: block;
      width: 53px;
      height: 63px;
      background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-secret-ai.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      left: 98px;
      bottom: 13px; }
    .new-day-container .secret-section .icon--secret-min {
      display: block;
      width: 42px;
      height: 42px;
      background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-secret-min.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      left: 146px;
      bottom: 44px; }
    .new-day-container .secret-section .icon--secret-next {
      display: block;
      width: 36px;
      height: 36px;
      background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-secret-next.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      left: 106px;
      top: 17px; }
    .new-day-container .secret-section .unit {
      margin-bottom: 14px; }
    .new-day-container .secret-section .content-desc .title {
      text-align: center; }
    .new-day-container .secret-section .content-desc .desc {
      text-align: center;
      padding-bottom: 154px; }
    .new-day-container .secret-section .content-label {
      min-height: 103px;
      display: flex;
      align-items: center; }
    .new-day-container .secret-section .content-list {
      display: flex;
      align-items: stretch;
      justify-content: center;
      gap: 64px; }
      .new-day-container .secret-section .content-list li {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        flex-basis: 336px; }
      .new-day-container .secret-section .content-list .next-analytics .unit {
        font-size: 46px;
        margin-bottom: 0; }
  .new-day-container .agenda-section .inner {
    padding-block: 150px 129px; }
  .new-day-container .agenda-section .section-title {
    color: #002594;
    text-align: center; }
  .new-day-container .agenda-section .content-desc {
    text-align: center; }
    .new-day-container .agenda-section .content-desc .title {
      color: #002594; }
    .new-day-container .agenda-section .content-desc .desc {
      color: #373737; }
  .new-day-container .agenda-section .content-list {
    counter-reset: list-number;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 138px 64px; }
    .new-day-container .agenda-section .content-list li {
      flex: 0 1 336px;
      counter-increment: list-number;
      position: relative;
      padding-bottom: 10px; }
      .new-day-container .agenda-section .content-list li.accent-item .title {
        color: #EC0047; }
      .new-day-container .agenda-section .content-list li.accent-item .icon--badge-ai {
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
        width: 42px;
        height: 20px;
        background: url(https://dream-cdn.beusable.net/home/thday/20250911/icon-new-badge.svg) no-repeat center/contain; }
      .new-day-container .agenda-section .content-list li:before {
        content: counter(list-number);
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        color: #FE0;
        font-size: 204px;
        font-weight: 700;
        line-height: 100%; }
  .new-day-container .amount-section {
    background: url(https://dream-cdn.beusable.net/home/thday/20250911/20250911-number-bg.png) no-repeat center/cover; }
    .new-day-container .amount-section .inner {
      padding-block: 154px 174px; }
    .new-day-container .amount-section .group-line {
      display: block;
      width: 1px;
      height: 132px;
      background-color: #FE0; }
    .new-day-container .amount-section .number {
      color: #FE0;
      font-size: 80px;
      display: flex;
      align-items: flex-end;
      gap: 4px;
      font-weight: 700;
      line-height: 100%; }
      .new-day-container .amount-section .number .unit {
        font-size: 30px;
        font-weight: 700;
        line-height: 100%;
        margin-bottom: 12px; }
      .new-day-container .amount-section .number-list {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 120px; }
      .new-day-container .amount-section .number-item {
        min-width: 200px;
        display: flex;
        align-items: flex-end;
        gap: 16px;
        flex: 1; }
        .new-day-container .amount-section .number-item:first-child {
          justify-content: flex-end; }
      .new-day-container .amount-section .number-desc {
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 16px; }
  .new-day-container .schedule-section {
    background-color: #F4F4F4; }
    .new-day-container .schedule-section .inner {
      padding-block: 150px 100px; }
    .new-day-container .schedule-section .title-box .section-title {
      color: #5371F2; }
    .new-day-container .schedule-section .title-box .section-sub-title {
      color: #5371F2;
      padding-bottom: 68px; }
    .new-day-container .schedule-section .content-list {
      max-width: 970px;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto; }
    .new-day-container .schedule-section .content-item {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #BBB;
      height: 134px; }
      .new-day-container .schedule-section .content-item:last-child {
        border-bottom: none; }
    .new-day-container .schedule-section .time {
      text-align: left;
      color: #5371F2;
      font-size: 26px;
      font-weight: 700;
      line-height: 100%;
      flex: 0 0 165px; }
      .new-day-container .schedule-section .time-subject {
        flex: 0 1 185px;
        color: #002594;
        font-size: 26px;
        font-weight: 700;
        line-height: 100%;
        margin-left: auto;
        margin-right: 135px; }
        .new-day-container .schedule-section .time-subject.deco {
          display: flex;
          flex-direction: column;
          gap: 8px; }
          .new-day-container .schedule-section .time-subject.deco .icon--deco {
            display: block;
            width: 185px;
            height: 21px;
            background: url(https://dream-cdn.beusable.net/home/thday/20250911/icon-with.svg) no-repeat center/contain; }
      .new-day-container .schedule-section .time-object {
        flex: 0 1 371px;
        color: #002594;
        font-size: 22px;
        font-weight: 600;
        line-height: 160%; }
  .new-day-container .newday-footer {
    background-color: #000; }
    .new-day-container .newday-footer .inner {
      padding-block: 80px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 54px; }
    .new-day-container .newday-footer .section-title {
      color: #2B52FF;
      margin: 0; }
    .new-day-container .newday-footer .right-content {
      color: #fff;
      display: flex;
      flex-direction: column;
      gap: 32px;
      flex-basis: 770px; }
      .new-day-container .newday-footer .right-content .reservation-box {
        margin-top: 7px;
        margin-bottom: 10px;
        font-size: 26px;
        font-weight: 500;
        line-height: 130%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px; }
      .new-day-container .newday-footer .right-content .addr-box {
        display: flex;
        flex-direction: column;
        gap: 9px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        font-style: normal; }
        .new-day-container .newday-footer .right-content .addr-box strong {
          font-size: 20px;
          font-weight: 600; }
      .new-day-container .newday-footer .right-content .bottom {
        border-top: 1px solid #444;
        padding-top: 32px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap-reverse;
        gap: 32px; }
        .new-day-container .newday-footer .right-content .bottom .logo-box {
          display: flex;
          flex-direction: column;
          gap: 16px; }
          .new-day-container .newday-footer .right-content .bottom .logo-box .logo {
            margin-left: 2px;
            display: block;
            width: 150px;
            height: 26px;
            background-image: url("https://dream-cdn.beusable.net/home/images/logo-main.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
          .new-day-container .newday-footer .right-content .bottom .logo-box .copyright {
            color: #999;
            font-size: 13px;
            line-height: 1; }
        .new-day-container .newday-footer .right-content .bottom .sns-list {
          display: flex;
          gap: 16px; }
          .new-day-container .newday-footer .right-content .bottom .sns-list .icon--footer-forum {
            display: block;
            width: 62.5px;
            height: 24px;
            background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-footer-forum.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
          .new-day-container .newday-footer .right-content .bottom .sns-list .icon--footer-facebook {
            display: block;
            width: 24px;
            height: 24px;
            background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-footer-facebook.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
          .new-day-container .newday-footer .right-content .bottom .sns-list .icon--footer-instar {
            display: block;
            width: 24px;
            height: 24px;
            background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-footer-instar.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
          .new-day-container .newday-footer .right-content .bottom .sns-list .icon--footer-twitter {
            display: block;
            width: 24px;
            height: 24px;
            background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-footer-twitter.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
          .new-day-container .newday-footer .right-content .bottom .sns-list .icon--footer-link {
            display: block;
            width: 24px;
            height: 24px;
            background-image: url("https://dream-cdn.beusable.net/home/thday/20250911/icon-footer-link.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
  .new-day-container .chatbot-section {
    background-color: #f4f4f4;
    padding-block: 0; }

@media all and (max-width: 768px) {
  .new-day-container {
    min-width: 320px; }
    .new-day-container .unit {
      font-size: 32px;
      margin-bottom: 5px; }
    .new-day-container .pc {
      display: none; }
      .new-day-container .pc-initial {
        display: none; }
    .new-day-container .mo {
      display: block; }
    .new-day-container .section-title {
      margin: 0;
      font-size: 30px;
      text-align: center; }
    .new-day-container .content-desc {
      gap: 8px; }
      .new-day-container .content-desc .title {
        font-size: 18px; }
      .new-day-container .content-desc .desc {
        font-size: 12px; }
    .new-day-container .aiday__navigation.pc {
      display: none; }
    .new-day-container .aiday__navigation.mobile {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 5px; }
      .new-day-container .aiday__navigation.mobile .navigation-button {
        display: flex;
        align-items: center;
        padding: 10px;
        border-radius: 100%;
        background-color: #FFF;
        filter: drop-shadow(0px 9px 9.5px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.16));
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer; }
        .new-day-container .aiday__navigation.mobile .navigation-button.right {
          rotate: 180deg;
          filter: drop-shadow(0px -9px 9.5px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.16)); }
        .new-day-container .aiday__navigation.mobile .navigation-button.disable {
          opacity: 0.3;
          cursor: default; }
    .new-day-container .title-box {
      margin: 0; }
      .new-day-container .title-box .section-title {
        font-size: 30px; }
      .new-day-container .title-box .section-sub-title {
        text-align: center;
        font-size: 16px; }
    .new-day-container .top-visual-section .bg-img {
      background-image: url(https://dream-cdn.beusable.net/home/thday/20250911/20250911-bg-mo.png);
      background-position: bottom right;
      right: 0;
      left: auto;
      bottom: 0;
      top: unset;
      width: 423px;
      height: 612px;
      mix-blend-mode: difference; }
    .new-day-container .top-visual-section .inner {
      min-height: initial;
      padding-block: 126px 162px;
      padding-inline: 20px; }
    .new-day-container .top-visual-section .content .label-box .keywords {
      flex-wrap: wrap;
      gap: 4px; }
    .new-day-container .top-visual-section .content .label-box .link-keyword {
      gap: 12px; }
    .new-day-container .top-visual-section .content .text-box {
      padding: 0;
      gap: 24px; }
    .new-day-container .top-visual-section .content .bg-text {
      position: unset;
      font-size: 48px;
      margin-top: 8px; }
    .new-day-container .top-visual-section .content .visual-text {
      display: flex;
      flex-direction: column;
      gap: 12px; }
    .new-day-container .top-visual-section .content .visual-title {
      font-size: 44px; }
    .new-day-container .top-visual-section .content .visual-para {
      position: unset;
      font-size: 16px; }
    .new-day-container .innovation-section {
      background-position: center left 30%; }
      .new-day-container .innovation-section .inner {
        padding-block: 78px; }
      .new-day-container .innovation-section .content-list {
        flex-direction: column;
        text-align: center;
        gap: 32px; }
        .new-day-container .innovation-section .content-list li {
          align-items: center;
          flex: 1;
          width: 100%; }
          .new-day-container .innovation-section .content-list li.beusable .logo {
            height: 34px;
            background-size: 169px 30px; }
          .new-day-container .innovation-section .content-list li.knitlog {
            padding-top: 77px; }
            .new-day-container .innovation-section .content-list li.knitlog .logo {
              width: 144px;
              height: 69px; }
        .new-day-container .innovation-section .content-list .icon--plus {
          width: 45px;
          height: 45px;
          flex: 0 0 45px; }
      .new-day-container .innovation-section .content-desc {
        gap: 12px; }
        .new-day-container .innovation-section .content-desc .title {
          font-size: 18px; }
        .new-day-container .innovation-section .content-desc .check-list .desc {
          justify-content: center;
          color: #CCC;
          font-size: 16px;
          gap: 4px; }
          .new-day-container .innovation-section .content-desc .check-list .desc:before {
            margin-top: 5px;
            width: 16px;
            height: 16px;
            flex: 0 0 16px; }
      .new-day-container .innovation-section .title-box {
        margin-bottom: 52px; }
        .new-day-container .innovation-section .title-box .section-sub-title {
          position: unset; }
    .new-day-container .secret-section .bg-img {
      background: url(https://dream-cdn.beusable.net/home/thday/20250911/20250911-secret-bg-mo.png) no-repeat center/contain;
      width: 477px;
      height: 252px;
      right: 144px;
      left: unset;
      bottom: unset; }
    .new-day-container .secret-section .inner {
      padding-block: 40px 60px; }
    .new-day-container .secret-section .title-box {
      margin-bottom: 52px;
      gap: 12px; }
    .new-day-container .secret-section .icon--secret-ai {
      position: unset;
      width: 30px;
      height: 36px;
      margin-bottom: 4px; }
    .new-day-container .secret-section .icon--secret-min {
      position: unset;
      width: 24px;
      height: 24px;
      margin-bottom: 5px; }
    .new-day-container .secret-section .icon--secret-next {
      width: 24px;
      height: 24px;
      left: 65px;
      top: 0; }
    .new-day-container .secret-section .unit {
      margin-bottom: 5px; }
    .new-day-container .secret-section .content-list {
      flex-direction: column;
      align-items: center;
      gap: 32px; }
      .new-day-container .secret-section .content-list li {
        flex: 1;
        text-align: center;
        gap: 12px; }
      .new-day-container .secret-section .content-list .next-analytics .content-label {
        text-align: initial;
        display: flex;
        justify-content: center; }
      .new-day-container .secret-section .content-list .next-analytics .unit {
        font-size: 28px;
        margin-bottom: 2px; }
    .new-day-container .secret-section .content-label {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      font-size: 50px;
      min-height: initial;
      gap: 2px; }
    .new-day-container .secret-section .content-desc .desc {
      padding-bottom: 0; }
    .new-day-container .secret-section .unit-text {
      gap: 0;
      justify-content: center; }
    .new-day-container .agenda-section .inner {
      padding-block: 40px 60px;
      padding-right: 17px; }
    .new-day-container .agenda-section .content-list {
      margin-top: 40px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 18px; }
      .new-day-container .agenda-section .content-list li {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-bottom: 0; }
        .new-day-container .agenda-section .content-list li:before {
          position: unset;
          font-size: 50px;
          transform: initial; }
        .new-day-container .agenda-section .content-list li.accent-item .icon--badge-ai {
          width: 32px;
          height: 15px;
          margin-left: 2px;
          position: unset;
          transform: unset;
          vertical-align: 0; }
    .new-day-container .agenda-section .content-desc {
      text-align: left; }
    .new-day-container .schedule-section .inner {
      padding-block: 40px 60px; }
    .new-day-container .schedule-section .title-box .section-sub-title {
      padding-bottom: 60px; }
    .new-day-container .schedule-section .content-list {
      gap: 30px; }
    .new-day-container .schedule-section .content-item {
      flex-direction: column;
      height: auto;
      padding-bottom: 30px; }
      .new-day-container .schedule-section .content-item:last-child {
        padding-bottom: 0; }
    .new-day-container .schedule-section .time {
      flex: auto;
      order: 1;
      font-size: 16px; }
      .new-day-container .schedule-section .time-subject {
        flex: auto;
        order: 0;
        font-size: 22px; }
        .new-day-container .schedule-section .time-subject.deco {
          align-items: center;
          gap: 2px; }
          .new-day-container .schedule-section .time-subject.deco .icon--deco {
            width: 155px;
            height: 18px; }
      .new-day-container .schedule-section .time-object {
        flex: auto;
        order: 2;
        font-size: 18px;
        text-align: center; }
    .new-day-container .amount-section .inner {
      padding-block: 60px; }
    .new-day-container .amount-section .number {
      font-size: 42px; }
      .new-day-container .amount-section .number .unit {
        font-size: 20px;
        margin-bottom: 6px; }
      .new-day-container .amount-section .number-list {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 32px; }
        .new-day-container .amount-section .number-list .group-line {
          width: 32px;
          height: 1px; }
      .new-day-container .amount-section .number-item {
        flex-direction: column;
        align-items: center;
        gap: 8px; }
      .new-day-container .amount-section .number-desc {
        font-size: 18px;
        order: 1;
        margin-bottom: 0; }
    .new-day-container .newday-footer .inner {
      padding-block: 40px;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 16px; }
    .new-day-container .newday-footer .right-content {
      gap: 24px;
      flex-basis: auto;
      width: 100%; }
      .new-day-container .newday-footer .right-content .reservation-box {
        margin-top: 0;
        margin-bottom: 20px;
        align-items: center;
        font-size: 18px;
        font-weight: 700; }
      .new-day-container .newday-footer .right-content .bottom {
        padding-top: 24px;
        justify-content: center;
        align-items: center; }
        .new-day-container .newday-footer .right-content .bottom .logo-box {
          align-items: center; } }

@media all and (max-width: 400px) {
  .new-day-container .top-visual-section .bg-img {
    background-position: bottom right -52px; }
  .new-day-container .innovation-section {
    background-position: center left 40%; }
  .new-day-container .secret-section .bg-img {
    right: 92px; } }

@media (min-width: 1980px) {
  .new-day-container .innovation-section .bg-top-img {
    top: 111px; } }

/* 1920px 이상일 때 */
@media (min-width: 1920px) {
  .new-day-container .top-visual-section .bg-img {
    right: 0; } }

/* 1920px 미만일 때 */
@media (max-width: 1919px) {
  .top-visual-section .bg-img {
    right: auto;
    left: 741px; }
  .secret-section .bg-img {
    right: auto;
    left: 274px; } }

@media (max-width: 1024px) {
  .new-day-container .schedule-section .content-item {
    gap: 16px;
    justify-content: space-between; }
  .new-day-container .schedule-section .time-subject {
    margin-left: 0;
    margin-right: 0; } }

.dashboard.container {
  font-family: 'Pretendard Variable', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC', sans-serif;
  flex-direction: column;
  align-items: center;
  letter-spacing: normal; }
  .dashboard.container .dashboard.contents {
    margin-bottom: 200px !important; }
    .dashboard.container .dashboard.contents .title-wrapper {
      margin-top: 75px;
      text-align: center; }
      .dashboard.container .dashboard.contents .title-wrapper .title {
        color: #222;
        text-align: center;
        font-size: 55px;
        font-weight: 700;
        line-height: 72px;
        /* 130.909% */
        letter-spacing: -1px;
        margin-bottom: 25px;
        margin-top: 6px; }
      .dashboard.container .dashboard.contents .title-wrapper .sub-title {
        color: #222;
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        line-height: 120%;
        /* 28.8px */
        margin-bottom: -19px; }
      .dashboard.container .dashboard.contents .title-wrapper .desc {
        color: #222;
        text-align: center;
        font-size: 26px;
        font-weight: 500;
        line-height: 42px;
        /* 161.538% */ }
      .dashboard.container .dashboard.contents .title-wrapper .img-wrap {
        display: inline-block;
        margin-top: 36px;
        width: 646px;
        height: 413px; }
        .dashboard.container .dashboard.contents .title-wrapper .img-wrap .icon-dashboard {
          width: 646px;
          height: 413px; }
    .dashboard.container .dashboard.contents .features-wrapper {
      max-width: 1170px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 50px; }
      .dashboard.container .dashboard.contents .features-wrapper .feature {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 28px;
        text-align: center;
        border-bottom: 2px solid #bbb;
        padding-bottom: 160px; }
        .dashboard.container .dashboard.contents .features-wrapper .feature:not(:first-child) {
          margin-top: 162px; }
        .dashboard.container .dashboard.contents .features-wrapper .feature.en, .dashboard.container .dashboard.contents .features-wrapper .feature.ja {
          display: none; }
        .dashboard.container .dashboard.contents .features-wrapper .feature.trap-wrapper .title-wrapper {
          width: fit-content;
          display: flex;
          flex-direction: column;
          align-self: baseline;
          margin-left: 50px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature.trap-wrapper .title-wrapper.ja {
            margin-left: 0; }
        .dashboard.container .dashboard.contents .features-wrapper .feature .title-wrapper .title {
          color: #222;
          text-align: center;
          font-size: 36px;
          font-weight: 700;
          line-height: 47px;
          /* 130.556% */
          letter-spacing: -1px;
          margin-bottom: 24px; }
        .dashboard.container .dashboard.contents .features-wrapper .feature .title-wrapper .caption {
          color: #444;
          text-align: center;
          font-size: 18px;
          font-weight: 400;
          line-height: 29px;
          /* 161.111% */ }
        .dashboard.container .dashboard.contents .features-wrapper .feature .title-wrapper .desc {
          color: #222;
          font-size: 26px;
          font-weight: 700;
          line-height: 37px;
          /* 142.308% */
          letter-spacing: -1px; }
        .dashboard.container .dashboard.contents .features-wrapper .feature .trap {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          gap: 33px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality {
            display: flex;
            align-items: center;
            gap: 33px;
            margin-top: -300px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content {
              width: 397px;
              height: 516px;
              border-radius: 20px;
              border: 6px solid #6D727B;
              background: #F6F6F6;
              padding: 18px;
              box-sizing: border-box; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .header {
                display: flex;
                justify-content: space-between;
                align-items: center; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .header span {
                  background: #D7D7D7;
                  border-radius: 6px;
                  padding: 10px 12px;
                  color: #2F2F2F;
                  font-size: 18px;
                  font-weight: 700;
                  line-height: 29px;
                  /* 161.111% */ }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .header .icon-question-mark {
                  width: 34px;
                  height: 34px;
                  margin-right: 6px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples {
                margin-top: 12px;
                padding: 0 8px;
                box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples h3 {
                  color: #444;
                  font-size: 24px;
                  font-weight: 600;
                  line-height: 47px;
                  /* 195.833% */
                  letter-spacing: -1px;
                  border-bottom: 2px solid #D9D9D9;
                  padding-bottom: 12px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example {
                  box-sizing: border-box;
                  margin-top: 43px;
                  display: flex;
                  flex-direction: column;
                  gap: 12px;
                  padding-left: 57px;
                  padding-right: 20px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example.en, .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example.ja {
                    padding-left: 31px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example div {
                    text-align: left;
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    color: #222;
                    font-size: 18px;
                    font-weight: 500;
                    line-height: 100%;
                    /* 18px */
                    letter-spacing: -1px; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example div img {
                      width: 22px;
                      height: 22px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .result {
                  margin-top: 64px;
                  display: flex;
                  align-items: center;
                  gap: 8px;
                  color: #444;
                  text-align: center;
                  font-size: 18px;
                  font-weight: 600;
                  line-height: 150%;
                  /* 27px */
                  padding-left: 20px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality .versus {
              color: #444;
              text-align: center;
              font-size: 22px;
              font-weight: 600;
              line-height: 100%;
              /* 22px */
              display: flex;
              width: 68px;
              height: 68px;
              padding: 10px;
              justify-content: center;
              align-items: center;
              border-radius: 100px;
              background: #EBEBEB;
              box-sizing: border-box; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation {
            width: 572px;
            height: 900px;
            border-radius: 20px;
            border: 6px solid #EC0047;
            background: linear-gradient(0deg, #FFF 0%, #FFF 100%), rgba(0, 0, 0, 0);
            box-shadow: 0 26px 30px -11px rgba(0, 0, 0, 0.3);
            padding: 18px;
            box-sizing: border-box; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .header {
              display: flex;
              justify-content: space-between;
              align-items: center;
              height: 50px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .header span {
                background: #EC0047;
                border-radius: 6px;
                color: #FFF;
                font-size: 20px;
                font-weight: 600;
                line-height: 100%;
                /* 20px */
                padding: 10px 14px;
                display: flex;
                align-items: flex-end;
                gap: 6px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .header .icon-sketch-mark {
                width: 74px;
                height: 40px;
                margin-right: 5px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples {
              margin-top: 30px;
              padding: 0 13px;
              box-sizing: border-box; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples h3 {
                color: #222;
                text-align: center;
                font-size: 36px;
                font-weight: 700;
                line-height: 47px;
                /* 130.556% */
                letter-spacing: -1px;
                border-bottom: 2px solid #D9D9D9;
                padding-bottom: 20px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example {
                box-sizing: border-box;
                margin-top: 32px;
                display: flex;
                flex-direction: column;
                gap: 16px;
                padding-left: 108px;
                padding-right: 30px;
                height: 248px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example.ja {
                  padding-left: 72px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example div {
                  text-align: left;
                  display: flex;
                  align-items: center;
                  gap: 12px;
                  color: #222;
                  font-size: 20px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 20px */
                  letter-spacing: -1px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example div img {
                    width: 28px;
                    height: 28px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .result {
                margin-top: 36px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                color: #429700;
                text-align: center;
                font-size: 20px;
                font-weight: 600;
                line-height: 150%;
                /* 30px */ }
            .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide {
              margin-top: 24px;
              background-color: #111;
              padding: 28px 16px;
              box-sizing: border-box;
              border-radius: 8px;
              width: 524px;
              height: 304px;
              text-align: left; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide .title {
                color: #FFD900;
                font-size: 20px;
                font-weight: 600;
                line-height: 150%;
                /* 30px */
                padding-left: 16px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide ul {
                margin-top: 20px;
                display: flex;
                flex-direction: column;
                gap: 2px;
                color: #FFF;
                font-size: 15px;
                font-weight: 400;
                line-height: 150%;
                /* 22.5px */
                padding-left: 32px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide ul li {
                  position: relative; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide ul li::before {
                    content: "";
                    position: absolute;
                    width: 3px;
                    height: 3px;
                    left: -10px;
                    top: 50%;
                    transform: translateY(-50%);
                    background: #888; }
        .dashboard.container .dashboard.contents .features-wrapper .feature .steps {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 60px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .steps:not(:first-child) {
            margin-top: 475px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top {
            display: flex;
            align-items: flex-start; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top .step {
              padding: 12px 16px;
              border-radius: 8px;
              background: #EC0047;
              color: #fff;
              font-size: 26px;
              font-weight: 600;
              line-height: 100%;
              /* 26px */
              margin-right: 32px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top .text {
              border-left: 2px solid #d9d9d9;
              padding-left: 24px;
              text-align: left; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top .text h3 {
                color: #222;
                font-size: 36px;
                font-weight: 700;
                line-height: 47px;
                /* 130.556% */
                letter-spacing: -1px;
                padding-bottom: 24px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top .text span {
                color: #444;
                font-size: 18px;
                font-weight: 400;
                line-height: 29px;
                /* 161.111% */ }
          .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom {
            width: 1170px;
            position: relative; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom img {
              width: 1170px;
              height: auto; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .character {
              position: absolute;
              width: 270px;
              height: 185px;
              right: 96px;
              bottom: 57px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon {
              position: absolute;
              right: 68px;
              top: 383px;
              width: 676px;
              background-color: #111;
              border-radius: 12px;
              box-sizing: border-box;
              padding: 16px;
              box-shadow: 0 20px 38px -10px rgba(0, 0, 0, 0.32); }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon::before {
                content: "";
                position: absolute;
                width: 48px;
                height: 37px;
                background-image: url(https://dream-cdn.beusable.net/home/images/dashboard/icon-balloon-arrow.svg);
                background-repeat: no-repeat;
                top: -27px;
                left: 304px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result {
                padding: 24px;
                box-sizing: border-box;
                border-radius: 6px;
                border: 1px solid #444;
                background-color: #333;
                color: #fff;
                text-align: left; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result h3 {
                  margin-bottom: 16px;
                  font-size: 20px;
                  font-weight: 600; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result ul {
                  display: flex;
                  flex-direction: column;
                  gap: 2px;
                  padding-left: 14px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result ul .item {
                    position: relative; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result ul .item::before {
                      content: "";
                      position: absolute;
                      width: 3px;
                      height: 3px;
                      left: -10px;
                      top: 50%;
                      transform: translateY(-50%);
                      background: #888; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result ul .item span {
                      font-size: 15px;
                      font-weight: 400;
                      line-height: 150%;
                      /* 22.5px */ }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .differences {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
                margin-top: 8px;
                padding: 16px;
                box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .differences .title {
                  color: #FFF;
                  font-size: 14px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 14px */
                  padding: 6px 8px;
                  border-radius: 4px;
                  border: 1px solid #16B5D2;
                  background: #0E90A5; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .differences .desc {
                  width: 100%;
                  display: flex;
                  justify-content: space-between;
                  text-align: left; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .differences .desc span {
                    color: #CCC;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 150%;
                    /* 22.5px */ }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .differences .desc img {
                    width: 48px;
                    height: 48px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom img {
            height: 541px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .character {
            width: 168px;
            height: 129px;
            top: 586px;
            right: 132px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon {
            width: 676px;
            height: 238px;
            top: 481px;
            left: 149px;
            right: initial; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon::before {
              left: 319px;
              transform: scale(-1, 1); }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .result {
              background-color: transparent;
              border: none;
              padding: 16px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .result span {
                font-size: 14px;
                font-weight: 600;
                line-height: 100%;
                /* 14px */
                padding: 6px 8px;
                border-radius: 4px;
                border: 1px solid #16B5D2;
                background-color: #0E90A5; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences {
              display: flex;
              flex-direction: row;
              gap: 17px;
              align-items: center;
              justify-content: center;
              padding: 0;
              margin-top: 15px;
              height: 120px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .ga4.ko {
                margin-right: 26px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .ga4 .title {
                color: #F4F4F4;
                font-size: 16px;
                font-weight: 600;
                line-height: 150%;
                /* 24px */
                background-color: transparent;
                border: none;
                padding: 0; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .ga4 .text {
                margin-top: 12px;
                display: inline-block;
                color: #CCC;
                text-align: center;
                font-size: 15px;
                font-weight: 500;
                line-height: 150%;
                /* 22.5px */
                word-break: break-word; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .ga4 .text.en {
                  width: 293px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .versus {
                position: relative;
                z-index: 1; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .versus::before {
                  content: "";
                  width: 1px;
                  height: 119px;
                  background-color: #666;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  z-index: -1; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .versus span {
                  color: #FFF;
                  text-align: center;
                  font-size: 12px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 12px */
                  width: 36px;
                  height: 36px;
                  padding: 5.3px;
                  box-sizing: border-box;
                  border-radius: 53px;
                  background: #444;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable {
                margin-top: -40px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable img {
                  width: 71px;
                  height: 13px;
                  margin-bottom: 12px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable .title {
                  color: #FAED4C;
                  text-align: center;
                  font-size: 18px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 18px */
                  background-color: transparent;
                  border: none;
                  margin-bottom: 17px;
                  padding: 0;
                  min-width: 240px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable .title.en {
                    width: 287px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable .text {
                  color: #FFF;
                  text-align: center;
                  font-size: 16px;
                  font-weight: 600;
                  line-height: 150%;
                  /* 24px */
                  margin-bottom: 16px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third {
            margin-bottom: 77px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom img {
              width: 1170px;
              height: auto; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon {
              width: 480px;
              height: 225px;
              top: 585px;
              left: 60px;
              padding: 32px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon::before {
                left: 221px;
                transform: scale(-1, 1); }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon .result {
                background-color: transparent;
                border: none;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 0;
                gap: 20px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon .result .title {
                  font-size: 14px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 14px */
                  padding: 6px 8px;
                  border-radius: 4px;
                  border: 1px solid #16B5D2;
                  background-color: #0E90A5; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon .result .text {
                  width: 100%;
                  color: #F4F4F4;
                  font-size: 15px;
                  font-weight: 600;
                  line-height: 150%;
                  /* 22.5px */
                  display: flex;
                  align-items: flex-end;
                  justify-content: space-between; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon .result .text img {
                    width: 48px;
                    height: 48px; }
      .dashboard.container .dashboard.contents .features-wrapper .advantage {
        margin-top: 200px; }
        .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper {
          display: flex;
          flex-wrap: wrap;
          gap: 40px;
          margin-bottom: 280px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left {
            width: 360px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left .label {
              color: #EC0047;
              font-size: 18px;
              font-weight: 600;
              line-height: 100%;
              /* 18px */ }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left h3 {
              margin-bottom: 8px;
              color: #222;
              font-size: 36px;
              font-weight: 700;
              line-height: 47px;
              /* 130.556% */
              letter-spacing: -1px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left .text {
              color: #444;
              font-size: 18px;
              font-weight: 400;
              line-height: 29px;
              /* 161.111% */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left .text.ja {
                word-break: break-all; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left img {
              margin-top: 8px;
              width: 218px;
              height: 253px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 30px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 {
              width: 370px;
              height: 513px;
              border-radius: 20px;
              background: #EBEBEB;
              padding: 28px;
              box-sizing: border-box; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 h3 {
                color: #2F2F2F;
                font-size: 30px;
                font-weight: 600;
                line-height: 100%;
                /* 30px */
                margin-top: 8px;
                margin-bottom: 52px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 .list {
                display: flex;
                flex-direction: column;
                gap: 12px;
                margin-left: 4px;
                padding-bottom: 34px;
                border-bottom: 1px solid #ccc; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 .list .item {
                  display: flex;
                  align-items: center;
                  gap: 8px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 .list .item .number {
                    display: flex;
                    width: 20px;
                    height: 20px;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border-radius: 91px;
                    border: 1px solid #AAA;
                    background: #FFF;
                    color: #2F2F2F;
                    text-align: center;
                    font-size: 11px;
                    font-weight: 600;
                    line-height: 100%;
                    /* 10.909px */
                    box-sizing: border-box; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 .list .item .text {
                    color: #2F2F2F;
                    font-size: 15px;
                    font-weight: 400;
                    line-height: 100%;
                    /* 15px */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 .time {
                margin-top: 24px;
                display: flex;
                align-items: center;
                gap: 8px;
                color: #2F2F2F;
                font-size: 16px;
                font-weight: 600;
                line-height: 100%;
                /* 16px */
                padding-left: 4px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable {
              width: 370px;
              height: 513px;
              border-radius: 20px;
              background: #111;
              padding: 28px;
              box-sizing: border-box;
              color: #FFF; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 52px;
                margin-top: 8px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .title h3 {
                  color: #FFF;
                  font-size: 30px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 30px */ }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .title img {
                  width: 89px;
                  height: 17px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list {
                display: flex;
                flex-direction: column;
                gap: 12px;
                margin-left: 4px;
                padding-bottom: 34px;
                border-bottom: 1px solid #444; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list.ja {
                  padding-bottom: 43px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item {
                  display: flex;
                  align-items: center;
                  gap: 8px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-1 {
                    align-items: flex-start; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-1 .text {
                      margin-top: 2.5px; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-1 .text > span {
                        margin-top: 2px;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 150%;
                        /* 21px */ }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 {
                    align-items: flex-start; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 .text {
                      margin-top: 2.5px; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 .text .ai-item {
                        height: 20px;
                        display: flex;
                        align-items: center;
                        gap: 4px; }
                        .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 .text .ai-item:first-child {
                          margin-top: 2px; }
                        .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 .text .ai-item:not(:last-child) {
                          margin-bottom: -4px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item .number {
                    display: flex;
                    width: 20px;
                    height: 20px;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border-radius: 91px;
                    background: #EC0047;
                    text-align: center;
                    font-size: 11px;
                    font-weight: 600;
                    line-height: 100%;
                    /* 10.909px */
                    box-sizing: border-box; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item .text {
                    font-size: 15px;
                    font-weight: 400;
                    line-height: 100%;
                    /* 15px */
                    display: flex;
                    flex-direction: column;
                    gap: 8px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .time {
                padding-left: 4px;
                margin-top: 24px;
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 16px;
                font-weight: 600;
                line-height: 100%;
                /* 16px */ }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse {
            flex-direction: row-reverse;
            flex-wrap: wrap; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .left {
              text-align: right;
              align-items: flex-end; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .left .robot {
                width: 173px;
                height: 153px;
                margin-top: 19px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 h3 {
              margin-bottom: 32px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .balloon {
              margin-left: 17px;
              border-radius: 16px;
              padding: 12px 18px;
              background-color: #fff;
              box-sizing: border-box;
              position: relative;
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
              margin-bottom: 26px;
              width: fit-content; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .balloon span {
                color: #262626;
                font-size: 14px;
                font-weight: 400;
                line-height: 150%;
                /* 21px */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .balloon svg {
                position: absolute;
                top: 0;
                left: -17px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .balloon.second {
                margin-top: 24px;
                margin-bottom: 76px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .list {
              padding-bottom: 0;
              border: none; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .time {
              padding-top: 24px;
              border-top: 1px solid #ccc; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .title {
              margin-bottom: 32px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .balloon {
              width: fit-content;
              margin-left: 17px;
              border-radius: 16px;
              padding: 12px 18px;
              background-color: #52503E;
              box-sizing: border-box;
              position: relative;
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
              margin-bottom: 26px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .balloon span {
                color: #fff;
                font-size: 14px;
                font-weight: 400;
                line-height: 150%;
                /* 21px */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .balloon svg {
                position: absolute;
                top: 0;
                left: -17px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .balloon.second {
                margin-top: 27px;
                margin-bottom: 86px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .balloon.second.en, .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .balloon.second.ja {
                  margin-bottom: 66px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .list {
              padding-bottom: 0;
              border: none; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .list .item.item-0 {
                align-items: flex-start; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .list .item.item-0 .text {
                  margin-top: 2.5px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .list .item.item-0 .text > span {
                    margin-top: 2px;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 150%;
                    /* 21px */ }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .time {
              padding-top: 24px;
              border-top: 1px solid #444; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .left img {
            width: 178px;
            height: 213px;
            margin-top: 35px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .ga4 .list {
            padding-bottom: 194px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .title {
            margin-bottom: 32px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat {
            display: flex;
            flex-direction: column;
            gap: 29px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon {
              margin-left: 17px;
              width: 213px;
              border-radius: 16px;
              padding: 12px 18px;
              box-sizing: border-box;
              position: relative;
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
              background-color: #52503E;
              align-self: flex-start; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon span {
                color: #fff;
                font-size: 14px;
                font-weight: 400;
                line-height: 150%;
                /* 21px */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon svg {
                position: absolute;
                top: 0;
                left: -17px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon.second {
                width: 229px;
                background-color: #404870;
                align-self: flex-end;
                margin-left: 0;
                margin-right: 17px;
                margin-bottom: 126.5px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon.second.ja {
                  margin-bottom: 105.5px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon.second svg {
                  left: auto;
                  right: -17px;
                  transform: scaleX(-1); }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .time {
            border-top: 1px solid #444;
            padding-top: 24px;
            margin-top: 0px; }
        .dashboard.container .dashboard.contents .features-wrapper .advantage .feature {
          margin-top: 0;
          border: none;
          padding-bottom: 0;
          gap: 18px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature:not(:last-child):not(:nth-last-child(2)) {
            margin-bottom: 280px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature h3 {
            color: #222;
            text-align: center;
            font-size: 55px;
            font-weight: 600;
            line-height: 72px;
            /* 130.909% */
            letter-spacing: -1px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .desc {
            color: #444;
            text-align: center;
            font-size: 18px;
            font-weight: 400;
            line-height: 29px;
            /* 161.111% */
            margin-bottom: 18px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content {
            max-width: 1170px;
            display: flex;
            border-radius: 20px;
            background: #FFF;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 8px 15px 0 rgba(0, 0, 0, 0.16);
            padding: 40px 32px;
            box-sizing: border-box;
            min-height: 488px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div {
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              box-sizing: border-box; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div:not(:first-child) {
                padding-left: 32px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div:not(:last-child) {
                border-right: 1px solid #e0e0e0;
                padding-right: 32px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div.intermediate .example > span {
                background-color: #13A5BF; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div.superior .example > span {
                background-color: #6218CF; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div h4 {
                color: #222;
                font-size: 36px;
                font-weight: 700;
                line-height: 47px;
                /* 130.556% */
                letter-spacing: -1px;
                margin-bottom: 4px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div > span {
                color: #444;
                font-size: 18px;
                font-weight: 400;
                line-height: 29px;
                /* 161.111% */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example {
                width: 100%;
                padding: 8px;
                box-sizing: border-box;
                border-radius: 8px;
                background: #ECECEC;
                margin-top: 32px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                min-width: 326px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example > span {
                  color: #fff;
                  font-size: 14px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 14px */
                  display: inline-flex;
                  padding: 6px 8px;
                  justify-content: center;
                  align-items: center;
                  border-radius: 4px;
                  background: #68BB0C;
                  box-sizing: border-box;
                  margin-bottom: 28px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example .list {
                  padding-left: 12px;
                  display: flex;
                  flex-direction: column;
                  gap: 8px;
                  padding-bottom: 24px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example .list .item {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    height: 23px; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example .list .item .number {
                      display: flex;
                      width: 20px;
                      height: 20px;
                      flex-direction: column;
                      justify-content: center;
                      align-items: center;
                      border-radius: 91px;
                      border: 1px solid #AAA;
                      background: #FFF;
                      color: #2F2F2F;
                      text-align: center;
                      font-size: 11px;
                      font-weight: 600;
                      line-height: 100%;
                      /* 10.909px */
                      box-sizing: border-box; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example .list .item .text {
                      color: #2F2F2F;
                      font-size: 15px;
                      font-weight: 400;
                      line-height: 150%;
                      /* 22.5px */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div > p {
                width: 100%;
                color: #444;
                text-align: center;
                font-size: 16px;
                font-weight: 600;
                line-height: 150%;
                /* 24px */
                margin-top: 32px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern {
            width: 100%;
            border-radius: 20px;
            background: #EBEBEB;
            padding: 36px;
            box-sizing: border-box; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern:not(:last-child) {
              margin-bottom: 14px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header {
              display: flex;
              align-items: flex-start;
              gap: 12px;
              margin-bottom: 8px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header .number {
                display: flex;
                width: 40px;
                height: 40px;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                border-radius: 182px;
                background: #EC0047;
                color: #fff;
                box-sizing: border-box;
                text-align: center;
                font-size: 22px;
                font-weight: 600;
                line-height: 100%;
                /* 21.818px */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header .text {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 9px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header .text span:first-child {
                  color: #222;
                  font-size: 26px;
                  font-weight: 600;
                  line-height: 150%;
                  /* 39px */ }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header .text span:last-child {
                  color: #444;
                  font-size: 18px;
                  font-weight: 400;
                  line-height: 150%;
                  /* 27px */ }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat {
              display: flex;
              flex-direction: column;
              gap: 25px;
              padding: 0 44px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .user {
                display: flex;
                align-items: flex-start;
                justify-content: flex-end;
                gap: 28.5px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .user span {
                  border-radius: 100px;
                  border: 1px solid rgba(0, 0, 0, 0.12);
                  background: #FFD900;
                  display: inline-flex;
                  padding: 6px 10px;
                  justify-content: center;
                  align-items: center;
                  flex-shrink: 0;
                  box-sizing: border-box;
                  color: #222;
                  font-size: 16px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 16px */ }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .user .message {
                  margin-top: 13px;
                  background-color: #fff;
                  color: #222;
                  font-size: 14px;
                  font-weight: 500;
                  line-height: 150%;
                  /* 21px */
                  padding: 18px 24px;
                  border-radius: 16px;
                  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                  box-sizing: border-box;
                  position: relative;
                  text-align: left; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .user .message svg {
                    position: absolute;
                    top: 0;
                    right: -17px;
                    transform: scaleX(-1); }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .ai {
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                gap: 28.5px;
                margin-bottom: 16px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .ai span {
                  border-radius: 100px;
                  border: 1px solid rgba(0, 0, 0, 0.12);
                  background: #0086FF;
                  display: inline-flex;
                  height: 30px;
                  padding: 6px 10px;
                  justify-content: center;
                  align-items: center;
                  color: #FFF;
                  font-size: 16px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 16px */
                  box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .ai .message {
                  margin-top: 13px;
                  background-color: #354180;
                  color: #fff;
                  font-size: 14px;
                  font-weight: 500;
                  line-height: 150%;
                  /* 21px */
                  padding: 18px 24px;
                  border-radius: 16px;
                  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                  box-sizing: border-box;
                  position: relative;
                  text-align: left; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .ai .message svg {
                    position: absolute;
                    top: 0;
                    left: -17px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern.last {
              background-color: #111; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern.last .header .text span {
                color: #fff; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern.last .header .text span:last-child {
                  color: #CCC; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern.last .chat .user .message {
                background-color: #444;
                color: #fff; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 38px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated.consultant {
              grid-template-columns: repeat(2, 1fr);
              margin-top: 20px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item {
              width: 370px;
              height: 386px;
              border-radius: 10px;
              background: #FFF;
              box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.27), 0 3px 9px 0 rgba(0, 0, 0, 0.14); }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item img {
                width: 82px;
                height: 82px;
                margin-top: 80px;
                margin-bottom: 52px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item h4 {
                color: #2F2F2F;
                text-align: center;
                font-size: 26px;
                font-weight: 600;
                letter-spacing: -0.5px;
                margin-bottom: 24px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item span {
                color: #666;
                text-align: center;
                font-size: 15px;
                font-weight: 400;
                line-height: 23px;
                /* 153.333% */ }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 52px;
            margin-top: 20px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 {
              border-radius: 20px;
              background: #EBEBEB;
              padding: 28px;
              box-sizing: border-box;
              min-width: 448px;
              max-height: 448px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .title {
                text-align: left;
                color: #2F2F2F;
                font-size: 26px;
                font-weight: 600;
                line-height: 100%;
                /* 26px */
                margin-top: 15px;
                padding-bottom: 15px;
                border-bottom: 1px solid #CCC; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .content {
                margin-top: 50px;
                background-color: transparent;
                box-shadow: none;
                border: none;
                display: flex;
                flex-direction: column;
                gap: 41px;
                padding: 0; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .content .payment {
                  color: #7C40DD;
                  text-align: center;
                  font-size: 30px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 30px */ }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .content .list {
                  background-color: #fff;
                  padding: 28px 62px 32px 35px;
                  border-radius: 8px;
                  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 4px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .content .list .item span {
                    text-align: left;
                    color: #2F2F2F;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 150%;
                    /* 27px */
                    position: relative; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .content .list .item span:before {
                      content: "";
                      position: absolute;
                      top: 50%;
                      left: -10px;
                      transform: translateY(-50%);
                      width: 3px;
                      height: 3px;
                      background-color: #555; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable {
              border-radius: 20px;
              background: #111;
              padding: 28px;
              box-sizing: border-box;
              min-width: 448px;
              max-height: 448px;
              position: relative; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .title {
                text-align: left;
                color: #fff;
                font-size: 26px;
                font-weight: 600;
                line-height: 100%;
                /* 26px */
                margin-top: 15px;
                padding-bottom: 15px;
                border-bottom: 1px solid #444;
                display: flex;
                justify-content: space-between;
                align-items: center; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .title img {
                  width: 89px;
                  height: 17px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .content {
                margin-top: 50px;
                background-color: transparent;
                box-shadow: none;
                border: none;
                display: flex;
                flex-direction: column;
                gap: 41px;
                padding: 0; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .content .payment {
                  color: #FCE515;
                  text-align: center;
                  font-size: 30px;
                  font-weight: 600;
                  line-height: 100%;
                  /* 30px */ }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .content .list {
                  background-color: #2F2F2F;
                  padding: 28px 62px 32px 35px;
                  border-radius: 8px;
                  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 4px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .content .list .item span {
                    text-align: left;
                    color: #fff;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 150%;
                    /* 27px */
                    position: relative; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .content .list .item span:before {
                      content: "";
                      position: absolute;
                      top: 50%;
                      left: -10px;
                      transform: translateY(-50%);
                      width: 3px;
                      height: 3px;
                      background-color: #888; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .hide-robot {
                position: absolute;
                width: 82px;
                height: 158px;
                right: -82px;
                bottom: 71px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow {
            margin-top: 102px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow h3 {
              font-size: 36px;
              line-height: 47px;
              /* 130.556% */ }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap {
              box-shadow: none;
              margin-top: 110px;
              display: flex;
              flex-direction: row;
              align-items: center;
              flex-wrap: wrap;
              gap: 30px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 {
                border-radius: 20px;
                display: flex;
                align-items: flex-start;
                gap: 19px;
                padding: 52px 52px 52px 40px;
                background-color: #EBEBEB;
                box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .title {
                  min-width: 208px;
                  text-align: left; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .title span {
                    color: #888;
                    font-size: 18px;
                    font-weight: 600;
                    line-height: 120%;
                    /* 21.6px */ }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .title p {
                    margin-top: 8px;
                    color: #222;
                    font-size: 26px;
                    font-weight: 600;
                    line-height: 150%;
                    /* 39px */ }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .list {
                  min-width: 251px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .list .item {
                    text-align: right;
                    display: flex;
                    gap: 24px;
                    align-items: center;
                    justify-content: flex-end;
                    border-bottom: 1px solid #CCC;
                    padding-bottom: 16px;
                    color: #444;
                    font-size: 22px;
                    font-weight: 500;
                    line-height: 100%;
                    /* 22px */ }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .list .item:not(:first-child) {
                      padding-top: 16px; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .list .item:last-child {
                      padding-bottom: 0;
                      border-bottom: none;
                      color: #2F2F2F;
                      font-size: 26px;
                      font-weight: 600;
                      line-height: 100%;
                      /* 26px */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable {
                border-radius: 20px;
                display: flex;
                align-items: flex-start;
                flex-direction: row-reverse;
                gap: 19px;
                padding: 52px 40px 52px 52px;
                background-color: #111;
                box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .title {
                  min-width: 208px;
                  text-align: right; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .title span {
                    color: #ec0047;
                    font-size: 18px;
                    font-weight: 600;
                    line-height: 120%;
                    /* 21.6px */ }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .title p {
                    margin-top: 8px;
                    color: #fff;
                    font-size: 26px;
                    font-weight: 600;
                    line-height: 150%;
                    /* 39px */ }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list {
                  min-width: 251px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list .item {
                    text-align: right;
                    display: flex;
                    gap: 24px;
                    align-items: center;
                    justify-content: flex-start;
                    border-bottom: 1px solid #444;
                    padding-bottom: 16px;
                    color: #fff;
                    font-size: 22px;
                    font-weight: 500;
                    line-height: 100%;
                    /* 22px */ }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list .item:not(:last-child) .label {
                      text-decoration-line: line-through; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list .item:not(:first-child) {
                      padding-top: 16px; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list .item:last-child {
                      padding-bottom: 0;
                      border-bottom: none;
                      color: #FCE515;
                      font-size: 26px;
                      font-weight: 600;
                      line-height: 100%;
                      /* 26px */ }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .result {
              width: 100%;
              position: relative;
              margin-top: 102px;
              color: #222;
              text-align: center;
              font-size: 36px;
              font-weight: 600;
              line-height: 47px;
              /* 130.556% */
              letter-spacing: -1px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .result img {
                width: 174px;
                height: 194px;
                position: absolute;
                top: 50%;
                right: 44px;
                transform: translateY(-50%); }
  .dashboard.container .dashboard-footer {
    width: 100%;
    background-color: #EBEBEB;
    padding: 120px 0;
    margin-top: 114px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 52px; }
    .dashboard.container .dashboard-footer h3 {
      color: #222;
      font-size: 55px;
      font-weight: 600;
      line-height: 72px;
      /* 130.909% */
      letter-spacing: -1px; }
    .dashboard.container .dashboard-footer .desc {
      color: #444;
      font-size: 30px;
      font-weight: 500;
      line-height: 150%;
      /* 45px */ }
    .dashboard.container .dashboard-footer .list {
      margin-top: 38px; }
      .dashboard.container .dashboard-footer .list .item {
        display: flex;
        width: 1157px;
        padding: 28px 10px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        color: #444;
        font-size: 30px;
        font-weight: 500;
        line-height: 150%;
        /* 45px */
        border-radius: 16px;
        background: #FFF;
        margin-top: 12px; }
        .dashboard.container .dashboard-footer .list .item img {
          width: 36px;
          height: 36px; }
    .dashboard.container .dashboard-footer .closing {
      padding-top: 18px;
      padding-bottom: 10px;
      color: #2F2F2F;
      font-size: 36px;
      font-weight: 600;
      line-height: 150%;
      /* 54px */ }

@media all and (max-width: 768px) {
  .dashboard.container {
    flex-direction: column;
    align-items: center;
    word-break: break-all; }
    .dashboard.container.en {
      word-break: normal; }
    .dashboard.container .dashboard.contents {
      margin-bottom: 80px !important; }
      .dashboard.container .dashboard.contents .title-wrapper {
        width: 100%;
        margin-top: 45px;
        border-bottom: 1px solid #c1c1c1;
        padding-bottom: 41px; }
        .dashboard.container .dashboard.contents .title-wrapper .title {
          font-size: 30px;
          line-height: 39px;
          /* 130% */
          margin-bottom: 15px;
          margin-top: 8px; }
        .dashboard.container .dashboard.contents .title-wrapper .sub-title {
          font-size: 14px;
          line-height: 22px;
          /* 157.143% */
          margin-bottom: -19px; }
        .dashboard.container .dashboard.contents .title-wrapper .desc {
          font-size: 14px;
          font-weight: 600;
          line-height: 22px;
          /* 157.143% */ }
        .dashboard.container .dashboard.contents .title-wrapper .img-wrap {
          margin-top: 20px;
          width: 250px;
          height: 161px; }
          .dashboard.container .dashboard.contents .title-wrapper .img-wrap .icon-dashboard {
            width: 250px;
            height: 161px; }
      .dashboard.container .dashboard.contents .features-wrapper {
        max-width: 375px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 50px; }
        .dashboard.container .dashboard.contents .features-wrapper .feature {
          width: 100%;
          gap: 12px;
          padding-left: 20px;
          padding-right: 20px;
          padding-bottom: 50px;
          box-sizing: border-box; }
          .dashboard.container .dashboard.contents .features-wrapper .feature:not(:first-child) {
            margin-top: 50px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature.en, .dashboard.container .dashboard.contents .features-wrapper .feature.ja {
            display: none; }
          .dashboard.container .dashboard.contents .features-wrapper .feature.trap-wrapper {
            padding-left: 20px;
            padding-right: 20px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature.trap-wrapper .title-wrapper {
              align-items: flex-start;
              margin-left: 0px;
              border: none;
              padding-bottom: 20px; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .title-wrapper {
            margin: 0; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .title-wrapper .title {
              color: #333;
              font-size: 22px;
              line-height: 30px;
              /* 136.364% */
              margin-bottom: 15px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .title-wrapper .caption {
              color: rgba(51, 51, 51, 0.8);
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              /* 157.143% */
              text-align: left; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .trap {
            display: flex;
            gap: 12px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality {
              flex-direction: column;
              gap: 12px;
              margin-top: 0px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content {
                width: 335px;
                height: 463px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .header span {
                  background: #D7D7D7;
                  border-radius: 6px;
                  padding: 4px 8px;
                  font-size: 16px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .header .icon-question-mark {
                  width: 34px;
                  height: 34px;
                  margin-right: 6px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples {
                  margin-top: 16px;
                  padding: 0 8px;
                  box-sizing: border-box; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples h3 {
                    font-size: 24px;
                    letter-spacing: -1px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example {
                    margin-top: 28px;
                    padding-left: 26px;
                    padding-right: 20px; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example.en {
                      padding-left: 4px; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example.ja {
                      padding-left: 0;
                      padding-right: 12px; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .example div {
                      gap: 12px;
                      font-size: 16px;
                      letter-spacing: -1px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .reality-content .examples .result {
                    margin-top: 36px;
                    gap: 8px;
                    font-size: 16px;
                    padding-left: 2px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation {
              width: 100%;
              height: initial;
              border-radius: 20px;
              border: 6px solid #EC0047;
              background: #F6F6F6;
              box-shadow: none;
              padding: 12px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .header {
                height: auto; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .header span {
                  color: #FFF;
                  font-size: 16px;
                  font-weight: 700;
                  line-height: 29px;
                  padding: 4px 8px;
                  align-items: center;
                  gap: 4px;
                  margin-top: 2px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .header span img {
                    width: 77px;
                    height: 14px;
                    margin-top: -2px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .header .icon-sketch-mark {
                  width: 63px;
                  height: 34px;
                  flex-shrink: 0;
                  margin-right: 4px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples {
                margin-top: 16px;
                padding: 0 14px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples h3 {
                  color: #444;
                  font-size: 24px;
                  padding-bottom: 12px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example {
                  margin-top: 28px;
                  gap: 12px;
                  padding-left: 26px;
                  padding-right: 20px;
                  height: initial; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example.ja {
                    padding-left: 0;
                    padding-right: 0px; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example.ja div {
                      font-size: 15px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example.en {
                    padding-left: 8px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example div {
                    text-align: left;
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    font-size: 16px;
                    font-weight: 500; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .example div img {
                      width: 22px;
                      height: 22px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .examples .result {
                  margin-top: 36px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 16px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide {
                margin-top: 20px;
                padding: 16px;
                width: initial;
                height: initial;
                box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide .title {
                  color: #FFD900;
                  font-size: 20px;
                  font-weight: 600;
                  line-height: 150%;
                  /* 30px */
                  padding-left: 0; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide ul {
                  margin-top: 16px;
                  display: flex;
                  flex-direction: column;
                  gap: 2px;
                  padding-left: 9px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide ul li {
                    position: relative; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .trap .innovation .provide ul li::before {
                      content: "";
                      position: absolute;
                      width: 3px;
                      height: 3px;
                      left: -10px;
                      top: 50%;
                      transform: translateY(-50%);
                      background: #888; }
          .dashboard.container .dashboard.contents .features-wrapper .feature .steps {
            gap: 20px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps:not(:first-child) {
              margin-top: 475px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top {
              flex-direction: column;
              align-items: flex-start;
              gap: 15px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top .step {
                padding: 10px 12px;
                font-size: 20px;
                margin-right: 0; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top .text {
                border-left: none;
                padding-left: 0; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top .text h3 {
                  color: #222;
                  font-size: 22px;
                  line-height: 30px;
                  padding-bottom: 15px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .top .text span {
                  color: rgba(51, 51, 51, 0.8);
                  font-size: 14px;
                  font-weight: 500;
                  line-height: 22px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom {
              width: 100%; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom img {
                width: 100%; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .character {
                display: none; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon {
                margin-top: 21px;
                position: initial;
                width: 100%;
                box-shadow: 0 20px 38px -10px rgba(0, 0, 0, 0.32);
                border-radius: 12px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon::before {
                  display: none; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result ul {
                  padding-left: 14px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result ul.ja {
                    padding-left: 5px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result ul .item {
                    position: relative; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .result ul .item::before {
                      left: -8px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .differences {
                  margin-top: 16px;
                  padding: 4px;
                  margin-bottom: 4px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .differences .desc {
                    text-align: left; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps .bottom .text-balloon .differences .desc img {
                      display: none; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second {
              margin-top: 80px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom img {
                height: auto; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon {
                width: 100%;
                height: initial;
                padding: 20px; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .result {
                  padding: 6px 8px;
                  border-radius: 4px;
                  border: 1px solid #16B5D2;
                  background-color: #0E90A5;
                  width: fit-content;
                  box-sizing: border-box; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .result span {
                    padding: 0;
                    border: none; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences {
                  display: flex;
                  flex-direction: column;
                  gap: 16px;
                  margin-top: 16px;
                  height: initial; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .ga4.ko {
                    margin-right: 0; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .ga4 .text {
                    margin-top: 8px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .versus {
                    position: relative;
                    z-index: 1; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .versus::before {
                      content: "";
                      height: 1px;
                      width: 295px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable {
                    margin-top: 0; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable img {
                      display: none; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable .title {
                      margin-bottom: 8px; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps.second .bottom .text-balloon .differences .beusable .text {
                      display: inline-block;
                      font-size: 15px;
                      font-weight: 500;
                      line-height: 150%;
                      margin-bottom: 24px; }
            .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third {
              margin-top: 80px;
              margin-bottom: 0px; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom img {
                width: 100%; }
              .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon {
                width: 100%;
                height: initial;
                padding: 20px;
                box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon .result {
                  gap: 16px; }
                  .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon .result .text {
                    font-weight: 500; }
                    .dashboard.container .dashboard.contents .features-wrapper .feature .steps.third .bottom .text-balloon .result .text img {
                      display: none; }
        .dashboard.container .dashboard.contents .features-wrapper .advantage {
          margin-top: 50px;
          max-width: 375px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper {
            padding: 0 20px;
            box-sizing: border-box;
            align-items: center;
            gap: 20px;
            margin-bottom: 80px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left {
              width: 100%;
              gap: 5px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left .label {
                font-size: 14px;
                line-height: 22px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left h3 {
                margin-bottom: 10px;
                color: #333;
                font-size: 22px;
                line-height: 38px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left .text {
                color: rgba(51, 51, 51, 0.8);
                font-size: 14px;
                font-weight: 500;
                line-height: 22px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .left img {
                display: none; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right {
              width: 100%;
              gap: 20px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 {
                width: 100%;
                height: initial;
                border-radius: 20px;
                padding: 24px;
                box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 h3 {
                  font-size: 26px;
                  margin-top: 12px;
                  margin-left: 4px;
                  margin-bottom: 28px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 .list {
                  margin-left: 8px;
                  padding-bottom: 28px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .ga4 .time {
                  margin-top: 20px;
                  padding-left: 8px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable {
                width: 100%;
                height: initial;
                border-radius: 20px;
                padding: 24px;
                box-sizing: border-box; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .title {
                  margin-bottom: 28px;
                  margin-top: 12px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .title h3 {
                    font-size: 26px;
                    font-weight: 500; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list {
                  margin-left: 8px;
                  padding-bottom: 28px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-1 {
                    align-items: flex-start; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-1 .text {
                      margin-top: 2.5px; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-1 .text > span {
                        margin-top: 2px;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 150%;
                        /* 21px */ }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 {
                    align-items: flex-start; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 .text {
                      margin-top: 2.5px; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 .text .ai-item {
                        height: 20px;
                        display: flex;
                        align-items: center;
                        gap: 4px; }
                        .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 .text .ai-item:first-child {
                          margin-top: 2px; }
                        .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .list .item.item-2 .text .ai-item:not(:last-child) {
                          margin-bottom: -4px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper .right .beusable .time {
                  padding-left: 8px;
                  margin-top: 20px;
                  font-size: 18px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse {
              flex-direction: column; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .left {
                text-align: left;
                align-items: flex-start; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 h3 {
                margin-bottom: 28px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .balloon {
                padding: 12px 20px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .balloon.second {
                  margin-bottom: 50px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .list {
                padding-bottom: 0;
                border: none; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .ga4 .time {
                padding-top: 20px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .title {
                margin-bottom: 28px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .balloon {
                padding: 12px 20px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .balloon.second {
                  margin-top: 26px;
                  margin-bottom: 40px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.reverse .right .beusable .time {
                padding-top: 20px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .ga4 .list {
              padding-bottom: 188px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .title {
              margin-bottom: 28px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon {
              width: fit-content;
              padding: 12px 20px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon span {
                font-weight: 500; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .chat .balloon.second {
                width: fit-content;
                margin-right: 17px;
                margin-bottom: 100.5px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .if-wrapper.mean .right .beusable .time {
              padding-top: 20px; }
          .dashboard.container .dashboard.contents .features-wrapper .advantage .feature {
            margin-top: 0;
            border: none;
            padding-bottom: 0;
            gap: 15px;
            align-items: flex-start; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature:not(:last-child):not(:nth-last-child(2)) {
              margin-bottom: 80px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature h3 {
              color: #333;
              font-size: 22px;
              font-weight: 700;
              line-height: 30px;
              /* 136.364% */
              text-align: left; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .desc {
              color: rgba(51, 51, 51, 0.8);
              font-size: 14px;
              font-weight: 500;
              line-height: 22px;
              /* 157.143% */
              text-align: left;
              margin-bottom: 5px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content {
              width: 100%;
              display: flex;
              flex-direction: column;
              gap: 20px;
              border-radius: 0;
              background: transparent;
              box-shadow: none;
              padding: 0;
              min-height: initial; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                border-radius: 20px;
                padding: 32px 16px;
                background: #FFF;
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 8px 15px 0 rgba(0, 0, 0, 0.16); }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div:not(:first-child) {
                  padding-left: 16px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div:not(:last-child) {
                  border-right: none;
                  padding-right: 13px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div.intermediate .example > span {
                  background-color: #13A5BF; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div.superior .example > span {
                  background-color: #6218CF; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div h4 {
                  padding-left: 12px;
                  font-size: 26px;
                  font-weight: 600;
                  line-height: 100%; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div > span {
                  padding-left: 12px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example {
                  width: 100%;
                  margin-top: 14px;
                  min-width: initial; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example > span {
                    margin-bottom: 16px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div .example .list {
                    gap: 4px;
                    padding-bottom: 19px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .content > div > p {
                  margin-top: 24px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern {
              width: 100%;
              padding: 20px 20px 73px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern:not(:last-child) {
                margin-bottom: 5px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header {
                display: flex;
                align-items: flex-start;
                gap: 8px;
                margin-bottom: 57px;
                position: relative; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header .number {
                  width: 32px;
                  height: 32px;
                  font-size: 18px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header .text {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 9px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header .text span:first-child {
                    font-size: 20px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .header .text span:last-child {
                    position: absolute;
                    left: 0;
                    top: 39px;
                    font-size: 16px;
                    text-align: left; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat {
                display: flex;
                flex-direction: column;
                gap: 20px;
                padding: 0; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .user {
                  display: flex;
                  flex-direction: column-reverse;
                  align-items: flex-end;
                  justify-content: flex-end;
                  gap: 8px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .user .message {
                    margin-top: 0;
                    padding: 16px; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .user .message svg {
                      display: none; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .ai {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  justify-content: flex-end;
                  gap: 8px;
                  margin-bottom: 0; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .ai span {
                    height: initial; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .ai .message {
                    margin-top: 0;
                    padding: 16px; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern .chat .ai .message svg {
                      display: none; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern:nth-last-child(2) {
                padding-bottom: 20px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern:nth-last-child(4) {
                padding-bottom: 31px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .pattern.last {
                background-color: #111;
                padding-bottom: 20px; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated {
              width: 100%;
              display: flex;
              flex-direction: column;
              gap: 20px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated.consultant {
                grid-template-columns: repeat(2, 1fr);
                margin-top: 33px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item {
                width: 100%;
                height: initial;
                border-radius: 0;
                box-shadow: none;
                display: flex;
                align-items: flex-start;
                gap: 24px;
                text-align: left; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item:not(:last-child) {
                  padding-bottom: 20px;
                  border-bottom: 1px solid #E0E0E0; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item img {
                  width: 56px;
                  height: 56px;
                  margin-top: 0;
                  margin-bottom: 0; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item h4 {
                  text-align: left;
                  font-size: 18px;
                  margin-bottom: 8px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .differentiated .item span {
                  text-align: left;
                  line-height: 150%; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting {
              width: 100%;
              display: flex;
              gap: 20px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 {
                padding: 20px;
                min-width: initial;
                max-height: initial;
                width: 100%; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .title {
                  text-align: center;
                  font-size: 20px;
                  margin-top: 0;
                  padding-bottom: 16px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .content {
                  margin-top: 24px;
                  border: none;
                  display: flex;
                  flex-direction: column;
                  gap: 28px;
                  padding: 0; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .content .payment {
                    font-size: 26px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .ga4 .content .list {
                    padding: 24px 24px 24px 35px;
                    gap: 4px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable {
                padding: 20px;
                min-width: initial;
                max-height: initial;
                width: 100%; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .title {
                  text-align: center;
                  font-size: 20px;
                  margin-top: 0;
                  padding-bottom: 16px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .title img {
                    width: 89px;
                    height: 17px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .content {
                  margin-top: 24px;
                  border: none;
                  display: flex;
                  flex-direction: column;
                  gap: 28px;
                  padding: 0; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .content .payment {
                    font-size: 26px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .content .list {
                    padding: 24px 24px 24px 35px;
                    gap: 4px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature .consulting .beusable .hide-robot {
                  display: none; }
            .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow {
              width: 100%;
              margin-top: 80px;
              align-items: center; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow h3 {
                text-align: center;
                font-size: 18px;
                line-height: 150%;
                /* 27px */ }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap {
                width: 100%;
                box-shadow: none;
                margin-top: 9px;
                gap: 30px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 {
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 32px;
                  padding: 20px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .title {
                    margin-top: 4px;
                    min-width: initial;
                    text-align: center; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .title span {
                      font-size: 14px; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .title p {
                      margin-top: 2px;
                      font-size: 20px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .list {
                    min-width: initial;
                    width: 100%; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .list .item {
                      text-align: center;
                      display: flex;
                      gap: 24px;
                      align-items: center;
                      justify-content: space-between;
                      padding-bottom: 8px;
                      font-size: 15px;
                      font-weight: 600;
                      line-height: 150%; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .list .item:not(:first-child) {
                        padding-top: 8px; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .ga4 .list .item:last-child {
                        font-size: 18px;
                        line-height: 150%;
                        padding-bottom: 12px; }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable {
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 32px;
                  padding: 20px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .title {
                    margin-top: 4px;
                    min-width: initial;
                    text-align: center; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .title span {
                      font-size: 14px; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .title p {
                      margin-top: 2px;
                      font-size: 20px; }
                  .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list {
                    min-width: initial;
                    width: 100%; }
                    .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list .item {
                      text-align: center;
                      display: flex;
                      gap: 24px;
                      flex-direction: row-reverse;
                      align-items: center;
                      justify-content: space-between;
                      padding-bottom: 8px;
                      font-size: 15px;
                      font-weight: 600;
                      line-height: 150%; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list .item:not(:last-child) .label {
                        text-decoration-line: line-through; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list .item:not(:first-child) {
                        padding-top: 8px; }
                      .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .wrap .beusable .list .item:last-child {
                        font-size: 18px;
                        line-height: 150%;
                        padding-bottom: 12px; }
              .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .result {
                width: 100%;
                margin-top: 9px;
                color: #333;
                font-size: 18px;
                font-weight: 600;
                line-height: 150%;
                /* 27px */ }
                .dashboard.container .dashboard.contents .features-wrapper .advantage .feature.work-flow .result img {
                  display: none; }
    .dashboard.container .dashboard-footer {
      padding: 36px 20px;
      margin-top: 0;
      gap: 20px;
      box-sizing: border-box; }
      .dashboard.container .dashboard-footer h3 {
        color: #333;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        /* 136.364% */ }
      .dashboard.container .dashboard-footer .desc {
        color: rgba(51, 51, 51, 0.8);
        font-size: 14px;
        line-height: 22px;
        /* 157.143% */ }
      .dashboard.container .dashboard-footer .list {
        width: 100%;
        margin-top: 0; }
        .dashboard.container .dashboard-footer .list .item {
          display: flex;
          width: 100%;
          padding: 16px;
          justify-content: space-between;
          align-items: center;
          gap: 16px;
          color: #444;
          font-size: 15px;
          font-weight: 600;
          margin-top: 8px;
          box-sizing: border-box;
          text-align: right; }
          .dashboard.container .dashboard-footer .list .item img {
            width: 24px;
            height: 24px; }
      .dashboard.container .dashboard-footer .closing {
        padding: 16px 0;
        color: #333;
        font-size: 18px; } }