/* ================================================================
   FMR / PokaTheme
   보증업체 가이드 → 베팅 가이드 스타일의 가로형 목록
   기존 FMR CSS 가장 아래에 추가
   ================================================================ */

.fmr-clean-archive--list-style {
  --fmr-list-navy: #061a3d;
  --fmr-list-text: #66768f;
  --fmr-list-muted: #7d8ba0;
  --fmr-list-green: #65c83e;
  --fmr-list-green-dark: #4fa52f;
  --fmr-list-line: #dfe6ee;

  width: 100%;
  min-width: 0;
  background: #ffffff !important;
}


/* ================================================================
   전체 폭
   ================================================================ */

.fmr-clean-archive--list-style .fmr-clean-archive__container {
  width: min(1320px, calc(100% - 46px)) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}


/* ================================================================
   상단 카테고리 제목
   회색 배경 제거
   ================================================================ */

.fmr-clean-archive--list-style .fmr-clean-archive__hero {
  margin: 0 !important;
  padding: 12px 0 50px !important;

  background: #ffffff !important;
  border: 0 !important;
}

.fmr-clean-archive--list-style .fmr-clean-archive__title {
  margin: 0 !important;

  color: var(--fmr-list-navy) !important;
  font-size: clamp(36px, 3.4vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.055em !important;

  word-break: keep-all;
}

.fmr-clean-archive--list-style .fmr-clean-archive__description {
  max-width: 820px !important;
  margin: 13px 0 0 !important;

  color: #64748b !important;
  font-size: 16px !important;
  line-height: 1.75 !important;

  word-break: keep-all;
}

.fmr-clean-archive--list-style .fmr-clean-archive__description p {
  margin: 0 !important;
}


/* 기존 중복 제목이 남아 있을 경우 강제로 숨김 */

.fmr-clean-archive--list-style .fmr-clean-post-list__heading {
  display: none !important;
}


/* ================================================================
   본문 목록 + 제휴업체 사이드바
   ================================================================ */

.fmr-clean-archive--list-style .fmr-clean-archive__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: 44px !important;
  align-items: start !important;

  padding-top: 0 !important;
  padding-bottom: 80px !important;
}

.fmr-clean-archive--list-style .fmr-clean-post-list {
  min-width: 0 !important;
}

.fmr-clean-archive--list-style .fmr-clean-post-list__items {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ================================================================
   개별 게시물
   왼쪽 이미지 + 오른쪽 콘텐츠
   ================================================================ */

.fmr-clean-archive--list-style .fmr-clean-post-card {
  display: grid !important;
  grid-template-columns: 313px minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: start !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 37px 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--fmr-list-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
  transform: none !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card:first-child {
  padding-top: 0 !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card:last-child {
  border-bottom: 0 !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card::before,
.fmr-clean-archive--list-style
.fmr-clean-post-card::after {
  display: none !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card:hover {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}


/* ================================================================
   썸네일
   목표 비율 약 313 × 197
   ================================================================ */

.fmr-clean-archive--list-style
.fmr-clean-post-card__thumb {
  position: relative !important;

  display: block !important;
  width: 100% !important;
  min-width: 0 !important;

  aspect-ratio: 313 / 197 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #06142f !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;

  text-decoration: none !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card__thumb img {
  position: static !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center !important;

  border: 0 !important;
  border-radius: inherit !important;

  transition: transform 0.25s ease !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card:hover
.fmr-clean-post-card__thumb img {
  transform: scale(1.025) !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card__placeholder {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;

  align-items: center !important;
  justify-content: center !important;

  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 900 !important;
}


/* ================================================================
   오른쪽 콘텐츠
   ================================================================ */

.fmr-clean-archive--list-style
.fmr-clean-post-card__content {
  display: block !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ================================================================
   카테고리·날짜·읽는 시간
   ================================================================ */

.fmr-clean-archive--list-style
.fmr-clean-post-card__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 14px !important;

  width: 100% !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: var(--fmr-list-muted) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  border: 0 !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card__category {
  display: inline-flex !important;
  min-height: 27px !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 6px 10px !important;

  background: var(--fmr-list-green) !important;
  border: 0 !important;
  border-radius: 4px !important;

  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;

  white-space: nowrap !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card__category:hover {
  background: var(--fmr-list-green-dark) !important;
  color: #ffffff !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card__date,
.fmr-clean-archive--list-style
.fmr-clean-post-card__reading-time {
  display: inline-block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--fmr-list-muted) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  white-space: nowrap !important;
}


/* ================================================================
   게시물 제목
   ================================================================ */

.fmr-clean-archive--list-style
.fmr-clean-post-card__title {
  margin: 0 0 13px !important;
  padding: 0 !important;

  color: var(--fmr-list-navy) !important;
  font-size: clamp(25px, 2.05vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.045em !important;

  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card__title a {
  display: inline !important;

  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card__title a:hover {
  color: #2457a6 !important;
}


/* ================================================================
   요약문
   두 줄 말줄임
   ================================================================ */

.fmr-clean-archive--list-style
.fmr-clean-post-card__excerpt {
  display: -webkit-box !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 0 19px !important;
  padding: 0 !important;

  overflow: hidden !important;

  color: var(--fmr-list-text) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  letter-spacing: -0.018em !important;

  word-break: keep-all !important;
  overflow-wrap: break-word !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}


/* ================================================================
   자세히 읽어보기
   ================================================================ */

.fmr-clean-archive--list-style
.fmr-clean-post-card__more {
  display: inline-flex !important;
  width: auto !important;

  align-items: center !important;
  gap: 4px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--fmr-list-navy) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.fmr-clean-archive--list-style
.fmr-clean-post-card__more:hover {
  color: #2457a6 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}


/* 키보드 접근성 */

.fmr-clean-archive--list-style
:is(
  .fmr-clean-post-card__thumb,
  .fmr-clean-post-card__category,
  .fmr-clean-post-card__title a,
  .fmr-clean-post-card__more
):focus-visible {
  outline: 3px solid rgb(101 200 62 / 38%) !important;
  outline-offset: 4px !important;
}


/* ================================================================
   페이지네이션
   ================================================================ */

.fmr-clean-archive--list-style
.fmr-clean-pagination {
  margin: 38px 0 0 !important;
}

.fmr-clean-archive--list-style
.fmr-clean-pagination .nav-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.fmr-clean-archive--list-style
.fmr-clean-pagination .page-numbers {
  display: inline-flex !important;
  min-width: 42px !important;
  min-height: 42px !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 7px 12px !important;

  background: #ffffff !important;
  border: 1px solid var(--fmr-list-line) !important;
  border-radius: 5px !important;

  color: var(--fmr-list-navy) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.fmr-clean-archive--list-style
.fmr-clean-pagination .page-numbers.current,
.fmr-clean-archive--list-style
.fmr-clean-pagination .page-numbers:hover {
  background: var(--fmr-list-green) !important;
  border-color: var(--fmr-list-green) !important;
  color: #ffffff !important;
}


/* ================================================================
   1180px 이하
   첫 번째 이미지처럼 목록을 넓게 사용하고
   제휴업체는 게시물 아래로 이동
   ================================================================ */

@media (max-width: 1180px) {
  .fmr-clean-archive--list-style
  .fmr-clean-archive__container {
    width: min(1050px, calc(100% - 46px)) !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-archive__layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 54px !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-affiliates__sticky {
    position: static !important;
    top: auto !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-affiliates__list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* ================================================================
   태블릿
   ================================================================ */

@media (max-width: 860px) {
  .fmr-clean-archive--list-style
  .fmr-clean-archive__hero {
    padding-bottom: 38px !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 24px !important;
    padding: 32px 0 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card:first-child {
    padding-top: 0 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card__title {
    font-size: 25px !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card__excerpt {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }
}


/* ================================================================
   작은 태블릿
   ================================================================ */

@media (max-width: 720px) {
  .fmr-clean-archive--list-style
  .fmr-clean-post-card {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card__title {
    font-size: 22px !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card__excerpt {
    font-size: 15px !important;
    -webkit-line-clamp: 2 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-affiliates__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ================================================================
   모바일
   ================================================================ */

@media (max-width: 600px) {
  .fmr-clean-archive--list-style
  .fmr-clean-archive__container {
    width: calc(100% - 28px) !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-archive__hero {
    padding: 18px 0 32px !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-archive__title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 28px 0 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card:first-child {
    padding-top: 0 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card__thumb {
    aspect-ratio: 16 / 10 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card__meta {
    margin-bottom: 9px !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card__title {
    margin-bottom: 11px !important;
    font-size: 23px !important;
    line-height: 1.35 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-post-card__excerpt {
    margin-bottom: 16px !important;
    font-size: 16px !important;
    -webkit-line-clamp: 3 !important;
  }

  .fmr-clean-archive--list-style
  .fmr-clean-affiliates__list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* 모션 최소화 설정 */

@media (prefers-reduced-motion: reduce) {
  .fmr-clean-archive--list-style
  .fmr-clean-post-card__thumb img {
    transition: none !important;
  }
}
/* =========================================================
   보증업체 가이드 카테고리
   브레드크럼과 제목 사이 실제 여백
========================================================= */

/*
 * 기존에는 header에만 padding-top을 줬는데
 * 이번에는 카테고리 콘텐츠 전체 컨테이너를 아래로 내립니다.
 */
html body main#primary.sv-poka-archive
> .sv-poka-archive__inner {
    padding-top: 54px !important;
    padding-right: 0 !important;
    padding-bottom: 70px !important;
    padding-left: 0 !important;
}
/* =========================================================
   SITETIERLIST 보증업체 가이드 카테고리
   실제 PHP 클래스: fmr-clean-*
========================================================= */


/* ---------------------------------------------------------
   1. 카테고리 전체 영역
--------------------------------------------------------- */

html body main#primary.fmr-clean-archive {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 0 72px !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   2. 제목과 글 목록의 공통 가로 폭
   현재처럼 화면 왼쪽 끝에 붙는 현상도 함께 해결
--------------------------------------------------------- */

html body main#primary.fmr-clean-archive
.fmr-clean-archive__container {
    width: min(
        calc(100% - 48px),
        1160px
    ) !important;

    max-width: 1160px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    padding-right: 0 !important;
    padding-left: 0 !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   3. 브레드크럼 아래 → 카테고리 제목 위 여백
--------------------------------------------------------- */

html body main#primary.fmr-clean-archive
.fmr-clean-archive__hero {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 42px 0 26px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   4. 카테고리 H1
--------------------------------------------------------- */

html body main#primary.fmr-clean-archive
.fmr-clean-archive__title {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    word-break: keep-all !important;
}


/* ---------------------------------------------------------
   5. 카테고리 설명
--------------------------------------------------------- */

html body main#primary.fmr-clean-archive
.fmr-clean-archive__description {
    max-width: 850px !important;

    margin: 18px 0 0 !important;
    padding: 0 !important;
}

html body main#primary.fmr-clean-archive
.fmr-clean-archive__description > :first-child {
    margin-top: 0 !important;
}

html body main#primary.fmr-clean-archive
.fmr-clean-archive__description > :last-child {
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   6. 제목 아래 → 첫 번째 게시글 사이 여백
--------------------------------------------------------- */

html body main#primary.fmr-clean-archive
.fmr-clean-archive__layout {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 0 !important;

    box-sizing: border-box !important;
}


/* 목록 자체의 불필요한 바깥 여백 초기화 */
html body main#primary.fmr-clean-archive
.fmr-clean-post-list,

html body main#primary.fmr-clean-archive
.fmr-clean-post-list__items {
    width: 100% !important;

    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;

    padding-top: 0 !important;
}


/* ---------------------------------------------------------
   7. 태블릿·모바일
--------------------------------------------------------- */

@media screen and (max-width: 720px) {

    html body main#primary.fmr-clean-archive
    .fmr-clean-archive__container {
        width: calc(100% - 30px) !important;
        max-width: none !important;
    }

    html body main#primary.fmr-clean-archive
    .fmr-clean-archive__hero {
        padding-top: 28px !important;
        padding-bottom: 18px !important;
    }

    html body main#primary.fmr-clean-archive
    .fmr-clean-archive__layout {
        padding-top: 10px !important;
    }
}