*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Malgun Gothic",sans-serif;color:#172033;line-height:1.7}a{text-decoration:none;color:inherit}.wrap{max-width:1100px;margin:auto;padding:0 24px}header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:800}nav{display:flex;gap:28px;font-size:15px;font-weight:600}.hero{padding:110px 0;background:linear-gradient(135deg,#eef3f8,#fff)}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:#52657f;margin:0 0 12px}.hero h1{font-size:52px;line-height:1.2;margin:0 0 20px;letter-spacing:-2px}.lead{font-size:20px;color:#5d6878;margin-bottom:32px}.btn{display:inline-block;background:#172033;color:white;padding:13px 24px;border-radius:6px;font-weight:700}.section{padding:90px 0}.gray{background:#f6f8fa}.section h2,.contact h2{font-size:36px;margin:0 0 18px}.text{max-width:760px;color:#5b6574;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{background:#fff;padding:30px;border:1px solid #e7ebf0;border-radius:10px}.card h3{margin-top:0;font-size:22px}.card p{color:#657080}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:35px}.steps div{padding:25px 15px;border:1px solid #e4e8ee;border-radius:10px;text-align:center}.steps b{display:block;font-size:24px;margin-bottom:8px}.steps span{font-weight:700}.contact{padding:90px 0;background:#172033;color:#fff}.contact .eyebrow{color:#b9c6d8}.contact-box{margin-top:30px;padding:25px;border:1px solid #425066;border-radius:10px;display:flex;flex-direction:column;gap:4px;max-width:620px}.contact-box strong{font-size:22px}footer{padding:25px 0;background:#0e1522;color:#aeb8c6;font-size:13px}@media(max-width:700px){nav{display:none}.hero{padding:75px 0}.hero h1{font-size:38px}.cards,.steps{grid-template-columns:1fr}.section{padding:65px 0}}

/* 모바일 및 화면 정리 */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow-x: hidden;
}

.wrap {
  width: min(1100px, 92%);
  margin: 0 auto;
}

.contact-box {
  max-width: 760px;
  margin: 30px auto 0;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  line-height: 1.7;
}

.contact-box a {
  color: inherit;
  text-decoration: none;
}

.steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}

.steps > div {
  min-width: 0;
  text-align: center;
}

@media (max-width: 700px) {
  .wrap {
    width: 90%;
  }

  .steps {
    grid-template-columns: 1fr 1fr;
  }

  .contact-box {
    width: 100%;
    padding: 22px;
    margin-top: 20px;
  }

  .hero h1 {
    font-size: 34px;
    line-height: 1.3;
  }

  .gallery {
    grid-template-columns: 1fr;
  }
}