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 운영자 - } - const nickname = writer.type === "고닉" ? writer.nickname : "ㅇㅇ"; - return <> - {nickname} - {writer.type === "유동닉" && ({writer.ip})} - - {writer.type === "고닉" && 갤로그로 이동합니다.} - {writer.type === "반유동" && 갤로그로 이동합니다.} - - -} + 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 ? {node} : node; + author: { type: "IP", ip: "183.96" }, - return - {id} - {subject} - - - - {wrap(title)} - - - [{replyCount}] - - - - {wrap( - - )} - - - {getTimeFromNow(date)} - - {viewCount} - {recommendCount} - -} + 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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
갤러리 리스트
번호말머리제목글쓴이작성일조회추천
-
-} function App() { return ( - <> -
+
- -
- -
- - +
+ +
+ + + + + + + +
+ +
+
+
+
+
) } 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 +} \ 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 +} +export function CommentItem({ comment }: { comment: CommentData }) { + const renderSubComments = () => { + if (comment.subComments && comment.subComments.length > 0) { + return ( + + ); + } + return null; // No sub-comments to render + } + return <> +
  • +
    +
    + + + {comment.author.type === 'nickname' ? comment.author.nickname : 'ㅇㅇ'} + + {comment.author.type === 'nickname' && ( + + icon + + )} + +
    +
    +

    {comment.text}

    +
    +
    + + {comment.timestamp} + + {comment.showDelete && ( +
    +
    + )} +
    +
    +
    • + {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 ( + + {comment.author.type === 'nickname' ? comment.author.nickname : 'ㅇㅇ'} + + ); + }; + + return ( +
  • +
    {/* Use flow-root to contain floats */} + {/* Author Info */} +
    + + + {renderAuthor()} + {comment.author.type === "IP" && ( // Conditionally render IP if it exists + + ({comment.author.ip}) + + )} + {comment.author.type === "nickname" && ( + icon + + )} + + +
    + + {/* Timestamp and Actions (float right first in source order for correct float behavior) */} +
    + + {comment.timestamp} + + {comment.showDelete && ( // Conditionally render delete button +
    + {/* Using top-[3px] might need adjustment based on exact alignment needs */} + +
    + )} +
    + + {/* 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 */} +
    {/* Use overflow-hidden to contain the text after floats */} +

    + {/* 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 */} + {comment.text} {/* Wrapped text in span to apply padding */} +

    +
    + +
    +
    • + ); +} + +export function CommentReplySection({ comments }: { comments: SubCommentData[] }) { + return ( +
    {/* Assuming full height needed */} +
    +
      + {comments.map((comment) => ( + + ))} +
    +
    +
    + ); +} 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 ( +
    + {/* Left Section */} +
    + 전체 댓글 + + {commentCount} + + 개 + + {/* Custom Dropdown */} +
    {/* Adjusted margin from original margin-left: 4px */} +
    setIsDropdownOpen(!isDropdownOpen)} + > + {selectedSort} + 정렬 기준선택 {/* Screen reader only text */} + +
    + + {/* Dropdown List */} + {isDropdownOpen && ( +
      + {sortOptions.map((option) => ( + // Original had strange inline-block and font-size: 0px. Using block and sensible text size. +
    • handleSortSelection(option)} + > + {option} +
      • + ))} +
    + )} + + {/* Hidden Select (kept for structure reference, usually not needed with custom dropdown) */} + +
    + + {/* Hidden Reply Expand Button */} + +
    + + {/* Right Section */} +
    {/* Use space-x for spacing */} + + 본문 보기 + + + + + +
    +
    + ); +} + +export function CommentMenuList({ + onCloseComment, + commnetClosed = false, +}: { + onCloseComment?: (c: boolean) => void; + commnetClosed?: boolean; +}) { + return
    {/* Use space-x for spacing */} + + 본문 보기 + + + + + +
    +} + +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
    +
    +
    +
    + {[{ + title: "게임", + items: [ + "던전앤파이터", + "메이플스토리", + "아이돌마스터", + "리그 오브 레전드", + "마비노기", + "로스트아크", + "FC 온라인", + "승리의 여신 니케", + "사운드 볼텍스", + "포켓몬스터" + ] + }, { + title: "연예/방송", + items: [ + "남자 연예인", + "여자 연예인", + "방탄소년단", + "아이유", + "태연", + "기타 국내 드라마", + "걸스플래닛999", + "백종원의 골목식당", + "미스터 트롯", + "기타 미국드라마" + ] + }, { + title: "스포츠", + items: [ + "한화 이글스", + "롯데 자이언츠", + "해외야구", + "삼성 라이온즈", + "국내야구", + "해외축구", + "KIA 타이거즈", + "LG 트윈스", + "키움 히어로즈", + "SSG 랜더스" + ] + }, { + title: "교육/금융/IT", + items: [ + "비트코인", + "부동산", + "정치, 사회", + "컴퓨터 본체", + "테블릿PC", + "자격증", + "학점은행제", + "토익", + "주식", + "일어" + ] + }, { + title: "여행/음식/생물", + items: [ + "도시", + "여행-일본", + "편의점", + "치킨", + "기타음식", + "주류", + "식물", + "멍멍이", + "파충류, 양서류", + "야옹이", + ] + }, { + title: "취미/생활", + items: [ + "인터넷방송", + "판타지", + "토이", + "대출", + "역학", + "미스터리", + "카툰-연재", + "만화", + "향수, 화장품", + "안경", + ] + }].map((section, index) => ( +
    + +
    + + {section.title} +
    + {section.items.map((item, idx) => ( +
    + {item} +
    + ))} +
    + ))} +
    + +
    +
    + +
    + Copyright ⓒ 1999 - 2025 dcinside. All rights reserved. +
    +
    +} \ 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
    -
    - -

    - - [일반] - - 아 e글 유파들이 고도 왜 안올리는지 알았다 - - -

    -
    -
    + return ( +
    + {/* Outer container with margin, padding, and bottom border */} +
    + {/* Post Title */} +

    + [일반] - 썬갤러 + 아 e글 유파들이 고도 왜 안올리는지 알았다 - - (110.15) - - - - 2025.02.04 21:32:47 - -

    + + + {/* Metadata container */}
    - - - 조회 65 - - - - 추천 0 - - - - - 댓글 13 - - -
    -
    -
    -
    -
    -} - -function GalleryRecommendation() { - return
    -
    - -
    - -
    -

    0

    -

    + {/* Left section: Author, IP, Timestamp */} +

    - + {/* author name */} + 썬갤러 {/* Adjusted em styling for clarity */} - - - 0 + + (110.15) -

    -
    - -
    -
    + + + 2025.02.04 21:32:47 + +
    - -
    -

    0

    + {/* Right section: Views, Recommends, Comments */} +
    + + 조회 65 + + + + 추천 0 + + + + {/* Comments link styled as a pill button */} + + 댓글 13 + + +
    -
    -
    - - - -
    -
    -
    + + ); } -function GalleryNFTPublishButton() { - return
    +
    +
    +
    +

    {recommendCount}

    +

    + + 고정닉 +   + + + {fixedNickCount} + +

    +
    + +
    +
    + +
    +

    {downvoteCount}

    +
    +
    +
    +
    + + + +
    +
    +} + +function ReportButton() { + return - - + + 신고 + ; +} + +function ShareButton() { + return ; +} + +function SilbechuButton() { + return ; } export function GalleryContent() { - return
    -
    +
    - +
    @@ -505,29 +313,18 @@ export function GalleryContent() {
    -
    - - +
    +
    -
    + className="w-[728px] mt-[20px] mx-auto" + />
    -
    + } \ 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
    -
    - -
    -
    - - - - - + return ( +
    +
    + +
    +
    + + + New + + + +
    + + + + + + + +
    - - - - - - - -
    -
    -
    -} \ No newline at end of file + + ); +} 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
    ; +import { cn } from "./util/cn"; + +export function Separator({ className } : { className?: string }) { + return
    ; } 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} -/**/ -/*//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 ( + + {isNews ? "" : id} + {category} + + + {iconPosition && ( + + )} + {/* Title text - boldness handled by titleLinkClasses */} + {titleText} + + {commentCount !== undefined && commentCount > 0 && ( + + [{commentCount}] + + )} + + + {author?.type === "operator" ? ( + 운영자 + ) : ( + <> + {/* Author Name Span */} + + {/* Inner em/span for potential finer control if needed */} + + {author?.type === "nickname" ? author?.nickname : "ㅇㅇ"} + + + {/* Author IP */} + {author?.type === "IP" && ( + + ({author.ip}) + + )} + {/* Author Icon Placeholder */} + {author?.type !== "IP" && ( + + {/* Replace with actual icon component or img tag */} + icon + + )} + + )} + + {date} + {views} + {recommendations} + + ); +} + +// --- 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 ( + + {/* Screen Reader Only Caption */} + + {/* Column Widths */} + + + + + + + + + + {/* Table Header */} + + + + + + + + + + {/* 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.*/} + + + {/* Table Body */} + + {data.map((row, index) => ( + // Using id-index key for potential non-unique IDs between notices/regular posts + + ))} + +
    + 갤러리 리스트 +
    번호 말머리 제목 글쓴이 작성일 조회 추천
    + ); +} \ 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(), ], })