*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Noto Sans KR', sans-serif; overflow:hidden;}

/* header 기본 */
.header{
  position:fixed;
  top:0;
  width:100%;
  background:#fff;
  z-index:9999;
  height:80px;
}

.header .inner{
  width:1200px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.header nav a{
  margin-left:40px;
  color:#333;
  text-decoration:none;
}

/* section */
.wrap{
  transition:transform 0.8s ease;
}



/* 메뉴 */
.mNav ul{
  padding-top:30px;
  list-style:none;
  display:flex;
}

.mNav > ul > li{
  position:relative; /* 중요 */
  margin-left:40px;
}

.mNav a{
  text-decoration:none;
  color:#333;
  font-size:16px;
  display:block;
  padding:10px 0;
}

/* 🔥 서브메뉴 숨김 */
.mNav li ul{
  position:absolute;
  top:40px;
  left:0;
  background:#fff;
  display:none;
  min-width:180px;
  box-shadow:0 5px 10px rgba(0,0,0,0.1);
}

/* hover 시 보이기 */
.mNav li:hover ul{
  display:block;
}

/* 서브메뉴 스타일 */
.mNav li ul li{
  padding:10px;
}

.mNav li ul li a{
  color:#333;
  font-size:14px;
}

.section{
  height:100vh;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  text-align:center;
}

.sec1{background:#C2D838 url('/images/ci.png') top right no-repeat;}
.sec2{background:url('/images/bg02.jpg') center/cover no-repeat;}
.sec3{background:url('/images/bg03.jpg') center/cover no-repeat;}
.sec4{background:url('/images/bg04.jpg') center/cover no-repeat;}

/* 오버레이 */
.overlay{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.45);
}
.overlay.blue{
  background:rgba(0,70,120,0.6);
}

/* 콘텐츠 */
.content{
  position:relative;
  z-index:2;
  max-width:900px;
}

h2{
  font-size:42px;
  font-weight:700;
  margin-bottom:15px;
}
p{
  font-size:18px;
  opacity:0.9;
}

.highlight{
  color:#ff7a00;
}

/* 원형 */
.circle-wrap{
  margin-top:40px;
  display:flex;
  justify-content:center;
  gap:30px;
}
.circle{
  width:130px;
  height:130px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:bold;
}
.orange{background:#ff8a00;}
.blue2{background:#1976d2;}

/* 하단 아이콘 */
.icons{
  display:flex;
  justify-content:center;
  gap:60px;
  margin-top:50px;
}

.smlist{text-align:center;display:block;text-align:center; margin-top:150px;}
.smlist li{display:inline-block; margin:0 50px; transition:0.7s;}
.smlist li a{display:inline-block; width:100px; height:120px; color:#fff; transition:0.7s; font-size:18px;}
.smlist li .ico01{background:url(/images/icon01.png) 50% 10px no-repeat;}
.smlist li .ico01:hover{background:url(/images/icon01.png) 50% 0 no-repeat;}
.smlist li .ico02{background:url(/images/icon02.png) 50% 10px no-repeat;}
.smlist li .ico02:hover{background:url(/images/icon02.png) 50% 0 no-repeat;}
.smlist li .ico03{background:url(/images/icon03.png) 50% 10px no-repeat;}
.smlist li .ico03:hover{background:url(/images/icon03.png) 50% 0 no-repeat;}
.smlist li .ico04{background:url(/images/icon04.png) 50% 10px no-repeat;}
.smlist li .ico04:hover{background:url(/images/icon04.png) 50% 0 no-repeat;}
.smlist li a span{display:inline-block; margin-top:110px; font-family: 'Noto Sans KR', sans-serif;}
.smlist li a:hover{ color:#f80;}
.smlist li:hover{transition:0.7s; margin:0 0;}

/* dot nav */
.dot-nav{
  position:fixed;
  right:30px;
  top:50%;
  transform:translateY(-50%);
  z-index:1000;
}
.dot-nav span{
  display:block;
  width:10px;
  height:10px;
  margin:10px 0;
  border-radius:50%;
  background:#aaa;
  cursor:pointer;
}
.dot-nav span.active{
  background:#fff;
}