@font-face{font-family:'Pretendard';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/Pretendard-Regular.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/Pretendard-Medium.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/Pretendard-Bold.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-weight:800;font-style:normal;font-display:swap;src:url('/assets/fonts/Pretendard-ExtraBold.woff2') format('woff2')}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;word-break:keep-all;overflow-wrap:break-word;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#1B2433;background:#FFFFFF;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#13294B}a:hover{color:#0B1A33}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #E2B45A;outline-offset:2px}
.hero-bg{background-color:#13294B;background-image:linear-gradient(90deg,rgba(11,26,51,0.90) 0%,rgba(11,26,51,0.72) 42%,rgba(11,26,51,0.40) 75%,rgba(11,26,51,0.30) 100%),linear-gradient(180deg,rgba(11,26,51,0.25) 0%,rgba(11,26,51,0) 40%,rgba(11,26,51,0.35) 100%),url('/assets/img/hero-park-avenue.jpg');background-size:cover;background-position:center 40%}
.sub-hero{background-color:#13294B;background-image:linear-gradient(90deg,rgba(11,26,51,0.92) 0%,rgba(11,26,51,0.75) 50%,rgba(11,26,51,0.55) 100%),url('/assets/img/hero-park-avenue.jpg');background-size:cover;background-position:center 35%}
.qc-row{transition:background .15s ease,transform .15s ease}
.qc-row:hover{background:rgba(255,255,255,0.16)!important;transform:translateX(2px)}
.fld{width:100%;box-sizing:border-box;border:1px solid #D5DCE6;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:15.5px;color:#1B2433;background:#FFFFFF}
.fld:focus{outline:2px solid #13294B;outline-offset:1px;border-color:#13294B}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* FAQ */
.faq summary{list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq-q:hover{background:#F7F9FC}
.faq-icon{flex:none;width:32px;height:32px;border-radius:50%;background:#F1F4F8;color:#13294B;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}
.faq-icon::before{content:'+'}
.faq[open] .faq-icon{background:#13294B;color:#FFFFFF}
.faq[open] .faq-icon::before{content:'\2212'}
/* 팝업 */
.popup-layer{position:fixed;inset:0;z-index:50;background:rgba(6,13,26,0.6);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:24px;padding:32px 16px;overflow-y:auto}
.popup-layer[hidden]{display:none}
.popup-layer [data-popup][hidden]{display:none}
/* 작은 화면 */
@media (max-width:760px){
  header nav{gap:2px 18px!important;font-size:14.5px!important}
  .hero-bg>div{padding:64px 20px 96px!important;gap:32px!important}
  .sub-hero>div{padding:56px 20px 48px!important}
  section>div[style*="padding: 96px 24px"],section>div[style*="padding: 80px 24px"],section>div[style*="padding: 104px 24px"],section>div[style*="padding: 88px 24px"],section>div[style*="padding: 72px 24px"]{padding-top:56px!important;padding-bottom:56px!important}
  .form-card{padding:24px 20px!important}
  .faq summary{padding:18px!important}
  .faq>div{padding:0 18px 18px!important}
  .popup-layer{padding:16px 12px}
  section[aria-label="코너스톤코리아의 강점"]>div>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  section[aria-label="코너스톤코리아의 강점"]>div>div:last-child>div{padding:22px 16px!important;gap:10px!important}
  section[aria-label="코너스톤코리아의 강점"]>div>div:last-child>div:nth-child(3){border-left:0!important}
  section[aria-label="코너스톤코리아의 강점"]>div>div:last-child>div:nth-child(n+3){border-top:1px solid #E8ECF2}
  section[aria-label="코너스톤코리아의 강점"] span[style*="font-size: 30px"]{font-size:22px!important}
}