/* Theme Name: DownForum Child (GeneratePress) Template: generatepress Theme URI: https://download-forum.co.kr/ Description: GeneratePress 기반 다운로드 전문 사이트 자식테마. Pretendard 웹폰트, 절제된 팔레트, 검색 포털형 홈, 앱스토어형 글 레이아웃. 다운로드 버튼/스크린샷/FAQ 숏코드 내장. Author: mcheam Version: 2.4.0 Requires PHP: 7.4 Text Domain: downforum-child */ @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css'); /* ========================================================= 0. 토큰 — 절제된 프리미엄 ========================================================= */ :root{ --ink:#0f172a; --ink2:#334155; --sub:#64748b; --faint:#94a3b8; --line:#e6e9ee; --line2:#f0f2f5; --bg:#f5f6f8; --card:#fff; --brand:#12b76a; --brand2:#0e9553; --brandbg:#eafaf1; --ios:#0b0b0f; --pc:#2563eb; --star:#f59e0b; --red:#dc2626; --sh1:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.05); --sh2:0 2px 6px rgba(16,24,40,.06); --shh:0 14px 30px -12px rgba(16,24,40,.22); --wide:1140px; --read:820px; --r:12px; --r-lg:16px; --r-sm:9px; } *{box-sizing:border-box} body{background:var(--bg);color:var(--ink); font-family:"Pretendard","Pretendard Variable","Malgun Gothic",-apple-system,BlinkMacSystemFont,sans-serif; line-height:1.72;word-break:keep-all;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-size:16px} a{color:var(--brand2)} img{max-width:100%;height:auto} /* ========================================================= 1. 헤더 ========================================================= */ .site-header{background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(180%) blur(8px); border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100} .inside-header{max-width:var(--wide)!important;margin:0 auto;padding:13px 24px!important;display:flex;align-items:center;gap:20px} .site-branding{margin:0!important;padding:0!important} .main-title,.site-title{font-size:21px!important;line-height:1!important;margin:0!important;font-weight:800!important} .main-title a,.site-title a{color:var(--ink)!important;text-decoration:none;letter-spacing:-.03em} .main-title a:before{content:"";display:inline-block;width:22px;height:22px;border-radius:7px; background:linear-gradient(135deg,var(--brand),#0aa05a);margin-right:8px;vertical-align:-4px; box-shadow:0 2px 6px rgba(18,183,106,.4)} .site-description{display:none} .main-navigation{background:transparent!important;flex:1;border:0!important} .main-navigation .inside-navigation{max-width:none;padding:0} .main-navigation .main-nav>ul{justify-content:flex-end;gap:2px} .main-navigation .main-nav ul li a{color:#475467!important;font-weight:600;font-size:14.5px; padding:9px 13px!important;border-radius:8px;line-height:1;letter-spacing:-.01em} .main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li.current-menu-item a{background:var(--line2)!important;color:var(--ink)!important} .mobile-menu-control-wrapper .menu-toggle,.menu-toggle{color:var(--ink)!important} /* ========================================================= 2. 컨테이너 (사이드바 제거) ========================================================= */ .site-content{padding:28px 16px 48px} .site-content .content-area{width:100%!important} .site-main{max-width:var(--read);margin:0 auto!important} .page-id-16 .site-main,body.page-template-default .site-main{max-width:var(--wide)} .separate-containers .inside-article{background:var(--card);border:1px solid var(--line); border-radius:var(--r-lg);padding:36px 40px!important;box-shadow:var(--sh1)} @media(max-width:600px){.separate-containers .inside-article{padding:22px 18px!important}} .single .featured-image,.single .post-image,.page .featured-image{display:none!important} /* ========================================================= 3. 홈 — 검색 포털형 ========================================================= */ .dl-hero{margin:-6px 0 6px;padding:44px 20px 40px;text-align:center; background:linear-gradient(180deg,#0f172a,#1e293b);border-radius:20px;color:#fff} .dl-hero h2,.dl-hero h1.dl-h1{font-size:30px;margin:0 0 10px;border:0;padding:0;font-weight:800;letter-spacing:-.035em;color:#fff} .dl-hero p{color:#cbd5e1;margin:0 0 22px;font-size:15px} .dl-herosearch{display:flex;max-width:560px;margin:0 auto;background:#fff;border-radius:13px;padding:6px;box-shadow:0 12px 34px rgba(0,0,0,.3)} .dl-herosearch input{flex:1;border:0;outline:0;background:transparent;padding:12px 16px;font-size:15px;color:var(--ink);font-family:inherit} .dl-herosearch button{border:0;background:var(--brand);color:#fff;font-weight:700;border-radius:9px;padding:0 24px;cursor:pointer;font-family:inherit;font-size:15px} .dl-herosearch button:hover{background:var(--brand2)} .dl-sectitle{display:flex;align-items:center;font-size:18.5px;font-weight:800;margin:34px 0 16px;letter-spacing:-.02em} .dl-sectitle:before{content:"";width:4px;height:17px;border-radius:3px;background:var(--brand);margin-right:9px} .dl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0} .dl-chips a{border:1px solid var(--line);border-radius:9px;padding:8px 15px;font-size:13.5px; text-decoration:none;color:#475467;background:#fff;font-weight:600;transition:.14s} .dl-chips a:hover{border-color:var(--brand);color:var(--brand2);background:var(--brandbg)} .dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px} .dl-card{position:relative;display:block;text-decoration:none;color:var(--ink);background:var(--card); border:1px solid var(--line);border-radius:var(--r);padding:20px 16px 18px;text-align:center;transition:.16s} .dl-card:hover{box-shadow:var(--shh);transform:translateY(-3px);border-color:#dbe0e6} .dl-card img{width:66px;height:66px;border-radius:16px;margin-bottom:11px;box-shadow:var(--sh2)} .dl-card .t{font-size:14px;font-weight:700;line-height:1.4;display:block;letter-spacing:-.02em} .dl-card .m{font-size:11.5px;color:var(--faint);margin-top:5px;display:block;font-weight:600} /* 순위 뱃지 */ .dl-grid.ranked{counter-reset:rank} .dl-grid.ranked .dl-card{counter-increment:rank} .dl-grid.ranked .dl-card:before{content:counter(rank);position:absolute;top:10px;left:12px; font-size:12px;font-weight:800;color:var(--faint)} .dl-grid.ranked .dl-card:nth-child(-n+3):before{color:var(--brand);font-size:13px} .dl-postlist{list-style:none;margin:4px 0 0;padding:0;border-top:1px solid var(--line2)} .dl-postlist li{display:flex;gap:15px;align-items:center;padding:15px 8px;border-bottom:1px solid var(--line2);transition:.12s} .dl-postlist li:hover{background:#fbfcfd} .dl-postlist img{width:56px;height:56px;border-radius:14px;flex:none;box-shadow:var(--sh2)} .dl-postlist .pt{font-weight:700;text-decoration:none;color:var(--ink);font-size:15.5px;letter-spacing:-.02em} .dl-postlist .pe{font-size:12.5px;color:var(--sub);margin-top:3px} /* ========================================================= 4. 글 — 앱스토어형 ========================================================= */ .entry-title{font-size:28px!important;line-height:1.3;font-weight:800;letter-spacing:-.035em;margin:2px 0 14px} .dl-breadcrumb{font-size:12.5px;color:var(--faint);margin:0 0 14px;font-weight:500} .dl-breadcrumb a{color:var(--faint);text-decoration:none} .dl-breadcrumb a:hover{color:var(--brand2)} .dl-breadcrumb span{margin:0 7px;color:#cbd5e1} .dl-appcard{display:flex;gap:18px;align-items:center;border:1px solid var(--line); border-radius:var(--r-lg);padding:20px 22px;background:#fff;box-shadow:var(--sh1);margin:6px 0 20px} .dl-appcard .dl-icon{width:82px;height:82px;border-radius:20px;flex:none;box-shadow:0 4px 14px rgba(16,24,40,.14)} .dl-appcard .dl-name{font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.03em} .dl-appcard .dl-dev{color:var(--sub);font-size:13px;margin:3px 0 11px} .dl-appcard .dl-stats{display:flex;gap:0} .dl-appcard .dl-stats>div{padding:0 18px;border-left:1px solid var(--line2);font-size:12px;color:var(--sub)} .dl-appcard .dl-stats>div:first-child{padding-left:0;border-left:0} .dl-appcard .dl-stats b{display:block;font-size:15.5px;color:var(--ink);font-weight:800;margin-bottom:1px} /* 기기별 3버튼 — 납작·단색 */ .dl-btnrow{display:flex;gap:10px;margin:18px 0} .dl-btnrow a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center; text-decoration:none;border-radius:var(--r);padding:13px 8px;color:#fff;transition:.15s;min-height:60px} .dl-btnrow a:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.06)} .dl-btnrow .lbl{font-weight:800;font-size:15.5px;letter-spacing:-.02em} .dl-btnrow .sub{font-size:11.5px;font-weight:500;opacity:.85;margin-top:2px} .dl-btnrow .b-and{background:var(--brand)} .dl-btnrow .b-ios{background:var(--ios)} .dl-btnrow .b-pc{background:var(--pc)} .dl-btn{display:block;text-align:center;background:var(--brand);color:#fff;font-weight:800; font-size:17px;padding:16px;border-radius:var(--r);text-decoration:none;margin:20px 0} .dl-btn:hover{color:#fff;background:var(--brand2)} /* 스크린샷 */ .dl-shots{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch} .dl-shots::-webkit-scrollbar{height:6px} .dl-shots::-webkit-scrollbar-thumb{background:#d3d7db;border-radius:4px} .dl-shots img{width:184px;flex:none;border:1px solid var(--line);border-radius:14px;scroll-snap-align:start;box-shadow:var(--sh1)} /* 헤딩 — 절제 */ .entry-content h2{font-size:21px;font-weight:800;margin:38px 0 14px;letter-spacing:-.03em; padding-bottom:10px;border-bottom:1px solid var(--line2)} .entry-content h3{font-size:17px;font-weight:700;margin:24px 0 10px;color:var(--ink2);letter-spacing:-.02em} .entry-content p{margin:13px 0;color:var(--ink2);font-size:15.5px} /* 표 */ .entry-content table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0;font-size:14px; border:1px solid var(--line);border-radius:var(--r);overflow:hidden} .entry-content th,.entry-content td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line2)} .entry-content th{background:#f9fafb;font-weight:700;color:var(--ink2)} .dl-info-tbl th{width:34%} .entry-content tr:last-child td,.entry-content tr:last-child th{border-bottom:0} /* 박스 — 라벨형 콜아웃 */ .dl-box{border-radius:var(--r);padding:16px 20px 16px 22px;margin:20px 0;font-size:14.5px; background:#f9fafb;border:1px solid var(--line);border-left:3px solid var(--sub)} .dl-box b{display:block;margin-bottom:5px;font-size:11.5px;font-weight:800;letter-spacing:.06em; text-transform:uppercase;color:var(--sub)} .dl-box p{margin:5px 0;color:var(--ink2)} .dl-box.tip{background:#f0f7ff;border-color:#dbeafe;border-left-color:var(--pc)} .dl-box.tip b{color:var(--pc)} .dl-box.warn{background:#fff5f5;border-color:#fecaca;border-left-color:var(--red)} .dl-box.warn b{color:var(--red)} .dl-box.info{background:var(--brandbg);border-color:#c7efd8;border-left-color:var(--brand)} .dl-box.info b{color:var(--brand2)} .hl{color:var(--red);font-weight:700} /* 목차 */ .dl-toc{background:#f9fafb;border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin:20px 0;font-size:14px} .dl-toc b{display:block;margin-bottom:8px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sub)} .dl-toc a{color:var(--ink2);text-decoration:none;display:block;padding:3px 0;font-weight:500} .dl-toc a:hover{color:var(--brand2)} /* FAQ — 질문+답 한 카드 */ .dl-faq{margin:8px 0} .dl-faq dt{font-weight:700;margin:12px 0 0;padding:16px 20px 12px 48px;position:relative; background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0; font-size:15.5px;letter-spacing:-.02em} .dl-faq dt:before{content:"Q";position:absolute;left:18px;top:16px;color:#fff;background:var(--brand); width:22px;height:22px;border-radius:7px;text-align:center;font-size:12.5px;line-height:22px;font-weight:800} .dl-faq dd{margin:0;padding:13px 20px 17px 48px;position:relative;color:var(--ink2);font-size:14.5px; background:#fff;border:1px solid var(--line);border-top:1px dashed var(--line2);border-radius:0 0 12px 12px} .dl-faq dd:before{content:"A";position:absolute;left:20px;top:13px;color:var(--faint);font-weight:800;font-size:13px} .dl-related{margin-top:44px;padding-top:26px;border-top:1px solid var(--line)} /* ========================================================= 5. 푸터 ========================================================= */ .site-footer,.site-info{background:#0f172a!important;color:#94a3b8!important} .inside-site-info{max-width:var(--wide)!important;padding:26px 24px!important;text-align:center;font-size:13px} .site-info a{color:#cbd5e1!important} /* ========================================================= 6. 모바일 ========================================================= */ @media(max-width:768px){ .inside-header{gap:10px;padding:11px 16px!important} .main-title,.site-title{font-size:19px!important} .dl-hero{padding:32px 18px}.dl-hero h2{font-size:24px} .entry-title{font-size:23px!important} .dl-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px} .dl-appcard{flex-wrap:wrap;gap:14px}.dl-appcard .dl-icon{width:66px;height:66px} .separate-containers .inside-article{border-radius:12px} } /* ========================================================= 7. 수정 오버라이드 (v2.1.2) ========================================================= */ /* (1) 홈 섹션제목 초록 바 2개 → 1개: 외부/GP 잔재 좌측바 제거, 내 :before 바만 */ .entry-content h2.dl-sectitle{border-left:0!important;padding-left:0!important; border-bottom:0!important;padding-bottom:0!important;background:none!important} .entry-content h2.dl-sectitle::after{content:none!important} /* (2) 검색창 세로 중앙 정렬 */ .dl-herosearch{align-items:center} .dl-herosearch button{display:flex;align-items:center;justify-content:center;white-space:nowrap} /* (3) 검색결과 페이지: 거대 대표이미지 축소 + 카드 정리 */ .search-results .page-header{margin-bottom:16px} .search-results .page-header .page-title{font-size:22px;font-weight:800;letter-spacing:-.03em} .search .post-image,.search-results .post-image,.search article .featured-image{ float:left;width:64px!important;height:64px!important;margin:0 14px 0 0!important} .search .post-image img,.search-results .post-image img{width:64px!important;height:64px!important; border-radius:14px;object-fit:cover} .search-results .entry-summary{font-size:13.5px;color:var(--sub)} /* (4) 홈(고정페이지) 제목 "홈" 숨김 — 히어로와 중복 */ .page-id-16 .entry-header .entry-title,.page-id-16 .page-header{display:none!important} /* 검색결과 헤더 박스 여백 축소 */ .search .page-header,.search-results>.page-header{padding:0 0 6px!important;background:none!important;border:0!important;box-shadow:none!important} /* ========================================================= 8. 미세수정 (v2.1.6) ========================================================= */ /* (1) 초록 사각 마크만 제거(불필요) + 사장님 로고 이미지는 살리고 크기만 정리 */ .main-title a:before,.site-title a:before{content:none!important;display:none!important} .site-logo{display:inline-flex!important;align-items:center} .site-logo img,.header-image.is-logo-image{max-height:38px!important;width:auto!important;height:auto!important;display:inline-block!important} /* (2) 히어로 내용 검은박스 안에서 상하 중앙 */ .dl-hero{display:flex!important;flex-direction:column;justify-content:center;padding:40px 24px!important} /* (3) 검색 버튼을 입력칸 높이에 딱 맞춤 (버튼이 작아지던 문제 수정) */ .dl-herosearch{align-items:stretch!important;padding:7px} .dl-herosearch input{padding:15px 18px} .dl-herosearch button{padding:0 28px!important;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:9px} /* ========================================================= 9. 카테고리·태그·검색 아카이브 = 다운로드 리스트 (v2.1.8) ========================================================= */ /* 제목 헤더: 큰 흰박스 → 컴팩트 초록바 제목 */ .archive .page-header,.search .page-header,.blog .page-header{ padding:0 0 6px!important;margin:0 0 12px!important;background:none!important;border:0!important;box-shadow:none!important} .archive .page-title,.search .page-title,.blog .page-title{ font-size:22px!important;font-weight:800;letter-spacing:-.03em;margin:0!important; padding:0 0 0 12px;border-left:4px solid var(--brand);line-height:1.2} /* 각 글 = 작은 아이콘(좌) + 제목·요약(우) 컴팩트 카드 */ .archive .separate-containers .inside-article, .search .separate-containers .inside-article, .blog .separate-containers .inside-article{ display:flex;gap:16px;align-items:flex-start;padding:18px 20px!important} .archive .post-image,.search .post-image,.blog .post-image, .archive .featured-image,.search .featured-image{ order:-1;flex:none;float:none!important;width:66px!important;height:66px!important;margin:2px 0 0!important} .archive .post-image img,.search .post-image img,.blog .post-image img, .archive .featured-image img,.search .featured-image img{ width:66px!important;height:66px!important;border-radius:15px;object-fit:cover;box-shadow:var(--sh2)} .archive .inside-article>*:not(.post-image):not(.featured-image), .search .inside-article>*:not(.post-image):not(.featured-image){flex:1;min-width:0} .archive .entry-title,.search .entry-title,.blog .entry-title{font-size:17px!important;margin:0 0 3px!important;line-height:1.35} .archive .entry-summary,.search .entry-summary,.blog .entry-summary{font-size:13.5px;color:var(--sub);margin:4px 0 0} .archive .entry-meta,.search .entry-meta,.blog .entry-meta{font-size:12px;color:var(--faint)} .archive .entry-meta a,.search .entry-meta a{color:var(--faint)} /* ========================================================= 10. 모바일 검색바 오버플로우 수정 (v2.2.0) ========================================================= */ html,body{overflow-x:hidden} .dl-hero,.dl-herosearch{max-width:100%;box-sizing:border-box} .dl-herosearch{width:100%} .dl-herosearch input{min-width:0} /* 입력칸이 줄어들어 버튼이 안 잘리게(핵심) */ .dl-herosearch button{flex:none;white-space:nowrap} /* 그리드 1fr blowout 방지 (핵심): 카드 콘텐츠가 컬럼을 밀어 넘치는 것 차단 */ .dl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))} .dl-grid>*{min-width:0} @media(max-width:768px){ #page,.site,.site-content,.content-area,.site-main,.inside-article,.entry-content, .dl-hero,.dl-herosearch,.dl-grid,.dl-postlist,.dl-chips{max-width:100%!important;box-sizing:border-box} .dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:600px){ .dl-hero{padding:30px 16px!important;border-radius:16px} .dl-hero h1.dl-h1,.dl-hero h2{font-size:20px!important;line-height:1.3} .dl-hero p{font-size:13.5px} .dl-herosearch{padding:6px} .dl-herosearch input{padding:13px 12px;font-size:14px} .dl-herosearch button{padding:0 16px!important;font-size:14px} } /* ========================================================= 11. 푸터 재설계 + 모바일 헤더(로고중앙+카테고리아래) + 오버플로우 (v2.3.0) ========================================================= */ /* 기본 GP 크레딧바 숨기고 커스텀 푸터 사용 */ .site-info,.inside-site-info,.footer-bar,.copyright-bar{display:none!important} .site-footer{background:#0f172a!important;padding:0!important} .dl-footer{background:#0f172a;color:#94a3b8;padding:36px 20px} .dl-footer-in{max-width:1140px;margin:0 auto;text-align:center} .dl-flogo{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:13px} .dl-flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:14px} .dl-flinks a{color:#cbd5e1;text-decoration:none;font-size:13.5px;font-weight:600} .dl-flinks a:hover{color:#fff} .dl-fmail{font-size:13px;margin:0 0 10px;color:#94a3b8} .dl-fmail a{color:#cbd5e1} .dl-fdisc{font-size:11.5px;color:#64748b;line-height:1.75;max-width:660px;margin:0 auto 12px} .dl-fcopy{font-size:12px;color:#5b6472;margin:0} /* 모바일: 로고+제목 중앙, 카테고리 그 아래 줄바꿈, 햄버거 제거 */ @media(max-width:768px){ .inside-header{flex-direction:column;gap:9px;padding:12px 14px!important;align-items:center;text-align:center} .site-branding,.site-branding-container{justify-content:center!important;width:auto!important;text-align:center} .site-logo{justify-content:center} .menu-toggle,.mobile-menu-control-wrapper{display:none!important} .main-navigation{display:block!important;flex:none!important;width:100%!important;max-width:100%!important;position:static!important} .main-navigation .inside-navigation,.main-navigation .main-nav{display:block!important;width:100%;max-width:100%} .main-navigation .main-nav>ul{display:flex!important;flex-wrap:wrap;justify-content:center;gap:2px 4px;padding:0!important;max-height:none!important;transform:none!important;visibility:visible!important;opacity:1!important} .main-navigation .main-nav ul li{width:auto!important;float:none!important} .main-navigation .main-nav ul li a{padding:6px 11px!important;font-size:13.5px} /* 오버플로우 하드 차단 */ #page,.site,.site-content,.content-area,.site-main,.inside-article,.entry-content, .dl-hero,.dl-herosearch,.dl-grid,.dl-postlist,.dl-chips,.dl-footer-in{max-width:100%!important;width:auto!important;box-sizing:border-box} .dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* 11-b. 모바일 네비 줄바꿈 강제 + 로고 중앙 (v2.3.1) */ @media(max-width:768px){ .site-branding{margin:0 auto!important;float:none!important} .inside-header{align-items:center!important} .main-navigation,.main-navigation .inside-navigation, .main-navigation .main-nav,.main-navigation .main-nav>ul{ width:100%!important;max-width:100%!important;float:none!important;box-sizing:border-box} .main-navigation .main-nav>ul{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;row-gap:2px} .main-navigation .main-nav>ul>li{flex:0 0 auto!important} .dl-hero h1.dl-h1,.dl-hero h2{overflow-wrap:break-word;white-space:normal!important} } /* 11-c. 모바일 로고 중앙 확실히 (v2.3.2) */ @media(max-width:768px){ .inside-header{flex-direction:column!important;align-items:center!important} .site-branding-container{margin:0 auto!important;width:auto!important;float:none!important; display:flex!important;align-items:center;justify-content:center!important;gap:8px} .site-logo,.main-title{float:none!important} } /* 카테고리 섹션 제목 + 더보기 (v2.3.3) */ .dl-cattitle{color:inherit;text-decoration:none} .dl-cattitle:hover{color:var(--brand2)} .dl-more{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--sub);text-decoration:none;letter-spacing:0} .dl-more:hover{color:var(--brand2)} /* 최신등록·카드 썸네일 찌그러짐 방지 (v2.3.4) */ .dl-postlist img,.dl-card img{object-fit:cover!important} /* 최신등록 썸네일 폭 눌림 완전 수정 (v2.3.5) — 전역 img{max-width:100%} 무력화 */ .dl-postlist>li>a{flex:0 0 auto!important} .dl-postlist img{width:56px!important;height:56px!important;max-width:none!important;min-width:56px!important;object-fit:cover!important;flex:none!important} .dl-card img{max-width:none!important} /* ========================================================= 12. FAQ 그린닷 스타일 (사용자 요청 v2.3.6) — 질문 흰카드+초록점, 답변 아래 평문 ========================================================= */ .dl-faq{margin:10px 0} .dl-faq dt{background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important; box-shadow:var(--sh1);padding:15px 20px 15px 42px!important;position:relative; font-weight:700!important;font-size:15.5px!important;margin:14px 0 0!important;letter-spacing:-.02em} .dl-faq dt:before{content:""!important;position:absolute;left:20px!important;top:22px!important; width:9px!important;height:9px!important;border-radius:50%!important;background:var(--brand)!important; color:transparent!important;box-shadow:none!important;line-height:0!important} .dl-faq dd{background:none!important;border:0!important;border-radius:0!important;margin:0!important; padding:11px 20px 6px 42px!important;color:var(--ink2)!important;font-size:14.5px} .dl-faq dd:before{content:none!important} /* ========================================================= 13. Codex df-* 컴포넌트 (글 인라인