/* 전역 스타일 초기화 */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Arial',sans-serif;scroll-behavior:smooth}
body{background:#f9f9f9;color:#333;line-height:1.6}

/* 내비게이션 바 */
header{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000}
.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px}
.logo{font-size:24px;font-weight:bold;color:#333}
.nav-links{display:flex;list-style:none}
.nav-links li{margin-left:20px}
.nav-links a{text-decoration:none;color:#555;font-weight:600;transition:color .3s}
.nav-links a:hover{color:#007bff}
/* 모바일 반응형 */
@media(max-width:768px){
  .navbar{flex-direction:column;align-items:flex-start;padding:15px}
  .nav-links{flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
  .nav-links li{margin-left:0;margin-top:10px}
  .logo{margin-bottom:10px}
  /* 헤더에 마우스 올리면 메뉴 펼치기 */
  header:hover .nav-links{
    max-height:500px; /* 충분히 메뉴가 보일 수 있게 */
  }
}

/* 공통 섹션 */
section{padding:100px 20px;max-width:1200px;margin:0 auto}
section h2{font-size:36px;text-align:center;margin-bottom:40px;position:relative}
section h2::after{content:'';display:block;width:50px;height:4px;background:#007bff;margin:10px auto 0;border-radius:2px}

/* 홈 섹션 */
.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#e0eafc,#cfdef3)}
.hero-content h1{font-size:48px;margin-bottom:20px}
.highlight{color:#2c3e50}
.hero-content p{font-size:20px;color:#666;margin-bottom:30px}
.btn{display:inline-block;padding:12px 30px;background:#27ae60;color:#fff;text-decoration:none;border-radius:25px;font-weight:bold;transition:background .3s}
.btn:hover{background:#0056b3}

/* 소개 섹션 */
.about-section{background:#fff}
.about-container{text-align:center;max-width:800px;margin:0 auto}
.about-text p{font-size:18px;color:#555;margin-bottom:30px}
.skills h3{margin-bottom:15px}
.skill-badge{display:inline-block;background:#eee;padding:8px 16px;margin:5px;border-radius:20px;font-size:14px;font-weight:bold;color:#555}

/* 프로젝트 섹션 */
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.project-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s}
.project-card:hover{transform:translateY(-5px)}
.project-img{height:200px;background:#ddd;display:flex;align-items:center;justify-content:center;color:#888}
.project-info{padding:20px}
.project-info h3{margin-bottom:10px}
.project-info p{color:#666;font-size:14px;margin-bottom:15px}
.project-link{text-decoration:none;color:#007bff;font-weight:bold}

/* 연락처 섹션 */
.contact-section{background:#222;color:#fff;text-align:center}
.contact-section h2::after{background:#fff}
.contact-section p{color:#bbb;margin-bottom:20px}
.contact-info p{font-size:18px;margin:10px 0;color:#fff}

/* 푸터 */
footer{background:#111;color:#666;text-align:center;padding:20px;font-size:14px}

/* 타깃 분야 태그 */
.target-fields{margin:15px 0 30px}
.field-tag{display:inline-block;background:rgba(0,123,255,.1);color:#007bff;padding:6px 14px;margin:0 5px;border-radius:15px;font-size:14px;font-weight:bold}

/* 4대 분야 그리드 */
.fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}
.field-card{background:#fff;border:1px solid #e1e8ed;border-top:4px solid #007bff;border-radius:8px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.02)}
.field-card h3{font-size:18px;margin-bottom:10px;color:#2c3e50}
.field-card p{font-size:14px;color:#555;margin-bottom:15px}
.field-card ul{padding-left:20px;font-size:13px;color:#666}
.field-card li{margin-bottom:8px}