From 3caca2c7d549597c88febd07708a34d15747b046 Mon Sep 17 00:00:00 2001
From: monoid <qaswedfr55@gmail.com>
Date: Tue, 1 Apr 2025 00:08:06 +0900
Subject: [PATCH] comment and footer
---
package.json | 6 +-
pnpm-lock.yaml | 301 ++++-
src/App.tsx | 438 ++++----
src/Button.tsx | 32 +
src/Comment.tsx | 185 ++++
src/CommentHeader.tsx | 136 +++
src/Footer.tsx | 203 ++++
src/Gallery.tsx | 729 +++++-------
src/GalleryTitleHeader.tsx | 225 +---
src/Separator.tsx | 15 +-
src/common.css | 2150 ------------------------------------
src/content.css | 1953 --------------------------------
src/index.css | 24 +
src/main.tsx | 2 +-
src/minor.css | 1568 --------------------------
src/table.css | 0
src/table.tsx | 235 ++++
src/util/cn.ts | 6 +
tailwind.config.js | 7 +
vite.config.ts | 3 +-
20 files changed, 1585 insertions(+), 6633 deletions(-)
create mode 100644 src/Button.tsx
create mode 100644 src/Comment.tsx
create mode 100644 src/CommentHeader.tsx
create mode 100644 src/Footer.tsx
delete mode 100644 src/common.css
delete mode 100644 src/content.css
delete mode 100644 src/minor.css
create mode 100644 src/table.css
create mode 100644 src/table.tsx
create mode 100644 src/util/cn.ts
create mode 100644 tailwind.config.js
diff --git a/package.json b/package.json
index caf1214..7cca0b2 100644
--- a/package.json
+++ b/package.json
@@ -10,9 +10,13 @@
"preview": "vite preview"
},
"dependencies": {
+ "@tailwindcss/vite": "^4.0.17",
+ "clsx": "^2.1.1",
"date-fns": "^4.1.0",
"react": "^18.3.1",
- "react-dom": "^18.3.1"
+ "react-dom": "^18.3.1",
+ "tailwind-merge": "^3.0.2",
+ "tailwindcss": "^4.0.17"
},
"devDependencies": {
"@eslint/js": "^9.17.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a3c2355..8144fd2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,12 @@ importers:
.:
dependencies:
+ '@tailwindcss/vite':
+ specifier: ^4.0.17
+ version: 4.0.17(vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.2))
+ clsx:
+ specifier: ^2.1.1
+ version: 2.1.1
date-fns:
specifier: ^4.1.0
version: 4.1.0
@@ -17,6 +23,12 @@ importers:
react-dom:
specifier: ^18.3.1
version: 18.3.1(react@18.3.1)
+ tailwind-merge:
+ specifier: ^3.0.2
+ version: 3.0.2
+ tailwindcss:
+ specifier: ^4.0.17
+ version: 4.0.17
devDependencies:
'@eslint/js':
specifier: ^9.17.0
@@ -29,7 +41,7 @@ importers:
version: 18.3.5(@types/react@18.3.18)
'@vitejs/plugin-react-swc':
specifier: ^3.5.0
- version: 3.7.2(vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.1))
+ version: 3.7.2(vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.2))
eslint:
specifier: ^9.17.0
version: 9.18.0(jiti@2.4.2)
@@ -50,7 +62,7 @@ importers:
version: 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3)
vite:
specifier: ^6.0.5
- version: 6.0.9(jiti@2.4.2)(lightningcss@1.29.1)
+ version: 6.0.9(jiti@2.4.2)(lightningcss@1.29.2)
packages:
@@ -440,6 +452,84 @@ packages:
'@swc/types@0.1.17':
resolution: {integrity: sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ==}
+ '@tailwindcss/node@4.0.17':
+ resolution: {integrity: sha512-LIdNwcqyY7578VpofXyqjH6f+3fP4nrz7FBLki5HpzqjYfXdF2m/eW18ZfoKePtDGg90Bvvfpov9d2gy5XVCbg==}
+
+ '@tailwindcss/oxide-android-arm64@4.0.17':
+ resolution: {integrity: sha512-3RfO0ZK64WAhop+EbHeyxGThyDr/fYhxPzDbEQjD2+v7ZhKTb2svTWy+KK+J1PHATus2/CQGAGp7pHY/8M8ugg==}
+ engines: {node: '>= 10'}
+ cpu: [arm64]
+ os: [android]
+
+ '@tailwindcss/oxide-darwin-arm64@4.0.17':
+ resolution: {integrity: sha512-e1uayxFQCCDuzTk9s8q7MC5jFN42IY7nzcr5n0Mw/AcUHwD6JaBkXnATkD924ZsHyPDvddnusIEvkgLd2CiREg==}
+ engines: {node: '>= 10'}
+ cpu: [arm64]
+ os: [darwin]
+
+ '@tailwindcss/oxide-darwin-x64@4.0.17':
+ resolution: {integrity: sha512-d6z7HSdOKfXQ0HPlVx1jduUf/YtBuCCtEDIEFeBCzgRRtDsUuRtofPqxIVaSCUTOk5+OfRLonje6n9dF6AH8wQ==}
+ engines: {node: '>= 10'}
+ cpu: [x64]
+ os: [darwin]
+
+ '@tailwindcss/oxide-freebsd-x64@4.0.17':
+ resolution: {integrity: sha512-EjrVa6lx3wzXz3l5MsdOGtYIsRjgs5Mru6lDv4RuiXpguWeOb3UzGJ7vw7PEzcFadKNvNslEQqoAABeMezprxQ==}
+ engines: {node: '>= 10'}
+ cpu: [x64]
+ os: [freebsd]
+
+ '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.17':
+ resolution: {integrity: sha512-65zXfCOdi8wuaY0Ye6qMR5LAXokHYtrGvo9t/NmxvSZtCCitXV/gzJ/WP5ksXPhff1SV5rov0S+ZIZU+/4eyCQ==}
+ engines: {node: '>= 10'}
+ cpu: [arm]
+ os: [linux]
+
+ '@tailwindcss/oxide-linux-arm64-gnu@4.0.17':
+ resolution: {integrity: sha512-+aaq6hJ8ioTdbJV5IA1WjWgLmun4T7eYLTvJIToiXLHy5JzUERRbIZjAcjgK9qXMwnvuu7rqpxzej+hGoEcG5g==}
+ engines: {node: '>= 10'}
+ cpu: [arm64]
+ os: [linux]
+
+ '@tailwindcss/oxide-linux-arm64-musl@4.0.17':
+ resolution: {integrity: sha512-/FhWgZCdUGAeYHYnZKekiOC0aXFiBIoNCA0bwzkICiMYS5Rtx2KxFfMUXQVnl4uZRblG5ypt5vpPhVaXgGk80w==}
+ engines: {node: '>= 10'}
+ cpu: [arm64]
+ os: [linux]
+
+ '@tailwindcss/oxide-linux-x64-gnu@4.0.17':
+ resolution: {integrity: sha512-gELJzOHK6GDoIpm/539Golvk+QWZjxQcbkKq9eB2kzNkOvrP0xc5UPgO9bIMNt1M48mO8ZeNenCMGt6tfkvVBg==}
+ engines: {node: '>= 10'}
+ cpu: [x64]
+ os: [linux]
+
+ '@tailwindcss/oxide-linux-x64-musl@4.0.17':
+ resolution: {integrity: sha512-68NwxcJrZn94IOW4TysMIbYv5AlM6So1luTlbYUDIGnKma1yTFGBRNEJ+SacJ3PZE2rgcTBNRHX1TB4EQ/XEHw==}
+ engines: {node: '>= 10'}
+ cpu: [x64]
+ os: [linux]
+
+ '@tailwindcss/oxide-win32-arm64-msvc@4.0.17':
+ resolution: {integrity: sha512-AkBO8efP2/7wkEXkNlXzRD4f/7WerqKHlc6PWb5v0jGbbm22DFBLbIM19IJQ3b+tNewQZa+WnPOaGm0SmwMNjw==}
+ engines: {node: '>= 10'}
+ cpu: [arm64]
+ os: [win32]
+
+ '@tailwindcss/oxide-win32-x64-msvc@4.0.17':
+ resolution: {integrity: sha512-7/DTEvXcoWlqX0dAlcN0zlmcEu9xSermuo7VNGX9tJ3nYMdo735SHvbrHDln1+LYfF6NhJ3hjbpbjkMOAGmkDg==}
+ engines: {node: '>= 10'}
+ cpu: [x64]
+ os: [win32]
+
+ '@tailwindcss/oxide@4.0.17':
+ resolution: {integrity: sha512-B4OaUIRD2uVrULpAD1Yksx2+wNarQr2rQh65nXqaqbLY1jCd8fO+3KLh/+TH4Hzh2NTHQvgxVbPdUDOtLk7vAw==}
+ engines: {node: '>= 10'}
+
+ '@tailwindcss/vite@4.0.17':
+ resolution: {integrity: sha512-HJbBYDlDVg5cvYZzECb6xwc1IDCEM3uJi3hEZp3BjZGCNGJcTsnCpan+z+VMW0zo6gR0U6O6ElqU1OoZ74Dhww==}
+ peerDependencies:
+ vite: ^5.2.0 || ^6
+
'@types/estree@1.0.6':
resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
@@ -550,6 +640,10 @@ packages:
resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
engines: {node: '>=10'}
+ clsx@2.1.1:
+ resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+ engines: {node: '>=6'}
+
color-convert@2.0.1:
resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
engines: {node: '>=7.0.0'}
@@ -582,10 +676,13 @@ packages:
deep-is@0.1.4:
resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
- detect-libc@1.0.3:
- resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
- engines: {node: '>=0.10'}
- hasBin: true
+ detect-libc@2.0.3:
+ resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
+ engines: {node: '>=8'}
+
+ enhanced-resolve@5.18.1:
+ resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+ engines: {node: '>=10.13.0'}
esbuild@0.24.2:
resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==}
@@ -705,6 +802,9 @@ packages:
resolution: {integrity: sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==}
engines: {node: '>=18'}
+ graceful-fs@4.2.11:
+ resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
graphemer@1.4.0:
resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
@@ -766,68 +866,68 @@ packages:
resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
engines: {node: '>= 0.8.0'}
- lightningcss-darwin-arm64@1.29.1:
- resolution: {integrity: sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==}
+ lightningcss-darwin-arm64@1.29.2:
+ resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [darwin]
- lightningcss-darwin-x64@1.29.1:
- resolution: {integrity: sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==}
+ lightningcss-darwin-x64@1.29.2:
+ resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [darwin]
- lightningcss-freebsd-x64@1.29.1:
- resolution: {integrity: sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==}
+ lightningcss-freebsd-x64@1.29.2:
+ resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [freebsd]
- lightningcss-linux-arm-gnueabihf@1.29.1:
- resolution: {integrity: sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==}
+ lightningcss-linux-arm-gnueabihf@1.29.2:
+ resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==}
engines: {node: '>= 12.0.0'}
cpu: [arm]
os: [linux]
- lightningcss-linux-arm64-gnu@1.29.1:
- resolution: {integrity: sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==}
+ lightningcss-linux-arm64-gnu@1.29.2:
+ resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [linux]
- lightningcss-linux-arm64-musl@1.29.1:
- resolution: {integrity: sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==}
+ lightningcss-linux-arm64-musl@1.29.2:
+ resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [linux]
- lightningcss-linux-x64-gnu@1.29.1:
- resolution: {integrity: sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==}
+ lightningcss-linux-x64-gnu@1.29.2:
+ resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [linux]
- lightningcss-linux-x64-musl@1.29.1:
- resolution: {integrity: sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==}
+ lightningcss-linux-x64-musl@1.29.2:
+ resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [linux]
- lightningcss-win32-arm64-msvc@1.29.1:
- resolution: {integrity: sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==}
+ lightningcss-win32-arm64-msvc@1.29.2:
+ resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [win32]
- lightningcss-win32-x64-msvc@1.29.1:
- resolution: {integrity: sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==}
+ lightningcss-win32-x64-msvc@1.29.2:
+ resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [win32]
- lightningcss@1.29.1:
- resolution: {integrity: sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==}
+ lightningcss@1.29.2:
+ resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==}
engines: {node: '>= 12.0.0'}
locate-path@6.0.0:
@@ -966,6 +1066,16 @@ packages:
resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
engines: {node: '>=8'}
+ tailwind-merge@3.0.2:
+ resolution: {integrity: sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==}
+
+ tailwindcss@4.0.17:
+ resolution: {integrity: sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==}
+
+ tapable@2.2.1:
+ resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+ engines: {node: '>=6'}
+
to-regex-range@5.0.1:
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
engines: {node: '>=8.0'}
@@ -1301,6 +1411,67 @@ snapshots:
dependencies:
'@swc/counter': 0.1.3
+ '@tailwindcss/node@4.0.17':
+ dependencies:
+ enhanced-resolve: 5.18.1
+ jiti: 2.4.2
+ tailwindcss: 4.0.17
+
+ '@tailwindcss/oxide-android-arm64@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-darwin-arm64@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-darwin-x64@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-freebsd-x64@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-linux-arm64-gnu@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-linux-arm64-musl@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-linux-x64-gnu@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-linux-x64-musl@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-win32-arm64-msvc@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide-win32-x64-msvc@4.0.17':
+ optional: true
+
+ '@tailwindcss/oxide@4.0.17':
+ optionalDependencies:
+ '@tailwindcss/oxide-android-arm64': 4.0.17
+ '@tailwindcss/oxide-darwin-arm64': 4.0.17
+ '@tailwindcss/oxide-darwin-x64': 4.0.17
+ '@tailwindcss/oxide-freebsd-x64': 4.0.17
+ '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.17
+ '@tailwindcss/oxide-linux-arm64-gnu': 4.0.17
+ '@tailwindcss/oxide-linux-arm64-musl': 4.0.17
+ '@tailwindcss/oxide-linux-x64-gnu': 4.0.17
+ '@tailwindcss/oxide-linux-x64-musl': 4.0.17
+ '@tailwindcss/oxide-win32-arm64-msvc': 4.0.17
+ '@tailwindcss/oxide-win32-x64-msvc': 4.0.17
+
+ '@tailwindcss/vite@4.0.17(vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.2))':
+ dependencies:
+ '@tailwindcss/node': 4.0.17
+ '@tailwindcss/oxide': 4.0.17
+ lightningcss: 1.29.2
+ tailwindcss: 4.0.17
+ vite: 6.0.9(jiti@2.4.2)(lightningcss@1.29.2)
+
'@types/estree@1.0.6': {}
'@types/json-schema@7.0.15': {}
@@ -1393,10 +1564,10 @@ snapshots:
'@typescript-eslint/types': 8.20.0
eslint-visitor-keys: 4.2.0
- '@vitejs/plugin-react-swc@3.7.2(vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.1))':
+ '@vitejs/plugin-react-swc@3.7.2(vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.2))':
dependencies:
'@swc/core': 1.10.8
- vite: 6.0.9(jiti@2.4.2)(lightningcss@1.29.1)
+ vite: 6.0.9(jiti@2.4.2)(lightningcss@1.29.2)
transitivePeerDependencies:
- '@swc/helpers'
@@ -1441,6 +1612,8 @@ snapshots:
ansi-styles: 4.3.0
supports-color: 7.2.0
+ clsx@2.1.1: {}
+
color-convert@2.0.1:
dependencies:
color-name: 1.1.4
@@ -1465,8 +1638,12 @@ snapshots:
deep-is@0.1.4: {}
- detect-libc@1.0.3:
- optional: true
+ detect-libc@2.0.3: {}
+
+ enhanced-resolve@5.18.1:
+ dependencies:
+ graceful-fs: 4.2.11
+ tapable: 2.2.1
esbuild@0.24.2:
optionalDependencies:
@@ -1627,6 +1804,8 @@ snapshots:
globals@15.14.0: {}
+ graceful-fs@4.2.11: {}
+
graphemer@1.4.0: {}
has-flag@4.0.0: {}
@@ -1650,8 +1829,7 @@ snapshots:
isexe@2.0.0: {}
- jiti@2.4.2:
- optional: true
+ jiti@2.4.2: {}
js-tokens@4.0.0: {}
@@ -1674,51 +1852,50 @@ snapshots:
prelude-ls: 1.2.1
type-check: 0.4.0
- lightningcss-darwin-arm64@1.29.1:
+ lightningcss-darwin-arm64@1.29.2:
optional: true
- lightningcss-darwin-x64@1.29.1:
+ lightningcss-darwin-x64@1.29.2:
optional: true
- lightningcss-freebsd-x64@1.29.1:
+ lightningcss-freebsd-x64@1.29.2:
optional: true
- lightningcss-linux-arm-gnueabihf@1.29.1:
+ lightningcss-linux-arm-gnueabihf@1.29.2:
optional: true
- lightningcss-linux-arm64-gnu@1.29.1:
+ lightningcss-linux-arm64-gnu@1.29.2:
optional: true
- lightningcss-linux-arm64-musl@1.29.1:
+ lightningcss-linux-arm64-musl@1.29.2:
optional: true
- lightningcss-linux-x64-gnu@1.29.1:
+ lightningcss-linux-x64-gnu@1.29.2:
optional: true
- lightningcss-linux-x64-musl@1.29.1:
+ lightningcss-linux-x64-musl@1.29.2:
optional: true
- lightningcss-win32-arm64-msvc@1.29.1:
+ lightningcss-win32-arm64-msvc@1.29.2:
optional: true
- lightningcss-win32-x64-msvc@1.29.1:
+ lightningcss-win32-x64-msvc@1.29.2:
optional: true
- lightningcss@1.29.1:
+ lightningcss@1.29.2:
dependencies:
- detect-libc: 1.0.3
+ detect-libc: 2.0.3
optionalDependencies:
- lightningcss-darwin-arm64: 1.29.1
- lightningcss-darwin-x64: 1.29.1
- lightningcss-freebsd-x64: 1.29.1
- lightningcss-linux-arm-gnueabihf: 1.29.1
- lightningcss-linux-arm64-gnu: 1.29.1
- lightningcss-linux-arm64-musl: 1.29.1
- lightningcss-linux-x64-gnu: 1.29.1
- lightningcss-linux-x64-musl: 1.29.1
- lightningcss-win32-arm64-msvc: 1.29.1
- lightningcss-win32-x64-msvc: 1.29.1
- optional: true
+ lightningcss-darwin-arm64: 1.29.2
+ lightningcss-darwin-x64: 1.29.2
+ lightningcss-freebsd-x64: 1.29.2
+ lightningcss-linux-arm-gnueabihf: 1.29.2
+ lightningcss-linux-arm64-gnu: 1.29.2
+ lightningcss-linux-arm64-musl: 1.29.2
+ lightningcss-linux-x64-gnu: 1.29.2
+ lightningcss-linux-x64-musl: 1.29.2
+ lightningcss-win32-arm64-msvc: 1.29.2
+ lightningcss-win32-x64-msvc: 1.29.2
locate-path@6.0.0:
dependencies:
@@ -1855,6 +2032,12 @@ snapshots:
dependencies:
has-flag: 4.0.0
+ tailwind-merge@3.0.2: {}
+
+ tailwindcss@4.0.17: {}
+
+ tapable@2.2.1: {}
+
to-regex-range@5.0.1:
dependencies:
is-number: 7.0.0
@@ -1883,7 +2066,7 @@ snapshots:
dependencies:
punycode: 2.3.1
- vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.1):
+ vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.2):
dependencies:
esbuild: 0.24.2
postcss: 8.5.1
@@ -1891,7 +2074,7 @@ snapshots:
optionalDependencies:
fsevents: 2.3.3
jiti: 2.4.2
- lightningcss: 1.29.1
+ lightningcss: 1.29.2
which@2.0.2:
dependencies:
diff --git a/src/App.tsx b/src/App.tsx
index 3b37bde..33c0198 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,263 +1,211 @@
-import './common.css'
-import './minor.css'
-import './content.css'
import './App.css'
-import { format } from 'date-fns';
+import { CommentItem, CommentListContainer, SubCommentData } from './Comment';
+import CommentHeader from './CommentHeader';
+import { Footer } from './Footer';
import { GalleryContent } from './Gallery';
import { GalleryTitleHeader } from './GalleryTitleHeader';
+import { GalleryTable, TableRowData } from './table';
-function getTimeFromNow(date: Date) {
- const now = new Date()
- if (now.getFullYear() !== date.getFullYear()) {
- return format(date, "yyyy.MM.dd")
- }
- return format(date, "HH:mm")
-}
+const tableData: TableRowData[] = [
+ { // Survey Example
+ id: 2995,
+ category: "설문",
+ titleText: "어떤 상황이 와도 가족 안 굶길 것 같은 생활력 강해 보이는 스타는?",
+ variant: "icon_survey",
+ author: {
+ type: "operator",
+ },
+ date: "25.03.24",
+ views: "-",
+ recommendations: "-",
+ isAdOrSurvey: true,
+ },
+ { // AD Example
+ id: 2996,
+ category: "AD",
+ titleText: "트릭컬 지금 접속 시 죠안 확정권 지급",
+ variant: "icon_ad",
+ author: {
+ type: "operator",
+ },
+ date: "25.03.28",
+ views: "-",
+ recommendations: "-",
+ isAdOrSurvey: true,
+ },
+ { // Notice Example 1
+ id: 1012381,
+ category: "공지",
+ titleText: "3월 5주차 주던",
+ commentCount: 7,
+ variant: "icon_notice",
+ author: {
+ type: "nickname",
+ nickname: "보배단",
+ userType: "manager", // Optional, if applicable
+ },
+ date: "25.03.27",
+ views: 3178,
+ recommendations: 12,
+ isNotice: true,
+ },
+ { // Notice Example 2
+ id: 784571,
+ category: "공지",
+ titleText: "인방 떡밥은 별도의 갤러리를 이용해주세요",
+ commentCount: 3,
+ variant: "icon_notice",
+ author: {
+ type: "nickname",
+ nickname: "ㅇㅇ",
+ userType: "submanager", // Optional, if applicable
+ },
+ date: "25.03.08",
+ views: 7018,
+ recommendations: 6,
+ isNotice: true,
+ },
+ { // Normal Row Example 1
+ id: 1040045,
+ category: "일반",
+ titleText: "버서커 헬 졸업해도되는데 태초한번도 안떠서 계속 돌림",
+ variant: "icon_pic",
+ commentCount: 2,
+ author: {
+ type: "nickname",
+ nickname: "븜구리",
+ userType: "manager", // Optional, if applicable
+ },
+ date: "21:58",
+ views: 4,
+ recommendations: 0,
+ },
+ { // Normal Row Example 2 (IP Author)
+ id: 1040043,
+ category: "일반",
+ titleText: "혹시 엘마가 진각무기압타 빗자루 쓸 수 있음?",
+ variant: "icon_txt",
+ author: {
+ type: "IP",
+ ip: "1.248",
+ },
+ date: "21:58",
+ views: 1,
+ recommendations: 0,
+ },
+ // ... Add all other rows from the original HTML here
+ { // News Row Example
+ id: '', // No ID
+ category: "뉴스",
+ titleText: "'2025 조치원 봄꽃축제' 개최 소식 밝혀",
+ variant: "icon_dctrend",
+ date: "18:00",
+ views: "",
+ recommendations: "",
+ isNews: true,
+ titleLinkUrl: '#', // Add actual URL
+ },
+];
-type Writer = {
- type: "유동닉",
- /**
- * IP address without the last two octet
- * e.g. "192.168"
- */
- ip: string
-} | {
- type: "반유동"
-} | {
- type: "고닉",
- nickname: string,
- 완장?: "주딱" | "파딱"
-} | {
- type: "운영자"
-};
-interface GalleryTableRowProps {
- id: number
- subject: string
- title: string
- replyCount: number
- writer: Writer
- type: "icon_notice" | "icon_pic" | "icon_txt" | "icon_survey"
- date: Date
- viewCount: number
- recommendCount: number
- fixed?: boolean
-}
+// Sample data - replace with your actual data source/props
+const comments: SubCommentData[] = [
+ {
+ id: 1,
+ author: { type: 'IP', ip: '222.116' }, // Assuming author is an object with type and name
+ text: '너 지금 상현이햄을 ■■라고',
+ timestamp: '03.31 17:44:25',
+ showDelete: true,
+ },
+ {
+ id: 2,
-const NicknameImagePath = {
- "주딱": "/fix_managernik.gif",
- "파딱": "/fix_sub_managernik.gif",
- "반유동": "/nik.gif",
- "default": "/fix_nik.gif"
-}
-function RenderWriter({ writer }: { writer: Writer }) {
- const type = writer.type;
- if (type === "운영자") {
- return <span className="nickname in" title="운영자"><em>운영자</em></span>
- }
- const nickname = writer.type === "고닉" ? writer.nickname : "ㅇㅇ";
- return <>
- <span className="nickname in" title={nickname}><em>{nickname}</em></span>
- {writer.type === "유동닉" && <span className="ip">({writer.ip})</span>}
- <span className="writer_nikcon">
- {writer.type === "고닉" && <img src={NicknameImagePath[writer.완장 ?? "default"]} title={`${nickname} : 완장`}
- width="12" height="11" style={{ "cursor": "pointer", marginLeft: "2px" }}
- alt="갤로그로 이동합니다." />}
- {writer.type === "반유동" && <img src={NicknameImagePath["반유동"]} title={`${nickname} : 닉네임`}
- width="12" height="11" style={{ "cursor": "pointer", marginLeft: "2px" }}
- alt="갤로그로 이동합니다." />}
- </span>
- </>
-}
+ author: { type: "IP", ip: "218.144" },
+ text: '미국인들도 저사람 얘기할때마다 동양인이 어쩌고랑 엮는데 왤케화남ㅋㅋ',
+ timestamp: '03.31 18:16:45',
+ showDelete: true,
+ },
+ {
+ id: 3,
-function GalleryTableRow(
- {
- id,
- subject,
- title,
- replyCount,
- writer,
- type,
- date,
- viewCount,
- recommendCount,
- fixed = false,
- }: GalleryTableRowProps
-) {
- const wrap = (node: React.ReactNode) => fixed ? <b>{node}</b> : node;
+ author: { type: "IP", ip: "183.96" },
- return <tr className="ub-content us-post" data-no={id.toString()} data-type={type}>
- <td className="gall_num">{id}</td>
- <td className="gall_subject"><b>{subject}</b></td>
- <td className="gall_tit ub-word">
- <a href="/mgallery/board/view/?id=genrenovel&no=9101266&page=1" view-msg="">
- <em className={`icon_img ${type}`}></em>
- {wrap(title)}
- </a>
- <a className="reply_numbox">
- <span className="reply_num">[{replyCount}]</span>
- </a>
- </td>
- <td className="gall_writer ub-writer" data-nick={writer} data-ip="" data-loc="list">
- {wrap(
- <RenderWriter writer={writer} />
- )}
- </td>
- <td className="gall_date" title={format(date, "yyyy-MM-dd hh:mm:ss")}>
- {getTimeFromNow(date)}
- </td>
- <td className="gall_count">{viewCount}</td>
- <td className="gall_recommend">{recommendCount}</td>
- </tr>
-}
+ text: '다른 나라랑 다르게 미국에선 ~계 미국인이라는 정체성이 확고하고 사회적인 인식도 그럼',
+ timestamp: '03.31 18:18:40',
+ showDelete: true,
+ },
+ {
+ id: 4,
+ author: { type: "semi-nickname", nickname: "ㅇㅇ" },
+ text: '이새낀 미국을 모르노 ㅋㅋㅋㅋ',
+ timestamp: '03.31 20:34:54',
+ showDelete: false, // No delete button in this example
+ },
+ {
+ id: 5,
+ author: { type: "semi-nickname", nickname: "ㅇㅇ" },
+ text: '어어 내려놔라',
+ timestamp: '03.31 21:16:46',
+ showDelete: false,
+ },
+ {
+ id: 6,
+ author: { type: "nickname", nickname: '티르칸쟈카' },
+ text: '원종원종아...',
+ timestamp: '03.31 21:23:59',
+ showDelete: false,
+ },
+ // Add more comment objects as needed
+];
-function GalleryTable() {
- return <div className='gall_listwrap list'>
- <table className="gall_list">
- <caption>갤러리 리스트</caption>
- <colgroup>
- <col style={{ "width": "7%" }} />
- <col style={{ "width": "51px" }} />
- <col />
- <col style={{ "width": "18%" }} />
- <col style={{ "width": "6%" }} />
- <col style={{ "width": "6%" }} />
- <col style={{ "width": "6%" }} />
- </colgroup>
- <thead>
- <tr>
- <th scope="col">번호</th>
- <th scope="col">말머리</th>
- <th scope="col">제목</th>
- <th scope="col">글쓴이</th>
- <th scope="col">작성일</th>
- <th scope="col">조회</th>
- <th scope="col">추천</th>
- </tr>
- </thead>
- <tbody className="listwrap2 ">
-
- <GalleryTableRow
- id={2973}
- subject="설문"
- title="입금 전,후 관리에 따라 외모 갭이 큰 스타는?"
- writer={{ type: "운영자" }}
- type="icon_survey"
- date={new Date("2025-01-20 22:52:52")}
- viewCount={0}
- recommendCount={0}
- replyCount={0}
- />
-
- <GalleryTableRow
- id={9101266}
- subject="공지"
- title="장르소설 마이너 갤러리 공지 모음"
- writer={{ type: "고닉", nickname: "apocalypse", 완장: "파딱" }}
- type="icon_notice"
- date={new Date("2024-08-08 23:55:43")}
- viewCount={35080}
- recommendCount={21}
- replyCount={18}
- />
-
- <GalleryTableRow
- id={9073478}
- subject="공지"
- title="주딱 문의글"
- writer={{ type: "유동닉", ip: "223.39" }}
- type="icon_notice"
- date={new Date("2024-08-04 07:24:58")}
- viewCount={45439}
- recommendCount={24}
- replyCount={28}
- />
-
- <GalleryTableRow
- id={9056755}
- subject="공지"
- title="신문고"
- writer={{ type: "유동닉", ip: "118.235" }}
- type="icon_notice"
- date={new Date("2024-08-01 06:47:52")}
- viewCount={141598}
- recommendCount={45}
- replyCount={11}
- />
-
- <GalleryTableRow
- id={9861519}
- subject="리뷰"
- title="[리뷰대회]이민갔는데 딸이 생겼다"
- writer={{ type: "고닉", nickname: "나이브르" }}
- type="icon_pic"
- date={new Date("2025-01-20 22:52:52")}
- viewCount={10}
- recommendCount={1}
- replyCount={2}
- />
-
- <GalleryTableRow
- id={9861518}
- subject="일반"
- title="사펑불퇴 비처녀 음해는 그냥 글을 안읽은거 아니냐?"
- writer={{ type: "유동닉", ip: "118.45" }}
- type="icon_txt"
- date={new Date("2025-01-20 22:52:51")}
- viewCount={9}
- recommendCount={0}
- replyCount={0}
- />
-
- <GalleryTableRow
- id={9861517}
- subject="일반"
- title="역변영애 칼릭스를 진 남주로 할거였으면"
- writer={{ type: "유동닉", ip: "220.89" }}
- type="icon_txt"
- date={new Date("2025-01-20 22:52:42")}
- viewCount={5}
- recommendCount={0}
- replyCount={0}
- />
-
- <GalleryTableRow
- id={9861516}
- subject="일반"
- title="미3술가 좀 식네"
- writer={{ type: "고닉", nickname: "오이탕후루" }}
- type="icon_pic"
- date={new Date("2025-01-20 22:52:31")}
- viewCount={7}
- recommendCount={0}
- replyCount={1}
- />
- </tbody>
- </table>
- </div>
-}
function App() {
return (
- <>
- <div
- style={{
- width: "1160px",
- margin: "20px auto 0",
- }}
+ <div>
+ <main
+ className='w-[1160px] m-[20px_auto_0]'
>
- <GalleryTitleHeader />
- <div
- style={{
- borderTop: "2px solid #29367c",
- width: "1158px"
- }}
- />
- <GalleryContent />
- </div>
- <GalleryTable />
- </>
+ <section className='' >
+ <GalleryTitleHeader />
+ <div
+ className='border-custom-blue-dark border-2 w-[1158px]'
+ />
+ <GalleryContent />
+ <CommentHeader />
+ <CommentListContainer>
+ <CommentItem comment={{
+ id: 1,
+ author: { type: "nickname", nickname: "동아리망했다" },
+ text: '너 지금 상현이햄을 ■■라고',
+ timestamp: '03.31 17:44:25',
+ showDelete: true,
+ }} />
+ <CommentItem comment={{
+ id: 2,
+ author: { type: "IP", ip: "218.144" },
+ text: '그냥 미국인인데 조센징들은 왜 조선계라고 못 넣어서 안달일까',
+ timestamp: '03.31 18:16:45',
+ showDelete: true,
+ subComments: comments,
+ }} />
+ <CommentItem comment={{
+ id: 3,
+ author: { type: "IP", ip: "123.245" },
+ text: 'aaa',
+ timestamp: '03.31 18:16:45',
+ showDelete: true,
+ }} />
+ </CommentListContainer>
+ <div style={{
+ width: "840px",
+ }}>
+ <GalleryTable data={tableData} />
+ </div>
+ </section>
+ </main>
+ <Footer />
+ </div>
)
}
diff --git a/src/Button.tsx b/src/Button.tsx
new file mode 100644
index 0000000..4d25839
--- /dev/null
+++ b/src/Button.tsx
@@ -0,0 +1,32 @@
+import { cn } from "./util/cn";
+
+
+export function Button({ children, className, onClick }: {
+ children: React.ReactNode; className?: string; onClick?: () => void
+}) {
+ return <button
+ onClick={onClick}
+ className={cn(`
+ bg-[#3b4890]
+ text-white
+ text-shadow-[#1d2761_0px_-1px]
+ cursor-pointer
+ align-middle
+ text-sm
+ font-apple
+ font-bold
+ w-[82px]
+ h-[35px]
+ pr-0.5
+ leading-[31px]
+ ml-[3px]
+ border
+ border-solid
+ border-custom-blue-dark
+ border-b-[3px]
+ rounded-xs
+ `, className)}
+ >
+ {children}
+ </button>
+}
\ No newline at end of file
diff --git a/src/Comment.tsx b/src/Comment.tsx
new file mode 100644
index 0000000..8432052
--- /dev/null
+++ b/src/Comment.tsx
@@ -0,0 +1,185 @@
+import { AuthorData } from "./table";
+
+interface CommentDataBase {
+ id: number;
+ author: AuthorData;
+ text: string;
+ timestamp: string;
+ showDelete?: boolean;
+}
+export interface SubCommentData extends CommentDataBase {
+ parentId?: number;
+}
+export interface CommentData extends CommentDataBase {
+ subComments?: SubCommentData[]; // Optional sub-comments
+}
+
+export function CommentListContainer({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return <ul className="list-none pl-0 m-0 text-[13px]">{children}</ul>
+}
+export function CommentItem({ comment }: { comment: CommentData }) {
+ const renderSubComments = () => {
+ if (comment.subComments && comment.subComments.length > 0) {
+ return (
+ <CommentReplySection comments={comment.subComments} />
+ );
+ }
+ return null; // No sub-comments to render
+ }
+ return <>
+ <li className="bg-transparent text-[13px]">
+ <div className="border-t relative border-custom-gray-light px-[3px] pt-[9px] pb-[7px] flex"
+ >
+ <div style={{
+ width: '132px', marginRight: '33px', marginTop: '3px',
+ lineHeight: '13px'
+ }}>
+ <span className="relative text-[13px] cursor-pointer inline">
+ <span style={{
+ fontSize: '12px',
+ color: 'rgb(119, 119, 119)',
+ verticalAlign: 'top'
+ }}
+ className="font-normal"
+ >
+ <em
+ className="overflow-hidden text-ellipsis not-italic
+ align-tops pr-px inline-block text-nowrap max-w-[110px]"
+ > {comment.author.type === 'nickname' ? comment.author.nickname : 'ㅇㅇ'} </em>
+ </span>
+ {comment.author.type === 'nickname' && (
+ <a className="text-custom-gray-dark inline">
+ <img
+ className="inline-block align-middle cursor-pointer"
+ src="/fix_nik.gif" alt="icon"
+ />
+ </a>
+ )}
+ </span>
+ </div>
+ <div style={{
+ width: '820px', cursor: 'pointer'
+ }}
+ className="flex-1"
+ >
+ <p style={{
+ lineHeight: '20px', cursor: 'pointer',
+ wordBreak: 'break-all',
+ overflowX: 'hidden', overflowY: 'hidden', width: '820px'
+ }}
+ className="overflow-hidden break-all cursor-pointer"
+ > {comment.text} </p>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-custom-gray-medium align-middle mt-px text-[12px] float-left">
+ {comment.timestamp}
+ </span>
+ {comment.showDelete && (
+ <div className="flex items-center justify-end ml-[6px] relative">
+ <button className="
+ bg-sp-img bg-[-268px_-200px] w-[13px] h-[13px]
+ align-top font-apple-dotum
+ " />
+ </div>
+ )}
+ </div>
+ </div>
+ </li>
+ {renderSubComments()}
+ </>
+}
+
+function CommentReplyItem({ comment }: { comment: SubCommentData }) {
+ // Function to handle potential HTML in author name
+ const renderAuthor = () => {
+ const authorMaxWidth = comment.author.type === 'IP' ? '84px' : '107px'; // Default to 107px if not specified
+ return (
+ <em
+ className="inline-block text-ellipsis overflow-hidden whitespace-nowrap align-top not-italic text-custom-gray-dark"
+ style={{ maxWidth: authorMaxWidth }} // Apply dynamic max-width
+ >
+ {comment.author.type === 'nickname' ? comment.author.nickname : 'ㅇㅇ'}
+ </em>
+ );
+ };
+
+ return (
+ <li className="bg-transparent pt-[9px] pr-3 pb-[7px] pl-3 border-t border-solid border-gray-300 first:border-t-0">
+ <div className="bg-transparent relative flow-root"> {/* Use flow-root to contain floats */}
+ {/* Author Info */}
+ <div className="bg-transparent float-left w-[133px] mr-[23px] mt-[3px] leading-[13px]">
+ <span className="bg-transparent relative text-[13px] cursor-pointer">
+ <span className="bg-transparent text-xs text-gray-700 align-top">
+ {renderAuthor()}
+ {comment.author.type === "IP" && ( // Conditionally render IP if it exists
+ <span className="bg-transparent font-tahoma text-[11px] text-custom-gray-medium inline-block align-[1px] ml-1">
+ ({comment.author.ip})
+ </span>
+ )}
+ {comment.author.type === "nickname" && (
+ <a
+ className="text-custom-gray-dark inline ml-1"
+ > <img
+ className="inline-block align-middle cursor-pointer"
+ src={
+ comment.author.userType === "manager" ? "/fix_managernik.gif" :
+ comment.author.userType === "submanager" ? "/fix_sub_managernik.gif" :
+ "/fix_nik.gif"} alt="icon"
+ />
+ </a>
+ )}
+ </span>
+ </span>
+ </div>
+
+ {/* Timestamp and Actions (float right first in source order for correct float behavior) */}
+ <div className="bg-transparent float-right">
+ <span className="bg-transparent float-left text-xs text-custom-gray-medium align-top mt-[1px] mr-2">
+ {comment.timestamp}
+ </span>
+ {comment.showDelete && ( // Conditionally render delete button
+ <div className="bg-transparent float-right relative top-[3px] right-0">
+ {/* Using top-[3px] might need adjustment based on exact alignment needs */}
+ <button
+ title="삭제" // Add title for accessibility
+ className="bg-transparent cursor-pointer align-top text-[0px] font-apple-dotum text-custom-gray-medium bg-sp-img bg-[-268px_-200px] leading-none w-[13px] h-[13px]"
+ >
+ 삭제 {/* Text hidden by text-[0px] but good for screen readers */}
+ </button>
+ </div>
+ )}
+ </div>
+
+ {/* Comment Text */}
+ {/* Note: Original has width 820px container and 774px text. Simulating this might require careful flex/grid or removing float here */}
+ {/* Simplified approach: Let text flow, adjust margins if needed */}
+ <div className="bg-transparent overflow-hidden cursor-default"> {/* Use overflow-hidden to contain the text after floats */}
+ <p className="leading-5 cursor-default break-words pl-0">
+ {/* Removed float, width, relative, padding-left: 16px from original P. Adjust if layout breaks */}
+ {/* Original P had pl-16px (pl-4). Let's add it back relative to the start of this div */}
+ <span className="inline-block pl-4">{comment.text}</span> {/* Wrapped text in span to apply padding */}
+ </p>
+ </div>
+
+ </div>
+ </li>
+ );
+}
+
+export function CommentReplySection({ comments }: { comments: SubCommentData[] }) {
+ return (
+ <div className="bg-transparent overflow-hidden h-full text-[13px]"> {/* Assuming full height needed */}
+ <div className="bg-gray-50 mb-3 ml-[30px] border border-solid border-gray-300">
+ <ul className="bg-transparent list-none">
+ {comments.map((comment) => (
+ <CommentReplyItem key={comment.id} comment={comment} />
+ ))}
+ </ul>
+ </div>
+ </div>
+ );
+}
diff --git a/src/CommentHeader.tsx b/src/CommentHeader.tsx
new file mode 100644
index 0000000..ac052ee
--- /dev/null
+++ b/src/CommentHeader.tsx
@@ -0,0 +1,136 @@
+import { useState } from 'react';
+import { Separator } from './Separator';
+
+function CommentHeader({
+ onCloseComment,
+ commentCount = 0,
+ commnetClosed = false,
+}: {
+ onCloseComment?: (c: boolean) => void;
+ commentCount?: number;
+ commnetClosed?: boolean;
+}) {
+ const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+ const [selectedSort, setSelectedSort] = useState('등록순'); // Default sort option
+
+ const sortOptions = ['등록순', '최신순', '답글순']; // Changed '답글수' to '답글순' to match list item
+
+ const handleSortSelection = (option: string) => {
+ setSelectedSort(option);
+ setIsDropdownOpen(false);
+ };
+
+ return (
+ <div className="h-[38px] leading-[38px] font-bold flex items-center justify-between bg-transparent text-[12px]">
+ {/* Left Section */}
+ <div className="flex items-center space-x-1">
+ <span>전체 댓글</span>
+ <em className="text-custom-red-text not-italic font-normal bg-transparent">
+ <span className="bg-transparent">{commentCount}</span>
+ </em>
+ <span>개</span>
+
+ {/* Custom Dropdown */}
+ <div className="relative inline-block ml-1 box-border leading-0"> {/* Adjusted margin from original margin-left: 4px */}
+ <div
+ className="relative inline-block bg-white w-[55px] h-[19px] pl-[5px] border border-custom-border-gray text-[11px]
+ text-custom-gray-dark leading-[18px] align-[1px] cursor-pointer font-normal font-apple-dotum"
+ onClick={() => setIsDropdownOpen(!isDropdownOpen)}
+ >
+ <span className="bg-transparent">{selectedSort}</span>
+ <span className="sr-only">정렬 기준선택</span> {/* Screen reader only text */}
+ <em className="inline-block absolute right-[5px] top-[7px] w-[9px] h-[5px] bg-sp-img bg-[-126px_-43px]"></em>
+ </div>
+
+ {/* Dropdown List */}
+ {isDropdownOpen && (
+ <ul className="absolute box-border left-[-1px] top-[19px] z-20 w-[62px] list-none bg-custom-dropdown-bg border border-custom-border-gray pt-[6px] px-[5px] pb-[4px]">
+ {sortOptions.map((option) => (
+ // Original had strange inline-block and font-size: 0px. Using block and sensible text size.
+ <li
+ key={option}
+ className="block leading-[16px] text-xs text-custom-dropdown-text font-normal font-apple-dotum cursor-pointer hover:bg-gray-200" // Added hover state
+ onClick={() => handleSortSelection(option)}
+ >
+ {option}
+ </li>
+ ))}
+ </ul>
+ )}
+
+ {/* Hidden Select (kept for structure reference, usually not needed with custom dropdown) */}
+ <select className="hidden absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer font-apple-dotum text-xs align-middle">
+ <option>등록순</option>
+ <option>최신순</option>
+ <option>답글순</option> {/* Changed from 답글수 */}
+ </select>
+ </div>
+
+ {/* Hidden Reply Expand Button */}
+ <button className="hidden cursor-pointer align-middle font-apple-dotum text-xs h-[21px] ml-[71px] mt-[-1px]">
+ <span className="sr-only">답글 펼침 설정</span>
+ <em className="inline-block w-[21px] h-[21px] bg-sp-img bg-[-84px_-52px]"></em>
+ </button>
+ </div>
+
+ {/* Right Section */}
+ <div className="flex items-center"> {/* Use space-x for spacing */}
+ <a href="#" className="text-custom-gray-dark align-middle leading-[15px] font-apple text-[13px] font-bold no-underline hover:underline">
+ 본문 보기
+ </a>
+ <Separator className='mx-2.5' />
+ <button className="cursor-pointer align-middle font-apple text-[13px] text-custom-gray-dark font-bold flex items-center"
+ onClick={() => onCloseComment?.(!commnetClosed)}
+ >
+ {commnetClosed ? (<>
+ <span className="font-apple text-[13px] text-custom-gray-dark font-bold">댓글열기</span>
+ <em className="inline-block w-[9px] h-[5px] bg-sp-img bg-[-115px_-43px] ml-1 align-[2px]"></em>
+ </>) : (
+ <>
+ <span className="font-apple text-[13px] text-custom-gray-dark font-bold">댓글닫기</span>
+ <em className="inline-block w-[9px] h-[5px] bg-sp-img bg-[-84px_-52px] ml-1 align-[2px]"></em>
+ </>
+ )}
+ </button>
+ <Separator className='mx-2.5' />
+ <button className="cursor-pointer align-middle font-apple text-[13px] text-custom-gray-dark font-bold">
+ 새로고침
+ </button>
+ </div>
+ </div>
+ );
+}
+
+export function CommentMenuList({
+ onCloseComment,
+ commnetClosed = false,
+}: {
+ onCloseComment?: (c: boolean) => void;
+ commnetClosed?: boolean;
+}) {
+ return <div className="flex items-center"> {/* Use space-x for spacing */}
+ <a href="#" className="text-custom-gray-dark align-middle leading-[15px] font-apple text-[13px] font-bold no-underline hover:underline">
+ 본문 보기
+ </a>
+ <Separator className='mx-2.5' />
+ <button className="cursor-pointer align-middle font-apple text-[13px] text-custom-gray-dark font-bold flex items-center"
+ onClick={() => onCloseComment?.(!commnetClosed)}
+ >
+ {commnetClosed ? (<>
+ <span className="font-apple text-[13px] text-custom-gray-dark font-bold">댓글열기</span>
+ <em className="inline-block w-[9px] h-[5px] bg-sp-img bg-[-115px_-43px] ml-1 align-[2px]"></em>
+ </>) : (
+ <>
+ <span className="font-apple text-[13px] text-custom-gray-dark font-bold">댓글닫기</span>
+ <em className="inline-block w-[9px] h-[5px] bg-sp-img bg-[-84px_-52px] ml-1 align-[2px]"></em>
+ </>
+ )}
+ </button>
+ <Separator className='mx-2.5' />
+ <button className="cursor-pointer align-middle font-apple text-[13px] text-custom-gray-dark font-bold">
+ 새로고침
+ </button>
+ </div>
+}
+
+export default CommentHeader;
\ No newline at end of file
diff --git a/src/Footer.tsx b/src/Footer.tsx
new file mode 100644
index 0000000..213726e
--- /dev/null
+++ b/src/Footer.tsx
@@ -0,0 +1,203 @@
+export function Footer() {
+ return <footer
+ className="bg-white pb-[50px]"
+ >
+ <div
+ className="w-[1158px] mt-[20px] mx-auto border-x border-t-2 border-b
+ border-x-[#cccccc] border-y-custom-blue-dark"
+ >
+ <div>
+ <div
+ className="overflow-hidden flex items-center pt-[21px] pb-[30px] border-b border-b-[#cccccc]
+ min-h-[108px]"
+ >
+ {[{
+ title: "게임",
+ items: [
+ "던전앤파이터",
+ "메이플스토리",
+ "아이돌마스터",
+ "리그 오브 레전드",
+ "마비노기",
+ "로스트아크",
+ "FC 온라인",
+ "승리의 여신 니케",
+ "사운드 볼텍스",
+ "포켓몬스터"
+ ]
+ }, {
+ title: "연예/방송",
+ items: [
+ "남자 연예인",
+ "여자 연예인",
+ "방탄소년단",
+ "아이유",
+ "태연",
+ "기타 국내 드라마",
+ "걸스플래닛999",
+ "백종원의 골목식당",
+ "미스터 트롯",
+ "기타 미국드라마"
+ ]
+ }, {
+ title: "스포츠",
+ items: [
+ "한화 이글스",
+ "롯데 자이언츠",
+ "해외야구",
+ "삼성 라이온즈",
+ "국내야구",
+ "해외축구",
+ "KIA 타이거즈",
+ "LG 트윈스",
+ "키움 히어로즈",
+ "SSG 랜더스"
+ ]
+ }, {
+ title: "교육/금융/IT",
+ items: [
+ "비트코인",
+ "부동산",
+ "정치, 사회",
+ "컴퓨터 본체",
+ "테블릿PC",
+ "자격증",
+ "학점은행제",
+ "토익",
+ "주식",
+ "일어"
+ ]
+ }, {
+ title: "여행/음식/생물",
+ items: [
+ "도시",
+ "여행-일본",
+ "편의점",
+ "치킨",
+ "기타음식",
+ "주류",
+ "식물",
+ "멍멍이",
+ "파충류, 양서류",
+ "야옹이",
+ ]
+ }, {
+ title: "취미/생활",
+ items: [
+ "인터넷방송",
+ "판타지",
+ "토이",
+ "대출",
+ "역학",
+ "미스터리",
+ "카툰-연재",
+ "만화",
+ "향수, 화장품",
+ "안경",
+ ]
+ }].map((section, index) => (
+ <dl
+ key={index}
+ className="border-l border-[#f1f1f1] pl-[20px] min-h-[108px] w-[170px] box-content"
+ >
+
+ <dt
+ style={{
+ marginBottom: "4px",
+ fontWeight: "bold",
+ textDecorationLine: "underline",
+ fontSize: "12px",
+ color: "#333333",
+ letterSpacing: "0.025em"
+ }}
+ className="text-[12px] text-custom-gray-dark"
+ >
+
+ {section.title}
+ </dt>
+ {section.items.map((item, idx) => (
+ <dd
+ key={idx}
+ style={{
+ paddingTop: "5px",
+ fontSize: "12px",
+ lineHeight: "100%"
+ }}
+ >
+ <a href="javascript:void(0);"
+ className="text-custom-gray-dark text-[11px]"
+ >{item}</a>
+ </dd>
+ ))}
+ </dl>
+ ))}
+ </div>
+ <div
+ style={{
+ lineHeight: "40px",
+ height: "38px",
+ paddingRight: "19px",
+ paddingLeft: "16px",
+ }}
+ className="text-custom-gray-dark overflow-hidden grid"
+ >
+ <span
+ style={{
+ fontSize: "11px",
+ }}
+ className="text-custom-gray-dark text-[11px] justify-self-end"
+ >
+ <a className="text-custom-gray-dark ml-[9px]">
+
+ <em className="inline-block mr-[4px] bg-sp-img bg-[-285px_-818px] w-2 h-2"
+ />
+ 야간모드
+ </a>
+ <a
+ className="text-custom-gray-dark ml-[9px]"
+ href="javascript:void(0);"
+ onClick={() => {
+ window.scrollTo({ top: 0, behavior: "smooth" });
+ }}
+ >
+ <em
+ className="inline-block mr-[6px] bg-sp-img bg-[-52px_-50px] w-2 h-2"
+ />
+ 맨위로
+ </a>
+ </span>
+ </div>
+ </div>
+ </div>
+ <div
+ className="text-[12px] text-custom-gray-dark divide-x divide-[ d7d7d7] mx-auto text-center pt-7 w-[1160px]"
+ >
+ <a className="px-2">
+ 회사소개
+ </a>
+ <a className="px-2">
+ 제휴안내
+ </a>
+ <a className="px-2">
+ 광고안내
+ </a>
+ <a className="px-2">
+ 이용약관
+ </a>
+ <a className="px-2">
+ <b> 개인정보처리방침 </b>
+ </a>
+ <a className="px-2">
+ 청소년보호정책
+ </a>
+ <a className="px-2">
+ 마이너 갤러리 운영원칙
+ </a>
+ </div>
+ <div
+ className="text-[12px] text-custom-gray-dark font-tahoma mt-[10px] mx-auto w-[1160px] text-center tracking-[0]"
+ >
+ Copyright ⓒ 1999 - 2025 dcinside. All rights reserved.
+ </div>
+ </footer>
+}
\ No newline at end of file
diff --git a/src/Gallery.tsx b/src/Gallery.tsx
index 86676f6..1608dff 100644
--- a/src/Gallery.tsx
+++ b/src/Gallery.tsx
@@ -1,473 +1,284 @@
import { Separator } from "./Separator"
function GalleryContentHeader() {
- return <header>
- <div
- style={{
- marginTop: "16px",
- marginBottom: "29px",
- paddingBottom: "11px",
- borderBottomWidth: "1px",
- borderBottomStyle: "solid",
- borderBottomColor: "rgb(238, 238, 238)"
- }}
- >
-
- <h3
- style={{
- paddingRight: "2px",
- paddingLeft: "2px",
- marginBottom: "7px",
- fontSize: "14px",
- }}
- >
-
- <span> [일반] </span>
- <span>
- 아 e글 유파들이 고도 왜 안올리는지 알았다
- </span>
- <span> </span>
- </h3>
- <div
- style={{
- position: "relative",
- fontSize: "13px",
- cursor: "pointer",
- paddingRight: "2px",
- paddingLeft: "2px",
- }}
- >
- <div style={{ float: "left" }}>
+ return (
+ <header>
+ {/* Outer container with margin, padding, and bottom border */}
+ <div className="mt-4 mb-[29px] pb-[11px] border-b border-solid border-gray-200">
+ {/* Post Title */}
+ <h3 className="px-0.5 mb-[7px] text-sm font-bold">
+ <span> [일반] </span>
<span>
- <em> 썬갤러 </em>
+ 아 e글 유파들이 고도 왜 안올리는지 알았다
</span>
- <span
- style={{
- backgroundColor: "transparent",
- fontFamily: "tahoma, sans-serif",
- fontSize: "11px",
- color: "rgb(153, 153, 153)"
- }}
- >
- (110.15)
- </span>
- <span style={{ backgroundColor: "transparent", cursor: "default" }}>
- <Separator />
- 2025.02.04 21:32:47
- </span>
- </div>
+ </h3>
+
+ {/* Metadata container */}
<div
- style={{
- float: "right",
- paddingRight: "7px",
- }}
+ className="relative text-[13px] cursor-pointer px-0.5 flex justify-between items-center"
>
-
- <span style={{ cursor: "default" }}>
- 조회 65
- </span>
- <span style={{ cursor: "default" }}>
- <Separator />
- 추천 0
- </span>
- <span style={{ cursor: "default" }}>
- <Separator />
- <a
- style={{
- backgroundColor: "rgb(238, 238, 238)",
- color: "rgb(51, 51, 51)",
- display: "inline-block",
- height: "20px",
- lineHeight: "20px",
- padding: "0px 10px",
- border: "1px solid rgb(204, 204, 204)",
- borderRadius: "50px",
- }}
- >
- 댓글 13
- </a>
- </span>
- </div>
- <div style={{ clear: "both" }}></div>
- </div>
- </div>
- </header>
-}
-
-function GalleryRecommendation() {
- return <div
- style={{
- backgroundColor: "rgb(255, 255, 255)",
- width: "auto",
- height: "auto",
- marginRight: "auto",
- marginBottom: "36px",
- marginLeft: "auto",
- paddingTop: "19px",
- border: "1px solid rgb(196, 196, 196)",
- borderRadius: "2px",
- fontFamily:
- '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, Dotum, 돋움, sans-serif',
- clear: "both",
- minWidth: "288px",
- display: "table"
- }}
- >
- <div
- style={{
- backgroundColor: "transparent",
- textAlign: "center",
- fontSize: "0px",
- }}
- >
-
- <div
- style={{
- backgroundColor: "transparent",
- overflow: "hidden",
- width: "139px",
- marginBottom: "2px",
- display: "inline-block"
- }}
- >
-
- <div
- style={{
- backgroundColor: "transparent",
- float: "left",
- width: "67px",
- paddingTop: "10px",
- paddingLeft: "11px",
- textAlign: "center",
- fontWeight: "bold",
- color: "rgb(85, 85, 85)"
- }}
- >
- <p
- style={{
- backgroundColor: "transparent",
- color: "rgb(211, 25, 0)",
- fontSize: "12px",
- }}
- >0</p>
- <p style={{ backgroundColor: "transparent", lineHeight: "12px" }}>
+ {/* Left section: Author, IP, Timestamp */}
+ <div>
<span>
- <img
- style={{
- backgroundColor: "transparent",
- verticalAlign: "middle"
- }}
- />
+ {/* author name */}
+ <em className="not-italic"> 썬갤러 </em> {/* Adjusted em styling for clarity */}
</span>
- <span
- style={{
- backgroundColor: "transparent",
- color: "rgb(41, 54, 124)",
- fontSize: "11px",
- fontWeight: "normal"
- }}
- >
-
- 0
+ <span className="font-tahoma text-[11px] text-gray-500 ml-1">
+ (110.15)
</span>
- </p>
- </div>
- <button
- style={{
- backgroundColor: "transparent",
- cursor: "pointer",
- verticalAlign: "middle",
- fontSize: "12px",
- fontFamily:
- '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, Dotum, 돋움, sans-serif',
- float: "right",
- width: "56px",
- }}
- >
- <em
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("/sp_image.png")',
- backgroundRepeat: "no-repeat",
- backgroundPositionX: "0px",
- backgroundPositionY: "-315px",
- display: "inline-block",
- width: "56px",
- height: "56px",
- }}
- ></em>
- </button>
- </div>
- <div
- style={{
- backgroundColor: "transparent",
- overflowX: "hidden",
- overflowY: "hidden",
- width: "139px",
- marginBottom: "2px",
- display: "inline-block",
- marginLeft: "10px",
- }}
- >
+ <span className="cursor-default">
+ <Separator />
+ 2025.02.04 21:32:47
+ </span>
+ </div>
- <button
- style={{
- backgroundColor: "transparent",
- cursor: "pointer",
- verticalAlign: "middle",
- fontSize: "12px",
- fontFamily:
- '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, Dotum, 돋움, sans-serif',
- float: "left",
- width: "56px",
- }}
- >
- <em
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?1112")',
- backgroundRepeat: "no-repeat",
- backgroundPositionX: "0px",
- backgroundPositionY: "-377px",
- display: "inline-block",
- width: "56px",
- height: "56px",
- }}
- />
- </button>
- <div
- style={{
- backgroundColor: "transparent",
- float: "right",
- width: "64px",
- paddingTop: "17px",
- paddingRight: "12px",
- textAlign: "center",
- fontWeight: "bold",
- color: "rgb(85, 85, 85)",
- fontSize: "16px",
- }}
- >
- <p style={{ backgroundColor: "transparent" }}> 0 </p>
+ {/* Right section: Views, Recommends, Comments */}
+ <div
+ className="pr-[7px]"
+ >
+ <span className="cursor-default">
+ 조회 65
+ </span>
+ <Separator />
+ <span className="cursor-default">
+ 추천 0
+ </span>
+ <Separator />
+ <span className="cursor-default">
+ {/* Comments link styled as a pill button */}
+ <a href="#" // Add appropriate link target
+ className="inline-block h-5 leading-5 px-2.5 bg-gray-200
+ text-gray-700 border border-gray-300 rounded-full
+ hover:bg-gray-300 hover:border-gray-400 text-xs">
+ 댓글 13
+ </a>
+ </span>
+ </div>
</div>
</div>
- </div>
- <div
- style={{
- backgroundColor: "transparent",
- clear: "both",
- position: "relative",
- height: "36px",
- borderTopWidth: "1px",
- borderTopStyle: "solid",
- borderTopColor: "rgb(196, 196, 196)"
- }}
- >
- <button
- style={{
- backgroundColor: "rgb(249, 249, 249)",
- cursor: "pointer",
- verticalAlign: "middle",
- float: "left",
- width: "95px",
- height: "36px",
- marginLeft: "1px",
- borderRightWidth: "1px",
- borderRightStyle: "solid",
- borderRightColor: "rgb(196, 196, 196)",
- color: "rgb(85, 85, 85)",
- textShadow: "rgb(255, 255, 255) 0px 1px",
- position: "relative"
- }}
- >
- <em
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("/sp_image.png")',
- backgroundRepeat: "no-repeat",
- width: "23px",
- height: "23px",
- backgroundPositionX: "-270px",
- backgroundPositionY: "-983px",
- marginRight: "3px",
- marginTop: "2px",
- verticalAlign: "-8px",
- display: "inline-block"
- }}
- >
-
- </em>
- 실베추
- </button>
- <button
- style={{
- backgroundColor: "rgb(249, 249, 249)",
- cursor: "pointer",
- verticalAlign: "middle",
- width: "96px",
- float: "left",
- height: "36px",
- marginLeft: "1px",
- borderRightWidth: "1px",
- borderRightStyle: "solid",
- borderRightColor: "rgb(196, 196, 196)",
- color: "rgb(85, 85, 85)",
- textShadow: "rgb(255, 255, 255) 0px 1px",
- position: "relative"
- }}
- >
- <em
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("/sp_image.png")',
- backgroundRepeat: "no-repeat",
- width: "17px",
- height: "20px",
- backgroundPositionX: "-74px",
- backgroundPositionY: "-262px",
- marginRight: "6px",
- verticalAlign: "-4px",
- display: "inline-block"
- }}
- >
-
- </em>
- 공유
- </button>
- <button
- style={{
- backgroundColor: "rgb(249, 249, 249)",
- cursor: "pointer",
- verticalAlign: "middle",
- fontSize: "12px",
- float: "left",
- width: "95px",
- height: "36px",
- marginLeft: "1px",
- color: "rgb(85, 85, 85)",
- textShadow: "rgb(255, 255, 255) 0px 1px",
- position: "relative"
- }}
- >
- <em
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("/sp_image.png")',
- backgroundRepeat: "no-repeat",
- width: "18px",
- height: "20px",
- backgroundPositionX: "-74px",
- backgroundPositionY: "-241px",
- marginRight: "6px",
- verticalAlign: "-4px",
- display: "inline-block"
- }}
- >
- </em>
- 신고
- </button>
- <div
- style={{ clear: "both" }}
- ></div>
- </div>
- </div>
+ </header>
+ );
}
-function GalleryNFTPublishButton() {
- return <div
+interface GalleryRecommendationProps {
+ recommendCount?: number;
+ fixedNickCount?: number;
+ downvoteCount?: number;
+}
+
+function GalleryRecommendation({
+ recommendCount = 0,
+ fixedNickCount = 0,
+ downvoteCount = 0
+}: GalleryRecommendationProps) {
+ return <div
+ className="bg-white mx-auto mb-9 font-apple border border-[#c4c4c4] rounded-xs
+ pt-[19px] w-fit box-content">
+ <div className="flex items-center justify-center overflow-hidden pb-2">
+ <div className="flex justify-end overflow-hidden w-[139px] mb-0.5">
+ <div
+ style={{
+ width: "67px",
+ paddingTop: "10px",
+ paddingLeft: "11px",
+ textAlign: "center",
+ fontWeight: "bold",
+ color: "rgb(85, 85, 85)"
+ }}
+ >
+ <p className="text-base leading-[22px] text-[#d31900] font-bold"
+ >{recommendCount}</p>
+ <p
+ className="leading-3 flex items-end justify-center"
+ >
+ <span className="text-[16px]">
+ <img
+ className="align-middle inline-block"
+ src="/fix_nik.gif" alt="고정닉"
+ />
+
+ </span>
+ <span className="text-custom-blue-dark text-[11px] font-normal">
+ {fixedNickCount}
+ </span>
+ </p>
+ </div>
+ <button
+ className="font-apple text-[12px] cursor-pointer align-middle w-14"
+ >
+ <em
+ style={{
+ backgroundColor: "transparent",
+ backgroundImage:
+ 'url("/sp_image.png")',
+ backgroundRepeat: "no-repeat",
+ backgroundPositionX: "0px",
+ backgroundPositionY: "-315px",
+ display: "inline-block",
+ width: "56px",
+ height: "56px",
+ }}
+ ></em>
+ </button>
+ </div>
+ <div
+ style={{
+ width: "139px",
+ marginBottom: "2px",
+ display: "inline-block",
+ marginLeft: "10px",
+ }}
+ >
+ <button
+ style={{
+ cursor: "pointer",
+ verticalAlign: "middle",
+ fontSize: "12px",
+ float: "left",
+ width: "56px",
+ }}
+ className="font-apple"
+ >
+ <em
+ style={{
+ backgroundImage:
+ 'url("/sp_image.png")',
+ backgroundRepeat: "no-repeat",
+ backgroundPositionX: "0px",
+ backgroundPositionY: "-377px",
+ display: "inline-block",
+ width: "56px",
+ height: "56px",
+ }}
+ />
+ </button>
+ <div
+ style={{
+ float: "right",
+ width: "64px",
+ paddingTop: "17px",
+ paddingRight: "12px",
+ textAlign: "center",
+ fontWeight: "bold",
+ color: "rgb(85, 85, 85)",
+ fontSize: "16px",
+ }}
+ >
+ <p> {downvoteCount} </p>
+ </div>
+ </div>
+ </div>
+ <div
+ className="flex items-center justify-center overflow-hidden h-9 relative
+ border-t border-[rgb(196,196,196)] divide-[rgb(196,196,196)] divide-x"
+ >
+ <SilbechuButton />
+ <ShareButton />
+ <ReportButton />
+ </div>
+ </div>
+}
+
+function ReportButton() {
+ return <button
style={{
- backgroundColor: "transparent",
- position: "absolute",
- left: "0px",
- top: "0px",
- fontSize: "0px",
+ backgroundColor: "rgb(249, 249, 249)",
+ cursor: "pointer",
+ verticalAlign: "middle",
+ fontSize: "12px",
+ width: "95px",
+ height: "36px",
+ marginLeft: "1px",
+ color: "rgb(85, 85, 85)",
+ textShadow: "rgb(255, 255, 255) 0px 1px",
+ position: "relative"
}}
>
-
- <button
+ <em
style={{
- backgroundColor: "rgb(59, 72, 144)",
- cursor: "pointer",
- verticalAlign: "middle",
- fontSize: "12px",
- fontFamily:
- '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, Dotum, 돋움, sans-serif',
- textShadow: "rgb(29, 39, 97) 0px -1px",
- color: "rgb(255, 255, 255)",
- overflow: "hidden",
- width: "auto",
- paddingRight: "12px",
- paddingLeft: "11px",
- height: "31px",
- lineHeight: "29px",
- marginLeft: "3px",
- border: "1px solid rgb(41, 54, 124)",
- borderRadius: "2px",
- fontWeight: "bold"
- }}
- >
- NFT 발행하기
- </button>
- <button
- style={{
- backgroundColor: "transparent",
- cursor: "pointer",
- verticalAlign: "middle",
- fontSize: "12px",
- fontFamily:
- '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, Dotum, 돋움, sans-serif',
- backgroundImage:
- 'url("https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png")',
+ backgroundImage: 'url("/sp_image.png")',
backgroundRepeat: "no-repeat",
- display: "inline-block",
- width: "17px",
- height: "17px",
- backgroundPositionX: "-1px",
- backgroundPositionY: "-1px",
- lineHeight: "0px",
- marginLeft: "5px",
+ width: "18px",
+ height: "20px",
+ backgroundPosition: "-74px -241px",
+ marginRight: "6px",
+ verticalAlign: "-4px",
+ display: "inline-block"
}}
+ className="inline-block"
>
- <span
- style={{
- backgroundColor: "transparent",
- position: "absolute",
- overflowX: "hidden",
- overflowY: "hidden",
- visibility: "hidden",
- marginTop: "-1px",
- marginRight: "-1px",
- marginBottom: "-1px",
- marginLeft: "-1px",
- width: "0px",
- top: "-9999px",
- fontSize: "0px",
- }}
- >
- 엔에프티 안내
- </span>
- </button>
- </div>
+ </em>
+ 신고
+ </button>;
+}
+
+function ShareButton() {
+ return <button
+ style={{
+ backgroundColor: "rgb(249, 249, 249)",
+ cursor: "pointer",
+ verticalAlign: "middle",
+ width: "96px",
+ height: "36px",
+ marginLeft: "1px",
+ textShadow: "rgb(255, 255, 255) 0px 1px",
+ }}
+ className="align-middle relative cursor-pointer"
+ >
+ <em
+ style={{
+ backgroundPosition: "-74px -262px",
+ width: "17px",
+ height: "20px",
+ marginRight: "6px",
+ verticalAlign: "-4px",
+ }}
+ className="inline-block bg-sp-img"
+ >
+ </em>
+ 공유
+ </button>;
+}
+
+function SilbechuButton() {
+ return <button
+ style={{
+ backgroundColor: "rgb(249, 249, 249)",
+ cursor: "pointer",
+ verticalAlign: "middle",
+ width: "95px",
+ height: "36px",
+ marginLeft: "1px",
+ color: "rgb(85, 85, 85)",
+ textShadow: "rgb(255, 255, 255) 0px 1px",
+ position: "relative"
+ }}
+ >
+ <em
+ style={{
+ width: "23px",
+ height: "23px",
+ backgroundPositionX: "-270px",
+ backgroundPositionY: "-983px",
+ marginRight: "3px",
+ marginTop: "2px",
+ verticalAlign: "-8px",
+ display: "inline-block"
+ }}
+ className="bg-sp-img"
+ >
+ </em>
+ 실베추
+ </button>;
}
export function GalleryContent() {
- return <div
- style={{
- backgroundColor: "transparent",
- fontFamily:
- '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, 굴림, Gulim, sans-serif',
- fontSize: "13px",
- color: "rgb(51, 51, 51)"
- }}
+ return <article
+ className="text-custom-gray-dark text-[13px] font-apple"
>
<GalleryContentHeader />
<div style={{ lineHeight: "22px" }}>
- <div style={{ backgroundColor: "transparent", marginBottom: "50px" }}>
+ <div style={{ marginBottom: "50px" }}>
<div
style={{
overflow: "hidden",
@@ -475,10 +286,9 @@ export function GalleryContent() {
}}
>
<div>
- <span style={{ backgroundColor: "transparent", marginLeft: "10px" }}>
+ <span style={{ marginLeft: "10px" }}>
<img
style={{
- backgroundColor: "transparent",
maxWidth: "100%",
width: "550px",
height: "350px",
@@ -489,8 +299,6 @@ export function GalleryContent() {
<pre />
<div
style={{
- backgroundColor: "transparent",
- overflow: "hidden",
width: "900px",
}}
>
@@ -505,29 +313,18 @@ export function GalleryContent() {
</div>
</div>
</div>
- <div style={{ backgroundColor: "transparent", position: "relative" }}>
- <GalleryNFTPublishButton />
- <GalleryRecommendation />
+ <div className="relative">
+ <GalleryRecommendation
+ recommendCount={2}
+ fixedNickCount={1}
+ />
</div>
<div
- style={{
- backgroundColor: "transparent",
- width: "100%",
- overflow: "hidden",
- textAlign: "center",
- marginTop: "10px",
- }}
+ className="w-full overflow-hidden text-center mt-2"
/>
<div
- style={{
- backgroundColor: "transparent",
- width: "728px",
- marginTop: "20px",
- marginRight: "auto",
- marginLeft: "auto"
- }}
- >
- </div>
+ className="w-[728px] mt-[20px] mx-auto"
+ />
</div>
- </div>
+ </article>
}
\ No newline at end of file
diff --git a/src/GalleryTitleHeader.tsx b/src/GalleryTitleHeader.tsx
index fa15c84..efcbab9 100644
--- a/src/GalleryTitleHeader.tsx
+++ b/src/GalleryTitleHeader.tsx
@@ -1,183 +1,50 @@
-import { Separator } from "./Separator";
+import { Separator } from "./Separator"
export function GalleryTitleHeader() {
- return <header>
- <div
- style={{
- backgroundColor: "transparent",
- height: "37px",
- marginBottom: "3px",
- paddingTop: "4px",
- }}
- >
- <div style={{ float: "left" }}>
- <h2
- style={{
- backgroundColor: "transparent",
- marginTop: "-2px",
- marginRight: "6px",
- marginLeft: "2px",
- float: "left",
- fontSize: "24px",
- maxWidth: "420px",
- fontFamily: "'Nanum Gothic', sans-serif",
- letterSpacing: "-1px",
- margin: "2px 8px 0 3px",
- "textOverflow": "ellipsis",
- overflow: "hidden",
- whiteSpace: "nowrap",
- color: "#29367c",
- }}
- >
- <a style={{ color: "rgb(41, 54, 124)" }}>
- 워썬더 갤러리
- <div
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("/sp_image.png")',
- backgroundRepeat: "no-repeat",
- display: "inline-block",
- verticalAlign: "top",
- marginLeft: "4px",
- width: "22px",
- height: "22px",
- backgroundPositionX: "-195px",
- backgroundPositionY: "-844px",
- marginTop: "3px",
- }}
- >
- </div>
- </a>
- </h2>
- <div style={{ clear: "both" }}></div>
- </div>
- <div style={{ backgroundColor: "transparent", float: "right", paddingTop: "12px" }}>
- <div style={{
- backgroundColor: "transparent",
- position: "relative",
- display: "inline-block"
- }}>
- <button
- style={{
- backgroundColor: "transparent",
- cursor: "pointer",
- verticalAlign: "top",
- fontSize: "12px",
- color: "rgb(51, 51, 51)",
- position: "relative"
- }}
- >
- 설정
- </button>
- <span style={{ backgroundColor: "transparent", marginRight: "2px" }}>
- <em
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("/sp_image.png")',
- backgroundRepeat: "no-repeat",
- display: "inline-block",
- width: "6px",
- height: "6px",
- marginLeft: "4px",
- verticalAlign: "4px",
- lineHeight: "30px",
- backgroundPositionX: "-70px",
- backgroundPositionY: "-59px"
- }}
- >
- </em>
- </span>
+ return (
+ <header className="bg-transparent h-[37px] mb-[3px] pt-[4px] text-gray-500">
+ <div className="flex justify-between items-center">
+ <div className="flex items-center">
+ <h2 className="mt-[-2px] mr-[6px] ml-[2px] text-[24px] max-w-[420px] font-[nanumGothic] tracking-[-1px] m-[2px_8px_0_3px] overflow-hidden whitespace-nowrap text-ellipsis text-custom-blue-dark">
+ <a className="text-custom-blue-dark font-bold">
+ 워썬더 갤러리
+ <div className="bg-sp-img bg-no-repeat inline-block align-top ml-[4px] w-[22px] h-[22px] bg-[-195px_-844px] mt-[3px]">
+ </div>
+ </a>
+ </h2>
+ </div>
+ <div className="flex items-center text-[12px]">
+ <div className="relative inline-block">
+ <button className="cursor-pointer align-top relative">
+ 설정
+ </button>
+ <span className="mr-[2px] leading-10px">
+ <em className="sr-only">New</em>
+ <em className="bg-sp-img bg-no-repeat inline-block w-[6px] h-[6px] ml-[4px] align-[4px] leading-[30px] bg-[-70px_-59px]">
+ </em>
+ </span>
+ </div>
+ <Separator />
+ <button className="cursor-pointer align-top font-sans">
+ 연관 갤러리(2/8)
+ <span className="mr-[2px] ml-[2px] hidden">
+ </span>
+ <em className="bg-sp-img bg-no-repeat inline-block w-[9px] h-[5px] bg-[-115px_-43px] align-[1px] ml-[2px]">
+ </em>
+ </button>
+ <Separator />
+ <button className="cursor-pointer align-top">
+ 갤주소 복사
+ </button>
+ <Separator />
+ <button className="cursor-pointer align-top">이용안내</button>
+ <Separator />
+ <button className="cursor-pointer align-top">
+ <em className="bg-sp-img bg-no-repeat inline-block w-[15px] h-[15px] bg-[-56px_-168px] mt-[1px]">
+ </em>
+ </button>
</div>
- <Separator />
- <button
- style={{
- backgroundColor: "transparent",
- cursor: "pointer",
- verticalAlign: "top",
- fontSize: "12px",
- fontFamily:
- '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, Dotum, 돋움, sans-serif',
- color: "rgb(51, 51, 51)"
- }}
- >
- 연관 갤러리(2/8)
- <span
- style={{
- backgroundColor: "transparent",
- marginRight: "2px",
- marginLeft: "2px",
- display: "none"
- }}
- >
- </span>
- <em
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("/sp_image.png")',
- backgroundRepeat: "no-repeat",
- display: "inline-block",
- width: "9px",
- height: "5px",
- backgroundPositionX: "-115px",
- backgroundPositionY: "-43px",
- verticalAlign: "1px",
- marginLeft: "2px",
- }}
- >
- </em>
- </button>
- <Separator />
- <button
- style={{
- backgroundColor: "transparent",
- cursor: "pointer",
- verticalAlign: "top",
- fontSize: "12px",
- color: "rgb(51, 51, 51)"
- }}
- >
- 갤주소 복사
- </button>
- <Separator />
- <button
- style={{
- backgroundColor: "transparent",
- cursor: "pointer",
- verticalAlign: "top",
- fontSize: "12px",
- color: "rgb(51, 51, 51)"
- }}
- >이용안내</button>
- <Separator />
- <button
- style={{
- backgroundColor: "transparent",
- cursor: "pointer",
- verticalAlign: "top",
- fontSize: "12px",
- color: "rgb(51, 51, 51)"
- }}
- >
- <em
- style={{
- backgroundColor: "transparent",
- backgroundImage:
- 'url("/sp_image.png")',
- backgroundRepeat: "no-repeat",
- display: "inline-block",
- width: "15px",
- height: "15px",
- backgroundPositionX: "-56px",
- backgroundPositionY: "-168px",
- marginTop: "1px",
- }}
- >
- </em>
- </button>
</div>
- </div>
- </header >
-}
\ No newline at end of file
+ </header>
+ );
+}
diff --git a/src/Separator.tsx b/src/Separator.tsx
index 5ecf52a..cceaf11 100644
--- a/src/Separator.tsx
+++ b/src/Separator.tsx
@@ -1,11 +1,6 @@
-export function Separator() {
- return <div style={{
- content: "",
- display: "inline-block",
- width: "1px",
- height: "12px",
- background: "#ccc",
- margin: "0 10px 0 6px",
- verticalAlign: "-1px",
- }} />;
+import { cn } from "./util/cn";
+
+export function Separator({ className } : { className?: string }) {
+ return <div className={cn("inline-block h-3 w-[1px] bg-gray-400 mx-2 my-0 align-[-1px]",
+ className)} />;
}
diff --git a/src/common.css b/src/common.css
deleted file mode 100644
index 1994e87..0000000
--- a/src/common.css
+++ /dev/null
@@ -1,2150 +0,0 @@
-@charset "utf-8";
-@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");/*나눔고딕 웹폰트*/
-
-/*
-@font-face {
- font-family: 'NanumGothic';
- src: url('NanumGothic.woff') format('ttf'),
- url('NanumGothic.woff') format('otf'),
- url('NanumGothic.woff2') format('woff2'),
- url('NanumGothic.woff') format('woff'),
- url('NanumGothic.svg#NanumGothic') format('svg');
- font-weight: 400;
- font-style: normal;
- font-display: swap;
-}
-*/
-
-
-/*공통*/
-.sp_img{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?1112);background-repeat:no-repeat}/*업로드전 경로 변경 churl*/
-.sp_bgimg{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_bgimg.png);background-repeat:no-repeat}
-.sp_loginout{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_loginout.png);background-repeat:no-repeat}
-.sp_years{position:absolute;right:0px;top:0;display:block;background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_years.png);background-repeat:no-repeat}/*업로드전 경로 변경 churl*/
-.sp_sns{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_sns.png);background-repeat:no-repeat}
-.sp_sort{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_sort.png);background-repeat:no-repeat}/*211208*/
-.sp_pagingicon{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_pagingicon.png?1);background-repeat:no-repeat}/*220303 추가*/
-
-.sp_image{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png);background-repeat:no-repeat}/*221018 nft관련 추가*/
-
-.clear:after{clear:both;display:block;visibility:hidden;content:""}
-.blind{position:absolute;overflow:hidden;visibility:hidden;margin:-1px;width:0px;height:0px;top:-9999px;font-size:0}
-caption{position:relative;width:0px;height:0px;font-size:0;line-height:0;z-index:-1}
-.fl{float:left}
-.fr{float:right}
-.txtcut{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}/*말줄임*/
-.unerline{text-decoration:underline}
-/*폰트 컬러*/
-.font_blue{color:#29367c}
-.font_lightblue{color:#3b4890}
-.font_jinlightblue{color:#0066cc}/*220617*/
-.font_red{color:#d31900}
-.font_lightred{color:#ee3c24}
-.font_grey{color:#999}
-.font_yellow{color:#fff200}/* 190313 추가 */
-.font_lightpurple{color:#6f6dd9}/*mini*/
-.font_jinlightpurple{color:#4f4dc6}/*mini*/
-.font_jajusaeg{color:#993399}/*nft*/
-.font_turquoise{color:#006666}/*221018 추가 청록색*/
-.font_orange{color:#f3623b}/*221018 추가*/
-.font_yeondu{color:#2fa40e}/*240528 추가*/
-
-/*배경색*/
-.bg_grey{background-color:#f3f3f3}
-.bg_jingrey{background-color:#999}/*201217*/
-.bg_yeonblue{background-color:#f3f7ff}/*221018 추가*/
-/*이미지 보더용 프레임*/
-.frame{position:absolute;left:0;top:0}
-
-/*스킵*/
-.skip{position:relative}
-.skip a{position:absolute;top:-9999px;left:0}
-.skip a:focus,.skip a:active {top:0;z-index:1000;text-decoration:none}
-.skip span{display:inline-block;width:200px;line-height:35px;color:#fff;border:1px solid #344F89;background:#4165D0;text-align:center}
-
-/*차단*/
-.block-disable > *,.block-disable a,.block-disable .voice-box{opacity:0.1;filter:alpha(opacity=10);color:#000}
-.block-disable td a{color:inherit;opacity:1}
-
-/*240612 리스트에서 차단시 작성자 정보 레이어는 투명 제외*/
-.list .gall_list tr.block-disable > *
-{border-color: #eee;opacity:1!important;filter:none!important}
-.list .gall_list tr.block-disable td .checkbox,
-.list .gall_list tr.block-disable td.gall_num,
-.list .gall_list tr.block-disable td.gall_tit,
-.list .gall_list tr.block-disable td .nickname,
-.list .gall_list tr.block-disable td .writer_nikcon,
-.list .gall_list tr.block-disable td.gall_date,
-.list .gall_list tr.block-disable td.gall_count,
-.list .gall_list tr.block-disable td.gall_recommend
-{opacity:0.1!important}
-/*//240612 리스트에서 차단시 작성자 정보 레이어는 투명 제외*/
-
-.ip{font-family:tahoma,sans-serif;font-size:11px;color:#999}
-/*댓글 차단*/
-.comment_wrap .block-disable > *,.comment_wrap .block-disable a{opacity:1;filter:alpha(opacity=100);color:#000}
-/*.comment_wrap .block-disable .nickname em,*/
-.comment_wrap .block-disable .gall_writer > *,
-.comment_wrap .block-disable .date_time,
-.comment_wrap .block-disable p,
-.comment_wrap .block-disable img,
-.comment_wrap .block-disable .coment_dccon_info,
-.comment_wrap .block-disable .cmt_txtbox > iframe,
-.comment_wrap .block-disable .cmt_mdf_del > *{opacity:0.1;filter:alpha(opacity=10);color:#000}
-
-/*답글 차단*/
-.comment_wrap .reply .block-disable > *{opacity:0.1;filter:alpha(opacity=10);color:#000}
-/*.comment_wrap .block-disable .reply_info .nickname,.comment_wrap .block-disable .reply_info .nickname > em,*/
-.comment_wrap .reply .block-disable .gall_writer > *,
-.comment_wrap .block-disable .reply_info .ip,
-.comment_wrap .block-disable .reply_info p,
-.comment_wrap .block-disable .reply_info img,
-.comment_wrap .block-disable .reply_info .coment_dccon_info,
-.comment_wrap .block-disable .reply_info .cmt_txtbox > iframe,
-.comment_wrap .block-disable .reply_info .cmt_mdf_del > *{opacity:1;filter:alpha(opacity=100);color:#000}
-
-/*레아아웃*/
-.list_wrap,.view_wrap{min-width:1515px}/*220613 왼쪽 날개 배너 사이즈 120->160 으로 수정하면서 min-width:1450px수정*/
-.width868 .dchead,.width868 #container,.width868 .info_policy,.width868 .copyright{width:868px}
-.width1000 .dchead,.width1000 #container,.width1000 .info_policy,.width1000 .copyright{width:1000px}
-.width1160 .dchead,.width1160 .gnb,.width1160 #container,.width1160 .info_policy,.width1160 .copyright{width:1160px}
-
-.dchead{position:relative;width:1050px;height:105px;margin:0 auto}
-.dcheader.bg .dchead{height:85px}
-.gnb{width:1050px;height:44px;margin:0 auto}
-.gnb_depth2_list .icon_new{margin-left:3px}
-.dc_all{width:1048px;margin:20px auto 0;border-left:1px solid #ccc;border-top:2px solid #29367c;border-right:1px solid #ccc;border-bottom:1px solid #29367c}
-.width1160 .dc_all{width:1158px}
-.info_policy{width:1050px;margin:0px auto 0;padding-top:28px;text-align:center}
-.mbl_info .info_policy{width:960px;padding-top:47px}
-.wrap_inner{position:relative;width:1450px;margin:0 auto}
-#container{width:1050px;margin:20px auto 0}
-.width1160 #container{margin:20px auto 0}
-.gallog_wrap.width1160 #container{margin:0 auto}/*181017 갤로그 배경 배포시 삭제*/
-
-.left_content{float:left;width:728px;background:#fff}
-.width1160 .left_content{width:840px}
-.integrate_schwrap .left_content{width:160px}/*통합검색*/
-.center_content{float:left;width:670px;margin:0 15px}
-.right_content{float:right;width:300px}
-.copyright{width:1050px;margin:10px auto 0;text-align:center;letter-spacing:0;font-size:12px;font-family:tahoma,sans-serif;color:#333}
-
-.integrate_schwrap .left_content{min-height:10px}/*221201 요청으로 고정형으로 수정 */
-
-/*상단*/
-.dcheader.bg{background:#29367c}
-.dc_logo{overflow:hidden;position:absolute;left:0;top:40px;text-align:center}
-.dcheader.bg .dc_logo{top:30px}
-.dc_logo a{display:block;float:left}
-.dc_logo:after{clear:both;display:block;visibility:hidden;content:""}
-.dc_logo a:hover{text-decoration:none}
-.area_links{position:absolute;top:9px;right:0}
-.dcheader.bg .area_links{top:47px}
-.area_links ul{overflow:hidden;line-height:17px}/*211118 폰트 버그 line-height:19px*/
-.area_links li{float:left}
-.area_links li::before{content:"|";color:#ccc;font-size:10px;line-height:10px;padding:0 5px 0 4px;vertical-align:1px}/*211118 폰트 버그 font-size:11px;line-height:11px수정 vertical-align:1px 추가*/
-.area_links li:first-child:before{display:none}
-.area_links li:last-child:before{content:"";font-size:0px;padding:0 12px 0 0}
-.dcheader.bg .area_links li:last-child:before{content:"|";color:#ccc;font-size:10px;line-height:10px;padding:0 3px 0}/*211118 폰트 버그 font-size:11px;line-height:11px*/
-.report_wrap .dcheader.bg .area_links li:last-child:before{content:"";font-size:0px;padding:0 12px 0 0}
-
-.area_links a{font-size:11px;color:#555}
-.dcheader.bg a{color:#fff}
-.area_links .btn_top_loginout{display:inline-block;background:#3b4890;padding:0 3px;height:16px;line-height:16px;vertical-align:top;border:1px solid #29367c;color:#fff;font-size:11px;text-shadow: 0px -1px #1d2761}/*211118 폰트 버그 line-height:18px;*/
-.area_links .btn_top_loginout:hover{text-decoration:none}
-.dcheader.bg .area_links .btn_top_loginout{background:#fff;padding:0 9px;border:1px solid #3b4890;color:#29367c;text-shadow:none}
-
-/*placeholder*/
-input::-webkit-input-placeholder{color:#aaa}
-input:-moz-placeholder{color:#aaa}
-input::-moz-placeholder {color:#aaa}
-input:-ms-input-placeholder{color:#aaa}
-.user_info_input input::-webkit-input-placeholder, input.int::-webkit-input-placeholder{color:#999}
-.user_info_input input:-moz-placeholder, input.int:-moz-placeholder{color:#999}
-.user_info_input input::-moz-placeholder, input.int::-moz-placeholder {color:#999}
-.user_info_input input:-ms-input-placeholder, input.int:-ms-input-placeholder{color:#999}
-
-/*검색*/
-.wrap_search{position:absolute;left:384px;top:39px}
-.top_search{width:456px;height:46px;background:#3b4890}
-.inner_search{float:left;width:313px;background:#fff;margin:4px 0 0 4px}
-.in_keyword{width:295px;height:38px;padding:0 9px;border:none;background:transparent;outline:none;color:#333;font-size:14px;font-weight:bold}
-.btn_visit{position:absolute;right:0;top:0;width:94px;height:46px;font-size:14px;color:#fff;font-weight:bold;background:#29367c}/*210225 최근방문*/
-
-.bnt_search{float:left;width:45px;height:44px;background-position:0 -89px}
-/*241108 디시트렌드 노출*/
-.wrap_search .key_trendbox{font-size:14px;font-weight:bold;position:absolute;top:4px;left:0;line-height:100%;box-sizing: border-box;white-space: nowrap;}
-.wrap_search .key_trend{display:inline-block;width:306px;height:38px;padding:0 0 0 9px;margin-left:4px ;line-height:38px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
-.wrap_search .key_trend_go{display:inline-block;width:45px;height:38px;margin-left:-4px}
-
-
-/*
-.width1160 .wrap_search{left:384px}
-.width1160 .top_search{width:456px}
-.width1160 .inner_search{width:313px}
-.width1160 .in_keyword{width:295px}
-*/
-/*220419*/
-/*
-.typea .wrap_search{left:50%;margin-left:-181px}
-.typea .top_search{width:362px}
-*/
-.typea .wrap_search{left:50%;margin-left:-181px}
-.typea .top_search{width:364px}
-.typea .inner_search{width:315px}
-.typea .in_keyword{width:297px}
-.typea .wrap_search{top:37px;left:50%;margin-left:-182px}
-/*//220419*/
-
-.top_search input::-webkit-input-placeholder{color:#999}
-.top_search input:-moz-placeholder{color:#999}
-.top_search input::-moz-placeholder {color:#999}
-.top_search input:-ms-input-placeholder{color:#999}
-
-
-
-/*갤러리 내부 검색 */
-.buttom_search_wrap{width:451px;margin:20px auto 0}
-.result .button_search_wrap{margin:0px auto }
-.bottom_search{height:36px;margin-left:5px;border:1px solid #29367c;background:#3b4890}
-.bottom_search .bnt_search{width:37px;height:36px;background-position:0 -195px}
-.bottom_search .inner_search{width:278px}
-.bottom_search .in_keyword{width:260px;height:30px;line-height:30px}
-.bottom_search .inner_search{margin:3px 0 0 3px}
-.result .bottom_paging_box a, .result .bottom_paging_box em{margin-bottom:3px}
-
-/*자동검색완성*/
-.auto_wordwrap{position:absolute;width:100%;box-sizing:border-box;border:2px solid #29367c;background:#fff;z-index:4001}/*220427 width 수정*/
-/*.width1160 .auto_wordwrap{width:452px} 220427*/
-.auto_word{overflow-y:auto;max-height:365px}/*220331 max-height:730px*/
-.word_box{position:relative}
-.word_tit{height:36px;padding:0 12px;line-height:36px;background:#f3f3f3;font-size:12px;color:#29367c}
-.auto_wordwrap .word_tit > .num{font-weight:normal}/*220331 추가*/
-.word_list{padding:9px 0px 8px}/*220331 9px 12px 8px*/
-.auto_wordwrap .word_list li{position:relative;padding:0 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}/*220331 추가 / 240719 말줄임 추가*/
-.word_list li a{color:#555;line-height:20px}
-.word_list li a:hover{text-decoration:underline}
-.word_list li a .job{color: #999;font-size: 11px;margin-left: 4px;line-height: 1}/*240719 인물갤 관련 추가*/
-.word_list li a.restriction .job{color: #aaa}
-
-.word_list li .dot_line{display:block;height:1px;margin:5px 0;border-top:1px dashed #c7c6c6;}
-.word_box .btn_more{position:absolute;top:8px;right:4px;display:block;width:42px;height:10px;padding:5px;background-position:4px -64px}
-.word_close{position:relative;height:35px;background:#3b4890;line-height:35px}/*220331 스타일 추가*/
-.word_close .btn_close{display:block;position:absolute;right:0;top:0 ;width:18px;height:18px;margin:9px 12px 0 0;background-position:0 -21px}/*220331 수정*/
-.word_list li a.restriction, .auto_wordwrap .restriction .wordmark, .restriction ~ .sch_ranking,
-.auto_wordwrap .restriction .sch_jobinfo, .auto_wordwrap .restriction .sch_ranking{color:#ddd}/*220331 / 240719 인물갤때 추가*/
-.word_list li > .icon_mini{}/*211118 폰트 버그 스타일 추가*//*211202*/
-.dchead .auto_wordwrap .word_list{padding:7px 0px 8px;overflow: hidden}/*220331*/
-.dchead .auto_wordwrap .word_list + .word_list{position: relative}/*240528 인물갤 관련 구분선 추가*/
-.dchead .auto_wordwrap .word_list + .word_list::before{content: "";display: inline-block;width: calc(100% - 24px);height: 1px;background: #eee;position: absolute;top: 0;left: 50%;transform: translateX(-50%)}
-.dchead .auto_wordwrap .word_list li:hover{background:#f3f3f3}
-.dchead .word_list li a{height:27px;line-height:27px;display:block;font-size:13px}/*220331 수정*/
-.dchead .word_list li a:hover{text-decoration:none}/*220331 수정*/
-.dccon_wrap .auto_wordwrap{width:456px}
-
-/*실시간 검색어 자동완성*/
-.auto_wordwrap.small {width:270px;border:1px solid #5793fd}
-.auto_wordwrap.small .word_close{background:#f3f3f3}
-.auto_wordwrap.small .word_close .btn_close{background-position:-155px -108px}
-.auto_word .icon_restriction{position:inherit;right:inherit;margin:0px 0 0 3px;vertical-align:0px}/*211118 폰트 버그 vertical-align:-1px 추가*/
-
-/*220331 통합검색 개편 - 검색어 자동완성 / 최근 검색어 */ /*240528 인물갤 관련 추가*/
-.txtbtn_more{position:absolute;top:5px;right:4px;line-height:normal;padding:5px;color:#999;font-weight:normal;;text-decoration:underline}
-.txtbtn_more:after{content:'';display:inline-block;width:5px;height:9px;margin-left:3px;
-background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png);background-position:-110px -58px
-}
-.auto_wordwrap .wordmark{font-weight:bold}
-.auto_wordwrap .btn_latelydel{position:absolute;top:5px;right:4px;height:26px;line-height:100%;padding:5px;color:#999;text-decoration:underline }
-.auto_wordwrap .sch_ranking,
-.auto_wordwrap .sch_jobinfo{margin-left:8px;font-size:11px;color:#999;display:inline-block;-ms-transform: translateY(-1px);transform: translateY(-1px)}
-.auto_wordwrap .sch_jobinfo + .sch_ranking{margin-left: 4px}
-.auto_wordwrap .sch_jobinfo + .sch_ranking::before{content: "";display: inline-block;width: 1px;height: 8px;background: #d7d7d7;margin: 0 6px 0 2px}/*240830 바 추가*/
-.auto_wordwrap .icon_person{margin-top: 3px;margin-right: 2px}
-.icon_minor{display:inline-block;height:12px;line-height:12px;margin-top:1px;margin-left:2px;vertical-align:text-top;font-size:13px;color:#555}
-.icon_minor + .sch_ranking{margin-left:7px;}
-.restriction .icon_minor, .restriction + .icon_minor{opacity:0.6;filter:alpha(opacity=60)}
-.auto_wordwrap .restriction .icon_mini, .auto_wordwrap .restriction + .icon_mini, .auto_word .icon_restriction{opacity:0.3;filter:alpha(opacity=30)}/*220331 추가*/
-.auto_wordwrap .restriction .icon_minor, .auto_wordwrap .restriction + .icon_minor, .auto_wordwrap .restriction .icon_person{opacity:0.4;filter:alpha(opacity=40)}/*220331 추가*/
-
-.auto_wordwrap.lately .word_list li{position:relative;padding:0 25px 0 12px}
-.auto_wordwrap.lately .word_list li a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap }/*220517 말줄임 추가*/
-.auto_wordwrap.lately .word_list li .btn_del{position:absolute;right:12px;top:3px}
-.auto_wordwrap.lately .empty_box{padding:100px 0 101px}
-.saveonfo{padding-left:81px;}
-.saveonfo .checkbox.round.blue{vertical-align:text-top}
-.saveonfo .checkbox.round.blue .round_label .inr{font-size:12px;color:#3b4890;/*text-shadow:0.5px 0.5px #474747*/}
-
-.btn_autoword_del{vertical-align:top;outline:none;position:absolute;top:5px;right:7px;padding:0 5px}
-.icon_autoword_del{display:inline-block;width:7px;height:7px;vertical-align:1px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -127px -153px;cursor:pointer}
-
-.dcheader .wrap_search .word_close{position:relative;height:35px;line-height:35px;background:none;border-top:1px #29367c solid}/*220331 스타일 추가*/
-.dcheader .wrap_search .word_close .btn_close{display:block;position:absolute;right:7px;top:5px;width:14px;height:14px;background-position:-105px -1019px;padding:5px;margin:0}/*220331 수정*/
-
-/*241016 검색 프로필 이미지,갤러리ID 추가*/
-.auto_wordwrap .word_list li .integrate_gallimg{margin-right: 0;position: absolute;top: 50%;left: 12px;transform: translateY(-50%)}
-.auto_wordwrap .word_list li .integrate_gallimg + a{
- display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;
- -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;
- padding-left: 33px
-}
-.auto_wordwrap .word_list li .integrate_gallimg + a > *{flex-shrink: 0;margin-top: 0}
-.auto_wordwrap .word_list li .integrate_gallimg + a > .sch_jobinfo{flex-shrink: initial;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
-/*//241016 검색 프로필 이미지,갤러리ID 추가*/
-
-
-/*//220331 통합검색 개편 - 검색어 자동완성 / 최근 검색어*/
-
-
-
-/*오늘의 이슈*/
-.day_issue{position:absolute;left:0px;top:-22px;width:100%;font-size:11px;color:#444}
-.day_issue .tit{float:left;padding-left:1px}
-.day_issue_list{overflow:hidden;float:left;width:355px;vertical-align:text-top;line-height:14px}
-.day_issue_list li{float:left}
-.day_issue_list li a{color:#444}
-.day_issue_list li a:before{content:"";display:inline-block;width:1px;height:10px;margin:0 10px;vertical-align:-1px;background:#d7d7d7}
-.day_issue_list li:first-child a:before{width:0px;height:0px;filter:alpha(opacity=0);opacity:0;margin:0 10px 0 2px }
-.day_issue .btn_box{overflow:hidden;float:right;width:33px;line-height:100%}
-.btn_issueprev{float:left;width:17px;height:17px;background-position:-56px 0}
-.btn_issuenext{float:right;width:16px;height:17px;background-position:-73px -27px}
-.btn_issueprev.on{background-position:-56px -27px}
-.btn_issuenext.on{background-position:-73px 0px}
-
-/*GNB*/
-.gnb_bar{position:relative;min-width:1050px;background-color:#3b4890;border:1px solid #3b4890;border-width:1px 0 1px 0}
-.width1160 .gnb_bar{min-width:1160px}
-.width1160 .gnb_list{width:840px}
-.gnb_list{float:left;width:740px}
-.gnb_list li{position:relative;float:left;margin-left:20px}
-.gnb_list li:first-child{margin-left:0}
-.gnb_list li a{color:#fff;font-size:14px;font-weight:bold;line-height:44px;letter-spacing:0.025em;text-shadow:0px -1px #1f2552}
-.gnb_list li a.on{color:#ffed44}
-.gnb_list li a:hover{text-decoration:underline}
-.icon_depmore{display:inline-block;width:13px;height:8px;vertical-align:2px;background-position:-47px -67px}
-.gnb_list li a.on .icon_depmore{background-position:-65px -67px}
-/*2차메뉴*/
-.gnb_depth2_box{position:absolute;left:0;top:0px;width:100%;height:30px;margin-top:45px;background:#f3f3f3}
-.width1160 .gnb_depth2_list{width:1160px;margin:0 auto}
-.gnb_depth2_list li{float:left;font-size:0}/*211118 폰트 버그 line-height:30px 삭제*/
-.gnb_depth2_list li::before{content:"|";display:inline-block;padding:0 8px;font-size:12px;color:#ccc;vertical-align:top;line-height:28px}/*211118 폰트 버그 vertical-align:top;line-height:28px 추가*/
-.gnb_depth2_list li:first-child::before{display:none}
-.gnb_depth2_list li a{font-size:12px;color:#29367c;line-height:30px}/*211118 폰트 버그 line-height:30px 추가 */
-.gnb_depth2_list li a.on{text-decoration:underline}
-.depth2{position:absolute;width:104px;padding:12px 3px 10px 17px; background-color:#29367c;z-index:4002}/*220303 index:15 수정*/
-.depth_bg{position:absolute;left:0;top:0;display:block;width:15px;height:15px;background-position:-96px 0;z-index:1}
-.depth2 li{float:none;margin-left:0}
-.depth2 li a{display:block;font-size:12px;color:#fff;line-height:24px;font-weight:normal}
-.depth2 li a.on,.depth2 li a:hover{color:#fff200}
-/*210113 더보기*/
-.depthbox{position:absolute;width:80px;padding:12px 0 12px 0;background-color:#29367c;z-index:15}
-.btn_depth{width:80px;color:#fff;font-size:14px;font-weight:bold;line-height:44px;letter-spacing:0.025em;outline:none}
-.btn_depth:hover{text-decoration:underline;}
-.btn_depth::after{content:"";display:inline-block;width:11px;height:6px;background:url(https://nstatic.dcinside.com/dc/w/images/icon_down.gif)no-repeat 0 0;vertical-align:3px;margin-left:6px}/*210819 margin-left 추가*/
-.btn_depth.open::after{background:url(https://nstatic.dcinside.com/dc/w/images/icon_up.gif)no-repeat 0 0}
-.depthbox li{float:none;margin-left:0}
-.depthbox ul li a {display:block;color:#fff;font-size:14px;font-weight:bold;letter-spacing:0.025em;line-height:28px;text-align:center;text-indent:-2px}
-.depthbox li a:hover{text-decoration:underline}
-/*//210113 더보기*/
-
-.gnb_list li a[href*="gall.dcinside.com/p"]::after{content:"";display:inline-block;width:1px;height:12px;background:rgba(255,255,255,0.2);margin-left:20px;vertical-align:-1px}
-.gnb_list li a.deco{background:#2d3575;border-radius:50px;padding:6px 15px 7px;line-height:43px}
-.gnb_list li a.deco:hover{text-decoration:none}
-.gnb_list li a.deco span{border-bottom:2px solid #ffed44;text-shadow:0px -1px #1f2552}
-
-/*230918 gnb 변경*/
-.gnb_list .gnb_more{margin-left: 20px;}
-.gnb_list .gnb_more .btn_depth{width: auto;}
-.gnb_list .gnb_more .btn_depth::after{content: "";display: inline-block;width: 16px;height: 13px;vertical-align: -1px;margin: 0;background:url(https://nstatic.dcinside.com/dc/w/images/round_icon_down.png?1) no-repeat 0 0}
-.gnb_list .gnb_more .btn_depth.open::after{background:url(https://nstatic.dcinside.com/dc/w/images/round_icon_up.png?1) no-repeat 0 0}
-.gnb_list .gnb_more .btn_depth + .depth2{width: 67px}
-/*//230918 gnb 변경*/
-
-/*230925 디시픽 베타 추가*/
-.gnb_list li .icon_beta{display: inline-block;width: 27px;height: 13px;background: url(https://nstatic.dcinside.com/dc/w/images/beta_img.png) no-repeat center center/100%;margin-left: 2px;vertical-align: 2px}
-
-/*.gnb_list li a[href*="https://h5.dcinside.com"]{border:2px solid #ffed44;padding:5px 4px 4px}211022 디시게임*/
-
-/*210104 팬더티비*/
-/*.gnb_list li a[href*="pandalive"]{position:relative}
-.gnb_list li a[href*="pandalive"]:after{content:"";display:inline-block;width:65px;height:26px;position: absolute;left:50%;margin-left:-32.5px;top:-9px;border-bottom:2px solid #fdce0b;}*/
-.gnb_list li a[href*="pandalive"]{position:relative;/*margin-left:10px;*/background:#2d3575;border-radius:50px;padding:6px 15px 7px}
-
-
-/*
-.gnb_list li a[href*="pandalive"]:after{content:"";display:inline-block;width:80px;height:26px;position: absolute;left:50%;margin-left:-42px;top:-8px
- ;border:2px solid #fdef0b;}
-.gnb_list li a[href*="pandalive"]{position:relative;margin-left:10px}
-.gnb_list li a[href*="pandalive"]:after{content:"";display:inline-block;width:80px;height:26px;position: absolute;left:50%;margin-left:-42px;top:-9px
- ;border:2px solid #fdce0b;border-radius:50px;}201216*/
-
-/*201222 메뉴 애니효과
-.gnb_list li.linebox a[href*="pandalive"]:after{display:none}
-.ani_line1{position:absolute;top:0px;left:0px;background:#fdce0b}
-.ani_line2{position:absolute;bottom:0px;right:0px;background:#fdce0b}
-.gnb_list li.linebox a{z-index:2}
-.ani_lines{width:86px;height:41px}
-.ani_lines {position:absolute;top:3px;left:-4px;z-index:0;}
-.linebox::before{content:"";display:block;width:80px;height:35px;;position:absolute!important;top:6px;left:-1px;background-color:#4A56A8;z-index:1}
-*/
-
-/*만두몰 2차*/
-#container.dccon{margin:55px auto 0}
-#container.event{margin:50px auto 0}
-/*GNB BAR 최근등록 댓글 게시글 디시로터리*/
-.gall_exposure{overflow:hidden;float:right;width:306px;height:44px;text-align:center;font-size:14px;color:#fff;line-height:44px}
-.gall_exposure a{font-size:14px;color:#fff}/*220502 a태그 추가관련 스타일 추가*/
-.gall_exposure a:hover{text-decoration:none}/*220502 a태그 추가관련 스타일 추가*/
-.gall_exposure .num{font-weight:bold;text-decoration:none;letter-spacing:0.7px}
-.posts .num{color:#ffff99}
-.reply .num{color:#86e1f0}
-.gall_exposure .gall .num{color:#ffbbee} /*230703 추가*/
-
-/*220503추가*/
-.gall_exposure .ltr{position: relative;;color: #fff;float: none;margin:8px auto 0;box-sizing: border-box;padding: 0px 6.5px 0 6.5px;}
-.gall_exposure .ltr a{position:relative;z-index:1;display:block;width:154px;height:28px;background:#2d3575;border-radius:50px;margin:0 auto;line-height:28px;font-weight:bold }
-
-.gall_exposure .ltr:after{
- content: "";display: inline-block;z-index: 0;border-radius:50px;
- position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
- width:160px;height:34px;
- background: #ff9d00;
- background-size: 160px 34px;animation: gradient2 0.25s ease alternate infinite;
- }
- @keyframes gradient2 {
- 0% {width:154px;height:28px}
- 100% {width:160px;height:34px}
- }
-/*//220503추가*/
-
-
-/*로그인, 로그인 정보 */
-.login_box{position:relative;margin-bottom:15px;border:1px solid #29367c;background:#fff}
-.user_info{height:43px;line-height:44px;font-size:14px;color:#29367c}
-.user_info strong{display:inline-block;max-width:235px;padding-right:2px;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.user_info,.user_option{padding:0 18px}
-.user_option{height:36px;line-height:36px;background:#f3f3f3;text-align:center;clear:both}/*220715 clear추가*/
-.user_option span a{font-size:12px;font-weight:bold}
-.user_option span::before{content:"|";font-size:11px;color:#ccc;padding:0 18px 0 13px;vertical-align:1px}/*211118 폰트 버그 font-size:11px 수정, vertical-align:1px 추가*/
-.user_option.four span::before,.user_option.four span::before,.user_option.four span::before{padding:0 7px 0 4px}
-.user_option span:first-child::before{display:none}
-.icon_favorites,.icon_admin{display:inline-block;width:9px;height:5px;margin-left:5px;vertical-align:1px;background-position:-9px -61px}
-.hide.icon_favorites,.hide.icon_admin{background-position:0px -61px}
-.icon_noti{display:inline-block;width:14px;height:13px;margin-right:5px;vertical-align:-3px;background-position:0 -27px}/*211118 폰트버그 height:12px vertical-align:-1px*/
-.icon_noti.new {background-position:-24px -27px}
-/*220715 uiux 개선*/
-.newarea.user_info strong{max-width:153px;padding-right:0}
-.newarea.user_info strong:hover{cursor:pointer }
-.newarea.user_info a{line-height:44px;font-size:14px;color:#29367c}
-.newarea.user_info a:hover{text-decoration:none}
-.newarea.user_info .writer_nikcon:hover{cursor:pointer}
-.user_infogo{display:inline-block;font-size:12px;font-weight:bold;color:#29367c;line-height:100% }
-.user_infogo:hover{text-decoration:none }
-.newarea .user_infogo{display:inline-block;width:7px;height:11px;background-position:-236px -1024px;margin-left:3px;line-height:26px}
-/*
-.allview_go:after{content:"";display:inline-block;width:10px;height:12px;vertical-align:-1px;margin-left:2px;
-background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?1);background-repeat:no-repeat;background-position:-179px -1023px
-}
-*/
-.login_box .newarea .logout_boxbtn{line-height:100%;padding-top:9px}
-.login_box .newarea .btn_inout{width:63px;height:27px;line-height:25px;font-size:12px;border:1px solid #29367c;background:#3b4890;text-align:center;color:#fff;font-weight:bold;text-shadow:0px 1px #1d2761}
-.right_content .login_box .user_option{white-space:nowrap}/*220816 알림의 림자 떨어짐 이슈로 스타일 추가(일부 사용)*/
-/*//220715 uiux 개선*/
-
-
-
-/* 200427 otp갤러리메인 */
-.sp_otp{background: url(http://nstatic.dcinside.com/dc/w/images/sp/sp_otp.png) no-repeat;display: inline-block;vertical-align: -4px;width: 47px;height: 18px;cursor: pointer}
-.user_info.otp_width strong{max-width: 180px;}
-.otp_box{position: absolute;top: 0;right: 18px}
-.otp_box .icon_otp{background-position: -7px -59px}
-.otp_box.on .icon_otp{background-position: -7px -36px}
-
-/*야간모드*/
-.darkmodebox{position:relative}
-.darkonoff{color:#555;font-size:11px;margin-left:10px;line-height:18px}/*211118 폰트 버그 line-height:19px*/
-
-/*210109 야간모드 아이콘 */
-.icon_tdark{display:inline-block;width:11px;height:11px;background-position:-255px -844px;margin-right:4px;vertical-align:-1px}/*211118 폰트 버그 vertical-align:text-top; margin-top:-1px 삭제*/
-.icon_sdark{display: inline-block;width:8px;height:8px; background-position:-285px -818px;margin-right:4px}
-
-/*페이지 상단*/
-.page_head{height:37px;margin-bottom:3px;padding-top:4px}
-.page_head h2, .favorite, .dcwiki, .lock{float:left}
-.page_head h2{
-font-size:24px;font-family:'Nanum Gothic', sans-serif;letter-spacing:-1px;margin:2px 8px 0 3px;
-max-width:420px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#29367c
-}/*210121 상단 제목 길어짐 이슈로 말줄임 추가 / 231020 max-width:416px -> 420px*/
-
-
-.page_head h2 a{color:#29367c}
-.page_head h2 a:hover{text-decoration:none}
-.page_head .fixtit{color:#585857}
-.favorite{position:relative;margin:4px 0px 0 0}/*210121 상단 제목길어지며서 떨어지는 이슈로 여백수정*/
-.dcwiki,.useradmin_go{margin-left:7px}/*210121 상단 제목길어지며서 떨어지는 이슈로 여백수정*/
-.icon_favorite{display:block;width:23px;height:24px;background-position:-154px -15px}
-button.on .icon_favorite{background-position:-121px -15px}
-.dcwiki{margin-top:4px;margin-right:7px}
-.dcwiki > button{width:53px;height:24px;line-height:23px;border:1px solid #29367c;border-radius:2px;background:#f6f6f6}
-.page_head h2 + .dcwiki, .page_head h2 + .useradmin_go{margin-left:0}
-.txt_dc,.txt_wiki{font-size:11px;color:#29367c}
-.txt_wiki{color:#009966}
-.useradmin_go{float:left;margin-top:4px}/*마이너 갤러리 관리*/
-.btn_useradmin_go{width:54px;height:24px;background-position:-111px -241px}
-/*210121 마이너 미니 아이콘*/
-.dcwiki + .useradmin_go{margin-left:0}
-.pagehead_titicon{display:inline-block;vertical-align:top;margin-left:4px} /*231020 margin-left:6px -> 4px*/
-.pagehead_titicon + .favorite{margin-left:8px}
-.pagehead_titicon.mgall{width:22px;height:22px;background-position:-195px -844px;margin-top:3px}
-.pagehead_titicon.ngall{width:26px;height:20px;background-position:-223px -844px;margin-top:4px}
-.pagehead_titicon.pgall{width:22px;height:22px;background-position:-63px -1181px;margin-top:2px}/*240613 인물*/
-
-.gall_issuebox{padding-top:12px}
-.gall_issuebox button{color:#333;vertical-align:top;outline:none}
-.gall_issuebox button::before, .gall_issuebox .bundle button::before{content:"|";color:#ccc;font-size:12px;line-height:12px;padding:0 7px 0 3px;vertical-align:1px}/*220913 .gall_issuebox .bundle::before 추가*/
-.gall_issuebox button:last-child::before{vertical-align:top;line-height:14px }
-.gall_issuebox button:first-child:before{display:none}
-
-.gall_issuebox .bundle button:first-child:before{display:inline-block}/*220913 추가*/
-.gall_issuebox .bundle:first-child button:first-child:before{display:none}/*220913 추가*/
-
-.icon_relate_more{display:inline-block;width:9px;height:5px;background-position:-115px -43px;vertical-align:1px;margin-left:2px}/*211118 폰트 버그 vertical-align:2px;*/
-.hide .icon_relate_more{background-position:-103px -50px}
-.gall_issuebox .new{margin-right:2px}
-.gall_issuebox .icon_new{margin-left:0}
-.gall_issuebox .issue_setting{position:relative}/*220913 설정 추가*/
-.gall_issuebox .issue_setting .new,
-.gall_issuebox .relate .new{margin-left: 2px}/*231226*/
-
-
-/*작성자 정보*/
-.user_data{position:absolute;z-index:2}
-.user_data_list{width:98px;border:1px solid #ccc;background:#fff;text-align:left}
-.gall_list .user_data_list{width:114px}/*211224 추가*/
-.view_wrap .user_data_list,.album .user_data_list{margin-left:3px}
-.user_data_list li{height:25px;padding:0 9px;line-height:27px;border-top:1px solid #ccc}
-.user_data_list li:first-child{border-top:none}
-.user_data_list li a{overflow:hidden;display:block;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;color:#333;position:relative;}/*201217*/
-.user_data_list li.bg_jingrey a{color:#fff; }/*201217*/
-.user_data_list li a .icon_go{position:absolute;top:9px;right:1px}/*241018 right값4px->1px*/
-/*.gall_list .user_data_list li a .icon_go{right:1px}*/
-.user_data_list li a .num{float:right}
-.reply_list li .user_data_list li{padding:0 9px}
-.reply .num.font_lightred{color:#ee3c24}
-/*220715 uiux 개선- 상단 작성자 정보*/
-.area_links ul.fl.clear{overflow:inherit;}
-.area_links .area_nickname{position:relative;z-index:5000;}
-.area_links .user_data_list > li{float:none;line-height:25px}
-.area_links .user_data_list > li::before, .area_links .favorite_list li::before, .area_links .my_minor_mini li::before, .area_links .notice_listwrap li::before{display:none}
-.area_links .favorite_list a,.area_links .my_minor_mini a, .area_links .notice_listwrap a{font-size:12px}
-.area_links .notice_list{overflow-y:scroll;overflow-x:hidden;line-height:23px}
-.area_links .user_data_list .icon_go{display:inline-block;width:5px;height:9px;margin-left:6px;background-position:-36px -45px;right:1px;top:8px}
-.area_nickname .btn_user_data{text-decoration:underline;font-weight:bold}
-.area_nickname .btn_user_data::after{content:"";display:inline-block;width:9px;height:5px;margin-left:2px;vertical-align:2px;
-background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?07203)no-repeat -198px -1024px }
-.area_nickname .btn_user_data.on::after{background-position:-217px -1024px }
-.dchead .pop_wrap.type3{z-index:4010}
-
-/*241018 매니저단 동일 식별 코드 */
-.user_data.size .user_data_list{width:142px}
-/*//241018 매니저단 동일 식별 코드 */
-
-/*//작성자 정보*/
-
-
-/*리스트,본문,글쓰기 이슈박스*/
-.issue_wrap{position:relative;border-top:2px solid #29367c;padding-bottom:37px;z-index:13}
-.listwrap .issue_wrap,
-.visit_bookmark ~ #container .issue_wrap, .visit_bookmark + .wrap_inner #container .issue_wrap
-{padding-bottom:0}/*220419*/
-
-.list_wrap .visit_bookmark + .wrap_inner #container .concept_wrap,
-.list_wrap .visit_bookmark + .wrap_inner #container .issue_contentbox
-{border-bottom:1px solid #d5d5d5;margin-bottom:0}/*220419*/
-
-.issuebox{width:1158px;background:#fff}
-.listwrap .issuebox{width:840px;display:block;margin-bottom:15px}
-.issuebox.open{position:absolute;left:0;top:0;height:190px;border-width:0 1px 1px;border-style:solid;border-color:#29367c;z-index:1}
-.visit_bookmark ~ .wrap_inner .issuebox.open,
-.visit_bookmark ~ #container .issuebox.open{height:152px}/*220419*/
-.personwrap .visit_bookmark ~ .wrap_inner .issuebox.open,
-.personwrap .visit_bookmark ~ #container .issuebox.open{height: 309px}/*240816 인물*/
-.issuebox.open .concept_wrap{display:block}
-.issuebox.open .visit_history{left:0;bottom:0;border:0px;border-top:1px solid #d5d5d5}
-/*개념글*/
-.issuebox .concept_wrap{display:none}
-.listwrap .issuebox .concept_wrap{display:block}
-.concept_wrap{overflow:hidden}
-.concept_txtlist,.concept_img{width:50%;box-sizing:border-box}
-.concept_txtlist{float:left;padding:1px 15px 22px}
-.listwrap .concept_txtlist{padding:1px 15px 22px 5px}
-.list_wrap .visit_bookmark ~ .wrap_inner .concept_txtlist, .list_wrap .visit_bookmark ~ #container .concept_txtlist{padding-bottom:21px}/*220419*/
-
-.concept_txtlist li{overflow:hidden;line-height:22px}
-.concept_txtlist li a::before{content:"";display:inline-block;width:8px;height:12px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -298px -18px}/*churl*/
-.concept_txtlist li a{float:left;width:453px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.listwrap .concept_txtlist li a{width:307px}
-.writer{float:right}
-.concept_img{overflow:hidden;float:right;padding:4px 15px 25px 5px}
-.listwrap .concept_img{padding:4px 3px 25px 0}
-.listwrap .concept_wrap .concept_img{padding:4px 0px 25px 0}
-.list_wrap .visit_bookmark ~ .wrap_inner .concept_img, .list_wrap .visit_bookmark ~ #container .concept_img{padding-bottom:24px}/*220419*/
-
-.concept_imgbox{overflow:hidden;float:left;display:block;width:154px;height:102px;border:1px solid #3b4890}
-.concept_imgbox img{width:154px;min-height:102px}
-.concept_txtbox{float:left;width:377px;margin:1px 0 0 13px}
-.listwrap .concept_txtbox{width:248px}
-.concept_txtbox > strong{display:block;margin-bottom:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.concept_txtbox > a{overflow:hidden;display:block;max-height:61px;margin-bottom:5px;line-height:20px}
-.writer_info{display:block}
-/*광고배너*/
-.banner_box{max-height:90px}
-/*최근방문*/
-.visit_history{position:absolute;overflow:hidden;width:1134px;height:36px;line-height:36px;padding:0 12px;background:#f3f3f3;border:1px solid #d5d5d5;border-width:0 1px 1px 1px}
-.listwrap .visit_history{position:relative;width:814px;margin-top:0;border-width:1px 1px 1px 1px}
-.visit_history .tit{float:left;font-size:12px;color:#29367c}
-.visit_list{overflow:hidden;float:left;width:997px;height:37px;padding:0px 0px 0 12px}/*201215*/
-.listwrap .visit_list{width:689px}/*201215*/
-.visit_list li{float:left;height:36px;margin-left:18px;width:127px;position:relative}/*201215-1 width position */
-.visit_list li:first-child{margin-left:0}
-.visit_list .icon_mini{vertical-align:top;height:24px;line-height:100%;margin-top:12px;margin-left:0}/*201215-1 추가*/
-.btn_visit_del{height:36px;vertical-align:top;outline:none;position:absolute;top:0;right:0}/*201215 position:absolute;top:0;right:0 추가*/
-.icon_visit_del{display:inline-block;width:7px;height:7px;vertical-align:1px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -127px -153px;cursor:pointer}/*churl*/
-.visit_list li a{display:inline-block;width:114px;margin-right:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.visit_list li a.mini{max-width:96px;width:auto;margin-right:2px}/*201215-1 추가*/
-.left_content .visit_list li{width:121px}/*201215-1 추가*/
-.left_content .visit_list li a{width:115px}/*201215*/
-.left_content .visit_list li a.mini{max-width:88px;width:auto}/*210224 width84수정*/
-
-.bnt_visit_prev,.bnt_visit_next{position:absolute;top:12px;line-height:12px;outline:none}/*200521 크롬업데이트 이슈로 outline 추가*/
-.bnt_visit_prev{position:relative;left:0;float:left;margin-left:4px }/*0201*/
-.bnt_visit_next{right:10px}
-.bnt_visit_prev .icon_prev,.bnt_visit_next .icon_next{width:5px;height:11px}
-.bnt_visit_prev .icon_prev{background-position:-119px -56px}/*211118 폰트 버그 background-position:-119px -57px*/
-.bnt_visit_next .icon_next{background-position:-110px -56px}/*211118 폰트 버그 background-position:-110px -57px*/
-.bnt_visit_prev.on .icon_prev{background-position:-105px -56px}/*211118 폰트 버그 background-position:-105px -57px*/
-.bnt_visit_next.on .icon_next{background-position:-124px -56px}/*211118 폰트 버그 background-position:-124px -57px*/
-.empty_visit{float:left;padding-left:19px;font-size:12px;color:#999}
-
-/*220419 최근방문/즐겨찾기*/
-.visit_bookmark{width:1050px;margin:0 auto}
-.width1160 .visit_bookmark{width:1160px}
-.width868 .visit_bookmark{width:868px}
-.width1000 .visit_bookmark{width:1000px}
-.visit_bookmark .newvisit_history{margin:0 0 10px;width:100%!important;position:relative!important}
-.visit_bookmark .newvisit_history::before{border-width:0 1px 1px}
-.visit_bookmark .newvisit_history .btn_open{position:relative;left:0;top:12px;float:left;display:block;width:15px;height:15px;margin-left:10px}
-.visit_bookmark .newvisit_history .btn_open .icon_listmore{display:inline-block;width:15px;height:15px;background-position:-56px -168px;margin-top:0;vertical-align:top }
-.visit_bookmark .newvisit_history .open .icon_listmore{background-position:-73px -168px }
-.visit_bookmark .empty_visit a{color:#999}
-.visit_bookmark .empty_visit a:hover{text-decoration:none}
-.visit_bookmark .empty_visit a > span{text-decoration:underline}
-.visit_bookmark .newvisit_list .icon_visit_del{background-position:-264px -961px }
-/*//220419 최근방문/즐겨찾기*/
-
-/*원본 첨부파일*/
-.appending_file_box{margin-top:15px;padding:8px 13px 9px;border:1px solid #d5d5d5}
-.appending_file_box strong{font-size:12px}
-.appending_file{overflow:hidden;margin:0px 0 0 -7px}
-.appending_file li{float:left;margin-left:7px;line-height:16px}
-.appending_file a{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;color:#666}
-.appending_file_box .btn_file_dw{display:inline-block;height:16px;padding:0 5px;margin:-2px 0 0 7px;line-height:16px;border-radius:2px;background:#3b4890;font-size:11px;color:#fff}/*211118 폰트 버그 line-height:18px*/
-.btn_file_dw:hover{text-decoration:none}
-/*갤러리 메인 최근방문*/
-.visit_history.gallmain{position:relative;width:702px;border-width:1px;font-size:11px;margin:14px 0 10px}/*190212*/
-.visit_history.gallmain .visit_list{width:577px;height:36px;padding:1px 0px 0 12px}/*201215*/
-.left_content .visit_history.gallmain .visit_list li{width:98px}/*201215*/
-.left_content .visit_history.gallmain .visit_list li a{max-width:85px}
-.left_content .visit_history.gallmain .visit_list li a.mini{max-width:62px}/*201215*/
-
-/*210310 개편 최근 방문 갤러리*/
-.newvisit_history{position:relative;height:38px;line-height:38px;padding:0 66px 0 12px;margin:14px 0 10px;background:#f3f3f3;vertical-align:top;box-sizing:border-box;color:#444;}
-.width1160 .newvisit_history{margin:0}/*리시트 본문 글쓰기*/
-.width1160 .newvisit_history{position:absolute;width:1160px;}/*본문 글쓰기*/
-.list_wrap.width1160 .newvisit_history{position:relative;width:840px}/*리스트*/
-.newvisit_history::before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:38px;border:1px solid #d5d5d5;box-sizing:border-box}
-.view_wrap .newvisit_history::before{border-top-width:0}
-/*.newvisit_history{width:684px;border-width:1px;}*/
-.newvisit_box{overflow:hidden}
-.newvisit_history .tit {float:left;font-size:12px;color:#29367c;vertical-align:top;letter-spacing:-0.075em}
-.newvisit_list{position:relative;white-space:nowrap}
-.newvisit_list li{display:inline-block;margin-left:15px;font-size:12px}
-.newvisit_list li:first-child{margin-left:0px}
-.newvisit_list li a{display:inline-block;color:#444;letter-spacing:-0.075em}
-/*.newvisit_list .icon_mini{vertical-align:text-bottom}*/
-/*.newvisit_list li a.mini{max-width:88px;width:auto;margin-right:2px;vertical-align:top ;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}/*201215-1 추가*/
-
-.newvisit_list li .icon_mini{vertical-align:text-top;margin-top:3px/*vertical-align:-9px*/}/*211118 폰트 버그 스타일 추가*//*1207*/
-.newvisit_list .btn_visit_del{position:inherit;margin-left:12px;line-height:38px}
-.newvisit_list .btn_visit_del .blind{display: none}
-.newvisit_history .bnt_visit_prev, .newvisit_history .bnt_visit_next{top:13px}
-.newvisit_history .bnt_visit_prev{margin-left:15px;margin-right:9px}
-.newvisit_history .bnt_visit_next{right:51px}
-.bnt_newvisit_more{position:absolute;right:12px;top:0;line-height:38px;color:#29367c;text-decoration:underline}
-.miniwrap .bnt_newvisit_more, .miniwrap .newvisit_history .tit{color:#4f4dc6}
-.newvisit_history .empty_visit{padding-left:0px}
-
-.width1160 .issuebox.open .newvisit_history{width:1158px;left:0;bottom:0}
-.width1160 .issuebox.open .newvisit_history::before{border-width:1px 0 0 0}
-.width1160 .issuebox.open .newvisit_history::before{border-top-width:1px}
-/*//210310 개편 최근 방문 갤러리*/
-
-
-/*//상단 이슈박스*/
-
-/*실시간 북적 갤러리, 실시간 검색어 */
-.rank_listwrap{position:relative;float:right;vertical-align:top;z-index:1}/*실시간 북적 갤러리*/
-.ranklist_over > button,.one_ranklist{float:left}
-.all_ranklist{position:absolute;width:224px;border:1px solid #3b4890;background:#fff;z-index:200}
-.box_tit{position:relative;padding:12px 0 10px;margin:0 9px 11px;border-bottom:1px dashed #ccc}
-.box_tit .tit{font-size:12px}
-.rank_list{padding:0px 11px 3px}
-.rank_list.realtime_gall, .r_hotlive .rank_list{padding:0}
-.r_hotlive .rank_list{margin-top:13px}
-.rank_list li{position:relative;margin-bottom:11px}
-/*.hot_mgall_box .rank_list li{width:191px;margin-bottom:12px}마이너갤러리 메인*/
-.r_realtime_issue .rank_list li{margin-bottom:9px}
-.rank_list a{display:block;height:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.rank_list a:hover{text-decoration:none}
-.rank_list a:after{display:table;clear:both;table-layout:fixed;content:""}
-/* .rank_num{
- display:inline-block;width:14px;height:13px;padding-right:1px;line-height:13px;;margin-right:3px;vertical-align:top;
- text-align:center;color:#fff;font-weight:bold;font-family:tahoma,sans-serif;font-size:9px;letter-spacing:-1px
-} */
-.rank_num{/*240912 15*15로 통일*/
- display:inline-block;width:15px;height:15px;line-height:13px;text-indent:-1px;box-sizing: border-box;vertical-align:top;
- text-align:center;color:#fff;font-weight:bold;font-family:tahoma,sans-serif;font-size:9px;letter-spacing:-1px;
- margin-right: 5px;
-}
-.right_content .rank_num{padding-right:0}
-.rank_listwrap .rank_num{float:left}
-.realtime_gall .rank_num{border:1px solid #327cff;background:#5793fd}
-.r_realtime_issue .realtime_gall .rank_num, .r_hotlive .rank_num{width:13px;height:13px;letter-spacing:0}
-.gall .rank_num, .rank_list.blue .rank_num{border:1px solid #29367c;background:#3b4890}
-.rank_list.red .rank_num{border:1px solid #d31902;background:#f03c23}
-.mgall .rank_num{border:1px solid #ff7e00;background:#ff9900}
-.rank_txt{display:inline-block;line-height:15px;width:165px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}/*211118 폰트 버그 line-height:16px*/
-.rank_job{display:inline-block;line-height:15px;font-size:11px;color: #999;margin-left:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}/*240528 추가*/
-.rank_list .rank_txt{width:132px}
-.rank_listwrap .rank_list .rank_txt{float:left}
-.realtime_gall .rank_txt{width:100px}
-.r_realtime_issue .realtime_gall .rank_txt{width:105px}
-.r_hotlive .rank_list .rank_txt{width:94px}
-.rank_txt:hover{text-decoration:underline}
-.rank_state{font-family:Tahoma;font-size:11px;color:#999;vertical-align:top;float:right;margin-right:14px;margin-top:1px}
-.ico_ranking{position:absolute;right:0;top:0;display:inline-block;width:9px;height:10px;margin-top:6px;vertical-align:top}
-.ico_ranking.up{background-position:-121px 0}
-.ico_ranking.down{background-position:-140px 0}
-.ico_ranking.same{background-position:-158px 0}
-.integrate_schwrap .ico_ranking{position:static}/*통합 검색*/
-.box_bottom{height:32px;padding-right:10px;background:#f3f3f3;line-height:34px;text-align:right;font-size:11px;color:#555;text-decoration:underline;cursor:pointer}
-
-/*한줄 실시간 북적 갤러리*/
-.one_ranklist{overflow:hidden;width:163px;height:18px;margin-left:16px}
-.one_ranklist .rank_list .rank_txt{width:124px}
-.one_ranklist .rank_list li{margin-bottom:0}
-.one_ranklist .rank_num{line-height:13px;margin-left:0}
-.one_ranklist .rank_list{margin-top:3px;padding:0 0 2px}
-
-/*블릿*/
-.dccon_infobox p{padding-left:9px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) -297px -17px no-repeat}/*churl*/
-.tip_deco{display:inline-block;width:9px;height:9px;background-position:-190px -201px;margin-right:5px}
-.tip_deco999{display:inline-block;width:9px;height:9px;background-position:-278px -217px}/*mini*/
-.tip_deco_black{display:inline-block;width:9px;height:9px;background-position:-177px -201px;margin-right:5px}
-.red .tip_deco{background-position:-203px -201px}
-.tip_deco_warning{display:inline-block;width:12px;height:12px;background-position:-169px -214px;margin-right:5px}
-.tip_deco_dot{content:"";display:inline-block;width:2px;height:2px;background:#333;font-size:0;vertical-align:4px;margin-right:6px}
-.tip_deco_dot.red{background:#d31900}
-.tip_deco_blue{display:inline-block;width:9px;height:9px;background-position:-291px -217px}/*mini*/
-.tip_deco_dot.big{width:3px;height:3px}/*210913*/
-.tip_deco_dot.red.big{width:3px;height:3px}
-.login_wrap .tip_deco_dot{margin-left:-8px}
-.email_change .tip_deco_dot{margin-left:0}
-.tip_deco_dot555{display:inline-block;width:2px;height:9px;margin-right:5px;background-position:-298px -21px}
-.dotred::before{content:" ";display:inline-block;width:3px;height:3px;background:#d31900;vertical-align:4px}
-.dot333::before{content:" ";display:inline-block;width:3px;height:3px;background:#333;vertical-align:4px}/*210913*/
-.join_wrap .dotred.tit::before, .login_wrap .dotred.tit::before, .login_wrap .dot333::before, .join_wrap .dot333::before{margin-right:7px}/*210913*/
-.tip_deco_bar{position:relative;padding-left:10px }/*210913*/
-.tip_deco_bar::before{content:"-";position:absolute;left:0;top:-1px;display:inline-block}/*210913*//*211118 폰트 버그 top:0*/
-
-
-
-/*아이콘 */
-.icon_option_more{display:inline-block;position:absolute}
-.icon_listmore{display:inline-block;width:15px;height:15px;background-position:-56px -168px; margin-top:1px}/*211118 폰트버그 margin-top:1px추가*/
-/*.category_listwrap .icon_listmore{vertical-align:top}/*갤러리 메인아이콘*/
-.open .icon_listmore{background-position:-73px -168px}
-.icon_more{display:inline-block;width:10px;height:10px;background-position:-58px 0}
-.icon_bword_del,.icon_del{display:inline-block;width:13px;height:13px;background-position:-121px -162px}
-.icon_new{display:inline-block;width:6px;height:6px;margin-left:4px;vertical-align:4px;line-height:30px;background-position:-70px -59px}
-.writer_nikcon img{vertical-align:middle}
-.gall_list .comment_box .writer_nikcon img{margin-left:0px}
-.album .gall_writer .writer_nikcon img{vertical-align:-1px}
-.circlenew{display:inline-block;width:19px;height:19px;background-position: -168px -961px;vertical-align:top}/*210913*/
-/*241121 업 다운 화살표*/
-.more_arrow{position:relative;vertical-align:top;margin-top:1px}
-.more_arrow .icon_arrow{border:5px solid transparent;position:absolute;left:auto;top:2px;border-top-color:#555;margin-top:5px;margin-left:5px}
-.more_arrow.up .icon_arrow{border-top-color:transparent;margin-top:0px;border-bottom-color:#555}
-/*<span class="more_updown"><em class="icon_arrow up"></em></span>*/
-/*//241121 업 다운 화살표*/
-
-/*페이징*/
-.bottom_paging_box{position:relative;margin-top:18px;text-align:center;line-height:20px}
-.comment_wrap .bottom_paging_box{border-top:1px #eee solid}
-.result .bottom_paging_box{margin:20px 0 25px}
-
-.bottom_paging_box a,.bottom_paging_box em,.bottom_paging_box span{display:inline-block;margin-left:9px;font-size:14px;font-weight:bold}
-.tx-list .tx-dccone .bottom_paging_box a{width:auto}
-.bottom_paging_box a:first-child,.bottom_paging_box em:first-child{margin-left:0}
-.page_prev{padding:0 5px 0 0px}
-.page_next{padding:0 0px 0 5px}
-.bottom_paging_box em{text-decoration:underline;color:#d31900}
-.bottom_paging_box a.search_prev,.bottom_paging_box a.search_next{/*position:absolute;top:0*/font-weight:normal}
-.search_prev{left:17px}
-.search_next{right:17px}
-.icon_prev_search,.icon_next_search{display:inline-block;width:5px;height:9px;vertical-align:1px}
-.icon_prev_search{background-position:-43px -45px;margin-right:6px}
-.icon_next_search{background-position:-36px -45px;margin-left:6px}
-
-/*220303 아이콘 형*/
-.iconpaging .icon_prev_search, .iconpaging .icon_next_search{width:10px;height:11px;vertical-align:0}
-.iconpaging .icon_prev_search{background-position:-1px -46px;margin-right:5px}
-.iconpaging .icon_next_search{background-position:-15px -46px;margin-left:5px}
-
-.bottom_paging_box.iconpaging{font-size:0}
-.iconpaging .page_first, .iconpaging .page_prev,.iconpaging .page_next, .iconpaging .page_end{font-size:0!important;padding-top:0!important;vertical-align:2px}
-
-.iconpaging .page_first, .iconpaging .page_end{width:13px;height:14px;padding:0}
-.iconpaging .page_prev, .iconpaging .page_next{width:12px;height:14px;padding:0}
-
-.iconpaging .page_first{background-position:-1px -1px}
-.iconpaging .page_prev{background-position:-24px -1px;margin:0 10px 0 10px}
-
-.iconpaging .page_next{background-position:-1px -24px;margin:0 10px 0 19px}
-.iconpaging .page_end{background-position:-23px -24px;margin-left:0}
-
-
-/*//페이징*/
-
-/*버튼 페이징*/
-.pageing_box{text-align:right}
-.right_content .pageing_box{position:absolute;right:12px;top:14px;height:18px}
-.btn_next,.btn_prev{font-size:0}/*0522 크롬 outline업데이트 이슈로 font-size 추가*/
-.btn_next,.btn_prev,.page_num{display:inline-block;height:17px;line-height:17px;outline:none}/*201208 outline 추가*/
-.page_num{margin:7px 3px 0 3px;color:#444;vertical-align:-1px}
-.concept_wrap .page_num{overflow:hidden;margin:0;font-size:11px;color:#3b4890;font-family:tahoma,sans-serif;line-height:20px}
-.right_content .page_num{margin:1px 1px 0 0;color:#333}/*211118 폰트버그 margin:2px 1px 0 0*/
-.icon_prev,.icon_next{display:inline-block;width:17px;height:17px}
-.icon_prev{background-position:-56px -130px}
-.icon_next{background-position:-75px -149px}
-.on .icon_prev{background-position:-56px -149px}
-.on .icon_next{background-position:-75px -130px}
-.issuebox .concept_wrap .now_num{font-weight:normal}
-.btn_blueprev,.btn_bluenext{display:inline-block;overflow:hidden;width:20px;height:21px;vertical-align:top}
-.list_wrap .concept_wrap .btn_blueprev, .list_wrap .concept_wrap .btn_bluenext{margin-top:-1px}
-
-.right_content .btn_blueprev,.right_content .btn_bluenext{display:inline-block;width:18px;height:18px;vertical-align:top}
-.btn_bluenext{margin-left:-5px}/*211118 폰트버그 margin-left:-4px*/
-.right_content .btn_bluenext{margin-left:-5px}/*211118 폰트버그 margin-left:-4px*/
-.icon_blueprev,.icon_bluenext{display:inline-block;width:20px;height:21px}
-.btn_bluenext, .icon_bluenext{width:21px}
-.right_content .icon_blueprev,.right_content .icon_bluenext{width:18px;height:18px}
-.icon_blueprev{background-position:-56px -107px}
-.icon_bluenext{background-position:-76px -84px}
-.on .icon_blueprev{background-position:-56px -84px}
-.on .icon_bluenext{background-position:-76px -107px}
-.right_content .icon_blueprev{background-position:-56px -193px}
-.right_content .icon_bluenext{background-position:-74px -213px}
-.right_content .on .icon_blueprev{background-position:-56px -213px}
-.right_content .on .icon_bluenext{background-position:-74px -193px}
-.btn_whiteprev,.btn_whitenext{overflow:hidden;height:19px;outline:none}/*200521 크롬업데이트 이슈로 outline 추가*/
-.btn_whitenext{margin-left:0px}/*211118 폰트 버그 margin-left:-4px*/
-.icon_whiteprev{display:inline-block;width:19px;height:19px;background-position:-263px -129px;vertical-align:top}
-.icon_whitenext{display:inline-block;width:18px;height:19px;background-position:-282px -106px;vertical-align:top}
-.on .icon_whiteprev{background-position:-263px -106px}
-.on .icon_whitenext{background-position:-282px -129px}
-.btn_cate_paging{position:absolute;right:0;top:3px}/*마이너카테고리페이지 NEW 페이징*/
-.btn_cate_prev,.btn_cate_next{overflow:hidden;vertical-align:top;height:15px}
-.icon_cate_prev{display:inline-block;width:15px;height:15px;background-position:-248px -150px}
-.icon_cate_next{display:inline-block;width:15px;height:15px;background-position:-265px -167px}
-.on .icon_cate_prev{ display:inline-block;width:15px;height:15px;background-position:-248px -167px}
-.on .icon_cate_next{ display:inline-block;width:15px;height:15px;background-position:-265px -150px}
-/*210414 아웃라인 삭제*/
-.btn_box button[class*="prev"], .btn_box button[class*="next"],
-.pageing_box button[class*="prev"], .pageing_box button[class*="next"]
-{outline:none}
-
-/*mini*/
-.icon_whiteprev.lightpurple{background-position:0 -554px}
-.icon_whitenext.lightpurple{background-position:-56px -554px}
-.on .icon_whiteprev.lightpurple{background-position:-37px -554px}
-.on .icon_whitenext.lightpurple{background-position:-19px -554px}
-
-.icon_arrownext,.icon_arrowprev{display:block;width:10px;height:16px;margin:0 auto}
-.icon_arrowprev{background-position:-235px -744px}
-.icon_arrownext{background-position:-235px -762px}
-.on .icon_arrowprev{background-position:-247px -762px}
-.on .icon_arrownext{background-position:-247px -744px}
-
-/*//버튼 페이징*/
-
-/*버튼*/
-.btn_del{width:13px;height:13px;margin-left:4px;font-size:1px}
-/*200525 input 삭제버튼추가*/
-.btn_inputdel{width:9px;height:9px;font-size:0;}
-.icon_inputdel{display:inline-block;width:9px;height:9px;background-position:-181px -790px}
-.inputbox{position:relative}
-.inputbox input::-ms-clear{display:none}/*익스 input입력시 생기는 엑스버튼 처리*/
-.inputbox .btn_inputdel{position:absolute;top:0;;width:27px;height:auto;margin:9px 1px 0 -28px;vertical-align:middle;line-height:23px}
-.inputbox .btn_inputdel .icon_inputdel{vertical-align:top;margin-top:7px}
-/*//200525 input 삭제버튼추가*/
-.btn_whitepurple,.btn_lightpurple,.btn_lightgreen,.btn_yeongrey,.btn_white_ccc,.btn_yeongrey,.btn_blue,.btn_lightblue,.btn_grey,.btn_lightgrey,.btn_white,.btn_red,
-.btn_jeangrey,.btn_mediumgrey,
-.btn_lightergrey,/*221018 추가*/
-.btn_yeondu /*240528 추가*/
-{width:85px;height:40px;padding-right:2px;line-height:36px;margin-left:3px;border-width:1px 1px 3px 1px;border-style:solid;border-radius:2px;font-size:14px;font-weight:bold}/*211118 폰트 버그 line-height:38px*/
-.view_wrap .btn_whitepurple,.view_wrap .btn_lightpurple,.view_wrap .btn_blue, .view_wrap .btn_grey,.listwrap .btn_mediumgrey,.view_wrap .btn_mediumgrey, .view_wrap .btn_white,
-.listwrap .btn_whitepurple,.listwrap .btn_lightpurple,.listwrap .btn_blue, .listwrap .btn_grey, .listwrap .btn_white{width:82px;height:35px;line-height:31px}/*리스트 뷰*//*211118 폰트 버그 line-height:33px*/
-
-.btn_whitepurple.auto, .btn_lightpurple.auto, .btn_blue.auto, .btn_grey.auto, .btn_mediumgrey.auto, .btn_mediumgrey.auto, .btn_white.auto, .btn_green.auto{width:auto;padding:0 7px}/*210913 추가*/
-
-.btn_blue{background:#3b4890;border-color:#29367c;text-shadow: 0px -1px #1d2761;color:#fff}
-.btn_lightblue{background:#626da6;border-color:#3b4890;text-shadow: 0px -1px #4b559c;color:#fff}
-.btn_mediumblue{background:#0066cc;border-color:#0052a3;text-shadow: 0px -1px #0047bd;color:#fff }/*210514*/
-.btn_grey{background:#666;border-color:#444;text-shadow: 0px -1px #474747;color:#fff}
-.btn_lightgrey{background:#f9f9f9;border-color:#c4c4c4;text-shadow: 0px -1px #fff;color:#666}
-.btn_jeangrey{background:#ccc;border-color:#aaa;text-shadow: 0px -1px #bdbdbd;color:#fff}
-.btn_yeongrey{background:#bbb;border-color:#aaa;text-shadow: 0px -1px #bdbdbd;color:#fff}
-.btn_mediumgrey{background:#777;border-color:#444;text-shadow: 0px -1px #535353;color:#fff}
-.btn_white{background:#fff;border-color:#29367c;color:#29367c;margin-left:0}
-.btn_white_ccc{background:#fff;border-color:#ccc;color:#aaa;margin-left:0}
-.btn_whitepurple{background:#fff;border-color:#4f4dc6;color:#4f4dc6}
-.btn_red{display:inline-block;background:#ee3c24;border-color:#d31900;color:#fff;margin-left:0;text-align:center}
-.btn_green{background:#005952;border-color:#003e39;color:#fff;text-shadow: 0px -1px #1f6440}
-.btn_lightpurple{background:#6f6dd9;text-shadow: 0px -1px #4d4cce;color:#fff;border-color:#4f4dc6}/*mini*/
-.btn_yeonpurple{background:#9392c9;text-shadow: 0px -1px #7271b9;color:#fff;border-color:#6f6dd9}/*mini*/
-.btn_lightgreen{background:#669933;color:#fff;border-color:#509133}
-.btn_yeondu{background:#4fbe17;color:#fff;border-color:#2fa40e} /*240528 인물 추가*/
-/*210913*/
-.btn_yeongreen{background:#009933;border-color:#00701f;text-shadow: 0px -1px #00701f;color:#fff}
-.btn_yeonblue{background:#0071aa;border-color:#004f90 ;text-shadow: 0px -1px #004f90;color:#fff}
-.btn_tyeonblue{background:#0064FF;border:1px solid #0033cc;text-shadow: 0px -1px #1d2761;color:#fff}/*220808 추가(토스 버튼) 0056b3*/
-
-.btn_lighterblue{background:#717baf;border-color:#626da6;text-shadow: 0px -1px rgba(0,0,0, 0.3);color:#fff}/*221018 추가*/
-.btn_lightergrey{background:#efefef;border-color:#dbdbdb;color:#555}/*221018 추가*/
-
-.btnline_turquoise{width:auto;height:30px;line-height:28px;background:#fff;border:1px solid #006666;color:#006666;font-size:13px;font-weight:bold;border-radius:2px}/*221018 추가 라인 청록색 버튼*/
-.btn_orange{width:auto;height:30px;line-height:28px;background:#f3623b;border-radius:2px;border:1px #e7482e solid;color:#fff;font-weight:bold;font-size:13px;
-text-shadow: 0px -1px #f04a2d}/*221018 추가*/
-.btn_turquoise{width:auto;height:30px;line-height:30px;background:#006666;border-radius:2px;border:1px #004646 solid;color:#fff;font-weight:bold;font-size:13px;
-text-shadow: 0px -1px rgba(0,0,0, 0.3);}
-
-.certify_ch .btn_box a.angular, .certify_ch .btn_box a.btn_ipin.angular, .certify_ch .btn_box a.btn_phone.angular,
-.login_wrap .btn_box .btn_ipin.angular, .login_wrap .btn_box .btn_phone.angular,
-.btn_ipin.angular, .btn_phone.angular,
-.btn_toss/*220808 추가*/
-{width:auto;min-width:160px;height:31px;line-height:29px;padding:0 20px;vertical-align:top;border-radius:2px;box-sizing:border-box}/*211118 폰트 버그 line-height:31px*/
-/*//210913*/
-
-.btn_lightgreen.small,.btn_yeongrey.small,.btn_lightpurple.small,.btn_blue.small,.btn_lightblue.small,.btn_grey.small,.btn_jeangrey.small,.btn_white.small,.btn_red.small,
-.btn_lightgrey.small,.btn_red.small,.btn_green.small,.btn_yeonpurple.small, .btn_mediumblue.small, .btn_yeongreen.small, .btn_yeonblue.small,
-.btn_tyeonblue.small,/*220808 추가*/
-.btn_lighterblue.small/*221018 추가*/
-{height:31px;line-height:29px;margin-left:3px;border-width:1px;border-style:solid;border-radius:2px;font-size:12px;font-weight:bold}/*211118 폰트버그 line-height:30px*/
-
-.btn_lightpurple.smaller,.btn_blue.smaller,.btn_grey.smaller,.btn_lightgrey.smaller,.btn_red.smaller,.btn_jeangrey.smaller,.btn_green.smaller
-{width:auto;height:25px;line-height:23px;padding:0 11px;font-weight:normal;border-width:1px;border-style:solid;border-radius:2px;margin-left:0;font-size:12px}/*211118 폰트 버그 line-height:25px*/
-
-.btn_lightpurple.smallest,.btn_blue.smallest,.btn_grey.smallest,.btn_red.smallest,
-.btn_green.smallest,
-.btn_tyeonblue.smallest
-{width:auto;height:18px;line-height:16px;padding:0 4px;margin-left:0;border-style:solid;border-width:1px;border-radius:9px;font-size:11px;font-weight:normal}/*220808 클래스 .btn_tyeonblue.smallest 추가*/
-
-.btn_blue_round,.btn_lightpurple_round{display:inline-block;height:20px;line-height:18px;padding:0 14px;border-radius:10px;color:#fff;font-size:11px;text-align:center;box-sizing:border-box;overflow:hidden}/*210126 아웃라인 이슈로 추가*//*211118 폰트 버그 line-height:20px*/
-.btn_blue_round{border:1px solid #29367c;background:#3b4890;text-shadow: 0px -1px #1d2761}
-.btn_lightpurple_round{border:1px solid #4f4dc6;background:#6f6dd9;text-shadow: 0px -1px #4d4cce}
-.btn_white_round{display:inline-block;height:19px;line-height:16px;padding:0 8px;border:1px solid #d5d5d5;border-radius:50px;background:#fff;
-color:#3b4890;font-size:11px;text-align:center;box-sizing:border-box;vertical-align:text-top
-}/*211118 폰트 버그 line-height:18px 수정 vetical-align:text-top 추가*/
-.btn_white_round.font_jinlightpurple{color:#4f4dc6}
-.btn_white_round.line_blue{border-color:#29367c}
-.line_yeonblue{border-color:#3b4890;color:#29367c}
-.btn_blue_round.h21{height:21px;line-height:19px;font-size:12px}/*211118 폰트 버그 line-height:21px*/
-.btn_blue_round.small,.btn_lightpurple_round.small{height:18px;line-height:16px;padding:0 4px;border-radius:8px}/*211118 폰트 버그 line-height:18px*/
-.btn_white_round.h21{height:21px;line-height:21px;font-size:12px}
-.btn_red.round, .btn_lightpurple.round, .btn_yeondu.round{border-radius:50px}/*마이너/미니/인물*/
-.btn_grey_roundbg{background:#f3f3f3;border:1px #e8e8e8 solid;border-radius:50px }
-
-.btn_greybox{background:#f3f3f3;font-weight:bold}
-.listwrap .btn_blue.cartoon_make, .view_wrap .btn_blue.cartoon_make, .cartoon_make{width:100px}
-.btn_blue.small.btn_wfull{border-radius:0;width:100%;height:41px;line-height:39px;margin:7px 0 0 0;font-size:14px;overflow:hidden}/*210126 아웃라인 이슈로 추가*//*211118 폰트 버그 line-height:41px*/
-.btn_blue.small.btn_wrfull,.btn_lightpurple.small.btn_wrfull,.btn_grey.small.btn_wrfull{width:100%;height:35px;line-height:33px;margin:10px 0 0 0}/*211118 폰트 버그 line-height:35px;*/
-
-.btn_bott,.view_wrap .btn_blue.btn_bott,.list_wrap .btn_blue.btn_bott{width:auto}
-
-.btn_lightpurple.smallestgag,.btn_lightgreen.smallestgag,.btn_yeongrey.smallestgag,.btn_white_ccc.smallestgag
-{width:auto;height:17px;line-height:15px;padding:0 6px;text-align:center;border-width:1px;font-weight:normal;font-size:12px;text-shadow:none}/*211118 폰트 버그 line-height:17px*/
-
-/*221107 추가*/
-.btnrline_blue{display:inline-block;height:28px;line-height:28px;border-radius:50px;color:#29367c;border:1px #29367c solid;text-align:center}
-.btnrline_grey{display:inline-block;height:28px;line-height:28px;border-radius:50px;color:#999;border:1px #ccc solid;text-align:center}
-/*//221107 추가*/
-.btnrline_purple{display:inline-block;height:22px;padding:0 10px;line-height:22px;font-size:13px;border-radius:50px;color:#993399;border:1px #993399 solid;letter-spacing:-0.025em} /*230622 추가*/
-a.btnrline_purple:hover{text-decoration:none} /*230622 추가*/
-
-/*230404 추가*/
-.btn_blue.small.half,.btn_grey.small.half{width:49%;height:35px;line-height:33px}
-.btn_blue.small.half:first-child,.btn_grey.small.half:first-child{margin-left:0}
-/*//230404 추가*/
-
-button.smaller, button.small{overflow:hidden}/*210126 아웃라인 이슈로 추가*/
-
-/*231226 라인형태 추가*/
-.btn_circledel{width:16px;height:16px;position:absolute;right:7px;top:7px}
-.btn_circledel::before{content:"";display:block;width:16px;height:16px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -201px -1047px}
-.btn_circledel_line{width:18px;height:18px;position:absolute;right: 10px;top: 50%;transform: translateY(-50%)}
-.btn_circledel_line::before{content:"";display:block;width:18px;height:18px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -224px -1086px}
-
-/*//버튼*/
-
-/*select 디자인*/
-.select_box{position:relative;float:left}
-.select_box select{display:none}
-.select_area{position:relative;cursor:pointer}
-.bottom_array .option_box{position:absolute;width:100%;box-sizing:border-box;background:#fff}
-.bottom_array .option_box li{line-height: 21px;font-size: 14px;color: #29367c}
-.option_box li:hover{text-decoration:underline;;cursor:pointer}
-.option_box{position:absolute;width:100%;box-sizing:border-box;background:#f3f3f3;border:1px #ccc solid;padding:6px 5px 4px;z-index:20;}
-.option_box li{line-height:16px;font-size:11px;color:#555;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.option_box li:hover{text-decoration:underline}
-.select_arraybox .icon_option_more,.output_array .icon_option_more,.array_latest .icon_option_more{right:5px;top:7px;width:9px;height:5px;background-position:-126px -43px}
-/*큰 말머리*/
-.subject_select.select_box{clear:both;margin:10px 10px 0 0}
-.subject_select .select_area{width:102px;height:33px;padding:0 8px 0 11px;line-height:33px;border:1px solid #cecdce;background:#f3f3f3;font-size:14px;color:#333;font-weight:bold}/*211118 폰트 버그 line-height:35px;*/
-
-#write_wrap .subject_select .select_area{width:95px}/*글쓰기페이지 말머리*/
-
-.subject_select.nick_sel .select_area{width:86px}
-.subject_select.email_sel .select_area{width:129px}
-.subject_select .icon_option_more{position:absolute;right:12px;top:13px;width:13px;height:7px;background-position:-92px -43px}
-.subject_select .option_box{width:100%;padding:10px 8px 10px 11px;background:#fff;border:1px solid #ccc}
-.subject_select.nick_sel .option_box{padding:7px 8px 7px 11px}
-.option_box.white{background:#fff}
-.subject_select .option_box li{line-height:24px;font-size:14px;color:#333}
-.subject_select.nick_sel li{font-weight:bold}
-/*작은 말머리*/
-th .select_box{float:none}
-.subject_select.small.select_box{margin:0}
-.subject_select.small .select_area{width:51px;height:34px;padding:0;margin:0 auto;background:none;border:none;font-size:12px;text-align:left}
-.subject_select.small .icon_option_more{width:9px;height:5px;right:0;top:14px;background-position:-137px -43px}
-.subject_select.small .option_box{width:72px;padding:6px 5px 5px;border:1px solid #ccc;background:#f3f3f3;color:#333;text-align:left;z-index:1}
-.subject_select.small .option_box li{position:relative;width:64px;height:19px;line-height:19px;font-weight:normal;font-size:12px;
- text-overflow:ellipsis;overflow:hidden;white-space:nowrap
-}
-.option_box li.notsel{color:#bbb}/*말머리 선택 불가*/
-.option_box li.notsel:hover{cursor:default;text-decoration:none}
-
-/*게시물 출력개수, 게시물 정렬옵션*/
-.output_array{float:right;padding-top:15px}
-.listwrap .output_array{padding-top:11px}
-.output_array .select_box{margin:0 2px 0 0}
-.output_array .select_area{width:41px;height:19px;line-height:19px;padding:0 5px;border:1px solid #ccc;background:#fff;font-size:11px}/*211118 폰트 버그 line-height:21px*/
-.array_sel .select_area{width:56px}
-.output_array .option_box{padding:6px 5px 4px;background:#f3f3f3;border:1px solid #ccc}
-.output_array .option_box li{line-height:16px;font-size:11px;color:#555}
-.output_array .option_box li:hover{text-decoration:underline}
-/*갤러리 내부 검색 */
-.bottom_array{width:123px;height:36px;border:1px solid #29367c;background:#3b4890}
-.bottom_array .bottom_option_more{display:block;width:37px;height:36px;background:#3b4890}
-.bottom_array .select_area{display:block;width:109px;height:30px;padding-left:8px;line-height:30px;margin:3px 0 0 3px;background-color:#fff;font-size:14px;color:#29367c}
-.bottom_array .select_area .inner{position:absolute;right:0px;top:0px;width:34px;height:30px;background-color:#3b4890}
-.bottom_array .icon_option_more{position:static;width:15px;height:9px;margin:10px 0 0 10px;background-position:-150px -42px}
-.bottom_array .option_box{width:103px;box-sizing:content-box;padding:6px 9px 5px;border:2px solid #29367c;line-height:21px;font-size:14px;color:#29367c}
-
-.miniwrap .bottom_array{border:1px solid #4f4dc6;background:#6f6dd9}
-.miniwrap .bottom_array .bottom_option_more{background:#6f6dd9}
-.miniwrap .bottom_array .select_area{color:#4f4dc6}
-.miniwrap .bottom_array .select_area .inner{background-color:#6f6dd9}
-.miniwrap .bottom_array .option_box{border:2px solid #4f4dc6;}
-.miniwrap .bottom_search{height:36px;margin-left:5px;border:1px solid #4f4dc6;background:#6f6dd9}
-.miniwrap .bottom_search .bnt_search{width:37px;height:36px;background-position:-110px -744px}
-
-/*갤러리명,디시콘명 정렬*/
-.option_sort:after{clear:both;display:block;visibility:hidden;content:""}
-.option_sort .select_arraybox{background:#f3f3f3;padding:0 19px 0 9px;margin-left:0;font-size:12px;color:#555}
-.option_sort .select_arraybox .option_box{box-sizing:content-box;background:#fff;padding:9px}
-.option_sort .select_arraybox .option_box li{font-size:12px}
-.reply .option_sort.dccon .select_arraybox .option_box li{padding:0;border-top:none}/*220520 리플 디시콘 레이어 */
-.option_sort .select_arraybox .icon_option_more{top:11px;right:-11px;width:11px;height:7px;background-position:-169px -232px}
-
-.option_sort .select_arraybox .option_box li{line-height:22px}
-.option_sort.dccon .select_arraybox{float:left;width:56px;height:27px;line-height:27px}/*211118 폰트 버그 line-height:29px*/
-.option_sort.dccon .select_arraybox .option_box{width:66px}
-.option_sort .select_arraybox .option_box li{line-height:20px}
-/*댓글 정렬*/
-.comment_count .select_box.array_latest{position:absolute;margin-top:8px;margin-left:8px}/*211118 폰트 버그 margin-top:9px*/
-.comment_count .num_box{width:50%}
-.select_box.array_latest,.select_arraybox{float:none;display:inline-block;width:55px;height:19px;padding-left:5px;border:1px solid #ccc;margin-left:4px;
- font-size:11px;background:#fff;color:#333;line-height:18px;vertical-align:1px
-}/*211118 폰트 버그 line-height:21px;*/
-.array_latest .select_area{font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.comment_count .option_box{width:62px}
-.under_catelist .select_box.array_latest{float:right;width:60px;margin:-3px 0 0}/*지하갤 레이어*/
-.under_catelist .option_box{width:67px}/*지하갤 레이어*/
-/*//select 디자인*/
-
-/*체크 라디오 버튼 디자인 공통*/
-.checkmark{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png);background-repeat:no-repeat}/*churl*/
-/*라디오 버튼 디자인*/
-.radiobox{position:relative;display:inline-block;line-height:31px;padding-left:23px}
-.radiobox input[type="radio"]{position:absolute;left:0;top:8px;margin:0;opacity:0;z-index:2;cursor:pointer}
-.radiobox input + .checkmark{position:absolute;top:8px;left:0;display:block;width:14px;height:14px;background-position:-193px -44px;border-radius:50%}
-.radiobox input:checked + .checkmark{top:8px;left:0px;width:14px;height:14px;border-radius:50%;background-position:-175px -44px;z-index:1}
-.radiobox.white input + .checkmark{background-position:-205px -214px}
-.radiobox.white input:checked + .checkmark{background-position:-186px -214px}
-.radiobox.big input[type="radio"]{left:0;top:-13px;width:50px;height:50px}
-.radiobox.big input + .checkmark{left:0;top:-13px;width:50px;height:50px;background-position:-142px -364px}
-.radiobox.big input:checked + .checkmark{left:0px;top:-13px;width:50px;height:50px;background-position:-142px -310px}
-.radiobox.small{line-height:18px}/*211118 폰트 버그 line-height:20px*/
-.radiobox.small input[type="radio"]{position:absolute;left:0;top:3px}/*211118 폰트 버그 top:4*/
-.radiobox.small input + .checkmark{left:0;top:3px;width:12px;height:12px;background-position:-233px -201px}/*211118 폰트 버그 top:4*/
-.radiobox.small input:checked + .checkmark{left:0px;top:3px;width:12px;height:12px;background-position:-218px -201px}/*211118 폰트 버그 top:4*/
-
-.radiobox.middle{line-height:25px}
-.radiobox.middle input[type="radio"]{left:0;top:2px;width:27px;height:27px}
-.radiobox.middle input + .checkmark{left:0;top:2px;width:27px;height:27px;background-position:-234px -548px}
-.radiobox.middle input:checked + .checkmark{left:0px;top:2px;width:27px;height:27px;background-position:-263px -548px}
-.radiobox.middle label{font-size:16px;color:#333;font-weight:bold;margin-left:9px;vertical-align:top;line-height:28px}
-.minor_make_wrap .mini_openset .radiobox.middle input[type="radio"]{width:280px;height:110px;left:-18px;top:-19px}/*200810 미니갤러리 만들기 클릭영역 확장*/
-.minor_make_wrap .mini_openset .checkbox input[type="checkbox"]{width:298px;height:110px;left:-61px;top:-24px }/*200810 미니갤러리 만들기 클릭영역 확장*/
-
-.bottom_paging_box .radiobox em.checkmark{margin-left:0}
-/*//라디오 버튼 디자인*/
-/*체크박스 디자인*/
-.checkbox{position:relative;display:inline-block;vertical-align:top;padding-left:13px;line-height:14px}/*211118 폰트 버그 line-height:14px 추가 */
-.checkbox input[type="checkbox"]{position:absolute;left:0;top:0;margin:0;opacity:0;z-index:2;cursor:pointer}
-.checkbox input + .checkmark{position:absolute;top:0;left:0;display:block;width:14px;height:14px;background-position:-264px -184px}
-.checkbox input:checked + .checkmark{top:0;left:0px;width:14px;height:14px;background-position:-248px -184px;z-index:1}
-.checkbox.type1{padding-left:23px}
-.checkbox.type1 input[type="checkbox"]{width:17px;height:17px}
-.checkbox.type1 input + .checkmark{position:absolute;top:0;left:0;display:block;width:17px;height:17px;background-position:-197px -294px}
-.checkbox.type1 input:checked + .checkmark{top:0;left:0px;width:17px;height:17px;background-position:-197px -275px;z-index:1}
-/*//체크박스 디자인*/
-/*체크박스 라운드*/
-.checkbox.round{padding-left:0;z-index:0}
-.round_check + .round_label {position:relative;display:block;width:36px;height:19px;font-size:12px;text-indent:0;border-radius:2.25rem;
-;background-color:#ccc;cursor:pointer;outline:none;
- -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
- z-index:1
-}
-.round_check + .round_label::before {position:absolute;top:2px;left:2px;display:block;width:15px;height:15px;background-color:#fff;border-radius:2.25rem;
- content:"";
- -webkit-transition:background 0.2s, -webkit-transform 0.2s;
- transition:background 0.2s, -webkit-transform 0.2s;
- transition:background 0.2s, transform 0.2s;
- transition:background 0.2s, transform 0.2s, -webkit-transform 0.2s;
-}
-.round_check:checked + .round_label {background-color:#4f4dc6}
-.round_check:checked + .round_label::before {background-color:#fff;-webkit-transform:translateX(17px);transform:translateX(17px)}
-.checkbox.round .round_label .inr{position:absolute;left:-41px;top:1px;font-size:16px;font-weight:bold;}
-/*220331 라운드 체크박스 -파랑색 (검색어 저장)*/
-.checkbox.round.blue input[type="checkbox"]{width:108px;height:19px;left:-70px}
-.checkbox.round.blue .round_label .inr{position:absolute;left:-70px;top:1px;font-size:16px;font-weight:bold;}
-.blue .round_check:checked + .round_label{background:#3b4890}
-.blue .round_check + .round_label{background:#888}
-/*//체크박스 라운드*/
-
-
-
-/*input 입력불가*/
-input[type="checkbox"]:disabled ~ .checkmark, input[type="radio"]:disabled ~ .checkmark,
-.disabled ~ .checkmark, .disabled ~ .checkmark
-{opacity:0.3;filter:alpha(opacity=3)}
-input[type="checkbox"]:disabled, input[type="radio"]:disabled,input[type="checkbox"]:disabled ~ label, input[type="radio"]:disabled ~ label,
-.disabled, .disabled, .disabled ~ label, .disabled ~ label
-{color:#999}
-
-/*input file*/
-.file_imgupbox,.file_bntup{position:relative;margin-top:10px}
-.file_imgupbox > input[type="file"],.file_bntup > input[type="file"]{position:absolute;left:0;top:0;width:140px;height:25px;opacity:0;filter:alpha(opacity=0);cursor:pointer}
-.file_imgupbox > input[type="file"]::-webkit-file-upload-button,.file_bntup > input[type="file"]::-webkit-file-upload-button, input[type="file"]::-webkit-file-upload-button{cursor:pointer}/*크롬 file 커서포인터 문제*/
-/*//input file*/
-
-/*회원가입,로그인 폼*/
-.form_group{margin-top:25px}
-.form_group.pw + .form_group.nick{margin-top:22px}
-.login_wrap .form_group{margin-top:15px}
-.login_wrap .form_group.email{margin-top:28px}
-
-.form_group:first-of-type{margin-top:0}
-.form_group::after{clear:both;display:block;visibility:hidden;content:""}
-.form_tit,.form_txt{float:left}
-.form_tit{width:177px;height:35px;line-height:35px;font-size:14px;color:#333;font-weight:bold}
-.login_wrap .form_tit, .join_wrap .form_tit{width:193px} /*210913*/
-.form_txt{width:500px}
-.join_wrap .form_txt{width:506px}
-.int{width:100%;height:35px;padding:0px 9px 0 9px;line-height:35px;border:1px #cecdce solid;box-sizing:border-box;font-size:14px;color:#555}/*211118 폰트 버그 line-height:33px*/
-.int.typetxt{background: none;border: 0;font-weight: bold;padding-left: 0;outline: none}/*231207 .int.typetxt 관련 추가*/
-.int.typetxt + .tip_msgbox{margin-top: 3px}
-.int.bg{background:#f3f3f3}
-input.int.bg:-webkit-autofill,
-input.int.bg:-webkit-autofill:hover,
-input.int.bg:-webkit-autofill:focus,
-input.int.bg:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 100px #f3f3f3 inset !important;
--webkit-text-fill-color:#555 !important;
-}
-.nick .form_txt .int{float:left;width:386px}
-.email .form_txt .int{float:left;width:155px}
-.pw_check.int{margin-top:7px}
-.rule_out.int{background: #edefff} /*200602 비밀번호 조건 불일치시 배경*/
-.select_box.subject_select.nick_sel,.select_box.subject_select.email_sel{float:left;margin:0 0 0 7px;clear:none}
-.form_txt .deco_mail{float:left;padding:0 8px 0 8px;font-size:16px;color:#333;font-weight:bold;line-height:35px}
-.tip_msgbox{clear:both;margin-top:11px;font-size:12px;color:#999;text-align:left}
-.changform_box .tip_msgbox{margin-bottom:3px}
-.form_group.email .tip_msgbox{line-height:20px;margin-left:1px}/*210913*/
-
-.tip_msg.ok,.tip_msg.txt{color:#555}
-.tip_msg.error{color:#d31900}
-
-.join_wrap .subject_select.nick_sel .select_area, .login_wrap .subject_select.nick_sel .select_area{position:absolute}/*210914 브라우저배율 이슈 대응*/
-.join_wrap .subject_select.nick_sel .option_box, .login_wrap .subject_select.nick_sel .option_box{width:107px}/*210914 브라우저배율 이슈 대응*/
-.join_wrap .subject_select.email_sel .select_area, .scrt_agreen_con .subject_select.email_sel .select_area{position:absolute}/*210913 브라우저배율 이슈 대응*/
-.join_wrap .subject_select.email_sel .option_box, .scrt_agreen_con .subject_select.email_sel .option_box{width:150px}/*210913 브라우저배율 이슈 대응*/
-
-
-
-/*회원가입 로그인*/
-.con_box{margin:25px 0 7px}
-.con_box.brd{min-height:398px;border:1px #cecdce solid;border-radius:5px}
-.con_box.brd.nomin{min-height:auto}/*210913*/
-.con_box.bluebrd{border:2px #29367c solid;border-radius:5px}
-.con{padding:58px 0 58px;margin:0 auto}
-.con.changform_box{padding:78px 0 73px;position:relative}/*210913*/
-.con.innerbox{width:660px}
-.login_wrap .con.innerbox{width:605px}
-.login_wrap .member_out .con.innerbox {width:650px}
-.con.innerbox .info_txt{padding-left:5px}
-.login_wrap .con.innerbox .info_txt{padding-left:13px;word-break:keep-all}
-.con .tit{font-size:14px}
-.con.innerbox .tit{padding-left:4px}
-.con.center{padding-top:130px;text-align:center;line-height:25px;font-size:14px;color:#555}
-.con.center .tit{display:block;font-size:16px;color:#d31900}
-.con.center .txt{margin-top:5px}
-.con.center .btn_box{margin-top:11px}
-.con.center .btn_box{margin-top:11px}
-.con.center .int[type="password"]{width:290px;margin-top:9px}
-.bg_box{padding:43px 0 47px;margin:26px 0 35px;background:#f3f3f3;border-radius:2px;text-align:center;font-size:14px;color:#333}
-.form_box{width:290px;margin:0 auto}
-.login_wrap .con.innerbox.w552, .w552{width:552px}
-/*220808 추가*/
-
-/*210913*/
-.con.innermg{margin:49px 87px 45px;padding:0}
-
-/*캡차 코드*/
-.kaebcha_box{position:relative;display:inline-block;height:33px;border:1px #cecdce solid;font-size:0}
-.kaebcha_box .kap_codeimg{display:inline-block;width:125px;margin:0;line-height:0}
-.kaebcha_box .kap_codeimg img{width:125px;height:33px}
-.kaebcha_box .input_kapcode{display:inline-block;width:95px;height:33px;line-height:33px;padding:0 13px;vertical-align:top;border:none;;font-size:14px;color:#555}/*211118 폰트 버그 line-height:34px*/
-
-.email_agree .bg_box{margin:13px 0 0;padding:16px 17px 13px;text-align:left;color:#555;font-size:12px }
-.email_agree .bg_box b{color:#333}
-.email_agree .agree_check{padding-top:8px}
-.email_agree .checkbox{padding-left:19px;line-height:20px}
-.email_agree .checkbox label{display:block;margin-top:-4px}/*211118 폰트 버그 margin-top:-3px */
-/*인증 코드 입력*/
-.incode_wrap{margin-top:14px}
-.incode_wrap .code_inputbox{float:left;width:216px;border:1px #29367c solid}
-.incode_wrap .code_input{float:left;width:145px;height:33px;line-height:33px;padding:0 9px;border:none;background:#fff;font-size:14px;color:#555}
-.incode_wrap .btn_codeok{float:right;width:53px;height:33px;border-left:1px #29367c solid;background:#3b4890;color:#fff;font-weight:bold;text-shadow: 0px -1px #1d2761;line-height:33px}/*211118 폰트 버그 line-height:33px 추가*/
-.incode_wrap .btn_white.small.btn_recode{float:left;width:120px;height:35px;line-height:33px;border-radius:0;margin-left:5px;}/*211118 폰트 버그 line-height:35px*/
-.incode_wrap .btn_white.small.btn_change{float:right;width:150px;height:35px;line-height:33px;border-radius:0;margin-left:7px}/*211118 폰트 버그 line-height:35px*/
-.incode_wrap .tip_msg{margin-top:7px;font-size:12px;color:#555;line-height:22px}
-.incode_wrap .tip_msg b{padding:0 4px 0 6px}
-
-.email_agreemsg{margin-top:14px;color:#333;font-weight:bold;letter-spacing:-0.025em;text-indent:-2px}
-.tip_msg + .email_agreemsg{margin-top:8px}
-
-/*보안코드 발급 / 231207 회원가입 정책 변경 추가*/
-.con.security_codewrap{color:#333}
-
-.security_codewrap .securitybox{padding:44px 44px 39px;background:#edf1ff;border-radius:3px}
-.security_codewrap .codebox{text-align:center;font-size:16px}
-.security_codewrap .codebox strong, .security_codewrap .codebox b{display:block}
-.security_codewrap .codebox b{letter-spacing:-0.025em}
-.security_codewrap .code{margin-top:7px;font-family:"Tahoma",sans-serif;font-size:30px;color:#e50017}
-.security_codewrap .code.id{color:#006633;margin-top: 0}
-.security_codewrap .codebox .code + .code{margin-top: 4px}
-
-.security_codewrap .util{margin-top:25px;font-size:0;text-align:center}
-.btn_cdis{width:100px;height:100px;background:#fff;border-radius:100%;margin-left:20px;text-align:left;position: relative}
-.btn_cdis:first-child{margin-left:0}
-.btn_cdis > .txt{position: absolute;bottom: -26px;left: 50%;transform: translateX(-50%);white-space: nowrap;color: #29367c}
-
-.codedown::after, .codeshot::after, .codeprint::after, .codeclip::after{content:"";display:block;background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_util.png);background-repeat:no-repeat}
-.codedown::after{width:52px;height:64px;background-position:-1px 0px;margin-left:22px;margin-top:1px}
-.codeshot::after{width:58px;height:57px;background-position:-61px 0px;margin-left:26px}
-.codeprint::after{width:52px;height:57px;background-position:-127px -1px;margin-left:23px;margin-top:-1px}
-.codeclip::after{width:56px;height:57px;background-position:-185px -1px;margin-left:23px;margin-top:-1px}
-
-.security_codewrap .securitybox .tip_msg{margin-top:27px;margin-left:7px;font-size:12px;line-height:22px}
-.security_codewrap .tip_msg{margin-top:42px;margin-left:13px;font-size:14px;line-height:24px;word-break:keep-all}
-.security_codewrap .tip_msg p:first-child{margin-top:0}
-.security_codewrap .tip_deco_dot{margin-right:7px;margin-left:-9px}
-
-.security_codewrap.info .con > .tit{font-size: 14px;text-decoration: underline}
-.security_codewrap.info .con > .tit + .info_txt{margin-top: 4px}
-.security_codewrap.info .con > .info_txt{font-size: 14px;word-break: keep-all;margin-top: 0}
-.security_codewrap.info .code{font-size: 26px}
-.security_codewrap.info .util{margin-top: 27px}
-.security_codewrap.info .btn_cdis{margin-bottom: 32px}
-.security_codewrap.info .securitybox{padding: 35px 39px 38px;margin-top: 26px}
-.security_codewrap.info .securitybox .tip_msg{margin-top: 22px}
-.security_codewrap.info .con > .tip_msg{margin-top: 22px}
-/*//231207 회원가입 정책 변경 추가*/
-
-/*//210913*/
-
-
-/* 200602 비밀번호 규칙 변경 */
-.pw_rule{font-size: 12px;text-align: left;position: relative}
-.pw_rule .pw_tip{margin-top: 11px;}
-.pw_rule .step_tit, .pw_rule .tip_tit{color: #333;line-height: 20px;font-size: 12px;font-weight: bold;padding-left: 0}
-.pw_rule .pw_step{margin-top: 7px}
-.pw_step .impsb_txt{color: #d31900;line-height: 18px;margin-top: 8px;padding: 0;min-width: 300px;}
-
-.pw_rule + input[type="password"]{margin-top: 15px}
-.pw_rule .checkbox{padding-left: 0;color: #666;display: block;line-height: 20px}
-.pw_rule .chklbl{position:relative;display:inline-block;padding-left: 20px}
-.pw_rule .chklbl::before{position:absolute;top:3px;left:0;content:"";width:14px;height:14px;background-color:#ccc;border-radius:50%}
-.pw_rule .chklbl::after{content:"";width:10px;height:9px;position:absolute;top:0;left:0;margin: 7px 0 0 2px;background: url(https://nstatic.dcinside.com/dc/w/images/checkbox.png) no-repeat 0 0;background-size:10px 8px}
-.pw_rule .checkbox.on .chklbl::before{background-color:#4b58a7}
-.btn_pw_info{width: 14px;height: 14px;overflow: hidden;margin: -2px 0 0 -2px}
-.icon_pwinfo_open{display:inline-block;width:13px;height:13px;background-position:-242px -229px;vertical-align:top}
-
-.step_box .btm_box{width: 100%;height: 10px;overflow: hidden;background: #cfcfcf;font-size: 0;margin-top: 5px;position: relative;}
-.step_box.impossible .step_txt::before, .step_box.normal .step_txt::before, .step_box.safe .step_txt::before{content: ":";position: relative;left:-3px;color: #000;margin-left: 2px;}
-.step_box .btm_box::before, .step_box .btm_box::after{content: "";width: 1px;height: 100%;background: #fff;display: inline-block;position: absolute;z-index:2;}
-.step_box .btm_box::before{left: 33.333%;}
-.step_box .btm_box::after{right: 33.333%;}
-.step_box .btm_box .bar{width: 33.333%;height: 100%;position:absolute;top:0;}
-.step_box.impossible .bar{background: #d31900;left:0}
-.step_box.normal .bar{background: #ff9933;left:33.333%}
-.step_box.safe .bar{background: #008140;right:0;}
-.step_box.impossible .step_txt{color:#d31900}
-.step_box.normal .step_txt{color: #ff9933}
-.step_box.safe .step_txt{color: #008140}
-
-/*캡차코드*/
-.kap_codeimg{width:140px;margin-top:9px}
-.kap_codeimg img{width:100%;height:31px}
-.cmt_write_box .kap_codeimg{width:140px;margin-top:0;border:1px solid #cecdce;border-width:0 1px 1px 1px}/*댓글*/
-.album .cmt_write_box .kap_codeimg{width:125px}
-.cmt_write_box .kap_codeimg img{display:block;height:38px}/*댓글*/
-
-/*컨텐츠 타이틀*/
-.cont_head{height:32px;vertical-align:top;border-bottom:2px solid #29367c}
-.head_tit a,.head_tit{color:#29367c;font-size:14px;vertical-align:-3px}
-
-/*댓글*/
-.comment_wrap{overflow:hidden;width:100%;height:38px;margin-top:15px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px;color:#333}
-.comment_wrap.show,.gall_listwrap.album .comment_wrap.show,.comment_box .reply.show{/**/overflow:visible;height:100%}/*댓글 답글 열림*/
-.comment_box .reply.show:after{clear:both;display:block;visibility:hidden;content:""}
-.icon_red_show,.icon_red_hide/*,.icon_blue_show,.icon_blue_hide 답글쓰기 삭제로 삭제하기*/{display:inline-block;width:9px;height:5px;margin-left:5px}
-.icon_red_show{background-position:-128px -50px;vertical-align:1px}
-.icon_red_hide{background-position:-121px 0;vertical-align:2px}
-.gall_listwrap.album .comment_wrap{height:38px;margin-top:0}
-.comment_count{height:38px;line-height:38px;font-weight:bold}
-.comment_count .checkbox input[type="checkbox"]{top:11px}
-.comment_count .checkbox input + .checkmark{top:11px}
-.comment_count .checkbox input:checked + .checkmark{top:11px}
-.comment_count:after{clear:both;display:block;visibility:hidden;content:""}
-.cmt_bg_box{padding:0 15px;background:#f3f3f3;border:1px solid #eee;border-width:1px 0 1px 0}
-.btn_setreply{overflow:hidden;height:21px;margin:-1px 0 0 71px}
-.icon_setreply{display:inline-block;width:21px;height:21px;;background-position:-143px -275px}
-.reply .cmt_bg_box{border:1px solid #ddd;border-width:1px 0 0px 0}
-.cmt_bg_box.comment_more,.cmt_bg_box.reply_more{padding:0;text-align:center}
-.bnt_comment_more,.bnt_reply_more{width:100%;height:38px;color:#555;font-weight:bold;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px}
-.icon_comment_more{display:inline-block;width:11px;height:6px;margin-left:7px;background-position:-115px -50px;vertical-align:1px}
-.bnt_reply_more.close .icon_comment_more{background-position:-102px -50px}
-.btn_cmt_close,.btn_cmt_close span,.btn_cmt_refresh,.btn_cmt_open, .comment_wrap .contgo{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px;color:#333;font-weight:bold;outline:none}/*201217 .comment_count .contgo 추가*/
-.comment_count > .fr{font-size:0}/*201217*/
-.comment_count > .fr > *::before, .bottom_paging_box > .cmt_inner > *::before, .ltrwrap .usertxt span::before
-{content:"";display:inline-block;width:1px;height:12px;margin:0 10px 0 9px;background:#ccc;vertical-align:-1px}/*220221 디시로터리 추가*/
-.comment_count > .fr > *:first-child::before, .bottom_paging_box > .cmt_inner > *:first-child::before, .ltrwrap .usertxt span:first-child::before{display: none}/*220221 디시로터리 추가*/
-.bottom_paging_box > .cmt_inner > .btn_cmt_close span{margin-left:0}/*201217*/
-.comment_count > .fr > .btn_cmt_refresh::before, .bottom_paging_box > .cmt_inner > .btn_cmt_refresh::before{margin-left:11px}/*201217*/
-.comment_wrap .contgo{vertical-align:middle;line-height:15px}/*201217*/
-.comment_wrap .bottom_paging_box .contgo{vertical-align:middle;line-height:15px}/*201217*/
-.comment_wrap .contgo:hover{text-decoration:none}/*201217*/
-
-.icon_cmt_more{display:inline-block;width:9px;height:5px;background-position:-115px -43px;margin-left:4px;vertical-align:2px}
-.btn_cmt_close .icon_cmt_more{background-position:-84px -52px}
-.btn_cmt_refresh .icon_cmt_more{vertical-align:2px}
-.cmt_info{position:relative;padding:9px 12px 7px;border-top:1px solid #eee}
-.view_comment .cmt_info{padding:9px 3px 7px 3px}
-
-.dory .cmt_info{padding:12px 2px}
-.reply_list li.dory .cmt_txtbox{margin:3px 0}
-.album .dory .cmt_info{padding:12px 12px 10px}
-.cmt_list li:first-child .cmt_info{border-top:none}
-.cmt_bg_box .cmt_info{padding-top:19px}
-.cmt_txtbox{float:left;width: 820px;cursor: pointer}/*240905 더블디시콘 답글 클릭 영역 관련 추가*/
-.reply .cmt_txtbox{cursor: default}/*240905 더블디시콘 답글 클릭 영역 관련 추가*/
-.cmt_info p{line-height:20px}
-.usertxt,.comment_wrap .comment_dccon{width:820px;cursor:pointer}
-.usertxt{float:left;line-height:20px;cursor:pointer;word-break:break-all;overflow:hidden}
-.album .usertxt,.album .comment_wrap .comment_dccon{max-width:518px/*518px*/}
-.event_wrap .usertxt{cursor:default}
-.uservoice{margin-top:6px}
-.date_time{float:left;font-size:12px;color:#999;vertical-align:top;margin-top:1px}/*211118 폰트 버그 margin-top:3px*/
-.dory .date_time{display:none}
-.reply_info{position:relative}
-.cmt_list li:first-child .reply{padding:12px 0;border-top:none}
-.cmt_list li:first-child .reply li:first-child{margin-top:0}
-.reply_info .usertxt,.del_reply,.reply_info .comment_dccon{position:relative;width:774px;padding-left:16px;cursor:default}
-.reply .comment_dccon{padding-left:16px}
-.reply_info .usertxt::before,.reply_info .comment_dccon::before{content:" ";position:absolute;left:-0px;top:3px;display:block;width:8px;height:8px;
-background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat;background-position:-283px -200px}/*churl*/
-.del_reply{color:#999;line-height:20px;padding-left:0;float:left}
-.album .reply_info .usertxt,.album .reply_info .comment_dccon{width:468px}
-.comment_box .reply{overflow:hidden;height:0}
-.reply_box{margin:0px 0 12px 30px;padding:0px 0 0;border:1px solid #ddd;background:#fafafa;border-width:0 1px 1px 1px}
-li:first-child .reply_box{margin:0px 0 0px 30px}
-.reply_list li{padding:9px 12px 7px;border-top:1px solid #ddd}
-.reply_list li:first-child{margin-top:0px}
-
-
-
-/*이전 갤러리 본문 댓글*/
-.beforegall .comment_wrap{height:40px}
-.beforegall .comment_wrap.show{height:100%}
-.beforegall .view_comment .comment_box .bottom_paging_box{border-bottom:2px solid #3b4890}
-.beforegall .reply_box{border-width:0 1px 0px 1px}
-.beforegall .reply_list li{border-top:0;border-bottom:1px solid #ddd}
-.beforegall .reply_list li:first-child{border-top:1px solid #ddd}
-/*댓글입력*/
-.bor_btm_ddd1{border-bottom:1px solid #ddd}
-.cmt_write_box{padding:12px 12px 12px;background:#fafafa;border-top:2px solid #3b4890}
-.view_comment{position:relative}
-.view_comment .cmt_write_box{border-bottom:2px solid #3b4890}
-.cmt_write_box.small{background:transparent;border-top:none;border-bottom:none}
-.reply .cmt_write_box.small{border-top:1px solid #ddd}
-.reply_list li .cmt_write_box.small{border-top:none;padding:3px 0 5px}
-.reply_list li .cmt_write_box{padding:0}
-.cmt_write{position:relative}
-.cmt_textarea_label{position:absolute;left:0;top:0;font-size:12px;color:#999;line-height:18px;padding:13px}
-.cmt_txt_cont{float:right}
-.cmt_txt_cont textarea{width:956px;height:78px;padding:13px;border:1px solid #cecdce;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px;color:#333;line-height:18px}
-.cmt_write_box.small .cmt_txt_cont textarea{width:927px}
-
-.gall_listwrap.album .cmt_txt_cont textarea{width:653px}
-.gall_listwrap.album .cmt_write_box.small .cmt_txt_cont textarea{width:621px}
-.user_info_input{position:relative;width:140px;height:30px;margin-top:5px;border:1px solid #cecdce;background:#fff}/*230619 position:relative 추가*/
-.user_info_input:first-child{margin-top:0px}
-.user_info_input input,.cmt_write_box .user_info_input.id > label{width:126px;height:28px;line-height:29px;padding:1px 7px 1px;border:none;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:12px;vertical-align:top}/*211118 폰트 버그 padding:2px 7px 0;*/
-.user_info_input.id input,.cmt_write_box .user_info_input.id > label{background:#f3f3f3}
-.user_info_input.id input,.user_info_input.id label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.cmt_write_box .user_info_input.id > label{display:block}
-.album .user_info_input{width:125px}
-.album .user_info_input input{width:111px}
-
-/*230619 비회원 갤닉네임 / 231226 .btn_circledel 상단 버튼쪽으로 옮김*/
-.user_info_input.nomem_nick input, .btn_gallnickuse, .nomem_nick .put_inquiry{color:#29367c}
-.btn_gallnickuse{position:absolute;right:0px;top:0px;height:30px;padding-right:8px;text-decoration:underline;font-size:11px}
-
-#write_wrap .btn_circledel{right:12px;top:9px}
-#write_wrap .btn_gallnickuse{height:35px;padding:0 12px}
-.nomem_nicknum{color:#333}
-/*//230619 비회원 갤닉네임 */
-
-/*크롬 input 배경색이 노란색으로 변하지 않도록*/
-.user_info_input input:-webkit-autofill,
-.user_info_input input:-webkit-autofill:hover,
-.user_info_input input:-webkit-autofill:focus,
-.user_info_input input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 100px #fff inset !important}
-.cmt_cont_bottm{margin-top:8px}
-.reply .cmt_cont_bottm{margin-top:7px}
-.dccon_guidebox{position:relative;float:left}/*이용안내 팝업 배경보다 위로 올라와 14->12 로수정 레이어와 물음표아이콘 겹처 z-index 삭제*/
-.dccon_guidebox .btn_white{font-weight:normal;margin-left:0}
-.icon_dccon{display:inline-block;width:24px;height:19px;margin:0 5px 0 2px;background-position:-229px 0;vertical-align:-5px}
-.btn_dccon_guide{margin:1px 0 0 4px}
-.btn_bigdccon_guide{color: #3b4890;text-decoration: underline;font-weight: bold;margin-left: 10px}/*230901 대왕디시콘 사용법 버튼 추가*/
-.icon_guide_open{display:inline-block;width:17px;height:16px;background-position:-220px -29px}
-.comment_box{position:relative;border-top:2px solid #3b4890}
-/*댓글 수정,삭제 비번 입력 레이어*/
-.cmt_mdf_del{position:relative;margin-left:6px;z-index:1}
-.cmt_mdf_del:empty{display:none}
-.cmt_delpw_box{overflow:hidden;position:absolute;width:218px;height:31px;border:2px solid #29367c}
-.cmt_delpw{float:left;width:129px;height:31px;line-height:34px;padding:0 5px;border:0;background:#fff;font-size:14px}
-.cmt_delpw:-webkit-autofill,
-.cmt_delpw:-webkit-autofill:hover,
-.cmt_delpw:-webkit-autofill:focus,
-.cmt_delpw:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 100px #fff inset !important}
-.btn_cmtpw_close{width:30px;height:31px;background:#29367c}
-.icon_cmtpw_close{display:inline-block;width:13px;height:14px;margin:3px 0 0 3px;background-position:-138px -78px }
-.cmt_mdf_del .btn_ok,.cont_btnbox .btn_ok{float:left;width:49px;height:31px;line-height:32px;background:#3b4890;color:#fff;font-weight:bold;text-shadow:0px 1px #1d2761}
-.cmt_mdf_del{float:right}
-.reply_info .cmt_mdf_del{top:3px;right:-2px}
-.album .cmt_mdf_del{top:3px}
-.album .reply_info .cmt_mdf_del{right:0px}
-.view_comment .cmt_mdf_del{top:3px}
-.view_comment .reply_info .cmt_mdf_del{right:0}
-.cmt_mdf_del button{color:#999}
-.btn_cmt_delete{background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png);background-position:-268px -200px;font-size:0;line-height:0;width:13px;height:13px;vertical-align:top}
-/*221018 nft 댓글 삭제*/
-.cmt_delpw_box.nft{overflow:visible;max-width:277px;min-width:218px;width:inherit;z-index:1;border:none;outline:2px solid #29367c}
-.view_comment .cmt_mdf_del.nft{z-index:inherit;}
-.cmt_nftconnect{float:left;width:57px;height:100%;background:#386ce9;border-right:2px solid #29367c }
-.cmt_delpw_box.nft .wallet{display:inline-block;width:22px;height:30px;margin-left:8px;background-position:-129px 5px}/*댓글 지갑 연결*/
-.cmt_delpw_box.nft .info{display:inline-block;width:20px;height:30px;background-position:-0px -21px}/*안내*/
-.cmt_mdf_del.nft .cmt_delpw_box{right:-1px;top:19px;z-index:1}
-.reply_list .cmt_mdf_del.nft .cmt_delpw_box{right:2px;top:19px}
-
-/*//221018 nft 댓글 삭제*/
-
-
-.cmt_nickbox{float:left;width:132px;margin-right:33px;margin-top:3px;line-height:13px}/*211118 폰트 버그 line-height:13px 추가*/
-.cmt_nickbox:empty{display:none}
-.album .cmt_nickbox{margin-right:15px}
-
-.comment_box .nickname{font-size:12px;color:#777;vertical-align:top}
-.comment_box .nickname > em{display:inline-block;max-width:84px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:top}
-.comment_box .nickname.in > em{max-width:110px;padding-right:1px}
-.comment_box .reply .nickname.in > em {max-width:107px}
-.comment_box .nickname .ip{display:inline-block;vertical-align:1px}
-.nickname.me{background:#e5ebff;padding:0px 1px 0px 2px}/*211118 padding:3px 1px 1px 2px*/
-
-.event_con{position:absolute;margin-left:3px;margin-top:-1px}
-.gallview_head .event_con,.album_head .event_con{position:static;margin-left:0}
-.gallview_head .event_con:hover,.album_head .event_con:hover{text-decoration:none}
-
-.dory .nickname{color:#333}
-.reply .cmt_nickbox{width:133px;margin-right:23px}
-.album .reply .cmt_nickbox{margin-right:15px}
-/*.comment_wrap .writer_nikcon{vertical-align:-1px}*/
-
-/*댓글 디시콘*/
-.comment_dccon{position:relative;margin:3px 0 5px}
-.comment_wrap .comment_dccon{float:left}
-.coment_dccon_img{float:left;height:100px;cursor:pointer}
-.coment_dccon_img img, .coment_dccon_img video, .written_dccon
-{width: 100px;height: 100px}/*231030 디시콘 등록 이미지 사이즈 변경 관련 추가*/ /*240719 width 추가*/ /*250106 에디터관련 .written_dccon 추가*/
-/*220627 추가(삭제된 디시콘 관련 이슈로 댓글디시콘쪽에만 높이값 auto 처리)*/
-.comment_box .coment_dccon_img{height:auto;line-height:0}
-.comment_box .coment_dccon_img .replace{line-height:20px}
-.comment_box .coment_dccon_img .written_dccon + .written_dccon{height: 100px} /*230918 댓글 디시콘 여백관련 추가*/
-/*//220627 추가(삭제된 디시콘 관련 이슈로 댓글디시콘쪽에만 높이값 auto 처리)*/
-.coment_dccon_info{position:absolute;margin-left:109px;margin-top:20px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;z-index:1}
-.writing_view_box .coment_dccon_info, .album_contbox .coment_dccon_info{width:100%} /*본문 디시콘*/
-.over_alt,
-.btn_dccon_infoview{padding:0 5px;line-height:19px}/*211118 폰트 버그 line-height:20px*/
-.over_alt{display:inline-block;height:19px;border:1px solid #ccc;background:#fff;color:#333;overflow: hidden}
-.btn_dccon_infoview{display:block;height:21px;margin-top:3px;border:1px solid #29367c;background:#3b4890;color:#fff}
-/*본문 디시콘*/
-.gallview_contents .comment_dccon, .album_contbox .comment_dccon{display:inline-block;margin-top:0;vertical-align:top}
-.gallview_contents .written_dccon, .album_contbox .written_dccon{vertical-align:top;height: 100px} /*231030디시콘 등록 이미지 사이즈 변경 관련 높이값 추가*/
-/*230719 대왕디시콘 (요청_img,video에 클래스 옮기고 싸고있는거에 .bigdccon_wrap 추가됨)*/
-.coment_dccon_img.bigdccon_wrap,
-.gallview_contents .written_dccon.bigdccon, /*231030 본문추가*/
-.album_contbox .written_dccon.bigdccon{height: 150px}
-.coment_dccon_img.bigdccon_wrap + .coment_dccon_info{margin-left: 159px;height: 150px}
-img.bigdccon, video.bigdccon{width: 150px;height: 150px}
-/*240624 더블 디시콘*/
-.comment_dccon.double, .uminor_admin .comment_wrap .comment_dccon.double{width: auto}
-.comment_dccon.double .coment_dccon_info{min-width: 80px;margin-right: 12px;margin-top: 0;padding-top: 15px;box-sizing: border-box}
-.reply_info .comment_dccon.double + .comment_dccon.double{padding-left: 0}
-.reply_info .comment_dccon.double + .comment_dccon.double::before{display: none}
-
-
-
-/*190109*/
-/*디시콘 샵, 디시콘 레이어 디시콘 검색*/
-.dccon_search_wrap{float:right}
-.dccon_search_box{margin-left:5px}
-.dccon_search{width:200px;height:29px}
-.bnt_dccon_search, .btn_greysearch{float:left;width:29px;height:29px;background-position:-166px -275px}/*210421*/
-.dccon_search .inner_search{width:170px;height:27px;margin:0;border:1px #ccc solid;border-width:1px 0px 1px 1px}
-.dccon_search .in_keyword{width:152px;height:27px;font-size:12px;color:#555;vertical-align:top;line-height:27px;font-weight:normal}/*211118 폰트 버그 line-height:30px*/
-/*크롬 input 배경색이 노란색으로 변하지 않도록*/
-.dccon_search .in_keyword:-webkit-autofill,
-.dccon_search .in_keyword:-webkit-autofill:hover,
-.dccon_search .in_keyword:-webkit-autofill:focus,
-.dccon_search .in_keyword:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 100px #fff inset !important}
-/*디시콘 샵 리스트*/
-.dccon_listbox{margin-top:39px}
-.dccon_listbox:first-child{margin-top:0}
-.dccon_shop_list,.tx-editor-container ul.dccon_shop_list{margin:15px 0 0 -10px}
-.dccon_shop_list li{position:relative;float:left;width:140px;height:220px;padding:10px;margin:10px 0 0 10px}
-.dccon_shop_list .link_product,.tx-list .tx-dccone a.link_product{display:block;width:102px;height:167px;line-height:18px;text-align:center}
-.thumb_img{display:block;margin:0 auto}
-.dcon_name,.dcon_seller,.dcon_cash{display:block}
-.dcon_name{margin-top:10px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.dcon_seller{color:#999}
-.dcon_frame{display:block;position:absolute;left:0;top:0;width:158px;height:238px;border:1px #ccc solid}
-.dccon_shop_list .link_product:hover{text-decoration:none}
-.dccon_shop_list .link_product:hover .dcon_cash{color:#d31900}
-.dccon_shop_list .link_product:hover .dcon_frame{width:156px;height:236px}
-.dccon_shop_list .link_product:hover .dcon_frame.red_brd,.dccon_shop_list li.on .dcon_frame.red_brd{border:2px #ee3c24 solid}
-.dccon_shop_list .link_product:hover .dcon_frame.blue_brd,.dccon_shop_list li.on .dcon_frame.blue_brd{border:2px #3b4890 solid}
-/*디시콘 일간 인기, 주간인기 / 인기디시콘, 신상디시콘 탭 */
-.tabbox_btn{overflow:hidden;width:460px;border-radius:35px;margin-left:-15px}
-.btn_tab{position:relative;width:190px;height:35px;border-radius:0 35px 35px 0;font-size:14px;font-weight:bold;margin-left:-19px;z-index:0;text-align:center;outline:0;line-height:33px}/*211118 폰트 버그 line-height:33px 추가*/
-.btn_tab:first-child{border-radius:35px 0 0 35px;margin-left:0}
-.btn_tab.on{width:190px;border:1px #d31900 solid;border-radius:35px;z-index:1}
-.red .btn_tab{border:1px #d31900 solid;color:#ee3c24}
-.red .btn_tab.on{background:#ee3c24;color:#fff;text-shadow:0px 1px #e92a19;padding:0}
-.bluegray .btn_tab{border:1px #29367c solid;color:#29367c;}
-.bluegray .btn_tab.on{background:#3b4890;border:1px #29367c solid;color:#fff;text-shadow:0px 1px #1d2761}
-
-.dw_hot{margin-bottom:19px}
-.hot_inner.dw_hot > .clear, .hot_inner.sch_con > .clear{padding-bottom:14px;border-bottom:2px #29367c solid}
-.hot_inner.dw_hot .pop_dccon_tit, .hot_inner.sch_con .pop_dccon_tit{line-height:25px}
-.hot_inner .option_sort.dccon .select_arraybox{height:23px;line-height:23px}/*211118 폰트 버그 line-height:25px*/
-.hot_inner .option_sort .select_arraybox .icon_option_more{top:9px}/*211118 폰트 버그 top:8px*/
-.hot_inner .dccon_search_box{margin-left:0}
-.hot_inner .dccon_search{width:155px;height:25px}
-.pop_wrap .hot_inner .inner_search{width:123px;height:23px;margin-top:0}
-.pop_wrap .hot_inner .in_keyword{width:106px;height:23px;font-size:12px;color:#555;font-weight:normal}
-.hot_inner .bnt_dccon_search{width:25px;height:25px;background-position:-187px -408px}
-.hot_inner .tabbox_btn{margin:15px 0 0 }
-.hot_inner .btn_tab{width:168px;height:32px;line-height:30px;font-size:12px}/*211118 폰트 버그 line-height:32px*/
-
-.dcconlayer .dccon_shop_list{margin-top:0}
-.dcconlayer .dccon_shop_list li{width:102px;height:167px;padding:0;margin:15px 0 0 18px;border-top:none}
-.dcconlayer .dcon_name{margin-top:7px;padding:0 5px}
-.dcconlayer .dcon_frame{width:100px;height:165px}
-.dcconlayer .dcon_seller{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 5px}
-.dcconlayer .dccon_shop_list .link_product:hover .dcon_frame{width:100px;height:165px}
-.dcconlayer .dccon_shop_list .link_product:hover .dcon_frame.red_brd, .dcconlayer .dccon_shop_list li.on .dcon_frame.red_brd{border-width:1px}
-.dcconlayer .dcon_cash{color:#d31900}
-
-.hotcon_paging_btn{overflow:hidden;float:right;width:34px}/*인기 디시콘*/
-.hot_inner.hots .clear > h4,.hot_inner.hots .clear .hotcon_paging_btn{padding:0 8px}/*인기 디시콘 상단 */
-.btn_hotcon_prev,.btn_hotcon_next{width:17px;height:17px;float:left}
-.icon_hotcon_prev,.icon_hotcon_next{display:inline-block;width:17px;height:17px}
-.icon_hotcon_prev{background-position:-97px -193px}
-.icon_hotcon_next{background-position:-114px -212px}
-.btn_hotcon_prev.on .icon_hotcon_prev{background-position:-97px -212px}
-.btn_hotcon_next.on .icon_hotcon_next{background-position:-114px -193px}
-.dccon_list_box.hot .box .btn_blue.small{display:block;width:121px;height:29px;margin:16px auto 0;text-align:center;line-height:29px}
-.dccon_list_box.hot .box .btn_blue.small:hover{text-decoration:none}
-.sch_con .dccon_shop_list.clear{border-bottom:none;padding-bottom:0}/*디시콘 검색결과*/
-.sch_con .dccon_sch_num{margin-left:4px;font-weight:normal}
-.dcconlayer .sch_con .bottom_paging_box{margin:20px 0 0}
-/*디시콘 검색결과 없음*/
-.dccon_search_none{padding:86px 10px 86px;background:#f3f3f3;font-size:16px;color:#333;font-weight:bold;text-align:center}
-.dccon_search_none > p span em{display:inline-block;max-width:306px;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.dcconlayer .dccon_search_none{margin:27px 15px 0;padding:177px 10px 178px}
-/*//190109*/
-
-/*211014 만두서비스 종료*/
-.dcconlayer.mandudel .dccon_shop_list li,
-.dcconlayer.mandudel .dccon_shop_list .link_product, .dcconlayer.mandudel .tx-list .tx-dccone a.link_product
-{height:149px}
-.dcconlayer.mandudel .dcon_frame,
-.dcconlayer.mandudel .dccon_shop_list .link_product:hover .dcon_frame
-{height:147px}
-/*//211014 만두서비스 종료*/
-
-/*댓글돌이*/
-.dory .nickname{font-weight:bold}
-.dory_img{width:100px;height:100px}
-.dory_img img{width:100%}
-.dory_txt{display:block;margin-top:9px;font-weight:bold}
-.icon_dory{display:inline-block;width:24px;height:19px;background-position:-229px 0;vertical-align:top;margin:-2px 4px 0 0 }
-.dory_rolling {position:absolute;top:12px;left:280px}/*리스트형 댓글 돌이 버튼*/
-.uminor_admin .dory_rolling{left:296px}
-.reply_info .dory_rolling {position:absolute;top:3px;left:268px}/*리스트형 답글 돌이 버튼*/
-.album .dory_rolling {position:absolute;top:12px;left:272px}/*앨범형 댓글 돌이 버튼*/
-.album .reply_info .dory_rolling {position:absolute;top:3px;left:261px}/*앨범형 답글 돌이 버튼*/
-.dory_rolling .num{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;color:#555;line-height:17px;margin:0px 8px 0 0}/*211118 폰트 버그 margin:1px 8px 0 0*/
-.dory_rolling .btn_box{overflow:hidden;height:17px;font-size:0}
-.dory_rolling_btn{outline:none}/*210429 페이징 버튼 아웃라인 겹침관련 추가*/
-.dory_rolling_btn > em{display:inline-block;width:17px;height:17px;}
-.dory_rolling_btn:first-child > em{width:16px}
-.dory_rolling_btn .icon_prev{background-position:-221px -337px}
-.dory_rolling_btn .icon_next{background-position:-274px -337px}
-.dory_rolling_btn.on .icon_prev{background-position:-258px -337px}
-.dory_rolling_btn.on .icon_next{background-position:-237px -337px}
-/*240823 댓글돌이 변경, 디시트렌드 추가*/
-.comment_box .trend_box{border: 1px solid #315ae9;border-radius: 50px;text-decoration: none;max-width: 990px;height: 30px;line-height: 30px;padding: 0 14px;position: absolute;top: 12px;left: 165px;box-sizing: border-box}
-.comment_box .trend_box a{display: inline-block;font-weight: bold;font-size: 14px;vertical-align: top;text-decoration: none}
-.comment_box .trend_box .tit{color: #315ae9;margin-right: 4px}
-.comment_box .trend_box .txt{max-width: 91%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
-.trend_box + .cmt_txtbox{margin-top: 42px;position: relative;width: 990px}
-.trend_box + .cmt_txtbox .comment_dory{float: left}
-.trend_box + .cmt_txtbox .dory_img{width: 82px;height: 82px}
-.trend_box + .cmt_txtbox .dory_txt{float: left;width: calc(100% - 112px);vertical-align: top;margin: -2px 0 0 10px;font-size: 13px;display: -webkit-box;overflow: hidden;line-height: 1.5;-webkit-box-orient: vertical;-webkit-line-clamp: 3}
-.trend_box + .cmt_txtbox .dory_rolling{top: initial;left: 94px;bottom: 0}
-
-/*//댓글돌이*/
-
-/* 보이스 리플 플레이어 */
-.sp-voice{display:inline-block;overflow:hidden;white-space:nowrap;color:transparent;
-background:url(https://nstatic.dcinside.com/dc/m/img/sp/sp_voice.png) no-repeat;-webkit-background-size:21px auto;background-size:21px auto}
-.voice-box{float:left;width:280px;min-height:29px;margin:3px 0 5px;position:relative;z-index:1}
-.voice-box .voice-player{position:relative;width:280px;height:29px ;background-color:#dfe1ee;overflow:hidden}
-.voice-box .voice-player .voice-lt{float:left}
-.voice-box .voice-player .voice-rt{float:right}
-.voice-player .prograss{position:relative;width:140px;height:5px;background-color:#fff;margin-top:12px}
-.voice-player .prograss .bar{display:block;position:absolute;left:0;top:0;width:50px;height:5px;background-color:#4b58a7;padding:0}
-.voice-player .prograss .bar::after{content:"";display:block;position:absolute;right:-6px;top:-4px;width:12px;height:12px;
-background-color:#4b58a7;border-radius:50%;cursor:pointer}
-.voice-player .play,
-.voice-player .time,
-.voice-player .prograss,
-.voice-player .sound,
-.voice-player .copy{float:left;outline:0;}
-.voice-player .play{width:22px;height:22px;background-position:0 0;margin-left:6px;margin-top:4px}
-.voice-player .play.on{background-position:0 -26px}
-.voice-player .sound{width:22px;height:22px;background-position:0 -52px;margin-left:5px;margin-top:4px}
-.voice-player .sound.off{background-position:0 -78px}
-.voice-player .copy{width:22px;height:22px;background-position:0 -104px;margin-left:5px;margin-right:6px;margin-top:4px}
-.voice-player .time{font-size:12px;line-height:30px;color:#333;margin-left:8px;margin-right:10px;font-family:"Malgun Gothic", "맑은 고딕", sans-serif}
-.sp-splay{width:17px;height:17px;background-position:0 -129px;vertical-align:top;margin-right:2px}/*190828*/
-.voice-player .prograss .btn-slider{position:absolute;left:0;top:-4px;width:12px;height:12px;background-position:0 -151px}
-.voice-box .btn-voice{display:inline-block;padding:5px 15px 3px;font-size:13px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;letter-spacing:-1px;margin-left:2px;
-background-color:#fff;border:1px solid #dfe1ee;color:#555;font-weight:bold}/*190828*/
-.voice-box .btn-voice:first-child{margin-left:0}/*190828*/
-.voice-box .btn-voice:last-child{margin-left:1px} /*201126 보이스리플 공유 레이어 관련 추가(아이프레임,html여백 같게)*/
-.voice-lnk{display:block;font-size:12px;line-height:14px;color:#9ea0ab;text-decoration:none;margin-top:4px}
-.voice-lnk .txtdeco{display:inline-block;text-decoration:underline;margin-left:5px}
-
-/*.transparent_btn{width:560px;height:29px;margin:3px 0 0;opacity:0}*/
-.transparent_btn{width:52%;height:73%;margin:3px 0 0;opacity:0}
-.transparent_btn.btn_reply_write{position:absolute;left:0;top:9px;margin-left:448px}
-.cmt_txtbox > iframe{position:relative;margin:3px 0 5px;z-index:1}
-.album .transparent_btn{width:35%;margin-left:389px}
-/*댓글페이징*/
-.comment_box .bottom_paging_box{margin-top:0}
-.view_comment .bottom_paging_box{height:69px}
-.cmt_paging{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;padding:23px 272px 28px 235px}/*201217*/
-.album .cmt_paging{padding:23px 10px 28px 10px}/*210105*/
-.comment_box .bottom_paging_box .cmt_inner{position:absolute;right:0;top:0;margin-top:23px;font-size:0}/*201217*/
-.comment_box .bottom_paging_box .useradmin_btnbox{position:absolute;left:0;top:0;margin-top:10px}
-.comment_box .bottom_paging_box .cmt_inner .icon_cmt_more{margin-left:4px}
-/*버튼*/
- .view_wrap .view_comment .btn_blue,.view_comment .btn_blue.small, .view_wrap .view_comment .btn_lightpurple.small{width:85px;margin-left:0}
- .view_comment .btn_lightblue, .view_comment .btn_yeonpurple{font-weight:normal;padding-right:0}
- .view_comment .btn_yeonpurple{margin-left:1px;width:85px}
-/*마이너 댓글*/
-.uminor_admin .cmt_nickbox{width:148px}
-.uminor_admin .album .cmt_nickbox{width:148px}
-.uminor_admin .usertxt,.uminor_admin .comment_wrap .comment_dccon{width:807px}
-.uminor_admin .album .usertxt,.uminor_admin .album .comment_wrap .comment_dccon{max-width:501px}
-.uminor_admin .reply_info .usertxt,.uminor_admin .reply_info .comment_dccon,.del_reply{width:752px}
-.uminor_admin .album .reply_info .usertxt,.uminor_admin .album .reply_info .comment_dccon{width:454px}
-.uminor_admin .cmt_nickbox .checkbox{padding-left:16px}
-
-/*220913 댓글 꼬리말*/
-.comment_box .txtmark::before{content:'-';display:inline-block;margin:0 5px}
-
-/*241018 매니저단에서 하위 답글 모두 선택 체크 박스 추가*/
-.reply_allchk{position:absolute;margin-left:11px;margin-top:13px}
-
-/*//댓글*/
-
-/*하단영역*/
-.dcfoot{clear:both;position:relative;padding-bottom:50px;background:#fff;/*z-index:15*/}
-.join_wrap .dcfoot,.login_wrap .dcfoot,.policy_wrap .dcfoot,.adult_wrap .dcfoot,
-.noaccess_wrap .dcfoot,
-.delet_wrap .dcfoot,
-.report_wrap .dcfoot,.woman_wrap .dcfoot,.pwcam_wrap .dcfoot{margin-top:80px;border-top:1px #29367c solid}
-.dc_all .tit{margin-right:22px;color:#29367c;letter-spacing:0.025em}
-.notice,.all_bottom{height:38px;padding:0 19px 0 16px;line-height:40px;color:#333}
-.notice{border-bottom:1px solid #ccc}
-.all_list{overflow:hidden;height:256px;padding:21px 0 23px;border-bottom:1px solid #ccc}/*211217 height:200px / 230912 높이값수정*/
-.all_list dl{float:left;width:148px;height:256px;padding-left:25px;border-left:1px solid #f1f1f1}/*211217 height:200px / 230912 높이값수정*/
-.dcfoot.type1 .all_list{min-height:108px;height:auto ;padding:21px 0 30px}
-.dcfoot.type1 .all_list dl{width:170px;min-height:108px;height:auto;padding-left:20px}
-.event_wrap .dcfoot.type1 .all_list dl{min-height:225px}/*220216 188->225*/
-.all_list dl a{color:#555;font-size:11px}
-.all_list dl a:hover{text-decoration:underline}
-.all_list dl:first-child{border-left:0;margin-right:2px}
-.all_list dt,.all_list dt a{font-weight:bold;text-decoration:underline;font-size:12px;color:#333;letter-spacing:0.025em}
-.all_list dt{margin-bottom:4px}
-.all_list dd{padding-top:5px;line-height:100%}
-.all_list.close{border-bottom:0;height:0;padding:0}
-.all_bottom{overflow:hidden;line-height:38px}
-.all_bottom .list a{color:#333}
-.all_bottom .list a:hover{text-decoration:underline}
-.all_bottom .list a:before{content:"";display:inline-block;width:1px;height:11px;margin:0 10px;vertical-align:-1px;background:#d7d7d7}
-.all_bottom .list a:first-child:before{display:none}
-.bottom_menu{overflow:hidden;float:right;font-size:11px;color:#333}
-.menu_link{margin-left:9px}
-.menu_link{float:left}
-.icon_fold{display:inline-block;width:8px;height:8px;margin-right:6px;background-position:-52px -35px}
-.icon_open{display:inline-block;width:8px;height:8px;margin-right:6px;background-position:-52px -20px}
-.icon_up{display:inline-block;width:8px;height:8px;margin-right:6px;background-position:-52px -50px}
-.info_policy a{color:#333}
-.info_policy a:hover{text-decoration:underline}
-.info_policy a:before{content:"";display:inline-block;width:1px;height:11px;margin:0 10px;vertical-align:-1px;background:#d7d7d7}
-.info_policy a:first-child:before{display:none}
-
-/*광고 배너*/
-.ad_bottom_list{clear:both;position:relative;padding:40px 0 20px 0;background:#fff;margin:0 auto;text-align:center}
-.leftbanner{margin-bottom:19px}
-.rightbanner,
-.rightbanner1{overflow:hidden;width:300px;min-height:250px;margin-top:15px;line-height: 0}/*211227 클래스 rightbanner1 추가 / 240510 line-height: 0 추가*/
-
-/*파워링크*/
-.power_link,.integrate_cont.power_link{padding:3px 0px 5px;border-bottom:0;background:#fff}/*220502 background:#f5fcff 수정 padding:13px 16px 17px 수정*/
-.integrate_schwrap .power_link{border-bottom:1px solid #eee;padding:3px 16px 20px}/*220502 추가*/
-
-.power_link:first-child{padding-top:3px}/*220502 padding-top:13px수정*/
-.integrate_sch .inner .integrate_cont.power_link:first-child{padding-top:3px}/*220502 padding-top:13px수정*/
-.power_link h3{margin-top:2px;font-size:14px}/*220502 font-size:14px 수정*/
-.adicon{display:inline-block;width:27px;height:16px;margin-left:4x;vertical-align:-3px;background-position:-140px -193px}
-.power_link .tit_txt{text-decoration:none;color:#4656c7}/*220502 text-decoration:underline 수정*/
-.pwlink_list li{margin-top:10px}/*220502 margin-top:12px 수정*/
-.pwlink_list li:after{clear:both;display:block;visibility:hidden;content:""}/*220502 추가*/
-/*.pwlink_list li:first-child{margin-top:10px} 220502 주석처리*/
-.pwlink_list .link_txt{float:right}/*220502 추가*/
-.link_dsc_txt{margin-top:5px;font-size: 12px}/*220502 margin-top:6px 수정*/
-.power_link .btn_blue_round.h21{margin-top:0px}
-.power_link .link_upinfo{margin-top:5px;color:#29367c;text-decoration:underline;font-size:11px}/*220502 font-size 추가*/
-.power_link .link_upinfo::after{content:" ";display:inline-block;width:5px;height:9px;margin-left:3px;
-background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png);background-position:-124px -58px}
-
-/*본문*/
-.view_wrap .power_link{display:inline-block;width:auto;margin:0 auto;min-width:970px;text-align:left}/*220512*/
-.view_wrap .power_link .pwlink_list a{display:block }
-.view_wrap .power_link .pwlink_list a:hover{text-decoration:none}/*220517 추가*/
-
-/*================ 240214 댓글 하단 파워링크 변경 ================*/
-.pwlink_img_list{width: 970px;font-size: 0;overflow: hidden;margin-top: 10px}
-.pwlink_img_list > li{display: inline-block;padding-left: 15px;width: 33.33%;box-sizing: border-box;font-size: 0;vertical-align: top}
-.pwlink_img_list > li:first-child{padding: 0}
-.pwlink_img_list li .inner a:hover{text-decoration: none}
-.power_link.bg{background: #f8faff;border: 1px solid #cfd8e9;border-radius: 5px;padding: 12px 18px 16px} /*240222 .bg 추가*/
-.power_link.bg .pwlink_img_list li .inner .price_item_link .txt .txt_inner,
-.power_link.bg .pwlink_img_list li .inner .price_item_link .price{background: #f8faff}
-.view_bottom_btnbox + .view_ad_wrap .power_link.bg{margin: 10px 0}
-
-/*Group A - 파워링크이미지*/
-.pwlink_img_list li .img_link{font-size: 0;display: inline-block;width: 60px;height: 60px;margin-right: 12px;vertical-align: top;overflow: hidden}
-.pwlink_img_list li .img_link img{width: 100%;height: 100%}
-.pwlink_img_list li .inner{display: inline-block;width: 100%}
-.pwlink_img_list li.img_type .inner{width: calc(100% - 72px)}
-
-/*Group B - 제목*/
-.pwlink_img_list li .inner .tit_area{font-size: 14px;display: block;font-weight: bold;color: #4656c7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
-
-/*Group B - 표시URL*/
-.pwlink_img_list li .inner .url_area{font-size: 0;margin-top: 4px;overflow: hidden;}
-.pwlink_img_list li .inner .url_area .url{font-size: 12px;color: #009933;max-width: calc(100% - 45px);display: inline-block;overflow: hidden;text-overflow: ellipsis}
-.pwlink_img_list li .inner .url_area .icon{vertical-align: 0;margin-left: 4px}
-
-/*Group B - 설명문구*/
-.pwlink_img_list li .inner .desc{font-size: 12px;margin-top: 4px;color: #333;display: -webkit-box;overflow: hidden;line-height: 1.5;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
-.pwlink_img_list li .inner .desc mark{margin-right: 4px}
-
-/*Group B - 서브링크*/
-.pwlink_img_list li .inner .menu_list{margin-top: 4px}
-.pwlink_img_list li .inner .menu_list .menu_item{position: relative;display: inline-block;padding: 0 6px;font-size: 12px;color: #0068c3}
-.pwlink_img_list li .inner .menu_list .menu_item_link{color: #0068c3}
-.pwlink_img_list li .inner .menu_list .menu_item:first-child{padding-left: 0}
-.pwlink_img_list li .inner .menu_list .menu_item:first-child::before{display: none}
-.pwlink_img_list li .inner .menu_list .menu_item::before{content: "";position: absolute;top: 50%;left: 0;width: 2px;height: 2px;margin-top: -1px;border-radius: 50%;background-color: #0068c3}
-
-/*Group B - 홍보문구*/
-.pwlink_img_list li .inner .pr{display: inline-block;font-size: 12px;margin-top: 4px}
-.pwlink_img_list li .inner .pr .pr_tit{color: #0047bd;background: none;margin-right: 4px}
-
-/*Group B - 가격링크*/
-.pwlink_img_list li .inner .price_list{margin-top: 4px}
-.pwlink_img_list li .inner .price_item{margin-top: 2px}
-.pwlink_img_list li .inner .price_item_link{position: relative;display: block;font-size: 16px}
-.pwlink_img_list li .inner .price_item_link:before{content: "";position: absolute;top: 50%;left: 0;right: 0;border-top: 1px dashed #ccc}
-.pwlink_img_list li .inner .price_item_link .price{position: relative;z-index: 10;float: right;padding-left: 6px;background: #fff;color: #555;font-size: 12px;font-weight: normal;max-width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
-.pwlink_img_list li .inner .price_item_link .txt{overflow: hidden;position: relative;z-index: 10;font-size: 12px}
-.pwlink_img_list li .inner .price_item_link .txt .txt_inner{display: inline-block;overflow: hidden;max-width: 100%;color: #0068c3;padding-right: 6px;background: #fff;vertical-align: top;text-overflow: ellipsis;white-space: nowrap}
-
-/*Group B - 플레이스정보*/
-.pwlink_img_list li .inner .place_link{display: block;color: #333;font-size: 12px;margin-top: 4px}
-.pwlink_img_list li .inner .place_link .price{line-height: 1.63}
-.pwlink_img_list li .inner .place_link .etc_area{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;opacity: .7;font-size: 0}
-.pwlink_img_list li .inner .place_link .etc_item{line-height: 1.6;font-size: 12px}
-.pwlink_img_list li .inner .place_link .etc_item:after{content: "";display: inline-block;width: 1px;height: 12px;margin: 4px 6px 0 6px;background-color: #ccc;vertical-align: top}
-.pwlink_img_list li .inner .place_link .etc_item:last-child:after{display: none}
-.pwlink_img_list li .inner .place_link .time_area{overflow: hidden;text-overflow: ellipsis;font-size: 0;white-space: nowrap}
-.pwlink_img_list li .inner .place_link .event_txt{display: -webkit-box;overflow: hidden;line-height: 1.6;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
-/*//================ 240214 댓글 하단 파워링크 변경 ================*/
-
-/*240227 리스트 내부 광고*/
-.gall_list tbody tr:hover .power_link{background:inherit}
-.gall_list .pwlink_list li{margin-top: 0}
-.gall_list .power_link{text-align: left;padding: 7px 0px 8px}
-.gall_list .power_link h3{font-size: 10px;margin: 0 0 1px;font-weight: normal}
-.gall_list .power_link .link_upinfo{margin: -2px 0 0;font-size: 10px;filter: grayscale(1)}
-.gall_list .power_link .link_upinfo::after{ vertical-align: -1px;transform: scale(0.9)}
-.gall_list .power_link .adicon{vertical-align: -4px;transform: scale(0.8) translateX(-4px)}
-.gall_list .power_link .tit_txt{color: #333;font-size: 14px;font-weight: normal}
-.gall_list .power_link .link_dsc_txt{margin-top: 3px;font-size: 13px}
-
-/*241022 리스트,본문 우측 파워링크 / 241111 형태 추가 / 241217 수정 추가*/
-.right_content .power_link{width: 300px;max-height: 600px;min-width: initial;border: 1px solid #ccc;padding: 15px 15px 16px;box-sizing: border-box;overflow: hidden}
-.right_content .power_link .link_upinfo{margin-top: 2px;color: #333}
-.right_content .power_link .pwlink_list,
-.right_content .power_link .pwlink_img_list{
- display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;
- -webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;
- -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
- margin-top: 0;box-sizing: border-box
-}
-.right_content .power_link .pwlink_list > li,
-.right_content .power_link .pwlink_img_list > li{margin-top: 15px}
-.right_content .power_link .tit_txt{color: #333}
-.right_content .power_link .link_upinfo::after{background-position: -37px -69px}
-.right_content .power_link .pwlink_list .link_txt{float: none;padding: 0;margin-top: 5px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
-.right_content .power_link .pwlink_img_list,
-.right_content .power_link .pwlink_img_list > li{width: 100%;padding: 0}
-.right_content .power_link .pwlink_img_list li .inner .desc{word-break: break-all;-webkit-line-clamp: initial}
-.right_content .power_link .pwlink_img_list li .inner .tit_area{text-decoration: underline}
-.right_content .power_link .pwlink_img_list li .inner + .img_link{margin: 0 0 0 12px}
-/*//파워링크*/
-
-
-/*회원 글 삭제 로봇*/
-.empty_pagewrap{width:400px;margin:125px auto 125px}
-.empty_pagewrap .pop_wrap{position:static}
-
-/*로봇*/
-.robot_box{margin-top:3px}
-#write_wrap .robot_box{margin:6px 3px 0 0}
-
-/*********************************미니갤러리*********************************************************/
-.miniwrap .user_option.four span::before{padding:0 7px 0 4px}
-.miniwrap .dccon_guidebox .btn_white{border-color:#4f4dc6;color:#4f4dc6}
-.miniwrap .cmt_write_box{border-color:#6f6dd9}
-
-/*미니갤러리 아이콘*/
-.icon_mini{
-display:inline-block;width:16px;height:12px;color:transparent;font-size:0;margin-left:4px;
-background:url(https://nstatic.dcinside.com/dc/w/images/icon_mini.gif) no-repeat 0 0;vertical-align:text-top;margin-top:3px
-}/*211118 폰트 버그 vertical-align:text-top*//*1207*/
-
-.icon_mini1{
-display:inline-block;width:13px;height:11px;color:transparent;font-size:0;margin-left:2px;
-background:url(https://nstatic.dcinside.com/dc/w/images/icon_smini1.png?0406-10) no-repeat 0 0;vertical-align:text-top;margin-top:3px
-}
-.restriction .icon_mini1{opacity:0.3}/*접근제한*/
-
-
-.icon_bluemini{
-display:inline-block;width:16px;height:12px;color:transparent;font-size:0;margin-left:4px;
-background:url(https://nstatic.dcinside.com/dc/w/images/icon_bluemini.png?0406-10) no-repeat 0 0;vertical-align:text-top;margin-top:3px
-}
-
-.icon_bluemini1{
-display:inline-block;width:13px;height:11px;color:transparent;font-size:0;margin-left:4px;
-background:url(https://nstatic.dcinside.com/dc/w/images/icon_bluesmini1.png?0406-10) no-repeat 0 0;vertical-align:text-top;margin-top:4px
-}/*211118 폰트 버그 vertical-align:text-top*//*1207*/
-
-.icon_bluemini2{
-display:inline-block;width:13px;height:11px;color:transparent;font-size:0;margin-left:4px;
-background:url(https://nstatic.dcinside.com/dc/w/images/icon_bluesmini2.png?0406-10) no-repeat 0 0;vertical-align:text-top;margin-top:4px
-}/*221107 추가*/
-
-.icon_grey_smini{
-display:inline-block;width:13px;height:11px;color:transparent;font-size:0;margin-left:4px;
-background:url(https://nstatic.dcinside.com/dc/w/images/icon_grey_smini.png) no-repeat 0 0;vertical-align:text-top;margin-top:4px
-}/*221107 추가*/
-
-
-.relation_wrap .newtxt .icon_mini{color:#3b4890}/*연관 갤러리*/
-.restriction .icon_mini, .restriction + .icon_mini{opacity:0.6;filter:alpha(opacity=60)}/*미니 갤러리 아이콘 + 접근제한 아이콘*/
-
-.icon_lock2{display:inline-block;width:10px;height:12px;color:transparent;vertical-align:text-top;font-size:0;
-background:url(https://nstatic.dcinside.com/dc/w/images/icon_lock.png?08314)no-repeat 0 0;background-size:10px 12px
-}/* 200831 운영 중 / 가입 미니 갤러리 비공개아이콘*/
-
-/********************************* //미니갤러리 *********************************************************/
-
-
-/********************************* 240528 인물갤러리 관련(main/common동일) *********************************/
-.icon_person{
-display:inline-block;width:11px;height:11px;color:transparent;font-size:0;margin:2px 0 0 3px;vertical-align:text-top;position: relative;
-background:url(https://nstatic.dcinside.com/dc/w/images/icon_person.png) no-repeat 0 0
-}
-.icon_person.certify{margin-right: 3px}
-.icon_person.certify::after{
-content: "";display: inline-block;width:8px;height:8px;position: absolute;bottom: -2px;right: -4px;
-background: url(https://nstatic.dcinside.com/dc/w/images/icon_certify_chk.png) no-repeat 0 0
-}
-.round_yeondu{display: inline-block;background: #4fbe17;padding: 0 3px 0 2px;height: 14px;line-height: 14px;font-size: 11px;margin-right: 2px;color: #fff;border-radius: 50px}
-/********************************* //240528 인물갤러리 관련(main/common동일) *********************************/
-
-
-
-
-/* 200728 안내 페이지 - 마이너 매니저 비밀번호 변경 안내 */
-.guide_cont{width:778px;min-height:362px;margin:0 auto;border:2px #3b4890 solid;background:#fff;border-radius:5px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.guide_cont .gcont_head{background:#f6f6f6;text-align:center;padding:27px 0 24px;border-radius:5px 5px 0 0}
-.guide_cont .gcont_head img{line-height:0}
-.guide_cont .gcont_box{padding:49px 0 62px;font-size:16px;color:#000;line-height:28px;font-weight:bold}
-.guide_cont .gcont_box.center{text-align:center}
-.guide_cont .btn_box{margin-top:26px}
-.guide_cont .btn_white.go{display:block;width:160px;height:45px;line-height:43px;margin:0 auto;padding:0;box-sizing:border-box}
-.guide_cont .btn_white.go:hover{text-decoration:none}
-.guide_wrap .guide_cont{margin-top:80px}
-.guide_wrap .dcfoot{margin-top:100px;border-top:1px #29367c solid}
-/*// 200728 안내 페이지 - 마이너 매니저 비밀번호 변경 안내 */
-
-/*201126 보이스리플 카톡공유*/
-.voice_wrap .pop_wrap h3{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.voiceshare_wrap footer{margin-top:152px;border-top:1px #29367c solid}
-.voiceshare_wrap .con_box{margin-top: 117px}
-
-.voice_share{max-width: 580px;text-align: center;padding: 130px 0 145px}
-.voice_share .txt_box{word-break: keep-all;font-size: 14px;font-weight: bold;color: #333;line-height: 22px}
-.voice_share .txt_box .gall_writer::before{content: "-";display: inline-block}
-.voice_share .txt_box .gall_writer .nickname{font-size: 0}
-.voice_share .txt_box .gall_writer .nickname em{font-size: 14px}
-.voice_share .txt_box .gall_writer .ip{font-size: 12px;font-weight: normal;margin-left: 2px}
-.voice_share .txt_box .writer_nikcon{margin-left: 5px}
-
-.voice_share .play_wrap{font-size: 0;margin-top: 12px}
-.voice_share .txt{color: #999;margin-top: 15px}
-.voice_share .voice-lnk{color: #555;margin-top: 25px;text-decoration: underline;font-weight: bold;display: inline-block}
-
-/*201204 미니갤 순위 없을 시*/
-.no_rank{display: table;width:100%;text-align: center;height: 464px}
-.no_rank .txt{display: table-cell;vertical-align: middle;color: #999}
-.hot_minigall .no_rank{height: 193px;margin-top:-18px}/*201214 margin-top 추가*/
-
-/*220221 이벤트 공유 버튼(디시로터리건으로 event.css파일에서 위치 이동)*/
-.btn_evtsns, .ltrshare .btn_evtsns{display:block;width:229px;height:43px;line-height:44px;margin:37px auto 0;border:1px #c4c4c4 solid;border-radius:2px;background:#f9f9f9;
- font-size:14px;color:#333;font-weight:bold;text-shadow:0px 1px #fff;text-align:left;overflow:hidden}/*210126 아웃라인 이슈로 overflow:hidden 추가*/
-.btn_evtsns .txt{display:block;float:left;width:167px;padding-left:13px;height:41px;border-left:1px #fff solid;line-height:41px}/*211118 폰트 버그 line-height 추가*/
-.btn_evtsns .icon{display:block;float:left;border-right:1px #c4c4c4 solid}
-.icon_evtsns{display:inline-block;float:left;width:24px;height:27px;margin:7px 10px 7px 10px;background-position:-72px -304px;vertical-align:top}/*211118 폰트 버그 margin:8px 10px 6px 10px;*/
-
-/*디시로터리*/
-.ltrshare{position:relative;width:820px;margin-bottom:45px}
-.ltrshare .btn_evtsns{margin:0 auto}
-.ltrshare .btn_snsmore{float:none}
-/*//220221 이벤트 공유 버튼
-
-/*220808 다른 인증 사용하기*/
-.another_go{position:absolute;text-align:right;box-sizing:border-box;bottom:20px;right:20px;font-size:12px}
-.another_go a{color:#29367c}
-.another_go::before{content:"";width:5px;height:11px;display:inline-block;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -124px -57px}
- .another_go a{text-decoration:underline;font-size:12px}
-/*//220808 다른 인증 사용하기*/
-
-/*220913 갤러리 정보*/
-.cover{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
-
-/*230223 원형 스피너 */
-.loading_box{text-align:center;font-size:0;line-height:100% }
-.loading_box .bar{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:left;position:relative;z-index:20001}
-
-.loading_box .spinner{display:block;position:relative;width:16px;height:16px;margin:-3px auto 0}
-.loading_box .spinner span{display:block;transform-origin:15px 15px;animation:spinner 1.0s linear infinite}
-.loading_box .spinner span:after{content:" ";display:block;position:absolute;top:7px;left:14px;width:2px;height:4px;border-radius:16px;background:#8c8a8c}
-.loading_box .spinner span:nth-child(1){transform:rotate(0deg);animation-delay:-0.9s}
-.loading_box .spinner span:nth-child(2){transform:rotate(36deg);animation-delay:-0.8s}
-.loading_box .spinner span:nth-child(3){transform:rotate(72deg);animation-delay:-0.7s}
-.loading_box .spinner span:nth-child(4){transform:rotate(108deg);animation-delay:-0.6s}
-.loading_box .spinner span:nth-child(5){transform:rotate(144deg);animation-delay:-0.5s}
-.loading_box .spinner span:nth-child(6){transform:rotate(180deg);animation-delay:-0.4s}
-.loading_box .spinner span:nth-child(7){transform:rotate(216deg);animation-delay:-0.3s}
-.loading_box .spinner span:nth-child(8){transform:rotate(252deg);animation-delay:-0.2s}
-.loading_box .spinner span:nth-child(9){transform:rotate(288deg);animation-delay:-0.1s}
-.loading_box .spinner span:nth-child(10){transform:rotate(324deg);animation-delay:-0s}
-
-
-.loading_box.big{width:32px;height:32px;margin:0 auto}
-.loading_box.big .spinner{margin:0}
-.loading_box.big span{transform-origin:16px 16px;animation:spinner 1.2s linear infinite}
-.loading_box.big span:after{content:" ";display:block;position:absolute;top:2px;left:14px;width:3px;height:7px}
-.loading_box.big .spinner span:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}
-.loading_box.big .spinner span:nth-child(2){transform:rotate(30deg);animation-delay:-1s}
-.loading_box.big .spinner span:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}
-.loading_box.big .spinner span:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}
-.loading_box.big .spinner span:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}
-.loading_box.big .spinner span:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}
-.loading_box.big .spinner span:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}
-.loading_box.big .spinner span:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}
-.loading_box.big .spinner span:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}
-.loading_box.big .spinner span:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}
-.loading_box.big .spinner span:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}
-.loading_box.big .spinner span:nth-child(12){transform:rotate(330deg);animation-delay:0s}
-
-@keyframes spinner{
- 0%{opacity:1}
- 100%{opacity:0}
-}
-
-/*//230223 원형 스피너 */
-
-/*230327 원형 3개 오파시티 스피너*/
-.opa_spinner{width:200px;margin:0 auto;text-align:center}
-.opa_spinner > div {width:14px;height:14px;background-color:#29367c;opacity:1;border-radius: 100%;display: inline-block;margin-left:4px;
--webkit-animation:dc-opa 1.4s infinite ease-in-out both;
-animation:dc-opa 1.4s infinite ease-in-out both;
-}
-.opa_spinner > div:first-child{margin-left:0}
-.opa_spinner .bounce1 {
--webkit-animation-delay: -0.32s;
-animation-delay: -0.32s;
-}
-.opa_spinner .bounce2 {
--webkit-animation-delay: -0.16s;
-animation-delay: -0.16s;
-}
-@keyframes dc-opa {
- 0%, 80%, 100% {opacity:0}
- 40% {opacity:1}
-}
-/*230327 원형 3개 오파시티 스피너*/
-
-/*231106 갤러콘 24*24*/
-.gallercon{width: 24px;height: 24px;margin: -5px 0 0 2px}
-.user_info.in_gallercon strong{max-width: 140px}
-.login_box .gallercon{margin: -4px -3px 0 3px}
-.comment_box .gallercon{margin: 0 0 0 1px;position: absolute;top:-3px;right: auto}
-/*//231106 갤러콘 24*24*/
-
-
-
-
-
-
-
-
-/*파폭*/
-@-moz-document url-prefix() {
-.dcwiki > button{line-height:21px}
-.page_head h2{margin:1px 6px 0 2px} /*231020 1px 8px 0 3px -> 1px 6px 0 2px*/
-.voice-box .btn-voice{padding:5px 14px 3px}
-.login_wrap .member_out .con.innerbox{width:656px}
-.comment_wrap .contgo{line-height:39px}/*201217 댓글 본문 보기*/
-.comment_wrap .bottom_paging_box .contgo{line-height:21px}/*201217*/
-}
-/*크롬*/
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-.page_head h2{margin:-2px 6px 0 2px} /*231020 -2px 8px 0 3px -> -2px 6px 0 2px*/
-.favorite{margin-top:0px}
-.dcwiki{margin-top:0px}
-.useradmin_go{margin-top:0}
-
-}
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-/*.checkbox label{line-height:16px} 211118 폰트 버그 삭제*/
-.checkbox.type1 label{line-height:17px}
-.voice-box .btn-voice{padding:5px 14px 3px}
-.login_wrap .member_out .con.innerbox{width:656px}
-.voice-box .btn-voice{margin-left:0}/*120828*/
-.bottom_paging_box a, .bottom_paging_box em, .bottom_paging_box span{vertical-align:bottom}/*페이징 아이콘 상하 정렬 관련 추가*/
-/*211118 폰트 버그 추가
-.icon_mini,
-.block_setting_box .inner .pop_info h4 .icon_mini, .block_list li .icon_mini,
-.relation_wrap .inner .list_box li .icon_mini,
-.my_minor_mini .icon_lock2
-{vertical-align:10px!important}
-.tabcontent.gallog_blockset .icon_mini, .gall_linkbox .icon_mini{vertical-align:-1px!important}
-
-//211118 폰트 버그 추가*/
-}
diff --git a/src/content.css b/src/content.css
deleted file mode 100644
index bb06b2c..0000000
--- a/src/content.css
+++ /dev/null
@@ -1,1953 +0,0 @@
-@charset "utf-8";
-/*갤러리 메인 초개념 리스트*/
-.img .cover {display: block;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover}
-.pageing_box.gallmain{margin-top:-34px;padding-bottom:14px}
-.pageing_box.gallmain .page_num{margin-top:2px}/*211118 폰트 버그 margin-top:3px*/
-.cont_list{overflow:hidden}
-.cont_list li{float:left}
-.cont_list.img{overflow:hidden;margin:0 0 8px 0px}
-.cont_list.img li{width:359px;margin-top:3px;padding-top:3px;border-top:1px #e4e4e4 solid}/*210305 */
-.cont_list.img li:nth-child(1), .cont_list.img li:nth-child(2),
-.cont_list.img li:nth-child(7), .cont_list.img li:nth-child(8),
-.cont_list.img li:nth-child(13), .cont_list.img li:nth-child(14)
-{border-top:none;margin-top:6px;padding-top:0}
-
-.cont_list.img li a{display:block;width:100%;height:67px}
-.cont_list.img li:nth-child(even){margin-left:10px}/* 220214 a태그 삭제 */
-.cont_list.img .img_box{overflow:hidden;display:block;float:left;width:115px;height:67px;background:url(https://nstatic.dcinside.com/dc/w/images/img_none1.jpg) no-repeat center center;background-size:115px auto}/*210305 border:1px solid #ccc;*/
-.cont_list.img .img_box .cover{width:115px;height:67px}
-.cont_list.img .img_box img{display:block;width:115px;min-height:67px;line-height:0}
-.txt_box{overflow:hidden;height:34px;margin:9px 0 0;line-height:18px}
-.cont_list.img .txt_box{display:table;table-layout:fixed;float:left;width:220px;margin:0px 0 0 14px;line-height:17px}
-.cont_list.img .txt_box .box{display:table-cell;height:65px;vertical-align:middle;padding-top:2px}
-.cont_list.img li a:hover .txt_box{text-decoration:underline}
-.cont_list.img .txt_box .box > .tit{
-display:block;max-height:34px;overflow:hidden;
-/*
-white-space:normal;text-overflow:ellipsis;
-display:-webkit-box;
--webkit-line-clamp:2; 라인수
--webkit-box-orient:vertical;*/
-}
-.cont_list.img .info{color:#555;}
-.cont_list.img .info > span::before{content:"|";display:inline-block;color:#aaa;line-height:12px;margin:0 3px;vertical-align:1px}/*211118 폰트 버그 vertical-align:1px 추가 */
-.cont_list.img .info > span:first-child::before{display:none}
-
-.cont_list.txt{border-top:1px #aaa dashed;padding-top:9px;}/*190221*/
-.cont_list.txt li{width:49%;line-height:24px}
-.cont_list.txt li:nth-child(even){padding-left:14px}
-.cont_list.txt li a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-
-/*210305*/
-
-
-/*접근제한 아이콘*/
-.restriction, .mgall_list_wrap a.restriction, .mini_list_wrap a.restriction,
-.restriction .rank_job{color:#aaa}/*240719 인물갤 관련 추가*/
-.restriction .rank_txt, .hot_mgall .restriction .rank_txt{max-width:157px;padding-right:13px}
-.hot_minigall .rank_list .restriction .rank_txt{padding-right:13px}
-.icon_restriction{position:absolute;display:inline-block;width:11px;height:11px;background-position:0 -577px;vertical-align:0;right:0px}/*211118 폰트 버그 vertical-align:text-top*/
-.mgall_list_wrap .hot_mgall_box .icon_restriction, .mini_list_wrap .icon_restriction{top:2px}/*카테고리페이지 흥한 마이너/미니 갤러리*/
-
-
-
-/*카테고리별 리스트 */
-.category_listwrap{position:relative;margin-top:37px}/*220419 최근방문/즐겨찾기 리뉴얼 실서버 적용후 margin-top:12px로 수정*/
-.visit_bookmark ~ #container .category_listwrap{margin-top:12px}/*220419 최근방문/즐겨찾기 리뉴얼 실서버 적용후 삭제*/
-.visit_bookmark ~ #container.minor_wrap .category_listwrap, .minor_wrap .visit_bookmark ~ #container.minor_wrap .category_listwrap{margin-top:15px}/*220419 미니*/
-.section_head{margin-bottom:9px}
-.section_head > h3{margin-top:2px;font-size:14px}
-.cate_wrap{border:1px solid #ccc;border-top:3px solid #29367c}
-.category_listwrap .cate_wrap{margin-bottom:30px}
-.category_listwrap .cate_wrap.sub_cate{margin-bottom:0px}
-.cate_gall_box,.cate_mgall_box{width:1050px}
-.cate_mgall_box{margin-top:27px}
-.cate_box{display:table;table-layout:inherit;border-collapse:collapse;border-width:1px 0px 0px 0px;border-style:solid;border-top-color:#29367c}
-.cate_mgall_box .cate_box{width:100%}
-.cate_box:first-of-type{border-width:0}
-.section_cate{position:relative;width:149px;/*height:270px;*/display:table-cell;border-width:0px 0px 0px 1px;border-style:solid;border-color:#ccc;vertical-align:top;box-sizing:border-box}
-.section_cate:first-child{border-left:none}
-.section_cate:first-child .cate ul{width:148px}/*190604*/
-.cate ul{overflow:hidden;width:149px;padding:9px 10px 9px;box-sizing:border-box}
-.minor_wrap .cate ul{padding:9px 10px 15px}
-
-.category_listwrap .all_ranklist .rank_num,.category_listwrap .one_ranklist .rank_num{margin-right:5px;padding-right:0}
-
-/* 190611 추가 */
-.cate_gall_box .cate_box .section_cate .cate.firstcell{border-left:0px}
-
-/*신규 갤러리*/
-.new_gallery{padding-bottom:125px}
-.new_gallery .cate ul li a{color:#3b4890}
-.twoline{float:left;width:50%;box-sizing:border-box}
-.cate ul li{line-height:22px;height:22px}/*200130*/
-.cate ul li a.colortxt{color:#3b4890}
-.cate ul li a{display:inline-block;color:#555;font-size:12px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;max-width:128px;padding-right:13px}/*200130*/
-
-.new_gall{position:relative;color:#3b4890;font-weight:bold}
-.section_cate.severalcan:last-child{width:auto}
-.section_cate.severalcan{min-width:148px;width:auto;/*min-height:271px*/;height:auto}
-.severalcan .cate{display:table-cell;width:149px;border-left:1px solid #ccc;vertical-align:top}
-.severalcan .cate:first-of-type{border-left:0}
-.cate_tit{overflow:hidden;height:34px;padding:0 10px;line-height:34px;border-bottom:1px solid #ccc;background:#f3f3f3;border-top:1px solid #ccc;font-size:12px;color:#29367c}
-.cate_tit:first-child{border-top:0}
-.no_caption .cate_tit{border-bottom:none}/* 190611 추가 */
-.no_caption .section_cate{width:149px;box-sizing:content-box}
-.list_num{font-size:11px;color:#999;font-weight:normal;vertical-align:top}/*211118 폰트 버그 vertical-align 추가*/
-.btn_cate_more{overflow:hidden;float:right;height:15px;vertical-align:top;margin-top:10px}
-.cate .btn_cate_more{float:none;margin:3px 0 0 2px}
-.cate_wrap .btn_cate_more .icon_listmore, .mini_catebox .icon_listmore{vertical-align:top;margin-top:0;}/*211118 폰트 버그 margin-top:0 추가*/
-/*190604 지하갤*/
-.under_paging{height:35px;text-align:center;line-height:35px;border-top:1px #ccc solid}
-.category_listwrap .section_cate{position:relative}
-.under_paging{position:absolute;left:0;bottom:0px ;width:100%;background:#fff}
-.cate_bind:first-child .cate_box:first-child{border-top:0}
-.cate_bind .cate_box:first-child{border-top:1px solid #29367c}
-.cate_bind .cate_box:first-child .cate{padding-bottom:0}
-.cate_gall_box .cate,.cate_gall_box .cate_bind .cate_box:last-child .cate{padding-bottom:36px}
-/*.cate_bind:nth-child(2) .cate_box .cate{padding-bottom:10px} 240207 주석처리*/
-
-.sub_cate .cate_box:first-child .cate{padding-bottom:0}
-.block_line{border-top:1px #ccc solid}
-.cate .under_listbox li a{color:#999}
-.cate.more_uls ul:first-child{border-top:none;height:auto!important}
-.category_listwrap .cate.more_uls ul + ul:last-child{padding-top:0;margin-top:-9px}
-.deco_txt{display:inline-block;font-size:11px}
-.deco_txt.check{line-height:15px;color:#3b4890;font-weight:bold;margin-left:3px}
-.deco_txt.check > em{display:inline-block;width:15px;height:15px;margin-right:2px;vertical-align:-5px;background-position:-249px -321px;vertical-align: top}
-.cate_box:last-child .cate{padding-bottom:0}
-/*접근제한*/
-.cate ul li a.restriction{max-width:120px;color:#aaa}/*200130*/
-.cate_wrap .icon_restriction{top:5px}
-.personwrap .cate_wrap .icon_restriction{top: 50%;right: 0;transform: translateY(-50%)} /*240712 접근제한 추가*/
-
-/*흥한 갤러리, 흥한 마이너 갤러리*/
-.box_head{height:50px;line-height:50px;padding:0 12px 0 12px;background:#f3f3f3}
-.box_head_right{position:relative;float:right;margin-top:-2px}
-.btn_paging{display:inline-block;margin-left:3px}
-.gallmain .box_head .btn_paging, .hotcate_list .box_head .btn_paging{font-size:0;padding-top:1px}/*211118 폰트 버그 스타일 추가*/
-.btn_hotall_list{width:112px;height:21px;background-position:-175px -244px}/*흥한갤 전체 순위*/
-.icon_hotmgall,.icon_hotgall{display:inline-block;width:23px;height:8px;margin-right:6px;vertical-align:3px;background-position:-140px -226px}
-.hot_mgall .rank_list{padding:0 0 0 15px}
-.hot_mgall .rank_list:first-child{padding:0}
-.hot_mgall_box .rank_list li{width:191px;margin-bottom:12px}/*마이너갤러리 메인*/
-.hot_mgall .rank_txt{max-width:161px;width:auto;font-size:12px;padding-right:9px}
-.hot_mgall_box{float:left;width:417px;height:214px}
-.hot_mgall{padding:19px 0px 0 19px}
-.hot_gall_box{border:1px #d5d5d5 solid}
-.hot_gall{width:546px}/*0601*/
-.hot_gall_box .rank_list_box{padding:25px 12px 13px}
-.hot_gall_box .rank_list{padding:0 0 0 5px}
-.hot_gall_box .rank_list:first-child{padding:0}
-.hot_gall_box .rank_list li{width:126px;margin-bottom:15px}
-.hot_gall_box .rank_list li a, .hot_mgall .rank_list li a{font-size:0}
-.hot_gall_box .rank_list li .rank_txt{max-width:97px;width:auto;color:#555;font-size:12px;padding-right:7px}
-.hot_gall_box .rank_txt,.hot_mgall_box .rank_txt{position:relative}
-.hot_gall_box .icon_new,.hot_mgall_box .icon_new{position:absolute;right:0;top:1px}/*갤러리메인 주간 흥한 갤러리, 마이너 갤러리 흥한 갤러리 */
-.hot_mgall .mgall .rank_num, .hot_gall .rank_num{/*width:12px;height:12px;*/font-weight:normal}
-/* .hot_mgall .mgall .rank_num{margin-right:6px} */
-.hot_gall_box .rank_list li .rank_num{margin-right:5px}
-.hot_gall .last .rank_num{letter-spacing:-1.5px}
-
-/*게시판/강좌, 신규갤러, 스페셜 카테고리 리스트*/
-.hotcate_list .cate_wrap{padding-bottom:1px;border:1px #d5d5d5 solid}
-.hotcate_list .top_cate_wrap{width:170px}/*브라우저 배율 이슈로 추가*/
-.hotcate_list .top_cate_wrap .cate_box{width:168px;border-top-color:#d5d5d5}/*0601*/
-.hotcate_list .top_cate_wrap .section_cate{height:auto}
-.hotcate_list .top_cate_wrap .cate_tit{height:34px;line-height:34px;border-bottom:none}
-.hotcate_list .top_cate_wrap .cate{height:62px}
-.hotcate_list .top_cate_wrap .section_cate.new_gallery .cate{height:106px}
-.hotcate_list .top_cate_wrap .section_cate.new_gallery .cate > ul{overflow:hidden;max-height:100px}/*210906*/
-.hotcate_list .top_cate_wrap .cate > ul{overflow:hidden;width:168px;border-top:none;padding:9px 12px 10px 0}
-.hotcate_list .top_cate_wrap .cate ul li{line-height:20px;margin-left:12px}
-.hotcate_list .section_cate.new_gallery{padding-bottom:0}
-.hotcate_list .section_cate.new_gallery .icon_new{margin-left:0}
-
-.hotcate_list .top_cate_wrap .section_cate.new_gallery .icon_newgall{display:inline-block;width:26px;height:10px;background-position:-230px -961px;margin:0 1px 0 0px;vertical-align:1px}/*220307 갤러리 메인 신설갤 NEW 아이콘*/
-
-/*220419*/
-.cont_list.txt ~ .hotcate_list{margin-top:20px}
-.allandrank{position:relative;margin-top:22px}
-.miniwrap .allandrank, .minor_wrap .allandrank{position:relative;margin-top:28px}
-/*//220419*/
-
-
-/*마이너 갤러리 메인 카테고리별 리스트 */
-.minor_wrap.gallmain .category_listwrap{margin-top:25px}
-.minor_wrap.gallmain .cate_mgall_box{margin-top:0}
-.cate ul li.no_newgall,.cate ul li.empty_mgall,.empty_mgall{text-align:center;font-size:12px;color:#999;line-height:18px}
-
-/*//갤러리 메인*/
-
-/*리스트,뷰*/
-.list_bottom_btnbox button:first-child{margin-left:0}
-.list_bottom_btnbox, .view_bottom_btnbox{margin-top:12px}
-.list_bottom_btnbox > div >button:first-child{margin-left:0}
-.list_bottom_btnbox > div >button{margin-left:3px}
-.nft .view_bottom_btnbox{position:relative}/*221027 추가*/
-/*//리스트,뷰*/
-
-/*리스트*/
-.gall_listwrap{position:relative}
-.list_array_option{display:table;width:840px;height:32px;margin:15px 0 5px}
-.array_tab {display:table-cell;width:1%;white-space:nowrap;vertical-align:top}
-.array_tab.left_box{font-size:0 }/*220728 추가*/
-.array_tab button,
-.btn_estimatego
-{width:82px;height:32px;border:1px solid #ccc;border-radius:2px;font-size:14px;font-weight:bold;color:#333;margin-left:2px;background:#fff;padding-bottom:2px}/*220728 .btn_estimatego추가*/
-.array_tab button:first-child{margin-left:0}
-.array_tab button:hover, .btn_estimatego:hover{border:1px solid #3b4890}
-.array_tab button.on,
-.btn_estimatego.on
-{border:1px solid #29367c;background:#3b4890;color:#fff;text-shadow: 0px -1px #1d2761}
-
-/*230106 추가*/
-.tradego{display:inline-block;min-width:82px;height:32px;line-height:28px;box-sizing:border-box;padding:0 15px;border:1px solid #ccc;border-radius:2px;font-size:14px;font-weight:bold;color:#333;margin-left:2px;background:#fff;;vertical-align: top}/*개죽이 nft 매매*/
-.tradego:hover{text-decoration:none;border:1px solid #3b4890 }
-.tradego.on{border:1px solid #29367c;background:#3b4890;color:#fff;text-shadow: 0px -1px #1d2761}
-/*//230106 추가*/
-
-.subject_inner{position:absolute;max-width:60px;height:13px;line-height:11px;padding:1px 3px;border:1px solid #ccc;
- background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:2;margin-top:1px;margin-left:1px
-}/*211118 폰트 버그 line-height:15px 수정 margin-top:1px;margin-left:1px 추가 */
-
-.btn_estimatego{display:inline-block;text-align:center;box-sizing:border-box;vertical-align:top;padding-bottom:0;line-height:28px}/*220728 견적 버튼 추가*/
-.btn_estimatego:hover{text-decoration:none }
-.mark{background:#fff200;color:#ee3c24}
-.spoiler{color:#059a25} /*240123 추가*/
-
-.miniwrap .array_tab button:hover, .miniwrap .btn_estimatego:hover, .miniwrap .tradego:hover{border:1px solid #4f4dc6}/*230106 tradego 추가*/
-.miniwrap .array_tab button.on, .miniwrap .btn_estimatego.on, .miniwrap .tradego.on{border:1px solid #4f4dc6;background:#6f6dd9;color:#fff;text-shadow: 0px -1px #4d4cce}
-
-/********************************************** 말머리 **********************************************/
-.center_box{position:relative;display:table-cell;line-height:0px}
-.center_box .inner {position:relative;display:inline-block;height:32px}
-.center_box .inner > ul{float:left;overflow:hidden;height:26px;padding-top:6px;padding-right:10px;margin-left:7px;line-height:32px;}
-.center_box .inner > ul li{display:inline-block;padding-left:14px}
-.center_box ul li a{color:#444}
-.center_box ul li a.on{font-weight:bold}
-.btn_subject_more{width:20px;height:20px;position:absolute;margin-top:10px}
-.icon_subject_more{display:inline-block;width:9px;height:5px;background-position:-140px 0}
-.subject_morelist{position:absolute;right:-14px;top:34px;margin-left:6px;background:#f3f3f3;border:1px #ccc solid;text-align:left;z-index:1}
-.subject_morelist ul{width:65px;padding:5px 8px 3px}
-.subject_morelist ul li{display:block;height:19px;padding-left:0;line-height:19px}
-.subject_morelist ul li a{color:#333}
-.center_box ul li a.font_red,.subject_list li.font_red {color:#d31900}/*241119 매니저 말머리*/
-/********************************************** //말머리 **********************************************/
-
-.list_array_option .right_box{position:relative;z-index:1}/*220303 레이어겹침 추가*/
-.right_box{float:right;display:-ms-grid;min-width:90px;height:21px;width:max-content;width:-moz-max-content;-ms-grid-columns:max-content;vertical-align:top;padding-top:11px}
-.right_box .output_array{display:table;margin-left:40px}
-.array_num,.array_sel{display:table-cell}
-.array_num a{display:inline-block;width:41px;padding:0 5px}
-.array_num .select_area{padding:0;width:51px}
-.right_box .output_array{padding-top:0}
-
-.switch_btnbox{width: 1%; display: table-cell; white-space: nowrap;font-size:0;vertical-align:top}/*220411 vertical-align 추가*/
-.list_array_option .right_box .array_num .option_box li > a{padding:0}/*글자 노출수 셀렉*/
-
-
-/*앨범형,게시판형 on,off 버튼*/
-.btn_boardlist{width:21px;height:21px;padding:4px;border:1px solid #29367c;background:#fff;vertical-align:top}
-.btn_boardlist .inner{display:block;width:11px;height:1px;margin:1px auto 0;background:#3b4890}
-.btn_boardlist .inner:first-of-type{margin-top:0}
-.btn_albumlist{overflow:hidden;width:20px;height:21px;padding:4px 4px 4px 3px;margin-right:2px;border-width:1px 1px 1px 0;border-style:solid;border-color:#29367c;border-left:0;background:#fff;vertical-align:top}
-.btn_albumlist .inner{float:left;width:5px;height:5px;background:#3b4890;margin:0px 0 1px 1px}
-.btn_boardlist.on{background:#3b4890}
-.btn_boardlist.on .inner{background:#fff}
-.btn_albumlist.on{background:#3b4890}
-.btn_albumlist.on .inner{background:#fff}
-.btn_write{width:21px;height:21px;display:inline-block;background-position:-196px -337px;line-height:0}/*글쓰기 버튼*/
-.miniwrap .btn_write{background-position:-260px -453px;}/*미니갤 글쓰기*/
-
-/*220411 텍스트형 글쓰기 버튼 추가*/
-.btn_write.txt{
-width:66px;box-sizing:border-box;padding:0px 6px;border:1px solid #29367c;background:#fff;
-font-weight:bold;font-size:12px;color:#29367c;line-height:19px;vertical-align:top;letter-spacing:-0.025em;text-align:center
-}
-.btn_write.txt::before{
-content:'';display:inline-block;width:15px;height:15px;margin-right:3px;margin-top:2px;
-background:url(/sp_image.png)no-repeat -133px -1023px;;vertical-align:top
-}
-.btn_write.txt:hover{text-decoration:none}
-
-.miniwrap .btn_write.txt{border-color:#4f4dc6;color:#4f4dc6}
-.miniwrap .btn_write.txt::before{background-position:-156px -1023px}
-/*//220411 텍스트형 글쓰기 버튼 추가*/
-
-/*게시판형 리스트*/
-.gall_list{width:100%;border-bottom:1px solid #29367c;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif}
-th{height:37px;border-width:2px 0 1px;border-style:solid;border-color:#29367c;vertical-align:middle;text-align:center;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-
-td{padding:2px 4px;border-top:1px solid #eee;vertical-align:middle;text-align:center;color:#333}
-tr:first-child td{border-top:none}
-tbody tr:hover{background:#f3f3f3}
-.editor_wrap tbody tr:hover, .writing_view_box tbody tr:hover{background:none}
-
-.crt{background:#f4f6ff}
-.crt_icon{display:block;width:6px;height:11px;margin:0 auto;background-position:-195px -231px}
-.gall_list td{padding:0px 4px}
-.list .gall_list td{height:25px}
-.tbt.bg{background:#edf1fa;font-weight:bold}/*210303 실시간 베스트 배경색*/
-
-.gall_chk{padding:2px 0}/*마이너 관리자 체크박스*/
-.gall_list .gall_num,.gall_list .gall_date,.gall_list .gall_count,.gall_list .gall_recommend{font-family:tahoma,sans-serif;font-size:11px;padding-top:1px}
-.gall_subject{position:relative}
-.list .gall_subject{padding:2px 0px 0 0}
-.gall_tit{position:relative;text-align:left;font-size:13px}
-.gall_tit a{display:inline-block;max-width:82%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
-.gall_tit.voice_tit a, .gall_tit.adult_tit a, .miniwrap .gall_tit.voice_tit a, .miniwrap .gall_tit.adult_tit a{max-width:81%}/*보이스 글, 성인 게시글*/
-.uminor_admin .gall_tit a, .miniwrap .uminor_admin .gall_tit a{max-width:79%}/*210927 매니저 어드민 수정*/
-.uminor_admin .gall_tit.icon_four a, .miniwrap .uminor_admin .gall_tit.icon_four a{max-width:69%}/**210927 아이콘4개 추가*/
-.uminor_admin .gall_tit.icon_three a, .miniwrap .uminor_admin .gall_tit.icon_three a{max-width:73%}/**210927 아이콘3개 추가*/
-.uminor_admin .gall_tit.icon_two a, .miniwrap .uminor_admin .gall_tit.icon_two a{max-width:76%}/**210927 아이콘2개 추가*/
-
-.list .gall_tit a{padding-top:1px;line-height:100%}
-.list .gall_tit a:visited, .list .gall_tit a:visited .spoiler{color:#770088}
-.gall_writer{position:relative;font-size:13px;cursor:pointer}
-.list .gall_writer{padding-top:2px}
-.list .nickname{display:inline-block;max-width:64%;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.list .nickname.in{max-width:81%}/*210913 66%수정*//*211118 폰트 버그 max-width:84%*/
-.list .nickname em{line-height:13px}
-.list .gall_tit a.reply_numbox{width:auto;vertical-align:text-bottom;letter-spacing:-0.05em}/*211118 폰트 버그 vertical-align:bottom*/
-
-.reply_num{font-size:12px;color:#999}
-.list .ip{letter-spacing:-0.05em;margin-left:3px}
-.list .icon_moving{width: 13px} /*240513 공지 리스트 순서변경 아이콘*/
-
-
-/*240229 실베) 게시판형 리스트_썸네일 추가*/
-.gall_list tr.thum .gall_tit{height: 33px;padding-left: 62px;position: relative}
-.gall_list tr.thum .gall_tit .thumimg{position: absolute;top: 50%;left: 0;transform: translateY(-50%)}
-.gall_list tr.thum .gall_tit .thumimg{width:53px;height:28px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:60px auto}/*메인 실베썸네일 70%크기*/
-.gall_list tr.thum .gall_tit .thumimg img{display:block;width:53px;min-height:28px}
-
-.gall_list tr.thum .gall_tit .thumimg1{background-image:url(https://nstatic.dcinside.com/dc/w/images/thumimg1.png)} /*main.css*/
-.gall_list tr.thum .gall_tit .thumimg2{background-image:url(https://nstatic.dcinside.com/dc/w/images/thumimg2.png)}
-.gall_list tr.thum .gall_tit .thumimg3{background-image:url(https://nstatic.dcinside.com/dc/w/images/thumimg3.png)}
-.gall_list tr.thum .gall_tit .thumimg4{background-image:url(https://nstatic.dcinside.com/dc/w/images/thumimg4.png)}
-.gall_list tr.thum .gall_tit .thumimg5{background-image:url(https://nstatic.dcinside.com/dc/w/images/thumimg5.png)}
-/*//240229 실베) 게시판형 리스트_썸네일 추가*/
-
-.icon_go{display:inline-block;width:5px;height:9px;margin-left:6px;background-position:-36px -45px}
-.user_data .icon_go{margin-left:10px}
-.icon_img{display:inline-block;width:15px;height:15px;vertical-align:-3px;margin-right:7px;background-image:url(/icon_img.png);background-repeat:no-repeat}
-.icon_notic{background-position:0px 0}/*공지*/
-.icon_toprecomimg{background-position:0px -25px}/*초개념*/
-.icon_recomimg{background-position:0px -50px}/*이미지개념*/
-.icon_recomtxt{background-position:0px -75px}/*텍스트 개념*/
-.icon_pic{background-position:0 -100px}/*이미지*/
-.icon_txt{background-position:0px -123px}/*텍스트*/
-.icon_movie{background-position:0px -147px}/*동영상*/
-.icon_recomovie{background-position:-3px -362px}/*210330 개념 동영상*/
-.icon_survey{background-position:0px -170px}/*설문*/
-.icon_issue{background-position:0px -193px}/*이슈*/
-.icon_ad{background-position:0px -193px}/*광고*/
-.icon_voice_tit{display:inline-block;width:9px;height:13px;background-position:-241px -214px;vertical-align:-3px}/*보이스글 아이콘*/
-.icon_slow{background-position:0px -216px}/*mini 느린글*/
-.icon_secret, .icon_secret2{background-position:0px -284px} /*201020 아이콘변경*/
-.icon_vote_tit{display:inline-block;width:11px;height:11px;background-position:-285px -438px;vertical-align:-2px}/*201110 mini 투표 아이콘*/
-.icon_fnews{background-position:0px -261px}/*공지뉴스*/
-.icon_autodel_tit{display:inline-block;width:13px;height:13px;background-position:-247px -818px;vertical-align:-3px}/*201207 mini 자동삭제 아이콘*/
-.icon_rtimebest{display:inline-block;width:15px;height:18px;background-position:-3px -309px;vertical-align:-5px}/*210303 운영자 선택 실시간 베스트 탑고정 아이콘*/ /*220530 width값 포지션값 수정*/
-.icon_btimebest{display:inline-block;width:15px;height:15px;background-position:-3px -337px;vertical-align:-3px}/*210303 운영자 선택 실시간 베스트 아이콘*/
-.icon_lrtimebest{display:inline-block;width:15px;height:18px;background-position:-3px -437px}/*220530 실베 라이트 탑고정 아이콘*/
-.icon_lbtimebest{display:inline-block;width:15px;height:15px;background-position:-3px -465px;vertical-align:-3px}/*220530 실베 라이트 아이콘*/
-
-.icon_hit{background-position:-3px -387px}/*210524 힛갤러리*/
-.icon_lottery{background-position:-3px -412px}/*220221 디시로터리*/
-
-.icon_ai{background-position: -3px -818px}/*230214 ai*/
-.icon_recoai{background-position: -3px -842px}/*230710 개념 ai*/
-
-.icon_nft{background-position:-3px -513px}/*221018 nft*/
-.icon_reconft{background-position:-3px -538px}/*221018 개념 nft*/
-
-.icon_dctrend{background-position: -3px -877px}/*241108 디시트렌스*/
-
-
-.album .icon_voice_tit{vertical-align:-3px}
-.gall_list.empty td{color:#555;height:250px}
-.gall_list.empty .empty_list td{height:25px;color:#333}/*200708 게시글 없음시 설문or 공지등록*/
-.gall_list.empty tr:hover{background:none}
-
-/*201021 접근제한*/
-.access_limit{height:1440px}
-.access_limit.gall_list tbody::before{content:"";display:block;position:absolute;left:0;top:-1px;width:100%;height:1399px;margin-top:41px;background-repeat:no-repeat;background-position:0 0px;border-bottom:1px solid #29367c;z-index:1}
-.access_limit.gall_list.case1 tbody::before{background-image:url(https://nstatic.dcinside.com/dc/w/images/blur1.png)}
-.access_limit.gall_list.case2 tbody::before{background-image:url(https://nstatic.dcinside.com/dc/w/images/blur2.png)}
-.access_limit.gall_list.case3 tbody::before{background-image:url(https://nstatic.dcinside.com/dc/w/images/blur3.png)}
-.access_limit.gall_list.case4 tbody::before{background-image:url(https://nstatic.dcinside.com/dc/w/images/blur4.png)}
-.access_limit.gall_list.case5 tbody::before{background-image:url(https://nstatic.dcinside.com/dc/w/images/blur5.png)}
-
-/*앨범형 리스트*/
-.album .gall_list{border-bottom:2px solid #29367c}
-.album .gall_list tr{height:30px}
-.brd_topblue td{border-top:1px solid #29367c}
-.album_box{height:auto;margin:20px 0 0}
-.album_head:hover{background:none}
-.album_head .gall_chk{vertical-align:top;padding:16px 0 11px}
-.album_head .gall_subject{padding:16px 0 11px;vertical-align:top}
-.album_head .gall_tit{padding:14px 15px 11px 3px}
-.album_head .gall_tit a{max-width:100%}
-.album_head .gall_tit.voice_tit a{max-width:98%}/*보이스 글*/
-.album .gall_tit a > b{padding-right:1px}
-.album_head .gall_writer{margin:7px 0 0 22px;cursor:default;line-height:15px}
-.album_head .gall_writer:after{clear:both;display:block;visibility:hidden;content:""}
-.album_head .gall_writer > .fl > span:first-child{cursor:pointer}
-.album_head .gall_date{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px}
-.album_head .gall_date::before{content:"";display:inline-block;width:1px;height:12px;background:#ccc;margin:0 12px 0 8px;vertical-align:-2px}
-.album_head .gall_count{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px}
-.album_head .gall_recommend{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px}
-tbody tr.album_body:hover{background:none}
-.album_body td{height:auto;padding:0;border-bottom:2px solid #29367c;text-align:left;font-size:13px}
-.album_body{position:relative;width:100%}
-.album_contbox{position:relative;margin-bottom:22px;padding:19px 0px 0}
-.album_contbox img{max-width:100%}
-.album_cont{line-height:20px;word-break: break-all;word-wrap: break-word}
-.album_cont.hide{overflow:hidden;max-height:435px;padding-bottom:0px}/*앨범형 리스트 이미지+텍스트형 닫힘*/
-.album_cont.txt{overflow:hidden;max-height:39px}/*앨범형 리스트 텍스트형2줄 닫힘*/
-.album_cont .inner{margin-bottom:50px;padding:0 15px 0}
-.album_cont.hide .inner{margin-bottom:0}
-.album_cont.hide .inner::after,.album_cont.txt .inner::after{clear:both;display:block;visibility:hidden;content:""}
-.album_img {overflow:hidden;position:relative;max-width:810px;max-height:400px;margin-bottom:15px}
-.album_cont.hide .inner .album_img{cursor:default}
-.album_cont.txt .inner{margin-bottom:0}
-.album_cont.hide .inner .album_txtbox,.album_cont.hide .album_img img,.album_cont.txt .album_txtbox{cursor:pointer}
-.txt .album_txtbox, .hide .album_txtbox{float:left;margin-right:53px}
-.hide .album_txtbox{height:20px;}
-.list_bottom_btnbox:after{clear:both;display:block;visibility:hidden;content:""}
-.bnt_album_more{position:absolute;right:15px;bottom:2px;display:block;font-weight:bold;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:12px;color:#3b4890;text-decoration:underline}
-
-/*
-.list .gall_list .writer_nikcon img{margin-left:2px;cursor:pointer;vertical-align:middle}
-.gall_list .comment_box .writer_nikcon img{margin-left:2px}
-*/
-/*갤리스트 검색결과*/
-.list_result_tit{margin:25px 0 13px;font-size:14px;color:#29367c}
-.result .btn_blue{width:82px;height:35px}
-.list #kakao_seach_list .gall_tit a{line-height:26px}/*211118 폰트 버그 추가*/
-
-/*자살방지*/
-.prevention_txtbox{margin-bottom:15px;;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;line-height:18px}
-.integrate_cont.suicide_prevention{padding:27px 0 0px;border-bottom:none}
-.integrate_cont .prevention_txtbox{height:65px;padding-top:25px;font-size:14px;line-height:20px;background-color:#f3f3f3;font-weight:bold;text-align:center}
-.integrate_sch .inner .integrate_cont.suicide_prevention:first-child{padding-top:0}
-.prevention_imgbox{position:relative}
-.suicide_prevention .link_box,.prevention_imgbox span.tbox{position:absolute;display:block;width:165px;height:20px;line-height:0;font-size:0;filter:alpha(opacity=0);opacity:0;background:#ccc}
-/* .suicide_prevention .link_box.box1{left:45px;bottom:46px}중앙자살예방센터 바로가기
-.suicide_prevention .link_box.box2{left:238px;bottom:67px;width:135px}청소년 상담센터
-.suicide_prevention .link_box.box3{left:238px;bottom:46px}한국생명의전화 */
-.prevention_imgbox .tbox.box0{left:45px;bottom:68px}
-.prevention_imgbox .tbox.box4{left:250px;bottom:25px}/*정신건강상담*/
-/*230427 자살예방배너 변경*/
-.suicide_prevention .link_box.box0{left:45px;bottom:66px}/*자살예방상담전화 1393*/
-.suicide_prevention .link_box.box1{left:45px;bottom:46px}/*한국생명의전화*/
-.suicide_prevention .link_box.box2{left:250px;bottom:67px;width:170px}/*청소년사이버상담센터*/
-.suicide_prevention .link_box.box3{left:250px;bottom:46px}/*청소년카톡상담*/
-.gall_list .suicide_prevention .link_box.box0{left: 403px;bottom:37px;width: 135px}/*자살예방상담전화 1393*/
-.gall_list .suicide_prevention .link_box.box1{left:380px;bottom:15px}/*중앙자살예방센터*/
-
-/*플로팅 광고 배너
-.ban_floating{position:relative;width:100px}
-.floating_box{position:fixed}
-.floating_close{position:absolute;top:0;right:0;width:20px;height:20px}
-.floating_close img{width:100%}
-.floating_img{width:100px;height:100px}
-.floating_img img{width:100%}
-*/
-/*210727 성인 게시물*/
-/*210727 성인 게시물*/
-.gall_tit.voice_tit.adult_tit a, .gall_tit.voice_tit.adult_tit.icon_two a{max-width:77%}
-.gall_tit.icon_two a, .miniwrap .gall_tit.icon_two a{max-width:76%}/*아이콘 2개일때*/
-.gall_tit.icon_three a, .miniwrap .gall_tit.icon_three a{max-width:73%}/*아이콘 3개일때*/
-.gall_tit.icon_four a, .miniwrap .gall_tit.icon_four a{max-width:69%}/*아이콘 4개일때*/
-
-.icon_sadult{display:inline-block;width:17px;height:17px;background-position:-227px -909px;vertical-align:-5px;margin-left:-1px}/*211118 폰트 버그*/
-/*.icon_autodel_tit + .icon_sadult{margin-left:-1px}미니 리스트*/
-.list .tbt.bg .icon_sadult{vertical-align:-5px}
-.icon_sadult + .reply_numbox{text-indent: -1px}
-/*.sp_img + .sp_img.icon_sadult{margin-left:-1px}*/
-
-
-/*220530 실시간 베스트 개선(탭)*/
-.listwrap .time_best{display:inline-block;margin-left:20px }
-.listwrap .time_best .tablist{font-size:0}
-.listwrap .time_best .tab_btn{height:32px;padding-bottom:2px;font-size:14px;color:#29367c;font-weight:bold;margin-left:12px}
-.listwrap .time_best .tab_btn:first-child{margin-left:0}
-.listwrap .time_best .tab_btn:after{content:"";display:inline-block;width:16px;height:16px;vertical-align:text-top;margin-left:3px;
-background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?1)no-repeat -109px -1047px;
- }
-.listwrap .time_best .tab_btn.light > span{color:rgba(255,153,0)}
-.listwrap .time_best .tab_btn.night > span{color:rgba(133,95,137)}
-.listwrap .time_best .tab_btn.best.on:after{background-position:-133px -1047px}/*실시간 베스트*/
-.listwrap .time_best .tab_btn.light.on:after{background-position:-133px -1071px}/*실시간 라이트*/
-.listwrap .time_best .tab_btn.night.on:after{background-position:-109px -1071px}/*실시간 나이트*/
-/*//220530 실시간 베스트 개선(탭)*/
-/*241108 디시트렌드 추가 노출*/
-.trendalign{width:840px;float:left}
-.list_trend .gall_tit a{color:#009933}
-.view_wrap .trendalign{margin-top:20px}
-/*//241108 디시트렌드 추가 노출*/
-
-
-/*//리스트*/
-
-/**************************************************************** 뷰 *****************************************************************/
-#bottom_listwrap{position:relative;margin-top:20px}
-.view_content_wrap{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px;color:#333}
-.gallview_head{margin:16px 0 29px;padding-bottom:11px;border-bottom:1px solid #eee}
-.gallview_head .title{padding:0 2px;margin-bottom:7px;font-size:14px}/*211118 폰트 버그 margin-bottom:9px;*/
-.gallview_head .title.autodel{margin-bottom:9px}/*자동 삭제된 글입니다. *//*211118 폰트 버그 스타일 추가*/
-
-.gallview_head .gall_writer{padding:0 2px}
-.gallview_head .gall_date::before{content:"";display:inline-block;width:1px;height:12px;background:#ccc;margin:0 10px 0 6px;vertical-align:-2px}
-.gallview_head .gall_writer > .fr{padding-right:7px}
-.gallview_head .gall_writer .fr > span::before, .album_head .gall_writer .fr > span::before{content:"";display:inline-block;width:1px;height:12px;background:#ccc;margin:0 10px 0 6px;vertical-align:-1px}/*201217*/
-.gallview_head .gall_writer .fr > span:first-child::before,.album_head .gall_writer .fr > span:first-child::before{display:none}
-.gallview_head .gall_date,.gallview_head .gall_count,.gallview_head .gall_reply_num, .gallview_head .gall_comment {cursor:default}
-.gallview_head .gall_comment a{display:inline-block;height:20px;line-height:20px;padding:0 10px;background:#eee;border:1px #ccc solid;border-radius:50px}/*211118 폰트 버그 line-height:21px*/
-.gallview_head .gall_comment a:hover{text-decoration:none}
-
-.txt_plusminus{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-weight:bold;font-size:13px;cursor:pointer}/*201217 폰트 확대 축소*/
-.txt_plusminus.plus{font-size:16px;vertical-align:-1px}/*201217 폰트 확대 축소*/
-.txt_plusminus.minus{color:#999;vertical-align:0}/*201217 폰트 확대 축소*/
-
-.view_content_wrap .comment_dccon,.album_cont .comment_dccon{margin-bottom:0}
-.icon_write_mbl,.icon_write_app{display:inline-block;width:11px;height:14px;margin-left:9px;vertical-align:-1px}
-.icon_write_mbl{background-position:-263px 0}
-.icon_write_app{background-position:-278px 0}
-.gallview_contents{line-height:22px}
-.gallview_contents > .inner{margin-bottom:50px}
-.view_content_wrap .writing_view_box td{text-align:left;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif}
-.writing_view_box{float:left;max-width:900px;word-break:break-all;line-height:1.5}
-.writing_view_box img{max-width:100%;/*vertical-align:top*/} /*250109 본문 이미지 하단 정렬로 변경*/
-.writing_view_box ul, .writing_view_box ol{padding-left:15px}
-/*231108 매니저 이미지 차단 관련 추가*/
-.writing_view_box .btn_img_block + .btn_img_block{margin-top: 10px}
-.writing_view_box .btn_img_block{background: #fff;color: #29367c;border: 1px solid #ccc;border-radius: 3px;display: block;width:280px;height: 32px;line-height: 30px;padding:0 12px 0 11px;font-size:13px;letter-spacing:-0.025em}
-.writing_view_box .btn_img_block.ing{background: #f8f8f8}
-.writing_view_box .btn_img_block img{vertical-align: -3px}/*231226 이미지 버튼으로 변경*/
-/*//231108 매니저 이미지 차단 관련 추가*/
-.writing_banbox{float:right;max-width:160px}
-.bottom_btnbox{overflow:hidden}
-/* 221012 실베라이트 아이콘 추가 */
-.title_headicon .tip_box3{margin: -30px 0 0 -9px}
-.title_headicon .tip_box3:after{left: 5%}
-.title_headicon .icon_lbtimebest{vertical-align: -2px;margin: 0;background-position: -1px -484px}
-
-/*240123 본문 스포일러 경고 영역*/
-.spoiler_wrap{position: relative;margin-bottom: 14px}
-.spoiler_wrap .ly_blackclose{top: 22px;right: 22px}
-.spoiler_inner{background: #e8ecfc;width: 100%;text-align: center;font-size: 0;padding: 85px 0 110px;box-sizing: border-box}
-.spoiler_inner .txt_wrap{position: relative}
-.spoiler_inner .txt_wrap > .tit{letter-spacing: -0.025em;font-size: 30px;color: #000}
-.spoiler_inner .txt_wrap > .tit span{font-size: 31px}
-.spoiler_inner .txt_wrap > .tit::before{content: "";display: inline-block;width: 28px;height: 26px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png?0215) no-repeat -322px -145px;vertical-align: 0px;margin-right: 8px}
-.spoiler_inner .txt_wrap > .txt{display: inline-block;letter-spacing: -0.025em;font-size: 18px;margin-top: 10px}
-.spoiler_inner .img_wrap{position: relative;font-size: 0;padding: 110px 0 130px;margin-top: 65px}
-.spoiler_inner .img_wrap::before,
-.spoiler_inner .img_wrap::after{content: "";display: inline-block;width: 62px;height: 59px;background: url(https://nstatic.dcinside.com/dc/w/images/icon_scroll.png) no-repeat center center/contain;position: absolute;left: 50%;transform: translateX(-50%)}
-.spoiler_inner .img_wrap::before{top: 0}
-.spoiler_inner .img_wrap::after{bottom: 0}
-/*//240123 본문 스포일러 경고 영역*/
-
-/*추천검색*/
-.sch_alliance{display:block;float:left;line-height:23px;border:1px solid #c4c4c4;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;color:#666;font-size:12px}
-.sch_alliance{height:21px;padding:0 13px;border-radius:50px}
-.icon_sch_alliance{display:inline-block;width:6px;height:11px;background-position:-211px -44px;vertical-align:-1px}
-.sch_alliance_box{position:relative;margin-bottom:52px}
-.sch_logbox{position:relative;margin-left:3px}
-.sch_logbox > div{height:25px}
-.sch_logbox a{display:inline-block;height:20px;padding:0 6px;margin:2px 0 0 5px;line-height:20px;background:#f3f3f3;
- font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:14px;color:#29367c;letter-spacing:-0.03em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap
-}
-.basic_key{margin:0px}
-
-/*********************추천 비추천****************************/
-.btn_recommend_box{width:288px;height:auto;margin:0 auto 36px;padding-top:19px;border:1px solid #c4c4c4;border-radius:2px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;clear:both}/*201202 앨범형 일부글 영역관련 대응 clear 추가*/
-.btn_recommend_box .inner{overflow:hidden;width:139px;margin-bottom:13px;padding:0}
-.up_num_box,.down_num_box{text-align:center;font-size:16px;font-weight:bold;color:#555}
-.up_num_box{float:left;width:67px;padding:10px 0 0 11px}
-.down_num_box{float:right;width:64px;padding:17px 12px 0 0}
-.sup_num{line-height:12px}
-.smallnum{font-size:11px;font-weight:normal}
-.btn_recom_up{float:right;width:56px;outline:none}
-.btn_recom_down{float:left;width:56px;outline:none}
-.icon_recom_up,.icon_recom_down{display:inline-block;width:56px;height:56px}
-.icon_recom_up{background-position:0 -315px}
-.btn_recom_up.on .icon_recom_up{background-position:0 -440px}
-.icon_recom_down{background-position:0 -377px}
-.recom_bottom_box{clear:both;position:relative;height:37px;border-top:1px solid #c4c4c4}
-.btn_hitgall,.btn_snsmore,.btn_report, .btn_nhitgall, .btn_silbechu{display:block;float:left;width:95px;height:37px;margin-left:1px;border-right:1px solid #c4c4c4;
- background:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:12px;color:#555;text-shadow:0px 1px #fff
-}/*220530 btn_silbechu 추가*/
-.btn_hitgall, .btn_nhitgall{margin-left:0}/*220303 btn_nhitgall 추가*/
-.btn_hitgall.not, .btn_nhitgall.not,.btn_silbechu.not{cursor:default;outline:none;color:#c2c2c2}/* 220614 btn_silbechu추가*/
-
-.btn_hitgall.not .icon_hitgall, .btn_nhitgall.not .icon_nhitgall, .btn_silbechu.not .icon_silbechu{opacity:0.3}/* 220614 .btn_silbechu.not .icon_silbechu 추기*/
-.btn_snsmore{width:96px}
-.btn_report{border-right:0}
-.icon_hitgall, .icon_snsmore, .icon_report, .icon_silbechu{display:inline-block}/*220530 icon_silbechu 추가*/
-.icon_hitgall{width:23px;height:20px;background-position:-74px -284px;margin-right:6px;vertical-align:-4px}
-.icon_snsmore{width:17px;height:20px;background-position:-74px -262px;margin-right:6px;vertical-align:-4px}
-.icon_report{width:18px;height:20px;background-position:-74px -241px;margin-right:6px;vertical-align:-4px}
-.icon_nhitgall{display:inline-block;width:24px;height:23px;background-position:-109px -991px;vertical-align:-6px;margin-right:4px}/*220303 힛추 아이콘 변경*/
-.morebox .icon_nhitgall{width:25px;height:25px;background-position:-237px -983px}/*220530 */
-.btn_nhitgall ~ .btn_snsmore .icon_snsmore, .btn_nhitgall ~ .btn_report .icon_report{vertical-align:-5px} /*220303 추가*/
-
-/*220530 실베추 추가*/
-.btn_recommend_box.morebox{min-width:288px;width:auto;display:table}
-.btn_recommend_box.morebox .inner_box{text-align:center;font-size:0;}
-.btn_recommend_box.morebox .inner{display:inline-block;margin-bottom:2px }
-.btn_recommend_box.morebox .inner + .inner{margin-left:10px}
-.icon_silbechu{width:23px;height:23px;background-position:-270px -983px;margin-right:3px;margin-top:2px;vertical-align:-8px}
-
-.btn_recommend_box.morebox .icon_nhitgall{margin-top:2px;margin-right:2px;vertical-align:-9px}
-.btn_recommend_box.morebox .recom_bottom_box{height:36px}
-
-.btn_recommend_box.morebox .btn_snsmore,
-.btn_recommend_box.morebox .btn_report,
-.btn_recommend_box.morebox .btn_nhitgall,
-.btn_recommend_box.morebox .btn_silbechu
-{position:relative;width:85px;height:36px;margin-left:0;box-sizing:content-box}
-
-/*220630 버튼3개*/
-.btn_recommend_box.morebox .three .btn_nhitgall, .btn_recommend_box.morebox .three .btn_report, .btn_recommend_box.morebox .three .btn_silbechu{width:95px}
-.btn_recommend_box.morebox .three .btn_snsmore{width:96px}
-.btn_recommend_box.morebox .three .btn_silbechu:first-child::before{display:none}
-/*//220630 버튼3개*/
-
-/*220722 버튼 2개(힛갤)*/
-.btn_recommend_box.morebox .two.recom_bottom_box > button{width:50%!important;box-sizing:border-box;}
-.btn_recommend_box.morebox .two.recom_bottom_box > button:first-child::before{display:none }
-/*//220722 버튼 2개(힛갤)*/
-
-.btn_recommend_box.morebox .btn_snsmore::before,
-.btn_recommend_box.morebox .btn_report::before,
-.btn_recommend_box.morebox .btn_silbechu::before
-{content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:#fff}
-/*//220530 실베추 추가*/
-
-/*241115 개념글 미사용 말머리 안내 표시*/
-.btn_recommend_box .obstruct{position:relative; ;overflow:visible}
-.btn_recommend_box .i_obstruct{position:absolute;right:-2px;bottom:2px}
-.i_obstruct{display:inline-block;width:16px;height:18px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?1) no-repeat;background-position:-221px -1174px;position:relative;line-height:100%;vertical-align:-4px;margin-left:2px
-}
-.btn_recommend_box.recomuse_n .obstruct.inner{padding-right:0;margin-right:82px}
-/*//241115 개념글 미사용 말머리 안내 표시*/
-/********************* //추천 비추천 ****************************/
-
-
-/*본문 코드등록*/
-.recommend_kapcode{overflow:hidden;width:288px;height:31px;border:1px #c4c4c4 solid;border-radius:2px;margin:0 auto 10px}
-.recommend_kapcode .kap_codeimg{margin:0;float:left}
-.recom_input_kapcode{float:left;width:128px;height:31px;padding:0 10px 0 10px;line-height:29px;border:none;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif}
-.view_bottom_btnbox{padding-bottom:20px}
-.view_bottom_btnbox .fl button{margin-left:3px}
-.view_bottom_btnbox .fl button:first-child{margin-left:0px}
-
-.write_div div{padding-bottom:5px}
-#zzbang_div{padding-bottom:0}
-.gallview_head .icon_sadult{margin-left:7px;vertical-align:-3px}/*211118 폰트 버그 vertical-aling:-3px 추가*/
-.gallview_head .title_device + .icon_sadult{margin-left:3px;}/*211118 폰트 버그 margin-top:-1px삭제*/
-
-.gallview_contents .lnk{color:#0066cc;text-decoration:none}/*220715 uiux 개선*/
-.gallview_contents .lnk:hover{text-decoration:underline}/*220715 uiux 개선*/
-
-/*241119 매니저 말머리- 본문 신고 버튼*/
-.mns_subjectbox{position:relative;clear:both;margin-bottom:36px}
-.mns_subjectbox .btn_report{float:right;border:1px solid #c4c4c4;margin-right:160px}
-/*//241119 매니저 말머리- 본문 신고 버튼*/
-
-/******************************************************* //뷰 *************************************************************/
-
-/*리스트,뷰,통합 검색 오른쪽 영역*/
-.content_box{position:relative;margin-top:15px;padding:0 13px 16px;border:1px solid #ccc;background:#fff}
-.content_box header{overflow:hidden;border-bottom:1px dashed #aaa}
-.content_box .tit{height:44px;padding-left:2px;line-height:48px;font-size:14px}
-.right_content .content_box .tit{line-height:47px}/*220302 추가*/
-.content_box .tit a{position:relative;display:inline-block;height:44px}
-.content_box a.inner{display:block}
-.content_box .new{position:absolute;right:-9px;top:-3px}
-.content_box .img_box{display:block;overflow:hidden;height:182px;box-sizing:border-box;border:1px solid #ccc;
- background:url(https://nstatic.dcinside.com/dc/w/images/img_none1.jpg) no-repeat center center
-}
-.content_box .secimg_box .img_box{background-size:auto 100px;background-position:center -7px}
-.content_box .img_box img{display:block;width:100%;min-height:182px}/*180424 max-width:100% 수정*/
-.r_news .txt_box strong,.rcont_issue .txt_box strong{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.right_content .box_menu{position:absolute;right:16px;top:18px}
-.right_content .box_menu a{font-size:11px;letter-spacing:-1px}
-.right_content .box_menu a:before{content:"";display:inline-block;width:1px;height:10px;margin:0 8px 0 3px;vertical-align:-1px;background:#d7d7d7}
-.right_content .box_menu a:first-child:before{display:none}
-.right_content .rank_gall{color:#29367c}
-.right_content .rank_gall:hover{text-decoration:underline}
-.right_content .rank_mgall{color:#ee3c24}
-.right_content .rank_mgall:hover{text-decoration:underline}
-.right_content .rank_gall.on,.right_content .rank_mgall.on,.right_content .rank_mini.on{text-decoration:underline}/*mini 추가*/
-
-/*개념글*/
-.rcont_list{padding-left:4px;margin-top:10px}
-.rcont_list li{line-height:22px}
-.rcont_list li a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.rcont_list li a::before{content:"";display:inline-block;width:2px;height:2px;margin-right:5px;background:#333;vertical-align:4px}
-/*실시간 검색어*/
-.content_box.r_realtime_issue{padding:0}
-.content_box.r_realtime_issue header{margin:0 13px 0 13px}
-.rcont_realtime{margin-top:11px}
-.realtime_list_box{overflow:hidden;margin-top:13px;padding:0 13px}
-.realtime_menu{overflow:hidden;padding:0 13px}
-.realtime_menu li{float:left;width:25%;height:25px;text-align:center}
-.realtime_menu li a{display:block;height:23px;line-height:25px;background:#eee;border:1px solid #ccc;margin-left:-1px;text-shadow:0px 1px #fff}
-.realtime_menu li:first-child a{margin-left:0}
-.realtime_menu li a.on{background:#fff;color:#327cff}
-.bottom_cont_box{position:relative;;height:33px;line-height:35px;margin-top:6px;padding:0 13px;color:#555;background:#f3f3f3}
-.bottom_cont_box .inner_txt{color:#555;letter-spacing:-1px}
-.icon_tip_open{display:inline-block;width:14px;height:13px;margin-left:5px;background-position:-203px -29px}
-.auto_wordwrap.small .word_list li a .search_word{color:#327cff}
-/*통합검색페이지 실시간 검색어*/
-.integrate_schwrap .content_box.r_realtime_issue{margin-top:0;padding:0 0 0px}
-.integrate_schwrap .small_searchbox{position:relative;height:28px;margin:5px 13px 0 13px;background:#fff;border:1px solid #5798fd}
-.integrate_schwrap header ~ .only_daum_area .small_searchbox{margin:5px 0px 0 0px}/*220419*/
-.integrate_schwrap .small_in_keyword{float:left;width:175px;height:28px;line-height:28px;padding:0 0 0 5px;border:none;outline:none}
-.integrate_schwrap .btn_iconsearch{float:left;width:29px;height:28px;padding:3px 0 0 6px;text-align:left}
-.integrate_schwrap .icon_smallsearch{display:inline-block;width:15px;height:15px;background-position:-178px -29px}
-.integrate_schwrap .bnt_smallsearch{position:absolute;right:0;top:0;width:60px;height:28px;padding-left:2px;background:#5798fd;font-size:11px;color:#fff}/*220331*/
-.integrate_schwrap .fix_element{overflow:hidden;margin:5px 13px 0 13px;border:1px solid #ccc;background:#eee}
-.integrate_schwrap header ~ .only_daum_area .fix_element{margin:5px 0px 0 0px}
-.integrate_schwrap .fix_txt{display:block;float:left;width:33.3%;height:23px;padding-top:1px;line-height:24px;text-align:center;color:#555}
-.integrate_schwrap .fix_txt:after{content:"";display:block;float:right;width:1px;height:11px;margin-top:6px;background:#ccc}
-.integrate_schwrap .fix_txt:last-child:after{display:none}
-.integrate_schwrap .bottom_cont_box{background:#fff}
-/*뉴스*/
-.rcont_news{margin-top:11px}
-.r_news .rcont_imgtxt_box .txt_box strong{white-space:inherit;text-overflow:inherit}/*210303*/
-/*디시위키*/
-.wiki_random_go{position:absolute;right:14px;top:18px}
-.wiki_random_go .icon_go{margin-left:4px}
-.rcont_wiki{margin:14px 0 0}
-.wk_box{background:#fff;border:1px #e8e8e8 solid;box-sizing:border-box;height:125px}
-.wk_content .tit{position:relative;display:block;height:54px;text-align:center;padding-left:0}
-.wk_content .tit > span{display:block;height:44px;line-height:44px;padding:0 13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:normal;;font-size:24px;background:#f3f3f3}
-.wk_content .tit:after{content:'';position:absolute;bottom:1px;left:50%;border-style:solid;border-width:9px 7px 0px 7px;border-color:#f3f3f3 transparent;display:block;margin-left:-7px}
-.wk_txt{overflow:hidden;height:50px;line-height:17px;margin:4px 20px 15px;font-size:12px;letter-spacing:-0.05em}/*211118 폰트 버그 line-height:18px*/
-
-/*힛 ,그때그힛*/
-.r_hit{overflow:hidden}
-.r_hit .tit{float:left}
-.content_box.r_hit{padding:0 13px 17px}
-.r_hit .tit:last-of-type:before{content:"|";display:inline-block;width:2px;height:13px;padding:0 15px;color:#d7d7d7;font-size:13px;line-height:45px;vertical-align:top}/*211118 폰트 버그 font-size:13px;line-height:45px;vertical-align:top 추가 */
-.r_hit .tit.on a{text-decoration:underline}
-.r_hit .txt_box{height:37px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.hit_day{margin-top:3px;color:#999}
-.rcont_hit,.rcont_old_hit{margin-top:13px}
-.rcont_old_hit a.inner{position:relative}
-.content_box .rcont_old_hit .img_box{background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_bgimg.png) no-repeat 0 -314px}
-/*그때 그 hit 연도 아이콘*/
-.icon_years1{width:52px;height:52px;background-position:-199px 0}
-.icon_years2{width:52px;height:52px;background-position:-199px -62px}
-.icon_years3{width:52px;height:52px;background-position:-199px -124px}
-.icon_years4{width:52px;height:52px;background-position:-199px -186px}
-.icon_years5{width:52px;height:52px;background-position:-199px -248px}
-.icon_years6{width:52px;height:52px;background-position:-135px 0px}
-.icon_years7{width:52px;height:52px;background-position:-135px -62px}
-.icon_years8{width:52px;height:52px;background-position:-135px -124px}
-.icon_years9{width:52px;height:52px;background-position:-135px -186px}
-.icon_years10{width:52px;height:52px;background-position:-135px -248px}
-.icon_years11{width:52px;height:52px;background-position:-68px 0px}
-.icon_years12{width:52px;height:52px;background-position:-68px -62px}
-.icon_years13{width:52px;height:52px;background-position:-68px -124px}
-.icon_years14{width:52px;height:52px;background-position:-68px -186px}
-.icon_years15{width:52px;height:52px;background-position:-68px -248px}
-.icon_years16{width:52px;height:52px;background-position:0 0px}
-.icon_years17{width:52px;height:52px;background-position:0 -62px}
-.icon_years18{width:52px;height:52px;background-position:0 -124px}
-.icon_years19{width:52px;height:52px;background-position:0 -186px}
-.icon_years20{width:52px;height:52px;background-position:0 -248px}
-
-.icon_years21{width:52px;height:52px;background-position:0 -310px}
-.icon_years22{width:52px;height:52px;background-position:-68px -310px}
-.icon_years23{width:52px;height:52px;background-position:-135px -310px}
-.icon_years24{width:52px;height:52px;background-position:-199px -310px}
-.icon_years25{width:52px;height:52px;background-position:0 -372px}
-.icon_years26{width:52px;height:52px;background-position:-68px -372px}
-.icon_years27{width:52px;height:52px;background-position:-135px -372px}
-.icon_years28{width:52px;height:52px;background-position:-199px -372px}
-
-/*초개념*/
-.content_box.r_recommend .tit{float:left}/*ipad*/
-.content_box .tit .sub{font-weight:normal;font-size:12px;color:#555;letter-spacing:-0.05em;display:inline-block;vertical-align:top;line-height:48px}
-.r_recommend .tit .sub em{
- display:inline-block;max-width:140px;vertical-align:top;padding-top:1px;line-height:46px;
- text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
-}
-.r_sec_recommend .btn_more{position:absolute;right:15px;top:18px}
-.rcont_sec{margin-top:12px}
-.rcont_sec .img{overflow:hidden}
-.rcont_sec .txt_box{margin:8px 0 0;height:35px}
-.secimg_box{float:right;width:132px;margin-left:7px}
-.secimg_box:first-child{float:left;margin-left:0}
-.content_box .secimg_box .img_box{display:block;overflow:hidden;height:88px;box-sizing:border-box;border:1px solid #ccc}
-.content_box .secimg_box .img_box img{display:block;min-height:88px;width:100%}
-.rcont_sec .txt{margin:12px 0 1px;padding-top:13px;border-top:1px solid #eee;line-height:22px}
-.rcont_sec .txt a{display:block;width:272px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-/*이슈줌*/
-.rcont_issue{margin-top:12px}
-.rcont_issue a{display:block;position:relative}
-.rcont_issue .txt_box{position:absolute;left:0;bottom:0;height:28px;margin-top:0;padding:0 11px;color:#fff;z-index:2}
-.rcont_issue .txt_box strong{width:249px}
-.issue_inner{display:block;position:absolute;left:1px;bottom:0;width:270px;height:38px;background:#000;filter:alpha(opacity=50);opacity:0.5;z-index:1}
-.content_box.r_issuezoom{padding:0 13px 14px}
-/*오늘의 이슈, 실북갤, 신설갤*/
-.todayissue_list,.r_newgall_list{overflow:hidden;margin-top:10px;margin-left:-2px}
-.todayissue_list li, .r_newgall_list li{float:left;width:49.9%}
-.todayissue_list li a,.r_newgall_list li a{display:block;padding-left:5px;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-/*오늘의 이슈*/
-.content_box.r_todayissue{padding:0 13px 17px}
-/*실북갤*/
-.content_box.r_hotlive{padding:0}
-.r_hotlive > header{margin:0 13px 0px}
-.r_hotlive .rank_list_box{padding:0 13px 3px}
-.r_hotlive .box_bottom{height:37px;line-height:39px}
-/*신설갤*/
-.content_box.r_newgall{height:175px;padding:0 13px 16px}
-.r_newgall_list li a{position:relative;;display:inline-block;max-width:131px;height:21px;line-height:24px;}/*200130*/
-.r_newgall_list li a.restriction{max-width:109px;padding-right:13px}
-.r_newgall_list li a.restriction .icon_restriction{top:6px}
-
-/*210303 실시간 베스트*/
-.rightbanner + .content_box.r_timebest{margin-top:12px}
-.rcont_imgtxt_box .img{overflow:hidden;margin-top:12px;margin-left:-7px}
-.rcont_imgtxt_box .txt_box{margin:8px 0 0;height:35px}
-.rcont_imgtxt_box .txt_box strong{font-weight:normal}
-.rcontimg_box{float:left;width:132px;margin-left:7px}
-
-.content_box .rcontimg_box .img_box{position:relative;display:block;overflow:hidden;height:88px;border:none;background-size:cover}
-.content_box .rcontimg_box .img_box::after{content:"";display:block;position:absolute;left:0;top:0 ;width:130px;height:86px;border:1px solid #ccc }
-.content_box .rcontimg_box .img_box img{display:block;min-height:88px;width:100%}
-.rcont_imgtxt_box .txt{margin:12px 0 0;padding-top:13px;border-top:1px solid #eee;line-height:22px}
-.rcont_imgtxt_box .txt a{display:block;width:272px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-
-/* 211228 뉴스,디시미디어*/
-.r_dcmedia{overflow:hidden}
-.r_dcmedia .tit{float:left}
-.r_dcmedia .tit.on a{text-decoration: underline}
-.r_dcmedia .tit::before{content:"|";display:inline-block;width:2px;height:13px;padding:0 10px 0 5px;color:#d7d7d7;font-size:13px;line-height:45px;vertical-align:top}/*220302*/
-.r_dcmedia .tit:first-child::before{display:none }/*220302*/
-.r_dcmedia .txt_box{
- height:37px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
-}
-.r_dcmedia .txt_box strong{white-space:normal;text-overflow:inherit}
-
-.r_dcmedia .rcontimg_box:nth-child(even), .r_timebest .rcontimg_box:nth-child(even){float:right;margin-left:0}/*220331 화면 배율 조절시 떨어짐 대응*/
-
-/*220509 디시이슈*/
-.r_dcmedia .dcissue .rcontimg_box a, .r_dcmedia .dcissue .txt li a{position:relative}
-.r_dcmedia .dcissue .txt_box{padding-left:13px}
-.r_dcmedia .dcissue .txt_box, .r_dcmedia .dcissue .txt li a{box-sizing:border-box}
-.r_dcmedia .dcissue .ranking{color:#3b4890;font-weight:bold}
-.r_dcmedia .dcissue .txt_box .ranking{position:absolute;left:0px}
-.r_dcmedia .dcissue .txt li .ranking{padding-right:2px}
-.r_dcmedia .dcissue .ranking.grey{color:#999}
-/*//220509 디시이슈*/
-
-/*//리스트,뷰,통합검색 오른쪽 영역*/
-
-/*통합검색*/
-.group {position:relative}
-
-/*190114 통합검색 gnb*/
-.integrate_schwrap .gnb_bar{background:#fff;border-width:2px 0 2px 0 }
-.integrate_schwrap .gnb_list{padding-left:175px;box-sizing:border-box}/*220331*/
-.integrate_schwrap .gnb_list li a{color:#333;text-shadow:none}
-.integrate_schwrap .gnb_list li a.on{color:#d31900}
-.integrate_schwrap .gall_exposure{color:#29367c}
-.integrate_schwrap .gall_exposure a{font-size:14px;color:#29367c}/*220502 a태그 추가관련 스타일 추가*/
-.integrate_schwrap .gall_exposure a:hover{text-decoration:none}/*220502 a태그 추가관련 스타일 추가*/
-.integrate_schwrap .posts .num{color:#ff8400}
-.integrate_schwrap .reply .num{color:#00aeef}
-.gall_exposure .ltr a{color:#fff}
-
-
-/*//190114 통합검색 gnb*/
-/*190114 통합검색 연관 검색어*/
-.integrate_relation{margin-bottom:15px;padding:13px 15px 9px;border:1px #ccc solid;line-height:23px}
-.integrate_relation .tit{float:left;width:98px}
-.integrate_relation_list{float:left;width:555px;margin-left:-15px}
-.integrate_relation_list li{float:left;margin-left:15px}
-.integrate_relation_list li a{color:#0000ff}
-/*//190114 통합검색 연관 검색어*/
-
-
-
-/*통합 왼쪽영역*/
-.integrate_menu{border:1px solid #29367c;border-radius:2px;margin-bottom:20px}
-.integrate_menu li a{display:block;height:38px;line-height:38px;padding:0 14px;border-top:1px solid #29367c;background:#fff;font-size:14px;color:#29367c}
-.integrate_menu li:first-child a{border-top:none}
-.integrate_menu li a:hover{background:#f4f6ff;text-decoration:none;color:#29367c}
-.integrate_menu li .on{background:#3b4890;font-weight:bold;color:#fff;text-shadow:0px -1px #1d2761}
-.integrate_menu li .on:hover{background:#3b4890;color:#fff;font-weight:bold}
-/*통합 가운데 영역*/
-.center_content{position:relative}
-.center_content .inner{padding-bottom:173px}
-.gallname_txt,.tit_txt{font-size:14px;color:#0000ff}
-.integrate_schwrap .gallname_txt, .integrate_schwrap .tit_txt{color:#4656c7}
-.tit_txt{letter-spacing:1px;font-weight:bold}
-.sub_txt{font-size:12px;color:#009933}
-.link_txt{letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;color:#555;padding-left:7px}
-.integrate_cont{overflow:hidden;color:#333}
-.integrate_sch .inner .integrate_cont:first-child{padding-top:11px}
-.integrate_cont_head{position:relative}
-.integrate_cont_head h3{font-size:15px}/*220331*/
-.integrate_cont{padding:27px 16px 20px;border-bottom:1px solid #eee}
-
-/*갤러리명 검색결과*/
-.integrate_cont_list{margin:9px 0 0}
-.integrate_cont .btn_blue_round.h21{margin-top:8px;text-decoration:none}
-.integrate_cont_list li a{text-decoration:underline;line-height:28px}
-.integrate_subtit{font-size:14px;color:#d31900;padding-bottom:1px;text-indent:-2px}
-.gallsch_result .integrate_subtit{margin-top:17px}
-.integrate_cont_list li a.restriction{color:#999}/*접근제한*/
-.integrate_cont_list li a.restriction .icon_restriction{position:inherit;margin:1px 0 0 4px}
-/*추천 갤러리*/
-.integrate_cont.integrate_recom{border-bottom:none}
-.integrate_recom .integrate_cont_list{margin-top:9px}
-/*디시위키 검색결과*/
-.wikisch_result_list{margin-bottom:4px}
-.wikisch_result_list li{padding:15px 0 1px}
-.wikisch_result_list li .sub_txt{padding-top:8px}
-.wiki_tit_matresult .wikisch_result_list{margin-bottom:6px}
-.wiki_tit_matresult .integrate_subtit{margin-top:17px}
-.integrate_cont.wiki_cont_matresult{border-bottom:none}
-/*게시물 검색결과*/
-.sch_result_list{margin:0 0 3px}
-.sch_result_list li{padding-top:16px}
-.sch_result_list li:first-child{padding-top:11px}
-.sch_result_list .tit_txt{font-weight:normal;text-decoration:underline;line-height:18px}
-.sch_result_list .link_dsc_txt{margin-top:6px;line-height:20px}
-.sch_result_list .link_dsc_txt.dsc_sub{margin-top:4px}
-.sch_result_list .link_dsc_txt.dsc_sub:after{clear:both;display:block;visibility:hidden;content:""}
-.sch_result_list .sub_txt{text-decoration:underline}
-.sch_result_list .date_time{float:none;margin-left:10px;margin-top:0}
-.sch_result_list .date_time:first-child{margin-left:0}/*221027 nft폐쇄 게시물*/
-.sch_result_list .date_time::before{display:none}
-.btn_sort_box{margin-top:-4px}
-.btn_sort.accuracy{width:102px;height:23px;background-position:-144px -168px}
-.btn_sort.new{width:102px;height:23px;background-position:-144px -143px}
-.integrate_cont.sch_result.result_all{border-bottom:none}
-
-/*190114뉴스 검색결과*/
-.integrate_cont.news_result.news_all{border-bottom:none}
-.sch_result_list.img li{overflow:hidden;padding-top:15px}
-.sch_result_imgbox{float:left;width:152px;height:102px;padding-right:15px}
-.sch_result_imgbox > a{display:block;width:150px;height:100px;border:1px #ccc solid;overflow:hidden}
-.sch_result_imgbox img{width:150px;min-height:100px}
-.sch_result_txtbox{float:left;width:469px;padding-top:7px}
-.sch_result_txtbox:first-child{width:100%}
-.sch_result_list.img .tit_txt{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.sch_result_list.img .link_dsc_txt{height:40px;overflow:hidden}
-.sch_result_list.img .link_dsc_txt.dsc_sub{height:20px;}
-/*//190114뉴스 검색결과*/
-
-/*검색결과 없음*/
-.notfound_txt{width:670px;height:53px;margin-top:20px;padding-top:37px;background:#f3f3f3;font-weight:bold;text-align:center;font-size:16px;color:#333}
-.notfound_box:first-child .notfound_txt{margin-top:0}
-.notfound_info{margin-top:27px;padding:0 15px;color:#333}
-.notfound_info > p{line-height:22px}
-.notfound_info > p::before{content:"";display:inline-block;width:2px;height:2px;margin-right:6px;background:#333;vertical-align:3px}
-.notfound_txt > p span em{display:inline-block;max-width:293px;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.integrate_banner{overflow:hidden;width:670px;margin-top:148px;text-align:center}
-/*하단 검색*/
-.integrate_buttom_search{position:absolute;left:0;bottom:72px;width:670px;height:78px}/*190114 bottom:47 */
-.integrate_schwrap .buttom_search_wrap{width:320px;margin-top:27px}
-.integrate_schwrap .bottom_search{margin-left:0;width:318px}
-.integrate_schwrap .bottom_search .in_keyword{font-weight:normal}
-.integrate_schwrap .info_policy{padding-top:38px;margin-top:20px;border-top:2px solid #29367c}
-/*페이징*/
-.integrate_buttom_search .bottom_paging_box{margin:0 0 0px}/*210824 수정*/
-
-/*210820 동영상 검색개선*/
-.integrate_cont.video_result .sch_result_list.img li > a{display:block}
-.integrate_cont.video_result .sch_result_list{margin-left:-10px;margin-top:-4px}
-.integrate_cont.video_result .sch_result_list li{float:left;width:152px;margin-left:10px;padding-top:19px}
-.integrate_cont.video_result .sch_result_imgbox, .integrate_cont.video_result .sch_result_txtbox{float:none;width:100%;padding-right:0/*box-sizing:border-box*/}
-.integrate_cont.video_result .sch_result_imgbox{position:relative;height:152px}
-.integrate_cont.video_result .sch_result_imgbox span{display:block;width:150px;height:150px;border:1px #ccc solid;vertical-align:top;line-height:0;overflow:hidden}
-.integrate_cont.video_result .sch_result_imgbox span img{vertical-align:top;line-height:0}
-.integrate_cont.video_result .adult .sch_result_imgbox span{background:url(https://nstatic.dcinside.com/dc/w/images/bg_mandu.png) no-repeat 50% 50%;background-color:#f3f3f3}
-.integrate_cont.video_result .adult .sch_result_imgbox span::before{content:"";display:block;position:absolute;left:9px;top:9px;width:22px;height:22px;
-background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -109px -961px}
-
-.integrate_cont.video_result .sch_result_txtbox{padding:9px 0 9px 1px;/*box-sizing:border-box*/}
-.integrate_cont.video_result .sch_result_list .link_dsc_txt{height:35px;margin-top:0;line-height:18px}
-.integrate_cont.video_result .sch_result_list .sub_txt{/*margin-top:9px;*/display:block;width:100%;padding-left:1px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
-.integrate_cont.video_result .dsc_sub{padding-top:8px;padding-left:1px;white-space:nowrap;letter-spacing:-0.010em}/*211118 폰트 버그 letter-spacing:-0.010em 추가*/
-.integrate_cont.video_result .dsc_sub span::before{content:"";display:inline-block;width:1px;height:9px;background:#999;margin:0 4px 0 5px;font-size:0;line-height:0;vertical-align:0px}/*211118 폰트 버그 margin:0 5px 0 6px;*/
-.integrate_cont.video_result .dsc_sub span:first-child::before{display:none }
-.integrate_cont.video_result .sch_result_list .date_time{margin-left:0}
-.integrate_cont.video_result .viewnum{font-size:12px;color:#999;font-weight:normal}
-
-.integrate_cont.video_result .btn_blue_round.h21{margin-top:13px}
-
-.integrate_cont.video_result.video_all{border-bottom:none}
-
-.integrate_cont.video_result .time{position:absolute;right:6px;bottom:6px;height:15px;line-height:15px;padding:1px 4px 1px;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;vertical-align:bottom;letter-spacing:0.02em}/*211118 폰트 버그 line-height:16px*/
-
-/*220303*/
-.integrate_cont .btn_sort_box .btn_sort.txt::before{content:"";display:inline-block;width:1px;height:12px;background:#d7d7d7;margin:0 11px 0 6px;vertical-align:-2px}
-.integrate_cont .btn_sort_box .btn_sort.txt:first-child::before{display:none}
-.integrate_cont .btn_sort.txt{color:#333;font-weight:bold}
-.integrate_cont .btn_sort.txt.new, .integrate_cont .btn_sort.txt.accuracy{width:auto;color:#d31900;text-decoration:underline}/*최신순, 정확도순*/
-
-
-/*220331 통합검색 개편*/
-/*.integrate_cont.gallsch_result_all .integrate_cont_head{border-bottom:1px dashed #aaa;padding:0 0 14px;margin-bottom:9px}*/
-.integrate_cont_head h3 > span.num{font-weight:normal }
-/*.integrate_cont.gallsch_result_all .integrate_cont_list{margin-top:0}*/
-.integrate_cont.gallsch_result_all .select_box.array_latest{width:60px;height:18px}
-.integrate_cont.gallsch_result_all li, .integrate_recom li{font-size:0}
-.integrate_cont .option_box{box-sizing:content-box;padding:6px 0 4px}
-.integrate_cont .option_box li{padding:0 5px;font-size:11px}
-.integrate_cont.gallsch_result .icon_minor{vertical-align:2px}
-.integrate_gallinfo{display:inline-block;color:#b4b4b4;font-size:0;margin-left:8px;line-height:18px;-ms-transform: translateY(-1px);transform: translateY(-1px)}
-.integrate_gallinfo .info{font-size:11px}
-.integrate_gallinfo .info::before{content:"";display:inline-block;width:1px;height:10px;background:#ccc;vertical-align:-1px;;margin:0 7px}
-.integrate_gallinfo .info:first-child::before{display:none }
-
-.integrate_schwrap .gall_result_more{position:relative;margin-top:12px;color:#999}
-.integrate_schwrap .gall_result_more:after{content:'';display:inline-block;width:5px;height:9px;margin-left:3px;
-background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png);background-position:-110px -58px}
-.restriction + span + .integrate_gallinfo{opacity: 0.5} /*240719 접근제한*/
-
-.restriction .icon_bluemini1{background:url(https://nstatic.dcinside.com/dc/w/images/icon_smini1.png?0401-1) no-repeat 0 0;;opacity:0.3}/*접근제한*/
-.integrate_cont_list .icon_minor{vertical-align:2px;color:#4656c7;margin-left:3px}/*마이너 아이콘*/
-.integrate_cont .restriction .icon_minor{opacity:1}/*접근제한*/
-
-
-/*갤러리*/
-.integrate_cont .sortoption, .integrate_cont .sortbox .select_box{display:inline-block}
-.integrate_cont .sortoption{vertical-align:top;line-height:18px;font-size:0;-ms-transform: translateY(2px);transform: translateY(2px)}
-.integrate_cont .sortbox .select_box{-ms-transform: translateY(1px);transform: translateY(1px)}
-.integrate_cont .sortoption .option{color:#777}
-.integrate_cont .sortoption .option.on{color:#3b4890;font-weight:bold}
-.integrate_cont .sortoption .option::before{content:"";display:inline-block;width:1px;height:11px;background:#ccc;vertical-align:-1px;;margin:0 7px}
-.integrate_cont .sortoption .option:first-child::before{display:none}
-
-.integrate_cont.gallsch_result_all .notfound_txt{width:100%;height:auto;padding:80px 0 72px;margin:0;background:none;}
-.integrate_cont.gallsch_result_all .gallname_txt, .integrate_cont.integrate_recom .gallname_txt{position:relative;text-decoration:none}
-.integrate_cont.gallsch_result_all .gallname_txt::after,.integrate_cont.integrate_recom .gallname_txt::after
-{content:"";display:inline-block;position:absolute;left:0;bottom:1px;width:100%;height:1px;border-bottom:1px solid #4656c7 }
-.integrate_cont.gallsch_result_all .gallname_txt.restriction::after, .integrate_cont.integrate_recom .gallname_txt.restriction::after{border-color:#ddd}
-
-
-.brd .integrate_cont_head{border-bottom:1px dashed #ccc;padding:0 0 14px;margin-bottom:9px}
-.brd .integrate_cont_list li a{text-decoration:none }
-/*.brd.integrate_cont.gallsch_result_all{padding:27px 0 20px;margin:0 16px}27px 16px 20px*/
-
-/*접근제한 */
-.integrate_cont_list li a.restriction, .integrate_cont_list li a.restriction *{color:#ddd}
-.integrate_cont .icon_restriction{position:static;opacity:0.5;margin-left:5px}
-/*.integrate_cont .restriction .icon_minor{opacity:1;filter:alpha(opacity=100)}*/
-.integrate_cont .restriction .icon_mini{opacity:0.3;filter:alpha(opacity=30)}
-
-/*240528 통합검색 인물갤 관련 추가 / 241016 검색 프로필 이미지,갤러리ID 추가*/
-.integrate_cont.gallsch_result_all .integrate_cont_inr .gallname_txt::after{width: calc(100% + 4px)}/*언더라인 연장*/
-.integrate_cont.gallsch_result_all .integrate_gallimg{vertical-align: -7px}
-.integrate_cont_list .icon_person{background-image: url(https://nstatic.dcinside.com/dc/w/images/icon_person_blue.png);margin: 3px 1px 0 3px}
-.integrate_cont_list .restriction .icon_person{background-image: url(https://nstatic.dcinside.com/dc/w/images/icon_person.png);opacity: 0.3}/*접근제한*/
-.integrate_cont_inr{margin-top: 18px}
-.integrate_cont_inr .integrate_cont_head{border: 0;padding: 0;margin: initial}
-.integrate_cont_inr .integrate_cont_head h3{font-size: 13px;color: #555;font-weight: normal}
-.integrate_cont_inr .integrate_gallinfo{margin-left: 10px}
-.integrate_cont_inr .integrate_gallinfo .id::before{content: "";display: inline-block;width: 2px;height: 2px;border-radius: 50px;background: #b4b4b4;vertical-align: middle;margin: 0 4px}
-.integrate_gallimg{display: inline-block;width: 25px;height: 25px;border-radius: 200px;overflow: hidden;position: relative;vertical-align: top;margin-right: 8px;flex-shrink: 0}
-.integrate_gallimg img{display: inline-block;width: 100%;height: 100%;object-fit: cover;background-color: #fff}
-
-/*[갤러리] 검색 결과 탭*/
-.brd .integrate_cont_inr li{position: relative}
-.brd .integrate_cont_inr li .integrate_gallimg{width: 45px;height: 45px;position: absolute;top: 50%;left: 0;transform: translateY(-50%)}
-.brd .integrate_cont_inr li .integrate_gallimg + .gallname_txt{margin-left: 55px}
-.brd .integrate_cont_inr li .integrate_gallimg + .gallname_txt + .integrate_gallinfo{display: block;line-height: 16px;margin-left: 56px;margin-bottom: 9px}
-.brd .integrate_cont_inr li .integrate_gallimg + .gallname_txt.restriction + .integrate_gallinfo{opacity: 0.5}
-
-/*//240528 통합검색 인물갤 관련 추가 / 241016 검색 프로필 이미지,갤러리ID 추가*/
-
-/*//통합검색*/
-
-
-
-/*글쓰기*/
-#write_wrap{padding:33px 68px 40px;margin-top:15px;border:2px solid #d5d5d5}
-.visit_bookmark + #container #write_wrap{border-width:0 2px 2px;margin-top:0}
-.input_box{position:relative}
-.input_infotxt{float:left;width:230px;margin:10px 10px 0 0}
-.input_write_tit{float:left;width:728px;margin:10px 0 0 0PX}
-.txt_placeholder{position:absolute;left:13px;top:9px}/*211118 폰트 버그 top:11px*/
-.put_inquiry,.input_box label{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;color:#999;font-size:13px;font-weight:bold}
-.put_inquiry{width:204px;height:33px;padding:0 12px;line-height:35px;border:1px solid #cecdce;color:#333}
-/*크롬 로그인,비밀번호를 기억하면 배경색이 노란색으로 변하는 문제 해결*/
-input.put_inquiry:-webkit-autofill,
-input.put_inquiry:-webkit-autofill:hover,
-input.put_inquiry:-webkit-autofill:focus,
-input.put_inquiry:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 100px #fff inset !important;-webkit-text-fill-color:#999 !important;}
-.input_write_tit .put_inquiry{width:702px}
-.input_kcapcode .put_inquiry{width:97px;border-width:1px 1px 1px 0 }
-#write_wrap .kap_codeimg{float: left;width:125px;height:33px;margin-top:10px;border:1px #cecdce solid;border-width:1px 0px 1px 1px}
-#write_wrap .kap_codeimg img{height:33px}
-.input_infotxt.input_kcapcode{width:122px;margin-top:10px}
-.write_infobox{position:relative;margin:16px 0 14px;font-size:12px;color:#666}
-.write_infobox p{line-height:20px}
-.write_infobox p > button{font-size:12px;color:#666;vertical-align:0}/*211118 폰트 버그 vertical-align:0 추가*/
-.write_infobox p > button:hover{text-decoration:underline}
-.write_infobox p::before{content:"";display:inline-block;width:9px;height:9px;margin-right:4px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -86px -63px}/*churl*/
-.write_infobox .hitchek{margin-left:10px;line-height:20px}
-.write_infobox .hitchek label{margin-left:3px}
-.write_infobox .hitchek .checkbox input[type="checkbox"]{top:3px}
-.write_infobox .hitchek .checkbox input + .checkmark{top:3px}
-
-.temporary_save_box{position:relative;text-align:right;z-index:5;height:18px;margin-bottom: -15px}
-.btn_temporary_save{position:absolute;right:0;top:4px;font-size:14px;color:#29367c;font-weight:bold}
-.editor_wrap{border-top:2px solid #29367c;margin-top:25px}
-.btn_box.write{position:relative;margin-top:6px}
-.btn_cancle,.btn_up{width:85px;height:40px;border-width:1px 1px 3px 1px;border-style:solid;border-radius:2px;font-size:14px;color:#fff;font-weight:bold}
-.btn_cancle{background:#666;border-color:#444;text-shadow: 0px -1px #474747}
-.btn_up{margin-left:4px;background:#3b4890;border-color:#29367c;text-shadow: 0px -1px #1d2761}
-
-/* 글쓰기 말머리*/
-.write_subject{clear:both;display:inline-block;min-width:715px;border:1px solid #cecdce;padding-right:11px;margin-top:10px}
-.write_subject > .tit{display:block;float:left;width:66px;height:33px;background:#eee;vertical-align:top;line-height:33px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px}
-.subject_list{float:left;margin:5px 0 0 11px;max-width:930px}
-.write_subject .subject_list li{max-width:105px;width:auto}
-.subject_list li{float:left;height:23px;line-height:22px;font-size:13px;color:#666;font-weight:bold;margin-left:26px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif}/*211118 폰트 버그 line-height:24px*/
-.subject_list li:first-child{margin-left:0}
-.subject_list .sel{background:#29367c;border-radius:50px;color:#fff;padding:0 10px 0 9px;text-shadow: 0px -1px #2a326e;cursor:default}
-.subject_list .sel > em{display:inline-block;width:11px;height:11px;background-position:-236px -321px;margin-right:2px}
-.subject_list .not{color:#c5c5c5;cursor:default}
-.btn_fixnotice{width:auto;padding:0 20px;margin-left:0}
-
-.write_subject .subject_list {margin-left:-15px}/*210803*/
-.write_subject .subject_list li:first-child{margin-left:26px}/*210803*/
-.write_subject > .tit{height:100%}
-.write_subject .subject_list li{margin-bottom:5px/*;height:18px;line-height:17px*/}
-.write_subject{position:relative;z-index:1}
-.write_subject::before{content:'';display:inline-block;line-height:100%;width:66px;height:100%;background:#eee;position:absolute;left:0;top:0;z-index:-1}
-/*241115 개념글 미사용 말머리 안내 */
-.subject_list .sel{padding:0 10px}
-.write_subject .subject_list .obstruct{position:relative;max-width:121px}
-.write_subject .i_obstruct{z-index:1}
-.write_subject .obstruct::after{content:"";display:block;position:absolute;right:2px;bottom:0px;width:16px;height:14px;background:rgba(0, 0, 0, 0.2);transform:rotate(26deg);border-radius:0 1px 9px 0;z-index:0}
-.subject_list .sel.red, .miniwrap .subject_list .sel.red{background:#d31900;text-shadow:0px -1px rgba(0, 0, 0, 0.2 )}/*241119 매니저 말머리 색 btn_red 참고*/
-/*//글쓰기 말머리*/
-
-
-/*210727*/
-.write_type_box{position:relative;font-size:0}
-.write_type_box .inner{position:relative;display:inline-block;margin-right:17px}
-.write_type_box .pop_content .inner{margin-right:0}
-.write_type_box .pop_tipbox .inner{display:block;min-width:378px;height:25px;line-height:25px;font-size:12px;color:#555;margin-right:0;white-space:nowrap}/*211118 폰트 버그 line-height:27px*/
-.btn_write_type{height:21px;font-size:14px;color:#555;line-height:21px}/*211118 폰트 버그 height:22px;line-height:22px */
-.btn_slowrite_info{margin-left:3px}
-.icon_slowrite_info{display:inline-block;width:14px;height:13px;background-position:-252px -201px;margin-top:3px}
-.on .icon_slowrite{width:20px;height:20px;background-position:-235px -522px}
-
-/*210727 성인 게시물*/
-.btn_write_type.btn_adult{font-size:12px;line-height:17px}/*211118 폰트 버그 line-height:18px*/
-.btn_write_type.btn_adult.on{color:#29367c;font-weight:bold}
-.btn_adult{text-indent:-1px }
-.inner + .inner + .inner ~ .inner .btn_adult{text-indent:-2px}
-.icon_adult{display:inline-block;;vertical-align:top;width:18px;height:18px;background-position:-227px -875px;margin-right:3px;margin-top:-1px }/*19 아이콘*/
-.on .icon_adult{background-position:-250px -875px}
-.btn_adult_info{margin-left:3px}
-.icon_info{display:inline-block;width:14px;height:13px;background-position:-223px -49px;vertical-align:top}
-/*미니*/
-.miniwrap .on .icon_adult{background-position:-272px -875px}
-.miniwrap .btn_write_type.btn_adult.on{color:#4f4dc6}
-/*210727 성인 게시물*/
-.not .btn_write_type.btn_adult, .not .btn_slowrite_info{opacity:0.3}/*210916 성인게시물 선택 불가*/
-
-/*231226 ai이미지 간편 등록 / 241031 고도화 관련 추가*/
-.ai_easy_wrap{margin: 4px 0 15px;position: relative}
-.ai_easy_box{font-size: 0;background: #f1f1f1;border: 1px solid #cdcdcd;padding: 5px;position: relative}
-.ai_easy_box .loading_box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10}
-.ai_easy_box .ipt_box{float: left;font-size: 0;background: #fff;width: 885px;min-height: 40px;border: 1px solid #fff;box-sizing: border-box;padding: 2px 2px 2px 3px;position: relative}
-.ai_easy_box .ipt_box .ipt_img{display: inline-block;width: 34px;height: 34px;background-position: -253px -1071px;border-radius: 4px;overflow: hidden;position: absolute;top: 2px;left: 3px}
-.ai_easy_box .ipt_box .ipt_img img{width: 100%}
-.ai_easy_box .ipt_box .ipt_character{display: inline-block;width: 34px;height: 34px;background-position: -253px -1181px;border-radius: 4px;overflow: hidden;position: absolute;top: 2px;left: 43px}
-.ai_easy_box .ipt_box .ipt_character + .ipt_txt{padding-left: 83px}
-.ai_easy_box .ipt_box .ipt_txt{box-sizing: border-box;width: 100%;min-height: 34px;max-height: 78px;padding: 0 30px 0 43px;box-sizing: border-box;border: 0;outline: 0;word-break: keep-all;overflow-y: scroll}
-.ai_easy_box .ipt_box .ipt_txt::placeholder{line-height: 34px;color: #888}
-.ai_easy_box .ipt_box .ipt_txt:focus::placeholder{color:transparent} /*240509 추가*/
-.ai_easy_box .ipt_box .btn_lyopen{display: inline-block;outline: 0;width: 20px;height: 20px;background: #9e9fab;border-radius: 100px;position: relative;position: absolute;top: 9px;right: 28px}
-.ai_easy_box .ipt_box .btn_lyopen.on{background: #3b4890}
-.ai_easy_box .ipt_box .btn_lyopen em{display: inline-block;width: 3px;height: 3px;background: #fff;border-radius: 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
-.ai_easy_box .ipt_box .btn_lyopen em::before{content: "";display: inline-block;width: 3px;height: 3px;background: #fff;border-radius: 50px;position: absolute;top: 50%;left: -5px;transform: translateY(-50%)}
-.ai_easy_box .ipt_box .btn_lyopen em::after{content: "";display: inline-block;width: 3px;height: 3px;background: #fff;border-radius: 50px;position: absolute;top: 50%;right: -5px;transform: translateY(-50%)}
-
-.ai_easy_box .btn_aigo{float: left;width: 82px;height: 40px;line-height: 36px;margin-left: 5px;padding-right: 2px;border-radius: 2px;font-size: 12px;font-weight: bold;color:#fff;border: 1px solid #aaa;text-shadow: 0px -1px #bdbdbd;background: #bbb}
-.ai_easy_box .btn_aigo.on{background:#3b4890;border-color:#29367c;text-shadow: 0px -1px #1d2761}
-.ai_easy_box .btn_aigo span{font-weight: normal}
-.ai_easy_box .btn_close{display:inline-block;width:18px;height:18px;background-position: -201px -1086px;position: absolute;top: 16px;right: 12px}
-/*//231226 ai이미지 간편 등록*/
-
-/*//글쓰기*/
-
-/*비회원 글 수정,삭제 비밀번호 입력*/
-.no_memberwrap{width:400px;margin:125px auto 125px}
-.no_member_cont .btn_box{border-top:0;padding:15px 0 0}
-.no_member_cont{width:394px;height:165px;padding-top:48px;border:3px solid #29367c;background:#fff}
-.no_member_cont .inner{width:176px;margin:0 auto}
-.no_member_cont .inner .txt{display:block;font-size:15px;color:#29367c;text-align:center}
-.pw_inquiry{width:164px;height:37px;padding:0 5px;margin-top:14px;background:#f3f3f3;border:1px solid #cecdce}
-.pw_inquiry:focus{background:#fff}
-.no_member_cont .btn_blue.small{margin-left:2px}
-.no_member_cont .btn_grey.small{margin-left:0}
-.no_memberwrap .btn_box{position:relative}/*200612 일부pc 버튼떨어짐 대응*/
-.no_memberwrap .no_member_cont .btn_box button:nth-child(2){position:absolute;margin-left:5px}/*200612 일부pc 버튼떨어짐 대응*/
-
-/*만두몰 메인*/
-.width1160.mandu_mall #container{margin:51px auto 0}
-.top_head{height:31px;border-bottom:2px #29367c solid}
-.top_head h2.tit{float:left;font-size:14px;color:#29367c;line-height:18px}
-.inuser_info{float:right;color:#333}
-.user_inr{float:left;line-height:18px}
-.btn_box.charging{float:left;margin-left:6px}
-.mallban_list{margin-left:-20px}
-.mallban_list li{float:left;height:178px;;margin:20px 0 0 20px}
-.charging .btn_cash{height:18px;font-size:11px;line-height:16px;padding:0 3px 0 2px;border:1px #ccc solid;background:#fff}/*211118 폰트 버그 line-height:18px*/
-.mandu_infotxt{padding:16px 19px 18px;background:#f3f3f3;font-size:14px;color:#333;line-height:23px}
-.mandu_infotxt p::before{content:"";display:inline-block;width:3px;height:3px;background:#333;vertical-align:4px;margin-right:6px}
-.charging_go{color:#d31900;font-weight:bold;text-decoration:underline;padding-left:5px}
-.mandu_mall .info_policy{padding-top:28px;margin-top:60px ;border-top:1px #29367c solid}
-
-/*3자 제공 동의*/
-.agreement .con.innerbox{width:960px;padding:77px 0 89px}
-.agreement .con.innerbox .tit{font-size:16px}
-.agreement .bg_box{margin:20px 0 22px;padding:31px 38px 33px}
-.agree_box{text-align:left;line-height:22px;}
-.agree_box strong{display:block;margin:17px 0 11px;letter-spacing:-0.03em}
-.agree_box:first-child strong{margin:0 0 11px}
-.agree_box.access_terms strong{margin-bottom:3px}
-.agree_box p{font-size:12px}
-.agree_box.access_chk{margin:0 0 26px 1px;vertical-align:top;line-height:15px}
-.agree_box.access_chk label{margin-left:3px}
-.agree_bottonbox{margin-bottom:48px;text-align:center}
-.agree_bottonbox button{width:100px;margin-left:5px}
-.agree_bottonbox button:first-child{margin-left:0}
-.link{color:#29367c;text-decoration:underline}
-.agree_note{margin-left:1px;color:#777}
-.agree_note::before{content:"";display:inline-block;width:2px;height:2px;margin-right:6px;background:#777;vertical-align:4px}
-
-/*파워클릭 광고 */
-.power_click{position:relative;margin-top:30px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.power_click .top_link{position:absolute;right:0;top:2px;border:1px solid #c3c3c3;padding:2px 5px 2px ;line-height:14px;font-size:11px;color:#555}/*211118 폰트 버 padding:2px 5px 1px;line-height:15px*/
-.power_click .top_link:hover{text-decoration:none}
-.power_click .innertxt{font-size:11px;color:#b2b1b1;font-weight:normal;vertical-align:0;line-height:22px}
-.pw_goods_list{margin-top:10px}
-.pw_goods_list ul{overflow:hidden;height:105px;padding:10px;border:1px solid #eaeaea}
-.pw_goods_list li{float:left;width:346px;margin-left:20px}
-.pw_goods_list li:first-child{margin-left:0}
-.pw_goods_list li a{display:block;background:#ccc}
-.pw_goods_list li a:hover .goods_tit{text-decoration:underline}
-.pw_goods_img{float:left;width:105px}
-.pw_goods_info{float:left;width:225px;padding-left:15px;margin-top:5px}
-.pw_goods_tit{overflow:hidden;height:40px;font-size:15px;font-weight:bold;line-height:20px}
-.pw_goods_price{margin-top:5px;font-size:14px;color:#2a52de}
-.freeicon{padding:2px 3px 1px;line-height:21px;vertical-align:1px;background:#2a52de;color:#fff;font-size:11px}
-.pw_goods_logo{margin-top:5px;width:85px;text-align:left}
-.power_click .adicon{vertical-align:-4px}
-
-/* 다음 검색 단일형 변경 20200108 */
-.only_daum_area{padding-top:6px}
-.integrate_schwrap .content_box.r_realtime_issue.r_only_daum{margin-top:15px}
-.integrate_schwrap .content_box.r_only_daum:first-child{margin-top:0}/*220419*/
-.right_content .r_only_daumtop{margin-top:0}
-.only_daum_area button{outline:none}/*200521 크롬업데이트 이슈로 추가*/
-/*220419 */
-.integrate_schwrap .r_todayissue.r_only_daumtop{margin-bottom:15px}
-.integrate_schwrap .r_only_daum .tit.fl + .fr{padding-top:16px}
-
-
-/********************************* s미니갤러리***********************************/
-.miniwrap .editor_wrap{border-color:#6f6dd9}
-.right_content .rank_mini{color:#6f6dd9}/*mini 추가*/
-.right_content .rank_mini:hover{text-decoration:underline}/*mini 추가*/
-.minigall .rank_num{border:1px solid #4f4dc6;background:#6f6dd9}
-
-
-/*투표하기*/
-.vote_wrap.voteingbox *{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif}
-.vote_wrap.voteingbox{position:relative;;width:457px;border:1px #ccc solid}
-.vote_wrap.voteingbox .box_head{height:auto;padding:15px 14px 12px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:12px;color:#555;background:#fff;line-height:20px}
-.vote_wrap.voteingbox .box_head h3{font-size:14px;color:#333;margin-bottom:4px}
-.vote_wrap.voteingbox .vote_content{background:#f8f8f8;padding:14px 15px 21px;border:none}
-.vote_optioninfo span::before{content:"";display:inline-block;width:1px;height:11px;margin:0 8px;background:#ccc;vertical-align:-1px}
-.vote_optioninfo span:first-child::before{display:none}
-.status{color:#333}
-.status .left .num{color:#29367c;font-weight:bold}/*220308 색변경*/
-.btn_votepreview{text-decoration:underline;vertical-align:top}
-.btn_votepreview em.deco{display:inline-block;width:5px;height:9px;background-position:-195px -992px;margin-left:4px;vertical-align:0px}/*220308 색변1*/
-.writing_view_box ul.vote_catelist,.vote_catelist,.tx-editor-container .vote_catelist{padding-left:0}/*200623 추가*/
-.vote_catelist,.tx-editor-container .vote_catelist{margin-top:16px}
-.vote_catelist li,.tx-editor-container .vote_catelist li{display:table;margin-top:5px}
-.voteingbox .vote_categorybox{position:relative;width:100%;height:52px;border:none}
-.voteingbox .vote_categorybox input{position: absolute;left:0;top:0;margin:0;opacity:0;filter:alpha(opacity=0);z-index:2;cursor:pointer}
-.voteingbox .vote_categorybox label{
- overflow:hidden;position:relative;display:table-cell;width:419px;height:47px;padding:0 15px;
- vertical-align:middle;cursor:pointer;z-index:2
-}/*211118 폰트 버그 height:51px*/
-.vote_wrap.voteingbox .btnbox{position:relative;border:none;background:#f8f8f8;padding:0 0 25px}
-.voteingbox .vote_categorybox.output{display:block;width:427px;height:52px;box-sizing:border-box;border:1px #ccc solid;border-radius:5px}
-.voteingbox .vote_categorybox.output:hover{background:#f3f3ff}
-.voteingbox .vote_categorybox.output.sel{color:#29367c}/*220308 색변경*/
-.voteingbox .vote_categorybox.output.sel::after {content:"";position:absolute;left:-1px;top:-1px;display:block;width:427px;height:52px;box-sizing:border-box;border-radius:5px; border:2px #3b4890 solid}/*220308 색변경*/
-
-.vote_wrap .btnbox button.btn_voteshare{width:31px;height:31px;border:1px #999 solid;border-radius:2px;background:#bbb;margin-left:2px}/*공유*/
-.icon_voteshare{display:inline-block;width:11px;height:14px;background-position:-121px -310px;vertical-align:-2px;margin-left:-2px}
-.vote_wrap.result .btnbox button.btn_voteshare{width:27px;height:27px}/*투표 결과 공유*/
-.original_gall{color:#999;line-height:24px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:12px;}
-.original_gall > a{text-decoration:underline;color:#999;font-size:12px}
-.original_gall > em{padding-right:4px}
-
-/*투표하기 - 이미지*/
-.voteingbox.img .vote_img{position:absolute;left:4px;top:3px;width:44px;height:44px;background-position:-149px -744px ;cursor:pointer;z-index:10}
-.voteingbox.img .vote_img img{width:44px;height:44px}
-.voteingbox.img .vote_categorybox label{padding-left:61px}
-.vote_img_bigview{width:300px;height:300px}
-/*투표 결과*/
-.vote_wrap.voteingbox.result .box_head{padding:15px 16px 15px}
-.vote_wrap.voteingbox.result .vote_content{padding:14px 15px 20px}
-.vote_wrap.result .vote_catelist,.tx-editor-container .vote_wrap.result .vote_catelist{margin-top:19px}
-.vote_wrap.result .vote_catelist li, .tx-editor-container .vote_wrap.result .vote_catelist li{min-height:42px;max-height:58px;/*margin-top:12px*/margin-bottom:25px}
-.vote_wrap.result .vote_catelist li:last-child, .tx-editor-container .vote_wrap.result .vote_catelist li:last-child{margin-bottom:0}
-.vote_wrap.result .vote_catelist li:first-child, .tx-editor-container .vote_wrap.result .vote_catelist li:first-child{margin-top:0}
-.vote_content .result_box{width:425px}
-.vote_content .result_box .barbox{position:relative;;width:100%;height:7px;background:#dbdbdb;border-radius:5px;margin-top:4px}/*211118 폰트 버그 margin-top:3px*/
-.vote_content .result_bar{position:absolute;left:0;top:0;height:7px;border-radius:5px;background:#bbb}
-.vote_content .result_bar.pick{background:#3b4890}/*220308 색변경*/
-.vote_content .result_txt{position:relative;;font-size:13px;color:#333;padding-left:2px}
-.vote_content .result_txt .txt{line-height:16px;margin-top:12px}
-.vote_content .result_txt > .txt.fl{width:91%;margin-top:0}
-.vote_content .result_box .vote_img + .inner .result_txt > .txt.fl{width:90%}
-.vote_content .result_box .vote_img + .inner .result_txt > .txt{margin-top:0}
-.vote_content .result_txt .num{position:absolute;bottom:0;right:0;vertical-align:bottom;color:#29367c;font-family:Tahoma,Regular;font-size:13px;font-weight:bold}/*220308 색변경*/
-.my_pick{display:inline-block;width:16px;height:11px;background-position:-210px -992px;margin-right:3px}/*220308 색변*/
-.vote_wrap.voteingbox .result_num{font-family:Tahoma;font-size:11px;color:#777;margin-top:3px}
-.voteingbox .btnbox .rtxt{display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;color:#555;margin-right:2px;vertical-align:-2px}
-.vote_period{color:#777;margin-top:10px}
-/*투표결과 이미지*/
-.result_box {position:relative}
-.result_box .vote_img{position:absolute;left:0;top:0;width:50px;height:50px;background-position:0 -500px}
-.result_box .vote_img img{width:50px;height:50px}
-.result_box .vote_img + .inner{margin-left:66px;height:58px;margin-bottom:0}
-/*투표 만들기*/
-.vote_wrap{font-size:12px;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.vote_wrap.makebox{width:720px;height:379px;border-top:2px #29367c solid}/*220308 색변경*/
-#write_wrap .vote_wrap.makebox{margin:8px}
-.vote_wrap.makebox .box_head{height:37px;line-height:37px;padding:0 14px;background:#3b4890;color:#fff;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}/*220308 색변경*/
-.vote_wrap.makebox .box_head h3{font-size:14px}
-.vote_wrap.makebox .right_box{padding:0 13px 0 0}/*210427 브라우처 축소시 떨어짐 이슈관련 추가*/
-.vote_box{position:relative;width:250px;min-height:200px;background-color:#f3f3f3;color:#555;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px} /*201110 수정*/
-#write_wrap .vote_box{margin:8px}
-.vote_box .inner{padding:10px;text-align:center}/*200410*/
-.vote_box .votebg{display:block;width:50px;height:50px;margin:31px auto 13px} /*201110 수정*/
-.vote_box button.modify, .vote_box .tx-content-container button{display:block;height:17px;padding:0 3px;line-height:17px;text-align:left}/*200410*/
-.btn_boxclose{position:absolute;top:10px;right:10px}
-.vote_content{border:1px #ccc solid;border-width:0 1px 1px 1px}
-.vote_wrap .left_box{overflow-y:auto;width:452px;height:270px;border-right:1px #cecece solid;background:#f8f8f8}
-.vote_tit .catetit_input{
- overflow-y:auto;width:100%;height:50px;padding:12px 14px 7px;border:none;border-bottom:1px #ccc solid;;box-sizing:border-box;
- font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px;color:#333
-}
-.vote_txt{padding:16px}
-.catetxt_input{width:89%;height:36px;padding-left:10px;line-height:36px;border:none;background:#fff;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px;color:#333}/*211118 폰트 버그 line-height:22px */
-
-.vote_categorybox,.votetxt_addbox{
- width:409px;height:42px;padding:2px;;box-sizing:border-box;border:1px #ccc solid;margin-top:7px;border-radius:5px;background:#fff;
- color:#333;line-height:18px;font-size:13px
-}
-.vote_categorybox:first-child{margin-top:0}
-.vote_categorybox textarea{overflow-y:auto;float:left;width:350px;height:22px;padding:9px 0 5px 13px;line-height:20px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif}
-.vote_categorybox .imgbox{overflow:hidden;width:36px;height:36px;position:relative;float:right;}
-.vote_categorybox .imgbox input:hover{cursor:pointer}
-.vote_categorybox .imgbox .imgup{display:block;width:36px;height:36px;vertical-align:top;background-position:-195px -744px}
-.vote_categorybox .imgbox img{display:block;width:36px;height:36px}
-.vote_categorybox .imgbox button.btn_imgup_del{position:absolute;right:0;top:0;width:36px;height:36px;z-index:1}/*200810 엑스버튼 영역 확장위해 width height 값 수정*/
-.vote_categorybox .imgbox button em{display:block;width:13px;height:13px;background-position:-121px -162px;position:relative;top:-12px;right:-23px}/*200810 엑스버튼 영역 확장위해 position top: right 추가*/
-.voteadd_img{position:absolute;left:0;top:0;width:36px;height:36px;opacity: 0;filter: alpha(opacity=0);}
-
-.votetxt_addbox{height:40px;background-color:#fff;border:1px #3b4890 solid}/*220908*/
-.votetxt_addbox .btn_votetxt_add{width:100%;height:34px;line-height:100%;text-align:center;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;color:#999}/*201203 line-height:38 수정*/
-.icon_btn_votetxt_add{display:inline-block;width:13px;height:13px;background-position:-172px -992px;margin-right:7px}/*220308 색변경*/
-
- textarea::placeholder{color:#999}
- textarea::-webkit-input-placeholder{color:#999}
- textarea:-moz-placeholder{color:#999}
- textarea::-moz-placeholder {color:#999}
- textarea:-ms-input-placeholder{color:#999}
- textarea::-ms-input-placeholder{color:#999}
-
-.vote_wrap .right_box{display:block;padding:0 13px 0 12px;width:240px}
-.vote_content .group{border-top:1px #ababab dashed;margin-top:10px;padding-top:16px;color:#333}
-.vote_content .group:first-child{border-top:none;margin-top:5px}
-.vote_content .group .tit{font-weight:bold;color:#333}
-.vote_content .group .cont{margin-top:5px}
-.vote_content .group .checkbox{margin-top:6px;padding-left:20px}
-.vote_content .select_arraybox{height:23px;line-height:23px;margin-left:2px}/*211118 폰트 버그 line-height:25px*/
-.vote_content .select_arraybox .option_box{width:104%;padding:6px 1px 4px}/*6px 5px 4p*/
-.vote_content .select_arraybox .icon_option_more{right:0;top:10px}
-.vote_content .moreset .select_arraybox{width:37px;height:23px;line-height:23px;padding:0 6px 0 8px;margin-left:2px}/*211118 폰트 버그 line-height:25px*/
-.vote_content .moreset .select_arraybox .option_box{padding:6px 8px 4px}
-.vote_content .timeset{margin-bottom:20px;white-space:nowrap}/*210422 white-space 추가*/
-.vote_content .timeset .inner{position:relative;margin-top:5px;top:0}
-.vote_content .timeset .inner:first-child{margin-top:0}
-.vote_content .timeset .select_arraybox{width:42px;padding:0 11px 0 0px;margin-left:2px;text-align:center}
-.vote_content .timeset .option_box{overflow-y:auto;width:55px;max-height:108px}
-.vote_content .timeset .select_arraybox .icon_option_more{background-position:-205px -232px;right:-8px;top:10px}
-.vote_content .dayin{width:63px;height:23px;padding:0 4px;margin:0 1px 0 -2px;border:1px #ccc solid;vertical-align:top;line-height:26px;color:#333}/*211118 폰트 버그 width:60px;padding:0 5px*/
-.icon_calendar_blue{display:inline-block;width:19px;height:18px;background-position:-217px -379px;vertical-align:-4px}
-.vote_wrap .icon_calendar_blue{background-position:-143px -992px;}/*220308 색변경*/
-.vote_content .radiobox{padding-left:16px;margin-left:10px}
-.vote_content .radiobox:first-child{margin-left:0}
-.vote_wrap .btnbox{padding:17px 0 22px;text-align:center;border:1px #ccc solid;border-width:0 1px 1px}
-.vote_wrap .btnbox button{margin-left:0;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.btn_boxclose{position:absolute;top:10px;right:10px}
-
-.vote_wrap .targetset .target.txt{padding-top:3px}
-.nocheck *, .vote_content .nocheck .dayin{color:#999;cursor:default}
-.nocheck .icon_calendar_blue,.nocheck .icon_option_more{filter:alpha(opacity=30);opacity:0.3;cursor:default}
-
-
-/*투표 수정*/
-.vote_wrap.makebox.edit .left_box input, .vote_wrap.makebox.edit .moreset *, .vote_wrap.makebox.edit .targetset *,.vote_wrap.makebox.edit .timeset .inner:last-child input,
-.vote_wrap.makebox.edit .timeset .inner:last-child, .vote_wrap.makebox.edit .imgbox .icon_imgup_del, .vote_wrap.makebox.edit .imgbox .imgup
- {color:#999;cursor:default}
-.vote_wrap.makebox.edit .imgbox input{display:none}
-.vote_wrap.makebox.edit .moreset .select_arraybox .icon_option_more,.vote_wrap.makebox.edit .timeset .inner:last-child .checkbox .checkmark,
-.vote_wrap.makebox.edit .moreset .checkbox .checkmark, .vote_wrap.makebox.edit .targetset .radiobox .checkmark, .vote_wrap.makebox.edit .imgbox .imgup img, .vote_wrap.makebox.edit .gifimg::after, .vote_wrap.makebox.edit .icon_imgup_del
-{filter:alpha(opacity=30);opacity:0.3;cursor:default}
-
-.vote_wrap .vote_img img, .vote_wrap .vote_categorybox .imgbox img{background-color:#fff}/*200810 투명이미지 대응*/
-
-
-/*비회원 투표 종료 시 비밀번호 입력 레이어*/
-.no_memberwrap.vote{position:absolute;;top:50%;left:50%;width:auto;background:#fff;z-index:9999;margin:-5.5rem 0 0 -11rem}
-.no_memberwrap.vote .no_member_cont{border:1px solid #29367c;width:auto;height:auto;padding:30px 10px 27px}/*220308 색변경*/
-.no_memberwrap.vote .no_member_cont .inner .txt{color:#29367c;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:14px}/*220308 색변*/
-.no_memberwrap.vote .no_member_cont .inner{width:auto;min-width:330px;text-align:center}
-.no_memberwrap.vote .pw_inquiry{height:30px;line-height:30px;margin-top:20px;background:none}
-.no_memberwrap.vote .btn_box{padding:15px 0 0}
-/*투표 소스공유하기*/
-.voteshare_source{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.voteshare_source .inner{padding:16px 13px 7px}
-.voteshare_source_in,.tx-canvas textarea.voteshare_source_in{
- width:379px;height:66px;border:1px #bbb solid;box-sizing:border-box;padding:8px 10px;margin-top:0;
- text-align:left;color:#333;word-break:break-all;word-wrap:break-word;
-}/*21118 폰트 버그 height:60px*/
-.pop_wrap .voteshare_source .btn_box{border-top:none;padding:0 0 20px}
-.voteshare_source .btn_box button:first-child{margin-left:0}
-.voteshare_source .infotxt{padding:0px 13px 13px;color:#999;font-size:12px}
-.voteshare_source .infotxt .tip_deco999{margin-right:4px}
-.gifimg::after{
- content:"";position:absolute;left:0;top:0;display:block;width:18px;height:13px;
- background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png);background-repeat:no-repeat;background-position:-159px -790px }/*churl*/
- .btnvote_finish{color:#29367c ;text-decoration:underline;margin-left:2px;vertical-align:0}/*220308 색변*/
-
-/*200812 미니 개념추천 on off*/
-.miniwrap .icon_recom_up{background-position:0 -896px}
-.miniwrap .on .icon_recom_up{background-position:-58px -896px}
-
-/********************************* e미니갤러리***********************************/
-
-/*실명인증*/
-.realname .gall_tit a{max-width:81%}
-.list .realname .nickname{max-width:47%}
-.list .realname .nickname.in{max-width:61%}
-.icon_realname{cursor:default;}
-.icon_realname img{vertical-align:top}
-.btn_mediumgrey.realname{position:relative;width:165px;height:35px;line-height:35px}
-.btn_mediumgrey.realname .inner .txt{display:inline-block;padding-right:21px;line-height:31px;vertical-align:1px}
-.qmark{display:inline-block;position:absolute;right:0;top:0;width:25px;height:31px;background-color:#666;z-index:10}
-.realname_btnbox .icon_qmark{display:inline-block;width:7px;height:12px;background-position:-288px -306px}
-
-/*댓글*/
-.comment_wrap .nickname.realname{color:#2580e9}
-.cmt_write_box .btn_realname .btn_blue {width:95px}
-.info_realname + .cmt_write_box{border-top:1px #ddd solid}
-.info_realname{padding:12px 16px 11px;border-top:2px #4c60a6 solid;line-height:20px;color:#555;font-size:12px;background:#fff}
-.reply .info_realname{border-width:1px 0 0 0;border-color:#ddd}
-.info_realname.box{margin:-5px 0 15px;padding:13px 16px 12px;border:1px #cecdce solid;background:#fafafa;letter-spacing:-0.01em}
-.info_realname.box .inner{margin-top:12px}
-.info_realname.box .inner > .btn_grey{width:auto;height:29px;line-height:29px;padding:0 22px;margin-left:0;font-weight:normal;margin-bottom:7px}
-.realname_btnbox{display:inline-block;position:relative}
-
-.info_realname.box .inner > .btn_grey.realname_ip{display:inline-block; height:27px;line-height:29px}/*글쓰기 아이피인증*/
-.info_realname.box .inner > .btn_grey.realname_ip:hover{text-decoration:none}
-/*//실명인증*/
-
-/*200609 캐노니컬*/
-.canonical_in{position:relative;;font-size:0;margin:15px 0}
-.canonical_in .put_inquiry{width:882px;height:25px;padding:0 7px;line-height:28px;vertical-align:top;font-size:13px;font-weight:normal}
-.canonical_in label.tit{display:inline-block;height:27px;line-height:28px;margin-right:10px;font-weight:bold;font-size:12px;color:#333}
-.canonical_in .fr input[type="checkbox"]{position:absolute;top:2px;right:0;width:16px;height:16px;vertical-align:top}
-/*//200609 캐노니컬*/
-
-/*210524 힛갤러콘*/
-.hitnik .nickname.in{vertical-align:middle;padding-right:1px}
-.hitnik .writer_nikcon img{width:20px;margin-left:1px!important}
-.gall_list .hitnik .writer_nikcon img{margin-top:-1px}
-.hitnik.fix .writer_nikcon img{width:20px}
-.gallview_head .gall_writer.hitnik > .fl{margin-top:-2px}
-.cmt_list li .hitnik .writer_nikcon {position:absolute;margin-left:1px;margin-top:-2px}
-.cmt_list li .hitnik.fix .writer_nikcon{margin-top:-3px}
-.cmt_list li .hitnik .writer_nikcon img{margin-left:0}
-.cmt_list .gall_writer.hitnik{top:-1px}
-.cmt_list .gall_writer.hitnik .nickname.me{vertical-align:0}
-.cmt_list li .hitnik .nickname.me + .writer_nikcon{margin-top:-3px }
-.cmt_list li .hitnik .nickname.me em{vertical-align:-2px}/*211118 폰트 버그 vertical-align:-3px*/
-
-.login_box .hitnik .writer_nikcon img{vertical-align:-5px}
-.login_box .hitnik.fix .writer_nikcon img{vertical-align:-6px}
-
-/*210730 검색 개선*/
-.listwrap .bottom_paging_wrap{display:inline-block;width:100%;margin-top:5px;position:relative;padding:0 121px;box-sizing: border-box}
-.listwrap .left_content.result .bottom_paging_wrap .bottom_paging_box,.listwrap .left_content .bottom_paging_wrap .bottom_paging_box{margin-top:3px}
-.listwrap .bottom_paging_wrap .bottom_paging_box > a, .listwrap .bottom_paging_wrap .bottom_paging_box > em, .listwrap .bottom_paging_wrap .bottom_paging_box{padding-top:6px}
-.bottom_movebox{display:inline-block;position: absolute;top:11px;right:0}
-.btn_schmove{padding:0 9px 0 10px;height:26px;line-height:24px;font-size:14px;color:#333;margin-left:7px;vertical-align:0}
-.bottom_paging_wrap span.icon_schmove{margin-left:4px;font-size:0}
-.icon_schmove{display:inline-block;width:16px;height:16px;background-position:-262px -909px;vertical-align:-3px;}/*211118 폰트 버그 margin-top:4px 삭제 vertical-align:top 수정*/
-
-.listwrap .buttom_search_wrap{position:relative; margin-top:18px auto 0}
-.listwrap .buttom_search_wrap .bottom_search{position: absolute;right:0;top:0}
-/*220715 uiux 개선*/
-.left_content.result .bottom_paging_wrap.re .bottom_paging_box{margin:3px 0 15px}
-.left_content.result .result_guide{text-align:center;;margin-bottom:22px}
-.left_content.result .result_guide p{display:inline-block;padding:7px 26.4%;background:#f3f3f3;color:#999;text-align:center;font-size:12px}
-.bottom_paging_wrap.re .search_prev + .search_next{margin-left:36px}
-
-/*댓글 검색 결과*/
-.list .sch_comment .gall_tit a.reply_numbox .reply_num{vertical-align:1px}
-tr.search:hover{background:none}
-tr.search td{padding:0}
-.sch_comment tbody .gall_tit a, .sch_comment tbody .gall_writer em, .sch_comment tbody .gall_writer .nickname,
-.sch_comment tbody .gall_date, .sch_comment tbody .gall_count,
-.sch_comment tbody .gall_recommend, .sch_comment tbody .reply_num, .sch_comment tbody .ip,
-.sch_comment tbody .gall_writer b
-{color:rgba(51,51,51,0.5)}
-.sch_comment tbody .gall_writer em.font_lightred{color:#ee3c24}
-
-.sch_comment tbody .gall_tit, .sch_comment tbody .gall_writer{font-size:12px}
-/*.list .sch_comment .nickname.in{max-width:84px}*/
-.sch_comment tbody tr.tic *{color:#333}
-.sch_comment tbody tr.tic .reply_num{color:#999}
-.sch_comment tbody tr.tic .gall_tit, .sch_comment tbody tr.tic .gall_writer{font-size:13px}
-.sch_cmt{position:relative;height:20px;padding-top:4px;vertical-align:middle ;padding-left:84px;text-align:left;border-top:1px solid #eee}/*211118 폰트 버그 adding-top:7px*/
-.sch_cmt::before{content:"";position:absolute;left:66px;top:4px;display:inline-block;width:11px;height:11px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat;background-position:-274px -843px}/*211118 폰트 버그 top:6px*/
-.sch_cmt:first-child{border-top:none}
-.sch_cmt a{display:inline-block;max-width:98%;font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
-.sch_cmt .reply_numbox{/*vertical-align:3px*/margin-left:3px}
-
-.sch_comment td[colspan="3"] .sch_cmt{padding-left:135px}/*210914 말머리*/
-.sch_comment td[colspan="3"] .sch_cmt::before{left:117px}/*210914 말머리*/
-
-/*210820 동영상 기능 개선*/
-.dc_mv{outline:none}
-.video_wrap{display:inline-block;;width:auto;height:auto;line-height:22px}
-
-.write_div .video_wrap div{padding-bottom:0}
-.write_div .video_wrap div.video_inbox {position:relative }
-.video_wrap video{width:100%;height:100%;vertical-align:top;max-width:100%;max-height:100%}
-
-.video_infobox{position:relative;background:#fff;max-width:100%;padding-bottom:6px!important;z-index:1}
-.video_infobox::before{content:"";display:block;position:absolute;width:100%;height:100%;border:1px #cecdce solid;border-top:none;box-sizing:border-box}
-.video_opt{font-size:0;padding:11px 14px 2px 15px!important;position:relative;z-index:1}
-.video_txt{font-size:0;padding:11px 15px 2px 16px!important;position:relative;z-index:1}
-.video_opt .viewnum{display:inline-block;margin-top:1px}
-.video_opt .fr button{margin-left:10px}
-.video_opt .fr button:first-child{margin-left:0}
-.video_wrap .btn_share, .video_wrap .btn_down, .video_wrap .viewnum{font-size:12px;color:#777;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-weight:bold}/*동영상 공유, 동영상 다운로드 버튼*/
-.video_wrap .icon_share, .icon_down{display:inline-block;height:16px;margin-right:5px;vertical-align:-3px}/*영상 공유, 동영상 다운로드 아이콘*/
-.video_wrap .icon_share{width:15px;background-position:-167px -937px}
-.video_wrap .icon_down{width:16px;background-position:-190px -937px}
-
-.video_wrap .thum_deco{cursor:pointer}
-.video_wrap .box{padding-bottom:9px!important}
-.video_txt{position:relative;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;padding:1px 15px 0 16px!important}
-.video_wrap .video_txt{position:relative;width:100%;max-height:47px;overflow:hidden;box-sizing:border-box}
-.video_wrap .video_txt.show{height:auto;max-height:100%;overflow:visible}
-.video_txt .inr{padding-right:27px}
-.video_txt .more{position:absolute;right:16px;bottom:3px;width:15px;height:9px;padding:10px;background-position:-280px -937px}
-.video_txt.show .more{background-position:-257px -937px}
-
-.video_tagbox{position:relative;font-size:0;margin-left:-3px;padding:8px 15px 0!important;z-index:1;line-height:16px}
-.video_txt.show + .video_tagbox{padding:10px 15px 0!important}
-.video_tag{display:inline-block; font-size:12px;color:#3b4890;margin-left:3px;word-wrap:break-word;word-break:break-all}
-.video_tag:before{content:"#"}
-
-.dc_movie_thumbox{position:relative;width:100%;height:100%}
-.dc_movie_thumbox::before{
-content:"";background:url(https://nstatic.dcinside.com/dc/w/images/thum_txt.png)center center no-repeat;width:201px;height:13px;
-position:absolute;left:50%;top:50%;margin-left:-119px;;margin-top:52px;
-display:inline-block;background-color:rgba(0,0,0, 0.9);height:35px;vertical-align:top;line-height:35px;padding:2px 19px 0;border-radius:3px
-}
-
-.dc_movie_thumbox:after{
-content:"";background:url(https://nstatic.dcinside.com/dc/w/images/thum_playimg.png)center center no-repeat;background-size:100px 71px;
-display:block;position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-36px;width:100px;height:71px;font-size:14px;color:#f1f1f1;text-align:center
-}
-
-.video_wrap .sources{margin-top:21px;font-size:14px;font-weight:bold;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;color:#333}
-
-.video_wrap .sources a, .video_wrap .sources a:focus, .video_wrap .sources a:active, .video_wrap .sources a:hover{border-bottom:none!important}
-.video_wrap .sources a:hover{text-decoration:underline}
-
-/*//210820 동영상 기능 개선*/
-
-/*211102 이미지순서, 서명*/
-/*서명*/
-/*.watermark{position:relative;display:table}
-.inwatermark{
-position:absolute;right:0;bottom:5px;display:inline-block;padding:5px 8px 4px 7px;background:rgba(166,166,166,0.7);vertical-align:top;line-height:100%;
-color:#fff;font-family:'KOTRAHOPE',sans-serif;font-size:18px;letter-spacing:-0.025em
-}
-
-.inwatermark::before{
-content:"";display:inline-block;width:20px;height:14px;vertical-align:top;margin-right:3px;margin-top:1px;
-background:url(https://nstatic.dcinside.com/dc/w/images/dcimg.png?1)no-repeat 1px 1px;background-size:100% 100%
-}*/
-
-/*이미지 순서*/
-/*.imgwrap{display:table;position:relative}
-
-.imgwrap .num{
-position: absolute;top:8px;right:8px;display: inline-block;
-background:rgba(255,255,255,0.9);padding:1px 0 0;border:1px solid #29367c;color:#29367c;font-size:12px;font-weight: bold;font-family:Tahoma;font-weight:bold;
-width:23px;height:23px;box-sizing:border-box;text-align:center
-}
-
-.imgwrap .btn{
-position:absolute;top:36px;right:8px;color:#fff;background:rgba(51,51,51,0.9);border:1px solid #666;border-radius:0;font-weight: normal;font-family:Dotum,'돋움';
-line-height:100%;padding:6px 10px 5px
-}*/
-/*.imgwrap .num + .btn{top:36px}*/
-
-/*//211102 이미지순서, 서명*/
-
-/*211102 이미지순서, 서명*/
-/*서명*/
-.watermark{position:relative;display:table}
-.inwatermark{
-position:absolute;right:0;bottom:5px;display:inline-block;padding:5px 8px 4px 7px;background:rgba(166,166,166,0.7);vertical-align:top;line-height:100%;
-color:#fff;font-family:'KOTRAHOPE',sans-serif;font-size:18px;letter-spacing:-0.025em
-}
-
-.inwatermark::before{
-content:"";display:inline-block;width:22px;height:16px;vertical-align:top;margin-right:3px;margin-top:0;
-background:url(https://nstatic.dcinside.com/dc/w/images/w_dcimg.png?3)no-repeat 1px 1px;background-size:100% 100%
-}
-
-/*이미지 순서*/
-.imgwrap{display:inline-block;position:relative}/*211130 이미지 가운데 정렬관련 으로 display:table*/
-
-.imgwrap .num{
-position: absolute;top:8px;right:8px;display: inline-block;
-background:rgba(255,255,255,0.9);padding:1px 2px 0;border:1px solid #29367c;color:#29367c;font-size:12px;font-weight: bold;font-family:Tahoma;font-weight:bold;
-min-width:23px;height:23px;box-sizing:border-box;text-align:center;line-height:19px
-}/*211216 3자리수 관련 스타일 수정*/
-
-.imgwrap .btn{
-position:absolute;top:36px;right:8px;color:#fff;background:rgba(51,51,51,0.9);border:1px solid #666;border-radius:0;font-weight: normal;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;
-line-height:100%;padding:6px 10px 5px
-}
-/*231108 추가*/
-.imgwrap .mngbtn_wrap{padding: 0}/*231220 추가*/
-.imgwrap .mngbtn_wrap .btn{top: 8px}/*이미지순서 버튼 없을때 위치*/
-.imgwrap .tip_box2 + .mngbtn_wrap .btn,
-.imgwrap .btn + .mngbtn_wrap .btn{top: 66px}
-
-
-/*작은 이미지*/
-.imgwrap.small{text-align:left}
-.imgwrap.small .btn,.imgwrap.small .num{position:static;display:table}
-.imgwrap.small .num{margin-top:5px}
-.imgwrap.small .btn{margin-top:3px}
-
-/*.imgwrap .num + .btn{top:36px}*/
-
-/*//211102 이미지순서, 서명*/
-
-/* 211130 댓글 선거법안내 */
-.cmt_write_box .vote_infotxt{font-size: 12px;padding: 2px 0 11px 152px;color: #333}
-.reply_box .cmt_write_box .vote_infotxt{padding-left: 149px}
-
-/* 211201 앱100만 갤러콘 */
-/*.gallmain .login_box .writer_nikcon img[src*="app_evt"]{margin-top: -5px;margin-left: -2px}*/
-.login_box .writer_nikcon img[src*="app_evt"]{margin-top: -5px;margin-left: -2px}/*로그인박스*/
-.gall_list .writer_nikcon img[src*="app_evt"]{margin-left: 2px;transform: translateY(-2px)}/*갤리스트*/
-.uminor_admin .gall_list .gall_writer img[src*="app_evt"]{transform: translateY(1px);vertical-align:baseline}/*갤리스트_관리자*/
-/*.gallview_head .writer_nikcon img[src*="app_evt"]{margin: -3px 0px 0 4px}*/
-.gallview_head img[src*="app_evt"]{margin: -3px 0px 0 4px;vertical-align: middle}/*본문제목*/
-/*.view_comment .gall_writer .nickname + .writer_nikcon img[src*="app_evt"]{position: absolute;margin-top:-2px}*/
-.view_comment .cmt_nickbox .gall_writer img[src*="app_evt"]{position: absolute;margin-top:-2px}/*댓글*/
-.view_comment .gall_writer .nickname.me + .writer_nikcon img[src*="app_evt"]{position: absolute;margin-top:-2px;margin-left: 2px}/*내가쓴 댓글*/
-.view_comment .reply .gall_writer .nickname + .writer_nikcon img[src*="app_evt"]{position: absolute;margin-top:-2px;margin-left: 2px}/*답글*/
-.view_comment .reply .gall_writer .nickname.me + .writer_nikcon img[src*="app_evt"]{position: absolute;margin-top:-2px;margin-left: 2px}/*내가쓴 답글*/
-
-/*211208 시리즈*/
-.dc_series{width:571px;padding:18px 20px 13px!important;background:#f8f8f8;border:1px #eee solid!important;box-sizing:border-box;line-height:1.6!important;border-color:#eee!important;font-size:13px!important}
-.dc_series div, .dc_series a{font-size:13px;color:inherit!important;}
-.dc_series a{display:inline-block;width:100%;/*text-overflow:ellipsis;*/overflow:hidden;/*white-space:nowrap*/}
-.dc_series a:hover{text-decoration:underline!important}
-
-/*시리즈 수정(글쓰기 페이지 내부스타일 작업)
-.srs_box{position:relative;width:260px;min-height:190px;background-color:#f3f3f3;color:#555;font-size:12px;letter-spacing:-0.075em;line-height:1.6}
-#write_wrap .srs_box{margin:8px}
-.srs_box .inner{padding:10px;text-align:center}
-.srsbg{display:block;width:42px;height:42px;margin:47px auto 0;background:url(https://nstatic.dcinside.com/dc/w/images/series_icon.png)no-repeat 0 0;background-size:100% auto;}
-.btn_grey.smaller.modify + .srsbg{margin:30px auto 0}
-.srs_box button.modify, .vote_box .tx-content-container button{display:block;text-align:left}
-.srs_box .tit{margin-top:13px}
-.btn_boxclose{position:absolute;top:10px;right:13px}
-*/
-/*//211208 시리즈*/
-
-/*220221 디시로터리*/
-.ltrwrap .gallview_contents .inner{position:relative}
-.write_div .dclottery div{padding:0}
-.ltrwrap .gallview_head{margin-bottom:47px}
-.ltrwrap .gallview_contents > .inner{margin-bottom:26px}
-.dclottery{width:820px;background:#f3f4f5;padding:30px 35px!important;box-sizing:border-box;font-size:0}/*다떨어지는 이슈로 220502 padding:padding:30px 35px!important 수정*/
-.dclottery > div{position:relative;padding-bottom:0}
-.dclottery > div img{line-height:0}
-.dclottery .ltrmoney{position:absolute;top:16%;right:20.5%;font-family:Tahoma;font-size:50px;font-weight:bold;color:#ffcc33;text-shadow:1.5px 3px #000;letter-spacing:-0.07em}
-.dclottery .ltrbtn{position:absolute;left:5.3%;top:31%;display:inline-block;width:29%;height:68%}
-.dclottery .ltrbtn.po2{left:35.5%}
-.dclottery .ltrbtn.po3{left:65.8%}
-.ltrwrap .list .gall_tit a.font_red:visited{color:#d31900}
-.dclottery .ltrtxtbox{font-size:19px;padding:0 9px 26px 2.5rem!important;margin-top:1.75rem;word-break:keep-all}/*220510 padding:0 2.5rem 26px!important 수정 word-break:keep-all 추가*/
-.dclottery .ltrtxtbox ol{padding-left:0!important;margin-top:6px}
-.dclottery .ltrtxtbox li{position:relative;padding-left:21px;letter-spacing:-0.05em}
-.dclottery .ltrtxtbox li span{position:absolute;left:0;top:0}
-.dclottery .ltrtxtbox strong{font-size:25px}
-.dclottery .ltrtxtbox strong::before{content:"";display:inline-block;width:16px;height:17px;margin-right:0.4rem;
-background:url(https://nstatic.dcinside.com/dc/w/images/lottery/docoimg.png)no-repeat left top
- }
-
-/*댓글*/
-.ltrwrap .cmt_nickbox{width:156px}
-.ltrwrap .cmt_write_box{padding:13px 12px 20px}
-.ltrwrap .cmt_info p.usertxt{cursor:default}
-.ltrwrap .cmt_txt_cont{position:relative;float:left}
-.ltrwrap .cmt_write{display:inline-block; }
-.ltrwrap .validchk_box{width:956px;margin-left:38px;color:#333}
-.ltrwrap .validchk{float:left;font-size:0}
-.ltrwrap .validchk::before{content:"";display:inline-block;width:1px;height:12px;background:#ccc;margin:0 24px 0 25px;vertical-align:-1px}
-.ltrwrap .validchk:first-child::before{display:none}
-.ltrwrap .validchk label{font-size:13px;height:32px;line-height:32px;padding-right:14px}
-.ltrwrap .user_info_input.id label{color:#999}
-.ltrwrap .validchk input{box-sizing:border-box;width:110px;height:32px;border:1px #cecdce solid;padding:0 12px;font-size:14px;color:#333;text-align:right;vertical-align:top}
-.ltrwrap .validinfo{clear:both;font-size:13px;line-height:20px;margin-top:8px;letter-spacing:-0.025em}
-.ltrwrap .validinfo .btn_info{margin:0 5px 0 0px}
-.ltrwrap .infoicon {display:inline-block;width:16px;height:15px;background-position:-222px -48px;vertical-align:-1px}
-.ltrwrap .validinfo .infotxt{position:relative}
-.atvt_indexinfo{display:inline-block}
-.ltrwrap .cmt_cont_bottm{position:absolute;right:0;bottom:-8px;margin-top:0}
-.validchk_box input:disabled{background:#f3f3f3 }
-/*//220221 디시로터리*/
-/*220817 새버전 디시로터리*/
-.dclottery.ver1{width:750px;padding:0!important;background:url(https://nstatic.dcinside.com/dc/w/images/lottery/ltr_imgbg.png)repeat left top;background-color:#3d21b0}
-.dclottery.ver1 .ltrmoney{top:44.4%;right:16.6%;color:#fff;text-shadow:4.5px 3.5px rgba(0, 0, 0, 0.5);font-size:74px;letter-spacing:-0.025em}
-.dclottery.ver1 .ltrgift{position:absolute;top:61%;font-family:Tahoma;font-weight:bold;letter-spacing:-0.025em;color:#fff;font-size:52px;text-shadow:4px 3px rgba(0, 0, 0, 0.5);text-align:right}
-.dclottery.ver1 .box3{position:relative}
-.ltrgift.left{right:57.7%}
-.ltrgift.right{right:14.4%}
-.dclottery.ver1 .ltrbtn{top:21%;left:5.9%;width:29.2%;height:55.3%}
-.dclottery.ver1 .ltrbtn.po2{left:35.9%}
-.dclottery.ver1 .ltrbtn.po3{left:65.9%}
-.dclottery.ver1 .box5{background:#1d0f56}
-.dclottery.ver1 .box6{background:#b3d853}
-.dclottery.ver1 .ltrtxtbox{
- padding:1.95rem 9px 3.7rem 1.7rem!important;margin-top:0;
- background-image:url(https://nstatic.dcinside.com/dc/w/images/lottery/dclottery7_ver1.png),url(https://nstatic.dcinside.com/dc/w/images/lottery/ltr_greenimgbg.png);
- background-repeat:no-repeat, repeat;
- background-position:left top;
- background-color:#cfe573;
- font-size:22px
-}
-.dclottery.ver1 .ltrtxtbox strong{font-size:29px;text-decoration:underline}
-.dclottery.ver1 .ltrtxtbox strong::before{width:19px;height:19px;background:url(https://nstatic.dcinside.com/dc/w/images/lottery/docoimg_ver1.png)no-repeat left top}
-.dclottery.ver1 .ltrtxtbox ol{margin-top:5px;padding-left:3px!important}
-.dclottery.ver1 .ltrtxtbox li:nth-child(n+10){padding-left:32px}
-.ltrshare.ver1{width:750px}
-/*//220817 새버전 디시로터리*/
-
-/*230214 ai 이미지 생성*/
-.write_div div.ai_wrap, .ai_wrap{position:relative;display:inline-block;min-width:450px;max-width:850px;width:auto;padding-bottom:208px;box-sizing:border-box;font-size:12px;color:#333;line-height:18px}
-.write_div div.ai_wrap .ai_imgbox, .write_div div.ai_wrap .area, .write_div div.ai_wrap .area .box,
-.write_div div.ai_wrap .ai_contbox, .write_div div.ai_cont, .write_div .ai_wrap div.imgwrap
-{padding-bottom:0}
-.write_div .ai_wrap div.imgwrap, .imgwrap, .write_div div.ai_wrap .ai_imgbox, .ai_imgbox{line-height:0}
-
-.ai_cont{position:relative;display:table;min-width:450px;max-width:900px;height:138px;background:#eee}
-.ai_wrap .ai_contbox{display:table-cell;vertical-align:middle;text-align:center}
-.ai_wrap .ai_imgbox{position:relative;min-width:448px;min-height:138px}
-.ai_wrap .ai_imgbox .ai_img{display:block;max-width:100%;max-height:100%;;min-height:138px;line-height:0}
-
-.ai_wrap .area{border:1px solid #ccc}
-.ai_wrap .area:nth-child(2){position:absolute;border-width:0 1px 1px 1px}
-.ai_wrap .area .box{display:table;table-layout:fixed;width:100%;height:51px;border-top:1px #ccc solid}
-.ai_wrap .area .box:first-child{border-top:none}
-.ai_wrap .area .box .tit{display:table-cell;width:99px;background:#eee;vertical-align:middle;text-align:center}
-.ai_wrap .area .box .cont{width:100%;box-sizing:border-box;padding:10px;display:table-cell;vertical-align:middle}
-.ai_wrap .area .box.scroll .cont{padding:0}
-.ai_wrap .area .box .inr{height:51px;box-sizing:border-box;padding:6px 10px 0px;overflow-y:scroll}
-.ai_wrap.nonborder .area{border: 0} /*230807 참고이미지 테두리,배경X 추가*/
-.ai_wrap.nonborder .ai_cont{background: none} /*230807 참고이미지 테두리,배경X 추가*/
-
-.ai_sign{position:absolute;left:6px;bottom:4px;z-index:1}
-.ai_sign.dclogo{left:auto;right:-1px;bottom:-1px}
-
-/*241014 본문 디시트렌드 랭킹*/
-.dctrend_ranking{width: 728px;margin: 20px auto 0}
-
-/*230524 우을증 갤러리 문구 관련*/
-.depression_info{margin-top:20px;padding:10px;border:1px solid #aaa;color:#333} /*230510*/
-.info_realname.box.depression{width:708px;padding:8px 9px 9px;margin-bottom:0}
-.info_realname.box.depression ~ .editor_wrap{margin-top:20px}
-.info_realname.box.depression + .temporary_save_box .btn_temporary_save{top:-1px}
-.info_realname.depression .inner{margin-top:0}
-.info_realname.depression .inner p{font-weight:bold}
-
-/*240105 글쓰기 안내 문구*/
-.wrt_guide_preview{color: #999;line-height: 1.5}
-.note-editor .wrt_guide_preview{position: absolute;top: 90px;left: 0;width: 100%;padding: 10px;box-sizing: border-box}/*250106 에디터 변경 관련*/
-.minor_admin .wrt_guide .tx-toolbar{border-color: #bbb} /* 매니저관리쪽 (241004 editor.css 에서 옮김)*/
-.minor_admin .wrt_guide .tx-colorpallete .tx-menu-inner{padding: 7px 6px 7px 7px!important}
-.minor_admin .wrt_guide .tx-colorpallete ul.tx-pallete-thumb-list{height: 12px}
-.minor_admin .wrt_guide .tx-slt-tbg{background-position:-158px 0}
-.minor_admin .wrt_guide .tx-slt-tbg-hovered{background-position:-158px -32px}
-.minor_admin .wrt_guide .tx-slt-tbg-pushed{background-position:-158px -64px}
-.minor_admin .wrt_guide .tx-slt-tbg-arrow-hovered{background-position:-158px -96px}
-.minor_admin .wrt_guide .tx-slt-tbg-arrow-pushed{background-position:-158px -128px}
-
-/*============== 241004 에디터 변경 (글쓰기/본문) ==============*/
-/*공통, 윗줄*/
-#write_wrap .note-editor{margin-top: 25px;border-color: #ccc;border-radius: 2px}
-#write_wrap .note-editor .note-toolbar{padding: 2px 6px 4px 6px;border-radius: 1px 1px 0 0}
-#write_wrap .note-btn-group > .note-btn{font-size: 13px;height: 33px;box-sizing: border-box;border-color: #e3e3e3;padding: 0 8px}
-#write_wrap .note-btn-group > .note-btn:hover{border-radius: 3px}
-#write_wrap .note-btn-group > .note-btn i{position: relative}
-#write_wrap .note-editor.note-frame .note-statusbar,
-#write_wrap .note-editor.note-frame .note-statusbar .note-resizebar{border-radius: 0 0 1px 1px}
-#write_wrap .note-editor .note-editable table{font-family: "맑은 고딕",arial,Dotum,돋움,sans-serif}
-#write_wrap .note-editor .note-editable ol, .write_div > ol, .write_div > table ol{list-style-type: decimal;padding-left: 20px}
-#write_wrap .note-editor .note-editable ul, .write_div > ul, .write_div > table ul{list-style-type: disc;padding-left: 22px}
-#write_wrap .note-editor .note-editable ol li,
-#write_wrap .note-editor .note-editable ul li{list-style-position: outside}
-
-.note-btn[aria-label*="디시콘"] i::before{content: "";display: inline-block;width: 17px;height: 14px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_editor.png) no-repeat 0 0;vertical-align: -2px}
-.note-btn[aria-label*="이미지"] i::before{content: "";display: inline-block;width: 14px;height: 11px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_editor.png) no-repeat 0 -16px}
-.note-btn[aria-label*="동영상"] i::before{content: "";display: inline-block;width: 15px;height: 09px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_editor.png) no-repeat 0 -30px;vertical-align: 1px}
-.note-btn[aria-label*="유튜브"] i::before{content: "";display: inline-block;width: 14px;height: 11px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_editor.png) no-repeat 0 -42px}
-.note-btn[aria-label*="외부컨텐츠"] i::before{content: "";display: inline-block;width: 11px;height: 11px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_editor.png) no-repeat 0 -56px}
-.note-btn[aria-label*="시리즈"] i::before{content: "";display: inline-block;width: 11px;height: 11px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_editor.png) no-repeat 0 -70px}
-.note-btn[aria-label*="투표"] i::before{content: "";display: inline-block;width: 11px;height: 11px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_editor.png) no-repeat 0 -84px}
-.note-btn[aria-label*="AI"] i::before{content: "";display: inline-block;width: 14px;height: 14px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_editor.png) no-repeat 0 -98px;vertical-align: -1px}
-
-/*HTML 체크박스*/
-#write_wrap .note-toolbar > .note-btn-group:first-of-type{margin-right: 0}
-#write_wrap .note-btn-group .note-btn[aria-label*="Code"]{background: transparent!important;border: 0;position: absolute;top: -20px;left: 940px}
-#write_wrap .note-btn-group .note-btn[aria-label*="Code"] label{font-size: 11px;margin-left: 4px;color: #333}
-#write_wrap .note-btn-group .note-btn[aria-label*="Code"] input{display: inline-block;width: 14px;height: 14px;margin: 0 1px 0 0;vertical-align: -3px}
-#write_wrap .note-btn-group .note-btn[aria-label*="Code"] input::before{content: "";display: inline-block;width: 14px;height: 14px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -264px -184px}
-#write_wrap .note-btn-group .note-btn[aria-label*="Code"] input:checked:before{background-position: -248px -184px}
-
-/*아랫줄*/
-#write_wrap .note-break{display: block;height: 0;pointer-events: none;border-top: 1px solid #ccc;width: calc(100% + 12px);margin: 7px 0 4px -6px}
-#write_wrap .note-break ~ .note-btn-group{margin: 0}
-#write_wrap .note-break ~ .note-btn-group .note-btn{border: 0;background-color: transparent;font-size: 12px}
-#write_wrap .note-break ~ .note-btn-group .note-btn i::before{background-image: none}
-#write_wrap .note-break ~ .note-btn-group .note-btn .note-icon-caret{display: inline-block;width: 8px;padding: 0}
-#write_wrap .note-toolbar > .note-fontsize,
-#write_wrap .note-toolbar > .note-color,
-#write_wrap .note-toolbar > .note-height{padding-right: 8px;margin-right: 8px}
-#write_wrap .note-toolbar > .note-fontsize::after,
-#write_wrap .note-toolbar > .note-color::after,
-#write_wrap .note-toolbar > .note-height::after{content: "";display: inline-block;width: 1px;height: 14px;background-color: #ccc;position: absolute;top: 50%;right: 0;transform: translateY(-50%)}
-
-.note-style .note-btn i::before,
-.note-color .note-btn i::before,
-.note-height .note-btn i::after{content: "가";line-height: 1.2;vertical-align: 0}
-.note-style .note-btn i.note-icon-bold::before{font-weight: bold}
-.note-style .note-btn i.note-icon-italic::before{font-style: italic;transform: translateX(-1px)}
-.note-style .note-btn i.note-icon-underline::before{text-decoration: underline}
-.note-style .note-btn i.note-icon-strikethrough::after{content: "";width: 100%;height: 1px;background-color: #000;position: absolute;bottom: 30%;left: 0}
-.note-color .note-btn.note-current-color-button{padding: 0 5px!important}
-.note-height .note-btn i.note-icon-text-height::before{font-size: 14px;clip-path: inset(0 -20% 0 85%);vertical-align: -3px;line-height: 1}
-.note-height .note-btn i.note-icon-text-height::after{ color: #000;position: absolute;top: 2px;left: -1px;font-style: normal}
-
-/*레이어 관련*/
-.note-color .note-dropdown-menu .note-palette{position: relative}/*피커 위치 변경*/
-.note-color .note-dropdown-menu .note-palette input[type*="color"]{display: inline-block!important;opacity: 0;width: 100%;height: 0;position: absolute;bottom: -10px;left: 0}
-.note-color .note-dropdown-menu .note-palette:first-child input[type*="color"]{left: -10px}
-.note-color .note-dropdown-menu .note-palette .note-palette-title{font-weight: bold}
-.note-modal .note-modal-content{min-width: 600px}/*250116 추가*/
-.note-modal .note-modal-header{padding: 10px 14px}
-.note-modal .note-modal-header .note-modal-title{color: #333}
-.note-modal .note-modal-body{padding: 14px 14px 0}
-.note-modal .note-modal-body .note-form-label{font-size: 15px;padding: 0;color: #333;margin-bottom: 6px}
-.note-modal .note-modal-body .checkbox,
-.note-modal .note-modal-body .checkbox label{padding: 0;color: #333}
-.note-modal .note-modal-body .checkbox input{opacity: 1;position: static;vertical-align: -2px;margin-right: 4px}
-.note-modal .note-modal-footer{padding: 8px 14px 12px}
-
-/*테이블 표 관련*/
-.write_div .table-bordered,
-.write_div .table-bordered td,
-.write_div .table-bordered th,
-#write_wrap .note-editor .note-editing-area .note-editable table td,
-#write_wrap .note-editor .note-editing-area .note-editable table th{border: 1px solid #eee} /*리스트 테이블 색상*/
-#write_wrap .note-editor .note-editing-area .note-editable table tr:hover{background: #f3f3f3}
-.write_div .table-bordered{width: 100%}/*250107 추가 (에디터/본문 동일하게 출력)*/
-.write_div .table-bordered td{text-align: center}
-
-/*250110본문/글쓰기 i+u 태그 적용*/
-.write_div u, .note-editable u{font-style:inherit}
-
-/*//============== 241004 에디터 변경 (글쓰기/본문) ==============*/
-
-
-
-
-
-
-/*크롬*/
-@media screen and (-webkit-min-device-pixel-ratio:0) {
- .agree_box strong{letter-spacing:0}/*3자 제공 동의*/
- audio#bgm_audio{min-height:57px}/*bgm 재상바 */
- .notfound_txt > p span em{letter-spacing:0.06em}/*통합검색의 검색결과없음의 검색단어*/
-}
-
-/*파폭*/
-@-moz-document url-prefix() {
- .output_array .select_area{line-height:19px}
- /* .select_box.array_latest{line-height:20px} 211118 폰트 버그 삭제 */
- .list .gall_writer{padding-top:3px}
- .list .gall_tit a{padding-top:3px}
- .hot_mgall .mgall .rank_num,.hot_gall .rank_list.red .rank_num{width:13px;padding-right:0;letter-spacing:-0.05em}
- .no_caption .section_cate:first-child,.no_caption .section_cate:last-child{width:149px}
- .list .gall_list.access_limit td{height:24px}
- .cmt_list li .hitnik .writer_nikcon img{margin-top:-2px}/*댓글 힛갤러콘*/
-}
-/*익스*/
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
- .no_caption .section_cate:first-child,.no_caption .section_cate:last-child{width:149px}
- .over_alt, .btn_dccon_infoview{line-height:22px}
- .sch_alliance{line-height:24px}/*추천검색*/
- .list .gall_tit a{padding-top:2px}
- .hot_mgall .mgall .rank_num,.hot_gall .rank_list.red .rank_num{width:13px;padding-right:0;letter-spacing:-0.05em}
- .write_infobox p .checkbox input[type="checkbox"]{top:1px}
- .write_infobox p .checkbox input + .checkmark{top:1px}
- .cmt_list li .hitnik .writer_nikcon img{margin-top:-2px}/*댓글 힛갤러콘*/
- .inner + .inner + .inner ~ .inner .btn_adult{text-indent:-1px}/*글쓰기 성인인증 */
-}
diff --git a/src/index.css b/src/index.css
index e69de29..36b3cb8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,24 @@
+@import "tailwindcss";
+
+
+/* --- Extend Tailwind Theme using @theme --- */
+@theme {
+ --color-custom-blue-dark: rgb(41 54 124);
+ --color-custom-gray-dark: rgb(51 51 51);
+ --color-custom-gray-medium: rgb(153 153 153);
+ --color-custom-gray-light: rgb(238 238 238);
+ --color-custom-green: rgb(0 153 51);
+ --color-custom-red-text: rgb(211 25 0);
+ --color-custom-border-gray: rgb(204 204 204);
+ --color-custom-dropdown-bg: rgb(243 243 243);
+ --color-custom-dropdown-text: rgb(85 85 85);
+
+ --font-apple: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, 굴림, Gulim, sans-serif;
+ --font-apple-dotum: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", arial, Dotum, 돋움, sans-serif;
+ --font-tahoma: tahoma, sans-serif;
+}
+
+@utility bg-sp-img{
+ background-image: url('/sp_image.png');
+ background-repeat: no-repeat;
+}
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index cf4b4ba..f9d5c05 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,6 @@
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
-import "./reset.css"
+
import './index.css'
import App from './App.tsx'
diff --git a/src/minor.css b/src/minor.css
deleted file mode 100644
index c0a9530..0000000
--- a/src/minor.css
+++ /dev/null
@@ -1,1568 +0,0 @@
-@charset "utf-8";
-.posi_relbox{position:relative}
-/*마이너 갤러리 메인*/
-.mgall_info{position:relative;z-index:2} /*201020 z-index 수정*/
-.minor_wrap.gallmain .left_content .mgall_info .txt{float:left;height:33px;line-height:33px;font-size:14px;color:#333;font-weight:bold}
-.minor_wrap.gallmain .left_content .mgall_info .txt > button{outline:none}/*200521 크롬업데이트 이슈로 outline 추가*/
-.icon_mgll_explain{display:inline-block;width:13px;height:13px;background-position:-242px -229px;margin-left:2px} /*211208*/
-.mgall_make_go{float:right;width:165px;height:30px;line-height:31px;font-weight:normal;border-width:1px 1px 2px 1px;text-align:center}/*mini*//*211118 폰트 버그 line-height:32px;*/
-.btn_red.mgall_make_go{background:#ff9900;border-color:#ff9900;box-shadow: 0px 1px 0px 0px #bbb;-webkit-box-shadow: 0px 1px 0px 0px #bbb;border-width:1px}
-
-.mgall_make_go:hover{text-decoration:none}
-.mgall_list_wrap{position:relative;margin-top:11px;border:1px solid #29367c;border-width:2px 1px 1px }
-.mgall_list_wrap a,.mini_list_wrap a{color:#555}/*mini*/
-.empty_mgall{padding-top:85px}
-
-/*신설 마이너 갤러리*/
-.new_magll_box{float:right;width:308px;height:214px;border-left:1px solid #d5d5d5;position:absolute;top:0;right:0}
-.new_mgall{padding:17px 0px 0 16px}/*200130*/
-.newmgall_list{overflow:hidden}
-.newmgall_list li{float:left;width:130px;line-height:22px;margin-right:15px}
-/*.newmgall_list li a{position:relative;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:130px;height:15px;line-height:18px}200130*/
-.newmgall_list li a{position:relative;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:130px;vertical-align: top} /*250120*/
-.icon_newmgall{display:inline-block;width:25px;height:8px;margin-right:6px;vertical-align:3px;background-position:-140px -214px}
-.new_mgall .empty_mgall{padding-top:55px;padding-right:16px}
-.icon_newmgall{display:inline-block;width:25px;height:8px;margin-right:6px;vertical-align:3px;background-position:-140px -214px}
-.new_mgall .empty_mgall{padding-top:55px;padding-right:16px}
-.newmgall_list .icon_restriction{top:3px}
-.newmgall_list li a.restriction{max-width:120px;padding-right:14px}/*200130 접근제한*/
-/*승격 마이너 갤러리 */
-.up_mgall_box{clear:both;position:relative;height:36px;padding:0 12px;line-height:36px;border-top:1px solid #d5d5d5;z-index:2}
-.up_mgall_box .tit{float:left;margin-right:25px;font-size:12px;color:#333}
-.up_mgall_list{overflow:hidden;float:left;height:36px;}
-.up_mgall_list li{float:left;width:105px}
-.up_mgall_list li a{display:block;width:95px;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
-.btn_upmgall_more{position:absolute;right:12px;top:0;height:37px;font-size:11px;color:#555;text-decoration:underline;letter-spacing:-0.05em;outline:none}/*200521 크롬업데이트 이슈로 outline 추가*/
-.icon_upmgall_more{display:inline-block;width:5px;height:9px;margin-left:8px;background-position:-110px -58px}
-/*최근방문*/
-.minor_wrap.gallmain .visit_history{width:702px;margin-top:10px;border-top:1px solid #d5d5d5;position:relative;margin-bottom:3px}/*201222 position, margin-bottom 추가*/
-.minor_wrap.gallmain .visit_list{width:577px}/*201215*/
-.minor_wrap.gallmain .left_content .visit_list li{width:98px}/*210224*/
-.minor_wrap.gallmain .left_content .visit_list li a{max-width:85px;width:auto}/*210224*/
-.minor_wrap.gallmain .left_content .visit_list li a.mini{max-width:62px}/*210224*/
-.minor_wrap.gallmain .visit_list li::before{padding:0 14px 0 9px}
-.minor_wrap.gallmain .visit_list li a{font-size:11px;color:#444}
-/*//마이너 갤러리 메인*/
-
-/*마이너 갤러리 소개*/
-.minor_intro_box{float:left;width:975px;padding:24px 14px 2px 15px;color:#333}
-.img_contbox{float:left;width:56%}
-.mintro_imgbox{position:relative;display:block;float:left;width:156px;height:104px;
- background-color:#fff;background-image:url(https://nstatic.dcinside.com/dc/w/images/minorbg.png);background-repeat:no-repeat;background-position: 0 0;background-size:156px 104px
-}/*201112*/
-.mintro_imgbox .cover{width:156px;height:104px}
-.cover{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:#fff}
-
-/*.mintro_imgbox.in_img{border:1px solid #3b4890} 201112*/
-.mintro_imgbox.in_img img{width:156px;height:104px;background:#fff}/*201112*/
-.mintro_txtbox{overflow-y:auto;float:left;width:372px;height:104px;padding-right:5px;margin:-1px 0 0 12px;line-height:20px}
-.width1160 .listwrap .mintro_txtbox{width:204px}
-.mintro_txt{letter-spacing:-0.05em;word-wrap:break-word}
-.info_contbox{overflow-y:auto;position:relative;float:left;width:42%;height:104px;margin-top:-1px;margin-left:4px;z-index:1} /*201027 margin-top:-3px -> -1px*/
-.minor_view .info_contbox{margin-left:19px}
-.info_cont{overflow:hidden;line-height:22px}
-.info_cont .tit{display:block;float:left;width:73px;line-height: 20px} /*201027 line-height 추가*/
-.info_cont .tit::before{content:"";display:inline-block;width:2px;height:2px;background:#333;margin:0 7px 0 1px;vertical-align:4px}
-.info_cont .cont{float:left;text-align:left;width:auto;padding:0;line-height:20px}
-.mng_nick{display:block}
-.absence,.no_mintro_txt{color:#999}
-.absence .txt,
-.info_contbox .mng_nick.absence em{color:#d31900;text-decoration:underline} /*231010 부재중 추가*/
-.info_contbox .mng_nick.absence em{cursor: pointer}
-
-/*마이너 갤러리 순위*/
-.minor_ranking_box{position:relative;float:right;width:152px;height:153px;background:#f3f3f3;border-left:1px solid #d5d5d5;text-align:center}
-.btn_mgall_dcp{position:absolute;right:0;top:0;width:30px}
-.icon_mgall_dcp{display:block;width:30px;height:30px;background-position:-111px -275px}
-.ranking_tit{height:32px;margin:29px auto 0;background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_minor_txt.png?4);background-repeat:no-repeat}
-.ranking_tit.hot{width:108px;background-position:0 0}/*흥한갤*/
-.ranking_tit.nohot{width:122px;background-position:0 -78px}/*안흥한갤*/
-.ranking_tit.darkness{width:106px;background-position:0 -117px}/*정전갤*/
-.ranking_tit.newgall{width:104px;height:30px;background-position:0 -41px}/*신규갤*/
-.ranking_tit.bighot{width:104px;height:30px;background-position:-111px 0}/*대흥갤*/
-.ranking_tit.hot1{width:105px;height:30px;background-position:-117px -37px}/*흥한갤*/
-.ranking_tit.normal{width:104px;height:30px;background-position:-129px -74px}/*흔한갤*/
-.ranking_tit.darkness1{width:100px;height:30px;background-position:-110px -112px}/*정전갤*/
-
-/*숫자,위*/
-.rank_img{padding:7px 0 17px 1px;font-size:0}
-.num_img,.txt_img{height:28px;margin-left:2px;vertical-align:top}
-.num_img:first-child{margin-left:0}
-.num_img{display:inline-block;width:16px;background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_num.png);background-repeat:no-repeat}
-.num_img.num0{background-position:0 1px}
-.num_img.num1{background-position:2px -31px}
-.num_img.num2{background-position:0 -65px}
-.num_img.num3{background-position:0 -99px}
-.num_img.num4{background-position:0 -135px}
-.num_img.num5{background-position:0 -169px}
-.num_img.num6{background-position:0 -205px}
-.num_img.num7{background-position:0 -240px}
-.num_img.num8{background-position:0 -275px}
-.num_img.num9{background-position:0 -311px}
-
-.txt_img{display:inline-block;width:23px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_minor_txt.png) 0 -188px no-repeat}
-.outsied_img{display:inline-block;width:90px;height:29px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_minor_txt.png) 0 -157px no-repeat}
-.useradmin_btnbox{position:relative;clear:both;margin:10px 0 15px}
-.useradmin_btnbox > .btn_lightgrey{width:auto;padding:0 14px;letter-spacing:0.05em}
-.useradmin_btnbox > .btn_lightgrey.small:first-of-type{margin-left:0}
-/*240417 리스트에서 말머리 변경 추가*/
-.list_bottom_btnbox .useradmin_btnbox .mng_subject_sel{display: inline-block;width: 83px;float: none;position: relative;left: 0;top: 0;line-height: 29px;border: 1px solid #c4c4c4;border-radius: 2px;vertical-align: middle;margin-left: 3px}
-.list_bottom_btnbox .useradmin_btnbox .mng_subject_sel .option_box{width: 103px;}
-
-/*리스트*/
-.chk_list{margin:0}
-.listwrap .minor_intro_box{width:684px;padding:24px 0 0 2px}
-.listwrap .issue_contentbox{display:block}
-
-/*뷰*/
-.mng_setbox{position:relative;width:290px;height:30px;margin:-26px auto 36px}
-.user_control{position:relative;width:288px;height:29px;border:1px #c4c4c4 solid;border-radius:2px}
-.user_control::after{clear:both;display:block;visibility:hidden;content:""}
-.btn_user_control{display:block;float:left;width:95px;height:29px;line-height:29px;margin-left:1px;border-right:1px solid #c4c4c4;
- background:#f9f9f9;font-size:13px;color:#666;font-weight:bold;text-shadow:0px 1px #fff;
-}
-.btn_user_control:first-child, .avoid_pop_layer + button.btn_user_control{width:95px;margin-left:0}/*220531 .avoid_pop_layer + button.btn_user_control 추가*/
-.btn_user_control:nth-child(3){width:96px;border-right:0}
-.mng_subject_sel{position:absolute;top:0;right:-130px;padding:0 9px;width:103px;height:29px;border:1px #c4c4c4 solid;border-radius:2px;background:#f9f9f9;font-weight:bold;
- color:#666;font-size:12px;line-height:31px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.mng_subject_sel .icon_option_more{display:block;width:11px;height:6px;background-position:-169px -232px;right:0px;top:12px}
-.mng_subject_sel .option_box{width:123px;padding:6px 9px 6px}
-.mng_subject_sel .option_box li{font-size:12px;line-height:22px}
-.issue_contentbox{display:none}
-.issuebox.open .issue_contentbox{display:block}
-
-/*마이너 갤러리 만들기 */
-.minor_make .page_head > .fl h2{width:100%}/*200922 아이패드 이슈건으로 추가*/
-.page_head .img_txt{vertical-align:-3px}
-.minor_make_wrap{border-top:2px #29367c solid;border-bottom:2px #29367c solid}
-.minor_make_info{position:relative;width:411px;padding:19px 22px;margin-top:34px;background:#f3f3f3;border-radius:2px;line-height:20px;color:#555;letter-spacing:-0.05em }
-.minor_make_info .tit{color:#29367c}
-.minor_make_info .txt_attention{margin-top:12px}
-.btn_guide_view{text-decoration:underline;color:#d31900;vertical-align:0}/*211118 폰트 버그 vertical-align:0 추가*/
-.txt_line{text-decoration:underline}
-.minor_make .page_head .tiptxt{font-size:14px;color:#bbb;letter-spacing:0}
-.required_input{padding-left:3px;color:#d31900;vertical-align:top;line-height:18px}
-.minor_make_form{border-top:2px solid #29367c;border-bottom:2px solid #29367c}
-.minor_make_form input{color:#555}
-.minor_make_form .select_arraybox{font-size: 12px}/*240812 추가*/
-.minor_make_form .select_arraybox .placeholder{color: #555}/*240812 추가*/
-.make_form_cont{display:table-cell;;width:726px;padding:12px 0 2px}
-.make_form_cont .set_tit{width:130px}
-.ex_cont{display:table-cell;width:288px;padding:14px 21px 2px 15px;background:#f3f3f3;vertical-align:top}
-.ex{width:256px;opacity:0.7}
-.ex_cont .tit{padding-top:5px;color:#d31900}
-.ex_cont .form_group{padding:0;margin-top:0}
-.ex_cont .set_content.name .cont_input_box{width:256px}
-.ex_cont .set_content.name .t_input{width:155px;color:#999}
-.ex_cont .cont_box{width:256px;margin:0}
-.ex_cont .t_area{width:240px;color:#999}
-.ex_cont .set_content{padding-top:0}
-.ex_cont .set_content.desc .max_txt{padding-right:0;line-height:12px}
-.minor_make_chk{padding:35px 0 26px;text-align:center}/*190419 마이너 만들기 페이지 변경내용 적용후 text-align:center 삭제*/
-.minor_make_chk .checkbox:first-child{margin-right:15px}/*190419 마이너 만들기 페이지 변경내용 적용후 삭제*/
-.minor_make_chk .checkbox{padding-left:19px}
-.minor_make_chk .checkbox input{width: 100%} /*240812 추가*/
-.minor_make_chk .agree_chk{text-align:left;color:#555}
-.minor_make_chk .agree_chk .checkbox > label{color:#333}
-.minor_make_chk .agree_chk.chk1 .checkbox > label,.minor_make_chk .agree_chk.chk2 .checkbox > label{font-weight:bold}
-.minor_make_chk .agree_chk.chk1{padding:0 16px 0 15px}
-.minor_make_chk .scroll{overflow-y:scroll;width:474px;height:129px;margin-top:13px;padding:10px 13px;border:1px #bbb solid;background:#fff;;line-height:19px}/*211118 폰트 버그 line-height:20px*/
-.minor_make_chk .scroll .tit{display:block;margin-top:15px}
-.minor_make_chk .scroll .magtop{margin-top: 5px} /*200722 추가*/
-.minor_make_chk .scroll ul{margin:0 2px 0}
-.minor_make_chk .scroll dt{margin:5px 0 0 0}
-.minor_make_chk .scroll.privacy dt{margin:10px 0 0 0;font-weight:bold}
-.minor_make_chk .mt_5{margin-top:5px}
-.minor_make_chk .agree_chk.chk3{clear:both;padding:34px 0 0 15px}
-.minor_make_chk .agree_chk.chk3 .txt{margin-top:12px;color:#999}
-.make_guidetxt_box{padding-top:24px;border-top:1px #aaa dashed}
-.make_guidetxt_box .tiptxt{margin-left:7px;line-height:20px}
-.make_guidetxt_box .tip_deco_dot{background:#555}
-.make_bottom_btnbox{margin:42px 0 86px;text-align:center}
-.make_bottom_btnbox button{width:100px}
-.make_bottom_btnbox button:first-child{margin-left:0}
-
-/*210202 이미지텍스트 -> 텍스트*/
-.minor_make .page_head h2{overflow:inherit}
-.minor_make .page_head h2 .stxt{font-size:13px;color:#999;font-weight: bold;;letter-spacing:0;line-height:100%;margin-left:6px}
-.minor_make .make_guide_tit{font-family:'Nanum Gothic', sans-serif;font-size:23px;color:#d31900;margin-top:41px;padding-left:69px}
-.minor_make .make_guide_txt{font-family:'Nanum Gothic', sans-serif;font-size:17px;color:#222;font-weight:bold;margin:5px 0 33px;padding-left:69px}
-
-/*//마이너 갤러리 만들기 */
-
-/*마이너 관리자*/
-.minor_uadmin_wrap{display:table;min-height:575px;border-top:2px #29367c solid;border-bottom:2px #29367c solid}
-.minor_uadmin_wrap.mngsecurity{min-height:469px}/*211025 추가 매니저 인증을 위한 보안 코드 확인*/
-.minor_uadmin_wrap .left_content,.minor_uadmin_wrap .right_content{display:table-cell;float:none;padding:37px 0 35px;vertical-align:top}
-.minor_uadmin_wrap .left_content{position:relative;width:298px}
-.minor_uadmin_wrap .right_content{width:861px;border-left:1px #f3f3f3 solid}
-/*마이너 관리자 왼쪽 영역*/
-.minor_uadmin_menu{width:230px;margin-left:29px}
-.minor_uadmin_menu li{height:34px;line-height:34px;margin-top:7px}
-.minor_uadmin_menu li:first-child{margin-top:0}
-.minor_uadmin_menu li a{display:block;padding-left:20px;border:1px #ccc solid;border-radius:2px;font-size:14px;font-weight:bold}
-.minor_uadmin_menu li a:hover{border:1px #29367c solid ;text-decoration:none}
-.minor_uadmin_menu li a.on{border:1px #29367c solid;background:#3b4890;color:#fff;text-shadow:0px -1px #1d2761}
-/*승역안내*/
-.up_mgall_infobox{position:relative;margin-left:29px}
-.btn_upmgall_info{margin-top:10px;line-height:36px;font-size:12px;color:#29367c;text-decoration:underline;text-align:left;outline:none}
-
-/*마이너 관리자 오른쪽 영역*/
-.minor_admin input::-webkit-input-placeholder{color:#999}
-.minor_admin input:-moz-placeholder{color:#999}
-.minor_admin input::-moz-placeholder {color:#999}
-.minor_admin input:-ms-input-placeholder{color:#999}
-.minor_make input::-webkit-input-placeholder{color:#999}
-.minor_make input:-moz-placeholder{color:#999}
-.minor_make input::-moz-placeholder {color:#999}
-.minor_make input:-ms-input-placeholder{color:#999}
-.minor_admin textarea::-webkit-input-placeholder{color:#999}
-.minor_admin textarea:-moz-placeholder{color:#999}
-.minor_admin textarea::-moz-placeholder {color:#999}
-.minor_admin textarea:-ms-input-placeholder{color:#999}
-.minor_make textarea::-webkit-input-placeholder{color:#999}
-.minor_make textarea:-moz-placeholder{color:#999}
-.minor_make textarea::-moz-placeholder {color:#999}
-.minor_make textarea:-ms-input-placeholder{color:#999}
-.minor_uadmin_setting{margin:0 40px}
-.minor_uadmin_setting input{color:#555}
-.form_group{padding:2px 0 14px 16px;border-top:1px #eee solid;color:#555}/*211118 폰트 버그 padding:2px 0 10px 16px; */
-.minor_uadmin_setting .form_group, .minor_make .form_group{margin-top:0}
-.form_group:first-of-type{border-top:none}
-.set_content{padding-top:11px}
-.set_tit{position:relative;float:left;width:157px;font-weight:bold;line-height:24px}
-.btn_tit_guide{overflow:hidden;width:14px;height:14px}
-.icon_tit_guide{display:inline-block;width:14px;height:13px;background-position:-252px -201px;vertical-align:top}
-.cont_box{float:left;position:relative;width:515px;line-height:24px;margin:0}
-.cont_boxtit{display:inline-block}
-.cont_inr.set .cont_boxtit{width:95px}
-.cont_inr.result .cont_boxtit{width:auto}
-.t_input{width:327px;height:22px;line-height:20px;padding:0 7px;border:1px #bbb solid;margin-bottom:5px}/*211118 폰트 버그 line-height:22px*/
-.t_input.small{width:129px}
-.t_area{width:470px;height:54px;padding:7px;border:1px #bbb solid;margin-bottom:5px;resize:none}
-.set_content .cont_input_box{position:relative;display:inline-block}
-.tiptxt{line-height:18px;color:#555}
-.tiptxt.red{color:#d31900}
-.tiptxt.dot_line,.mini_slow div.dot_line{border-top:1px #d3d3d3 dashed;margin-top:11px;padding-top:12px}/*mini*/
-
-.tiptxt .link_visit{color:#29367c;text-decoration:underline}
-.form_group:first-of-type .set_content{padding-top:0}
-.placeholder{color:#999}
-/*이름*/
-.set_content.name .cont_input_box{width:343px}
-.set_content.name .t_input{width:242px;padding:0 92px 0 7px}
-.basic_tit{position:absolute;right:9px;top:0px;color:#3b4890;font-weight:bold}
-.set_content.name .name_modify{margin-top:5px}
-.set_content.name .name_modify .cont_boxtit{color:#888}
-.set_content.name .name_modify .t_area{height:45px;padding:5px 7px;margin-bottom:2px}
-.set_content.name .name_modify .max_txt{float:right;padding-right:27px}
-/*설명*/
-.set_content.desc .tiptxt{float:left}
-.set_content.desc .max_txt{float:right;padding-right:27px;line-height:18px}
-.set_btn{min-width:60px;margin-top:3px;text-align:center}
-.set_btn button{outline:none}
-.set_btn button:hover{text-decoration:underline}
-.set_btn .set_save::after{content:"";display:inline-block;background:#555;font-size:0px;width:1px;height:9px;margin-left:5px}
-.set_btn .set_modify{text-decoration:underline}
-.set_btn .set_modify.non, .set_btn .font_lightblue.set_modify.non{color:#999;text-decoration:none;cursor:default}
-.rtg_img_box{font-size:0;line-height:0}
-.rtg_img{display:inline-block;width:7px;height:8px;background:#fff;border:1px #555 solid;margin-left:1px}
-.rtg_img:first-of-type{margin-left:0}
-/*카테고리*/
-.set_content.category .select_arraybox{width:163px;height:22px;line-height:23px;margin:0 0 5px 0;padding-left:5px}
-.set_content .select_area{padding-right:17px}
-.set_content .select_arraybox .icon_option_more{top:7px;right:8px}/*211118 폰트 버그 top:8px*/
-.set_content.category .option_box{width:170px;color:#555}
-/*대문이미지, 자동 짤방 이미지*/
-.set_content .mintro_imgbox{float:left;width:120px;height:80px;border:none;background-size:120px 80px }/*201112 background-position:-160px -126px; 삭제*/
-.set_content .mintro_imgbox img{width:120px;height:80px;background-color:#fff}/*201112*/
-.set_content .frame{width:118px;height:78px}/*201112 border:1px solid #ccc 삭제 */
-.mintro_img_desc{float:left;margin-left:14px;margin-top:4px;line-height:18px}
-.btn_blue.small.btn_intro_imgup{width:140px}
-.icon_img_camera{display:inline-block;width:16px;height:12px;background-position:-279px -86px;vertical-align:-1px;margin-right:7px}
-.zzal .btn_blue.small.btn_intro_imgup{width:168px}
-.set_content .zzal .file_imgupbox > input{width:168px}
-.setcont_btnbox{margin-top:10px}
-/*연관 갤러리*/
-.set_content .relate_word{margin:11px 0 5px}
-.num_setting{width:38px;height:20px;line-height:20px;margin-bottom:5px;text-align:center;vertical-align:0;border:1px #bbb solid}
-.relate_wordlist.set{margin:6px 0 10px}
-.relate_wordlist li{float:left}
-.relate_wordlist.set li{position:relative;width:140px;padding-right:15px;margin-left:6px;border-bottom:1px #bbb solid;overflow:hidden;white-space:nowrap}
-.relate_wordlist.set li:first-child{margin-left:0}
-.relate_wordlist.set .btn_bword_del{position:absolute;right:0;top:5px;font-size:0}
-.relate_wordlist.set span{color:#555;padding-right:2px;font-family:"-apple-system,BlinkMacSystemFont","Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,"굴림","Gulim",sans-serif}
-.relate_wordlist.result{font-size:0}
-.result_word{font-size:12px}
-.result_word::before{content:"|";display:inline-block;color:#ccc;font-size:12px;padding:0 8px;vertical-align:top;line-height:22px}/*211118 폰트 버그 vertical-align:top;line-height:22px 추가*/
-.result_word:first-child::before{display:none}
-.m_relate{position:absolute;overflow-y:scroll;width:341px;height:210px;padding:0;border:1px #bbb solid;background:#fff;z-index:10;line-height: 22px}/*240927 높이변경*/
-.m_relate .word_tit{padding:0 10px}
-.m_relate .word_list{padding:7px 10px}
-/*도배 방지 코드*/
-.prevent_code .cont_inr.result .cont_boxtit{margin-right:0}
-.prevent_code .cont_box .cont_inr:first-child .radiobox:first-child{margin-left:0}
-.btn_ip{font-size:12px;color:#3b4890;text-decoration:underline;vertical-align:top;line-height:24px;margin-left:5px}
-.prevent_code .select_arraybox{width:29px;margin-left:0;margin-bottom:4px;vertical-align:0}
-.set_content.prevent_code .select_arraybox .icon_option_more{right:4px}
-.set_content.prevent_code .option_box{width:36px}
-.prevent_code .radiobox.small,.set_content.subject .radiobox.small{margin-left:14px;padding-left:18px}
-.inner_txt{color:#333}
-.prevent_code .cont_box:after{clear:both;display:block;visibility:hidden;content:""}
-.prevent_code .cont_inr.result{float:left}
-.prevent_code .cont_inr.result::before{content:"|";display:inline-block;color:#ccc;font-size:12px;padding:0 4px 0 8px;vertical-align:top;line-height:22px}/*211118 폰트 버그 vertical-align:top;line-height:22px 추가*/
-.prevent_code .cont_inr.result:first-child::before{display:none}
-.prevent_code .cont_inr .cont_boxtit{letter-spacing:0.05em }
-.prevent_code .recom_set .checkbox input[type="checkbox"], .prevent_code .recom_set .checkbox input + .checkmark{top:4px}
-.prevent_code .recom_set .checkbox{padding-left:20px;margin-left:12px;line-height:20px;vertical-align:0}/*211118 폰트 버그 line-height 추가*/
-.prevent_code .recom_set .checkbox:first-child{margin-left:0}
-/*.set_content.prevent_code .cont_inr.set:first-child{margin-bottom:8px}마이너갤러리 도배방지코드 수정내용 적용후 적용*/
-.set_content.prevent_code .cont_inr.set:first-child .btn_ip{margin-bottom:8px}/*마이너갤러리 도배방지코드 수정내용 적용후 적용 후 삭제 (248라인 적용후 삭제)*/
-
-/*말머리*/
-.minor_uadmin_wrap .form_group .set_content.subject .radiobox:first-child{margin-left:0;background:#ccc}
-.add_subject_cont{margin-bottom:7px}
-.add_subject_cont:after{clear:both;display:block;visibility:hidden;content:""}
-.add_subject_box{margin-top:7px}
-.add_subject_box .cont_input_box{float:left;line-height:20px}/*211118 폰트 버그 line-height:22px*/
-.add_subject_cont .t_input{width:100px;padding:0 32px 0 7px;border-right:none}
-.add_subject_list{clear:both}
-.add_subject_list li{margin-top:5px;line-height:100%}
-.add_subject_list li:after{clear:both;display:block;visibility:hidden;content:""}
-.add_subject_list li:first-child{margin-top:0}
-.add_subject_list .t_input{width:125px;height:21px;padding-top:1px;background:#f3f3f3;margin-bottom:0;line-height:21px}/*211118 폰트 버그 line-height 추가*/
-.add_subject_list .t_input.add{background:#fff}
-.add_subject{display:block;float:left;width:110px;height:24px;line-height:24px;background:#3b4890;font-size:11px;color:#fff;text-align:center;cursor:pointer}/*211118 폰트 버그 line-height:25px*/
-.add_subject_box .max_txt{position:absolute;right:8px;top:1px;font-size:12px}
-.fixed .authority_set .select_area, .authority_set.off .select_area{color:#aaa;cursor:default}
-/*.fixed .btn_addsubject .icon_change_img{opacity:0.4;filter:alpha(opacity=40);cursor:default}*/
-.btn_subject_set{position:absolute;right:1px;top:1px}
-.btn_subject_set{width:28px;height:22px}
-.btn_subject_set .icon_mdf, .icon_cpl{display:inline-block;width:12px;height:12px;margin-top:3px}
-.btn_subject_set .icon_mdf{background-position:-196px -321px}
-.btn_subject_set .icon_cpl{background-position:-210px -321px}
-.authority_set{float:left}
-.authority_set .select_arraybox{width:100px;height:22px;padding-left:8px;margin-left:0;line-height:22px;border-left:none;background:#f3f3f3;font-size:12px}/*211118 폰트 버그 line-height:24px*/
-.authority_set .option_box{width:110px;padding:9px 9px}
-.authority_set .option_box li{color:#333}
-.btn_addsubject{float:left;width:24px;height:24px;border:1px #bbb solid;border-width:1px 1px 1px 0px }
-.btn_addsubject .inner{display:block;margin:1px;width:21px;height:20px;background:#f3f3f3 }
-.icon_change_img{display:inline-block;width:11px;height:10px;background-position:-264px -86px;margin-top:5px}
-.btn_subject_del{width:24px;height:24px}
-.icon_subject_del{display:inline-block;width:10px;height:10px;background-position:-224px -321px;margin-top:2px}
-.set_content.subject .tiptxt.dot_line{margin-top:16px}
-.tiptxt .icon_change_img{margin-right:5px}
-/*글쓰기페이지 말머리 설정 / 240123 스포일러 관련 추가*/
-.minor_uadmin_wrap .set_write_subject .cont_boxtit{width:122px}
-.set_write_subject{margin:13px 0 0 0;padding-top:16px;border-top:1px #d3d3d3 dashed}
-.set_write_subject .select_arraybox{width:97px;height:22px;line-height:23px;margin:0 0 5px 6px;padding-left:5px;font-size:12px}
-.set_write_subject .select_area{padding-right:17px}
-.set_write_subject .select_arraybox .icon_option_more{top:8px;right:8px}
-.set_write_subject .option_box{width:104px}
-.set_write_subject .option_box li{color:#555;font-size:12px;line-height:23px}
-.set_write_subject + .set_write_subject{border: 0;padding: 0;margin-top: 2px}
-.set_write_subject .add_subject{float: none;display: inline-block;vertical-align: top;margin-left: 4px}
-.set_write_subject .relate_wordlist, .set_write_subject .tiptxt{margin-left: 154px}
-.set_write_subject .relate_wordlist li{width: 94px}
-
-/*금지단어*/
-.set_content.block_word .t_area{margin:5px 0;height:110px}/*211001 전략팀 요청으로 높이값 늘림*/
-.set_content.block_word .max_txt.fr{padding-right:27px;line-height:18px;}
-
-/*공지 노출수*/
-.notice_numset .select_arraybox{width:auto;min-width:29px;margin-left:0;margin-bottom:5px}/*211118 폰트 버그 vertical-align:0 삭제*/
-.set_content.notice_numset .select_arraybox .icon_option_more{right:4px}
-.set_content.notice_numset .option_box{box-sizing:content-box;padding:6px 0 4px}
-.set_content.notice_numset .option_box li{padding:0 5px}
-/*주소*/
-.adr .t_input{width:184px;margin:0 2px 4px 0}
-.adr .basic_adr,.adr .max_txt{vertical-align:-1px}
-/*개설이유*/
-.makereason .t_input{width:428px}
-/*차단목록 / 231108 이미지 차단 추가*/
-.minor_uadmin_top{position:relative;margin:14px 0 10px;font-size:14px}
-.uadmin_top_tit{padding-left:14px;font-weight:bold;color:#29367c;font-size:14px}
-.minor_uadmin_top .uadmin_top_tit .tit{display:inline-block;padding-right:7px;font-size:14px;font-weight:bold}
-.minor_uadmin_top .uadmin_top_tit .num{font-size:12px;color:#555;font-weight:normal}
-.minor_uadmin_top .sort{padding-right:79px;margin-top:4px}/*210421*/
-.minor_block_list,.mini_member_list{width:100%;border-bottom:1px #3b4890 solid}/*차단,멤버목록*/
-.minor_block_list th, .mini_member_list th{height:32px;border:1px #3b4890 solid;border-width:1px 0 1px}
-.minor_block_list td, .mini_member_list td{height:40px;padding-top:3px;border-top:1px #eee solid;word-break:break-all}
-.minor_block_list tr:first-child td,.mini_member_list tr:first-child td{height:40px;border-top:none}
-.minor_block_list tr:hover,.mini_member_list tr:hover{background:none}
-.minor_uadmin_top .select_box.array_latest{width:61px;margin-left:6px}/*210421*/
-.minor_uadmin_top .option_box{min-width:68px}
-.blockday, .blockimg, .blocknik{position:relative} /*240216 .blocknik 추가*/
-.blockday > span:hover,
-.minor_block_list .blockcontent > span a,
-.minor_block_list .blockday{text-decoration:underline;cursor:pointer}
-.minor_uadmin_wrap .bottom_paging_box{margin-top:31px}
-.other_content{margin:40px 0 25px}
-.minor_uadmin_setting .minor_block_list .blockreason, .minor_block_list .blockcontent{text-align:left}/*210624*/
-.minor_block_list .blockcontent span > em{margin-right:5px;color:#999}
-.tab_box + .minor_block_list.img, .minor_uadmin_top[style*="display: none"] + .minor_block_list.img{margin-top: 23px}/*이미지차단 탭은 상단X*/
-.minor_block_list .blockimg span{display: inline-block;width: 38px;height: 38px;border: 1px solid #ccc;box-sizing: border-box;overflow: hidden;vertical-align: middle}
-.minor_block_list .blockimg span img{width: 100%;height: 100%;cursor: pointer}
-.minor_block_list .blockimg .imgly .inner,
-.minor_block_list.pass .blockcontent .imgly .inner
-{padding: 0;font-size: 0;text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: center;overflow: hidden}
-.minor_block_list .blockimg .imgly .btn_tipclose,
-.minor_block_list.pass .blockcontent .imgly .btn_tipclose
-{width: 17px;height: 17px;right: 10px}/*231128 닫기 버튼 수정*/
-.minor_block_list .blockimg .imgly .icon_tipclose,
-.minor_block_list.pass .blockcontent .imgly .icon_tipclose
-{width: 17px;height: 17px;background: url(https://nstatic.dcinside.com/dc/w/images/close_box.png) no-repeat center/contain}
-.minor_uadmin_top .btn_code_block{text-decoration: underline;margin-right: 6px}/*240104 직접 차단 추가*/
-/*240216 추가*/
-.minor_block_list .blocknik .txtbtn{text-decoration:underline;cursor:pointer;color:#999}
-
-/*삭제 목록*/
-.minor_block_list.del .blocktit{text-align:left}
-.minor_block_list.del td{line-height:16px}
-.minor_block_list.del td.blockday > span:hover{text-decoration:none;cursor:text}
-/*부매니저*/
-.sub_mng_list,.uadmin_cont_txtbox{padding:0;font-size:12px;color:#333}
-.uadmin_cont_box{margin-top:15px;padding-top:24px;border-top:1px #eee solid }
-.uadmin_cont{width:640px;margin:0 auto}
-.sub_mng_list li{margin-top:5px;line-height:26px;position:relative}/*210421*/
-.sub_mng_list li:after{clear:both;display:block;visibility:hidden;content:""}/*210421*/
-.sub_mng_list li:first-child{margin-top:0}
-.sub_mng_list .nickname{display:inline-block;width:395px;margin:0 5px 0 2px}/*210421 width213 수정*/
-.bg_greybox{padding:25px 39px 25px 37px;margin-top:24px;border:1px #bbb solid;background:#f3f3f3;font-size:12px;color:#555;line-height:20px}
-.sub_mng_list + .bg_greybox{padding:25px 35px 25px 33px}/*211025 추가*/
-.sub_mngid_box{margin-top:8px}
-.input_submng_id{width:198px;height:23px;padding:0 5px;border:1px #bbb solid}
-.label_submng_id{font-weight:bold;padding-right:8px;vertical-align:-2px}/*211118 폰트 버그 vertical-align:-2px 추가*/
-.appoint{margin-top:1px}
-.sub_mng_list{position:relative}
-.minor_uadmin_setting .sub_mng_list .nickname{vertical-align:1px;line-height:18px}
-.minor_uadmin_setting .sub_mng_list li > div > button{vertical-align:top}/*201218 닉네임아이디 두줄 이슈로 추가*/
-.minor_uadmin_setting .sub_mng_list li > div.fr{position:absolute;right:0;top:0}
-.minor_uadmin_setting .sub_mng_list li > div.fr > button{margin-left:4px}/*210421*/
-.minor_uadmin_setting .sub_mng_list li > div.fl{position:relative;left:0;top:1px}
-.minor_uadmin_setting .sub_mng_list li > div.fl > button{padding:0 12px;height:23px;line-height:21px;border-radius:11px;font-size:12px}/*211118 폰트 버그 line-height:23px*/
-
-
-/*부매니저탈퇴*/
-.submng_out{position:absolute;left:0;bottom:0;margin:0 0 36px 29px}
-.btn_submng_out{width:230px;height:36px;padding-left:20px;line-height:36px;background:#f3f3f3;border:1px #ccc solid;border-radius:2px;
-font-size:14px;color:#333;font-weight:bold;text-align:left}
-/*부매니저 비번*/
-.minor_uadmin_wrap .con.center{padding-top:180px}
-.minor_uadmin_wrap .con.center .tit{font-size:14px}
-
-/*매니저*/
-.uadmin_cont_txtbox .tiptxt{line-height:21px}
-.uadmin_cont_txtbox .tiptxt .tip_deco_warning{vertical-align:-1px}/*210126 추가*/
-.mag_sel_box{margin-bottom:19px}
-.bg_greybox .radiobox.white{display:block;line-height:24px}
-.bg_greybox .radiobox.white input[type="radio"]{top:5px}
-.bg_greybox .radiobox.white input + .checkmark{top:5px}
-.bg_greybox .radiobox.white input:checked + .checkmark{top:5px}
-.btn_red.small.sel_submng_appoint{display:block;width:270px;height:27px;line-height:25px;font-weight:normal;margin:0 auto}/*211118 폰트 버그 line-height:25px*/
-.appoint_cancel,.appoint_go{float:right;font-weight:normal}
-.btn_blue.smaller.appoint_go,.btn_lightpurple.smaller.appoint_go{width:160px}
-.bg_greybox .btn_grey.smaller.appoint_cancel{width:87px}
-.bg_greybox .inner_txt{line-height:25px}
-/*폐쇄신청*/
-.closing_cont_box{margin-top:50px}
-.closing_cont_box .uadmin_cont_box{display:none}
-.closing_cont_box.show .btn_mgall_closing{font-size:14px;color:#3b4890;font-weight:bold;text-decoration:none}
-.closing_cont_box.show .uadmin_cont_box{display:block}
-.btn_mgall_closing{font-size:14px;text-decoration:underline;color:#555;outline:none}/*200521 크롬업데이트 이슈로 outline 추가*/
-.closing_cont_txtbox{padding-left:14px;margin-top:1px}
-.closing_cont_txtbox .tiptxt{line-height:22px;color:#333}
-.cloreason_write_box{width:717px;margin:23px auto 0;padding:29px 0 30px 37px;border:1px #bbb solid;background:#f3f3f3}
-.cloreason_cont{margin-top:10px}
-.cloreason_cont:first-child{margin-top:0}
-.cloreason_write_box .tit{display:inline-block;width:71px;vertical-align:-1px}
-.cloreason_write_box .tit.write{vertical-align:top}
-.cloreason_textarea{width:548px;height:58px;padding:5px;border:1px solid #bbb}
-.cloreason_pwinput{width:158px;height:22px;padding:0 5px;line-height:20px;border:1px #bbb solid}
-.cloreason_write_box .max_txt,.cloreason_write_box .max_txt b{vertical-align:bottom}
-.cloreason_write_box .max_txt{margin-left:10px}
-.cloreason_write_box .tiptxt{margin-left:7px;vertical-align:-1px}
-.closing_cont_box .btn_box{text-align:center;margin-top:32px}
-.closing_cont_box .btn_box button:first-child{margin-left:0}
-.complete_txt{width:678px;height:50px;padding:25px 38px 0;margin:23px 0 64px 14px;border:1px #bbb solid;background:#f3f3f3;text-align:center;font-size:14px;color:#333}
-.complete_txt strong{line-height:22px;padding-top:2px}
-.btn_blue.smaller.btn_close_cancle,.btn_lightpurple.smaller.btn_close_cancle{float:right;width:114px}
-/*//마이너 관리자*/
-
-/*승격 갤러리 관리자*/
-.upgall_mng_icon{display:inline-block;width:18px;height:12px;background-position:-212px -363px;margin-right:2px;vertical-align:-1px}/*매니저 운영*/
-.upgall_mng_icon.none{background-position:-232px -363px}/*매니저 없음*/
-.upgall_mng_icon.absence{background-position:-251px -363px}/*매니저 부재중*/
-.upgall_mng_icon.ing{background-position:-272px -363px}/*사임 진행 중*/
-.btn_blue.smaller.btn_resign_cancle{float:right;width:87px}/*관리자 사임 취소 */
-.complete_txt:first-child{margin-top:6px}
-/*//승격 갤러리 관리자*/
-
-/*201229 비회원제한 / 240115 특정 통신사IP 대역 제한 */
-.nonmember .cont_inr.result .cont_boxtit{margin-right:0}
-.nonmember .cont_inr.result{float:left}
-.nonmember .cont_inr.result::before{content:"|";display:inline-block;color:#ccc;font-size:12px;padding:0 4px 0 8px;vertical-align:top;line-height:22px}/*211118 폰트 버그 vertical-align:top;line-height:22px 추가*/
-.nonmember .cont_inr.result:first-child::before{display:none}
-
-.nonmember .select_arraybox{width:60px;height:22px;line-height:23px;padding-left:5px;font-size:12px;vertical-align: middle;margin:0 8px 0 6px}
-.nonmember .option_box{width: 67px}
-.nonmember .btn_blue{height: 24px;vertical-align: middle;padding: 0 12px 0 11px;line-height:22px}/*211118 폰트 버그 line-height:24px */
-.miniwrap .nonmember .cont_box .cont_inr.set > .btn_blue{background:#6f6dd9;border-color:#4f4dc6}
-
-.nonmember .cont_inr .tiptxt.off, .nonmember .cont_inr .tiptxt.on{vertical-align: middle;font-size: 12px;margin-left: 8px}/*210222*/
-.nonmember .cont_inr .tiptxt.off{color: #999}/*210222*/
-.nonmember .cont_inr .tiptxt.on{color: #3b4890}
-.miniwrap .nonmember .cont_inr .tiptxt.on{color: #6f6dd9}
-.nonmember .cont_inr .tiptxt.block{margin: 0}
-
-.nonmember .cont_box .cont_inr.set{margin-top: 10px;font-size: 0}
-.nonmember .cont_box .cont_inr.set:first-child{margin-top: 0}
-.nonmember .cont_inr.set .cont_boxtit{padding-right: 10px;margin: 0;font-size: 12px;vertical-align: middle}
-/*240129 추가 수정*/
-.nonmember .cont_box{width: 530px}
-.nonmember .cont_inr.set .cont_boxtit.sub{padding: 0}
-.nonmember .cont_inr.set .cont_boxtit.sub:nth-child(1){margin-left: 95px}
-.nonmember .gallery .cont_inr.set .select_arraybox{margin: 0 4px 0 2px}
-.nonmember .gallery .cont_inr.set .cont_boxtit{width: 85px}
-.nonmember .gallery .cont_inr.set .cont_boxtit.sub{width: 120px;white-space: nowrap;padding-left: 2px}
-.nonmember .gallery .cont_inr.set .btn_ip{width: auto;box-sizing:border-box;height: 20px;line-height: 18px;padding: 0 3px 0 2px;border: 1px solid #29367c;text-decoration: none;vertical-align: initial;letter-spacing:-0.025em;margin-left: 2px}
-.miniwrap .nonmember .gallery .cont_inr.set .btn_ip{border-color: #4341a2;color: #5c5bb1}
-/*//240129 추가 수정*/
-.nonmember .btn_cancel{text-decoration: underline;vertical-align: initial;margin-left: 4px;color:#999}
-
-/*210222*/
-.minor_admin .cont_box .tit{color:#29367c}
-.minor_admin .cont_box .tit.bg{display: inline-block;background: #f3f3f3;line-height: 20px}
-.miniwrap .minor_admin .cont_box .tit{color:#4f4dc6}
-.nonmember .cont_inr{font-size:12px}
-.nonmember .cont_inr.set .checkbox{margin-left:20px;margin-top:5px;line-height:100%}
-.nonmember .cont_inr.set .checkbox.imgvpn{margin-left:6px}
-.nonmember .cont_box .cont_inr.set .checkbox label{font-size:12px;vertical-align:top;line-height:14px;margin-left:4px}
-.nonmember .imgadd{padding-top:15px;margin-top:16px;border-top:1px dashed #d3d3d3}
-.nonmember .imgadd .cont_inr.all .checkbox{opacity:0.5}
-.nonmember .imgadd .cont_inr.all .checkbox.imgall{opacity:1}
-
-.nonmember .ly_wrap{display: inline-block;position: relative}
-.nonmember .ly_wrap + .select_arraybox{margin-left: 16px}
-.nonmember .cont_inr .btn_ip{line-height: 24px;font-weight: bold}
-.minor_uadmin_wrap .form_group .nonmember .cont_inr .radiobox{font-size: 12px;vertical-align: middle;margin: 0 0 0 14px}
-.minor_uadmin_wrap .form_group .nonmember .cont_inr .cont_boxtit + .radiobox{margin: 0 0 0 6px}
-
-/*//201229 비회원제한 / 240115 특정 통신사IP 대역 제한 */
-
-/* 241121 관리 페이지 관리 기록*/
-.kkeulol .txt button{color:#333;text-align:left}
-
-/* //241121 관리 페이지 관리 기록*/
-
-/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////s미니갤러///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
-/*관리*/
-.miniwrap table th,.miniwrap table{border-color:#6f6dd9}
-.miniwrap .minor_uadmin_wrap{border-color:#6f6dd9}
-.minor_uadmin_wrap .cont_boxtit{width:auto;margin-right:20px}
-.miniwrap .minor_uadmin_setting .font_lightblue{color:#4f4dc6}
-.minor_uadmin_wrap .form_group .radiobox{padding-left:18px;margin-right:14px}
-.minor_uadmin_wrap .form_group .set_content.subject .radiobox, .minor_uadmin_wrap .form_group .set_content.prevent_code .radiobox{margin-right:0 }
-.miniwrap .radiobox:last-child{margin-right:0}
-.bg_round_blue{background:#4f4dc6;border:1px #3634b6 solid;color:#fff;font-size:11px;font-weight: normal;padding:2px 4px 1px;border-radius:10px;text-shadow:none;vertical-align:1px}
-.minor_uadmin_setting .tab_box .bg_round_blue{display:inline-block;line-height:12px}/*211118 폰트 버그 스타일 추가*/
-.miniwrap .minor_uadmin_menu li{position:relative;}
-.miniwrap .minor_uadmin_menu li a:hover{border-color:#4f4dc6}
-.miniwrap .minor_uadmin_menu li a.on{background:#6f6dd9;border-color:#4f4dc6}
-.miniwrap .minor_uadmin_menu li .icon_bnew,
-.personwrap .minor_uadmin_menu li .icon_bnew{position:absolute;margin:11px 0 0 7px;display:inline-block;width:18px;height:12px;background-position:-279px -524px}
-/*.miniwrap .tab_box + .minor_uadmin_top{margin:23px 0 10px} 210624 */
-.tab_box + .minor_uadmin_top{margin:23px 0 10px} /* 231108 미니/마이너 공통 사용으로 변경(.miniwrap 삭제) */
-
-/*도배 방지 코드*/
-.miniwrap .form_group .prevent_code .cont_box .cont_inr:first-child .radiobox:first-child{margin-left:0}
-.miniwrap .prevent_code .radiobox.small,.miniwrap .set_content.subject .radiobox.small{padding-left: 18px;margin-right: 14px}
-.miniwrap .prevent_code .recom_set .checkbox{padding-left:20px;margin-left:12px;line-height:20px;vertical-align:0}/*211118 폰트 버그 line-height 추가*/
-.miniwrap .prevent_code .recom_set .checkbox:first-child{margin-left:0}
-.miniwrap .btn_ip{color:#6f6dd9}
-/*말머리*/
-.miniwrap .add_subject{background:#6f6dd9}
-.minor_uadmin_wrap .form_group .set_content.subject .radiobox:first-of-type{margin-left:0}
-/*이름 수정*/
-.mininame_reason{padding-top:15px;margin-top:11px;border-top:1px dashed #d3d3d3}
-.mininame_reason strong{display:block}
-/*멤버*/
-.mini_member .relate_wordlist{margin-left:0}
-.mini_member .relate_wordlist::before{content:"-";float:left;margin:0 8px;font-size:14px;color:#555}
-
-.miniwrap .mini_member div.dot_line,.miniwrap .mini_anonymity div.dot_line, .nomem_nick div.dot_line
-{padding-top:13px;margin-top:13px;border-top:1px dashed #d3d3d3}/*230615 비회원 갤닉네임 클래스 추가*/
-
-.miniwrap .mini_member .join_option .t_input{margin:5px 0 5px 0}
-/*공지 노출수*/
-.miniwrap .notice_numset .select_arraybox{width:40px;margin-right:2px}
-
-/*소개 이미지*/
-.miniwrap .minor_uadmin_setting .mintro_imgbox{width:120px;height:80px;
- background-color:#fff;background-image:url(https://nstatic.dcinside.com/dc/w/images/mibg.png);background-repeat:no-repeat;background-position: center center;background-size:120px 80px
-}/*201112*/
-.miniwrap .minor_uadmin_setting .mintro_imgbox img{width:120px;height:80px;background:#fff}/*201112*/
-.miniwrap .sogaeimg_box{float:left;margin-left:15px;width:120px}
-.miniwrap .sogaeimg_box:first-child{margin-left:0}
-.miniwrap .sogaeimg_tit{display:inline-block;height:18px;line-height:17px;padding:0 7px;background:#eee}/*211118 폰트 버그 line-height:18px*/
-.miniwrap .sogaeimg_tit strong{font-weight:normal;font-size:11px}
-.miniwrap .modify_img .sogaeimg_box{float:none;width:100%}
-.miniwrap .modify_img .sogaeimg_box .sogaeimg_tit{display:block;background:none;padding:0;margin-bottom:9px}
-.miniwrap .modify_img .sogaeimg_box .sogaeimg_tit strong{font-size:12px;font-weight:bold}
-.miniwrap .modify_img .sogaeimg_box .sogaeimg_tit strong::after{content:"";display:inline-block;width:1px;height:11px;background-color:#ccc;vertical-align:-1px;margin:0 6px 0 9px}/*211118 폰트 버그 vertical-align:-2px*/
-.miniwrap .modify_img .sogaeimg_box .sogaeimg_tit .tiptxt{font-size:11px;color:#555}
-.miniwrap .modify_img{padding-top:15px;margin-top:17px;border-top:1px dashed #d3d3d3}
-.miniwrap .modify_img:first-child{padding-top:0;margin-top:0;border-top:none}
-.miniwrap .mintro_img_desc .file_imgupbox > input[type="file"]{width:125px}
-.miniwrap .mintro_img_desc .file_imgupbox button{padding:0 18px}
-.mini .modify_img:after{clear:both;display:block;visibility:hidden;content:""}
-.miniwrap .mintro_img_desc{margin-left:0}
-
-.miniwrap .mintro_img_desc .setcont_btnbox.file_imgupbox button{padding:0 11px}/*이미지 수정버튼*/
-.miniwrap .mintro_img_desc .setcont_btnbox.file_imgupbox > input[type="file"]{width:48px}/*이미지 수정버튼*/
-/*멤버*/
-.mini_member .select_arraybox{width: 97px;height:22px;line-height:23px;margin:0 0 5px 6px;padding-left:5px;font-size:12px}
-/*.mini_member .join_option{margin-bottom:5px}*/
-.mini_member .join_option:last-child{margin-bottom:0}
-.mini_member .join_option .radiobox{min-width:55px}
-.minimember_limit .option_box{width:102%}
-/*익명*/
-.mini_anonymity .cont_inr{margin-bottom:2px}
-.mini_anonymity .t_input{margin:3px 0}
-.mini_anonymity .checkbox.nick_hs{margin-top:4px;line-height:14px}/*211118 폰트 버그 line-height:17px*/
-.mini_anonymity .checkbox.nick_hs label{margin-left:4px}
-.mini_anonymity .cont_inr.mini_nick:after{clear:both;display:block;visibility:hidden;content:""}
-.mini_anonymity .cont_inr.mini_nick .t_input, .nomem_nick .cont_inr .t_input{width:240px;margin-top:0}/*230619 비회원 갤닉네임 클래스 추가*/
-
-/*201022 익명*/
-.anonymity_in::after{content:"익명";display:block;position:absolute;top:0;line-height:35px;color:#4f4dc6;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-#write_wrap .anonymity_in::after{right:12px;height:33px;line-height:37px;font-weight:normal;font-size:12px}/*글쓰기*/
-.anonymity_in .put_inquiry{width:169px;padding:0 47px 0 12px}
-.anonymity_in + .write_subject{float:left}
-.cmt_write_box .anonymity_in::after{font-size:11px;right:6px;height:30px;line-height:32px}/*211118 폰트 버그line-height:32px*/
-.user_info_input.anonymity_in{position:relative}
-.user_info_input.anonymity_in input, .user_info_input.anonymity_in.id label{width:97px;padding:1px 36px 1px 7px;white-space:inherit}/*211118 폰트 버그 padding:2px 36px 0 7px*/
-
-/*연관*/
-.btn_grey.smaller.btn_add_nopengall{height:24px;margin-left:5px;vertical-align:top;border-radius:0}
-.icon_add_nopengall{display:inline-block;width:8px;height:8px;background-position:-52px -67px;margin-right:4px;vertical-align:1px}
-.miniwrap .m_relate .word_tit{color:#4f4dc6}
-/*고정글(느린글)*/
-.mini_slow div.dot_line:after{clear:both;display:block;visibility:hidden;content:""}
-.mini_slow .option_box{width:104%}
-.minor_uadmin_setting .mini_slow_list .select_arraybox{width:46px}
-.mini_slow_time{margin-left:15px}
-.minor_uadmin_setting .mini_slow_time .select_arraybox{width:64px;margin-left:0;padding-left:7px}
-.minor_uadmin_setting .mini_slow_time .cont_boxtit::before{content:"";display:inline-block;width:1px;height:11px;background-color:#ccc;margin-right:15px}
-.mini_bulpan_set .t_input{text-align:center}
-.mini_bulpan_set .t_input.day{width:60px}
-.mini_bulpan_set .t_input.time{width:15px}
-.bulpanin_seltime.select_arraybox,.bulpanin_selre.select_arraybox{width:auto;height:24px;line-height:26px;margin-left:0}
-.set_content .bulpanin_seltime .select_area,.set_content .bulpanin_selre .select_area{padding-right:30px}
-.bulpanin_seltime .option_box{width:65px}
-.bulpanin_selre .option_box{width:85px;}
-.minor_uadmin_setting .mini_slow .tiptxt{margin-top:4px;clear:both;}
-
-.mini_slow .cont_inr.dot_line{height:25px;
- transition:height 0.1s;-webkit-transition:height 0.1s
-}
-.cont_inr.hide,.mini_slow .cont_inr.dot_line.hide{overflow:hidden;height:0;
-transition:height 0.2s;-webkit-transition:height 0.2s
-}
-.minor_admin .mini_slow_list .option_box, .minor_admin .mini_slow_time .option_box{overflow-y:auto;;max-height:106px}
-
-/*멤버목록*/
-.mini_member_list{margin-bottom:10px}
-.minor_uadmin_top .mini_search .inner{vertical-align:top}
-.minor_uadmin_top .mini_search .t_input{width:170px;margin-bottom:0}/*211216 width:130px 수정*/
-.mini_search .inner .btn_lightgrey.smaller{height:24px;margin-top:0;border-radius:2px;padding:0 8px}
-.mini_member_list th, .mini_member_list{border-color:#6f6dd9}
-.mini_member_list td,.mini_member_list tr:first-child td {height:25px;word-break:break-all}/*201007 word-break 추가*/
-.miniwrap .minor_uadmin_top .uadmin_top_tit{color:#4f4dc6}/*210624*/
-.miniwrap .tab_box + .minor_uadmin_top .uadmin_top_tit{padding:5px 0 0 0}/*210624*/
-.mini_member_list .icon_option_more{position:inherit;width: 9px;height: 5px;vertical-align:2px;margin-left:5px}
-.icon_option_more.dw{background-position: -126px -43px}
-.icon_option_more.up{background-position: -139px -50px}
-.mini_member_list th:nth-child(3),.mini_member_list th:nth-child(4),.mini_member_list th:nth-child(5),.mini_member_list th:nth-child(6){cursor:pointer}/*200814 nth-child(3) 추가*/
-
-/*200814 정렬기능 추가*/
-.mini .choice_sort{color:#4f4dc6}
-.mini .choice_sort .icon_option_more.dw{background-position:-195px -784px}
-.mini .choice_sort .icon_option_more.up{background-position:-206px -784px}
-
-/* 멤버목록 탭 / 231108 미니/마이너 공통 사용으로 변경(.miniwrap 삭제) */
-/*.miniwrap .minor_uadmin_setting .tab_box{position:relative;font-size:0}
-.miniwrap .minor_uadmin_setting .tab_box::after{content:"";position:absolute;left:0;bottom:0;display:block;width:779px;height:2px;background:#4f4dc6;z-index:1}
-.miniwrap .minor_uadmin_setting .tab_box button{width:33.3%;height:39px;line-height:39px;color:#333;font-size:14px;overflow:hidden;border-radius:0;border:1px #ccc solid; border-width:1px 1px 0px 0px;border-bottom-color:#4f4dc6;border-style:solid;margin-left:0} 201214 overflow:hidden 추가
-.miniwrap .minor_uadmin_setting .tab_box button:first-child{border-width:1px 1px 2px 1px}
-.miniwrap .minor_uadmin_setting .tab_box button.on{position:relative;z-index:2;background-color:#fff;color:#4f4dc6;text-shadow:none;border-width:2px 2px 0 2px;border-color:#4f4dc6;font-weight:bold;margin-left:-1px}
-.miniwrap .minor_uadmin_setting .tab_box button > .bar{color:#ccc;font-weight:normal}*/
-
-.minor_uadmin_setting .tab_box{position:relative;font-size:0}
-.minor_uadmin_setting .tab_box::after{content:"";position:absolute;left:0;bottom:0;display:block;width:779px;height:2px;background:#29367c;z-index:1}
-.miniwrap .minor_uadmin_setting .tab_box::after{background:#4f4dc6}/*미니*/
-.minor_uadmin_setting .tab_box button{width:33.3%;height:39px;line-height:39px;color:#333;font-size:14px;overflow:hidden;border-radius:0;border:1px #ccc solid; border-width:1px 1px 0px 0px;border-bottom-color:#4f4dc6;border-style:solid;margin-left:0}/*201214 overflow:hidden 추가*/
-.minor_uadmin_setting .tab_box button:first-child{border-width:1px 1px 2px 1px}
-.minor_uadmin_setting .tab_box button.on{position:relative;z-index:2;background-color:#fff;color:#29367c;text-shadow:none;border-width:2px 2px 0 2px;border-color:#29367c;font-weight:bold;margin-left:-1px}
-.miniwrap .minor_uadmin_setting .tab_box button.on{color:#4f4dc6;border-color:#4f4dc6}/*미니*/
-.minor_uadmin_setting .tab_box button > .bar{color:#ccc;font-weight:normal}
-.minor_uadmin_setting .tab_box.two button{width: 50%}/*탭 2개*/
-.minor_uadmin_setting .tab_box.two::after{width: 780px}
-
-/*240719 라운드 탭 (인물갤때 추가)*/
-.minor_uadmin_setting .tab_round{width: 210px;border-radius: 50px;border: 1px solid #29367c;font-size: 0;box-sizing: border-box}
-.minor_uadmin_setting .tab_round button{width: calc(50% - 5px);font-size: 13px;font-weight: bold;color: #3c4790;border: 0;border-radius: 50px;outline: 0;margin: 0;height: 32px;line-height: 32px;box-sizing: border-box;padding-right: 10px}
-.minor_uadmin_setting .tab_round button.on{width: calc(50% + 5px);background: #3b4890;color: #fff;padding: 0}
-.minor_uadmin_setting .tab_round button:first-of-type{padding: 0 0 0 10px}
-.minor_uadmin_setting .tab_round button.on:first-of-type{padding: 0}
-.minor_uadmin_setting .tab_round::after{display: none}
-
-/* 멤버목록 탭 / 231108 미니/마이너 공통 사용으로 변경(.miniwrap 삭제) */
-
-/*멤버목록 가입대기*/
-.mini_member_list td{position:relative}
-.mini_member_list .question{text-align:left;font-size:0 }
-.question_box{display:block;float:left}
-.question_box .question_txt{position:absolute;top:20px;left:4px;
- display:none;padding: 12px 10px 10px 10px;margin-top:3px;font-size:11px;color:#555;line-height:18px;text-align:left;
- border:1px #bbb solid;background: #f3f3f3;z-index:1
-}.question_box:hover .question_txt{display:block; }
-.question_box .btn_q{
- height:16px;line-height:16px;padding:1px 0;font-weight:bolder;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;color:#4f4dc6;font-size:12px }
-.q_answer{display:block;line-height:18px;text-align:left;font-size:12px;margin-left:15px}
-.question .smalltxt{font-size:12px}
-/*위임*/
-.miniwrap .sel_submng_appoint{clear:both}
-.miniwrap .uadmin_cont .bg_greybox .mitit{margin-right:20px;line-height:24px}
-.mini_complete_reason{clear:both;text-align:left;color:#4f4dc6;font-size:12px}
-.miniwrap .complete_txt{height:auto;min-height:50px}
-.miniwrap .complete_txt .mini_complete_reason{padding:10px 0 27px;line-height:18px;word-break:break-all} /*201019 줄바꿈추가*/
-.miniwrap .closing_cont_box.show .btn_mgall_closing{color:#4f4dc6}
-/*매니저 확인 비밀번호 입력*/
-.miniwrap .minor_uadmin_wrap .con.center{padding-top:135px}
-
-/*230619 비회원 갤닉네임*/
-.minor_admin .tiptxt.indent{padding-left:17px}
-.minor_admin .tiptxt.indent .tip_deco{margin-left:-14px}
-
-
-/*미니갤러리 만들기*/
-.miniwrap #container.minor_make{width:900px}
-.miniwrap .minor_make_wrap,.miniwrap .minor_make_form{border-color:#6f6dd9}
-.mini_openset{margin-top:22px}
-
-.mini_openset .box{overflow:hidden;float:left;width:290px;box-sizing:border-box;padding:5px;margin:0px 0 0 15px;border:2px solid #cecdce;border-radius:8px;color:#333;
- transition:width 0.2s;-webkit-transition:width 0.2s
-}
-.mini_openset .box:first-child{margin-left:0}
-.mini_openset .box.sel{width:595px;;border:2px solid #6f6dd9;transition:width 0.2s;-webkit-transition:width 0.2s}
-.mini_openset .box:first-child{margin-left:0}
-.mini_openset .box .box_con{float:left;width:290px;height:100px;margin-right:0;box-sizing:border-box;padding:13px 14px 9px}
-.mini_openset .box .box_con:first-child{margin-left:0}
-.mini_openset .inner{width:1050px}
-.mini_openset .infotxt{margin:0 17px 0 34px;line-height:18px;letter-spacing:-0.025em;color:#333}
-.mini_openset .box_con.rd{background:#f3f3f3;border-radius:8px;display:table}
-
-.mini_openset .radiobox.middle{line-height:100%}
-.mini_openset .radiobox.middle label{line-height:30px}
-.mini_openset .rdbox{display:table-cell;vertical-align:middle}
-.mini_openset .box_con.rd{vertical-align:top;padding:0 15px 0px;}
-.mini_openset .box_con.rd.chk{background-color:#ebebff;}
-.mini_openset .box_con.rd .checkbox.round{margin:0 0 6px 43px;line-height:16px}/*211118 폰트 버그 line-height:16px 추가*/
-.mini_openset .checkbox.round .round_label .inr{width:100%}
-.mini_openset .box_con.rd{width:290px;}
-
-.mini_openset .box_con.rd .infotxt{margin:0;padding-left:4px;}
-.mini_openset .box_con.rd .infotxt .gray{color:#777}
-.mini_openset .minimake_tip{margin:13px 0 25px 8px;color:#333}
-.miniwrap .make_form_cont{width:900px}
-.miniwrap .basic_tit{color:#6f6dd9}
-
-.miniwrap .make_guidetxt_box .tiptxt > .tip_deco_dot{margin-left:-8px}
-.miniwrap .set_content.category .select_arraybox{width:173px;border-color:#bbb}
-.miniwrap .set_content.category .option_box{width:170px}
-.miniwrap .minor_make_wrap .set_content.category .option_box{width:180px}
-.miniwrap .set_content.category .placeholder{font-size:12px}
-.miniwrap .makereason .t_input{width:424px}
-.miniwrap .make_form_cont .form_group .set_tit{color:#333}
-.miniwrap .minor_make_chk{padding:35px 0 40px}
-.miniwrap .minor_make_chk .scroll{width:397px}
-.miniwrap .minor_make_chk .agree_chk.chk1{padding:0 20px 0 15px}
-.miniwrap .make_guidetxt_box{padding-left:8px;padding-top:25px}/*200812*/
-.miniwrap .make_guidetxt_box .tiptxt{margin-top:4px}/*200812*/
-.miniwrap .make_guidetxt_box .tiptxt:first-child{margin-top:0}/*200812*/
-.miniwrap .make_bottom_btnbox{margin:27px 0 81px}
-.miniwrap .make_bottom_btnbox .btn_grey, .miniwrap .make_bottom_btnbox .btn_lightpurple{line-height:37px}/*200812*/
-/*s리스트*/
-.miniwrap .page_head h2 a{color:#6563d4}
-.miniwrap .page_head .fixtit{color:#6563d4}
-.miniwrap .icon_favorite{background-position:-235px -422px}
-.miniwrap button.on .icon_favorite{background-position:-235px -450px}
-.mini_info{margin:1px 0 5px 0}
-.mini_info .inner{font-size:0}
-.miniwrap .img_contbox {width:59.3%;padding:25px 8px 25px 17px;border-right:1px #d5d5d5 solid;box-sizing: border-box}
-.miniwrap .mintro_imgbox{border:none;margin-right:14px;background-image:url(https://nstatic.dcinside.com/dc/w/images/mibg.png)}/*201112 수정*/
-.miniwrap .mintro_imgbox img{width:156px;height:104px}
-.miniwrap .mintro_txtbox{margin-left:0}
-.miniwrap .mintro_txtbox{width:73%;height:81px;padding-right:0}
-.miniwrap .issue_wrap,.miniwrap .issuebox.open{border-color:#6f6dd9}
-.minigall_infobox{padding-left:14px;width:100%;height:32px;line-height:34px;background-color:#f3f3f3;;font-size:0;box-sizing:border-box}
-.mingall_infobox{height:32px;;background:#ccc;left:0;top:0}
-.minigall_infobox span{font-size:11px}
-.minigall_infobox span::before{content:" ";display:inline-block;width:1px;height:10px;background-color:#ccc;margin:0 5px;vertical-align:-1px}/*211025 회원정보 개편 margin:0 10px*/
-.minigall_infobox span:first-child::before{display:none}
-.miniwrap .img_contbox .mini_info .inner > .txt{font-size:11px;line-height:17px;margin-left:5px}
-.miniwrap .info_contbox{overflow-y:inherit;height:129px;padding:0px;margin:0;}
-.miniwrap .info_contbox .inner{width:100%;overflow-y:auto;height:104px;margin-top:10px;padding-left:15px;box-sizing:border-box;}
-.miniwrap .info_contbox .inner:first-child{margin-top:25px;}
-
-.miniwrap .gall_list th{border-color:#6f6dd9}
-.miniwrap .list .gall_list a.autodel,.list .gall_list a.autodel:active{color:#999}
-.miniwrap .gall_tit a{max-width:81%}
-.miniwrap .listwrap .minor_intro_box{width:840px;padding-top:0;padding-left:2px}
-.miniwrap .listwrap .img_contbox{width:64%;padding:25px 8px 25px 0}
-.miniwrap .listwrap .info_contbox{width:35.8%;float:left}
-.miniwrap .listwrap .mintro_txtbox {width:67%;height:80px;padding-right:0}
-.mini_set{color:#333;font-weight:bold;margin-left:18px} /*200915 margin-left:10px 수정*/
-.mini_set:first-child{margin-left:0}
-.mini_set.lock .txt{font-size:12px} /*200915 margin-left:5px 삭제*/
-.mini_set .icon_qmakr{margin-left:2px;vertical-align:-2px;cursor:pointer}/*200811 cursor추가*/
-.mini_set .icon_membernum{vertical-align:-1px}
-.mini_set.membernum .txt{margin-left:5px;font-size:12px }
-.rankgallshow{margin-left:2px;text-decoration:underline;vertical-align:0;font-size:11px} /*200915 margin-left:7px 수정*/
-.rankingcon{display:inline-block;width:20px;height:17px;vertical-align:-4px }
-.mini_ranknum.font_grey{font-size:11px;font-weight: normal}
-.mini_ranktxt,.mini_ranknum{font-weight:bold;line-height:17px;font-size:12px}
-.mini_ranktxt{margin-left:3px}
-.mini_ranknum{margin-left:5px}
-.members_num{margin-left:4px;font-weight:normal;font-size:12px;}
-.info_cont_lock{text-align:center;padding-top:16px}
-.migall_state{display:table;width:100%;height:350px;text-align:center}
-.migall_state .inner {display:table-cell;vertical-align: middle;}
-.migall_state .inner > b{display:block;font-size:14px;color:#333}
-.migall_state .inner > button{width:120px;height:38px;line-height:36px;margin-top:18px;font-size:14px}/*211118 폰트 버그 line-height:38px*/
-.migall_state .inner > .font_grey{display:inline-block;font-size:14px;font-weight:bold;color:#999;height:38px;;line-height:14px;margin-top:13px;vertical-align:bottom}
-
-.issue_contentbox .mini_info .box{position:relative;display:inline-block;vertical-align:top}
-
-.list_wrap.miniwrap .visit_bookmark + .wrap_inner .listwrap .img_contbox{padding:24px 8px 24px 0}/*220419*/
-.miniwrap .visit_bookmark + .wrap_inner .img_contbox, .miniwrap .visit_bookmark + #container .img_contbox{padding:24px 8px 24px 17px}
-.visit_bookmark + .wrap_inner .minor_ranking_box, .visit_bookmark + #container .minor_ranking_box{height:152px}/*220419*/
-/*.visit_bookmark + .wrap_inner .minor_intro_box{padding-top:25px}*/
-.miniwrap .visit_bookmark + .wrap_inner .minor_intro_box{padding-top:0}
-.miniwrap.list_wrap .visit_bookmark + .wrap_inner .listwrap .minor_intro_box{padding-top:0}
-.miniwrap .visit_bookmark + .wrap_inner .info_contbox .inner{margin-top:8px}/*220419*/
-.miniwrap .visit_bookmark + .wrap_inner .info_contbox .inner:first-child{margin-top:24px}/*220419*/
-
-.visit_bookmark + .wrap_inner .info_contbox, .visit_bookmark + #container .info_contbox{margin-top:0}
-/*e리스트*/
-
-
-/*본문*/
-.line_purple{border-top:2px #6f6dd9 solid;line-height:0;font-size:0}
-.miniwrap .minor_view .info_contbox{margin-left:0}
-.miniwrap .minor_view .mintro_txtbox{width:73%;height:81px;padding-right:0}
-.miniwrap .info_contbox{float:right;width:40.7%}
-.miniwrap .minor_intro_box{width:100%;padding:0}
-.miniwrap .uminor_admin .mng_setbox{width:auto;margin:0 auto 35px}
-.miniwrap .uminor_admin .btn_recommend_box{margin:0 auto 10px}
-.miniwrap .user_control{display:table;width:auto;min-width:204px;max-width:328px;margin:0 auto}
-.miniwrap .mng_subject_sel{display:table-cell;position:relative;left:0;top:0;float:left;border-width:0 1px 0 0;border-radius:0}
-.mng_subject_sel.mini_mng_adminset{border-width:0px 0px 0px 1px;border-color:#fff}
-.miniwrap .btn_user_control{display:table-cell;width:82px;border-right:1px solid #c4c4c4}
-.mng_subject_sel.mini_mng_adminset .option_box{width:124px}
-.btn_user_out{width:100%;text-align:left;vertical-align:top;line-height:24px;margin:1px 0 0 1px}
-.nomem_comment_info{background-color:#fafafa;border:2px #6f6dd9 solid;border-width:2px 0 2px 0;text-align:center;padding:10px 0;font-size:13px;color:#999}
-
-.gallview_head .title.autodel{color:#999}
-.mini_autodeltime{position:relative;padding:10px 0}
-.mini_autodeltime::before{content:"";display:inline-block;width:1px;height:12px;background:#ccc;margin:0 8px 0 8px;vertical-align:-2px}
-.icon_autodeltime{display:inline-block;width:16px;height:16px;background-position:-284px -501px;vertical-align:-3px;margin-right:3px}
-.mini_autodeltime .pop_tipbox {display:none;left:20px;top:28px}
-.mini_autodeltime:hover .pop_tipbox{display:block}
-.mini_autodeltime .pop_tipbox .inner{box-sizing:border-box;width:165px;padding:5px 10px;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;text-align:center}
-
-.mini_pwcheck,.writing_view_box .autodel{display:table;width:900px;height:600px;margin:-100px auto 0;padding-left:100px;text-align:center}
-.mini_pwcheck .inner,.writing_view_box .autodel .txt{display:table-cell;vertical-align:middle}
-.mini_pwcheck .icon_binglock, .mini_pwcheck .txt, .mini_pwcheck .pw_inquiry{display:block;margin:0 auto}
-.mini_pwcheck b.txt{margin-top:15px;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}
-.mini_pwcheck .pw_inquiry{width:218px;height:30px;margin-top:12px;line-height:32px;background:#fff }
-.mini_pwcheck .btn_lightpurple.small{width:85px;margin-left:0;margin-top:12px}
-.writing_view_box .autodel{text-align:center;padding-left:100px;color:#999;font-size:14px}
-.writing_view_box .autodel .txt{}
-
-/*240513 본문 끌올 관련 추가*/
-.mng_setbox.block{width: 385px;margin: -26px 0 36px 340px}
-.mng_setbox.block .user_control{width: 383px}
-.mng_setbox.block .user_control .btn_user_control{width: 95px;border-right: inherit}
-.mng_setbox.block .user_control .btn_user_control:last-of-type{border: 0}
-
-.miniwrap .mng_setbox.block{margin: 0 0 35px 435px;display: inline-block}
-.miniwrap .mng_setbox.block .user_control{width: 288px}
-.miniwrap .mng_setbox.block .user_control .btn_user_control{width: 82px;border-right: inherit}
-.miniwrap .mng_setbox.block .user_control > .mng_subject_sel{width: 123px;box-sizing: border-box}
-.miniwrap .mng_setbox.block .user_control > .mng_subject_sel .option_box{width: 125px}
-.miniwrap .mng_setbox.block .user_control + .mng_subject_sel{position: absolute;top: 0;left: initial;right: -130px;float: none;border-width: 1px}
-.miniwrap .mng_setbox .user_control + .mng_subject_sel{position: absolute;left: initial;right: 340px;border-width: 1px} /*끌올 버튼 없을때*/
-/*//240513 본문 끌올 관련 추가*/
-
-/*원본글 삭제*/
-.wonbon_box .inner{width:260px;height:114px;padding:63px 10px;background-color:#f3f3f3;text-align:center}
-.wonbonbg{display:inline-block;width:80px;height:79px;background-position:0px -811px}
-.wonbon_box .inner p{margin-top:16px;color:#555;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:14px}
-/*댓글*/
-.miniwrap .comment_box{border-color:#6f6dd9}
-
-/*글쓰기*/
-.miniwrap .minor_intro_box{width:100%}
-
-.btn_write_type.on{color:#4f4dc6;font-weight:bold}
-.icon_secretwrite,.icon_autodelwrite,.icon_slowrite,.icon_minivote,.icon_secretwrite2{display:inline-block;vertical-align:top} /*201020*/
-.icon_secretwrite, .icon_secretwrite2{width: 25px;height:20px;background-position: -250px -786px;} /*201020*/
-.icon_autodelwrite{width:24px;height:20px;background-position:-235px -500px}/*자동삭제 글쓰기 아이콘*/
-.icon_slowrite{width:20px;height:20px;background-position:-258px -522px}/*느린글 쓰기 아이콘*/
-.icon_minivote{width:25px;height:17px;background-position:-222px -819px}/*201020 투표아이콘*/
-.on .icon_secretwrite, .on .icon_secretwrite2{width:25px;height:20px;background-position:-273px -786px} /*201020*/
-.on .icon_autodelwrite{width:24px;height:20px;background-position:-260px -500px}
-.autodel_msg{font-size:11px;color:#666;vertical-align:1px;font-weight:normal}
-/*.btn_write_type.on .autodel_msg{}*/
-
-.btn_type_cancel{color:#666;font-size:11px;margin-left:5px;text-decoration:underline}
-
-.miniwrap .subject_list .sel{background:#6f6dd9;text-shadow: 0px -1px #4f4dc6}
-
-
-
-/*카테고리 메인*/
-.miniwrap .gallmain .hot_mgall{padding:19px 19px 0 19px}
-.miniwrap .gallmain .hot_mini_box{width:100%}
-.miniwrap .gallmain .hot_mgall_box .rank_list li{width:160px}
-.miniwrap .gallmain .hot_mgall .rank_txt{max-width:130px}
-/*탈퇴*/
-.miniwrap .member_out .form_group{padding-left:0;border-top:none}
-
-.testmenu li{position:relative;float:left;font-size:14px;font-weight:bold;margin-left:15px}
-.testmenu li::before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;
--ms-transform-origin:bottom right;
-transform-origin:bottom right;
--ms-transform:scaleX(0);transform:scaleX(0);
-transition:transform .3s ease;background-color:#ff5656}
-.testmenu li:hover::before{-ms-transform-origin:bottom left;transform-origin:bottom left;-ms-transform:scaleX(1);transform:scaleX(1)}
-
-/*s 미니갤러리 메인*/
-/* 흥한 미니 갤러리 */
-.mini_list_wrap{margin-top:11px;border:1px solid #d5d5d5;border-width:2px 1px 1px ;border-top-color:#6f6dd9}
-.miniwrap .mgall_make_go{width:150px}
-/*.miniwrap .icon_mgll_explain{margin-right:3px} 211112 */
-.miniwrap .visit_history .tit{color:#4f4dc6}
-.hot_minigall .rank_num{/*width:12px;height:13px;line-height:13px;*/background:#6f6dd9;border:1px #4f4dc6 solid;font-weight:normal}/*211118 폰트버그 line-height:12px*/
-
-.hot_minigall .rank_list_box{margin:23px 0 3px 20px}/*201214 20px 0 0px 20*/
-.miniwrap .hot_minigall .rank_list{width:176px}
-.miniwrap .hot_minigall .rank_list li{margin-bottom:18px}
-.hot_minigall .rank_list .rank_txt{position:relative;width:auto;max-width:126px;padding-right:9px}
-.miniwrap .hot_minigall .rank_list{padding:0 0 10px 0px}
-.miniwrap .rank_list .icon_new{position:absolute;right:0;top:0}/*미니 흥한갤러리 뉴 아이콘*/
-.miniwrap .bnt_visit_next.on .icon_next{background-position:-223px -229px}/*미니 최근방문*//*211118 폰트 버그 background-position:-223px -230px*/
-.miniwrap .bnt_visit_prev.on .icon_prev{background-position:-216px -229px}/*미니 최근방문*//*211118 폰트 버그 background-position:-216px -230px*/
-
-/*실시간 북적 갤러리*/
-.miniwrap .one_ranklist .rank_num{background:#6f6dd9;border:1px #4f4dc6 solid}/*한줄*/
-.miniwrap .mgall .rank_num{background:#6f6dd9;border:1px #4f4dc6 solid}
-
-/*카테고리*/
-.miniwrap .gallmain{border-bottom:1px #6f6dd9 solid}
-.minicate_wrap .catehead{height:38px;line-height:38px;border-bottom:1px #ccc solid;padding:0 10px 0 9px}
-.minicate_wrap .catehead h3{color:#222;font-size:14px}
-.minicate_wrap .catehead h3 em{color:#999;font-size:13px;margin-left:5px;vertical-align:top;font-weight:normal}
-.minicate_wrap .catehead h3 ::after{content:"";display:inline-block;width:1px;height:13px;background:#d5d5d5;margin:0 10px 0 7px;vertical-align:-2px;}/*211118 폰트 버그 vertical-align:text-top*/
-.minicate_wrap .mini_catebox .icon_restriction{position:static;margin-left:3px}/*접근제한*/
-.minicate_wrap .mini_catebox .mini_new .icon_restriction{vertical-align:-2px}/*211118 폰트 버그 스타일 추가*/
-.minicate_wrap .mini_new{font-size:11px}
-.minicate_wrap .mini_new .tit{display:inline-block;width:26px;height:14px;vertical-align:top;line-height:13px;border-radius:2px;text-align:center; background:#beb0d1;color:#fff;letter-spacing:-0.05em ;margin-top:12px}/*211118 폰트 버그 line-height:15px;margin-top:11px*/
-.minicate_wrap .mini_new .lists{margin-left:9px}
-.minicate_wrap .mini_new .lists li{position:relative;float:left;margin-left:12px;}
-.minicate_wrap .mini_new .lists li:first-child{margin-left:0}
-.minicate_wrap .mini_new .lists li a{color:#555}
-.minicate_wrap .mini_new .lists li a.restriction{color:#999}/*접근제한*/
-.minicate_wrap .btn_cate_more{margin-top:12px}/*211118 폰트 버그 margin-top:11px*/
-.mini_new .empty{margin-left:11px;color:#999}
-
-.mini_catebox{position:relative;border-top:1px #6f6dd9 solid}
-.mini_catebox:first-child{border-top:3px #6f6dd9 solid}
-
-.mini_catelists{clear:both;margin-left:-10px;padding:5px 0 22px}
-.mini_catelists li{float:left;width:338px;margin:10px 0 0 15px}
-.mini_catelists li .list{display:block}
-.mini_catelists li.empty{color:#999;width:100%;height:85px;text-align:center;margin:0;padding-top:43px;box-sizing:border-box}/*200810 추가*/
-.mini_infoimg{display:block;overflow:hidden;position:relative;width:105px;height:70px;margin-right:10px;
-background-color:#fff;background-image:url(https://nstatic.dcinside.com/dc/w/images/mibg.png);background-repeat:no-repeat;background-position: center center;background-size:105px 70px
-}/*201112*/
-.mini_infoimg img{width:105px;min-height:70px;background:#fff }/*201112*/
-.mini_infotxt{display:block;width:223px;margin-top:6px}
-.mini_infotxt:hover{text-decoration:none}
-.mini_infotxt .head:after{clear:both;display:block;visibility:hidden;content:""}
-.mini_infotxt .tit{position:relative;color:#333;font-size:14px}
-.mini_infotxt .head .tit.fl{max-width:157px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}/*211118 폰트 버그 max-width:159px*/
-.mini_infotxt .tit.restriction{color:#aaa}/*접근 제한*/
-.mini_infotxt .head .tit .icon_restriction{vertical-align:baseline}/*접근 제한*/
-.mini_catebox .member_numinfo{margin-left:9px}
-.mini_catebox .member_numinfo .icon_membernum{margin:2px 2px 0 0;vertical-align:-1px}/*211118 폰트 버그 margin:1px 2px 0 0;*/
-.mini_infotxt .txt{overflow:hidden;height:35px;margin-top:6px;color:#555;font-size:12px;line-height:18px;letter-spacing:-0.010em;word-break:break-all}
-.mini_info .smallestgag, .mini_info .btn_memberout{vertical-align:top;margin-left:6px}/*200915 .btn_memberout 추가*/
-.mini_info .btn_memberout{margin-top:1px}/*211118 폰트 버그 스타일 추가*/
-/*e 미니갤러리 메인*/
-
-
-
-/*아이콘*/
-.icon_binglock{display:inline-block;width:53px;height:61px;background-position:-54px -744px}
-.icon_lock{display:inline-block;width:12px;height:14px;background-position:-276px -379px;vertical-align:-1px}/*비공개*/
-.icon_minilock{display:inline-block;width:16px;height:18px;background-position:-195px -793px;vertical-align:-7px;margin-left:5px}/*200915 비공개아이콘 추가*//*211118 폰트 버그 vertical-align:-9px*/
-.icon_membernum{display:inline-block;width:12px;height:13px;background-position:-260px -379px }/*멤버수*/
-.icon_memberout{display:inline-block;width:14px;height:13px;background-position:-213px -793px}/*200915 탈퇴아이콘 추가*/
-.icon_qmakr{display:inline-block;width:14px;height:13px;background-position:-285px -321px }/*물음표*/
-.rankgallshow .icon_deco{display:inline-block;width:4px;height:7px;background-position:-294px -200px;margin-left:2px}/*전체 보기*/
-
-.mini_info .icon_bighot,.mini_info .icon_hot,.mini_info .icon_darkness,.mini_info .icon_normal,.mini_info .icon_newgall{margin-left:-2px}
-.icon_bighot{background-position:-258px -400px}/*대흥갤*/
-.icon_hot{background-position:-277px -400px}/*흥한갤*/
-.icon_darkness{background-position:-282px -419px}/*정전갤*/
-.icon_newgall{background-position:-260px -418px}/*신규갤*/
-.icon_normal{background-position:-261px -435px}/*흔한갤*/
-
-/*글쓰기 댓글 입력불가(비활성화)*/
-.miniwrap #write_wrap .put_inquiry[readonly="readonly"],
-.miniwrap .view_comment .user_info_input input[readonly="readonly"],
-.miniwrap .user_info_input.id input, .user_info_input.id label{background-color:#f3f3f3;color:#999}/*입력불가(비활성화)*/
-/*////////////////////////////////////////e미니갤러리///////////////////////////////////////////////////////////*/
-
-/*200803 매니저 확인을 위한 이메일 인증*/
-.minor_admin .guide_cont.mng{min-height:247px}/*211025 추가*/
-.guide_cont.mng .gcont_box{font-size:14px;color:#333}
-.guide_cont .gcont_head.txt{padding:33px 0 28px}
-.guide_cont .gcont_head.txt .tit{font-size:20px;color:#1d2761}
-.guide_cont .gcont_head.txt .subtxt{font-weight:normal;font-size:12px;color:#555}
-.guide_cont .gcont_head.txt .tit + .subtxt{margin-top:5px}
-.deco_redround{display:inline-block;height:17px;line-height:17px;padding:0 5px;border:1px #d31900 solid;border-radius:10px;background-color:#fff;font-size:12px;color:#d31900}/*211118 폰트 버그 line-height:19px*/
-.guide_cont.mng .gcont_box{padding:27px 0 37px}/*211025 */
-.guide_cont.mng .gcont_box .ctxt{text-align:center}
-.guide_cont.mng .ctxt + .bg_box{margin-top:20px}
-.guide_cont.mng .bg_box{width:458px;margin:0 auto;text-align:left;padding:20px 26px 22px;color:#555;line-height:22px;border-radius:0}
-.guide_cont.mng .bg_box .email{color:#1d2761;text-decoration:underline;}
-.guide_cont.mng .btn_box.fr{margin-top:0}
-.guide_cont.mng .btn_recode{width:120px;height:35px;line-height:35px;border-radius:0;margin:5px 0 0;padding-right:0;overflow:hidden}/*210126 아웃라인이슈로 overflow 추가*/
-.guide_cont.mng .codein{width:466px;margin:0 auto}/*211025 width:510*/
-.guide_cont.mng .code_inputbox{margin-top:15px;border:1px #29367c solid}
-.guide_cont.mng .code_input{float:left;width:357px;height:33px;line-height:34px;padding:0 9px;border:none;background:#fff;font-size:14px}/*211025 width 수정*/
-.guide_cont.mng .btn_codeok{float:right;width:89px;height:33px;border-left:1px #29367c solid;background:#3b4890;color:#fff;font-weight:bold;text-shadow: 0px -1px #1d2761}
-.guide_cont.mng .codein .info{margin-top:2px;color:#555;font-size:12px;font-weight:normal}
-
-/*미니*/
-.miniwrap .guide_cont, .miniwrap .guide_cont.mng .code_inputbox{border-color:#4f4dc6}
-.miniwrap .guide_cont.mng .btn_codeok{background:#6f6dd9;border-color:#4f4dc6}
-.miniwrap .guide_cont .gcont_head.txt .tit{color:#4f4dc6}
-
-/*//200803 매니저 확인을 위한 이메일 인증*/
-
-/*200803 마이너 접근 제한 안내 */
-.migall_state.restriction{width:500px;height:299px;margin:0 auto}
-.migall_state .inner > .tit{font-size:0;margin-bottom:8px}
-.migall_state .inner > .tit span{font-size:18px;vertical-align:top;line-height:25px;font-weight:bold;color:#000}/*211118 폰트 버그 line-height:26px*/
-.bigrestriction{display:inline-block;height:25px;margin-right:6px}
-.icon_bigrestriction{display:inline-block;width:25px;height:25px;background-position:-261px -744px}
-.migall_state .inner > .txt{font-size:14px;color:#333;line-height:24px}
-.migall_state .inner > .txt:last-child{margin-top:6px}
-/*//200803 마이너 접근 제한 안내 */
-
-/*201231 개념글 비추천*/
-.concept_range .cont_inr.fl::before{content:"|";display:inline-block;color:#ccc;font-size:12px;padding:0 4px 0 8px;vertical-align:top;line-height:22px}/*211118 폰트 버그 vertical-align:top;line-height:22px 추가*/
-.concept_range .cont_inr.fl:first-child::before{display:none}
-.concept_range .recomn{padding-top:15px;margin-top:11px;border-top:1px dashed #d3d3d3}
-/*.recomuse_n .btn_hitgall, .recomuse_y .btn_hitgall{opacity:0.6;cursor:default}작업 확인후 not 클래스 사용시 삭제*/
-.recomuse_n .inner{margin:0 auto 13px;padding-right:82px}
-.recomuse_n .up_num_box{padding-left:0}
-
-/*241018 개념글 비추천 미사용*/
-.miniwrap .concept_range .cont_box > .tit{color:#4f4dc6}
-.concept_range .cont_box > .tit{position: relative;margin-top: 15px}
-.concept_range .cont_box > .tit::before{content: "";display: block;width: 515px;height: 0px;border-top: 1px dashed #d3d3d3;position: absolute;top: -15px;left: 0}
-.concept_range .cont_box > .tit:first-of-type{margin: 0}
-.concept_range .cont_box > .tit:first-of-type::before{display: none}
-.concept_range .cont_box > .tit + .recom{margin-top: -6px;border-top: 0}
-.concept_range .recom{border-top:1px dashed #d3d3d3;position: relative;padding: 15px 0 0 155px;margin: 15px 0 15px}
-.concept_range .recom:last-of-type{margin-bottom: 2px}
-.concept_range .recom .cont_boxtit{width: 140px;;margin: 0;white-space: nowrap;position: absolute;top: 15px;left: 0}
-.concept_range .recom .select_arraybox{font-size: 12px;width: 100px;height: 24px;line-height: 23px;margin: 0;box-sizing: border-box;vertical-align: middle}
-.concept_range .recom .select_arraybox .icon_option_more{top: 8px}
-.concept_range .recom .option_box{width: calc(100% + 2px)}
-.concept_range .recom .option_box li{font-size: 12px;line-height: 23px}
-.concept_range .recom .add_subject{float: none;display: inline-block;width: 100px;height: 24px;border-radius: 0;vertical-align: middle;margin-left: 4px}
-.concept_range .recom .relate_wordlist{margin: 4px 0 0 -6px}
-.concept_range .recom .relate_wordlist li{width: 100px;box-sizing: border-box;margin-top: 2px}
-.concept_range .recom .relate_wordlist li:first-child{margin-left: 6px}
-.concept_range .recom .relate_wordlist + .tiptxt{margin-top: 10px}
-
-/*210210 접근제한 해제*/
-.restriction_off{position:relative;margin-bottom:16px;background:#f3f3f3;border:1px solid #d5d5d5;color:#555;padding:10px 10px 5px;font-size:0}
-.restriction_off .txt::before{content:"";display:inline-block;width:14px;height:13px;margin-right:5px;vertical-align:-2px;
-background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -130px -372px;background-size:150px auto}/*211118 폰트 버그 vertical-align:top*/
-.restriction_off .txt{display:inline-block;line-height:14px}
-.restriction_off .txt > span{vertical-align:0;word-break:break-all;font-size:12px}
-.restriction_off .btn_type_cancel{vertical-align:0px;color:#3b4890;font-size:12px}
-
-/*210421 관리자 개선*/
-.con.center.nohave, .miniwrap .con.center.nohave{padding-top:239px}/*( #container height - #block height ) / 2 = margin 값*/
-.con.center.nohave .txt{color:#999}
-.minor_block_list.reportlist .option, .minor_block_list.reportlist .txt{text-align:left }
-.btn_mngadmin_report{margin-top:5px;text-decoration:underline}
-
-/*210624 부매니저 권한*/
-.uadmin_cont_box.set_permit{border-top:none;padding-top:0;margin-top:8px}
-.set_permit .uadmin_cont{width:585px;}
-.permit_list{margin-top:16px}
-.set_permit .bg_greybox{margin-top:0;padding:40px 49px 37px;line-height:100%;border-radius:3px;color:#333;background:#f6f6f6 }
-.set_permit .bg_greybox > div{width:224px;position:relative;}
-.set_permit .bg_greybox > div:nth-child(2){width:210px;}
-.set_permit .bg_greybox> div::before{content:"";height:100%;padding:0 0 2px;border-left:1px solid #ddd;position:absolute;top:-2px}
-.set_permit .bg_greybox> div:first-child::before{right:-1px}
-.set_permit .bg_greybox> div:nth-child(2)::before{left:-51px}
-.permit_list li{margin-top:8px}
-.permit_list li:first-child{margin-top:0}
-.permit_list .line_box{display:inline-block;width:55px;height:14px;margin-right:11px;padding:0;letter-spacing:-0.055em;line-height:13px;border:1px solid #29367c;color:#29367c;font-size:11px;text-align:center;background:#fff;border-radius:50px}/*211108 폰트 버그 line-height:16px*/
-.miniwrap .permit_list .line_box{border-color:#4f4dc6;color:#4f4dc6}
-.line_box.off, .miniwrap .line_box.off{border-color:#999;color:#888}
-.set_permit h3.tit{text-indent:-1px}
-.permit_list .txt{line-height:16px;vertical-align:0;font-weight:bold}
-.permit_list .line_box.off + .txt{color:#888}
-
-/*220105 비밀번호 입력*/
-.twostepw .deco_redround{margin-right:5px;vertical-align:1px}
-.con.center.twostepw .int[type="password"]{margin-top:18px}
-.minor_uadmin_wrap .con.center.twostepw .tit{font-size:16px}
-.minor_uadmin_wrap .con.center.twostepw{padding-top:135px}
-.con.center.twostepw .tit{color:#1d2761}
-.miniwrap .con.center.twostepw .tit{color:#4f4dc6}
-
-/*230720 추가*/
-.gall_list.sch_comment .gall_num[colspan*="2"]{padding-left: 25px}
-
-/*240105 글쓰기 안내 문구*/
-.wrt_guide .cont_inr{position: relative;}
-.wrt_guide .cont_inr + .cont_inr{margin-top: 4px}
-.wrt_guide .cont_boxtit{display: block;position: relative;margin: 0}
-.wrt_guide .write_subject{min-width: auto;width: 100%;box-sizing: border-box;margin-top: 7px;border-color: #bbb}
-.wrt_guide .write_subject::before{display: none}
-.wrt_guide .write_subject .subject_list{margin-top: 6px}
-.wrt_guide .write_subject .subject_list li{margin-left: 18px;height: 21px;line-height: 20px;font-size: 12px;margin-bottom: 6px}
-.wrt_guide .write_subject .subject_list li:first-child{margin-left: 22px}
-.wrt_guide .write_subject .subject_list li.sel{padding: 0 9px 0 8px;background: #3b4890}
-.miniwrap .wrt_guide .write_subject .subject_list li.sel{background: #6f6dd9}
-.wrt_guide .write_subject .subject_list li.sel > em{margin-right: 3px;transform: translateY(1px)}
-.wrt_guide .btn_preview{text-decoration: underline;color: #3b4890;position: absolute;top: 2px;right: 1px}
-.miniwrap .wrt_guide .btn_preview{color: #4f4dc6}
-.wrt_guide .tx-editor-container{margin-top: 7px}
-.wrt_guide .tx-editor-container + .wrt_guide_preview{width: 100%;height: 144px;box-sizing: border-box;overflow-y: scroll;line-height: 1.5;padding: 9px 11px;border:1px #bbb solid;margin-bottom:5px;resize:none}
-.wrt_guide .tiptxt.dot_line{margin-top: 7px}
-
-
-/********************************* 인물갤러리 관련 *********************************/
-
-/*240528*/
-/* 갤메인) 상단 왼쪽/순위 박스 */
-.personwrap .mgall_make_go{width: 152px}
-.personwrap .mgall_list_wrap{height: 254px;box-sizing: border-box}
-.personwrap .mgall .rank_num{border:1px solid #2fa40e;background:#4fbe17}
-
-/* 갤메인) 흥한 인물 갤리러 */
-.personwrap .rank_list li a{
- display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;
- -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;
- white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 9px;
-}
-.personwrap .rank_list li a .rank_txt{width: auto!important;/*max-width: 145px;*/max-width: 75%;flex-shrink: 0;padding: 0}
-.personwrap .rank_list li a .rank_num{flex-shrink: 0}
-.personwrap .rank_list li a .rank_state{margin-left: auto}
-.personwrap .rank_list li a .icon_new{position: static;flex-shrink: 0;margin-right: 20px;margin-top: -4px}
-.personwrap .rank_list li a .icon_restriction{position: static;flex-shrink: 0;margin: 1px 0 0 3px} /*240712 접근제한 추가*/
-
-.personwrap .hot_mgall_box{height: 251px}
-.personwrap .hot_mgall{padding-top: 23px}
-.personwrap .hot_mgall .empty_mgall{padding-top: 68px;padding-right:15px}/*흥한 인물 갤러리 순위를 집계 중입니다.*/
-.personwrap .hot_mgall .rank_list li{margin-bottom: 18px}
-
-/* 갤메인) 최근 변경 프로필 */
-.personwrap .new_magll_box{height: 100%}
-.personwrap .new_magll_box .btn_cate_more{margin: 0;float: none;vertical-align: middle}
-.personwrap .new_magll_box .btn_cate_more .icon_listmore{margin: 0}
-.personwrap .new_mgall{padding: 20px 16px 32px 16px}
-.personwrap .new_mgall .empty_mgall{padding-top: 71px;padding-right: 0px}/*최근 개설된 마이너 갤러리가 없습니다.*/
-
-.personwrap .newmgall_list li{float: none;width: 100%;margin: 5px 0 0 0;box-sizing: border-box}
-.personwrap .newmgall_list li:first-of-type{margin: 0}
-.personwrap .newmgall_list li a{display: block;max-width: none;padding-right: 28px}
-.personwrap .newmgall_list li a:hover{text-decoration: underline}
-.personwrap .newmgall_list li a .date{color: #999;position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: 11px}
-
-/* 갤메인) 실시간 북적 갤러리 */
-.personwrap .rank_listwrap .rank_state{margin-right: 5px;margin-top: 0}/*240923 추가*/
-.personwrap .one_ranklist .mgall .rank_job{max-width: 30%}
-
-/* 갤메인) 인물 갤러리 리스트 */
-.personwrap .cate_box > .section_cate:last-of-type .cate_tit{border-right: 1px solid #ccc}/*240924 추가*/
-.personwrap .section_cate{min-width: 174px;height: 270px}
-.personwrap .cate{border: 0;width: 174px}
-.personwrap .cate ul{padding: 15px 10px 15px;width: 174px!important}
-.personwrap .cate ul li a{text-decoration: none;padding: 0;max-width: 100%!important;box-sizing: border-box;width: auto;max-width: 100%;font-size: 0}
-.personwrap .cate ul li{height: 45px;line-height: initial}
-.personwrap .cate ul li + li{margin-top: 15px}
-.personwrap .cate ul li.new_gall .new_tit{position: absolute;top: 50%;left: 0;transform: translateY(-60%)}
-.personwrap .cate ul li.new_gall .box_btn{position: absolute;top: 14px;right: 0;font-size: 0}/*240812 translateY(-50%) 흐려보여서 삭제*/
-.personwrap .cate ul li.new_gall .box_btn button + button{margin-left: 3px}
-.personwrap .cate ul li.new_gall .box_btn button .icon_prev{image-rendering: pixelated;}
-
-.personwrap .cate ul li.new_gall + li.no_newgall{margin-top: -3px}
-.personwrap .cate ul li.no_newgall{margin-top: 0;box-sizing: border-box}/*최근 개설된 인물 갤러리가 없습니다*/
-.personwrap .cate ul li.empty_mgall{padding-top: 0;position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);white-space: nowrap}/*아직 생성된 인물 갤러리가 없습니다*/
-.personwrap .cate ul + ul.under_listbox{padding-top: 0}/*지하*/
-.personwrap .severalcan .cate{position: relative}/*240912 추가*/
-.personwrap .severalcan .cate ul li.empty_mgall:only-child{top: 51%}/*240912 추가*/
-
-.person_infoimg{display: inline-block;width: 45px;height: 45px;border-radius: 200px;overflow: hidden;position: relative;margin-right: 5px;vertical-align: middle}
-.person_infoimg::after{content: "";display: inline-block;width: 100%;height: 100%;background: url(https://nstatic.dcinside.com/dc/w/images/minorbg.png) no-repeat center center / cover}
-.person_infoimg img{display: inline-block;width: 100%;height: 100%;object-fit: cover;position: absolute;background-color: #fff}
-.person_infotxt{display: inline-block;width: calc(100% - 50px);vertical-align: middle}
-.person_infotxt .tit{display: inline-block;max-width: 100%;font-size: 12px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
-.person_infotxt .job{display: block;font-size: 11px;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
-.under_listbox .person_infoimg{filter: grayscale(1)}/*지하*/
-.under_listbox .person_infotxt .tit{color: #999}/*지하*/
-.restriction .person_infotxt .tit{color: #aaa;padding-right: 14px;max-width: 100%;position: relative;box-sizing: border-box}/*240719 접근제한*/
-.restriction .person_infotxt .job{color: #aaa}
-
-/* 만들기) 인물 갤러리 만들기 */
-.person_opentit{font-size: 14px;color: #333;font-weight: bold;margin: 20px 14px 0}
-.person_opentit .tiptxt{font-size: 12px;color: #999;font-weight: normal;margin-left: 6px}
-
-.person_openset .icon_person{width: 18px;height: 18px;background-image: url(https://nstatic.dcinside.com/dc/w/images/icon_person_big.png);margin-left: 4px}
-.person_openset .icon_person.certify::after{width: 13px;height: 13px;background-image: url(https://nstatic.dcinside.com/dc/w/images/icon_certify_chk_big.png);bottom: -5px;right: -7px}
-.person_openset{margin: 16px 0 20px;text-align: center;font-size: 0}
-.person_openset .box{display: inline-block;width: 350px;height: 120px;box-sizing:border-box;border:2px solid #cecdce;border-radius:8px;color:#333;text-align: left}
-.person_openset .box + .box{margin-left: 16px}
-.person_openset .box.sel{border-color: #4fbe17}
-.person_openset .box .top{font-size: 18px;padding: 14px 18px 0}
-.person_openset .box .top .radiobox{padding-left: 32px}
-.person_openset .box .top .radiobox input[type="radio"]{width: 346px;height: 120px;top: -18px;left: -18px}
-.person_openset .box .top .radiobox input + .checkmark{background-position: -1px -1181px;width: 25px;height: 25px;top: 3px}
-.person_openset .box .top .radiobox input:checked + .checkmark{background-position: -33px -1181px}
-.person_openset .box .top .radiobox label{font-weight: bold}
-.person_openset .box .btm{position: relative;width: 100%;height: 62px}
-.person_openset .box .btm .txt{font-size: 12px;line-height: 1.6;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 0 0 51px;box-sizing: border-box}
-.person_openset .box .btm .txt span{font-size: 11px}
-
-.person_policy{font-size: 0;max-width: 716px;margin: 0 auto 24px;text-align: center}
-.person_policy .tit{font-size: 12px;text-align: left;color: #555}
-.person_policy .txt{font-size: 12px;background: #f3f3f3;color: #555;letter-spacing: initial;padding: 10px 16px;border-radius: 5px;line-height: 1.7;margin-top: 8px;text-align: left}
-.person_policy .checkbox{display: block;padding-left: 20px;margin: 20px 239px 0}
-.person_policy .checkbox label{font-size: 12px;color: #555}
-.person_policy .checkbox input[type="checkbox"]{width: 100%;height: 100%;top: 0;left: 0}
-.person_policy .btn_toss{font-size: 14px;color: #555;padding: 0 19px 0 18px;background: #0064ff;color: #fff;border-radius: 100px;min-width: initial;text-align: center;margin-top: 10px}
-.person_certify{font-size: 0;max-width: 716px;margin: 30px auto 35px;text-align: center} /*240814 본인 인증 완료 추가*/
-.person_certify .tit{font-size: 16px;color: #333}
-.person_certify .txt{font-size: 13px;color: #555;margin-top: 2px}
-
-.certify_box{margin-top: 12px}
-.certify_box .round_yeondu{padding: 2px 6px;vertical-align: middle;margin-right: 4px}
-.certify_box span{font-size: 12px;color: #333;position: relative;padding-left: 13px;vertical-align: middle}
-.certify_box span:first-of-type{padding-left: 0}
-.certify_box span:first-of-type::before{display: none}
-.certify_box span::before{content: "";display: inline-block;width: 1px;height: 11px;background: #ccc;position: absolute;top: 50%;left: 6px;transform: translateY(-50%)}
-
-.personwrap .page_head .fixtit{color: #3b4890}
-.personwrap #container.minor_make{width:900px;letter-spacing: -0.025em}
-.personwrap .minor_make_form{padding-bottom: 15px}
-.personwrap .minor_make_info{margin: 0;width: 100%;box-sizing: border-box;padding: 6px 14px 7px}/*240911 안내 추가*/
-.personwrap .minor_make_info + .make_form_cont{padding-top: 16px}
-.personwrap .make_form_cont{width: 900px}
-.personwrap .basic_tit{color: #2fa40e}
-.personwrap .cont_input_box + .checkbox{padding-left: 17px;margin: 6px 0 0 3px}
-.personwrap .cont_input_box + .checkbox input[type="checkbox"]{width: 100%;height: 100%;top: 0;left: 0}
-.personwrap .set_content .radiobox{padding-left: 20px;height: 28px}
-.personwrap .set_content .radiobox + .radiobox{margin-left: 8px}
-.personwrap .set_content.name .max_txt{margin-left: 2px;}
-.personwrap .set_content.job .select_arraybox{width:163px;height:22px;line-height:23px;margin:0 0 5px 0;padding-left:5px;border-color: #bbb}
-.personwrap .set_content.job .option_box{width: 170px}
-.personwrap .minor_make_chk{padding:35px 0 40px}
-.personwrap .minor_make_chk .scroll{width:397px}
-.personwrap .minor_make_chk .scroll dl dd{white-space: normal!important}
-.personwrap .make_guidetxt_box{padding-left:8px;padding-top:25px}
-.personwrap .make_guidetxt_box .tiptxt{margin-top:4px}
-.personwrap .make_guidetxt_box .tiptxt:first-child{margin-top:0}
-.personwrap .make_guidetxt_box .tiptxt > .tip_deco_dot{margin-left:-8px}
-
-/* 240613 */
-/* 리스트) 상단 */
-.personwrap .listwrap .issue_wrap{z-index: initial}/*240816 추가*/
-.personwrap .listwrap .issue_contentbox{border-color: #29367c!important}
-.personwrap .page_head .ranking{display: inline-block;font-size: 0;margin-left: 6px}
-.personwrap .page_head .ranking .rankingcon{vertical-align: middle}
-.personwrap .page_head .ranking .ranktxt,
-.personwrap .page_head .ranking .ranknum{font-weight:bold;line-height:17px;font-size:15px;color: #333;vertical-align: middle}
-.personwrap .page_head .ranking .ranktxt{margin-left: 2px}
-.personwrap .page_head .ranking .ranknum{margin-left: 3px}
-.personwrap .page_head .ranking .rankgallshow{color: #555;font-size: 12px;vertical-align: middle;margin-left: 4px;text-decoration: none;vertical-align: -6px}
-.personwrap .page_head .ranking .rankgallshow .icon_deco,
-.profile_form_cont a.btn_history_all .icon_deco{display: inline-block;width: 5px;height: 9px;background-position: -101px -1165px;margin-left: 3px}
-
-/* 리스트) 인맥/프로필/매니저/양도 */
-.personwrap .minor_intro_box{width: 100%;box-sizing: border-box;padding-bottom: 15px;padding-top: 15px;background: #fff}
-.personwrap .img_contbox{width: 156px}
-.personwrap .img_contbox .bgcover{display: inline-block}
-.personwrap .mintro_imgbox{pointer-events: none;cursor: default}
-.personwrap .mintro_imgbox.in_img{pointer-events:initial;cursor: pointer}
-
-.network_box{display: block;border: 1px solid #29367c;height: 163px;font-size: 0;margin-top: 7px;position: relative}
-.network_box .top{display: inline-block;width: 100%;height: 31px;line-height: 31px;padding: 0 8px;box-sizing: border-box;background: #f3f3f3;font-size: 12px;font-weight: bold;color: #29367c;position: relative;text-decoration: none}
-.network_box .top .num{position: absolute;top: 0;right: 8px;font-weight: normal}
-.network_box .top .num::after{content: "";display: inline-block;width: 5px;height: 9px;margin-left: 4px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?0613) no-repeat -109px -1165px / auto}
-.network_box .lst{padding: 12px 0 12px 10px;white-space: pre} /*240808 추가*/
-.network_box .lst li{font-size: 12px;display: inline-block;max-width: 95%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;padding-right: 10px;box-sizing: border-box}
-.network_box .lst li + li{margin-top: 7px}
-.network_box .lst li .font_blue{margin-right: 4px}
-.network_box .lst li .icon_new{position: absolute;top: 2px;right: 0}
-.network_box .tip_box.linearrow{top: 50px;left: 42px}
-.network_box .tip_box.linearrow .inner::after{width: 20px;height: 20px;background-image: url(https://nstatic.dcinside.com/dc/w/images/arrow_rt_up.png);top: -11px;left: 79px}
-.network_box .empty_box{line-height: 127px}/*인맥이 없습니다.*/
-
-.personwrap .info_contbox{margin-left: 29px;font-size: 13px;height: 240px;width: calc(100% - 185px);z-index: 0;margin-top: -2px!important}
-.personwrap .info_cont{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;margin-top: 4px}/*240812 flex로 변경*/
-.personwrap .info_cont .tit{color: #777;font-weight: normal;width: auto;margin-right: 8px;white-space: nowrap;max-width: 98px}
-.personwrap .info_cont .tit::before{display: none}
-.personwrap .info_cont .cont{max-width: calc(100% - 75px)}
-.personwrap .info_cont .cont .round_yeondu{margin: 0 0 0 3px;vertical-align: 2px}
-.personwrap .info_cont .cont .cont_txt{display: block}
-.personwrap .info_cont .cont .cont_txt + .cont_txt{margin-top: 3px}
-.personwrap .info_cont .cont .cont_txt > a{color: #4656c7}
-.personwrap .info_cont .cont .cont_txt > a + a::before{content: ",";display: inline-block;color: #333;margin: 0 4px 0 -5px}
-
-.personwrap .btm_contbox{position: relative;display: inline-block;margin-left: 16px;margin-top: 21px;width: calc(100% - 172px)}
-.personwrap .btm_contbox .btn_edit{padding: 0 11px 0 10px;height: 20px;line-height: 19px;font-size:12px;color: #777;border: 1px solid #cdcdcd;border-radius: 50px}
-.personwrap .btm_contbox .btn_info{font-size: 11px;color: #777;text-decoration: underline;margin: -2px 0 0 4px;}/*240911 안내 추가*/
-.personwrap .btm_contbox .profile_info{display: none;width: 342px;top: 19px;left: 95px}
-.personwrap .btm_contbox .profile_info .inner{padding: 8px 10px}
-.personwrap .btm_contbox .btn_info:hover ~ .profile_info{display: block}
-.personwrap .btm_contbox .rt{position: absolute;top: 50%;right: 0;transform: translateY(-50%)}
-.personwrap .btm_contbox .rt > *{display: inline-block;color: #777;font-size: 12px}
-.personwrap .btm_contbox .rt .mng_tit{font-weight: bold;vertical-align: middle}
-.personwrap .btm_contbox .rt .mng_nick{position: relative;vertical-align: middle}
-.personwrap .btm_contbox .rt .btn_mng_history{color: #777;font-size: 11px;border: 1px solid #ccc;border-radius: 2px;padding: 0 4px;line-height: 16px;height: 17px}
-.personwrap .btm_contbox .rt .btn_mngadmin_report{margin: 0 0 0 4px;font-size: 11px;line-height: 20px}
-.personwrap .btm_contbox .tip_box.linearrow{top: -20px;left: 114px}
-.personwrap .btm_contbox .tip_box.linearrow .inner::after{width: 24px;height: 15px;background-image: url(https://nstatic.dcinside.com/dc/w/images/arrow_lt_down2.png);top: 7px;left: -28px}
-
-/*프로필) 프로필 편집*/
-.profile_wrap{letter-spacing:-0.025em;border-top: 2px solid #29367c;padding-top: 15px;padding-bottom: 30px}
-.profile_top .tabbox{border-radius:50px;font-size:0;border: 1px solid #29367c}
-.profile_top .tabbox .tab{display:inline-block;font-weight: bold;box-sizing:border-box;width:109px;height:30px;padding-right:5px;line-height:29px;color: #3c4790;font-size:13px;text-align: center}
-.profile_top .tabbox .tab.on{width: 119px;background:#3b4890;border-radius:50px;color:#fff;padding:0}
-.profile_top .tabbox .tab:first-child{padding-left:5px;padding-right:0}
-.profile_top .tabbox .tab.on:first-child{padding-left:0px;padding-right:0}
-.profile_top .edit_infotxt{color: #d31900;font-size: 12px}
-
-.profile_form{margin-top: 21px;position: relative}
-.profile_form + .profile_form{margin-top: 28px}
-.profile_form > h3,
-.profile_form > h3 button{color: #29367c;font-size: 14px;font-weight: bold}
-.profile_form > h3 button::after{content: "";display: inline-block;vertical-align: -2px;margin-left: 4px;border: 5px solid transparent;border-top-color: #29367c}
-.profile_form > h3 button.open::after{transform: rotate(180deg);vertical-align: 3px}
-.profile_form > h3 + .profile_form_tip{margin: 12px 0 15px}
-.profile_empty_box + .profile_form_box,
-.profile_empty_txt + .profile_form_box,
-.profile_form > .profile_form_box:first-of-type{margin-top: 12px}
-
-.profile_form_box{border: 1px solid #ddd;border-radius: 5px;margin-top: 5px;background: #f8f8f8;font-size: 0;position: relative}
-.profile_form_btn{margin-top: 10px}
-.profile_form_btn .btn_formadd{display: inline-block;height: 28px;line-height: 27px;padding: 0 16px;font-weight: bold;color: #fff;background: #777;border: 1px solid #666;text-shadow: 0 -1px rgb(0 0 0 / 30%);border-radius: 50px}
-.profile_form_box.add{margin-top: 15px}
-.profile_empty_box{height: 150px;line-height: 150px;font-size: 14px;color: #999;border: 1px solid #ddd;border-radius: 5px;text-align: center;margin-top: 12px}
-.profile_empty_txt{color: #999;margin-top: 12px}
-.profile_form_tip{color: #999;margin-top: 8px}
-.profile_form_tip .tip_deco{margin-right: 7px;background-position: -278px -217px}
-.profile_form_tit{color: #333;width: 119px;display: inline-block;font-size: 12px;font-weight: bold;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%)}
-.profile_form_cont{
- display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;
- -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;
- background: #fff;font-size: 12px;margin-left: 119px;border-radius: 0 5px 5px 0
-}
-.profile_form_cont .inner{padding: 10px 20px;width: 100%;color: #333;min-height: 38px;box-sizing: border-box}
-.profile_form_cont .inner .txt{line-height: 1.6}
-.profile_form_cont .inner .txt.none{color: #999}/*없음*/
-.profile_form_cont .inner a{color: #4656c7}
-.profile_form_cont .inner a + a::before{content: ",";display: inline-block;color: #333;margin: 0 4px 0 -3px}
-.profile_form_cont .inner .img_box{display: inline-block;width: 156px;height: 104px;vertical-align: bottom;background: url(https://nstatic.dcinside.com/dc/w/images/minorbg.png) no-repeat center center}
-.profile_form_cont .inner .img_box img{width: 100%;height: 100%;object-fit: cover;background: #fff} /*png 배경fff*/
-.profile_form_cont .inner .img_box_desc{display: inline-block;margin-left: 11px}
-.profile_form_cont .inner .img_box_desc p{font-size: 12px;color: #999;padding-left: 1px}
-.profile_form_cont .inner .img_box_desc .file_imgupbox button{background: #f8f8f8;border-color: #bbb;color: #777;width: 125px}
-.profile_form_cont .inner .img_box_desc .file_imgupbox .icon_img_camera{width: 16px;height: 13px;background-position: -135px -1178px;vertical-align: -2px;margin-right: 5px}
-
-/*편집*/
-.profile_form_cont .inner input, .profile_form_tit input{width: 100%;padding: 3px 9px;box-sizing: border-box;outline: 0;border: 1px solid #bbb;color: #333}
-.profile_form_cont .inner input::placeholder, .profile_form_tit input::placeholder{color: #999}
-.profile_form_cont .inner input + input{margin-top: 5px}
-.profile_form_cont .inner .radiobox{padding-left: 18px;line-height: 24px}
-.profile_form_cont .inner .radiobox + .radiobox{margin-left: 6px}
-.profile_form_cont .inner .radiobox .checkmark{transform: scale(0.9);top: 6px}
-.profile_form_cont .inner textarea{width: 100%;height: 125px;padding: 4px 8px;box-sizing: border-box;border: 1px solid #bbb;color: #333;outline: 0}
-.profile_form_cont .inner textarea[style*="height:24px"]::-webkit-scrollbar{display: none} /*240905 추가*/
-.profile_form_cont .inner .addwrap{
- display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;
- -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;
- max-width: 82%
-}
-.profile_form_cont .inner .addwrap + .addwrap{margin-top: 5px}
-.profile_form_cont .inner .addwrap .select_arraybox{position: relative;flex-shrink:0;margin: 0 5px 0 0;width: 150px;height: 24px;line-height: 22px;box-sizing: border-box;font-size: 12px;border-color: #bbb;padding-left: 9px}
-.profile_form_cont .inner .addwrap .select_arraybox .option_box{width: calc(100% + 2px);font-size: 12px;top: 22px;left: -1px;border-color: #bbb;padding: 6px 10px 4px}
-.profile_form_cont .inner .addwrap .select_arraybox .icon_option_more{top: 9px}
-.profile_form_cont .inner .addwrap input{margin-right: 7px;max-width: 442px}
-.profile_form_cont .inner .addwrap input + input{margin-top: 0}
-.profile_form_cont .inner .addwrap .btn_tit_guide{width: auto;height: auto}
-.profile_form_cont .inner .addwrap .btn_iptdel{display: inline-block;width: 10px;height: 10px;flex-shrink: 0;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -121px -1181px}
-.profile_form_cont .inner .addwrap .btn_iptadd{width: 442px;height: 26px;background: #f8f8f8;border: 1px solid #bbb;border-radius: 2px}
-.profile_form_cont .inner .addwrap .btn_iptadd::after{content: "";display: inline-block;width: 10px;height: 10px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -109px -1181px}
-.profile_form_cont .inner .tipwrap{position: relative;font-size: 11px;white-space: nowrap}
-.profile_form_cont .inner .tipwrap button{vertical-align: -1px;margin-left: -1px}
-.profile_form_cont .inner .tipwrap .pop_tipbox{position: absolute;top:-4px;left: 42px}
-.profile_form_cont .inner .tipwrap .pop_tipbox .txt{padding: 0 10px;width: auto;height: 24px;line-height: 24px;color: #555;background: #fff;border: 1px solid #ccc;white-space: nowrap}
-.profile_form_cont .inner .tipwrap .icon_tit_guide{display:inline-block;width: 14px;height: 14px;background-position: -120px -1164px;vertical-align: -2px}
-.profile_form_cont.site .inner .addwrap{max-width: none}
-.profile_form_cont.site .inner .addwrap input[type="text"]:first-of-type{width: 150px}
-.profile_form_cont.site .inner .addwrap .btn_iptadd{width: 577px}
-
-.profile_form_cont .rtbtn{margin: 0 20px 0 auto;flex-shrink: 0;font-size: 0}
-.profile_form_cont .rtbtn button{text-decoration: underline}
-.profile_form_cont .rtbtn button + button{position: relative;margin-left: 17px}
-.profile_form_cont .rtbtn button + button::before{content: "";display: inline-block;width: 1px;height: 10px;background-color: #ccc;margin:0 8px;position: absolute;top: 55%;left: -17px;transform: translateY(-50%)}
-.profile_form_cont .rtbtn .btn_change{height: 22px;margin-left: 16px}
-.profile_form_cont .rtbtn .btn_change::before,
-.profile_form_cont .rtbtn .btn_iptdel::before{display: none}
-.profile_form_cont .rtbtn .btn_change .icon_change_img{margin: 0}
-.profile_form_cont .rtbtn .btn_iptdel,
-.profile_form_box.rt > .btn_iptdel{display: inline-block;width: 10px;height: 10px;flex-shrink: 0;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -121px -1181px;margin-left: 16px}
-
-.add .profile_form_cont{background: #f8f8f8;margin-left: 139px}
-.add .profile_form_cont .inner{padding-left: 0}
-.add .profile_form_cont .inner textarea,
-.profile_form_cont.education .inner textarea{height: 24px;max-height: 166px;padding: 3px 8px;outline: 0} /*240718 항목 추가 input -> textarea 변경, 10줄 초과 스크롤처리/240816 학력 추가*/
-.add .profile_form_tit{left: 19px;width: 110px;position: absolute;top: 10px;right: 0;transform: translate(0)}
-.add .profile_form_cont .inner input, .add .profile_form_tit input{padding: 3px 7px}
-/*240812 버튼 박스 밖으로 위치 변경*/
-.profile_form_box.rt{width: 96%;position: relative}
-.profile_form_box.rt > button{position: absolute;top: 50%;right: -27px;transform: translateY(-50%)}
-.rt .profile_form_cont .rtbtn{margin-right: 16px}
-
-/*프로필) 편집 이력*/
-.profile_form_cont a.btn_history_all{display: inline-block;color: #999;text-decoration: underline;margin-top: 2px}
-.profile_form_cont a.btn_history_all .icon_deco{display: inline-block;width: 5px;height: 9px;background-position: -101px -1165px;margin-left: 5px;transform: scale(0.8)}
-.edit_history_lst{font-size: 0;line-height: 1.6;position: relative;}
-.edit_history_lst span{font-size: 12px;color: #333}
-.edit_history_lst span.none{color: #999}/*240822 추가*/
-.edit_history_lst .bar{display: inline-block;width: 1px;height: 10px;background: #ccc;margin: 0 8px}
-.edit_history_lst .bar::after{content: none}
-
-/*프로필) 편집 이력 > 내역 전체보기 */
-.profile_wrap.all{padding-top: 5px}
-.profile_wrap.all h3{font-size: 0}
-.profile_wrap.all h3 .step{font-size: 15px}
-.profile_wrap.all h3 .step + .step::before{content: "";display: inline-block;width: 6px;height: 13px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -155px -1179px;vertical-align: -1px;margin: 0px 8px}
-.profile_wrap.all .profile_form_box{overflow: hidden} /*240806 추가*/
-.profile_wrap.all .profile_form_cont{margin: 0}
-.profile_wrap.all .profile_form_cont .inner{padding: 12px 16px}
-.profile_wrap.all .edit_history_lst + .edit_history_lst{margin-top: 4px}
-/*240927 프로필,인맥에 매니저 차단 추가 관련*/
-.profile_block{position: absolute;top: 0;right: 0}
-.profile_block > button{text-decoration: underline}
-.mng .btn_history_all,
-.mng .edit_history_lst{padding-left: 20px}
-.mng .edit_history_lst .checkbox{position: absolute;top: 2px;left: 0;width: 14px;height: 14px;padding: 0;margin-right: 5px}
-
-
-/*관리) 기본 설정*/
-.edit_power .cont_box:after{clear:both;display:block;visibility:hidden;content:""}
-.edit_power .cont_inr.result{float:left}
-.edit_power .cont_inr.result::before{content:"|";display:inline-block;color:#ccc;font-size:12px;padding:0 4px 0 8px;vertical-align:top;line-height:22px}
-.edit_power .cont_inr.result:first-child::before{display:none}
-.edit_power .cont_inr.result .cont_boxtit{margin-right:0}
-.edit_power .cont_inr.set + .cont_inr.set{margin-top: 10px}
-.edit_power .cont_inr.set .cont_boxtit{width: 70px}
-.edit_power .cont_inr.set .select_arraybox + .inner_txt{margin-left: 15px}
-.edit_power .select_arraybox{width: 60px}
-.edit_power .option_box{width: 67px}
-
-/*관리) 운영 설정 > 양도*/
-.personwrap .minor_uadmin_setting{position: relative}
-.personwrap .minor_uadmin_setting > .btn_mgall_closing{font-size: 12px;color: #999;position: absolute;top: 8px;right: 0}
-.personwrap .minor_uadmin_setting .empty_box{height: 200px;line-height: 200px;font-size: 14px}/*양도 요청 내역이 없습니다.*/
-.personwrap .minor_uadmin_setting .btn_mgall_closing + .closing_cont_box{margin-top: 15px}
-.minor_block_list .blockstate .state_txt{font-size: 12px;color: #999;padding: 0}
-.minor_block_list .blockstate .state_txt + .state_btn{margin-top: -2px}
-.minor_block_list .blockstate .state_btn{font-size: 11px;color: #333;text-decoration: underline}
-.minor_block_list.pass{margin-top: 15px}
-.minor_block_list.pass td{padding: 3px 11px}
-.minor_block_list.pass .blockday,
-.minor_block_list.pass .block_date{text-decoration: none;cursor:initial}
-.minor_block_list.pass .blockcontent{font-size: 0}
-.minor_block_list.pass .blockcontent .txt{display: inline-block;width: calc(100% - 105px);font-size: 12px;vertical-align: middle}
-.minor_block_list.pass .blockcontent .txt:only-child{width: 100%}
-.minor_block_list.pass .blockcontent .imgwrap{width: 60px;height: 40px;margin-left: 45px;vertical-align: middle;cursor: pointer;position: relative}
-.minor_block_list.pass .blockcontent .imgwrap > img{width: 100%;height: 100%;object-fit: cover}
-.minor_block_list.pass .blockcontent .imgwrap .imgly{top: 45px;right: 0;cursor: initial}
-.minor_block_list.pass .btn_blue_round{background: transparent;color: #29367c;text-shadow: none;border-radius: 15px}
-.minor_block_list.pass .btn_blue_round + .btn_blue_round{margin-left: 4px}
-
-/*관리) 운영 설정 > 본인 인증*/
-.minor_uadmin_setting .certify{width: 620px;margin: 25px auto}
-.minor_uadmin_setting .certify .btn_toss{display: block;font-size: 14px;color: #555;padding: 0 19px 0 18px;background: #0064ff;color: #fff;border-radius: 100px;min-width: initial;text-align: center;margin: 28px auto 0}
-.minor_uadmin_setting .certify .txtwrap{text-align: center}
-.minor_uadmin_setting .certify .txtwrap .txt{display: block;color: #333;font-size: 14px;line-height: 1.6;letter-spacing: -0.015em}
-.minor_uadmin_setting .certify .txtwrap .txt + .tiptxt{margin-top: 4px}
-.minor_uadmin_setting .certify .txtwrap .txt + .txt{margin-top: 12px}
-.minor_uadmin_setting .certify .txtwrap .tit + .txt{text-align: center;margin-top: 35px}
-.minor_uadmin_setting .certify .txtwrap .txt mark{display: inline-block;background: #eaf6e6;margin-top: 5px;line-height: 100%}
-.minor_uadmin_setting .certify .txtwrap .tit.big{display: block;font-size: 20px;color: #2fa40e;margin-top: 35px}
-.minor_uadmin_setting .certify .imgwrap{display: block;text-align: center;margin-bottom: 15px}
-.minor_uadmin_setting .certify .imgwrap + .txtwrap .txt{text-align: center}
-.minor_uadmin_setting .certify .infobox{width: 100%;box-sizing: border-box;border: 1px solid #bbb;padding: 12px 16px;margin-top: 25px}
-.minor_uadmin_setting .certify .infobox .tit{font-size: 14px;color: #29367c;display: block}
-.minor_uadmin_setting .certify .infobox .txt{font-size: 12px;color: #333;display: block;line-height: 1.6;margin-top: 5px}
-.minor_uadmin_setting .certify .infobox .checkbox{margin-top: 12px;display: block}
-.minor_uadmin_setting .certify .infobox .checkbox label{font-size: 12px;color: #333;font-weight: bold;margin-left: 6px}
-.minor_uadmin_setting .certify .infobox.bg{width: 490px;background: #f3f7ff;border: 0;border-radius: 8px;text-align: center;padding: 23px 16px 25px;margin: 30px auto 0}
-.minor_uadmin_setting .certify .infobox.bg .tit{font-size: 16px}
-.minor_uadmin_setting .certify .infobox.bg .txt{font-size: 14px;line-height: 1.5;margin-top: 8px}
-.minor_uadmin_setting .certify > .infobtm{background: #f3f3f3;padding: 15px 18px;margin-top: 30px}
-.minor_uadmin_setting .certify > .infobtm .font_blue{color: #386ce9}
-.minor_uadmin_setting .certify > .infobtm .tiptxt{color: #333;margin: 0;position: relative;padding-left: 15px;letter-spacing: -0.025em;line-height: 1.6}
-.minor_uadmin_setting .certify > .infobtm .tip_deco{position: absolute;top: 4px;left: 0;background-position: -177px -201px}
-.minor_uadmin_setting .certify .lnk{color: #29367c;text-decoration: underline;margin-left: 8px}
-.minor_uadmin_setting .certify .inner > .infobox:only-child{text-align: center;padding: 45px 16px;font-size: 14px;margin-top: 35px}
-.minor_uadmin_setting .certify .inner > .infobox:only-child .txt{font-size: 14px}
-.minor_uadmin_setting .certify .inner > .infobox:only-child .tiptxt{font-size: 12px;color: #555;margin-top: 12px}/*240828 추가*/
-
-/********************************* //인물갤러리 관련 *********************************/
-
-
-
-
-
-
-/*파폭*/
-@-moz-document url-prefix(){
-
-}
-/*익스*/
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.appoint{margin-top:0}
-.icon_voteshare{vertical-align:-4px}
-}
-
-
diff --git a/src/table.css b/src/table.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/table.tsx b/src/table.tsx
new file mode 100644
index 0000000..b07ccbf
--- /dev/null
+++ b/src/table.tsx
@@ -0,0 +1,235 @@
+import { cn } from './util/cn';
+
+export type AuthorData = {
+ // 운영자
+ type: "operator"
+} | {
+ // 고닉
+ // 중복 불가능 닉네임
+ type: "nickname",
+ nickname: string,
+ // 파딱, 주딱 구분을 위한 userType
+ userType?: "manager" | "submanager" // Optional, if applicable
+} | {
+ // 유동닉
+ type: "IP",
+ // IP 주소
+ ip: string,
+} | {
+ // 반유동닉
+ // 중복 가능 닉네임
+ type: "semi-nickname",
+ nickname: string,
+}
+
+// --- Data Interface (Remains the same) ---
+export interface TableRowData {
+ id: string | number;
+ category: string;
+ titleText: string;
+ commentCount?: number;
+ // e.g., "icon_notice", "icon_pic", "icon_txt", "icon_survey"
+ variant?: "icon_notice" | "icon_recoming" | "icon_recomovie" | "icon_pic" | "icon_txt" | "icon_survey"
+ | "icon_ad" | "icon_dctrend";
+
+ // e.g., "운영자", "고닉", "반유동", "유동닉"
+ author?: {
+ type: "operator"
+ } | {
+ type: "nickname",
+ nickname: string,
+ userType?: "manager" | "submanager" // Optional, if applicable
+ } | {
+ type: "IP",
+ ip: string,
+ } | {
+ type: "semi-nickname",
+ nickname: string,
+ }
+
+ date: string;
+
+ views: "" | "-" | number;
+ recommendations: "" | "-" | number;
+ // Special flags for row types affecting style/structure
+ isNotice?: boolean;
+ isAdOrSurvey?: boolean;
+ isNews?: boolean; // Handle the last row type specifically if needed
+ titleLinkUrl?: string; // Optional URL for title
+ authorLinkUrl?: string; // Optional URL for author
+}
+
+// --- Child Component: TableRow ---
+interface TableRowProps {
+ rowData: TableRowData;
+}
+
+const NicknameImagePath = {
+ "주딱": "/fix_managernik.gif",
+ "파딱": "/fix_sub_managernik.gif",
+ "반유동": "/nik.gif",
+ "default": "/fix_nik.gif"
+}
+
+export function TableRow({ rowData }: TableRowProps) {
+ const {
+ id,
+ category,
+ titleText,
+ commentCount,
+ variant,
+ date,
+ views,
+ recommendations,
+ isNotice,
+ isAdOrSurvey,
+ isNews,
+ titleLinkUrl = "#",
+ authorLinkUrl = "#",
+ author,
+ } = rowData;
+
+ const iconTable = {
+ icon_notice: "0px 0px",
+ icon_recoming: "0px -193px",
+ icon_recomovie: "0px -193px",
+ icon_pic: "0px -100px",
+ icon_txt: "0px -123px",
+ icon_survey: "0px -170px",
+ icon_ad: "0px -193px",
+ icon_dctrend: "-3px -877px", // Example for news
+ }
+ const iconPosition = iconTable[variant ?? "icon_txt"]; // Default to undefined if not found
+
+ // --- Base Cell Styles ---
+ // Note: some styles like height/padding might be slightly different due to Tailwind defaults vs specific px
+ const tdBaseClasses = 'border-t border-custom-gray-light align-middle text-custom-gray-dark h-[25px] relative px-1 py-[2px]'; // Approximates tdBaseStyle
+ const tdCenterClasses = cn(tdBaseClasses, "text-center font-tahoma text-[11px] pt-[1px] pb-[2px]"); // Approximates tdCenterStyle
+ // --- Standard Row Rendering ---
+ return (
+ <tr className="bg-transparent hover:bg-custom-gray-light">
+ <td className={tdCenterClasses}>{isNews ? "" : id}</td>
+ <td className={cn(
+ tdCenterClasses,
+ 'text-xs', // Base font size for category is 12px
+ (isAdOrSurvey || isNotice) && 'font-bold', // Conditional bold
+ )}>{category}</td>
+ <td className={cn(tdBaseClasses, "text-left text-[13px] h-[29px]")}>
+ <a href={titleLinkUrl} className={cn(
+ 'text-custom-gray-dark inline-block max-w-[82%] align-middle text-ellipsis whitespace-nowrap overflow-hidden pt-[1px] leading-tight', // Approximates titleLinkStyle
+ "hover:underline",
+ isNews && '!text-custom-green', // News specific color override
+ (isNotice || isAdOrSurvey) && 'font-bold', // Title bold for Notice/Ad/Survey
+ )}>
+ {iconPosition && (
+ <em className="inline-block w-[15px] h-[15px] align-[-3px] mr-[7px] bg-no-repeat" style={{
+ background: `url("/icon_img.png?1012")`,
+ backgroundPosition: iconPosition,
+ }}></em>
+ )}
+ {/* Title text - boldness handled by titleLinkClasses */}
+ {titleText}
+ </a>
+ {commentCount !== undefined && commentCount > 0 && (
+ <span className="text-xs text-custom-gray-medium ml-1 align-middle tracking-[-0.05em]">
+ [{commentCount}]
+ </span>
+ )}
+ </td>
+ <td className={cn(
+ tdCenterClasses, // Base style for author cell
+ 'text-[13px]', // Author cell often uses 13px base font size
+ authorLinkUrl !== '#' ? 'cursor-pointer' : 'cursor-default', // Conditional cursor
+ )}>
+ {author?.type === "operator" ? (
+ <b className="font-bold">운영자</b>
+ ) : (
+ <>
+ {/* Author Name Span */}
+ <span className="inline-block max-w-[81%] align-top text-ellipsis overflow-hidden whitespace-nowrap">
+ {/* Inner em/span for potential finer control if needed */}
+ <em className="not-italic leading-[13px]">
+ {author?.type === "nickname" ? author?.nickname : "ㅇㅇ"}
+ </em>
+ </span>
+ {/* Author IP */}
+ {author?.type === "IP" && (
+ <span className="font-tahoma text-[11px] text-custom-gray-medium tracking-[-0.05em] ml-[3px]">
+ ({author.ip})
+ </span>
+ )}
+ {/* Author Icon Placeholder */}
+ {author?.type !== "IP" && (
+ <a href={authorLinkUrl} className="text-custom-gray-dark ml-0.5 inline-block">
+ {/* Replace with actual icon component or img tag */}
+ <img
+ alt="icon"
+ src={
+ author?.type === "nickname" ? (
+ author?.userType === "manager" ? NicknameImagePath["주딱"] :
+ author?.userType === "submanager" ? NicknameImagePath["파딱"] :
+ NicknameImagePath["default"]
+ ) : NicknameImagePath["반유동"]
+ }
+ className="align-middle cursor-pointer w-3 h-3" // Example size
+ />
+ </a>
+ )}
+ </>
+ )}
+ </td>
+ <td className={tdCenterClasses}>{date}</td>
+ <td className={tdCenterClasses}>{views}</td>
+ <td className={tdCenterClasses}>{recommendations}</td>
+ </tr>
+ );
+}
+
+// --- Main Component: Table ---
+export function GalleryTable(props: {
+ data: TableRowData[];
+}) {
+ const { data } = props; // Destructure props to get data
+
+ // --- Base TH Styles ---
+ const thBaseClasses = 'bg-transparent h-[37px] border-t-2 border-b border-custom-blue-dark align-middle text-center text-custom-gray-dark font-appleDotum'; // Uses config colors
+
+ return (
+ <table className="bg-transparent border-collapse table-fixed text-xs font-apple w-full border-b border-custom-blue-dark">
+ {/* Screen Reader Only Caption */}
+ <caption className="relative w-0 text-[0px] leading-[0] -z-10">
+ 갤러리 리스트
+ </caption>
+ {/* Column Widths */}
+ <colgroup>
+ <col style={{ width: "7%" }} />
+ <col style={{ width: 51 }} />
+ <col />
+ <col style={{ width: "18%" }} />
+ <col style={{ width: "6%" }} />
+ <col style={{ width: "6%" }} />
+ <col style={{ width: "6%" }} />
+ </colgroup>
+ {/* Table Header */}
+ <thead className="bg-transparent">
+ <tr className="bg-transparent">
+ <th className={thBaseClasses}> 번호 </th>
+ <th className={thBaseClasses}> 말머리 </th>
+ <th className={thBaseClasses}> 제목 </th>
+ <th className={thBaseClasses}> 글쓴이 </th>
+ <th className={thBaseClasses}> 작성일 </th>
+ <th className={thBaseClasses}> 조회 </th>
+ <th className={thBaseClasses}> 추천 </th>
+ {/* Note: Original CSS applied right border to all TH. Tailwind border utilities apply to all sides unless specified (e.g., border-l), so the above covers it. If you only wanted specific borders, you'd adjust.*/}
+ </tr>
+ </thead>
+ {/* Table Body */}
+ <tbody className="bg-transparent">
+ {data.map((row, index) => (
+ // Using id-index key for potential non-unique IDs between notices/regular posts
+ <TableRow key={`${row.id}-${index}`} rowData={row} />
+ ))}
+ </tbody>
+ </table>
+ );
+}
\ No newline at end of file
diff --git a/src/util/cn.ts b/src/util/cn.ts
new file mode 100644
index 0000000..33dd0c4
--- /dev/null
+++ b/src/util/cn.ts
@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: (string | undefined | false)[]) {
+ return twMerge(clsx(inputs));
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..3aaceee
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,7 @@
+// tailwind.config.js
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: [
+ "./src/**/*.{js,jsx,ts,tsx}", // Adjust path as needed
+ ]
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index b2ef06a..fc4e9bb 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,10 +1,11 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
-// import tailwindcss from '@tailwindcss/vite'
+import tailwindcss from '@tailwindcss/vite'
// https://vite.dev/config/
export default defineConfig({
plugins: [
react(),
+ tailwindcss(),
],
})