@charset "utf-8";
/* GFCA — 재구축 보정 CSS.
   원본 디자인 CSS 위에 얹어, 직접 구현한 부분(지도/캐러셀/게시판 이동/빈 페이지)만 보완한다. */

/* ---------- 오시는길 지도 (업체 iframe 대체) ---------- */
.gfca-map {
  position: relative;
  width: 100%;
  height: 400px;
  background: #e9eef2;
  border: 1px solid #dcdcdc;
  overflow: hidden;
}
.gfca-map iframe { display: block; }

.gfca-map-links {
  margin: 10px 0 0;
  font-size: 14px;
}
.gfca-map-links a {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 6px 6px 0;
  border: 1px solid #12577e;
  border-radius: 3px;
  color: #12577e;
  text-decoration: none;
}
.gfca-map-links a:hover { background: #12577e; color: #fff; }

@media screen and (max-width: 769px) {
  .gfca-map { height: 280px; }
}

/* ---------- 배너 캐러셀 (owl.carousel 대체) ---------- */
#owl_ban_sli { position: relative; }
#owl_ban_sli .owl-stage-outer { width: 100%; }
#owl_ban_sli .owl-stage:after { content: ''; display: block; clear: both; }
#owl_ban_sli .item img { width: 100%; height: auto; display: block; }

#owl_ban_sli .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .35);
  color: #fff;
  font-size: 26px;
  line-height: 38px;
  cursor: pointer;
  opacity: 0;
  transition: opacity .2s ease;
}
#owl_ban_sli:hover .owl-nav button,
#owl_ban_sli:focus-within .owl-nav button { opacity: 1; }
#owl_ban_sli .owl-nav button:hover { background: rgba(0, 0, 0, .6); }
#owl_ban_sli .owl-prev { left: 10px; }
#owl_ban_sli .owl-next { right: 10px; }

@media (hover: none) {
  #owl_ban_sli .owl-nav button { opacity: .8; }
}

/* ---------- 게시판: 그룹 내 이동 ---------- */
.gfca-subnav {
  margin: 0 0 12px;
  padding: 0 0 0 .5em;
  list-style: none;
}
.gfca-subnav:after { content: ''; display: block; clear: both; }
.gfca-subnav li { float: left; margin-right: 8px; }
.gfca-subnav li a {
  display: block;
  padding: 6px 12px;
  font-size: 13px;
  color: #555;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  text-decoration: none;
}
.gfca-subnav li a:hover { border-color: #12577e; color: #12577e; }

/* ---------- 게시글 이전/다음 ---------- */
.gfca-postnav {
  margin: 20px .5em 0;
  border-top: 1px solid #ddd;
}
.gfca-postnav .gfca-pn {
  display: block;
  padding: 12px 4px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  color: #777;
  text-decoration: none;
}
.gfca-postnav .gfca-pn span {
  display: block;
  margin-top: 3px;
  color: #333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gfca-postnav .gfca-pn:hover span { color: #12577e; }

/* ---------- 본문 이미지 넘침 방지 ---------- */
.sub_con img,
.conbody img,
.conbody table { max-width: 100%; height: auto; }
.conbody { overflow-x: auto; }

/* ---------- 빈 페이지 안내 ---------- */
.gfca-empty {
  padding: 80px 20px;
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  color: #666;
}
.gfca-empty a { color: #12577e; font-weight: 500; }

/* ---------- 첨부파일 ---------- */
.scbd .det .attachFiles {
  margin: 16px .5em 0;
  padding: 12px 14px;
  background: #f7f8f9;
  border: 1px solid #e3e5e8;
}
.scbd .det .attachFiles ul li { padding: 4px 0; font-size: 14px; }
.scbd .det .attachFiles a { color: #12577e; text-decoration: underline; }
.scbd .det .attachFiles .sm { color: #999; font-size: 12px; }

/* ---------- 페이지네이션 가시성 ---------- */
.scbd .paginate a { color: #555; text-decoration: none; }
.scbd .paginate strong {
  background: #12577e;
  color: #fff;
  border-radius: 3px;
}
.scbd .paginate a:hover { color: #12577e; }

/* ---------- 목록 링크 ---------- */
.pageindex .home a { color: inherit; text-decoration: none; }
.scbd .btngroup .ui-btn { text-decoration: none; color: #333; }

/* ---------- 모바일에서 가로 스크롤 방지 ---------- */
html, body { max-width: 100%; overflow-x: hidden; }

/* ---------- 게시판 전체 검색 결과 ---------- */
.gfca-search-count {
  margin: 0 0 4px;
  padding: 10px .5em;
  font-size: 14px;
  color: #12577e;
  font-weight: 500;
}
.gfca-search-result .empty {
  padding: 3em 0;
  text-align: center;
  color: #888;
  font-size: 14px;
}

/* ---------- 메인 우측하단 고객상담/문의 박스 ----------
   원본은 278x150 / 72dpi 저해상도 JPG 였다. 배경의 장식(전각 도장 + 구름 문양)만
   원본에서 추출해 3배 해상도 PNG 로 쓰고, 글자는 실제 텍스트로 얹는다.
   → 전화·메일이 클릭되고, 번호 수정은 siteconf.py 한 줄이면 된다. */
.gfca-cb {
  position: relative;
  background:
    url(/img/contact-decor.png) no-repeat center / 100% 100%,
    #d9d7cb;                         /* 원본 한지색 */
  border-bottom: 5px solid #4b4b4b;  /* 원본 하단 띠 */
  overflow: hidden;
}
.gfca-cb-in {
  display: block;
  padding: 30px 14px 22px;
  text-align: center;
  text-decoration: none;
}
.gfca-cb-label {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #4a4a4a;
  letter-spacing: -.02em;
}
.gfca-cb-tel {
  display: block;
  margin: 3px 0 1px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
  color: #1a1a1a;
  letter-spacing: -.035em;
  text-decoration: none;
}
.gfca-cb-mail {
  display: block;
  font-size: 15px;
  color: #6a6a6a;
  text-decoration: none;
}
.gfca-cb-tel:hover,
.gfca-cb-mail:hover,
a.gfca-cb-in:hover .gfca-cb-tel { color: #12577e; }

@media screen and (max-width: 769px) {
  .gfca-cb-tel { font-size: 25px; }
}

/* ---------- 상단 메뉴: 항목이 4개 → 5개가 되면서 한 줄 유지를 위한 여백 조정 ----------
   원본 여백(좌우 20px)으로는 "회사소개" 추가분이 넘쳐 메뉴가 로고 아래로 떨어진다. */
.lnb .dep1 > li > a { padding-left: 15px; padding-right: 15px; }

@media screen and (max-width: 1150px) {
  .lnb .dep1 > li > a { padding-left: 11px; padding-right: 11px; }
}
@media screen and (max-width: 920px) {
  /* "GFCA 소개" 가 늘어난 만큼 이 구간에서 더 조인다 (770~920px) */
  .lnb .dep1 > li > a { padding-left: 6px; padding-right: 6px; font-size: 13px; }
  .lnb .dep2 > li > a { font-size: 12px; }
  #header h1 img { max-width: 170px; }
}
/* 모바일 전체메뉴에서는 원래 여백으로 되돌린다 */
@media screen and (max-width: 769px) {
  .lnb .dep1 > li > a { padding-left: 20px; padding-right: 20px; }
}

/* 드롭다운은 항목 글자 길이에 맞춰 늘어나야 한다.
   원본은 상위 메뉴가 길어서 문제가 없었지만, 짧은 "회사소개" 아래에서는
   흰 배경이 글자보다 좁아져 글자가 밖으로 삐져나온다.
   단 모바일(769px 이하)은 드롭다운이 아니라 세로 목록이고 원본 여백이 크므로 건드리지 않는다. */
@media screen and (min-width: 770px) {
  .lnb .dep2 { width: max-content; min-width: 100%; }
}