/* ==========================================================================
   서브페이지 반응형 «사용 표시 + 사이트별 추가 규칙»
     /data/<siteID>/css/sub_resp_v2.css      2026-08-26 wjy

   이 파일이 있으면 /common/inc/shop_rroys_responsive.asp 가
     · /common/inc/shop_rroys_responsive.css  (공용 서브 반응형)
     · /common/inc/shop_rroys_responsive.js
     · /common/inc/ee-topbtn.js               (맨 위로 버튼)
     · 그리고 이 파일
   을 링크한다. 예전에는 소스에 InStr("|rroys|nexamemory|") 로 사이트를 박아 두었다.

   ★적용 조건 : 서브 상단/하단이 rroys 계열 마크업(.rr-header-wrap · .footer__*)인 몰.
     2026-08-26 실측 — endedit · labelon · rroys · nexamemory 네 몰이 완전히 동일
     (rr-header-wrap 38 · icon_tit_list 20 · footer__company 2).
     마크업이 다른 몰(pro2 · pro3 · demo3 …)에 이 파일을 두면 공용 CSS 의
     html body{min-width:0} 같은 규칙만 먹어 레이아웃이 바뀐다 — 두지 말 것.

   사이트별로 더 고칠 게 없으면 이 주석만 있어도 된다.
   ========================================================================== */
/* ============================================================================
   nexamemory 전용 반응형 보정   2026-08-26 정희찬(PRO4)

   왜 : 이 몰은 카테고리명이 영문 장문(Workstation Memory 등)이라
        rroys 공용 규칙(1300 고정폭 해제 / 767 이하 4칸 격자)만으로는
        · 768~1023 에서 헤더 카테고리 줄이 화면 밖으로 55px 넘치고(문서폭 823 > 768)
        · 767 이하 4칸 격자에서 «Workstation Memo» 처럼 글자가 잘렸다.
        rroys 는 한글 짧은 이름이라 해당이 없어 공용 파일이 아니라 여기서만 손본다.

   쓰는 곳 : /main/rroys_responsive_inc.asp (PC 메인) · /common/inc/shop_rroys_responsive.asp (서브)
   되돌리기 : 두 곳의 link 한 줄씩만 지우면 된다.
   ============================================================================ */

/* --- 768~1023 (태블릿) : 한 줄에 다 들어가도록 좁힌다 --- */
@media all and (max-width:1023px) {
	.rr-header-category { padding:0 16px; }
	#rr-header-category-menu .icon_tit_list { flex-wrap:nowrap; justify-content:flex-start; }
	#rr-header-category-menu .icon_tit_list > li { flex:0 0 auto; }
	#rr-header-category-menu .icon_tit_list > li > a.menutitle { padding:0 9px; font-size:13px; }
}

@media all and (max-width:860px) {
	#rr-header-category-menu .icon_tit_list > li > a.menutitle { padding:0 6px; font-size:12px; }
}

/* --- 767 이하 (폰) : 공용 규칙은 4칸 격자 + 한 줄 고정이라 영문 장문이 잘린다.
       3칸으로 넓히고 두 줄까지 허용한다. --- */
@media all and (max-width:767px) {
	#rr-header-category-menu .icon_tit_list { grid-template-columns:repeat(3, minmax(0, 1fr)); }
	#rr-header-category-menu .icon_tit_list > li > a.menutitle {
		height:auto;
		min-height:44px;
		padding:7px 6px;
		font-size:12px;
		line-height:1.25;
		text-align:center;
		white-space:normal;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
	#rr-header-category-menu .icon_tit_list > li:nth-child(4n) > a.menutitle { border-right:1px solid #eee; }
	#rr-header-category-menu .icon_tit_list > li:nth-child(3n) > a.menutitle { border-right:0; }
}

/* --- 767 이하 : 서브페이지 하단 카피라이트를 «메인과 똑같이» 보여준다.
       rroys 공용 CSS(shop_rroys_responsive.css)는 폰 서브에서 푸터를 통째로 감춘다.
       그건 rroys 의 결정이고, nexamemory 는 «하단 카피라이트를 서브하단관리에
       반응형으로» 라는 지시라 여기서 되살린다.
       ★이 파일이 공용 CSS 보다 «뒤» 에 링크되므로 같은 특이도에서 이긴다.
       하단 탭바에 가리지 않도록 .wrap_body 아래 여백은 공용 CSS 가 이미 잡아 둔다. --- */
@media all and (max-width:767px) {
	html body #footer,
	html body footer.footer { display:block !important; }
}

/* ==========================================================================
   2026-08-29 정희찬(PRO4) — 상품 상세페이지 «상세컨텐츠» 안쪽 스크롤바 제거

   증상 : /product/content.asp 의 상세정보 영역(.ee-goods-content.ee-pd-cont)에
          페이지 스크롤과 별개로 «또 하나의 세로 스크롤바» 가 생겨서
          상세 이미지를 그 작은 창 안에서 다시 굴려야 했다.

   원인 두 가지가 겹쳤다 :
   ① 스마트스토어에서 가져온 상세 HTML(DB 저장분) 안에
      <div style="max-height:2088px; height:2088px;"> 처럼 «높이가 박힌» 칸이 있다.
      → 실제 내용은 13,000px 이 넘는데 상자는 2,088px 에서 멈춘다.
   ② 공용 detail-static-prototype.css 의 .ee-pd-cont{overflow-x:hidden}
      → CSS 규칙상 overflow-x 만 hidden 이면 overflow-y 는 visible 이 못 되고
        auto 로 «승격» 된다. 그래서 ① 의 넘친 내용이 스크롤바로 나타났다.

   고치는 법 : ① 인라인으로 박힌 높이를 풀어 주고(내용만큼 늘어나게)
              ② overflow-x 는 clip 으로 바꿔 세로를 visible 로 되돌린다.
                 (hidden→clip 이면 가로는 그대로 잘리고 스크롤바는 안 생긴다)

   되돌리기 : 이 블록만 지우면 된다.
   확인 : 1440 / 390 두 폭 × 상품 4개(756433·756450·756445·756438) 실측 —
          내부 스크롤 요소 0개, 가로 넘침 0.
   ========================================================================== */
.ee-goods-content.ee-pd-cont {
	overflow-x:clip !important;
	overflow-y:visible !important;
}
.ee-goods-content.ee-pd-cont div[style*="height"] {
	height:auto !important;
	max-height:none !important;
}

/* ==========================================================================
   2026-08-29 정희찬(PRO4) — 탑메뉴 첫 항목이 「전체상품」으로 바뀌었다.

   공용 CSS(shop_rroys_responsive.css)는 첫 메뉴를 «타임세일» 로 보고 빨강으로 칠한다
   (767↓ 격자 191행 · 드로어 566행). nexamemory 는 타임세일 메뉴가 없어졌으므로
   기본 글자색으로 되돌린다. 되돌리기 : 이 블록만 지우면 된다.
   ========================================================================== */
@media all and (max-width:767px) {
	#rr-header-category-menu .icon_tit_list > li:first-child > a.menutitle { color:#111; }
}

.rr-mo-drawer__cate > ul > li:first-child > a { color:#111; }