/* Surf 공용 푸터 — 메인 랜딩 푸터(sections/home/landing/footer)와 같은 모양. 규칙은 surf-landing-v2.css 의 .sf 규칙을 그대로 떼어 왔다
   (10-16 오너 "안내 페이지 푸터 전체가 별로" → 랜딩 푸터로 통일). 랜딩 CSS 를 다시 추출하면 여기도 같이 맞출 것. 범위 .sl.sfw */
.sl.sfw{background:#fff;color:#101114;font-family:Pretendard,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:18px;line-height:29px;word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:clip}
.sl.sfw *{box-sizing:border-box}
.sl footer.sf{background: rgb(255, 255, 255); border: 0px; padding: 0px; color: rgb(82, 96, 113); font-size: 14px; line-height: 1.5; overflow: hidden;}
.sl .sf-band{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); padding: 0px calc(-36px + max(48px, -552px + 50vw)); border-top: 1px solid rgb(230, 233, 239); border-bottom: 1px solid rgb(230, 233, 239);}
.sl .sf-band a{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; min-height: 150px; padding: 28px 36px 30px; color: rgb(16, 17, 20); text-decoration: none; border-left: 1px solid rgb(230, 233, 239); transition: background 0.3s;}
.sl .sf-band a:first-child{border-left: 0px;}
.sl .sf-band .sf-k{font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: rgb(154, 163, 178); letter-spacing: 0px;}
.sl .sf-band b{font-size: 30px; line-height: 1.15; font-weight: 780; letter-spacing: -0.8px; transition: color 0.25s;}
.sl .sf-band i{position: absolute; right: 36px; bottom: 30px; font-style: normal; font-size: 28px; font-weight: 500; color: rgb(194, 200, 210); transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), color 0.25s;}
.sl .sf-band a:hover{background: rgb(246, 248, 252);}
.sl .sf-band a:hover b{color: rgb(36, 85, 214);}
.sl .sf-band a:hover i{color: rgb(36, 85, 214); transform: translateX(8px);}
.sl .sf-band a:last-child:hover i{transform: translate(5px, -5px);}
.sl .sf-word{display: block; width: 100%; margin-top: 56px; cursor: default;}
.sl .sf-in{max-width: 1200px; margin: 0px auto; padding: 28px 48px calc(env(safe-area-inset-bottom,0px) + 32px); display: flex; justify-content: space-between; gap: 24px; align-items: baseline;}
.sl .sf-legal{margin: 0px; font-size: 12px; line-height: 1.6; color: rgb(154, 163, 178);}
.sl .sf-legal a{color: inherit; text-decoration: none;}
.sl .sf-legal a:hover{color: rgb(82, 96, 113);}
.sl .sf-legal2{margin: 0px; flex: 1 1 0%; width: 100%; display: flex; gap: 18px; font-size: 12px; white-space: nowrap; color: rgb(154, 163, 178);}
.sl .sf-legal2 span{margin-right: auto;}
.sl .sf-legal2 a{color: rgb(82, 96, 113); text-decoration: none;}
.sl .sf-legal2 a b{color: rgb(16, 17, 20); font-weight: 700;}
@media (max-width: 900px){.sl .sf-band b{font-size: 22px;}.sl .sf-band{padding: 0px calc(-24px + max(48px, -552px + 50vw));}.sl .sf-band a{min-height: 120px; padding: 22px 24px;}.sl .sf-band i{right: 24px; bottom: 22px; font-size: 22px;}.sl .sf-in{flex-direction: column; gap: 10px;}}
@media (max-width: 760px){.sl .sf-band{grid-template-columns: 1fr; padding: 0px;}.sl .sf-band a{min-height: 0px; padding: 22px 20px; border-left: 0px; border-top: 1px solid rgb(230, 233, 239); gap: 10px;}.sl .sf-band a:first-child{border-top: 0px;}.sl .sf-band i{right: 20px; bottom: auto; top: 50%; margin-top: -14px;}.sl .sf-word{margin-top: 36px;}.sl .sf-in{padding: 20px 20px calc(env(safe-area-inset-bottom,0px) + 24px);}.sl .sf-legal2{flex-wrap: wrap;}}
@media (max-width: 1300px){.sl .sf-in{padding-right: 100px;}}
@media (max-width: 760px){.sl .sf-in{padding-right: 84px;}}