*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.7;font-size:16px}a{color:#2563eb;text-decoration:none;transition:color .2s}a:hover{color:#1d4ed8}img{max-width:100%;height:auto}.layout{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.header__container{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:70px;display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#1e293b}.header__logo:hover{color:#2563eb}.header__logo-icon{font-size:1.75rem}.header__nav{display:flex;gap:2rem}.header__nav a{color:#64748b;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .2s}.header__nav a:hover,.header__nav a.active{color:#2563eb;border-bottom-color:#2563eb}@media (max-width: 768px){.header__nav{display:none}}.header__menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.header__menu-btn span{width:24px;height:2px;background:#1e293b;transition:.3s}@media (max-width: 768px){.header__menu-btn{display:flex}}.footer{background:#1e293b;color:#fff;padding:3rem 0 1.5rem;margin-top:4rem}.footer__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer__top{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.footer__top{grid-template-columns:1fr}}.footer__brand .footer__logo{font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.footer__description{margin-top:1rem;color:#ffffffb3;font-size:.9rem;line-height:1.6}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 576px){.footer__links{grid-template-columns:repeat(2,1fr)}}.footer__links-group h4{font-size:.9rem;font-weight:600;margin-bottom:1rem;color:#ffffffe6}.footer__links-group ul{list-style:none}.footer__links-group ul li{margin-bottom:.5rem}.footer__links-group ul li a{color:#fff9;font-size:.9rem}.footer__links-group ul li a:hover{color:#fff}.footer__bottom{padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer__bottom p{color:#ffffff80;font-size:.85rem}.footer__bottom a{color:#ffffffb3}.footer__bottom a:hover{color:#fff}.hero{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:5rem 1.5rem;text-align:center}.hero__content{max-width:700px;margin:0 auto}.hero__title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero__title span{color:#f59e0b}@media (max-width: 768px){.hero__title{font-size:2.25rem}}.hero__description{font-size:1.25rem;opacity:.9;margin-bottom:2rem;line-height:1.6}@media (max-width: 768px){.hero__description{font-size:1.1rem}}.hero__cta{display:inline-block;background:#fff;color:#2563eb;padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s}.hero__cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;color:#1d4ed8}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:#1e293b}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-link{font-weight:500;color:#2563eb}.section-link:hover{text-decoration:underline}.categories-section{padding:4rem 0;background:#fff}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 992px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.categories-grid{grid-template-columns:1fr}}.category-card{background:#f8fafc;border-radius:12px;padding:2rem;text-align:center;transition:all .3s;border:1px solid #e2e8f0}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#2563eb}.category-card__icon{font-size:3rem;display:block;margin-bottom:1rem}.category-card__name{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.category-card__description{font-size:.9rem;color:#64748b;margin-bottom:1rem;line-height:1.5}.category-card__count{font-size:.85rem;color:#2563eb;font-weight:500}.posts-section{padding:4rem 0}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 992px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.posts-grid{grid-template-columns:1fr}}.featured-post{margin-bottom:2rem}.post-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.post-card__link{display:block;color:inherit}.post-card__image{aspect-ratio:16/9;background:linear-gradient(135deg,#7ca1f3,#5182ef);position:relative}.post-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.post-card__content{padding:1.5rem}.post-card__category{display:inline-block;font-size:.85rem;color:#2563eb;font-weight:500;margin-bottom:.5rem}.post-card__title{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__excerpt{font-size:.9rem;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.post-card__meta{font-size:.85rem;color:#64748b}.post-card--featured{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){.post-card--featured{grid-template-columns:1fr}}.post-card--featured .post-card__image{aspect-ratio:auto;min-height:300px}.post-card--featured .post-card__content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.post-card--featured .post-card__title{font-size:1.5rem;-webkit-line-clamp:3}.post-card--featured .post-card__excerpt{-webkit-line-clamp:3}.intro-section{padding:4rem 0;background:#fff}.intro-content{max-width:800px;margin:0 auto;text-align:center}.intro-content h2{font-size:2rem;margin-bottom:1.5rem}.intro-content p{color:#64748b;line-height:1.8;margin-bottom:1rem}.intro-link{display:inline-block;margin-top:1rem;font-weight:600;color:#2563eb}.intro-link:hover{text-decoration:underline}.page{padding:3rem 0}.page-content{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:12px;border:1px solid #e2e8f0}@media (max-width: 768px){.page-content{padding:2rem 1.5rem}}.page-content h1{font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.page-content h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem;color:#1e293b}.page-content h3{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}.page-content p{margin-bottom:1rem;line-height:1.8}.page-content ul,.page-content ol{margin-bottom:1rem;padding-left:1.5rem}.page-content ul li,.page-content ol li{margin-bottom:.5rem;line-height:1.7}.page-content.legal section{margin-bottom:2rem}.page-meta{color:#64748b;font-size:.9rem;margin-bottom:2rem}.page-description{color:#64748b;font-size:1.1rem;margin-bottom:2rem}.about-section{margin-bottom:2.5rem}.about-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}@media (max-width: 576px){.about-topics{grid-template-columns:1fr}}.about-topic{background:#f8fafc;padding:1.5rem;border-radius:8px;text-align:center}.about-topic__icon{font-size:2.5rem;display:block;margin-bottom:1rem}.about-topic h3{margin-top:0;margin-bottom:.5rem}.about-topic p{font-size:.9rem;color:#64748b;margin-bottom:0}.about-contact{list-style:none;padding-left:0}.about-contact li{margin-bottom:.75rem}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}@media (max-width: 768px){.contact-container{grid-template-columns:1fr}}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#1e293b}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus{outline:none;border-color:#2563eb}.contact-form .form-group textarea{resize:vertical}.contact-form .submit-btn{width:100%;padding:1rem;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.contact-form .submit-btn:hover{background:#1d4ed8}.contact-info h2{font-size:1.25rem;margin-bottom:1.5rem}.contact-info__item{display:flex;gap:1rem;margin-bottom:1.5rem}.contact-info__item h3{font-size:1rem;margin-bottom:.25rem}.contact-info__item a,.contact-info__item p{color:#64748b;font-size:.95rem;margin:0}.contact-info__icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px}.contact-info__note{margin-top:2rem;padding:1rem;background:#f8fafc;border-radius:8px}.contact-info__note p{font-size:.85rem;color:#64748b;margin:0}.category-page{padding:3rem 0}.category-header{text-align:center;padding:3rem 0;background:#fff;border-radius:12px;margin-bottom:2rem;border:1px solid #e2e8f0}.category-header__icon{font-size:4rem;display:block;margin-bottom:1rem}.category-header__title{font-size:2rem;margin-bottom:.75rem}.category-header__description{color:#64748b;max-width:500px;margin:0 auto 1rem}.category-header__count{font-size:.9rem;color:#2563eb;font-weight:500}.no-posts{text-align:center;padding:3rem;color:#64748b}.post-page{padding:2rem 0 4rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;color:#64748b;flex-wrap:wrap}.breadcrumb a{color:#64748b}.breadcrumb a:hover{color:#2563eb}.breadcrumb__separator{opacity:.5}.breadcrumb__current{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.post-header{background:#fff;padding:3rem;border-radius:12px;margin-bottom:2rem;border:1px solid #e2e8f0}@media (max-width: 768px){.post-header{padding:2rem 1.5rem}}.post-header__category{display:inline-block;background:#e9effd;color:#2563eb;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:1rem}.post-header__title{font-size:2.25rem;font-weight:700;line-height:1.3;margin-bottom:1rem}@media (max-width: 768px){.post-header__title{font-size:1.75rem}}.post-header__excerpt{font-size:1.1rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem}.post-header__meta{display:flex;gap:1.5rem;font-size:.9rem;color:#64748b}.post-content{background:#fff;padding:3rem;border-radius:12px;border:1px solid #e2e8f0;line-height:1.9}@media (max-width: 768px){.post-content{padding:2rem 1.5rem}}.post-content h2{font-size:1.75rem;margin-top:3rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.post-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.post-content h3{font-size:1.35rem;margin-top:2rem;margin-bottom:.75rem;color:#1d4ed8}.post-content h4{font-size:1.15rem;margin-top:1.5rem;margin-bottom:.5rem}.post-content p{margin-bottom:1.25rem}.post-content ul,.post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.post-content ul li,.post-content ol li{margin-bottom:.5rem}.post-content strong{color:#1e293b}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.post-tag{background:#f8fafc;color:#64748b;padding:.5rem 1rem;border-radius:20px;font-size:.85rem}.post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e2e8f0}.post-footer__share{text-align:center;margin-bottom:2rem;color:#64748b}.post-footer__nav{display:flex;justify-content:space-between;gap:1rem}.post-footer__nav a{padding:.75rem 1.5rem;border-radius:8px;font-weight:500}.post-footer__back{background:#2563eb;color:#fff!important}.post-footer__back:hover{background:#1d4ed8}.post-footer__home{border:1px solid #e2e8f0;color:#1e293b!important}.post-footer__home:hover{background:#f8fafc}.not-found{text-align:center;padding:4rem 2rem}.not-found__icon{font-size:4rem;display:block;margin-bottom:1.5rem}.not-found h1{font-size:2rem;margin-bottom:1rem}.not-found p{color:#64748b;margin-bottom:2rem;line-height:1.7}.not-found__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found .back-link{display:inline-block;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border-radius:8px;font-weight:500}.not-found .back-link:hover{background:#1d4ed8}.not-found .secondary-link{display:inline-block;padding:.75rem 1.5rem;border:1px solid #e2e8f0;color:#1e293b;border-radius:8px;font-weight:500}.not-found .secondary-link:hover{background:#f8fafc}.contact-page .page-content{max-width:900px}.dev-link{color:#64748b;font-weight:500;cursor:default}