@charset "utf-8";

/* 260903 원장 인사말 */
/* 인사말 - type03 */
.greeting-type03{position:relative;padding-bottom: 80px;word-break: keep-all;}
.greeting-type03 .inner .top-box{position:relative;}
.greeting-type03 .inner .top-box .img{overflow:hidden;display:flex;position:relative;}
.greeting-type03 .inner .top-box .img > img{max-width:100%;}
.greeting-type03 .inner .top-box .tit{width:100%;padding: 35px 30px;background: url(/sites/edutop/images/greeting_bg.png) center center no-repeat;background-size: cover;}
.greeting-type03 .inner .top-box .tit span{display: block; letter-spacing:0; color:#fff; font-weight: bold; text-align: center; font-size: 34px;}
.greeting-type03 .inner .top-box .tit span small{display:block;margin-bottom:15px;color: #fffcce;font-size: 19px;letter-spacing: -.5px;}
.greeting-type03 .inner .top-box .tit span big{display:block;font-size:28px;margin-top: 10px;}
.greeting-type03 .inner .top-box .tit span big strong{display:block;font-weight: bold;font-size:27px;}
.greeting-type03 .inner .bottom-box .text-area strong{line-height:1.3;margin-bottom:33px;font-weight: 500;color: #224188;font-size:32px;letter-spacing: -.5px; font-weight: bold;}
.greeting-type03 .inner .bottom-box .text-area strong em{font-style:normal; margin:0 7px; font-size:24px;}
.greeting-type03 .inner .bottom-box .text-area .flex-wr{display:flex;margin-top: 40px;align-items: flex-start;}
.greeting-type03 .inner .bottom-box .text-area .p-img{max-width: 400px;}
.greeting-type03 .inner .bottom-box .text-area .txt{padding-left: 35px;}
.greeting-type03 .inner .bottom-box .text-area p{font-size: 18px;line-height: 1.6;letter-spacing: -0.9px;text-align: left;font-weight: 400;color: #666;word-break: keep-all;}
.greeting-type03 .inner .bottom-box .text-area p + p{margin-top:30px;}
.greeting-type03 .ceo-name{margin-top:40px;line-height:1.3;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:6px;letter-spacing:-.5px;color:#222;}
.greeting-type03 .ceo-name span{font-size: 22px;color:#101010;text-align:right; font-weight: bold;}
.greeting-type03 .ceo-name span:first-child{font-size:18px;font-weight:500;color:#666;}
.greeting-type03 .ceo-name span > b{font-weight: 500;color: #224188; font-weight: bold;}
.greeting-type03 .ceo-name > strong{font-size: 30px;color:#000;font-weight: bold;line-height:1;padding-bottom:1px;}

@media (max-width: 1024px) {
  .greeting-type03 .inner .top-box .tit {padding: 25px;}
  .greeting-type03 .inner .top-box .tit span {font-size: 28px;}
  .greeting-type03 .inner .top-box .tit span small {font-size: 17px;}
  .greeting-type03 .inner .top-box .tit span big {font-size: 22px; margin-top: 5px;}
  .greeting-type03 .inner .top-box .tit span big strong {font-size: 24px;}
  .greeting-type03 .inner .bottom-box .text-area strong {font-size: 26px;}
  .greeting-type03 .inner .bottom-box .text-area .p-img {max-width: 300px;}
  .greeting-type03 .inner .bottom-box .text-area .txt {padding-left: 25px;}
  .greeting-type03 .inner .bottom-box .text-area p {font-size: 17px;}
  .greeting-type03 .ceo-name span {font-size: 19px;}
  .greeting-type03 .ceo-name > strong {font-size: 26px;}
}
@media (max-width: 768px) {
  .greeting-type03 .inner .top-box .tit {text-align: center; position: static; width: 100%; border-radius: 0; padding: 15px; background-position: center center;}
  .greeting-type03 .inner .top-box .tit span {font-size: 22px;}
  .greeting-type03 .inner .top-box .tit span big {font-size: 19px;}
  .greeting-type03 .inner .top-box .tit span small {margin-bottom: 5px;}
  .greeting-type03 .inner .top-box .tit span big strong {display: inline-block; margin-left: 10px;}

  .greeting-type03 .inner .bottom-box .text-area strong {font-ssize: 22px; margin-bottom: 30px; text-align: center; display: block;}
  .greeting-type03 .inner .bottom-box .text-area .flex-wr {margin-top: 20px; flex-direction: column; gap: 20px;}
  .greeting-type03 .inner .bottom-box .text-area .txt {padding-left:0;}
  .greeting-type03 .inner .bottom-box .text-area .p-img {margin: 0 auto;}

  .greeting-type03 .ceo-name span {font-size: 18px;}
  .greeting-type03 .ceo-name > strong {font-size: 23px;}
}