{“@context”: “https://schema.org”, “@graph”: [{“@type”: [“LegalService”, “Service”], “@id”: “https://atlaw.kr/restruction/personal-rehabilitation-checklist/#legalservice”, “name”: “개인회생 준비서류 체크리스트 — 법무법인 아틀라스”, “alternateName”: “Personal Rehabilitation Checklist — Atlas Legal”, “description”: “개인회생 신청에 필요한 전체 서류 체크리스트. 채무자회생법 제589조 및 서울회생법원 실무준칙 제402호 기준.”, “url”: “https://atlaw.kr/restruction/personal-rehabilitation-checklist/”, “provider”: {“@id”: “https://atlaw.kr/#legalservice”}, “serviceType”: [“개인회생 준비서류 체크리스트”, “인천 개인회생 서류 준비”, “인천 송도 개인회생 변호사”], “areaServed”: [{“@type”: “AdministrativeArea”, “name”: “인천광역시”}, {“@type”: “AdministrativeArea”, “name”: “서울특별시”}, {“@type”: “AdministrativeArea”, “name”: “경기도”}, {“@type”: “Country”, “name”: “대한민국”}], “availableLanguage”: [{“@type”: “Language”, “name”: “Korean”}, {“@type”: “Language”, “name”: “English”}]}]} {“@context”: “https://schema.org”, “@type”: “FAQPage”, “@id”: “https://atlaw.kr/restruction/personal-rehabilitation-checklist/#faq”, “mainEntity”: [{“@type”: “Question”, “name”: “개인회생 준비서류는 어떻게 분류되나요?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “1차 기본 필수 서류, 채권자 관련, 재산 증빙, 소득·지출 증빙, 금융거래내역, 세무 관련, 기타, 가족 관련, 직업별 추가 서류로 분류됩니다. 채무자회생법 제589조 및 서울회생법원 실무준칙 제402호 기준입니다.”}}, {“@type”: “Question”, “name”: “법무법인 아틀라스 개인회생 상담”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “032-864-8300 또는 info@atlaw.kr로 연락 주시면 서류 준비부터 신청까지 안내해 드립니다.”}}]} body.page-id-1528 .knp-footer{display:none!important} body.page-id-1528 #masthead,body.page-id-1528 #colophon{display:none!important} body.page-id-1528 #wrapper,body.page-id-1528 .site,body.page-id-1528 #primary,body.page-id-1528 .content-container,body.page-id-1528 .site-container,body.page-id-1528 #main,body.page-id-1528 .site-main,body.page-id-1528 .content-wrap,body.page-id-1528 .entry-content-wrap,body.page-id-1528 .entry-content{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;float:none!important;box-sizing:border-box!important} body.page-id-1528 .entry-header,body.page-id-1528 .entry-footer{display:none!important} body.page-id-1528 .entry-content[data-ast-blocks-layout]>*{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important} body.page-id-1528 .wp-block-html{max-width:none!important;width:100%!important;padding:0!important;margin:0!important} html,body{margin:0!important;padding:0!important;}#wpadminbar{position:fixed!important;top:0!important;z-index:99999!important;}html.admin-bar body{padding-top:0!important;margin-top:0!important;}html.admin-bar .site-header{top:32px!important;}.ca-hero{margin-top:0!important;min-height:298px!important;}html,body,#page,.site-content,.entry-content,.ast-container{margin:0;padding-top:0!important;background:#FFFFFF!important} p:empty{display:none!important;margin:0!important;padding:0!important;line-height:0!important;height:0!important} /* ========== WORDPRESS/ASTRA MARGIN RESET ========== */ html, body { margin-top: 0 !important; padding-top: 0 !important; } html.admin-bar, body.admin-bar { margin-top: 0 !important; } * html body { margin-top: 0 !important; } #wpadminbar { /* 관리자 툴바는 그대로 유지 (변호사 본인만 보임) */ } /* ========== RESET & BASE ========== */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { font-size: 20px; } @media (min-width: 1400px) { html { font-size: 19px; } } @media (min-width: 1600px) { html { font-size: 20px; } } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { font-family: ‘Noto Sans KR’, -apple-system, sans-serif; font-weight: 300; color: var(–ink); background: var(–paper); line-height: 1.7; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } img { max-width: 100%; height: auto; display: block; } a { color: inherit; text-decoration: none !important; } button { font: inherit; background: none; border: none; cursor: pointer; color: inherit; } /* ========== DESIGN TOKENS ========== */ :root { –paper:#FFFFFF; –paper-2:#F5F5F5; –ink: #1A1613; –ink-2: #4A4441; –ink-3: #8A817A; –crimson: #722F37; –crimson-deep: #5A252C; –gold: #8B7355; –line: rgba(26, 22, 19, 0.12); –serif-ko: ‘Noto Serif KR’, serif; –serif-en: ‘Fraunces’, ‘Noto Serif KR’, serif; –sans: ‘Noto Sans KR’, sans-serif; –container: min(1400px, calc(100vw – 48px)); –section-py: clamp(60px, 7vw, 120px); } /* ========== TYPOGRAPHY ========== */ .eyebrow { font-family: var(–serif-en); font-size: 20px; font-weight: 400; letter-spacing: 0.25em; text-transform: uppercase; color: var(–crimson); display: inline-block; } .display { font-family: var(–serif-ko); font-weight: 300; line-height: 1.15; letter-spacing: -0.02em; color: var(–ink); } .display-en { font-family: var(–serif-en); font-style: italic; font-weight: 300; } /* ========== HEADER ========== */ .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 18px 0; transition: padding 0.4s; background:rgba(255,255,255,0.97); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(–line); } .site-header.scrolled { padding: 14px 0; } .header-inner { width: var(–container); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .brand { display: inline-flex !important; align-items: center !important; line-height: 0; visibility: visible !important; opacity: 1 !important; } .brand img { height: 40px !important; width: auto !important; display: block !important; visibility: visible !important; opacity: 1 !important; } .nav { display: flex; gap: 36px; align-items: center; } .nav a { font-size: 19px; font-weight: 400; letter-spacing: 0.03em; color: var(–ink); position: relative; padding: 6px 0; transition: color 0.3s; } .nav a:hover { color: var(–crimson); } .mobile-nav { display: none; } .mobile-toggle { display: none; } @media (max-width: 768px) { .mobile-toggle { display: flex !important; flex-direction: column; gap: 6px; padding: 8px; cursor: pointer; background: none; border: none; z-index: 200; } .mobile-toggle span { display: block !important; width: 28px; height: 2px; background: #1A1613; } .mobile-nav { display: flex !important; flex-direction: column !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: #1A1613 !important; z-index: 999 !important; padding: 80px 32px 32px !important; gap: 0 !important; transform: translateX(100%) !important; transition: transform 0.4s cubic-bezier(0.16,1,0.3,1) !important; overflow-y: auto !important; } .mobile-nav.open { transform: translateX(0) !important; } .mobile-nav a { font-size: 22px !important; color: #FAF8F5 !important; padding: 16px 0 !important; border-bottom: 1px solid rgba(250,248,245,0.1) !important; text-decoration: none !important; display: block !important; font-weight: 300 !important; } } /* ========== HERO ========== */ .hero { position: relative; min-height: 0; display: flex; align-items: flex-end; overflow: hidden; color: var(–paper); } .hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,22,19,0.20) 0%, rgba(26,22,19,0.05) 40%, rgba(26,22,19,0.78) 100%); z-index: 1; } .hero-inner { position: relative; z-index: 2; width: var(–container); margin: 0 auto; padding-bottom: clamp(60px, 9vw, 140px); padding-top: 120px; } .hero-tag { font-family: var(–serif-en); font-size: 13px; font-weight: 300; letter-spacing: 0.3em; text-transform: uppercase; color: var(–paper); opacity: 0.85; margin-bottom: 24px; text-shadow: 0 2px 18px rgba(0,0,0,0.7), 0 0 4px rgba(0,0,0,0.4); animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both; } .hero-title { font-family: var(–serif-ko); font-size: clamp(18px, 2.2vw, 32px); font-weight: 300; line-height: 1.1; letter-spacing: -0.02em; color: var(–paper); max-width: none; margin-bottom: 16px; text-shadow: 0 2px 18px rgba(0,0,0,0.7), 0 0 4px rgba(0,0,0,0.4); animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both; } .hero-title em { font-family: var(–serif-en); font-style: italic; font-weight: 300; color: var(–paper); } .hero-sub { font-size: clamp(24px, 4vw, 56px); font-weight: 300; font-family: var(–serif-ko); line-height: 1.2; color: var(–paper); max-width: 18ch; opacity: 1; text-shadow: 0 2px 18px rgba(0,0,0,0.7), 0 0 4px rgba(0,0,0,0.4); margin-bottom: 48px; animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.7s both; } .hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s both; } .btn { display: inline-flex; align-items: center; gap: 12px; padding: 16px 32px; font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase; font-weight: 400; border: 1px solid; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); text-decoration: none; } .btn-primary { background: var(–crimson); border-color: var(–crimson); color: var(–paper); } .btn-primary:hover { background: var(–crimson-deep); border-color: var(–crimson-deep); } .btn-ghost { background: transparent; border-color: currentColor; color: var(–paper); } .btn-ghost:hover { background: var(–paper); color: var(–ink); } .btn .arrow { font-size: 20px; line-height: 1; transition: transform 0.3s; } .btn:hover .arrow { transform: translateX(4px); } .hero-scroll { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 3; font-family: var(–serif-en); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(–paper); opacity: 0.7; display: flex; flex-direction: column; align-items: center; gap: 12px; animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 1.2s both; } .hero-scroll::after { content: ”; width: 1px; height: 40px; background: currentColor; animation: scrollDown 2s ease-in-out infinite; } /* ========== MANIFESTO (section 2) ========== */ .manifesto { padding: var(–section-py) 0; position: relative; } .manifesto-inner { width: var(–container); margin: 0 auto; display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(40px, 8vw, 120px); align-items: center; } .manifesto-image { position: relative; aspect-ratio: 3/4; overflow: hidden; } .manifesto-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); } .manifesto-image:hover img { transform: scale(1.04); } .manifesto-image::after { content: ”; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(26,22,19,0.15) 100%); pointer-events: none; } .manifesto-text .eyebrow { margin-bottom: 32px; } .manifesto-text h2 { font-family: var(–serif-ko); font-size: clamp(28px, 3.6vw, 48px); font-weight: 300; line-height: 1.3; letter-spacing: -0.02em; margin-bottom: 32px; } .manifesto-text h2 em { font-family: var(–serif-en); font-style: italic; color: var(–crimson); } .manifesto-text p { font-size: 20px; line-height: 1.85; color: var(–ink-2); margin-bottom: 24px; max-width: 46ch; } .manifesto-text .read-more { margin-top: 40px; display: inline-flex; align-items: center; gap: 12px; font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase; color: var(–crimson); border-bottom: 1px solid var(–crimson); padding-bottom: 4px; transition: gap 0.3s; } .manifesto-text .read-more:hover { gap: 18px; } /* ========== PEOPLE (section 3) ========== */ .people { padding: var(–section-py) 0; background: var(–paper-2); position: relative; } .people-inner { width: var(–container); margin: 0 auto; } .section-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: clamp(48px, 6vw, 80px); gap: 40px; flex-wrap: wrap; } .section-head-left .eyebrow { margin-bottom: 20px; } .section-head-left h2 { font-family: var(–serif-ko); font-size: clamp(32px, 4.5vw, 60px); font-weight: 300; line-height: 1.15; letter-spacing: -0.02em; max-width: 18ch; } .section-head-left h2 em { font-family: var(–serif-en); font-style: italic; color: var(–crimson); } .section-head-right { max-width: 380px; font-size: 19px; line-height: 1.8; color: var(–ink-2); } .people-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(24px, 3vw, 48px); } .person { cursor: pointer; } .person-photo-link { display: block; text-decoration: none !important; } .person-photo-link:hover .person-photo img { transform: scale(1.05); filter: grayscale(0%) contrast(1); } .person-photo { aspect-ratio: 4/5; overflow: hidden; margin-bottom: 24px; background: #c9c4be; position: relative; } .person-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s; filter: grayscale(100%) contrast(1.02); } .person:hover .person-photo img { transform: scale(1.05); filter: grayscale(0%) contrast(1); } .person-photo::after { content: ”; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 70%, rgba(26,22,19,0.25) 100%); pointer-events: none; } .person-name { font-family: var(–serif-ko); font-size: 22px; font-weight: 400; margin-bottom: 6px; letter-spacing: -0.01em; } .person-name-en { font-family: var(–serif-en); font-style: italic; font-size: 20px; font-weight: 300; color: var(–ink-3); margin-bottom: 12px; display: block; } .person-role { font-size: 20px; letter-spacing: 0.08em; text-transform: uppercase; color: var(–crimson); font-weight: 400; margin-bottom: 16px; } .person-desc { font-size: 20px; line-height: 1.7; color: var(–ink-2); max-width: 32ch; } .person-link { margin-top: 18px; display: inline-flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; color: var(–ink); transition: color 0.3s, gap 0.3s; } .person:hover .person-link { color: var(–crimson); gap: 16px; } /* ========== PRACTICE AREAS (section 4) ========== */ .practice { padding: var(–section-py) 0; position: relative; } .practice-inner { width: var(–container); margin: 0 auto; } .practice-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1px; background: var(–line); border-top: 1px solid var(–line); border-bottom: 1px solid var(–line); margin-top: clamp(48px, 6vw, 80px); } .practice-item { background: var(–paper); padding: 28px 32px; min-height: 140px; position: relative; transition: background 0.4s; cursor: pointer; } .practice-item:hover { background: var(–paper-2); } /* 1행: 기업자문(6) + 국제거래(6) */ .practice-item:nth-child(1) { grid-column: span 6; } .practice-item:nth-child(2) { grid-column: span 6; } /* 2행: 기업분쟁(4) + 외국인투자(4) + 외국법(4) */ .practice-item:nth-child(3) { grid-column: span 4; } .practice-item:nth-child(4) { grid-column: span 4; } .practice-item:nth-child(5) { grid-column: span 4; } /* 3행: 기업범죄(3) + 공정거래(3) + 건설(3) + 지재권(3) */ .practice-item:nth-child(6) { grid-column: span 3; } .practice-item:nth-child(7) { grid-column: span 3; } .practice-item:nth-child(8) { grid-column: span 3; } .practice-item:nth-child(9) { grid-column: span 3; } /* 4행: 노동(4) + 해상(4) + 조세(4) */ .practice-item:nth-child(10) { grid-column: span 4; } .practice-item:nth-child(11) { grid-column: span 4; } .practice-item:nth-child(12) { grid-column: span 4; } /* 5행: 회생(3) + 재산분할(3) + 상속(3) + 성년후견(3) */ .practice-item:nth-child(13) { grid-column: span 3; } .practice-item:nth-child(14) { grid-column: span 3; } .practice-item:nth-child(15) { grid-column: span 3; } .practice-item:nth-child(16) { grid-column: span 3; } .practice-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 32px; } .practice-item:hover .practice-num { color: var(–crimson); } .practice-item:hover .practice-arrow { opacity: 1; transform: translate(4px, -4px); } /* Asymmetric grid */ .practice-item:nth-child(n) { justify-content: center !important; align-items: center !important; } .practice-num { font-family: var(–serif-en); font-size: 12px; font-weight: 400; letter-spacing: 0.15em; color: var(–ink-3); transition: color 0.3s; } .practice-title { font-family: var(–serif-ko); font-size: clamp(18px, 1.6vw, 22px); font-weight: 400; line-height: 1.35; letter-spacing: -0.01em; } .practice-arrow { position: absolute; top: 32px; right: 32px; font-family: var(–serif-en); font-size: 20px; color: var(–crimson); opacity: 0; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } /* ========== INSIGHTS (section 5) ========== */ .insights { padding: var(–section-py) 0; background: var(–ink); color: var(–paper); position: relative; } .insights-inner { width: var(–container); margin: 0 auto; } .insights .section-head-left h2 { color: var(–paper); } .insights .eyebrow { color: var(–gold) !important; } .insights .section-head-left .eyebrow { color: var(–gold); } .insights .section-head-right { color: rgba(250, 248, 245, 0.7); } .section-head-simple { display: block; margin-bottom: clamp(48px, 6vw, 80px); } .insights-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(24px, 3vw, 40px); } .insight-card { display: flex; flex-direction: column; cursor: pointer; padding-bottom: 0; transition: transform 0.4s; text-decoration: none !important; } .insight-card *, .insight-card *::before, .insight-card *::after { text-decoration: none !important; } .insight-card:hover, .insight-card:hover * { text-decoration: none !important; } .insight-card:hover { transform: translateY(-4px); } .insight-num { font-family: var(–serif-en); font-size: 22px; font-weight: 400; letter-spacing: 0.18em; color: var(–gold); margin-bottom: 32px; } .insight-card:nth-child(1) .insight-image { aspect-ratio: 4/3; } .insight-card:nth-child(2) .insight-image { aspect-ratio: 4/5; } .insight-card:nth-child(3) .insight-image { aspect-ratio: 4/3; } .insight-image { overflow: hidden; margin-bottom: 28px; background: #2a2320; } .insight-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1); filter: brightness(0.85); } .insight-card:hover .insight-image img { transform: scale(1.06); filter: brightness(1); } .insight-meta { display: flex; gap: 20px; font-family: var(–serif-en); font-size: 19px; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(250, 248, 245, 0.7); margin-bottom: 20px; } .insight-title { font-family: var(–serif-ko); font-size: clamp(18px, 1.8vw, 26px); font-weight: 400; line-height: 1.4; letter-spacing: -0.01em; margin-bottom: 22px; color: var(–paper); } .insight-excerpt { font-size: 20px; line-height: 1.75; color: rgba(250, 248, 245, 0.8); max-width: 42ch; margin-bottom: 32px; } .insight-readmore { margin-top: auto; font-size: 20px; letter-spacing: 0.15em; text-transform: uppercase; color: var(–gold); display: inline-flex; align-items: center; gap: 10px; transition: gap 0.3s; } .insight-card:hover .insight-readmore { gap: 16px; } .insights-more { margin-top: clamp(48px, 6vw, 72px); text-align: center; } .insights-more a { display: inline-flex; align-items: center; gap: 14px; font-family: var(–serif-en); font-size: 20px; letter-spacing: 0.2em; text-transform: uppercase; color: var(–paper); padding: 18px 40px; border: 1px solid rgba(250, 248, 245, 0.3); transition: all 0.4s; } .insights-more a:hover { background: var(–paper); color: var(–ink); border-color: var(–paper); } /* ========== NEWS (section 6) ========== */ .news { padding: var(–section-py) 0; } .news-inner { width: var(–container); margin: 0 auto; } .news-list { border-top: 1px solid var(–line); margin-top: clamp(48px, 6vw, 72px); } .news-item { display: grid; grid-template-columns: 160px 1fr auto; gap: 48px; padding: 32px 0; border-bottom: 1px solid var(–line); align-items: center; cursor: pointer; transition: background 0.3s, padding 0.3s; text-decoration: none !important; } .news-item:hover { padding-left: 24px; padding-right: 24px; background: var(–paper-2); text-decoration: none !important; } .news-date { font-family: var(–serif-en); font-size: 13px; letter-spacing: 0.1em; color: var(–ink-3); } .news-title { font-family: var(–serif-ko); font-size: clamp(16px, 1.4vw, 20px); font-weight: 400; line-height: 1.5; color: var(–ink); letter-spacing: -0.01em; } .news-tag { font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: var(–crimson); padding: 6px 14px; border: 1px solid var(–crimson); white-space: nowrap; } /* ========== CONTACT / OFFICE (section 7) ========== */ .contact { position: relative; overflow: hidden; color: var(–paper); padding: var(–section-py) 0 80px; } .contact-bg { position: absolute; inset: 0; z-index: 0; } .contact-bg img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.4) contrast(1.05); } .contact-bg::after { content: ”; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,22,19,0.5) 0%, rgba(26,22,19,0.85) 100%); } .contact-inner { position: relative; z-index: 1; width: var(–container); margin: 0 auto; padding: 0 clamp(24px, 4vw, 80px); } .contact-eyebrow { color: var(–gold); display: block; margin-bottom: 48px; } .contact-cols { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; border-top: 1px solid rgba(250, 248, 245, 0.15); } .contact-col { padding: 48px 40px; display: flex; flex-direction: column; } .contact-col-title { font-family: var(–serif-en); font-size: 11px; font-weight: 400; letter-spacing: 0.25em; text-transform: uppercase; color: var(–gold); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(139, 115, 85, 0.4); } .contact-col-body { font-size: 20px; line-height: 1.9; color: rgba(250, 248, 245, 0.92); font-weight: 300; flex: 1; } .contact-col-body a { display: block; transition: color 0.3s; text-decoration: none; } .contact-col-body a:hover { color: var(–gold); } .contact-col-body strong { font-weight: 500; display: block; margin-bottom: 4px; } .contact-btn { margin-top: 40px; align-self: flex-start; text-decoration: none; } .footer-top { grid-template-columns: 1fr; gap: 40px; padding-bottom: 40px; } /* ========== MAP SECTION ========== */ .map-section { display: flex; flex-direction: column; } .map-embed { width: 100%; height: 420px; border: none; display: block; } .map-buttons { background: #1A1613; padding: 20px 40px; display: flex; flex-direction: row; gap: 16px; justify-content: center; align-items: center; flex-wrap: wrap; } .map-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; border: 1px solid; text-decoration: none; white-space: nowrap; transition: all 0.3s; } .map-btn-naver { background: #03C75A; border-color: #03C75A; color: #fff; } .map-btn-naver:hover { background: #02a84c; border-color: #02a84c; } .map-btn-kakao { background: #FEE500; border-color: #FEE500; color: #000; } .map-btn-kakao:hover { background: #e6ce00; border-color: #e6ce00; } .map-btn-google { background: transparent; border-color: rgba(250,248,245,0.4); color: rgba(250,248,245,0.9); } .map-btn-google:hover { background: var(–paper); color: var(–ink); border-color: var(–paper); } .footer { background: #0F0C0A !important; color: rgba(250, 248, 245, 1) !important; padding: 20px 0 !important; } .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; flex-wrap: wrap; gap: 20px; font-size: 12px; background: #0F0C0A; color: rgba(250, 248, 245, 1); } } .footer-bottom { flex-direction: column; align-items: flex-start; } } .practice-grid { border-bottom: none !important; } .practice-grid > p { display: none !important; margin: 0 !important; padding: 0 !important; } /* ========== RESPONSIVE — 1400px 이하 (27인치 QHD) ========== */ @media (max-width: 1400px) { .hero-sub { font-size: clamp(28px, 4.5vw, 56px); } .insight-title { font-size: clamp(20px, 2vw, 28px); } .insight-excerpt { font-size: 20px; } .manifesto-text p { font-size: 19px; } .person-desc { font-size: 20px; } } /* ========== RESPONSIVE — 1200px 이하 (노트북 15인치) ========== */ @media (max-width: 1200px) { .hero-title { font-size: clamp(20px, 2.5vw, 32px); } .hero-sub { font-size: clamp(24px, 4vw, 48px); } .manifesto-text h2 { font-size: clamp(24px, 3vw, 36px); } .manifesto-text p { font-size: 20px; } .person-name { font-size: 20px; } .person-role { font-size: 13px; } .person-desc { font-size: 20px; } .practice-item { min-height: 100px; padding: 20px 24px; } .practice-title { font-size: clamp(13px, 1.2vw, 16px); } .insight-title { font-size: clamp(18px, 1.8vw, 24px); } .insight-excerpt { font-size: 20px; } .insight-meta { font-size: 13px; } .news-title { font-size: clamp(14px, 1.2vw, 17px); } .contact-col-body { font-size: 20px; } .contact-col { padding: 36px 28px; } } /* ========== RESPONSIVE — 768px 이하 (모바일) ========== */ @media (max-width: 768px) { .map-embed { height: 260px; } .map-buttons { padding: 16px 20px; gap: 12px; } .map-btn { padding: 10px 18px; font-size: 11px; } } /* 전체 너비 및 여백 리셋 */ html, body { margin: 0 !important; padding: 0 !important; } p:empty { display: none !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; height: 0 !important; font-size: 0 !important; } /* 헤더 전체 너비 고정 */ .site-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: none !important; z-index: 9999 !important; background: transparent !important; border-bottom: none !important; padding: 0 !important; margin: 0 !important; max-width: none !important; box-sizing: border-box !important; -webkit-transition: background 0.3s ease !important; transition: background 0.3s ease !important; } .site-header.scrolled { background:rgba(255,255,255,0.97) !important; border-bottom: 1px solid rgba(26, 22, 19, 0.08) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; } /* 헤더 내부 가로 배치 */ .header-inner { display: -webkit-flex !important; display: flex !important; -webkit-align-items: center !important; align-items: center !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; width: 100% !important; max-width: 1400px !important; margin: 0 auto !important; padding: 0 40px !important; height: 72px !important; box-sizing: border-box !important; } /* nav 가로 배치 */ .nav { display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row !important; flex-direction: row !important; gap: 8px !important; align-items: center !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } /* 초기 흰 글씨 */ .site-header:not(.scrolled) .nav a { color: #FAF8F5 !important; } .site-header:not(.scrolled) .mobile-toggle span { background:#FFFFFF !important; } /* 스크롤 후 다크 글씨 */ .site-header.scrolled .nav a { color: var(–ink) !important; } .site-header.scrolled .mobile-toggle span { background: #1A1613 !important; } /* nav 링크 */ .nav a { font-size: 13px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; text-decoration: none !important; padding: 8px 14px !important; white-space: nowrap !important; -webkit-transition: color 0.3s ease !important; transition: color 0.3s ease !important; } .nav a:hover { color: #8B7355 !important; } /* 언어 전환 버튼 */ .lang-switch { font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; text-decoration: none !important; background: none !important; border: none !important; padding: 8px 14px !important; margin-left: 0 !important; transition: color 0.3s ease !important; white-space: nowrap !important; border-radius: 0 !important; } .site-header:not(.scrolled) .lang-switch { color: #FAF8F5 !important; } .site-header:not(.scrolled) .lang-switch:hover { color: #8B7355 !important; } .site-header.scrolled .lang-switch { color: #1A1613 !important; } .site-header.scrolled .lang-switch:hover { color: #8B7355 !important; } /* 로고 */ .brand img { height: 48px !important; width: auto !important; } /* hello-elementor 테마 컨테이너 제한 해제 */ .elementor-section-wrap, .e-con-inner, .elementor-container { max-width: none !important; } /* ========== LANG SWITCH 디자인 강화 (override) ========== */ /* 추가일: 2026-04-25 / 변경: 글자 키움 + 와인색 사각 테두리 + 호버 배경 채움 */ /* 기존 .lang-switch 규칙들은 그대로 두고, 이 블록의 후행 우선 원칙으로 덮어씀 */ /* .nav a !important 경쟁 대비: nav .lang-switch 로 specificity 강화 */ nav .lang-switch { font-size: 20px !important; font-weight: 500 !important; border: 1.5px solid #722F37 !important; padding: 8px 16px !important; border-radius: 0 !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; display: inline-block !important; } /* 다크 헤더(스크롤 전) — 흰 글씨 + 와인 테두리, 호버 시 배경 채움 */ .site-header:not(.scrolled) nav .lang-switch { color: #FAF8F5 !important; background: transparent !important; } .site-header:not(.scrolled) nav .lang-switch:hover { background: #722F37 !important; color: #FAF8F5 !important; border-color: #722F37 !important; } /* 화이트 헤더(스크롤 후) — 검정 글씨 + 와인 테두리, 호버 시 배경 채움 + 글씨 화이트 반전 */ .site-header.scrolled nav .lang-switch { color: #1A1613 !important; background: transparent !important; } .site-header.scrolled nav .lang-switch:hover { background: #722F37 !important; color: #FAF8F5 !important; border-color: #722F37 !important; } /* ========== /LANG SWITCH 디자인 강화 ========== */ .site-header{position:fixed;top:0;left:0;right:0;z-index:9999;padding:18px 0;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:none;transition:padding 0.4s}.site-header.scrolled{padding:14px 0}.atlas-home-btn{display:inline-flex;align-items:center;padding:10px 22px;background:var(–crimson);color:#FFFFFF!important;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;text-decoration:none!important;transition:all 0.3s;white-space:nowrap;margin-left:16px}.atlas-home-btn:hover{background:var(–crimson-deep);color:#FFFFFF!important}.atlas-home-btn{display:inline-flex;align-items:center;padding:10px 22px;background:var(–crimson);color:#FFFFFF!important;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;font-family:var(–sans);font-weight:500;text-decoration:none!important;transition:all 0.3s;white-space:nowrap;}.atlas-home-btn:hover{background:var(–crimson-deep);color:#FFFFFF!important;}.header-inner{width:min(1400px,calc(100vw – 48px));margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex!important;align-items:center!important;line-height:0}.brand img{height:40px!important;width:auto!important;display:block!important}.nav{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center!important;list-style:none!important;margin:0!important;padding:0!important}.nav a{font-size:17px!important;letter-spacing:0.12em!important;text-transform:uppercase!important;text-decoration:none!important;color:var(–ink)!important;padding:8px 14px!important;white-space:nowrap!important;transition:color 0.3s!important;font-family:’Noto Sans KR’,sans-serif!important}.nav a:hover{color:#8B7355!important}.mobile-toggle{display:none!important;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer}.mobile-toggle span{display:block;width:22px;height:2px;background:#1A1613;transition:all 0.3s}#mobileNav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(250,248,245,0.98);z-index:9998;flex-direction:column;align-items:center;justify-content:center;gap:32px}#mobileNav.open{display:flex}#mobileNav a{font-size:22px;letter-spacing:0.12em;text-transform:uppercase;color:#1A1613;text-decoration:none;font-family:’Noto Sans KR’,sans-serif}@media(max-width:768px){.nav{display:none!important}.mobile-toggle{display:flex!important}} /* ATLAS PRACTICE PAGE — site-header override */.site-header{background:rgba(255,255,255,0.97)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(26,22,19,0.12)!important}.site-header .nav a{color: var(–ink)!important}.site-header .mobile-toggle span{background:#1A1613!important}.site-header.scrolled{background:rgba(255,255,255,0.97)!important}.site-header.scrolled .nav a{color: var(–ink)!important}.site-header:not(.scrolled) .nav a{color: var(–ink)!important}.site-header:not(.scrolled) .mobile-toggle span{background:#1A1613!important} @media(max-width:768px){footer[style*=”1A1613″]{padding:48px 24px 28px!important}footer[style*=”1A1613″] .footer-grid-mobile{grid-template-columns:1fr!important;gap:32px!important}} /* ========== WORDPRESS/ASTRA RESET ========== */ html,body,#page,.site-content,.entry-content,.ast-container{margin:0;padding-top:0!important;background:#FFFFFF!important} /* ========== RESET & BASE ========== */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{font-size:20px;scroll-behavior:smooth;-webkit-text-size-adjust:100%} @media(min-width:1400px){html{font-size:17px}} @media(min-width:1600px){html{font-size:20px}} body{font-family:’Noto Sans KR’,-apple-system,sans-serif;font-weight:300;color:var(–ink);background:var(–paper);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none!important} button{font:inherit;background:none;border:none;cursor:pointer;color:inherit} /* ========== DESIGN TOKENS ========== */ :root{ –paper:#FFFFFF; –paper-2:#F5F5F5; –ink:#1A1613; –ink-2:#4A4441; –ink-3:#8A817A; –crimson:#722F37; –crimson-deep:#5A252C; –gold:#8B7355; –line:rgba(26,22,19,0.12); –serif-ko:’Noto Serif KR’,serif; –serif-en:’Fraunces’,’Noto Serif KR’,serif; –sans:’Noto Sans KR’,sans-serif; –container:min(1400px,calc(100vw – 48px)); –section-py:clamp(60px,7vw,120px); } /* ========== HEADER ========== */ .site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:padding 0.4s;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:none} .site-header.scrolled{padding:14px 0}.atlas-home-btn{display:inline-flex;align-items:center;padding:10px 22px;background:var(–crimson);color:#FFFFFF!important;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;text-decoration:none!important;transition:all 0.3s;white-space:nowrap;margin-left:16px}.atlas-home-btn:hover{background:var(–crimson-deep);color:#FFFFFF!important}.atlas-home-btn{display:inline-flex;align-items:center;padding:10px 22px;background:var(–crimson);color:#FFFFFF!important;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;font-family:var(–sans);font-weight:500;text-decoration:none!important;transition:all 0.3s;white-space:nowrap;}.atlas-home-btn:hover{background:var(–crimson-deep);color:#FFFFFF!important;} .header-inner{width:var(–container);margin:0 auto;display:flex;align-items:center;justify-content:space-between} .brand{display:inline-flex!important;align-items:center!important;line-height:0;visibility:visible!important;opacity:1!important} .brand img{height:40px!important;width:auto!important;display:block!important;visibility:visible!important;opacity:1!important} .nav{display:flex;gap:36px;align-items:center} .nav a{font-size:17px;font-weight:400;letter-spacing:0.03em;color: var(–ink);position:relative;padding:6px 0;transition:color 0.3s} .nav a:hover{color:var(–crimson)} .mobile-toggle{display:none} .mobile-nav{display:none} @media(max-width:768px){ .nav{display:none} .mobile-toggle{display:flex!important;flex-direction:column;gap:6px;padding:8px;cursor:pointer;background:none;border:none;z-index:200} .mobile-toggle span{display:block!important;width:28px;height:2px;background:#1A1613} .mobile-nav{display:flex!important;flex-direction:column!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#1A1613!important;z-index:999!important;padding:80px 32px 32px!important;gap:0!important;transform:translateX(100%)!important;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)!important;overflow-y:auto!important} .mobile-nav.open{transform:translateX(0)!important} .mobile-nav a{font-size:22px!important;color:#FAF8F5!important;padding:16px 0!important;border-bottom:1px solid rgba(250,248,245,0.1)!important;display:block!important;font-weight:300!important} } /* ========== HERO ========== */ .ca-hero{position:relative;padding:clamp(60px,6vw,80px) 0 clamp(40px,4vw,60px);margin-top:0;background:#0d1810;overflow:hidden;}.ca-hero::before{content:”;position:absolute;inset:0;z-index:0;background-image:url(‘https://atlaw.kr/wp-content/uploads/2026/04/creativenerdtim-incheon-songdo-1022526-scaled.jpg’);background-size:cover;background-position:center 55%;opacity:0.55;}.ca-hero::after{content:”;position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(8,4,6,0.2) 0%,rgba(8,4,6,0.1) 40%,rgba(8,4,6,0.75) 100%),linear-gradient(to right,rgba(8,4,6,0.65) 0%,rgba(8,4,6,0.1) 65%);} .ca-hero-inner{position:relative;z-index:2;width:100%;max-width:1000px;margin:0 auto;padding:0 clamp(24px,4vw,60px)}.ca-hero-sub{font-family:var(–sans);font-size:clamp(18px,1.8vw,24px);font-weight:300;letter-spacing:0.08em;color:rgba(250,248,245,0.85);margin-top:20px;} .ca-hero h1{font-family:var(–serif-ko);font-size:clamp(36px,5vw,60px);font-weight:700;color:#ffffff;margin:0 0 4px;line-height:1.15} .ca-hero h1 em{font-family:var(–serif-en);font-style:italic;font-weight:300;font-size:clamp(22px,3.5vw,42px);color:rgba(250,248,245,0.5);display:block;margin-top:6px;letter-spacing:0.01em} /* ========== ANSWER BLOCK ========== */ .ca-answer{background:#FFFFFF;padding:24px 0;margin:0 0 40px;font-size:20px;line-height:1.85;color:#2A2420} .ca-answer strong{color:var(–crimson)} /* ========== SECTIONS ========== */ .ca{font-family:var(–sans);color:var(–ink);line-height:1.72;margin:0;padding:0;background:#FFFFFF} .ca *{box-sizing:border-box} .ca-sec{padding:72px 0;border-bottom:none} .ca-sec:last-of-type{border-bottom:none} .ca-sec-inner{max-width:960px;margin:0 auto;padding:0 40px} .ca-sec h2{font-family:var(–serif-ko);font-size:28px;font-weight:600;color:var(–crimson);margin:0 0 32px;line-height:1.3;letter-spacing:-0.01em} .ca-sec h3{font-family:var(–serif-ko);font-size:21px;font-weight:500;color:#1A1714;margin:28px 0 10px;line-height:1.4} .ca-sec p{font-size:17.5px;line-height:1.88;color:#4A4540;margin:0 0 16px} .ca-sec ul{list-style:none;margin:0 0 16px;padding:0} .ca-sec ul li{font-size:17px;color:#4A4540;line-height:1.72;padding:7px 0 7px 18px;position:relative;border-bottom:none} .ca-sec ul li:last-child{border-bottom:none} .ca-sec ul li::before{content:’∙’;position:absolute;left:0;color:var(–crimson);font-size:20px;line-height:1.5} .ca-sec ul li strong{color:#1A1714;font-weight:600} /* ========== CARDS ========== */ .ca-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:8px 0 32px} .ca-card{background:#ffffff;border:1px solid #E8E0D5;padding:24px 20px;transition:box-shadow 0.2s,transform 0.2s} .ca-card:hover{box-shadow:0 4px 16px rgba(114,47,55,0.1);transform:translateY(-2px)}.ca-card h4{font-family:var(–serif-ko);font-size:20px;font-weight:600;color:var(–crimson);margin:0 0 10px;line-height:1.3} .ca-card p{font-size:17.5px;color:#4A4540;line-height:1.65;margin:0} @media(max-width:768px){.ca-cards{grid-template-columns:1fr}} /* ========== COMPARISON TABLE ========== */ .ca-table-wrap{overflow-x:auto;margin:8px 0 32px} .ca-table{width:100%;border-collapse:collapse;font-size:17.5px;min-width:640px} .ca-table thead tr{background:#F5F0EB;border-top:1px solid #D6CFC7;border-bottom:2px solid #D6CFC7} .ca-table thead th{padding:12px 16px;text-align:center;color:#1A1613;font-weight:700;font-size:16px;letter-spacing:0.04em;white-space:nowrap;border:1px solid #D6CFC7} .ca-table tbody tr{border-bottom:1px solid #D6CFC7} .ca-table tbody tr:nth-child(even){background:#FAF8F5} .ca-table tbody td{padding:12px 16px;color:#4A4540;vertical-align:middle;line-height:1.65;text-align:center;border:1px solid #D6CFC7} .ca-table tbody td:first-child{font-weight:500;color:var(–ink);white-space:nowrap;text-align:center} .ca-table .highlight{color:var(–crimson);font-weight:600} /* ========== STEPS ========== */ .ca-steps{margin:8px 0 32px} .ca-step{padding:20px 0;border-bottom:none} .ca-step:last-child{border-bottom:none} .ca-step-num{display:inline;font-size:inherit;font-weight:700;color:var(–ink);margin-right:4px} .ca-step-title{display:inline;font-size:20px;font-weight:600;color:var(–ink)} .ca-step-body{font-size:20px;color:#4A4540;line-height:1.8} /* ========== COST TABLE ========== */ .ca-cost-title{font-family:var(–serif-ko);font-size:20px;font-weight:600;color:var(–ink);margin:40px 0 14px;padding-bottom:10px;border-bottom:none} .ca-cost-note{font-size:12.5px;color:#8A817A;line-height:1.8;margin:8px 0 24px} /* ========== NOTICE / CALLOUT ========== */ .ca-notice{background:#FFFFFF;border:1px solid #E8E0D5;padding:20px 24px;margin:16px 0 24px} .ca-notice.crimson{background:#FFFFFF;border-color:#C0CCA8} .ca-notice-title{font-size:20px;font-weight:600;color:var(–ink);margin-bottom:7px} .ca-notice p{font-size:20px;color:#4A4540;line-height:1.85;margin:0} .ca-notice cite{font-style:normal;font-size:12px;color:#8A817A;display:block;margin-top:8px}.ca-original{max-width:860px;margin:0 auto;padding:0;font-family:var(–sans)}.ca-original h2{font-family:var(–serif);font-size:clamp(24px,2.4vw,32px);font-weight:600;color:var(–crimson);margin:72px 0 20px;letter-spacing:-0.01em}.ca-original h3{font-family:var(–sans);font-size:clamp(16px,1.5vw,19px);font-weight:700;color:var(–ink);margin:40px 0 12px;letter-spacing:0.02em;text-transform:uppercase}.ca-original h4{font-family:var(–sans);font-size:16px;font-weight:600;color:var(–ink);margin:24px 0 8px}.ca-original p{font-family:var(–sans);font-size:17px;line-height:1.85;color:var(–ink-2);margin:0 0 16px}.ca-original ul,.ca-original ol{font-family:var(–sans);font-size:17px;line-height:1.85;color:var(–ink-2);margin:12px 0 20px;padding-left:24px}.ca-original li{margin-bottom:8px}.ca-original li::marker{font-size:11px}.ca-original strong{font-weight:600;color:var(–ink)}.ca-original .ca-notice{background:#FFFFFF;border:1px solid #E8E0D5;padding:20px 24px;margin:16px 0 24px}.ca-original table{width:100%;border-collapse:collapse;font-size:16px;margin:20px 0;font-family:var(–sans)}.ca-original table th{background:#FFFFFF;color:var(–ink);padding:12px 16px;text-align:center;font-weight:700;font-size:15px;font-family:var(–sans);border-bottom:2px solid var(–ink)}.ca-original table td{padding:12px 16px;border-bottom:1px solid #E8E0D5;vertical-align:top;text-align:center;font-family:var(–sans)}.ca-original table tr:nth-child(even){background:#FAFAFA}.ca-original .checklist-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #F0EBE4}.ca-original input[type=”checkbox”]{width:18px;height:18px;margin-top:3px;accent-color:var(–crimson);flex-shrink:0} /* ========== ELIGIBILITY ========== */ .ca-eligibility{background:#FFFFFF;border:1px solid #E8E0D5;padding:28px 32px;margin:8px 0 24px} .ca-eligibility-title{font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(–gold);margin-bottom:16px;padding-bottom:10px;border-bottom:none} .ca-elig-item{display:flex;gap:14px;padding:9px 0;font-size:16.5px;color:#4A4540;line-height:1.8;border-bottom:none} .ca-elig-item:last-child{border-bottom:none} .ca-elig-item::before{content:’—’;color:var(–crimson);flex-shrink:0;margin-top:2px} /* ========== COURT GRID ========== */ .ca-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 24px} .ca-grid-item{background:#ffffff;border:1px solid #E8E0D5;padding:20px 22px} .ca-grid-item-label{font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(–gold);font-weight:600;margin-bottom:9px} .ca-grid-item p{font-size:20px;color:#4A4540;line-height:1.8;margin:0} @media(max-width:600px){.ca-grid-2{grid-template-columns:1fr}} /* ========== FEE GRID ========== */ .ca-fee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:8px 0 20px} .ca-fee-item{padding:16px 18px;background:#FFFFFF;border:1px solid #E8E0D5} .ca-fee-label{font-size:12px;color:#8A817A;margin-bottom:4px} .ca-fee-value{font-size:20px;font-weight:600;color:var(–ink);font-family:var(–serif-ko)} .ca-fee-note{font-size:11.5px;color:#A89880;margin-top:3px} @media(max-width:600px){.ca-fee-grid{grid-template-columns:1fr}} /* ========== MATTER (수행사례) ========== */ .ca-matter{padding:16px 0;border-bottom:none} .ca-matter:last-child{border-bottom:none} .ca-matter-tag{display:inline-block;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(–crimson);background:#ffffff;border:1px solid #E8E0D5;padding:3px 10px;margin-bottom:8px;font-weight:600} .ca-matter-text{font-size:17px;color:#4A4540;line-height:1.7;margin:0} /* ========== ATTORNEY ========== */ .ca-atty{background:#ffffff;border:1px solid #E8E0D5;border-left:3px solid var(–crimson);padding:20px 24px;display:flex;gap:20px;align-items:flex-start;margin-top:32px} .ca-atty-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0} .ca-atty-info h4{font-family:var(–serif-ko);font-size:20px;font-weight:600;color:var(–ink);margin:0 0 4px} .ca-atty-info p{font-size:17.5px;color:#8A817A;line-height:1.7;margin:0} /* ========== HUB (관련 페이지) ========== */ .ca-hub{background:#FFFFFF;border-top:none;border-bottom:none;padding:56px 0} .ca-hub-inner{max-width:960px;margin:0 auto;padding:0 40px} .ca-hub h2{font-family:var(–serif-ko);font-size:22px;font-weight:600;color:var(–ink);margin:0 0 8px} .ca-hub-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ca-hub-item:nth-child(1),.ca-hub-item:nth-child(2),.ca-hub-item:nth-child(3){grid-column:span 2}.ca-hub-item:nth-child(4),.ca-hub-item:nth-child(5){grid-column:span 3} .ca-hub-item{background:#fff;border:1px solid #E8E0D5;padding:18px 16px;text-decoration:none;display:block;transition:border-color 0.2s} .ca-hub-item:hover{border-color:var(–crimson);border-left-width:3px} .ca-hub-item-title{font-size:20px;font-weight:600;color:var(–ink);margin:0 0 4px} .ca-hub-item-arrow{font-size:11px;color:var(–crimson);margin-top:8px;display:block} @media(max-width:768px){.ca-hub-grid{grid-template-columns:repeat(2,1fr)}} /* ========== CTA ========== */ @media(max-width:768px){} /* ========== FOOTER ========== */ .site-footer{background:#1A1613;color:rgba(250,248,245,0.9);padding:64px 80px 32px;font-family:var(–sans)} .footer-inner{max-width:1400px;margin:0 auto} .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(250,248,245,0.12)} .footer-col-label{font-family:var(–serif-en);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#8B7355;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(139,115,85,0.4)} .footer-col p{font-size:17px;line-height:1.9;font-weight:300;margin:0} .footer-col a{display:block;color:rgba(250,248,245,0.9)} .footer-bottom{padding-top:24px;font-size:12px;color:rgba(250,248,245,0.4);letter-spacing:0.05em} @media(max-width:768px){.site-footer{padding:40px 24px 24px}.footer-grid{grid-template-columns:1fr;gap:32px}} @media(max-width:480px){.ca-hero h1{font-size:36px}.ca-sec-inner{padding:0 20px}.ca-hero-inner{padding:0 24px}.ca-hub-inner{padding:0 20px}} /* ========== CHECKLIST STYLES ========== */ .ca-original{max-width:900px;margin:0 auto;padding:0 clamp(24px,4vw,60px) 80px;} .ca-original h2{font-family:var(–serif-ko);font-size:22px;font-weight:600;color:var(–crimson);margin:48px 0 20px;padding-bottom:10px;border-bottom:2px solid var(–crimson);} .ca-original h4{font-family:var(–sans);font-size:15px;font-weight:600;color:var(–ink-2);margin:20px 0 8px;letter-spacing:0.03em;} .checklist-section{margin:0 0 8px;} .subcategory{background:#FAFAF8;border-left:3px solid #E8E0D5;padding:12px 16px;margin:12px 0;} .subcategory h4{margin:0 0 8px;color:var(–ink);} .checklist-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(26,22,19,0.06);} .checklist-item:last-child{border-bottom:none;} .checklist-item input[type=”checkbox”]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:var(–crimson);cursor:pointer;} .checklist-item label{font-size:15px;color:var(–ink-2);line-height:1.65;cursor:pointer;} .checklist-item input[type=”checkbox”]:checked + label{color:var(–ink-3);text-decoration:line-through;} .checklist-progress{background:#F5F0EB;border-radius:8px;padding:16px 20px;margin:24px 0;display:flex;align-items:center;gap:16px;} .checklist-progress-bar{flex:1;height:8px;background:#E8E0D5;border-radius:4px;overflow:hidden;} .checklist-progress-fill{height:100%;background:var(–crimson);border-radius:4px;transition:width 0.3s;} .checklist-progress-text{font-size:14px;color:var(–ink-2);white-space:nowrap;min-width:60px;text-align:right;}

Atlas Home

개인회생

준비서류 체크리스트

(function(){ function update(){ var all=document.querySelectorAll(‘.checklist-item input[type=”checkbox”]’); var done=document.querySelectorAll(‘.checklist-item input[type=”checkbox”]:checked’); var pct=all.length?Math.round(done.length/all.length*100):0; var fill=document.getElementById(‘progress-fill’); var txt=document.getElementById(‘progress-text’); if(fill)fill.style.width=pct+’%’; if(txt)txt.textContent=done.length+’ / ‘+all.length+’ (‘+pct+’%)’; } document.addEventListener(‘DOMContentLoaded’,function(){ document.querySelectorAll(‘.checklist-item input[type=”checkbox”]’).forEach(function(cb){ cb.addEventListener(‘change’,update); }); update(); }); })(); const header = document.getElementById(‘header’); window.addEventListener(‘scroll’, () => { header.classList.toggle(‘scrolled’, window.scrollY > 60); }, {passive: true}); const toggle = document.getElementById(‘toggle’); const nav = document.getElementById(‘mobileNav’); toggle.addEventListener(‘click’, () => nav.classList.toggle(‘open’)); nav.addEventListener(‘click’, e => { if(e.target.tagName === ‘A’) nav.classList.remove(‘open’); }); (function(){ function update(){ var all=document.querySelectorAll(‘.checklist-item input[type=”checkbox”]’); var done=document.querySelectorAll(‘.checklist-item input[type=”checkbox”]:checked’); var pct=all.length?Math.round(done.length/all.length*100):0; var fill=document.getElementById(‘progress-fill’); var txt=document.getElementById(‘progress-text’); if(fill) fill.style.width=pct+’%’; if(txt) txt.textContent=done.length+’ / ‘+all.length; } document.addEventListener(‘DOMContentLoaded’,function(){ document.querySelectorAll(‘.checklist-item input[type=”checkbox”]’).forEach(function(cb){ cb.addEventListener(‘change’,update); }); update(); }); })();