@charset "utf-8";
/* ==================================================
   애플 스타일 오버라이드
   common.css/style.css는 그대로 두고 마지막에 로드해서 덮어쓴다.
   되돌릴 때는 <link> 한 줄만 지우면 된다.
   포인트 컬러는 기존 오렌지(#f08404)를 유지.
================================================== */

:root{
  --fk-orange: #f08404;
  --fk-orange-dark: #d97200;
  --fk-ink: #1d1d1f;
  --fk-sub: #6e6e73;
  --fk-panel: #f5f5f7;
}

* {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro JP", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body { color: var(--fk-ink); letter-spacing: .01em; }
a { color: var(--fk-ink); }
a:hover { color: var(--fk-orange); opacity: 1; }

/* -------------------------------------------------
   헤더: 반투명 유리 효과
------------------------------------------------- */
#header {
  background: rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  box-shadow: none;
}
#header.HeightMin { background: rgba(255, 255, 255, .9); }
nav li a { color: var(--fk-ink); font-weight: 500; }
#gNav a:hover { color: var(--fk-orange); }

/* -------------------------------------------------
   섹션 제목: 작은 오렌지 라벨 + 큼직한 일본어 타이틀
------------------------------------------------- */
.hana01:before, .en:after { display: none; } /* 장식용 회전선・점선 제거 */
.en {
  display: block;
  font-family: -apple-system, "Roboto", sans-serif;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .18em;
  color: var(--fk-orange);
  padding-right: 0;
  text-transform: uppercase;
}
.jp {
  display: block;
  top: 0;
  padding-left: 0;
  margin-top: .4rem;
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 700;
  color: var(--fk-ink);
}
.ttl { margin-bottom: 3rem; }

/* -------------------------------------------------
   섹션 여백・교차 배경 (PC 120px / 모바일 72px)
------------------------------------------------- */
.sec02_inner, .sec03_inner, .sec04_inner, .sec05_inner,
.sec06_inner, .sec07_inner, .sec08_inner {
  padding-top: 120px;
  padding-bottom: 120px;
}
.sec02.news, .sec04.results, .sec06.access { background: #ffffff; }
.sec03.business, .sec05.profile, .sec07.for_sale, .sec08.contact { background: var(--fk-panel); }
/* 원래 어두운 배경(검정・배경사진) 전제로 흰 글자였던 섹션 → 밝은 배경으로 바꿨으니 글자색도 맞춘다 */
.sec06 .en, .sec06 .jp, .sec06 a, .sec06 .column.one p,
.sec08 .en, .sec08 .jp {
  color: var(--fk-ink);
}
.sec06 a:hover, .sec08 a:hover { color: var(--fk-orange); }
@media only screen and (max-width: 768px) {
  .sec02_inner, .sec03_inner, .sec04_inner, .sec05_inner,
  .sec06_inner, .sec07_inner, .sec08_inner {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

/* 장식용 배경 블록 제거(플랫한 배경과 어울리지 않음) */
.sec03_bg, .sec04_bg, .sec05_bg, .sec07_bg, .sec07_bg_01, .results .sec02_bg { display: none; }

/* -------------------------------------------------
   버튼: 알약형
------------------------------------------------- */
.hd-mod-btn { background: transparent; }
.hd-mod-btn .hd-btn-inner {
  background: var(--fk-orange);
  border: none;
  border-radius: 999px;
  color: #fff;
  padding: .85rem 2rem;
  text-align: center;
}
.hd-mod-btn:hover { background: transparent; }
.hd-mod-btn .hd-btn-inner:hover {
  background: var(--fk-orange-dark);
  color: #fff;
  border: none;
}
.hd-mod-btn-wh .hd-btn-wh-inner {
  border-radius: 999px;
  border-color: rgba(255, 255, 255, .5);
}

/* -------------------------------------------------
   이미지・카드 모서리를 둥글게
------------------------------------------------- */
.sec03 .one-inner, .sec03 .column.two picture,
.sec04 .slider_02_inner img, .sec07 .fs-item-card,
#access .column_innter img, #contact .column_innter img {
  border-radius: 18px;
  overflow: hidden;
}

/* -------------------------------------------------
   Results 페이지 물건 목록 → 메인페이지 판매물건 카드와 같은 형식(흰 카드・둥근모서리・그림자)
------------------------------------------------- */
.results .row.two .column {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
  padding-bottom: 16px;
}
.results .row.two .column p { padding: 0 16px; }
.results .font_orange {
  border: none;
  border-radius: 999px;
  background: var(--fk-orange);
  color: #fff;
  width: auto;
  padding: .3rem .9rem;
}

/* -------------------------------------------------
   NEWS 리스트
------------------------------------------------- */
.sec02.news .content li.item {
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  padding: 1.1rem 0;
}
.sec02 .content .item .item_category span {
  background: var(--fk-panel);
  border-radius: 999px;
  color: var(--fk-sub);
  padding: .2rem .8rem;
}

/* -------------------------------------------------
   푸터: 밝은 톤으로 재구성
------------------------------------------------- */
#footer, #footer a, #footer p { color: var(--fk-ink); }
#footer a:hover { color: var(--fk-orange); }
.footer_one { border-color: rgba(0, 0, 0, .08); }
.footer_two { background: var(--fk-panel); }
.footer_three { background: var(--fk-panel); border-top-color: rgba(0, 0, 0, .08); color: var(--fk-sub); }
.footer_three p { color: var(--fk-sub); font-size: .8rem; }

/* 화면에는 안 보이고 검색엔진・스크린리더만 읽는 텍스트(h1용) */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}