* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:sans-serif; background:#f6fff2;}

.container {width:90%; max-width:1200px; margin:auto;}

.header {
  background:#a8e063;
  padding:15px 0;
}
.header .container {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.logo {color:#fff;}
nav a {
  margin-left:20px;
  color:#fff;
  text-decoration:none;
}

.hero {
  position:relative;
  height:500px;
  overflow:hidden;
}
.hero-slide {
  position:absolute;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity 1s;
}
.hero-slide.active {opacity:1;}

.hero-content {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  text-align:center;
}

.section {
  padding:60px 0;
}
.section.alt {background:#eaffd0;}

.grid {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}
.grid img {
  width:50%;
  height:300px;
  object-fit:cover;
}
.text {
  width:50%;
}

.footer {
  background:#222;
  color:#fff;
  padding:30px 0;
}
.footer .biz {
  font-size:14px;
  line-height:1.6;
}
.copy {
  text-align:center;
  margin-top:20px;
  font-size:13px;
}

#topBtn {
  position:fixed;
  right:20px;
  bottom:20px;
  padding:10px 15px;
  border:none;
  background:#a8e063;
  color:#fff;
  cursor:pointer;
}

/* 반응형 */
@media (max-width:768px) {
  .grid {
    flex-direction:column;
  }
  .grid img, .text {
    width:100%;
  }
}