/* clone.css — securenet.kr 정적 재구성 공용 스타일
   (App.jsx 런타임 주입 스타일에서 이식: 상단메뉴 노출·로그인/가입 숨김·구푸터 숨김·모두서티 푸터·서비스탭/캐러셀) */

      .btn_01928291affb9,
      .btn_33m87s54N0,
      .btn_5b67ccaa71118,
      .btn_B54V6t60R7 {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
      }

      

      #doz_header_wrap ul._inline_menu_container,
      #doz_header_wrap .viewport-nav {
        visibility: visible !important;
      }

      body > .section_wrap[doz_footer_repeat="Y"] {
        display: none !important;
      }

      .clone-moducerti-footer {
        width: 100%;
        background: #183165;
        color: #ffffff;
        font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0;
      }

      .clone-moducerti-footer__inner {
        box-sizing: border-box;
        width: min(100%, 1200px);
        margin: 0 auto;
        padding: 80px 24px 92px;
      }

      .clone-moducerti-footer__top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 32px;
        height: 36px;
      }

      .clone-moducerti-footer__logo {
        display: block;
        width: 149px;
        height: 28px;
        object-fit: fill;
        filter: brightness(0) invert(1);
        opacity: 0.98;
      }

      .clone-moducerti-footer__social {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .clone-moducerti-footer__social--mobile {
        display: none;
      }

      .clone-moducerti-footer__social a,
      .clone-moducerti-footer__social button {
        width: 36px;
        height: 36px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        cursor: pointer;
      }

      .clone-moducerti-footer__social a,
      .clone-moducerti-footer__social svg {
        display: block;
        text-decoration: none !important;
      }

      .clone-moducerti-footer__info {
        color: #ffffff;
      }

      .clone-moducerti-footer__info strong {
        display: block;
        margin: 20px 0 8px;
        color: #ffffff;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
      }

      .clone-moducerti-footer__info p {
        margin: 0;
        color: #ffffff;
        font-size: 16px;
        line-height: 24px;
      }

      .clone-moducerti-footer__info p:last-child {
        padding-bottom: 20px;
      }

      .clone-moducerti-footer__system-mobile {
        display: none;
      }

      .clone-moducerti-footer__links {
        display: block;
        margin: 0;
        padding-top: 20px;
        color: #ffffff;
        font-size: 16px;
        line-height: 28px;
      }

      .clone-moducerti-footer__links a {
        color: #ffffff !important;
        font-size: 16px;
        line-height: 28px;
        text-decoration: none !important;
      }

      .clone-moducerti-footer__links a + a::before {
        content: "|";
        display: inline-block;
        margin: 0 8px;
        color: #ffffff;
      }

      @media (max-width: 767px) {
        .clone-moducerti-footer__inner {
          width: 100%;
          padding: 60px 20px;
        }

        .clone-moducerti-footer__top {
          display: flex;
          height: 28px;
        }

        .clone-moducerti-footer__logo {
          width: 149px;
          height: 28px;
        }

        .clone-moducerti-footer__social--desktop {
          display: none;
        }

        .clone-moducerti-footer__social--mobile {
          display: flex;
          margin-top: 20px;
          gap: 10px;
        }

        .clone-moducerti-footer__info strong {
          margin: 40px 0 12px;
          font-size: 14px;
          line-height: 21px;
        }

        .clone-moducerti-footer__info p {
          font-size: 14px;
          line-height: 24px;
        }

        .clone-moducerti-footer__info p:last-child {
          padding-bottom: 52px;
        }

        .clone-moducerti-footer__system-desktop {
          display: none;
        }

        .clone-moducerti-footer__system-mobile {
          display: inline;
        }

        .clone-moducerti-footer__links {
          display: block;
          margin: 0;
          padding-top: 20px;
          font-size: 14px;
          line-height: 21px;
        }

        .clone-moducerti-footer__links a {
          display: inline;
          font-size: 14px;
          line-height: 21px;
        }

        .clone-moducerti-footer__links a + a::before {
          margin: 0 12px;
        }
      }

      .hj-tabs .owl-stage {
        display: flex !important;
        /* Arrow navigation slides smoothly; initial centering is snapped
           instantly by installCloneTabs (which disables this transition during
           setup), so the tab bar never slides around on page load. */
        transition: transform 0.25s ease;
      }

      .hj-tabs .owl-stage-outer {
        overflow: hidden !important;
      }

      .main-icons .owl-loaded,
      .main-notice .owl-loaded {
        display: block !important;
        position: relative !important;
      }

      .main-icons .owl-stage,
      .main-notice .owl-stage {
        display: flex !important;
        transition: 0.25s ease !important;
      }

      .main-icons .owl-stage-outer,
      .main-notice .owl-stage-outer {
        overflow: hidden !important;
      }
    

/* ===== 모바일 메뉴 (정적 재구성) ===== */
.clone-mobile-backdrop{
  position:fixed; inset:0; z-index:99999;
  background:rgba(0,0,0,.45);
}
.clone-mobile-panel{
  position:absolute; top:0; right:0; height:100%;
  width:min(84%,320px); background:#fff; box-shadow:-4px 0 24px rgba(0,0,0,.18);
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
}
.clone-mobile-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 20px; border-bottom:1px solid #eee;
}
.clone-mobile-header strong{ font-size:16px; letter-spacing:.08em; color:#183165; }
.clone-mobile-close{
  border:0; background:transparent; font-size:26px; line-height:1;
  color:#333; cursor:pointer; padding:0 4px;
}
.clone-mobile-list{ padding:6px 0 40px; }
.clone-mobile-link,
.clone-mobile-toggle{
  display:flex; align-items:center; justify-content:space-between; width:100%;
  box-sizing:border-box; padding:14px 20px; border:0; background:transparent;
  font-size:15px; color:#222; text-align:left; text-decoration:none; cursor:pointer;
  border-bottom:1px solid #f2f2f2;
}
.clone-mobile-toggle em{ font-style:normal; font-size:18px; color:#888; }
.clone-mobile-group.is-open>.clone-mobile-toggle em{ transform:rotate(45deg); }
.clone-mobile-group.is-open>.clone-mobile-toggle{ color:#183165; font-weight:600; }
.clone-mobile-sub{ display:none; background:#f7f8fa; }
.clone-mobile-group.is-open>.clone-mobile-sub{ display:block; }
.clone-mobile-sub .clone-mobile-link[data-depth="1"],
.clone-mobile-sub .clone-mobile-toggle{ padding-left:34px; font-size:14px; }
.clone-mobile-sub .clone-mobile-sub .clone-mobile-link{ padding-left:48px; color:#555; }


/* ===== 우측 하단 고정 버튼 (styles.css .clone-floating-banners 이식) ===== */
.clone-floating-banners{ position:fixed; right:30px; bottom:30px; z-index:9000; line-height:0; }
.clone-floating-banners__box{ display:flex; flex-direction:column; gap:15px; }
.clone-floating-banners a{ display:block; width:64px; border-radius:100%; box-shadow:0 8px 8px 0 rgba(0,0,0,.1); }
.clone-floating-banners img{ display:block; width:100%; height:auto; }
@media (max-width:767px){
  .clone-floating-banners{ right:15px; bottom:15px; }
  .clone-floating-banners a{ width:45px; }
}
