commit 801daef5ec882b0dc12f4cdf4af9d2fad3232e04 Author: monoid Date: Tue Jan 21 01:36:21 2025 +0900 init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/README.md b/README.md new file mode 100644 index 0000000..74872fd --- /dev/null +++ b/README.md @@ -0,0 +1,50 @@ +# React + TypeScript + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. + +Currently, two official plugins are available: + +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh + +## Expanding the ESLint configuration + +If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: + +- Configure the top-level `parserOptions` property like this: + +```js +export default tseslint.config({ + languageOptions: { + // other options... + parserOptions: { + project: ['./tsconfig.node.json', './tsconfig.app.json'], + tsconfigRootDir: import.meta.dirname, + }, + }, +}) +``` + +- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked` +- Optionally add `...tseslint.configs.stylisticTypeChecked` +- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config: + +```js +// eslint.config.js +import react from 'eslint-plugin-react' + +export default tseslint.config({ + // Set the react version + settings: { react: { version: '18.3' } }, + plugins: { + // Add the react plugin + react, + }, + rules: { + // other rules... + // Enable its recommended rules + ...react.configs.recommended.rules, + ...react.configs['jsx-runtime'].rules, + }, +}) +``` diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..092408a --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,28 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import tseslint from 'typescript-eslint' + +export default tseslint.config( + { ignores: ['dist'] }, + { + extends: [js.configs.recommended, ...tseslint.configs.recommended], + files: ['**/*.{ts,tsx}'], + languageOptions: { + ecmaVersion: 2020, + globals: globals.browser, + }, + plugins: { + 'react-hooks': reactHooks, + 'react-refresh': reactRefresh, + }, + rules: { + ...reactHooks.configs.recommended.rules, + 'react-refresh/only-export-components': [ + 'warn', + { allowConstantExport: true }, + ], + }, + }, +) diff --git a/index.html b/index.html new file mode 100644 index 0000000..e4b78ea --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite + React + TS + + +
+ + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..caf1214 --- /dev/null +++ b/package.json @@ -0,0 +1,31 @@ +{ + "name": "dccopy", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc -b && vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "date-fns": "^4.1.0", + "react": "^18.3.1", + "react-dom": "^18.3.1" + }, + "devDependencies": { + "@eslint/js": "^9.17.0", + "@types/react": "^18.3.18", + "@types/react-dom": "^18.3.5", + "@vitejs/plugin-react-swc": "^3.5.0", + "eslint": "^9.17.0", + "eslint-plugin-react-hooks": "^5.0.0", + "eslint-plugin-react-refresh": "^0.4.16", + "globals": "^15.14.0", + "typescript": "~5.6.2", + "typescript-eslint": "^8.18.2", + "vite": "^6.0.5" + }, + "packageManager": "pnpm@9.13.2+sha512.88c9c3864450350e65a33587ab801acf946d7c814ed1134da4a924f6df5a2120fd36b46aab68f7cd1d413149112d53c7db3a4136624cfd00ff1846a0c6cef48a" +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml new file mode 100644 index 0000000..33fa460 --- /dev/null +++ b/pnpm-lock.yaml @@ -0,0 +1,1773 @@ +lockfileVersion: '9.0' + +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false + +importers: + + .: + dependencies: + date-fns: + specifier: ^4.1.0 + version: 4.1.0 + react: + specifier: ^18.3.1 + version: 18.3.1 + react-dom: + specifier: ^18.3.1 + version: 18.3.1(react@18.3.1) + devDependencies: + '@eslint/js': + specifier: ^9.17.0 + version: 9.18.0 + '@types/react': + specifier: ^18.3.18 + version: 18.3.18 + '@types/react-dom': + specifier: ^18.3.5 + 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) + eslint: + specifier: ^9.17.0 + version: 9.18.0 + eslint-plugin-react-hooks: + specifier: ^5.0.0 + version: 5.1.0(eslint@9.18.0) + eslint-plugin-react-refresh: + specifier: ^0.4.16 + version: 0.4.18(eslint@9.18.0) + globals: + specifier: ^15.14.0 + version: 15.14.0 + typescript: + specifier: ~5.6.2 + version: 5.6.3 + typescript-eslint: + specifier: ^8.18.2 + version: 8.20.0(eslint@9.18.0)(typescript@5.6.3) + vite: + specifier: ^6.0.5 + version: 6.0.9 + +packages: + + '@esbuild/aix-ppc64@0.24.2': + resolution: {integrity: sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==} + engines: {node: '>=18'} + cpu: [ppc64] + os: [aix] + + '@esbuild/android-arm64@0.24.2': + resolution: {integrity: sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==} + engines: {node: '>=18'} + cpu: [arm64] + os: [android] + + '@esbuild/android-arm@0.24.2': + resolution: {integrity: sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==} + engines: {node: '>=18'} + cpu: [arm] + os: [android] + + '@esbuild/android-x64@0.24.2': + resolution: {integrity: sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==} + engines: {node: '>=18'} + cpu: [x64] + os: [android] + + '@esbuild/darwin-arm64@0.24.2': + resolution: {integrity: sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==} + engines: {node: '>=18'} + cpu: [arm64] + os: [darwin] + + '@esbuild/darwin-x64@0.24.2': + resolution: {integrity: sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==} + engines: {node: '>=18'} + cpu: [x64] + os: [darwin] + + '@esbuild/freebsd-arm64@0.24.2': + resolution: {integrity: sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==} + engines: {node: '>=18'} + cpu: [arm64] + os: [freebsd] + + '@esbuild/freebsd-x64@0.24.2': + resolution: {integrity: sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==} + engines: {node: '>=18'} + cpu: [x64] + os: [freebsd] + + '@esbuild/linux-arm64@0.24.2': + resolution: {integrity: sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==} + engines: {node: '>=18'} + cpu: [arm64] + os: [linux] + + '@esbuild/linux-arm@0.24.2': + resolution: {integrity: sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==} + engines: {node: '>=18'} + cpu: [arm] + os: [linux] + + '@esbuild/linux-ia32@0.24.2': + resolution: {integrity: sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==} + engines: {node: '>=18'} + cpu: [ia32] + os: [linux] + + '@esbuild/linux-loong64@0.24.2': + resolution: {integrity: sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==} + engines: {node: '>=18'} + cpu: [loong64] + os: [linux] + + '@esbuild/linux-mips64el@0.24.2': + resolution: {integrity: sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==} + engines: {node: '>=18'} + cpu: [mips64el] + os: [linux] + + '@esbuild/linux-ppc64@0.24.2': + resolution: {integrity: sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==} + engines: {node: '>=18'} + cpu: [ppc64] + os: [linux] + + '@esbuild/linux-riscv64@0.24.2': + resolution: {integrity: sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==} + engines: {node: '>=18'} + cpu: [riscv64] + os: [linux] + + '@esbuild/linux-s390x@0.24.2': + resolution: {integrity: sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==} + engines: {node: '>=18'} + cpu: [s390x] + os: [linux] + + '@esbuild/linux-x64@0.24.2': + resolution: {integrity: sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==} + engines: {node: '>=18'} + cpu: [x64] + os: [linux] + + '@esbuild/netbsd-arm64@0.24.2': + resolution: {integrity: sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==} + engines: {node: '>=18'} + cpu: [arm64] + os: [netbsd] + + '@esbuild/netbsd-x64@0.24.2': + resolution: {integrity: sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==} + engines: {node: '>=18'} + cpu: [x64] + os: [netbsd] + + '@esbuild/openbsd-arm64@0.24.2': + resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==} + engines: {node: '>=18'} + cpu: [arm64] + os: [openbsd] + + '@esbuild/openbsd-x64@0.24.2': + resolution: {integrity: sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==} + engines: {node: '>=18'} + cpu: [x64] + os: [openbsd] + + '@esbuild/sunos-x64@0.24.2': + resolution: {integrity: sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==} + engines: {node: '>=18'} + cpu: [x64] + os: [sunos] + + '@esbuild/win32-arm64@0.24.2': + resolution: {integrity: sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==} + engines: {node: '>=18'} + cpu: [arm64] + os: [win32] + + '@esbuild/win32-ia32@0.24.2': + resolution: {integrity: sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==} + engines: {node: '>=18'} + cpu: [ia32] + os: [win32] + + '@esbuild/win32-x64@0.24.2': + resolution: {integrity: sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==} + engines: {node: '>=18'} + cpu: [x64] + os: [win32] + + '@eslint-community/eslint-utils@4.4.1': + resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + peerDependencies: + eslint: ^6.0.0 || ^7.0.0 || >=8.0.0 + + '@eslint-community/regexpp@4.12.1': + resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==} + engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0} + + '@eslint/config-array@0.19.1': + resolution: {integrity: sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@eslint/core@0.10.0': + resolution: {integrity: sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@eslint/eslintrc@3.2.0': + resolution: {integrity: sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@eslint/js@9.18.0': + resolution: {integrity: sha512-fK6L7rxcq6/z+AaQMtiFTkvbHkBLNlwyRxHpKawP0x3u9+NC6MQTnFW+AdpwC6gfHTW0051cokQgtTN2FqlxQA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@eslint/object-schema@2.1.5': + resolution: {integrity: sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@eslint/plugin-kit@0.2.5': + resolution: {integrity: sha512-lB05FkqEdUg2AA0xEbUz0SnkXT1LcCTa438W4IWTUh4hdOnVbQyOJ81OrDXsJk/LSiJHubgGEFoR5EHq1NsH1A==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@humanfs/core@0.19.1': + resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==} + engines: {node: '>=18.18.0'} + + '@humanfs/node@0.16.6': + resolution: {integrity: sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==} + engines: {node: '>=18.18.0'} + + '@humanwhocodes/module-importer@1.0.1': + resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==} + engines: {node: '>=12.22'} + + '@humanwhocodes/retry@0.3.1': + resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==} + engines: {node: '>=18.18'} + + '@humanwhocodes/retry@0.4.1': + resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==} + engines: {node: '>=18.18'} + + '@nodelib/fs.scandir@2.1.5': + resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} + engines: {node: '>= 8'} + + '@nodelib/fs.stat@2.0.5': + resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==} + engines: {node: '>= 8'} + + '@nodelib/fs.walk@1.2.8': + resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} + engines: {node: '>= 8'} + + '@rollup/rollup-android-arm-eabi@4.31.0': + resolution: {integrity: sha512-9NrR4033uCbUBRgvLcBrJofa2KY9DzxL2UKZ1/4xA/mnTNyhZCWBuD8X3tPm1n4KxcgaraOYgrFKSgwjASfmlA==} + cpu: [arm] + os: [android] + + '@rollup/rollup-android-arm64@4.31.0': + resolution: {integrity: sha512-iBbODqT86YBFHajxxF8ebj2hwKm1k8PTBQSojSt3d1FFt1gN+xf4CowE47iN0vOSdnd+5ierMHBbu/rHc7nq5g==} + cpu: [arm64] + os: [android] + + '@rollup/rollup-darwin-arm64@4.31.0': + resolution: {integrity: sha512-WHIZfXgVBX30SWuTMhlHPXTyN20AXrLH4TEeH/D0Bolvx9PjgZnn4H677PlSGvU6MKNsjCQJYczkpvBbrBnG6g==} + cpu: [arm64] + os: [darwin] + + '@rollup/rollup-darwin-x64@4.31.0': + resolution: {integrity: sha512-hrWL7uQacTEF8gdrQAqcDy9xllQ0w0zuL1wk1HV8wKGSGbKPVjVUv/DEwT2+Asabf8Dh/As+IvfdU+H8hhzrQQ==} + cpu: [x64] + os: [darwin] + + '@rollup/rollup-freebsd-arm64@4.31.0': + resolution: {integrity: sha512-S2oCsZ4hJviG1QjPY1h6sVJLBI6ekBeAEssYKad1soRFv3SocsQCzX6cwnk6fID6UQQACTjeIMB+hyYrFacRew==} + cpu: [arm64] + os: [freebsd] + + '@rollup/rollup-freebsd-x64@4.31.0': + resolution: {integrity: sha512-pCANqpynRS4Jirn4IKZH4tnm2+2CqCNLKD7gAdEjzdLGbH1iO0zouHz4mxqg0uEMpO030ejJ0aA6e1PJo2xrPA==} + cpu: [x64] + os: [freebsd] + + '@rollup/rollup-linux-arm-gnueabihf@4.31.0': + resolution: {integrity: sha512-0O8ViX+QcBd3ZmGlcFTnYXZKGbFu09EhgD27tgTdGnkcYXLat4KIsBBQeKLR2xZDCXdIBAlWLkiXE1+rJpCxFw==} + cpu: [arm] + os: [linux] + + '@rollup/rollup-linux-arm-musleabihf@4.31.0': + resolution: {integrity: sha512-w5IzG0wTVv7B0/SwDnMYmbr2uERQp999q8FMkKG1I+j8hpPX2BYFjWe69xbhbP6J9h2gId/7ogesl9hwblFwwg==} + cpu: [arm] + os: [linux] + + '@rollup/rollup-linux-arm64-gnu@4.31.0': + resolution: {integrity: sha512-JyFFshbN5xwy6fulZ8B/8qOqENRmDdEkcIMF0Zz+RsfamEW+Zabl5jAb0IozP/8UKnJ7g2FtZZPEUIAlUSX8cA==} + cpu: [arm64] + os: [linux] + + '@rollup/rollup-linux-arm64-musl@4.31.0': + resolution: {integrity: sha512-kpQXQ0UPFeMPmPYksiBL9WS/BDiQEjRGMfklVIsA0Sng347H8W2iexch+IEwaR7OVSKtr2ZFxggt11zVIlZ25g==} + cpu: [arm64] + os: [linux] + + '@rollup/rollup-linux-loongarch64-gnu@4.31.0': + resolution: {integrity: sha512-pMlxLjt60iQTzt9iBb3jZphFIl55a70wexvo8p+vVFK+7ifTRookdoXX3bOsRdmfD+OKnMozKO6XM4zR0sHRrQ==} + cpu: [loong64] + os: [linux] + + '@rollup/rollup-linux-powerpc64le-gnu@4.31.0': + resolution: {integrity: sha512-D7TXT7I/uKEuWiRkEFbed1UUYZwcJDU4vZQdPTcepK7ecPhzKOYk4Er2YR4uHKme4qDeIh6N3XrLfpuM7vzRWQ==} + cpu: [ppc64] + os: [linux] + + '@rollup/rollup-linux-riscv64-gnu@4.31.0': + resolution: {integrity: sha512-wal2Tc8O5lMBtoePLBYRKj2CImUCJ4UNGJlLwspx7QApYny7K1cUYlzQ/4IGQBLmm+y0RS7dwc3TDO/pmcneTw==} + cpu: [riscv64] + os: [linux] + + '@rollup/rollup-linux-s390x-gnu@4.31.0': + resolution: {integrity: sha512-O1o5EUI0+RRMkK9wiTVpk2tyzXdXefHtRTIjBbmFREmNMy7pFeYXCFGbhKFwISA3UOExlo5GGUuuj3oMKdK6JQ==} + cpu: [s390x] + os: [linux] + + '@rollup/rollup-linux-x64-gnu@4.31.0': + resolution: {integrity: sha512-zSoHl356vKnNxwOWnLd60ixHNPRBglxpv2g7q0Cd3Pmr561gf0HiAcUBRL3S1vPqRC17Zo2CX/9cPkqTIiai1g==} + cpu: [x64] + os: [linux] + + '@rollup/rollup-linux-x64-musl@4.31.0': + resolution: {integrity: sha512-ypB/HMtcSGhKUQNiFwqgdclWNRrAYDH8iMYH4etw/ZlGwiTVxBz2tDrGRrPlfZu6QjXwtd+C3Zib5pFqID97ZA==} + cpu: [x64] + os: [linux] + + '@rollup/rollup-win32-arm64-msvc@4.31.0': + resolution: {integrity: sha512-JuhN2xdI/m8Hr+aVO3vspO7OQfUFO6bKLIRTAy0U15vmWjnZDLrEgCZ2s6+scAYaQVpYSh9tZtRijApw9IXyMw==} + cpu: [arm64] + os: [win32] + + '@rollup/rollup-win32-ia32-msvc@4.31.0': + resolution: {integrity: sha512-U1xZZXYkvdf5MIWmftU8wrM5PPXzyaY1nGCI4KI4BFfoZxHamsIe+BtnPLIvvPykvQWlVbqUXdLa4aJUuilwLQ==} + cpu: [ia32] + os: [win32] + + '@rollup/rollup-win32-x64-msvc@4.31.0': + resolution: {integrity: sha512-ul8rnCsUumNln5YWwz0ted2ZHFhzhRRnkpBZ+YRuHoRAlUji9KChpOUOndY7uykrPEPXVbHLlsdo6v5yXo/TXw==} + cpu: [x64] + os: [win32] + + '@swc/core-darwin-arm64@1.10.8': + resolution: {integrity: sha512-FtacTu9zS5YuepujQqujveNw8BQ8ESJ+pN1Z7C+WrKCHlCl+5dh0n6gMAlEj+3iRvY6UAYqkzTVeiX/bOMoJKA==} + engines: {node: '>=10'} + cpu: [arm64] + os: [darwin] + + '@swc/core-darwin-x64@1.10.8': + resolution: {integrity: sha512-nfk+iq7EKQwADaCERzZLSi9ovzjJcqDWaO4e2ztyCNaLFi6fP1m6+ij21aki5KAd8AXoY4fue4Mo2fuYbesX9Q==} + engines: {node: '>=10'} + cpu: [x64] + os: [darwin] + + '@swc/core-linux-arm-gnueabihf@1.10.8': + resolution: {integrity: sha512-CL2zfbnrEc6nIiWbgshOz0mjn/zY8JcYqO12vGcTxmZOrh0n+mmHN2ejX91pYWQnQDtbhCmFTaEndExFpA7Gww==} + engines: {node: '>=10'} + cpu: [arm] + os: [linux] + + '@swc/core-linux-arm64-gnu@1.10.8': + resolution: {integrity: sha512-quS8F18DDScW3B7qnbWkz95abZ5p0xp/W8N498NAAls/YQj4jQIlf8WlAWoxVVjY/SmSus5kN5tuwhHD8t0NPw==} + engines: {node: '>=10'} + cpu: [arm64] + os: [linux] + + '@swc/core-linux-arm64-musl@1.10.8': + resolution: {integrity: sha512-wI0Hny8fHbBK/OjJ7eFYP0uDKiCMMMr5OBWGKMRRUvWs2zlGeJQZbwUeCnWuLLXzDfL+feMfh5TieYlqKTTtRw==} + engines: {node: '>=10'} + cpu: [arm64] + os: [linux] + + '@swc/core-linux-x64-gnu@1.10.8': + resolution: {integrity: sha512-24FCRUFO8gzPP2eu3soHTm3lk+ktcsIhdM2DTOlXGA+2TBYFWgAZX/yZV+eeRrtIZYSr4OcOWsNWnQ5Ma4budA==} + engines: {node: '>=10'} + cpu: [x64] + os: [linux] + + '@swc/core-linux-x64-musl@1.10.8': + resolution: {integrity: sha512-mBo7M/FmUhoWpUG17MLbS98iRA7t6ThxQBWDJZd322whkN1GqrvumYm2wvvjmoMTeDOPwAL3hIIa5H+Q4vb1zA==} + engines: {node: '>=10'} + cpu: [x64] + os: [linux] + + '@swc/core-win32-arm64-msvc@1.10.8': + resolution: {integrity: sha512-rXJ9y77JZZXoZkgFR0mObKa3TethRBJ6Exs/pwhScl9pz4qsfxhj/bQbEu1g1i/ihmd0l+IKZwGSC7Ibh3HA2Q==} + engines: {node: '>=10'} + cpu: [arm64] + os: [win32] + + '@swc/core-win32-ia32-msvc@1.10.8': + resolution: {integrity: sha512-n6ekYFJEBPvTpRIqJiu6EHXVzVnuCtDTpFnn/0KVGJI1yQHriGVEovnb/+qyLh8Rwx2AZM9qgZVgMhVtfcFQJg==} + engines: {node: '>=10'} + cpu: [ia32] + os: [win32] + + '@swc/core-win32-x64-msvc@1.10.8': + resolution: {integrity: sha512-vplXxtH/lFc/epELnAyvdCvqlDJrM+OKtkphYcbPqq50g/dEZYZ8FYHU5Df9Uo19UooWSo1LaxPk4R7n6i1Axw==} + engines: {node: '>=10'} + cpu: [x64] + os: [win32] + + '@swc/core@1.10.8': + resolution: {integrity: sha512-I3G+n9qbHNu6KNraaAG1+Z1S1x5S7MGRA6OEppT8Pt3Z9uD5a/kYAGU33eXy7zY+BoKuKA2X1H0r4vSimAgU8w==} + engines: {node: '>=10'} + peerDependencies: + '@swc/helpers': '*' + peerDependenciesMeta: + '@swc/helpers': + optional: true + + '@swc/counter@0.1.3': + resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==} + + '@swc/types@0.1.17': + resolution: {integrity: sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ==} + + '@types/estree@1.0.6': + resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==} + + '@types/json-schema@7.0.15': + resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==} + + '@types/prop-types@15.7.14': + resolution: {integrity: sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==} + + '@types/react-dom@18.3.5': + resolution: {integrity: sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==} + peerDependencies: + '@types/react': ^18.0.0 + + '@types/react@18.3.18': + resolution: {integrity: sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==} + + '@typescript-eslint/eslint-plugin@8.20.0': + resolution: {integrity: sha512-naduuphVw5StFfqp4Gq4WhIBE2gN1GEmMUExpJYknZJdRnc+2gDzB8Z3+5+/Kv33hPQRDGzQO/0opHE72lZZ6A==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0 + eslint: ^8.57.0 || ^9.0.0 + typescript: '>=4.8.4 <5.8.0' + + '@typescript-eslint/parser@8.20.0': + resolution: {integrity: sha512-gKXG7A5HMyjDIedBi6bUrDcun8GIjnI8qOwVLiY3rx6T/sHP/19XLJOnIq/FgQvWLHja5JN/LSE7eklNBr612g==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 + typescript: '>=4.8.4 <5.8.0' + + '@typescript-eslint/scope-manager@8.20.0': + resolution: {integrity: sha512-J7+VkpeGzhOt3FeG1+SzhiMj9NzGD/M6KoGn9f4dbz3YzK9hvbhVTmLj/HiTp9DazIzJ8B4XcM80LrR9Dm1rJw==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@typescript-eslint/type-utils@8.20.0': + resolution: {integrity: sha512-bPC+j71GGvA7rVNAHAtOjbVXbLN5PkwqMvy1cwGeaxUoRQXVuKCebRoLzm+IPW/NtFFpstn1ummSIasD5t60GA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 + typescript: '>=4.8.4 <5.8.0' + + '@typescript-eslint/types@8.20.0': + resolution: {integrity: sha512-cqaMiY72CkP+2xZRrFt3ExRBu0WmVitN/rYPZErA80mHjHx/Svgp8yfbzkJmDoQ/whcytOPO9/IZXnOc+wigRA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@typescript-eslint/typescript-estree@8.20.0': + resolution: {integrity: sha512-Y7ncuy78bJqHI35NwzWol8E0X7XkRVS4K4P4TCyzWkOJih5NDvtoRDW4Ba9YJJoB2igm9yXDdYI/+fkiiAxPzA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + typescript: '>=4.8.4 <5.8.0' + + '@typescript-eslint/utils@8.20.0': + resolution: {integrity: sha512-dq70RUw6UK9ei7vxc4KQtBRk7qkHZv447OUZ6RPQMQl71I3NZxQJX/f32Smr+iqWrB02pHKn2yAdHBb0KNrRMA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 + typescript: '>=4.8.4 <5.8.0' + + '@typescript-eslint/visitor-keys@8.20.0': + resolution: {integrity: sha512-v/BpkeeYAsPkKCkR8BDwcno0llhzWVqPOamQrAEMdpZav2Y9OVjd9dwJyBLJWwf335B5DmlifECIkZRJCaGaHA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@vitejs/plugin-react-swc@3.7.2': + resolution: {integrity: sha512-y0byko2b2tSVVf5Gpng1eEhX1OvPC7x8yns1Fx8jDzlJp4LS6CMkCPfLw47cjyoMrshQDoQw4qcgjsU9VvlCew==} + peerDependencies: + vite: ^4 || ^5 || ^6 + + acorn-jsx@5.3.2: + resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==} + peerDependencies: + acorn: ^6.0.0 || ^7.0.0 || ^8.0.0 + + acorn@8.14.0: + resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==} + engines: {node: '>=0.4.0'} + hasBin: true + + ajv@6.12.6: + resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==} + + ansi-styles@4.3.0: + resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==} + engines: {node: '>=8'} + + argparse@2.0.1: + resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==} + + balanced-match@1.0.2: + resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==} + + brace-expansion@1.1.11: + resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==} + + brace-expansion@2.0.1: + resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==} + + braces@3.0.3: + resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==} + engines: {node: '>=8'} + + callsites@3.1.0: + resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==} + engines: {node: '>=6'} + + chalk@4.1.2: + resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==} + engines: {node: '>=10'} + + color-convert@2.0.1: + resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==} + engines: {node: '>=7.0.0'} + + color-name@1.1.4: + resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==} + + concat-map@0.0.1: + resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==} + + cross-spawn@7.0.6: + resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} + engines: {node: '>= 8'} + + csstype@3.1.3: + resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==} + + date-fns@4.1.0: + resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==} + + debug@4.4.0: + resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==} + engines: {node: '>=6.0'} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + + deep-is@0.1.4: + resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} + + esbuild@0.24.2: + resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==} + engines: {node: '>=18'} + hasBin: true + + escape-string-regexp@4.0.0: + resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==} + engines: {node: '>=10'} + + eslint-plugin-react-hooks@5.1.0: + resolution: {integrity: sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==} + engines: {node: '>=10'} + peerDependencies: + eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 + + eslint-plugin-react-refresh@0.4.18: + resolution: {integrity: sha512-IRGEoFn3OKalm3hjfolEWGqoF/jPqeEYFp+C8B0WMzwGwBMvlRDQd06kghDhF0C61uJ6WfSDhEZE/sAQjduKgw==} + peerDependencies: + eslint: '>=8.40' + + eslint-scope@8.2.0: + resolution: {integrity: sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + eslint-visitor-keys@3.4.3: + resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + + eslint-visitor-keys@4.2.0: + resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + eslint@9.18.0: + resolution: {integrity: sha512-+waTfRWQlSbpt3KWE+CjrPPYnbq9kfZIYUqapc0uBXyjTp8aYXZDsUH16m39Ryq3NjAVP4tjuF7KaukeqoCoaA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + hasBin: true + peerDependencies: + jiti: '*' + peerDependenciesMeta: + jiti: + optional: true + + espree@10.3.0: + resolution: {integrity: sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + esquery@1.6.0: + resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==} + engines: {node: '>=0.10'} + + esrecurse@4.3.0: + resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==} + engines: {node: '>=4.0'} + + estraverse@5.3.0: + resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==} + engines: {node: '>=4.0'} + + esutils@2.0.3: + resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==} + engines: {node: '>=0.10.0'} + + fast-deep-equal@3.1.3: + resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==} + + fast-glob@3.3.3: + resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==} + engines: {node: '>=8.6.0'} + + fast-json-stable-stringify@2.1.0: + resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==} + + fast-levenshtein@2.0.6: + resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==} + + fastq@1.18.0: + resolution: {integrity: sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==} + + file-entry-cache@8.0.0: + resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==} + engines: {node: '>=16.0.0'} + + fill-range@7.1.1: + resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==} + engines: {node: '>=8'} + + find-up@5.0.0: + resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==} + engines: {node: '>=10'} + + flat-cache@4.0.1: + resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==} + engines: {node: '>=16'} + + flatted@3.3.2: + resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==} + + fsevents@2.3.3: + resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} + engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} + os: [darwin] + + glob-parent@5.1.2: + resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} + engines: {node: '>= 6'} + + glob-parent@6.0.2: + resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==} + engines: {node: '>=10.13.0'} + + globals@14.0.0: + resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==} + engines: {node: '>=18'} + + globals@15.14.0: + resolution: {integrity: sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==} + engines: {node: '>=18'} + + graphemer@1.4.0: + resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==} + + has-flag@4.0.0: + resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==} + engines: {node: '>=8'} + + ignore@5.3.2: + resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==} + engines: {node: '>= 4'} + + import-fresh@3.3.0: + resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==} + engines: {node: '>=6'} + + imurmurhash@0.1.4: + resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==} + engines: {node: '>=0.8.19'} + + is-extglob@2.1.1: + resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} + engines: {node: '>=0.10.0'} + + is-glob@4.0.3: + resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} + engines: {node: '>=0.10.0'} + + is-number@7.0.0: + resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} + engines: {node: '>=0.12.0'} + + isexe@2.0.0: + resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + + js-tokens@4.0.0: + resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} + + js-yaml@4.1.0: + resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==} + hasBin: true + + json-buffer@3.0.1: + resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==} + + json-schema-traverse@0.4.1: + resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==} + + json-stable-stringify-without-jsonify@1.0.1: + resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==} + + keyv@4.5.4: + resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==} + + levn@0.4.1: + resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==} + engines: {node: '>= 0.8.0'} + + locate-path@6.0.0: + resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==} + engines: {node: '>=10'} + + lodash.merge@4.6.2: + resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==} + + loose-envify@1.4.0: + resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==} + hasBin: true + + merge2@1.4.1: + resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==} + engines: {node: '>= 8'} + + micromatch@4.0.8: + resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==} + engines: {node: '>=8.6'} + + minimatch@3.1.2: + resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==} + + minimatch@9.0.5: + resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==} + engines: {node: '>=16 || 14 >=14.17'} + + ms@2.1.3: + resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} + + nanoid@3.3.8: + resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + + natural-compare@1.4.0: + resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==} + + optionator@0.9.4: + resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==} + engines: {node: '>= 0.8.0'} + + p-limit@3.1.0: + resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==} + engines: {node: '>=10'} + + p-locate@5.0.0: + resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==} + engines: {node: '>=10'} + + parent-module@1.0.1: + resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==} + engines: {node: '>=6'} + + path-exists@4.0.0: + resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==} + engines: {node: '>=8'} + + path-key@3.1.1: + resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} + engines: {node: '>=8'} + + picocolors@1.1.1: + resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} + + picomatch@2.3.1: + resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} + engines: {node: '>=8.6'} + + postcss@8.5.1: + resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==} + engines: {node: ^10 || ^12 || >=14} + + prelude-ls@1.2.1: + resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==} + engines: {node: '>= 0.8.0'} + + punycode@2.3.1: + resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==} + engines: {node: '>=6'} + + queue-microtask@1.2.3: + resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} + + react-dom@18.3.1: + resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==} + peerDependencies: + react: ^18.3.1 + + react@18.3.1: + resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==} + engines: {node: '>=0.10.0'} + + resolve-from@4.0.0: + resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==} + engines: {node: '>=4'} + + reusify@1.0.4: + resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==} + engines: {iojs: '>=1.0.0', node: '>=0.10.0'} + + rollup@4.31.0: + resolution: {integrity: sha512-9cCE8P4rZLx9+PjoyqHLs31V9a9Vpvfo4qNcs6JCiGWYhw2gijSetFbH6SSy1whnkgcefnUwr8sad7tgqsGvnw==} + engines: {node: '>=18.0.0', npm: '>=8.0.0'} + hasBin: true + + run-parallel@1.2.0: + resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==} + + scheduler@0.23.2: + resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==} + + semver@7.6.3: + resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==} + engines: {node: '>=10'} + hasBin: true + + shebang-command@2.0.0: + resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} + engines: {node: '>=8'} + + shebang-regex@3.0.0: + resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} + engines: {node: '>=8'} + + source-map-js@1.2.1: + resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==} + engines: {node: '>=0.10.0'} + + strip-json-comments@3.1.1: + resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==} + engines: {node: '>=8'} + + supports-color@7.2.0: + resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==} + engines: {node: '>=8'} + + to-regex-range@5.0.1: + resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} + engines: {node: '>=8.0'} + + ts-api-utils@2.0.0: + resolution: {integrity: sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==} + engines: {node: '>=18.12'} + peerDependencies: + typescript: '>=4.8.4' + + type-check@0.4.0: + resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==} + engines: {node: '>= 0.8.0'} + + typescript-eslint@8.20.0: + resolution: {integrity: sha512-Kxz2QRFsgbWj6Xcftlw3Dd154b3cEPFqQC+qMZrMypSijPd4UanKKvoKDrJ4o8AIfZFKAF+7sMaEIR8mTElozA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 + typescript: '>=4.8.4 <5.8.0' + + typescript@5.6.3: + resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==} + engines: {node: '>=14.17'} + hasBin: true + + uri-js@4.4.1: + resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} + + vite@6.0.9: + resolution: {integrity: sha512-MSgUxHcaXLtnBPktkbUSoQUANApKYuxZ6DrbVENlIorbhL2dZydTLaZ01tjUoE3szeFzlFk9ANOKk0xurh4MKA==} + engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0} + hasBin: true + peerDependencies: + '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0 + jiti: '>=1.21.0' + less: '*' + lightningcss: ^1.21.0 + sass: '*' + sass-embedded: '*' + stylus: '*' + sugarss: '*' + terser: ^5.16.0 + tsx: ^4.8.1 + yaml: ^2.4.2 + peerDependenciesMeta: + '@types/node': + optional: true + jiti: + optional: true + less: + optional: true + lightningcss: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + tsx: + optional: true + yaml: + optional: true + + which@2.0.2: + resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} + engines: {node: '>= 8'} + hasBin: true + + word-wrap@1.2.5: + resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==} + engines: {node: '>=0.10.0'} + + yocto-queue@0.1.0: + resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==} + engines: {node: '>=10'} + +snapshots: + + '@esbuild/aix-ppc64@0.24.2': + optional: true + + '@esbuild/android-arm64@0.24.2': + optional: true + + '@esbuild/android-arm@0.24.2': + optional: true + + '@esbuild/android-x64@0.24.2': + optional: true + + '@esbuild/darwin-arm64@0.24.2': + optional: true + + '@esbuild/darwin-x64@0.24.2': + optional: true + + '@esbuild/freebsd-arm64@0.24.2': + optional: true + + '@esbuild/freebsd-x64@0.24.2': + optional: true + + '@esbuild/linux-arm64@0.24.2': + optional: true + + '@esbuild/linux-arm@0.24.2': + optional: true + + '@esbuild/linux-ia32@0.24.2': + optional: true + + '@esbuild/linux-loong64@0.24.2': + optional: true + + '@esbuild/linux-mips64el@0.24.2': + optional: true + + '@esbuild/linux-ppc64@0.24.2': + optional: true + + '@esbuild/linux-riscv64@0.24.2': + optional: true + + '@esbuild/linux-s390x@0.24.2': + optional: true + + '@esbuild/linux-x64@0.24.2': + optional: true + + '@esbuild/netbsd-arm64@0.24.2': + optional: true + + '@esbuild/netbsd-x64@0.24.2': + optional: true + + '@esbuild/openbsd-arm64@0.24.2': + optional: true + + '@esbuild/openbsd-x64@0.24.2': + optional: true + + '@esbuild/sunos-x64@0.24.2': + optional: true + + '@esbuild/win32-arm64@0.24.2': + optional: true + + '@esbuild/win32-ia32@0.24.2': + optional: true + + '@esbuild/win32-x64@0.24.2': + optional: true + + '@eslint-community/eslint-utils@4.4.1(eslint@9.18.0)': + dependencies: + eslint: 9.18.0 + eslint-visitor-keys: 3.4.3 + + '@eslint-community/regexpp@4.12.1': {} + + '@eslint/config-array@0.19.1': + dependencies: + '@eslint/object-schema': 2.1.5 + debug: 4.4.0 + minimatch: 3.1.2 + transitivePeerDependencies: + - supports-color + + '@eslint/core@0.10.0': + dependencies: + '@types/json-schema': 7.0.15 + + '@eslint/eslintrc@3.2.0': + dependencies: + ajv: 6.12.6 + debug: 4.4.0 + espree: 10.3.0 + globals: 14.0.0 + ignore: 5.3.2 + import-fresh: 3.3.0 + js-yaml: 4.1.0 + minimatch: 3.1.2 + strip-json-comments: 3.1.1 + transitivePeerDependencies: + - supports-color + + '@eslint/js@9.18.0': {} + + '@eslint/object-schema@2.1.5': {} + + '@eslint/plugin-kit@0.2.5': + dependencies: + '@eslint/core': 0.10.0 + levn: 0.4.1 + + '@humanfs/core@0.19.1': {} + + '@humanfs/node@0.16.6': + dependencies: + '@humanfs/core': 0.19.1 + '@humanwhocodes/retry': 0.3.1 + + '@humanwhocodes/module-importer@1.0.1': {} + + '@humanwhocodes/retry@0.3.1': {} + + '@humanwhocodes/retry@0.4.1': {} + + '@nodelib/fs.scandir@2.1.5': + dependencies: + '@nodelib/fs.stat': 2.0.5 + run-parallel: 1.2.0 + + '@nodelib/fs.stat@2.0.5': {} + + '@nodelib/fs.walk@1.2.8': + dependencies: + '@nodelib/fs.scandir': 2.1.5 + fastq: 1.18.0 + + '@rollup/rollup-android-arm-eabi@4.31.0': + optional: true + + '@rollup/rollup-android-arm64@4.31.0': + optional: true + + '@rollup/rollup-darwin-arm64@4.31.0': + optional: true + + '@rollup/rollup-darwin-x64@4.31.0': + optional: true + + '@rollup/rollup-freebsd-arm64@4.31.0': + optional: true + + '@rollup/rollup-freebsd-x64@4.31.0': + optional: true + + '@rollup/rollup-linux-arm-gnueabihf@4.31.0': + optional: true + + '@rollup/rollup-linux-arm-musleabihf@4.31.0': + optional: true + + '@rollup/rollup-linux-arm64-gnu@4.31.0': + optional: true + + '@rollup/rollup-linux-arm64-musl@4.31.0': + optional: true + + '@rollup/rollup-linux-loongarch64-gnu@4.31.0': + optional: true + + '@rollup/rollup-linux-powerpc64le-gnu@4.31.0': + optional: true + + '@rollup/rollup-linux-riscv64-gnu@4.31.0': + optional: true + + '@rollup/rollup-linux-s390x-gnu@4.31.0': + optional: true + + '@rollup/rollup-linux-x64-gnu@4.31.0': + optional: true + + '@rollup/rollup-linux-x64-musl@4.31.0': + optional: true + + '@rollup/rollup-win32-arm64-msvc@4.31.0': + optional: true + + '@rollup/rollup-win32-ia32-msvc@4.31.0': + optional: true + + '@rollup/rollup-win32-x64-msvc@4.31.0': + optional: true + + '@swc/core-darwin-arm64@1.10.8': + optional: true + + '@swc/core-darwin-x64@1.10.8': + optional: true + + '@swc/core-linux-arm-gnueabihf@1.10.8': + optional: true + + '@swc/core-linux-arm64-gnu@1.10.8': + optional: true + + '@swc/core-linux-arm64-musl@1.10.8': + optional: true + + '@swc/core-linux-x64-gnu@1.10.8': + optional: true + + '@swc/core-linux-x64-musl@1.10.8': + optional: true + + '@swc/core-win32-arm64-msvc@1.10.8': + optional: true + + '@swc/core-win32-ia32-msvc@1.10.8': + optional: true + + '@swc/core-win32-x64-msvc@1.10.8': + optional: true + + '@swc/core@1.10.8': + dependencies: + '@swc/counter': 0.1.3 + '@swc/types': 0.1.17 + optionalDependencies: + '@swc/core-darwin-arm64': 1.10.8 + '@swc/core-darwin-x64': 1.10.8 + '@swc/core-linux-arm-gnueabihf': 1.10.8 + '@swc/core-linux-arm64-gnu': 1.10.8 + '@swc/core-linux-arm64-musl': 1.10.8 + '@swc/core-linux-x64-gnu': 1.10.8 + '@swc/core-linux-x64-musl': 1.10.8 + '@swc/core-win32-arm64-msvc': 1.10.8 + '@swc/core-win32-ia32-msvc': 1.10.8 + '@swc/core-win32-x64-msvc': 1.10.8 + + '@swc/counter@0.1.3': {} + + '@swc/types@0.1.17': + dependencies: + '@swc/counter': 0.1.3 + + '@types/estree@1.0.6': {} + + '@types/json-schema@7.0.15': {} + + '@types/prop-types@15.7.14': {} + + '@types/react-dom@18.3.5(@types/react@18.3.18)': + dependencies: + '@types/react': 18.3.18 + + '@types/react@18.3.18': + dependencies: + '@types/prop-types': 15.7.14 + csstype: 3.1.3 + + '@typescript-eslint/eslint-plugin@8.20.0(@typescript-eslint/parser@8.20.0(eslint@9.18.0)(typescript@5.6.3))(eslint@9.18.0)(typescript@5.6.3)': + dependencies: + '@eslint-community/regexpp': 4.12.1 + '@typescript-eslint/parser': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + '@typescript-eslint/scope-manager': 8.20.0 + '@typescript-eslint/type-utils': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + '@typescript-eslint/visitor-keys': 8.20.0 + eslint: 9.18.0 + graphemer: 1.4.0 + ignore: 5.3.2 + natural-compare: 1.4.0 + ts-api-utils: 2.0.0(typescript@5.6.3) + typescript: 5.6.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/parser@8.20.0(eslint@9.18.0)(typescript@5.6.3)': + dependencies: + '@typescript-eslint/scope-manager': 8.20.0 + '@typescript-eslint/types': 8.20.0 + '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.6.3) + '@typescript-eslint/visitor-keys': 8.20.0 + debug: 4.4.0 + eslint: 9.18.0 + typescript: 5.6.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/scope-manager@8.20.0': + dependencies: + '@typescript-eslint/types': 8.20.0 + '@typescript-eslint/visitor-keys': 8.20.0 + + '@typescript-eslint/type-utils@8.20.0(eslint@9.18.0)(typescript@5.6.3)': + dependencies: + '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.6.3) + '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + debug: 4.4.0 + eslint: 9.18.0 + ts-api-utils: 2.0.0(typescript@5.6.3) + typescript: 5.6.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/types@8.20.0': {} + + '@typescript-eslint/typescript-estree@8.20.0(typescript@5.6.3)': + dependencies: + '@typescript-eslint/types': 8.20.0 + '@typescript-eslint/visitor-keys': 8.20.0 + debug: 4.4.0 + fast-glob: 3.3.3 + is-glob: 4.0.3 + minimatch: 9.0.5 + semver: 7.6.3 + ts-api-utils: 2.0.0(typescript@5.6.3) + typescript: 5.6.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/utils@8.20.0(eslint@9.18.0)(typescript@5.6.3)': + dependencies: + '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0) + '@typescript-eslint/scope-manager': 8.20.0 + '@typescript-eslint/types': 8.20.0 + '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.6.3) + eslint: 9.18.0 + typescript: 5.6.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/visitor-keys@8.20.0': + dependencies: + '@typescript-eslint/types': 8.20.0 + eslint-visitor-keys: 4.2.0 + + '@vitejs/plugin-react-swc@3.7.2(vite@6.0.9)': + dependencies: + '@swc/core': 1.10.8 + vite: 6.0.9 + transitivePeerDependencies: + - '@swc/helpers' + + acorn-jsx@5.3.2(acorn@8.14.0): + dependencies: + acorn: 8.14.0 + + acorn@8.14.0: {} + + ajv@6.12.6: + dependencies: + fast-deep-equal: 3.1.3 + fast-json-stable-stringify: 2.1.0 + json-schema-traverse: 0.4.1 + uri-js: 4.4.1 + + ansi-styles@4.3.0: + dependencies: + color-convert: 2.0.1 + + argparse@2.0.1: {} + + balanced-match@1.0.2: {} + + brace-expansion@1.1.11: + dependencies: + balanced-match: 1.0.2 + concat-map: 0.0.1 + + brace-expansion@2.0.1: + dependencies: + balanced-match: 1.0.2 + + braces@3.0.3: + dependencies: + fill-range: 7.1.1 + + callsites@3.1.0: {} + + chalk@4.1.2: + dependencies: + ansi-styles: 4.3.0 + supports-color: 7.2.0 + + color-convert@2.0.1: + dependencies: + color-name: 1.1.4 + + color-name@1.1.4: {} + + concat-map@0.0.1: {} + + cross-spawn@7.0.6: + dependencies: + path-key: 3.1.1 + shebang-command: 2.0.0 + which: 2.0.2 + + csstype@3.1.3: {} + + date-fns@4.1.0: {} + + debug@4.4.0: + dependencies: + ms: 2.1.3 + + deep-is@0.1.4: {} + + esbuild@0.24.2: + optionalDependencies: + '@esbuild/aix-ppc64': 0.24.2 + '@esbuild/android-arm': 0.24.2 + '@esbuild/android-arm64': 0.24.2 + '@esbuild/android-x64': 0.24.2 + '@esbuild/darwin-arm64': 0.24.2 + '@esbuild/darwin-x64': 0.24.2 + '@esbuild/freebsd-arm64': 0.24.2 + '@esbuild/freebsd-x64': 0.24.2 + '@esbuild/linux-arm': 0.24.2 + '@esbuild/linux-arm64': 0.24.2 + '@esbuild/linux-ia32': 0.24.2 + '@esbuild/linux-loong64': 0.24.2 + '@esbuild/linux-mips64el': 0.24.2 + '@esbuild/linux-ppc64': 0.24.2 + '@esbuild/linux-riscv64': 0.24.2 + '@esbuild/linux-s390x': 0.24.2 + '@esbuild/linux-x64': 0.24.2 + '@esbuild/netbsd-arm64': 0.24.2 + '@esbuild/netbsd-x64': 0.24.2 + '@esbuild/openbsd-arm64': 0.24.2 + '@esbuild/openbsd-x64': 0.24.2 + '@esbuild/sunos-x64': 0.24.2 + '@esbuild/win32-arm64': 0.24.2 + '@esbuild/win32-ia32': 0.24.2 + '@esbuild/win32-x64': 0.24.2 + + escape-string-regexp@4.0.0: {} + + eslint-plugin-react-hooks@5.1.0(eslint@9.18.0): + dependencies: + eslint: 9.18.0 + + eslint-plugin-react-refresh@0.4.18(eslint@9.18.0): + dependencies: + eslint: 9.18.0 + + eslint-scope@8.2.0: + dependencies: + esrecurse: 4.3.0 + estraverse: 5.3.0 + + eslint-visitor-keys@3.4.3: {} + + eslint-visitor-keys@4.2.0: {} + + eslint@9.18.0: + dependencies: + '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0) + '@eslint-community/regexpp': 4.12.1 + '@eslint/config-array': 0.19.1 + '@eslint/core': 0.10.0 + '@eslint/eslintrc': 3.2.0 + '@eslint/js': 9.18.0 + '@eslint/plugin-kit': 0.2.5 + '@humanfs/node': 0.16.6 + '@humanwhocodes/module-importer': 1.0.1 + '@humanwhocodes/retry': 0.4.1 + '@types/estree': 1.0.6 + '@types/json-schema': 7.0.15 + ajv: 6.12.6 + chalk: 4.1.2 + cross-spawn: 7.0.6 + debug: 4.4.0 + escape-string-regexp: 4.0.0 + eslint-scope: 8.2.0 + eslint-visitor-keys: 4.2.0 + espree: 10.3.0 + esquery: 1.6.0 + esutils: 2.0.3 + fast-deep-equal: 3.1.3 + file-entry-cache: 8.0.0 + find-up: 5.0.0 + glob-parent: 6.0.2 + ignore: 5.3.2 + imurmurhash: 0.1.4 + is-glob: 4.0.3 + json-stable-stringify-without-jsonify: 1.0.1 + lodash.merge: 4.6.2 + minimatch: 3.1.2 + natural-compare: 1.4.0 + optionator: 0.9.4 + transitivePeerDependencies: + - supports-color + + espree@10.3.0: + dependencies: + acorn: 8.14.0 + acorn-jsx: 5.3.2(acorn@8.14.0) + eslint-visitor-keys: 4.2.0 + + esquery@1.6.0: + dependencies: + estraverse: 5.3.0 + + esrecurse@4.3.0: + dependencies: + estraverse: 5.3.0 + + estraverse@5.3.0: {} + + esutils@2.0.3: {} + + fast-deep-equal@3.1.3: {} + + fast-glob@3.3.3: + dependencies: + '@nodelib/fs.stat': 2.0.5 + '@nodelib/fs.walk': 1.2.8 + glob-parent: 5.1.2 + merge2: 1.4.1 + micromatch: 4.0.8 + + fast-json-stable-stringify@2.1.0: {} + + fast-levenshtein@2.0.6: {} + + fastq@1.18.0: + dependencies: + reusify: 1.0.4 + + file-entry-cache@8.0.0: + dependencies: + flat-cache: 4.0.1 + + fill-range@7.1.1: + dependencies: + to-regex-range: 5.0.1 + + find-up@5.0.0: + dependencies: + locate-path: 6.0.0 + path-exists: 4.0.0 + + flat-cache@4.0.1: + dependencies: + flatted: 3.3.2 + keyv: 4.5.4 + + flatted@3.3.2: {} + + fsevents@2.3.3: + optional: true + + glob-parent@5.1.2: + dependencies: + is-glob: 4.0.3 + + glob-parent@6.0.2: + dependencies: + is-glob: 4.0.3 + + globals@14.0.0: {} + + globals@15.14.0: {} + + graphemer@1.4.0: {} + + has-flag@4.0.0: {} + + ignore@5.3.2: {} + + import-fresh@3.3.0: + dependencies: + parent-module: 1.0.1 + resolve-from: 4.0.0 + + imurmurhash@0.1.4: {} + + is-extglob@2.1.1: {} + + is-glob@4.0.3: + dependencies: + is-extglob: 2.1.1 + + is-number@7.0.0: {} + + isexe@2.0.0: {} + + js-tokens@4.0.0: {} + + js-yaml@4.1.0: + dependencies: + argparse: 2.0.1 + + json-buffer@3.0.1: {} + + json-schema-traverse@0.4.1: {} + + json-stable-stringify-without-jsonify@1.0.1: {} + + keyv@4.5.4: + dependencies: + json-buffer: 3.0.1 + + levn@0.4.1: + dependencies: + prelude-ls: 1.2.1 + type-check: 0.4.0 + + locate-path@6.0.0: + dependencies: + p-locate: 5.0.0 + + lodash.merge@4.6.2: {} + + loose-envify@1.4.0: + dependencies: + js-tokens: 4.0.0 + + merge2@1.4.1: {} + + micromatch@4.0.8: + dependencies: + braces: 3.0.3 + picomatch: 2.3.1 + + minimatch@3.1.2: + dependencies: + brace-expansion: 1.1.11 + + minimatch@9.0.5: + dependencies: + brace-expansion: 2.0.1 + + ms@2.1.3: {} + + nanoid@3.3.8: {} + + natural-compare@1.4.0: {} + + optionator@0.9.4: + dependencies: + deep-is: 0.1.4 + fast-levenshtein: 2.0.6 + levn: 0.4.1 + prelude-ls: 1.2.1 + type-check: 0.4.0 + word-wrap: 1.2.5 + + p-limit@3.1.0: + dependencies: + yocto-queue: 0.1.0 + + p-locate@5.0.0: + dependencies: + p-limit: 3.1.0 + + parent-module@1.0.1: + dependencies: + callsites: 3.1.0 + + path-exists@4.0.0: {} + + path-key@3.1.1: {} + + picocolors@1.1.1: {} + + picomatch@2.3.1: {} + + postcss@8.5.1: + dependencies: + nanoid: 3.3.8 + picocolors: 1.1.1 + source-map-js: 1.2.1 + + prelude-ls@1.2.1: {} + + punycode@2.3.1: {} + + queue-microtask@1.2.3: {} + + react-dom@18.3.1(react@18.3.1): + dependencies: + loose-envify: 1.4.0 + react: 18.3.1 + scheduler: 0.23.2 + + react@18.3.1: + dependencies: + loose-envify: 1.4.0 + + resolve-from@4.0.0: {} + + reusify@1.0.4: {} + + rollup@4.31.0: + dependencies: + '@types/estree': 1.0.6 + optionalDependencies: + '@rollup/rollup-android-arm-eabi': 4.31.0 + '@rollup/rollup-android-arm64': 4.31.0 + '@rollup/rollup-darwin-arm64': 4.31.0 + '@rollup/rollup-darwin-x64': 4.31.0 + '@rollup/rollup-freebsd-arm64': 4.31.0 + '@rollup/rollup-freebsd-x64': 4.31.0 + '@rollup/rollup-linux-arm-gnueabihf': 4.31.0 + '@rollup/rollup-linux-arm-musleabihf': 4.31.0 + '@rollup/rollup-linux-arm64-gnu': 4.31.0 + '@rollup/rollup-linux-arm64-musl': 4.31.0 + '@rollup/rollup-linux-loongarch64-gnu': 4.31.0 + '@rollup/rollup-linux-powerpc64le-gnu': 4.31.0 + '@rollup/rollup-linux-riscv64-gnu': 4.31.0 + '@rollup/rollup-linux-s390x-gnu': 4.31.0 + '@rollup/rollup-linux-x64-gnu': 4.31.0 + '@rollup/rollup-linux-x64-musl': 4.31.0 + '@rollup/rollup-win32-arm64-msvc': 4.31.0 + '@rollup/rollup-win32-ia32-msvc': 4.31.0 + '@rollup/rollup-win32-x64-msvc': 4.31.0 + fsevents: 2.3.3 + + run-parallel@1.2.0: + dependencies: + queue-microtask: 1.2.3 + + scheduler@0.23.2: + dependencies: + loose-envify: 1.4.0 + + semver@7.6.3: {} + + shebang-command@2.0.0: + dependencies: + shebang-regex: 3.0.0 + + shebang-regex@3.0.0: {} + + source-map-js@1.2.1: {} + + strip-json-comments@3.1.1: {} + + supports-color@7.2.0: + dependencies: + has-flag: 4.0.0 + + to-regex-range@5.0.1: + dependencies: + is-number: 7.0.0 + + ts-api-utils@2.0.0(typescript@5.6.3): + dependencies: + typescript: 5.6.3 + + type-check@0.4.0: + dependencies: + prelude-ls: 1.2.1 + + typescript-eslint@8.20.0(eslint@9.18.0)(typescript@5.6.3): + dependencies: + '@typescript-eslint/eslint-plugin': 8.20.0(@typescript-eslint/parser@8.20.0(eslint@9.18.0)(typescript@5.6.3))(eslint@9.18.0)(typescript@5.6.3) + '@typescript-eslint/parser': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + eslint: 9.18.0 + typescript: 5.6.3 + transitivePeerDependencies: + - supports-color + + typescript@5.6.3: {} + + uri-js@4.4.1: + dependencies: + punycode: 2.3.1 + + vite@6.0.9: + dependencies: + esbuild: 0.24.2 + postcss: 8.5.1 + rollup: 4.31.0 + optionalDependencies: + fsevents: 2.3.3 + + which@2.0.2: + dependencies: + isexe: 2.0.0 + + word-wrap@1.2.5: {} + + yocto-queue@0.1.0: {} diff --git a/public/dcin_logo.png b/public/dcin_logo.png new file mode 100644 index 0000000..dde8097 Binary files /dev/null and b/public/dcin_logo.png differ diff --git a/public/fix_managernik.gif b/public/fix_managernik.gif new file mode 100644 index 0000000..645220c Binary files /dev/null and b/public/fix_managernik.gif differ diff --git a/public/fix_nik.gif b/public/fix_nik.gif new file mode 100644 index 0000000..9edb87b Binary files /dev/null and b/public/fix_nik.gif differ diff --git a/public/fix_sub_managernik.gif b/public/fix_sub_managernik.gif new file mode 100644 index 0000000..4143dc2 Binary files /dev/null and b/public/fix_sub_managernik.gif differ diff --git a/public/icon_img.png b/public/icon_img.png new file mode 100644 index 0000000..a8e34bd Binary files /dev/null and b/public/icon_img.png differ diff --git a/public/minorbg.png b/public/minorbg.png new file mode 100644 index 0000000..d0fb1a1 Binary files /dev/null and b/public/minorbg.png differ diff --git a/public/nik.gif b/public/nik.gif new file mode 100644 index 0000000..07403a1 Binary files /dev/null and b/public/nik.gif differ diff --git a/public/sp_image.png b/public/sp_image.png new file mode 100644 index 0000000..21ce418 Binary files /dev/null and b/public/sp_image.png differ diff --git a/public/sp_loginout.png b/public/sp_loginout.png new file mode 100644 index 0000000..bcf1484 Binary files /dev/null and b/public/sp_loginout.png differ diff --git a/public/sp_minor_txt.png b/public/sp_minor_txt.png new file mode 100644 index 0000000..273d08f Binary files /dev/null and b/public/sp_minor_txt.png differ diff --git a/public/sp_num.png b/public/sp_num.png new file mode 100644 index 0000000..3cdc71c Binary files /dev/null and b/public/sp_num.png differ diff --git a/public/sp_pagingicon.png b/public/sp_pagingicon.png new file mode 100644 index 0000000..be0b09a Binary files /dev/null and b/public/sp_pagingicon.png differ diff --git a/public/tit_mgallery.png b/public/tit_mgallery.png new file mode 100644 index 0000000..9e1a1a2 Binary files /dev/null and b/public/tit_mgallery.png differ diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/App.css b/src/App.css new file mode 100644 index 0000000..e69de29 diff --git a/src/App.tsx b/src/App.tsx new file mode 100644 index 0000000..958688c --- /dev/null +++ b/src/App.tsx @@ -0,0 +1,245 @@ +import './common.css' +import './minor.css' +import './content.css' +import './App.css' +import { format } from 'date-fns'; + + +function getTimeFromNow(date: Date) { + const now = new Date() + if (now.getFullYear() !== date.getFullYear()) { + return format(date, "yyyy.MM.dd") + } + return format(date, "HH:mm") +} + +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 +} + +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 === "반유동" && 갤로그로 이동합니다.} + + +} + +function GalleryTableRow( + { + id, + subject, + title, + replyCount, + writer, + type, + date, + viewCount, + recommendCount, + fixed = false, + }: GalleryTableRowProps +) { + const wrap = (node: React.ReactNode) => fixed ? {node} : node; + + return + {id} + {subject} + + + + {wrap(title)} + + + [{replyCount}] + + + + {wrap( + + )} + + + {getTimeFromNow(date)} + + {viewCount} + {recommendCount} + +} + +function GalleryTable() { + return
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
갤러리 리스트
번호말머리제목글쓴이작성일조회추천
+
+} + +function App() { + return ( + + ) +} + +export default App diff --git a/src/assets/react.svg b/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/common.css b/src/common.css new file mode 100644 index 0000000..1994e87 --- /dev/null +++ b/src/common.css @@ -0,0 +1,2150 @@ +@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 new file mode 100644 index 0000000..bb06b2c --- /dev/null +++ b/src/content.css @@ -0,0 +1,1953 @@ +@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 new file mode 100644 index 0000000..e69de29 diff --git a/src/main.tsx b/src/main.tsx new file mode 100644 index 0000000..cf4b4ba --- /dev/null +++ b/src/main.tsx @@ -0,0 +1,11 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import "./reset.css" +import './index.css' +import App from './App.tsx' + +createRoot(document.getElementById('root')!).render( + + + , +) diff --git a/src/minor.css b/src/minor.css new file mode 100644 index 0000000..c0a9530 --- /dev/null +++ b/src/minor.css @@ -0,0 +1,1568 @@ +@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/reset.css b/src/reset.css new file mode 100644 index 0000000..48d9490 --- /dev/null +++ b/src/reset.css @@ -0,0 +1,36 @@ +@charset "utf-8"; +/*reset css*/ +html,body,div,span,iframe,h1, h2, h3, h4, h5, h6, p, +a,em,img,strong,b,u,center, +dl,dt,dd,ol,ul,li, +fieldset,form,label,legend, +table,caption,tbody,tfoot,thead,tr,th,td, +article,aside,embed, figure,figcaption,footer,header,nav,section,summary,audio,video,button{ + margin:0; + padding:0; + border:0; + vertical-align:baseline; + background:transparent; + font-style:normal + } + + article,aside,figcaption,figure,footer,header,nav,section,main{display:block} + body{width:100%;height:100%} + ol, ul {list-style:none} + table {border-collapse:collapse;border-spacing:0;table-layout:fixed} + button{cursor:pointer} + input,select,textarea,button{border-radius:0;vertical-align:middle} + body,button,input,select,table,textarea{font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,"Dotum","돋움",sans-serif} + + + + textarea{resize:none} + a{color:#333;text-decoration:none} + a:active,a:hover{text-decoration:underline} + + + +/*모바일 버전가기*/ +.mbl_go{width:100%;background:#f3f3f3;height:auto;padding:15px 0;text-align:center} +.mbl_go a{color:#555;font-size:5em} +.mbl_go a:active,.mbl_go a:hover{text-decoration:none} diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/tsconfig.app.json b/tsconfig.app.json new file mode 100644 index 0000000..358ca9b --- /dev/null +++ b/tsconfig.app.json @@ -0,0 +1,26 @@ +{ + "compilerOptions": { + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", + "target": "ES2020", + "useDefineForClassFields": true, + "lib": ["ES2020", "DOM", "DOM.Iterable"], + "module": "ESNext", + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "isolatedModules": true, + "moduleDetection": "force", + "noEmit": true, + "jsx": "react-jsx", + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true, + "noUncheckedSideEffectImports": true + }, + "include": ["src"] +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..1ffef60 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,7 @@ +{ + "files": [], + "references": [ + { "path": "./tsconfig.app.json" }, + { "path": "./tsconfig.node.json" } + ] +} diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..db0becc --- /dev/null +++ b/tsconfig.node.json @@ -0,0 +1,24 @@ +{ + "compilerOptions": { + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", + "target": "ES2022", + "lib": ["ES2023"], + "module": "ESNext", + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "isolatedModules": true, + "moduleDetection": "force", + "noEmit": true, + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true, + "noUncheckedSideEffectImports": true + }, + "include": ["vite.config.ts"] +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..2328e17 --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react-swc' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], +})