a { text-decoration: none; }

body {
  margin: 0;
  color: #122033;
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Arial, sans-serif;
}

.menu3-wrap { width: 1440px; margin: 0 auto; background: #ffffff; }
.menu3-main { width: 1180px; margin: 0 auto; padding: 58px 0 66px; }
.menu3-eyebrow { margin: 0 0 8px; color: #0a8f94; font-size: 14px; font-weight: 800; letter-spacing: .02em; line-height: 20px; }
.menu3-title { margin: 0 0 14px; color: #07135d; font-size: 36px; font-weight: 800; line-height: 46px; }
.menu3-lead { max-width: 880px; margin: 0 0 32px; color: #334155; font-size: 18px; line-height: 30px; word-break: keep-all; }

.menu3-hero { display: table; box-sizing: border-box; width: 100%; margin-bottom: 26px; border: 1px solid #d8e0ea; border-top: 5px solid #0a8f94; background: #f8fbfd; }
.menu3-hero-text { display: table-cell; width: 58%; padding: 32px 34px; vertical-align: middle; }
.menu3-hero-text h2 { margin: 0 0 14px; color: #07135d; font-size: 25px; font-weight: 800; line-height: 34px; }
.menu3-hero-text p { margin: 0; color: #475569; font-size: 16px; line-height: 28px; word-break: keep-all; }
.menu3-visual { display: table-cell; width: 42%; min-height: 230px; vertical-align: middle; text-align: center; background: linear-gradient(135deg, #07135d 0%, #0a8f94 100%); }

.sound-panel { display: inline-block; position: relative; width: 320px; height: 170px; margin-top: 32px; }
.sound-wave { position: absolute; right: 28px; left: 28px; height: 2px; background: rgba(255, 255, 255, .7); transform-origin: center; }
.sound-wave.w1 { top: 44px; transform: rotate(-10deg); }
.sound-wave.w2 { top: 82px; transform: rotate(8deg); }
.sound-wave.w3 { top: 120px; transform: rotate(-5deg); }
.sound-node { position: absolute; width: 14px; height: 14px; border-radius: 50%; background: #ff8a00; box-shadow: 0 0 0 7px rgba(255, 138, 0, .16); }
.sound-node.n1 { top: 37px; left: 42px; }
.sound-node.n2 { top: 75px; left: 145px; }
.sound-node.n3 { top: 113px; right: 48px; }

.sound-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 30px; }
.sound-card { display: block; box-sizing: border-box; min-height: 260px; padding: 28px 28px 26px; border: 1px solid #d8e0ea; background: #ffffff; box-shadow: 0 8px 24px rgba(11, 22, 55, .07); color: #122033; }
.sound-card:hover, .sound-card:focus { border-color: #0a8f94; box-shadow: 0 12px 30px rgba(11, 22, 55, .13); transform: translateY(-2px); }
.sound-card-label { display: inline-block; min-width: 44px; height: 32px; margin-bottom: 22px; background: #ff8a00; color: #ffffff; font-size: 14px; font-weight: 800; line-height: 32px; text-align: center; }
.sound-card h3 { margin: 0 0 12px; color: #07135d; font-size: 26px; font-weight: 800; line-height: 34px; }
.sound-card p { margin: 0 0 22px; color: #475569; font-size: 16px; line-height: 28px; word-break: keep-all; }
.sound-card-more { display: inline-block; color: #0a8f94; font-size: 15px; font-weight: 800; line-height: 22px; }