/* ===================================================================== 유저 사이트 반응형 보정 — 2026-10-04 --------------------------------------------------------------------- 스킨 18벌은 원본에서 떠 온 것이라 디자인이 제각각이고 대부분 이미 반응형이다. 여기서는 「폰에서 화면이 옆으로 밀리는 것」만 막는다. 디자인은 손대지 않는다. 데스크톱(1025px 이상)은 한 줄도 달라지지 않는다. 틀 18벌을 고치지 않고 tpl.asp 의 uRwd() 가 이 한 장을 머리에 끼우고 에 data-skin 을 붙여 준다. ===================================================================== */ /* ===================================================================== 새 NEXT 로고 (2026-10-04) — 폭과 상관없이 늘 적용된다 --------------------------------------------------------------------- 1 · 3 · 5 · 8 번은 로고가 한 장이 아니라 PNG 조각을 CSS 로 겹쳐 쌓고 @keyframes 로 번갈아 띄우는 구조다. 파일만 바꾸면 새 로고가 여러 장 겹쳐 깜빡인다 → 조각을 숨기고 한 장만 남긴다. 파일은 그대로 두니 되돌리려면 이 블록만 지우면 된다. ===================================================================== */ :root[data-skin="1"] a.logo > img, :root[data-skin="5"] a.logo > img, :root[data-skin="8"] a.logo > img{opacity:0!important;animation:none!important} :root[data-skin="1"] a.logo > img.logo-img, :root[data-skin="5"] a.logo > img.logo-img, :root[data-skin="8"] a.logo > img.logo-img{opacity:1!important} /* 3번은 logo-img 조각이 아예 없다 (다이아몬드 · 과일 · 글자 조각) → 통째로 바탕 그림으로 */ :root[data-skin="3"] a.bs-logo{background:url("/s/3/img/logo/logo.png?v=green20261004") center/contain no-repeat!important} :root[data-skin="3"] a.bs-logo img{opacity:0!important;visibility:hidden!important;animation:none!important} @media (max-width:1024px){ /* ---- 모든 스킨 공통 : 그림이 제 칸을 넘지 않게 ---- */ img,video,canvas,object,embed{max-width:100%} img{height:auto} /* ---- 스킨 9 : 부트스트랩3 틀이라 1200px 로 박혀 있다. ★ 진짜 원인은 body 자체가 width:1200px 이다 — 안쪽만 줄여선 소용이 없다 ---- */ :root[data-skin="9"] body{width:auto!important;max-width:100%!important} :root[data-skin="9"] .container, :root[data-skin="9"] .inner-Home-controller, :root[data-skin="9"] .noticePopUp, :root[data-skin="9"] .noticePopUp_body, :root[data-skin="9"] .noticePopUp_flex, :root[data-skin="9"] nav.navbar, :root[data-skin="9"] section{width:auto!important;max-width:100%!important} :root[data-skin="9"] .noticePopUp_flex{flex-wrap:wrap!important} /* ---- 스킨 13 : 바닥 그림이 1260px 로 박혀 있다 ---- */ :root[data-skin="13"] img.footer-png{width:100%!important;height:auto!important} /* ---- disney : 메인 게임판이 1592px. 안쪽이 절대 위치 조합이라 줄이면 그림이 어긋난다 → 그 칸만 옆으로 미끄러지게 두고 화면 전체는 안 밀리게 한다 ---- */ :root[data-skin="disney"] .main_game{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch} /* 롤링 표도 제 칸(327px)보다 넓다 — 그 칸 안에서만 미끄러지게 */ :root[data-skin="disney"] .board_box{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch} /* .wrap 은 「왼쪽 메뉴 290px + 본문」을 가로로 늘어놓는 flex 다 (nowrap). 폰에서는 둘을 위아래로 풀어 준다 — 메뉴를 숨기면 길이 막혀서 접는 쪽을 골랐다. */ :root[data-skin="disney"] .wrap{flex-wrap:wrap!important} :root[data-skin="disney"] .wrap > .menu{width:100%!important;flex:0 0 100%!important} :root[data-skin="disney"] .wrap > section{width:100%!important;flex:1 1 100%!important;min-width:0!important} /* ---- 스킨 3 : body 에 min-width:1480px, #wrap 에 width:1480px 이 박혀 있다 ---- */ :root[data-skin="3"] body{min-width:0!important;width:auto!important} :root[data-skin="3"] #wrap{width:auto!important;max-width:100%!important} :root[data-skin="3"] .util_wrap, :root[data-skin="3"] .header_box, :root[data-skin="3"] .util_right{width:auto!important;max-width:100%!important} :root[data-skin="3"] .visual{max-width:100%!important;overflow-x:hidden!important} :root[data-skin="3"] .bs-logo{max-width:100%!important} /* ---- 스킨 7 : 5px 쯤 넘친다 ---- */ /* content-box 라 안쪽 여백이 폭에 더해져 5px 넘친다 — 테두리 기준으로 세게 한다 */ :root[data-skin="7"] .content-container{box-sizing:border-box!important;max-width:100%!important} }