.contact-detail-page{background:#f8f5ee;min-height:auto;padding:0;position:relative}.contact-detail-topbar{z-index:10;justify-content:flex-end;align-items:center;width:auto;margin:0;padding:0;display:flex;position:absolute;top:9.99rem;right:.3rem}.contact-detail-step-count{color:#a88755;font-family:"Pretendard", var(--font-ui);letter-spacing:.04em;font-size:1rem;font-weight:700}.contact-detail-close{color:#6b4c26;width:auto;height:auto;font-family:"Pretendard", var(--font-ui);border:0;border-radius:0;place-items:center;font-size:1.6rem;font-weight:400;line-height:1;text-decoration:none;transition:color .16s;display:inline-grid}.contact-detail-close:hover,.contact-detail-close:focus-visible{color:#3f2f1f}.contact-detail-intro{width:min(720px, calc(100% - (var(--page-gutter) * 2)));text-align:center;margin:0 auto clamp(2rem,4vw,3.25rem);padding:clamp(2.75rem,5vw,4.5rem) 0 0}.contact-detail-scene{aspect-ratio:1024/761;width:min(1500px,100%);margin:0 auto;position:relative;overflow:visible}.contact-detail-scene__bg{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.contact-detail-grandma{z-index:2;width:clamp(46px,6vw,70px);height:auto;transform:translate(-50%, -88%) rotate(var(--contact-detail-grandma-rotate,0deg)) scale(var(--contact-detail-grandma-scale,1));transition:left .6s,top .6s;position:absolute}.contact-detail-grandma.is-instant{transition:none}.contact-detail-guide-bar{min-height:92px;padding:1.25rem var(--page-gutter);margin:0 auto}.contact-detail-guide-bar p{justify-content:center;align-items:center;gap:.45rem;margin:0;display:inline-flex}.contact-detail-guide-bar img{object-fit:contain;flex:none;width:14px;height:24px;display:block}.contact-detail-guide-bar span{display:block}.contact-detail-box{z-index:4;width:var(--contact-detail-box-width,345px);max-height:none;transform:translate(var(--contact-detail-box-offset-x,74px), var(--contact-detail-box-offset-y,-58%));background:#eef6d4;border:1px solid #8fae4a;border-radius:10px;flex-direction:column;gap:.42rem;padding:.62rem .7rem;animation:.18s both contact-detail-box-in;display:flex;position:absolute;overflow:visible;box-shadow:0 10px 24px #425a1e38}@keyframes contact-detail-box-in{0%{opacity:0;transform:translate(var(--contact-detail-box-start-offset-x,56px), var(--contact-detail-box-offset-y,-58%))}to{opacity:1;transform:translate(var(--contact-detail-box-offset-x,74px), var(--contact-detail-box-offset-y,-58%))}}.contact-detail-box__step{color:#47651e;font-family:"Pretendard", var(--font-ui);margin:0;font-size:.99rem;font-weight:600}.contact-detail-box__title{color:#111;font-family:"Pretendard", var(--font-ui);word-break:keep-all;margin:0;font-size:.96rem;font-weight:600;line-height:1.4}.contact-detail-box__fields{flex-direction:column;gap:.42rem;display:flex}.contact-detail-field{flex-direction:column;gap:.22rem;display:flex}.contact-detail-field__label{color:#1f1a16;font-family:"Pretendard", var(--font-ui);font-size:.95rem;font-weight:500}.contact-detail-field__required{color:#b3543f;margin-left:.2rem}.contact-detail-field__chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;display:grid}.contact-detail-field__chips--count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-detail-field__chips--count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-detail-chip{color:#1f1a16;min-height:30px;font-family:"Pretendard", var(--font-ui);cursor:pointer;background:#fbfff0;border:1px solid #8fae4a;border-radius:6px;padding:.28rem .34rem;font-size:.93rem;font-weight:500;transition:background .15s,color .15s}.contact-detail-chip.is-selected{color:#fdf8ee;background:#6f9635;border-color:#6f9635}.contact-detail-field__input,.contact-detail-field__textarea{color:#111;width:100%;font-family:"Pretendard", var(--font-ui);background:#fff;border:1px solid #8fae4a;border-radius:6px;padding:.32rem .45rem;font-size:.76rem;font-weight:500}.contact-detail-field__textarea{resize:vertical;min-height:42px}.contact-detail-box__nav{justify-content:space-between;align-items:center;margin-top:.15rem;display:flex}.contact-detail-arrow-button{color:#5a3d22;cursor:pointer;background:0 0;border:none;border-radius:0;place-items:center;width:20px;height:20px;font-size:1.1rem;font-weight:300;line-height:1;display:grid}.contact-detail-arrow-button--prev{color:#5a3d22}.contact-detail-arrow-button:disabled{opacity:.4;cursor:not-allowed}.contact-detail-box--summary{width:270px}.contact-detail-summary{flex-direction:column;gap:.35rem;display:flex}.contact-detail-summary__block{border-bottom:1px solid #8fae4a66;padding-bottom:.35rem}.contact-detail-summary__row{color:#1a1a1a;font-family:"Pretendard", var(--font-ui);margin:.1rem 0;font-size:.7rem;line-height:1.5}.contact-detail-summary__row span{color:#5c7a2c;margin-right:.3rem;font-weight:700}.contact-detail-box__nav--summary{flex-direction:column;align-items:stretch;gap:.4rem}.contact-detail-mail-button{color:#fdf8ee;height:32px;font-family:"Pretendard", var(--font-ui);cursor:pointer;background:#6f9635;border:1px solid #8fae4a;border-radius:7px;justify-content:center;align-items:center;padding:0 .7rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.contact-detail-mail-button--link{color:#3d3227;background:#fbfff0}@media (max-width:760px){.contact-detail-topbar,.contact-detail-intro,.contact-detail-scene{width:calc(100vw - 32px)}.contact-detail-box{width:210px;transform:translate(12px,-58%)}@keyframes contact-detail-box-in-mobile{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.contact-detail-grandma{transition:left 60ms linear,top 60ms linear}.contact-detail-start-arrow{animation:none}}