@charset "utf-8";
/* =====================================================================
 * service_new.css — 정책 및 약관 페이지 전용 (이용약관 / 개인정보취급방침 /
 * 국외여행표준약관), 2026-09
 *
 * service.html 에서 좌측메뉴(left_group)와 상단 비주얼(submain_visual03)을
 * 걷어내고 세 문서를 탭 하나로 묶으면서 새로 만들었다. 색·모서리·글꼴은
 * 최근 개편중인 상세페이지(detailview_new.css)와 같은 기준을 따른다 —
 * 강조색은 청록(#0fb598) 한 가지만 쓰고 나머지는 회색조로만 구성한다.
 * ===================================================================== */

.svc_wrap{width:920px;margin:0 auto}

/* ---- 상단 타이틀 ---- */
.svc_hd{text-align:center;margin:0 0 34px}
.svc_hd h2{margin:0 0 10px;padding:0;font-family:NotoKR-Bold;font-size:30px;line-height:1.3;color:#111;letter-spacing:-1px}
.svc_hd p{margin:0;font-family:NotoKR-Medium;font-size:16px;line-height:1.6;color:#6b7684}

/* ---- 탭 ----
   scroll-margin-top 은 탭 전환시 JS(scrollIntoView)가 이 위치로 맞춰 스크롤할 때
   #gnb.fixed(스크롤 고정 상단바, 55px)에 탭 줄이 가리지 않게 하는 여유값이다. */
.svc_tabnav{margin:0 0 30px;scroll-margin-top:80px}
.svc_tabnav_in{display:flex;border:1px solid #e0e3e8;border-radius:8px;overflow:hidden}
.svc_tabnav_in a{
  flex:1 1 0;padding:16px 6px;box-sizing:border-box;border-left:1px solid #e0e3e8;
  font-family:NotoKR-Medium;font-size:17px;line-height:1.4;color:#555;text-align:center;
  text-decoration:none;letter-spacing:-0.5px;
}
.svc_tabnav_in a:first-child{border-left:0}
.svc_tabnav_in a:hover{background:#f7f8fa;color:#111;text-decoration:none}
.svc_tabnav_in a.on{background:#0fb598;color:#fff;font-family:NotoKR-Bold}

/* ---- 본문 카드 ----
   display:none -> block 으로 바뀔 때마다 애니메이션이 다시 걸린다(브라우저가 요소를
   렌더 트리에서 뺐다 다시 넣기 때문) — 탭을 눌렀는데도 화면이 그대로라 안 눌린 줄
   알았다는 피드백이 있어, 내용이 바뀌었다는 걸 눈에 보이게 살짝 얹었다. */
.svc_panel{box-sizing:border-box;padding:44px 48px;border:1px solid #e5e8ec;border-radius:12px;background:#fff;animation:svcPanelIn .25s ease}
@keyframes svcPanelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.svc_chapter{margin:0 0 20px;padding:0 0 12px;border-bottom:2px solid #222;font-family:NotoKR-Bold;font-size:21px;line-height:1.4;color:#111;letter-spacing:-0.5px}
.svc_chapter:not(:first-child){margin-top:44px}

.svc_art{margin:0 0 26px}
.svc_art:last-child{margin-bottom:0}
.svc_art_h{margin:0 0 10px;padding:0;font-family:NotoKR-Bold;font-size:17px;line-height:1.5;color:#111;letter-spacing:-0.4px}
.svc_art_no{color:#0fb598;margin-right:6px}

.svc_p{margin:0 0 8px;padding:0;font-size:16px;line-height:1.8;color:#333}
.svc_p:last-child{margin-bottom:0}

.svc_sub_h{margin:18px 0 8px;padding:0;font-family:NotoKR-Bold;font-size:16px;line-height:1.5;color:#111}
.svc_sub_h:first-child{margin-top:0}

.svc_list{margin:0;padding:0;list-style:none}
.svc_list li{display:flex;gap:8px;padding:0;font-size:16px;line-height:1.8;color:#333}
.svc_list li + li{margin-top:8px}
.svc_mk{flex:0 0 auto;color:#0fb598}
.svc_txt{flex:1 1 auto;min-width:0}
.svc_list--sub{margin-top:8px;padding-left:4px;font-size:15px}
.svc_list--sub .svc_mk{color:#8a929c}
.svc_list--dot .svc_mk{color:#8a929c}

/* ---- 강조 상자 (예약취소/환불규정 등) ---- */
.svc_box{margin:20px 0;padding:24px 26px;border:1px solid #e5e8ec;border-radius:10px;background:#f7f8fa}
.svc_box:last-child{margin-bottom:0}
.svc_box_h{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0;font-family:NotoKR-Bold;font-size:17px;line-height:1.4;color:#111}
.svc_box_ico{flex:0 0 auto;display:flex;line-height:0;color:#0fb598}
.svc_box_ico svg{width:20px;height:20px;display:block}
.svc_box .svc_p{color:#333}
.svc_warn{margin:8px 0 0;padding:0;font-size:15px;line-height:1.6;color:#d94a44}

/* ---- 표 ---- */
.svc_tbl{width:100%;border-collapse:collapse;margin:12px 0 22px;border-top:2px solid #222}
.svc_tbl:last-child{margin-bottom:0}
.svc_tbl th,.svc_tbl td{box-sizing:border-box;padding:13px 14px;border-bottom:1px solid #e5e8ec;font-size:15px;line-height:1.6;text-align:left;vertical-align:top}
.svc_tbl th{background:#f7f8fa;font-family:NotoKR-Bold;color:#111}
.svc_tbl td{color:#333}

.svc_note{margin:14px 0 0;padding:0;font-size:14px;line-height:1.7;color:#6b7684}
.svc_note:first-child{margin-top:0}