@charset 'utf-8';

#sb-agent-launcher { display: none !important; }

.hs-as-card { box-sizing: border-box; width: min(100%, 338px); margin: 8px 10px 14px; padding: 16px 14px 14px;
    border: 1px solid #e6e2df; border-radius: 4px; background: #fff; box-shadow: 0 8px 24px rgba(44, 35, 29, .08); color: #121212;
    font-family: Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
.hs-as-card * { box-sizing: border-box; }
.hs-as-card h3, .hs-as-card h4, .hs-as-card p { margin: 0; }
.hs-as-card button { font: inherit; }
.hs-as-eyebrow { display: block; margin-bottom: 5px; font-size: 10px; font-weight: 800; }
.hs-as-card .hs-as-title { font-size: 15px; line-height: 1.45; letter-spacing: -.02em; }
.hs-as-required { margin-left: 2px; }
.hs-as-card .hs-as-lead { margin: 5px 0 13px; color: #777; font-size: 11px; }
.hs-as-field { display: grid; animation: hs-as-reveal .16s ease-out; }
.hs-as-field + .hs-as-field { margin-top: 9px; }
.hs-as-field-label { margin: 0 0 4px 2px; color: #777; font-size: 10px; font-weight: 700; }
@keyframes hs-as-reveal { from { opacity: 0; transform: translateY(-4px); } }
.hs-as-card .hs-as-trigger { appearance: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%;
    min-height: 58px; margin: 0; padding: 0 16px; border: 1px solid #dcdce0; border-radius: 4px; box-shadow: none; background: #fff;
    color: #121212; font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; }
.hs-as-card .hs-as-trigger.is-open { border-color: #121212; }
.hs-as-card .hs-as-trigger:focus-visible { border-color: #121212; outline: 2px solid rgba(18, 18, 18, .16); }
.hs-as-card .hs-as-trigger:disabled { background: #f6f6f6; color: #777; cursor: default; }
.hs-as-trigger-text { flex: 1 1 auto; text-align: left; }
.hs-as-caret { display: inline-flex; flex: 0 0 auto; color: #8a8a90; transition: transform .15s ease; }
.hs-as-trigger.is-open .hs-as-caret { transform: rotate(180deg); }
.hs-as-options { display: grid; gap: 2px; margin-top: 5px; padding: 6px; max-height: 184px; overflow-y: auto;
    border: 1px solid #ecebee; border-radius: 4px; background: #fff; }
.hs-as-card .hs-as-option { all: unset; box-sizing: border-box; display: flex; align-items: center; min-height: 48px; padding: 0 12px;
    border-radius: 4px; background: transparent; color: #121212; font-size: 14px; font-weight: 500; cursor: pointer; }
.hs-as-card .hs-as-option:hover { background: #f5f5f5; }
.hs-as-card .hs-as-option.is-selected { background: #666; color: #fff; font-weight: 700; }
.hs-as-primary { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 54px; margin-top: 12px; border: 0;
    border-radius: 4px; background: #c92f24; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; }
.hs-as-primary:hover:not(:disabled) { background: #b0281e; }
.hs-as-primary:disabled { background: #e6e6e8; color: #a1a1a8; cursor: default; }
.hs-as-card .hs-as-footnote { margin-top: 9px; color: #999; font-size: 9px; text-align: center; }
.hs-as-info { padding: 14px; border-radius: 4px; background: #f6f6f6; color: #666; font-size: 12px; }
.hs-as-info.is-error { background: #fff2f1; color: #9f261e; }

.hs-as-card.hs-as-guide { padding: 0; overflow: hidden; border-color: #e9e4e1; }
.hs-as-guide-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 15px 16px 8px; }
.hs-as-badge { display: inline-flex; align-items: center; min-height: 25px; padding: 0 10px; border-radius: 4px; background: #fbe9e6;
    color: #c92f24; font-size: 11px; font-weight: 800; }
.hs-as-case-id { color: #8d8783; font-size: 11px; font-weight: 700; }
.hs-as-card .hs-as-breadcrumb { padding: 0 16px; color: #77716d; font-size: 11px; line-height: 1.5; }
.hs-as-card .hs-as-symptom { margin-top: 6px; padding: 0 16px; font-size: 16px; line-height: 1.48; letter-spacing: -.02em; }
.hs-as-divider { height: 1px; margin: 14px 16px; border: 0; background: #eeeae8; }
.hs-as-card .hs-as-section-title { padding: 0 16px; font-size: 12px; font-weight: 700; }
.hs-as-card .hs-as-solution { margin: 7px 0 14px; padding: 0 16px; font-size: 13px; line-height: 1.65; white-space: pre-wrap; }
.hs-as-images { display: grid; gap: 10px; padding: 0 12px 12px; }
.hs-as-images figure { position: relative; margin: 0; overflow: hidden; border: 1px solid #eeeae8; border-radius: 4px; background: #f6f4f2; }
.hs-as-images img { display: block; width: 100%; height: auto; max-height: 300px; object-fit: contain; background: #fff; }
.hs-as-links { display: grid; gap: 8px; padding: 2px 12px 12px; }
.hs-as-links .hs-as-primary { margin-top: 0; border: 1px solid #c92f24; }
.hs-as-links .hs-as-primary:hover { border-color: #b0281e; }
.hs-as-secondary { display: flex; justify-content: center; align-items: center; min-height: 54px; border: 1px solid #121212; border-radius: 4px;
    background: #fff; color: #121212; font-size: 15px; font-weight: 700; text-decoration: none; }
.hs-as-secondary:hover { background: #f7f7f7; }
.hs-as-card .hs-as-guide-foot { padding: 12px 16px 15px; border-top: 1px solid #eeeae8; background: #faf8f7; color: #69635f;
    font-size: 11px; line-height: 1.55; }

.hs-replies { display: flex; flex-direction: column; align-self: stretch; gap: 8px; box-sizing: border-box; width: 100%; margin: 12px 0 18px; padding: 0 16px; }
.hs-replies .hs-reply { appearance: none; display: flex; flex: none; justify-content: space-between; align-items: center; gap: 10px; width: 100%;
    margin: 0; padding: 13px 16px; border: 1px solid transparent; border-radius: 999px !important; box-shadow: none;
    background: #f4f4f5; color: #121212; font-family: Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    font-size: 13px; font-weight: 400; text-align: left; cursor: pointer; }
.hs-replies .hs-reply > span { min-width: 0; white-space: normal; }

.hs-replies .hs-reply:focus-visible { outline: 2px solid rgba(18, 18, 18, .16); outline-offset: 2px; }
.hs-replies .hs-reply.is-red-line { border-color: #c92f24; background: #fff; }
.hs-replies .hs-reply.is-red-line:hover { background: #fff5f4; }
.hs-replies .hs-reply.is-black-line { border-color: #121212; background: #fff; }
.hs-replies .hs-reply.is-black-line:hover { background: #f7f7f7; }
.hs-replies .hs-reply.is-default { background: #f4f4f5; }
.hs-replies .hs-reply.is-default:hover { background: #ececee; }
.hs-replies .hs-reply.is-default:active, .hs-replies .hs-reply.is-black-line:active, .hs-replies .hs-reply.is-red-line:active { background: #e4e4e7; }

.hs-as-arrow { display: block; flex: 0 0 auto; width: 16px; height: 16px; background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M6.96967 3.46967C7.26256 3.17678 7.73744 3.17678 8.03033 3.46967L14.0303 9.46967C14.3232 9.76256 14.3232 10.2374 14.0303 10.5303L8.03033 16.5303C7.73744 16.8232 7.26256 16.8232 6.96967 16.5303C6.67678 16.2374 6.67678 15.7626 6.96967 15.4697L12.4393 10L6.96967 4.53033C6.67678 4.23744 6.67678 3.76256 6.96967 3.46967Z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M6.96967 3.46967C7.26256 3.17678 7.73744 3.17678 8.03033 3.46967L14.0303 9.46967C14.3232 9.76256 14.3232 10.2374 14.0303 10.5303L8.03033 16.5303C7.73744 16.8232 7.26256 16.8232 6.96967 16.5303C6.67678 16.2374 6.67678 15.7626 6.96967 15.4697L12.4393 10L6.96967 4.53033C6.67678 4.23744 6.67678 3.76256 6.96967 3.46967Z'/%3E%3C/svg%3E") no-repeat center / contain; }
.hs-as-arrow.is-down { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16.5303 6.96967C16.8232 7.26256 16.8232 7.73744 16.5303 8.03033L10.5303 14.0303C10.2374 14.3232 9.76256 14.3232 9.46967 14.0303L3.46967 8.03033C3.17678 7.73744 3.17678 7.26256 3.46967 6.96967C3.76256 6.67678 4.23744 6.67678 4.53033 6.96967L10 12.4393L15.4697 6.96967C15.7626 6.67678 16.2374 6.67678 16.5303 6.96967Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16.5303 6.96967C16.8232 7.26256 16.8232 7.73744 16.5303 8.03033L10.5303 14.0303C10.2374 14.3232 9.76256 14.3232 9.46967 14.0303L3.46967 8.03033C3.17678 7.73744 3.17678 7.26256 3.46967 6.96967C3.76256 6.67678 4.23744 6.67678 4.53033 6.96967L10 12.4393L15.4697 6.96967C15.7626 6.67678 16.2374 6.67678 16.5303 6.96967Z'/%3E%3C/svg%3E"); }
