/* fcms PC 레이아웃 보정 (2026-10-24) */

/* 1) 노트북 화면(1,440px 미만)에서 1,400px 고정 틀 때문에 생기던 가로 스크롤 제거 */
@media screen and (min-width:769px) and (max-width:1439px){
  html body .guide-line{width:auto !important;max-width:1400px;padding-left:24px;padding-right:24px;}
  html body .wrap{min-width:0 !important;}
  html body .sub-container{overflow-x:hidden;}
  html body .nav-container{padding-left:24px;padding-right:24px;box-sizing:border-box;}
  /* 메인 비주얼 좌우 화살표가 화면 밖(-50px)에 있던 것 안쪽으로 */
  html body .main-visual .swiper-next{right:8px !important;z-index:5;}
  html body .main-visual .swiper-prev{left:8px !important;z-index:5;}
}
/* 좁은 PC·태블릿 가로에서는 본문 상자 좌우 여백 축소 */
@media screen and (min-width:769px) and (max-width:1199px){
  html body .sub-wrap200{padding-left:48px !important;padding-right:48px !important;}
  html body .nav-container .nav-item{padding-left:12px !important;padding-right:12px !important;}
}

/* 2) 본문 폭 시험 적용: html.pc-wide 가 붙은 페이지만 */
@media screen and (min-width:1200px){
  html.pc-wide body .sub-wrap200{padding-left:100px !important;padding-right:100px !important;}
  /* 본문 아래쪽 섹션들은 페이지마다 max-width:1040px 가 박혀 있어 1,200px 상자를 다 못 쓰던 것 해제 */
  html.pc-wide body .sub-wrap200 [style*="max-width:1040px"],
  html.pc-wide body .sub-wrap200 [style*="max-width: 1040px"],
  html.pc-wide body .sub-wrap200 .faq-section,
  html.pc-wide body .sub-wrap200 h2.sub-h2-faq,
  html.pc-wide body .sub-wrap200 .sig-method-grid,
  html.pc-wide body .sub-wrap200 .kpi-wrap,
  html.pc-wide body .sub-wrap200 .sr-grid,
  html.pc-wide body .sub-wrap200 .sector-v3,
  html.pc-wide body .sub-wrap200 .compare-wrap,
  html.pc-wide body .sub-wrap200 .sw,
  html.pc-wide body .sub-wrap200 .checklist-wrap,
  html.pc-wide body .sub-wrap200 .pm-section,
  html.pc-wide body .sub-wrap200 .nw-section,
  html.pc-wide body .sub-wrap200 .reg-section,
  html.pc-wide body .sub-wrap200 .faq-sc,
  html.pc-wide body .sub-wrap200 .cta-banner,
  html.pc-wide body .sub-wrap200 .faq-v2{max-width:none !important;}
  html.pc-wide body .sub-wrap200 p,
  html.pc-wide body .sub-wrap200 li,
  html.pc-wide body .sub-description p{font-size:16px !important;}
  /* 게시판이 아닌 일반 페이지 중 .sub-wrap 을 쓰는 곳(예: 효성CMS+ 로그인 안내)도 같은 폭으로 */
  html.pc-wide body .guide-line > .sub-wrap:not(:has(#bo_list, #bo_v, #bo_w, #bo_gall)){padding-left:100px !important;padding-right:100px !important;}
  html.pc-wide body .sub-wrap:not(:has(#bo_list, #bo_v, #bo_w, #bo_gall)) [style*="max-width:1040px"],
  html.pc-wide body .sub-wrap:not(:has(#bo_list, #bo_v, #bo_w, #bo_gall)) .faq-section{max-width:none !important;}
  html.pc-wide body .sub-wrap:not(:has(#bo_list, #bo_v, #bo_w, #bo_gall)) p{font-size:16px !important;}
}

/* 3) 본문 맨 아래 '개통 후 수납 실무' 외부 링크 상자(aside.fc-rel)가 바로 아래 하단 영역에 붙어 겹쳐 보이던 것 */
html body aside.fc-rel{margin-bottom:48px !important;}
@media screen and (max-width:767px){
  html body aside.fc-rel{margin-top:24px !important;margin-bottom:28px !important;}
}