@charset "utf-8";
/* =====================================================================
   redtrans-refresh.css  ·  레드트랜스 디자인 리프레시 (덮어쓰기 전용)
   ---------------------------------------------------------------------
   - 이 파일은 style.css '뒤에' 로드되어 외관만 현대화합니다.
   - 페이지 주소/본문/메타태그는 전혀 건드리지 않습니다. (SEO 영향 없음)
   - 폭·위치 등 레이아웃 구조는 유지, 색·폰트·버튼·그림자·호버만 갱신합니다.
   - 문제가 생기면 head 의 <link ... redtrans-refresh.css> 한 줄만 지우면 100% 원복.
   제작: 2026-06  /  v1.0
   ===================================================================== */

/* 현대적 한글 웹폰트 Pretendard (무료, CDN). 기존 Noto Sans KR 폴백 유지 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

:root{
  --rt-red:        #CA0C2B;   /* 브랜드 메인 레드 (유지) */
  --rt-red-dark:   #9E0A22;   /* 진한 레드 (탭/강조) */
  --rt-red-soft:   #fdecef;   /* 아주 연한 레드 배경 */
  --rt-ink:        #1f2328;   /* 본문 텍스트 (순검정 대신 부드럽게) */
  --rt-muted:      #6b7280;   /* 보조 텍스트 */
  --rt-line:       #e7e9ee;   /* 경계선 */
  --rt-bg-soft:    #f7f8fa;   /* 섹션 옅은 배경 */
  --rt-radius:     10px;      /* 카드/버튼 라운드 */
  --rt-shadow:     0 6px 22px rgba(17,24,39,.08);
  --rt-shadow-sm:  0 2px 8px rgba(17,24,39,.06);
}

/* ---------- 1. 타이포그래피 : 12px → 가독성 있는 크기로 ---------- */
body{
  font-family:"Pretendard","Pretendard Variable","Noto Sans KR","맑은 고딕",
              "Malgun Gothic",sans-serif !important;
  color:var(--rt-ink) !important;
  font-size:14px !important;        /* 12 → 14 (고정폭 레이아웃 안전 범위) */
  line-height:1.6 !important;
  letter-spacing:-0.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{ color:var(--rt-ink); }
a:hover{ color:var(--rt-red) !important; }   /* 기존 회색(#ccc) 호버 → 브랜드 레드 */

/* ---------- 2. 상단 바 / 헤더 / 네비 ---------- */
.header_top{
  background:var(--rt-red) !important;
  height:36px !important;
}
.header_bottom{
  border-bottom:1px solid var(--rt-line);
}
.header_nav{
  /* 폰트 크기는 원본(18px) 유지 — 9개 메뉴가 고정폭에서 줄바꿈되는 것 방지 */
  font-weight:500 !important;
  letter-spacing:-0.02em !important;
}
.header_nav li a{
  position:relative;
  padding-bottom:4px;
  color:var(--rt-ink) !important;
}
/* 메뉴 호버 시 밑줄이 그려지는 모던 인터랙션 */
.header_nav li a::after{
  content:"";
  position:absolute;
  left:0; bottom:-2px;
  width:0; height:2px;
  background:var(--rt-red);
  transition:width .25s ease;
}
.header_nav li a:hover{ color:var(--rt-red) !important; }
.header_nav li a:hover::after{ width:100%; }

/* ---------- 3. 메인 슬라이드(히어로) : 텍스트 가독성 보정 ---------- */
.index_slide .item1 p{
  text-shadow:0 2px 18px rgba(0,0,0,.55) !important;
  letter-spacing:-0.02em;
}

/* ---------- 4. 도시/서비스 탭 (red_tab) : 자주색 → 정돈된 레드 ---------- */
.red_tab li{
  background:var(--rt-red-dark) !important;
  opacity:1 !important;
  border-radius:8px 8px 0 0;
  transition:background .2s ease, transform .2s ease;
}
.red_tab > li.active,
.red_tab > li:hover{
  background:var(--rt-red) !important;
}

/* ---------- 5. 버튼류 : 납작한 옛 부트스트랩 → 라운드 모던 버튼 ---------- */
.btn,
.btn-default,
.city_btn,
.btn_submit{
  border-radius:var(--rt-radius) !important;
  font-weight:600 !important;
  letter-spacing:-0.01em;
  box-shadow:none !important;
  transition:all .2s ease !important;
}
/* 주요 액션 버튼(접수/제출)은 브랜드 레드 솔리드 */
.btn_submit,
.btn-default.btn_submit{
  background:var(--rt-red) !important;
  border:1px solid var(--rt-red) !important;
  color:#fff !important;
}
.btn_submit:hover{
  background:var(--rt-red-dark) !important;
  border-color:var(--rt-red-dark) !important;
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:var(--rt-shadow-sm) !important;
}
/* 도시 선택 버튼 : 외곽선형 → 호버 시 레드로 */
.city_btn{
  border:2px solid var(--rt-line) !important;
  color:var(--rt-muted) !important;
  border-radius:999px !important;
}
.city_btn:hover,
.city_btn.active{
  border-color:var(--rt-red) !important;
  color:var(--rt-red) !important;
  background:var(--rt-red-soft) !important;
}

/* ---------- 6. 실시간 접수현황 테이블 ---------- */
.server table th{
  color:var(--rt-ink) !important;
  font-weight:700 !important;
  border-bottom:2px solid var(--rt-line) !important;
}
.server table td{
  font-size:13.5px !important;
  border-bottom:1px solid var(--rt-line) !important;
}
.server tbody tr{
  transition:background .15s ease;
}
.server tbody tr:hover{
  background:var(--rt-bg-soft) !important;
}

/* ---------- 7. 진행 프로세스 / 안내 섹션 제목 강조 ---------- */
.server .text1,
.guidance .text1,
.notice .text1{
  letter-spacing:-0.03em;
}

/* ---------- 8. 파트너/공지 카드 : 부드러운 카드화 ---------- */
.partner .item-body,
.partner .item{
  border-radius:var(--rt-radius);
  overflow:hidden;
  box-shadow:var(--rt-shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
.partner .item:hover,
.partner .item-body:hover{
  transform:translateY(-3px);
  box-shadow:var(--rt-shadow);
}
.img-responsive,
.partner img{ border-radius:8px; }

/* ---------- 9. 공지/표 라인 정리 ---------- */
.notice .table td,
.notice .table th{
  border-color:var(--rt-line) !important;
}

/* ---------- 10. 우측 고정바 / 맨위로 버튼 ---------- */
.back_to_top,
.right_bar a{
  border-radius:var(--rt-radius) !important;
  transition:all .2s ease !important;
}
.back_to_top:hover{
  transform:translateY(-2px);
}

/* ---------- 11. 폼 입력칸 : 모던 인풋 ---------- */
.form-control{
  border-radius:8px !important;
  border:1px solid var(--rt-line) !important;
  box-shadow:none !important;
  transition:border-color .2s ease, box-shadow .2s ease !important;
}
.form-control:focus{
  border-color:var(--rt-red) !important;
  box-shadow:0 0 0 3px rgba(202,12,43,.12) !important;
}

/* ---------- 12. 모달 ---------- */
.modal-content{
  border:none !important;
  border-radius:14px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.25) !important;
  overflow:hidden;
}

/* ---------- 13. 푸터 ---------- */
.footer_nav a{ color:var(--rt-muted) !important; }
.footer_nav a:hover{ color:var(--rt-red) !important; }

/* ---------- 14. 전역 스크롤/선택 색상 디테일 ---------- */
::selection{ background:rgba(202,12,43,.18); }

/* ---------- 15. 헤더 메뉴 일부 숨김 ----------
   숨기는 항목(헤더 6~9번째): 인쇄홍보물제작 · 홈페이지 제작 · 영상촬영 제작 · 마케팅
   - 페이지(URL) 자체는 그대로 살아있고, 상단 메뉴에서만 안 보이게 함
   - 다시 보이게 하려면 이 블록만 삭제하면 됨
   - 메뉴 순서를 바꾸면 아래 숫자(n+6)도 같이 맞춰주세요               */
.header_nav li:nth-child(n+6){ display:none !important; }
/* (보강) 주소 기반으로도 숨김 — :has 지원 브라우저에서 순서 바뀌어도 안전 */
.header_nav li:has(> a[href="/index.php/page/n4/52"]),   /* 인쇄홍보물제작 */
.header_nav li:has(> a[href="/index.php/page/n5/107"]),  /* 홈페이지 제작 */
.header_nav li:has(> a[href="/index.php/page/n7/134"]),  /* 영상촬영 제작 */
.header_nav li:has(> a[href="/index.php/page/n8/135"]){  /* 마케팅 */
  display:none !important;
}

/* =====================================================================
   16. 세부(서브) 페이지 전용 — 메인과 동일한 톤으로 통일
       대상: 회사소개/번역/번역공증/대사관인증/아포스티유 등 하위 페이지
       (헤더·푸터·버튼·폼·표는 위 공통 규칙이 이미 함께 적용됨)
   ===================================================================== */

/* 16-1. 상단 배너 : 어두운 그라데이션 오버레이로 제목 가독성 ↑ + 모던하게 */
.bg_common{ position:relative; }
.bg_common::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(20,2,5,.20) 0%, rgba(20,2,5,.55) 100%);
  z-index:0;
}
.bg_common .container{ position:relative; z-index:1; }
.bg_common .text1{
  letter-spacing:-0.03em !important;
  text-shadow:0 4px 24px rgba(0,0,0,.45) !important;
}

/* 16-2. 서브 탭 메뉴(nav_menu) : 부드러운 전환 + 브랜드 레드 통일 */
.nav_menu li a{
  transition:background .2s ease, color .2s ease !important;
  font-weight:600 !important;
  letter-spacing:-0.02em;
}
.nav_menu > li.active > a,
.nav_menu > li a:hover,
.nav_menu > li.active > a:focus{
  background-color:var(--rt-red) !important;
  border-top-color:var(--rt-red) !important;
  color:#fff !important;
}

/* 16-3. 빨간 줄 제목 악센트 : 살짝 굵고 둥글게, 리프레시 레드 */
.red_line_left{
  width:40px !important;
  height:3px !important;
  border-radius:2px;
  background-color:var(--rt-red) !important;
}

/* 16-4. 섹션 제목 타이포 정돈 */
.sub_content .text1,
.title_left{
  letter-spacing:-0.03em !important;
  color:var(--rt-ink) !important;
}
.sub_content .text2{ color:var(--rt-ink) !important; }
.sub_content .text2 span,
.title_left span{ color:var(--rt-red) !important; }
.sub_content .text3{ color:#4b5563 !important; line-height:1.75 !important; }

/* 16-5. 서브 버튼(sub1_btn 등) : 공통 버튼과 동일한 라운드/호버 */
.sub1_btn,
.sub1_btn a,
a.sub1_btn{
  border-radius:999px !important;
  font-weight:700 !important;
  letter-spacing:-0.01em;
  transition:all .2s ease !important;
}
.sub1_btn:hover,
a.sub1_btn:hover{
  transform:translateY(-1px);
  box-shadow:var(--rt-shadow-sm) !important;
}

/* 16-6. 본문 구분선 옅게 */
.sub_content .line{ background-color:var(--rt-line) !important; }

/* 16-7. 회색 보조 배경 톤 통일 */
.bg_gray{ background-color:var(--rt-bg-soft) !important; }