/* PC 전용 세로 퀵 메뉴. 모바일의 기존 가로 버튼/상담 원형 버튼은 유지한다. */
.sh-top-label{display:none}
@media(min-width:768px){
 body.sh-pc-quick #soomba-helper #soomba-helper-launch{width:128px;height:48px;min-height:48px;padding:10px;gap:6px;border-radius:12px;font-size:16px;box-shadow:0 4px 16px #172b3b12}
 body.sh-pc-quick #soomba-helper #soomba-helper-launch svg{width:18px;height:18px}
 body.sh-pc-quick .s4-float-btns,body.sh-pc-quick.fb-active .s4-float-btns{display:flex!important;flex-direction:column;width:128px;gap:8px}
 body.sh-pc-quick .s4-float-app{display:none}
 body.sh-pc-quick .s4-float-consult,body.sh-pc-quick .s4-float-consult:link,body.sh-pc-quick .s4-float-consult:visited,body.sh-pc-quick .s4-float-consult:hover,body.sh-pc-quick .s4-float-consult:focus{display:flex;align-items:center;justify-content:center;width:128px;height:48px;box-sizing:border-box;border:1px solid #d9dcd9;border-radius:12px;background:#fff;color:#173748!important;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;box-shadow:0 4px 16px #172b3b12}
 body.sh-pc-quick .s4-float-consult br{display:none}
 body.sh-pc-quick .footer .top-move__btn{display:flex;align-items:center;justify-content:center;width:128px;height:48px;box-sizing:border-box;border:1px solid #d9dcd9;border-radius:12px;background:#fff;color:#173748;font-size:16px;font-weight:600;line-height:1.4;box-shadow:0 4px 16px #172b3b12}
 body.sh-pc-quick .footer .top-move__btn img{display:none}
 body.sh-pc-quick .sh-top-label{display:inline}
 body.sh-pc-quick .s4-float-consult:hover,body.sh-pc-quick .footer .top-move__btn:hover{background:#f6f3ed;border-color:#bca78e}
 body.sh-pc-quick .footer .top-move__btn:focus-visible{outline:3px solid #b38b55;outline-offset:2px}
}

/* 작은 PC 창에서는 배너 내부도 함께 줄여 오른쪽 메뉴와 겹치지 않게 한다. */
@media(min-width:768px) and (max-width:1199px){
 body.sh-pc-quick #fb-banner{grid-template-columns:116px minmax(0,1fr) 112px;gap:12px;min-height:120px;padding:14px 12px 14px 0}
 body.sh-pc-quick #fb-banner .fb-banner-image{width:125px;height:125px;left:0;bottom:-14px}
 body.sh-pc-quick #fb-banner .fb-banner-plus{left:58px;width:28px;height:28px;font-size:22px!important}
 body.sh-pc-quick #fb-banner .fb-banner-eyebrow{font-size:12px}
 body.sh-pc-quick #fb-banner .fb-banner-headline{gap:10px}
 body.sh-pc-quick #fb-banner .fb-banner-headline strong{font-size:44px}
 body.sh-pc-quick #fb-banner .fb-banner-headline p{font-size:20px}
 body.sh-pc-quick #fb-banner .fb-banner-cta{min-height:52px;padding:10px 8px;font-size:16px;gap:5px}
 body.sh-pc-quick #fb-banner .fb-banner-cta span{font-size:24px}
}

@media(min-width:768px){
 /* PC는 상담 섹션이 보여도 퀵 메뉴의 가운데 칸을 유지한다. 모바일의 자동 숨김은 그대로다. */
 body.sh-pc-quick .s4-float-btns.is-hide{opacity:1;visibility:visible;transform:none}
}

/* 모바일 첫 화면은 오른쪽 정렬. 화살표가 나타나면 도우미만 가로로 부드럽게 이동한다. */
@media(max-width:767px){
 #soomba-helper #soomba-helper-launch{transition:left .16s ease}
 .footer .top-move[data-helper-rail].scroll{animation:sh-helper-arrow-enter .16s ease .04s both}
}
@keyframes sh-helper-arrow-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 #soomba-helper #soomba-helper-launch{transition:none}
 .footer .top-move[data-helper-rail].scroll{animation:none}
}