/**
 * KGPC 서브페이지 모바일 전용 스타일
 * 생성일: 2025-12-03
 */

/* ==================== 모바일 서브페이지 레이아웃 Override ==================== */
@media (max-width: 768px) {
  
  /* ===== 기본 레이아웃 너비 조정 ===== */
  #wrap,
  #container,
  #content,
  .content,
  .content_box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: auto !important;
  }
  
  #content {
    padding: 0 15px !important;
  }
  
  /* ===== SNB (사이드 네비게이션) 숨김 ===== */
  #snb {
    display: none !important;
  }
  
  .bg_back {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* ===== Subvisual 조정 ===== */
  .subvisual {
    height: 80px !important;
    background-size: cover;
  }
  
  /* ===== 컨텐츠 영역 ===== */
  .cont_tail {
    max-width: 100% !important;
    padding: 0 15px !important;
  }
  
  /* ===== 테이블 반응형 ===== */
  .scroltable {
    max-width: 100% !important;
    min-width: auto !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .responsive {
    max-width: 100% !important;
    min-width: auto !important;
    overflow-x: auto;
  }
  
  /* ===== 폼 요소 너비 조정 ===== */
  #content .content_box .block .search .table table tr td input[type=text],
  #content .content_box .block .search .table table tr td select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  
  /* ===== 로그인 박스 ===== */
  #login_box {
    max-width: 100% !important;
    padding: 20px 15px;
  }
  
  /* ===== 버튼 너비 조정 ===== */
  .next_btn,
  .cancel_btn {
    width: 100% !important;
    margin-bottom: 10px;
  }
  
  .agree_btn_box .btn_cancel02,
  .agree_btn_box .btn_confirm02,
  .agree_btn_box .btn_home02,
  .agree_btn_box .btn_confirm03,
  .agree_btn_box .btn_search02 {
    width: 100% !important;
    margin-bottom: 10px;
    background-position: center !important;
  }
  
  /* ===== 검색 필드 ===== */
  .table_search_box table input.int {
    width: calc(100% - 100px) !important;
  }
  
  .prg_top .search_field .input_style {
    width: 100px !important;
  }
  
  /* ===== Equipment 뷰 ===== */
  .equip_view_box {
    width: 100% !important;
    padding: 15px;
  }
  
  .equip_photo,
  .equip_info {
    float: none !important;
    width: 100% !important;
    margin-bottom: 20px;
  }
  
  /* ===== 인증 박스 ===== */
  .auth_box ul li {
    float: none !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 15px 0 !important;
  }
  
  /* ===== 모달 ===== */
  .disclaimer_box {
    width: 90% !important;
    height: 80% !important;
    left: 5% !important;
    top: 10% !important;
    margin: 0 !important;
  }
  
  .modal-body {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* ===== Owl Carousel 네비게이션 ===== */
  .modal-body table tr td.data .owl-nav .owl-prev,
  .modal-body table tr td.data .owl-nav .owl-next {
    width: 35px !important;
    height: 35px !important;
    background-size: 30px !important;
  }
}

/* ==================== 모바일 헤더 간소화 ==================== */
@media (max-width: 768px) {
  
  /* 데스크톱 헤더 숨김 */
  body.is-mobile .headerWrap {
    display: none !important;
  }
  
  body.is-mobile .headGnb,
  body.is-mobile .util {
    display: none !important;
  }
  
  body.is-mobile .gnbBg {
    display: none !important;
  }
}

/* ==================== 모바일 테이블 개선 ==================== */
@media (max-width: 768px) {
  
  /* 기본 테이블 */
  table {
    font-size: 13px !important;
  }
  
  table th,
  table td {
    padding: 10px 8px !important;
  }
  
  /* 테이블 말줄임 너비 조정 */
  .table-scroll span.wdItem {
    width: 100% !important;
    max-width: 150px !important;
  }
  
  .table-scroll span.wdDetail,
  .table-scroll span.wdParts {
    width: 100% !important;
    max-width: 100px !important;
  }
  
  .table-scroll span.wdSegment,
  .table-scroll span.wdFamily,
  .table-scroll span.wdClass,
  .table-scroll span.wdBrick {
    width: 100% !important;
    max-width: 90px !important;
  }
}

/* ==================== 모바일 페이지네이션 ==================== */
@media (max-width: 768px) {
  .paginate {
    padding-bottom: 15px;
  }
  
  .paginate .page_ctrl a,
  .paginate .pages li,
  .paginate .pages li a,
  .paginate .pages strong {
    min-width: 30px;
  }
  
  /* ===== 모바일 서브페이지 헤더 스타일 ===== */
  
  /* 데스크톱 헤더 완전 숨김 */
  body.is-mobile.sub .header01 {
    display: none !important;
  }
  
  /* 모바일 헤더 표시 */
  body.is-mobile.sub .mobile-header.header02 {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    height: 60px;
  }
  
  /* 전체 메뉴 버튼 숨김 (모바일 서브페이지) */
  body.is-mobile.sub .total_menu {
    display: none !important;
  }
  
  /* SNB 토글 버튼 숨김 */
  body.is-mobile.sub .snb-toggle-btn {
    display: none !important;
  }
  
  /* SNB 오버레이 숨김 */
  body.is-mobile.sub .snb-overlay {
    display: none !important;
  }
  
  /* 메인 레이아웃 조정 */
  body.is-mobile.sub .main-layout {
    display: block !important;
    width: 100% !important;
  }
  
  /* SNB 숨김 */
  body.is-mobile.sub .snb-sidebar,
  body.is-mobile.sub .main-sidebar {
    display: none !important;
  }
  
  /* 콘텐츠 영역 100% */
  body.is-mobile.sub .main-content {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 !important;
  }
  
  /* 콘텐츠 래퍼 패딩! */
  body.is-mobile.sub .content-wrapper {
    padding: 0px !important;
  }
  
  /* 페이지 타이틀 조정 */
  body.is-mobile.sub .layout-title {
    font-size: 20px !important;
    margin-top: 60px !important;
    padding-bottom: 10px !important;
  }
  
  body.is-mobile.sub .layout-title small {
    font-size: 13px !important;
    display: block;
    margin-top: 5px;
  }
  
  /* 페이지 탭 조정 */
  body.is-mobile.sub .pageTab {
    margin-top: 15px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  body.is-mobile.sub .pageTab ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding-bottom: 5px;
  }
  
  body.is-mobile.sub .pageTab li {
    flex-shrink: 0;
    min-width: auto;
  }
  
  body.is-mobile.sub .pageTab li a {
    padding: 10px 20px;
    font-size: 14px;
    white-space: nowrap;
  }
  
  /* 콘텐츠 박스 */
  body.is-mobile.sub .content_box {
    padding: 20px 0 !important;
    margin: 0 !important;
  }
  
  /* 푸터 조정 */
  body.is-mobile.sub #section3 {
    margin-top: 40px;
  }
  
  /* ===== 로그인 페이지 모바일 조정 ===== */
  
  /* 회원가입, 아이디/비밀번호 찾기 숨김 */
  #login_box .login_util {
    display: none !important;
  }
  
  /* 로그인 박스 모바일 최적화 */
  #login_box {
    max-width: 100%;
    padding: 0 20px;
  }
  
  #login_box input {
    font-size: 15px;
    padding: 15px 10px 15px 60px;
  }
  
  #login_box .login_btn button {
    font-size: 18px;
    padding: 14px 0;
  }
  
  #login_box label > img {
    height: 48px;
  }
  
  /* ===== 검색 페이지 모바일 조정 ===== */
  
  /* 제품분류표준 검색 결과 완전 숨김 (모바일) */
  .keyword-search-result-section {
    display: none !important;
  }
}