.banner-ver-3 { background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: inline-block; z-index: 1; overflow: hidden; background-position: center; vertical-align: bottom; padding:58px 0; }
.banner-ver-3::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -2; background-color: #00234B; opacity: 0.16; mix-blend-mode: multiply; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); }
.banner-ver-3 .banner-inner { display: flex; flex-direction: column; align-items: center; gap: 15px; justify-content: center; width: 100%; height: 100%; text-align: center; }
.banner-ver-3 .banner-inner .detail-sec h1 { font-weight: 700; color: #FFFFFF; margin: 0; }
.banner-ver-3 .banner-inner .detail-sec p { color: #FFFFFF; font-size: 24px; font-weight: 300; line-height: 26px; margin: 15px 0 0; text-shadow: 0px 0px 10px rgba(0, 35.00000000000001, 75, 0.1607843137254902);padding-bottom: 20px; }
.banner-ver-3 .two-arrow-cta a .color{color:#15212E;}
.banner-ver-3 .two-arrow-cta a .btn-txt{line-height: 26px;font-size: 16px;}
.banner-ver-3 .two-arrow-cta a { font-size: 16px;font-weight: 400;}
.banner-ver-3 .color-change a { display:block;font-weight: 500; padding: 14px 20px;background:#fff; color: #15212E;border-radius: 50em;}
.banner-ver-3 .color-change a:hover,
.banner-ver-3 .color-change a:focus { transform: translate3d(0, -2px, 0); box-shadow: 0 12px 28px rgba(0, 0, 0, .12); color: #FFFFFF; background-color: #00234B; }
.banner-ver-3 .btns{ align-items: center; display: flex; gap: 16px; }
.banner-ver-3 .two-arrow-cta a{ padding: 13px 20px; }

{# For shocase page #}
.hs-content-id-183980865329 .banner-ver-3 { background-position: top; }


@media (max-width: 1200px){
  .banner-ver-3 { padding: 95px 0; }
  .banner-ver-3 .banner-inner .detail-sec p { font-size: 20px; line-height: 22px; margin: 12px 0 0; }
}

@media (max-width: 991px) {
  .banner-ver-3 .container{padding-left: 10px;padding-right: 10px;}
  .banner-ver-3 { padding: 75px 0; }
  .banner-ver-3 .banner-inner .detail-sec p { font-size: 18px; line-height: 20px; margin: 10px 0 0; }
}

@media (max-width: 736px) {
  .banner-ver-3 { padding: 60px 0; }
  .banner-ver-3 .banner-inner .detail-sec p { font-size: 16px; line-height: 18px; margin: 8px 0 0; }
}

@media(max-width: 350px){
  .banner-ver-3 .btns{flex-direction: column;}
}