@charset "utf-8";

.wrap-header { top:0; background:rgba(255,255,255,1); box-shadow:0px 0px 10px #80808066; }
.wrap-header .top-header { border-color:#e3e3e3; }
.wrap-header .top-header .top-util li a { color:#434343; }
.wrap-header .head-navi .a_1 { color:#000; }
.wrap-header .head-logo span { color:#000; }
.wrap-header .head-logo img { display:none; }
.wrap-header .head-logo img.color { display:block; }

/*추진과제 글자 채워지는효과*/
h2.leap_full {
  display: block;
  font-size: 40px;
  text-align: center;
  background: linear-gradient(90deg, #000 0%, #000 100%) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-size: 0% 100%;
  animation: textFill 1.2s ease forwards;
}

@keyframes textFill {
  to {background-size: 100% 100%;}
}

@media (max-width: 768px) {
  h2.leap_full {font-size: 26px;line-height: 1.4;padding: 0 10px;word-break: keep-all;}
}

@media (max-width: 480px) {
  h2.leap_full {font-size: 22px;line-height: 1.35;}
}

/* 인사말 */
.greeting-type01 { position:relative; }
.greeting-type01 .text p.leap_full {display: inline-block;  font-size: 28px;  font-weight: 700;  text-align: center;  background-image: linear-gradient(90deg, #1c4db0, #2492a5);  background-repeat: no-repeat;  background-position: left center;  background-size: 0% 100%;  -webkit-background-clip: text;  background-clip: text;  color: #1c4db0;  -webkit-text-fill-color: transparent;  animation: fadeUp .8s ease forwards .4s, textFill 1.5s ease forwards;}
.greeting-type01 .img { position:relative; float:right; margin:0 0 40px 40px; max-width:45%; }
.greeting-type01 .img img { width:100%; display:block; }
.greeting-type01 .img .b-box { display:flex; flex-wrap: wrap; justify-content: center; align-items:center; gap:5px 15px; padding:20px 25px; background:linear-gradient(135deg, #1e3a8a, #0f766e); color:#fff; }
.greeting-type01 .img .b-box .part { font-size:19px; line-height:1.3; }
.greeting-type01 .img .b-box .sign { font-size:19px; }
.greeting-type01 .text { margin-top:40px; }
.greeting-type01 .text p { margin-top:20px; font-size:19px; line-height:1.7; }
.greeting-type01 .text p:first-child { margin-top:0; }
.greeting-type01 .text p.last {font-weight: 600; font-size:21px; }
.greeting-type01 .title, .greeting-type01 .text { overflow:hidden; }
.greeting-type01 .img,
.greeting-type01 .text p { opacity: 0; transform: translateY(30px); }
.greeting-type01 .img { animation: fadeUp .8s ease forwards; animation-delay: .2s; }
.greeting-type01 .text p { animation: fadeUp .8s ease forwards; }
.greeting-type01 .text p:nth-of-type(2) { animation-delay: .6s; }
.greeting-type01 .text p:nth-of-type(3) { animation-delay: .8s; }
.greeting-type01 .text p:nth-of-type(4) { animation-delay: 1s; }
.greeting-type01 .text p:nth-of-type(5) { animation-delay: 1.2s; }
.greeting-type01 .text p:nth-of-type(6) { animation-delay: 1.4s; }
.sign-wrap p.last {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp .8s ease forwards;
  animation-delay: 1.6s;
}

@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes textFill {
  from { background-size: 0% 100%; }
  to { background-size: 100% 100%; }
}
  
@media (max-width: 1400px) {
  .greeting-type01 .title {font-size: 24px;}
}
@media (max-width: 1024px) {
  .greeting-type01 .title {font-size: 21px;}
  .greeting-type01 .text p {font-size: 17px;}
  .greeting-type01 .text p.last {font-size: 19px;}
}
@media (max-width: 768px) {
  .greeting-type01 { padding: 0 15px; }
  .greeting-type01 .img {float: unset; margin: 0 auto; width: 100%; max-width: 300px;}
  .greeting-type01 .img .b-box {flex-direction: column; gap: 5px; padding: 15px 15px 10px; margin-bottom: 30px;}
  .greeting-type01 .title {font-size: 20px;}
  .greeting-type01 .text {margin-top: 20px;}
  .greeting-type01 .text p.last {text-align: right; font-size: 18px;}
  .greeting-type01 .text p.leap_full { font-size: 25px; line-height: 1.5; }
  .sign-wrap { padding: 0 15px; }
}