.intro-box { position: relative; margin-bottom: 47px; overflow: hidden; border-radius: 16px; }
.intro-box .img-box img { width: 100%; display: block; }
.intro-txt { position: absolute; bottom: 50px; left: 55px; color: #fff; z-index: 1; }
.intro-txt .tit { margin-bottom: 28px; font-weight: 700; font-size: 34px; line-height: 100%; letter-spacing: -2%; vertical-align: middle; }
.intro-txt .desc-ko { font-weight: 700; font-size: 20px; line-height: 29px; letter-spacing: -2%; vertical-align: middle; }
.intro-txt .desc-en { font-size: 14px; font-weight: 700; font-size: 16px; line-height: 29px; letter-spacing: -2%; vertical-align: middle; }
.con-intro { padding: 0; }
.tit-intro { font-weight: 700; font-size: 32px; line-height: 36px; letter-spacing: -2%; vertical-align: middle; color: #222; margin-bottom: 37px; }
.tit-intro span { color: #ed903f; }
.con-intro .con-p { color: #444; margin-bottom: 38px; word-break: keep-all; padding-bottom: 0; font-weight: 500; font-style: Medium; font-size: 16px; line-height: 32px; letter-spacing: -2%; }
.con-intro .txt-right { text-align: right; font-weight: 500; font-size: 16px; line-height: 32px; letter-spacing: -2%; color: #111; margin-bottom: 0; }
.con-intro .txt-right:last-child { color: #111; font-weight: 700; font-size: 22px; line-height: 32px; letter-spacing: -2%; text-align: right; }
@media screen and (max-width: 1024px) {
  .intro-box { margin-bottom: 20px; }
  .intro-txt { left: 40px; bottom: 30px; }
  .intro-txt .tit { font-size: 28px; margin-bottom: 15px; }
  .intro-txt .desc-ko { font-size: 16px; line-height: 1.4; }
  .intro-txt .desc-en { font-size: 14px; line-height: 1.4; }
  .tit-intro { font-size: 26px; margin-bottom: 25px; line-height: 1.3; }
  .con-intro .con-p { font-size: 15px; margin-bottom: 30px; line-height: 1.6; }
  .con-intro .txt-right { margin-bottom: 0; }
}
@media screen and (max-width: 768px) {
  .intro-box { margin-bottom: 30px; border-radius: 12px; height: 250px; }
  .intro-box .img-box, .intro-box .img-box img { height: 100%; }
  .intro-box .img-box img { object-fit: cover; object-position: right center; }
  .intro-txt { left: 20px; right: 20px; top: 50%; bottom: auto; transform: translateY(-50%); }
  .intro-txt .tit { font-size: 24px; margin-bottom: 10px; line-height: 1.2; }
  .intro-txt .desc-ko { font-size: 14px; margin-bottom: 4px; line-height: 1.3; }
  .intro-txt .desc-en { font-size: 13px; line-height: 1.3; }
  .tit-intro { font-size: 20px; margin-bottom: 20px; line-height: 1.3; }
  .con-intro .txt-right { font-size: 14px; line-height: 1.5; margin-bottom: 0; }
  .con-intro .txt-right:last-child { font-size: 18px; line-height: 1.5; }
}
@media screen and (max-width: 400px) {
  .intro-box { height: 180px; }
  .intro-txt { left: 15px; right: 15px; }
  .intro-txt .tit { margin-bottom: 8px; }
}