/* =========================
       상단 배너
       높이 : 100px
       ========================= */
    .top-banner {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100;

      width: 100%;
      height: 120px;

      display: flex;
      align-items: center;
      justify-content: center;

      background: #ffffff;

      /* 필요 없으면 삭제 */
      border-bottom: 1px solid #dddddd;
    }

    /* 배너 이미지 사용 시 */
    .top-banner a {
      display: block;
      width: fit-content;
      height: 100%;
      margin: 0 auto;
    }
    .top-banner img {
      width: 100%;
      height: 100%;

      object-fit: contain;
      display: block;
    }


    .iframe-wrap {
      position: fixed;

      top: 120px;
      left: 0;

      width: 100%;

      height: calc(100dvh - 120px);

      overflow: hidden;

      background: #f5f7f9;
    }

    .iframe-wrap iframe {
      position: absolute;

      /* top: -52px; */
      left: 0;

      width: 100%;

      height: calc(100% + 52px);

      border: 0;
      margin: 0;
      padding: 0;

      display: block;

      background: #ffffff;
    }

    @media (max-width: 768px) {

      .top-banner {
        height: 120px;
      }

      .iframe-wrap {
        top: 100px;
        height: calc(100dvh - 120px);
      }
    }