.intro-banner { position: relative; background: #112d7c; background-image: url("../img/content/bg-ethics-banner.png"); background-size: cover; background-position: center; border-radius: 10px; height: 212px; display: flex; align-items: center; padding: 0 49px; overflow: hidden; }
.intro-banner .bg-text { position: absolute; right: 28px; bottom: 16px; font-weight: 800; font-size: 107.2px; line-height: 100%; letter-spacing: 1%; color: #ffffff; vertical-align: middle; opacity: 0.3; }
.intro-banner .banner-tit { position: relative; z-index: 2; color: #fff; font-weight: 800; font-size: 36px; line-height: 100%; letter-spacing: -1%; }
.contact-card-box { background-color: #f1f6f9; padding: 37px 20px; display: flex; align-items: center; gap: 80px; border: 1px solid #dddddd; }
.contact-item { display: flex; align-items: center; gap: 12px; }
.contact-item .icon-box { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.contact-item p { color: #001a54; font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0%; vertical-align: middle; }
.contact-item p a { color: inherit; font-weight: 700; }
@media screen and (max-width: 1024px) {
  .intro-banner { height: 180px; padding: 0 35px; }
  .contact-card-box { flex-wrap: wrap; justify-content: flex-start; padding: 30px; gap: 40px; }
}
@media screen and (max-width: 768px) {
  .intro-banner { height: 150px; padding: 0 25px; }
  .intro-banner .banner-tit { font-size: 24px; }
  .intro-banner .bg-text { font-size: 80px; right: 15px; bottom: 10px; }
  .contact-card-box { flex-direction: column; align-items: flex-start; padding: 25px 20px; gap: 20px; }
  .contact-item { gap: 10px; }
  .contact-item p { font-size: 15px; }
}