/* 가로 스크롤 방지(권장) */
html, body { overflow-x: hidden; }
h2 {display: none;}
h3 {background: none; padding-top: 0px;}
.ui-page-tab .nav-red {margin-bottom: 0px; margin-top: 20px;}
/*#sub_visual {height: 250px !important}
#sub_visual h3,#sub_visual .page-role,#sub_visual .page-ctrl {display: none;}*/
.ui-page-tab li.on a, .ui-page-tab li a:hover {background: #3F51B5; border: 5px solid #3F51B5;}
.nav-red > li > a:hover, .nav-red > li > a:focus, .nav-red > li.active > a, .nav-red > li.active > a:hover, .nav-red > li.active > a:focus {background: #3F51B5; border: 5px solid #3F51B5;}

/* === 풀배경 AIT 인사말 섹션 === */
.ait-section.greeting {position: relative;z-index: 0; padding: 100px 20px;display: grid;place-items: center;color: #fff; text-align: left;}

/* 배경: 뷰포트 전체 확장 */
.ait-section.greeting::before { content: ""; position: absolute; z-index: -1; inset: 0 calc(50% - 50vw); /* 컨테이너 제한 해제 */ background: radial-gradient(120% 60% at 50% 30%, rgba(0,0,0,0) 40%, rgba(0,0,0,.45) 100%), linear-gradient(135deg, #1d2b8c 0%, #13115f 50%, #2323a1 100%);}

/* 내부 콘텐츠 카드 */
.greeting-inner { width: 100%; max-width: 960px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 20px; padding: 60px 50px; backdrop-filter: blur(10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);}
.greeting-title { font-size: 32px; font-weight: 800; text-align: center; margin-bottom: 40px; color: #ffffff;}
.greeting-body p { font-size: 17px; line-height: 1.9; margin-bottom: 18px; color: rgba(255, 255, 255, 0.92);}
.greeting-body .highlight {font-weight: 800;color: #a3e3ff;}
.greeting-body .sign { text-align: right; margin-top: 40px; font-size: 17px; color: #ffffff;}

/* 반응형 */
@media (max-width: 768px) {
  .ait-section.greeting { padding: 60px 16px; }
  .greeting-inner { padding: 40px 24px; }
  .greeting-title { font-size: 26px; margin-bottom: 28px; }
  .greeting-body p { font-size: 15px; line-height: 1.8; }
}