@charset "utf-8";
.wrap-sub-visual {background: url(/sites/gsiagri/images/sub/greeting.jpg) no-repeat top center/cover;}

/* 대학원소개 - 인사말 */
.ag-greeting-wrap { max-width:1400px; margin:0 auto; padding:0 24px; box-sizing:border-box; }
.ag-greeting-top { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.ag-greeting-title-fill { margin:0; font-weight:bold; letter-spacing:-0.03em; line-height:1.5; font-size:28px; position:relative; word-break:keep-all; }
.ag-greeting-title-base { display:block; color:#9aa3a0; }
.ag-greeting-title-fill-layer { position:absolute; inset:0; display:block; background:linear-gradient(to top, #0c0c0c 0%, #099f5c 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; clip-path:inset(0 0 100% 0); animation:agGreetingTitleFill 1.2s ease-out forwards; }
@keyframes agGreetingTitleFill {
  to { clip-path:inset(0 0 0 0); }
}
.ag-greeting-lead { margin-top: 20px; max-width:520px; font-size:22px; line-height:1.6; font-weight:bold;}
.ag-greeting-top-media { margin:0; position:relative; height:0; padding-top:42%; overflow:hidden; border:1px solid #e7ece9; background:#f6f8f7; }
.ag-greeting-top-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ag-greeting-body { margin-top:25px; display:grid; grid-template-columns:1fr 1fr; column-gap:35px; }
.ag-greeting-col p { margin-top:16px; font-size:18px; line-height:1.7;}
.ag-greeting-col p:first-child { margin-top:0; }
.ag-greeting-bottom { margin-top:25px; padding-top:25px; border-top:1px solid #e7ece9; text-align:center; }
.ag-greeting-bottom-slogan { font-size:22px; font-weight:bold; line-height:1.6;}
.ag-greeting-bottom-sign { margin-top:34px; font-size:20px; font-weight: bold; color: #666;}

@media (max-width: 1400px) {
  .ag-greeting-title-fill {font-size: 25px;}
  .ag-greeting-lead {font-size: 20px;}
  .ag-greeting-bottom-slogan {font-size: 20px;}
  .ag-greeting-bottom-sign {font-size: 19px;}
}
@media (max-width:1024px) {
  .ag-greeting-top { grid-template-columns:1fr; gap:30px;}
  .ag-greeting-body { grid-template-columns:1fr; row-gap:18px; }
}
@media (max-width:650px) {
  .ag-greeting-title-fill { font-size:22px;}
  .ag-greeting-lead {font-size: 19px; line-height: 1.5;}
  .ag-greeting-col p {font-size: 17px;}
}
@meida (max-width:450px) {
  .ag-greeting-title-fill {font-size: 20px;}
  .ag-greeting-lead {font-size: 18px;}
  .ag-greeting-bottom-slogan {font-size: 18px;}
}

/* 학과 소개 */
.eco-box {background-color:#f5f7f5; border:2px dashed #6fbf73; border-radius:8px; padding:24px; margin:20px 0; color:#2f3b2f; line-height:1.6;}
.eco-box h3, .eco-box h4 {color:#3a8f3f; margin-top:0;}
.eco-box strong {color:#2e7d32;}
.eco-box-wrap {display:flex; flex-wrap:wrap; gap:24px;}
.eco-box-white {background-color:#fff; border:2px solid #1b5e20; border-radius:6px; padding:24px; color:#263826; line-height:1.7; flex:1 1 calc(33.333% - 24px); box-sizing:border-box;}
.eco-box-white .box-tit {font-size:1.15rem; font-weight:700; color:#1b5e20; margin:0 0 12px; padding-bottom:8px; border-bottom:1px solid #a5d6a7;}
.eco-box-white strong {color:#2e7d32;}
.eco-box-white .eco-list {margin:16px 0 0; padding-left:18px; list-style:none;}
.eco-box-white .eco-list li {position:relative; padding-left:14px; margin-bottom:8px; font-size:0.95rem; color:#2f4f2f; line-height:1.6;}
.eco-box-white .eco-list li::before {content:""; position:absolute; left:0; top:0.6em; width:6px; height:6px; background-color:#2e7d32; border-radius:50%;}
.eco-endline-box {background-color:#00695c; color:#fff; font-size:18px; font-weight:bold; text-align:center; line-height:1.6; padding:20px 15px; border-radius:6px; margin-top:20px;}

@media (max-width:1024px) {
  .eco-box-white {flex:1 1 calc(50% - 24px);}
}
@media (max-width:600px) {
  .eco-box-white {flex:1 1 100%; padding:20px;}
  .eco-box-white .box-tit {font-size:1.05rem;}
  .eco-box-white .eco-list li {font-size:0.9rem; margin-bottom:6px;}
}