.ofn{color:#1c1a24;max-width:480px;min-height:100dvh;padding-bottom:calc(96px + var(--ohome-bottom));background:#fff;margin:0 auto}.ofn h1,.ofn h2,.ofn p{margin:0}.ofn-top{padding:calc(4px + var(--ohome-top)) 8px 0;justify-content:space-between;align-items:center;display:flex}.ofn-top button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.ofn-hero{height:330px;position:relative}.ofn-face,.ofn-back{border-radius:22px;width:200px;height:266px;margin-left:-100px;position:absolute;top:6px;left:50%}.ofn-face{z-index:1;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));touch-action:pan-y;background:linear-gradient(170deg,#e9e8ee,#bdbac6);transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:.8s cubic-bezier(.2,.9,.25,1.15) backwards ofn-deal;overflow:hidden;box-shadow:0 18px 40px #1c1a2433}.ofn-face.is-tilt{transition:transform 80ms linear}.ofn-glare{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%), #ffffff73, transparent 55%);transition:opacity .3s;position:absolute;inset:0}.ofn-face.is-tilt .ofn-glare{opacity:1}.ofn-face-none{color:#fff;place-items:center;width:100%;height:100%;font-size:64px;font-weight:800;display:grid}.ofn-back{object-fit:cover;filter:brightness(.82)saturate(.8);transform-origin:50% 100%;width:190px;height:250px;margin-left:-76px;animation:.9s cubic-bezier(.2,.9,.25,1.2) .25s backwards ofn-fan;top:18px;rotate:7deg}@keyframes ofn-deal{0%{opacity:0;transform:translateY(26px)rotate(-3deg)scale(.94)}}@keyframes ofn-fan{0%{opacity:0;rotate:0deg}}.ofn-open{white-space:nowrap;color:#4a4655;background:#f4f3f7;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:700;animation:.6s .5s both ofn-up;display:inline-flex;position:absolute;top:288px;left:50%;transform:translate(-50%)}.ofn-open.is-open{color:#1f6e46;background:#eaf6ef}.ofn-open i{background:#1f8a55;border-radius:50%;width:8px;height:8px;position:relative}.ofn-open i:after{content:"";background:#1f8a5573;border-radius:50%;animation:2s ease-in-out infinite ofn-live;position:absolute;inset:0}@keyframes ofn-live{0%{opacity:1;transform:scale(1)}60%,to{opacity:0;transform:scale(2.5)}}.ofn-hero2.is-away *,.ofn-hero2.is-away :after,.ofn-hero2.is-away :before{animation-play-state:paused!important}@keyframes ofn-up{0%{opacity:0;transform:translate(-50%,14px)}}.ofn-name{text-align:center;padding:18px 22px 0;animation:.7s .1s both ofn-rise}@keyframes ofn-rise{0%{opacity:0;transform:translateY(14px)}}.ofn-kicker{color:#6d6878;font-size:13px;font-weight:600}.ofn-name h1{letter-spacing:-.8px;word-break:keep-all;margin-top:4px;font-size:30px;font-weight:800}.ofn-name h1 small{letter-spacing:0;color:#4a4655;font-size:14px;font-weight:400}.ofn-office{color:#4a4655;margin-top:2px;font-size:15px}.ofn-intro{word-break:keep-all;margin-top:14px;font-size:16px;line-height:1.6}.ofn-career{color:#6d6878;margin:12px 0 0;padding:0;font-size:13px;line-height:1.7;list-style:none}.ofn-sec{padding:30px 22px 0}.ofn-sec h2{font-size:16px;font-weight:800}.ofn-sec-head{justify-content:space-between;align-items:baseline;display:flex}.ofn-sec-head a{color:#6d6878;padding:8px 0;font-size:13px;text-decoration:none}.ofn-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ofn-chips button{color:#1c1a24;cursor:pointer;background:#fff;border:1px solid #e3e0e8;border-radius:999px;min-height:36px;padding:0 13px;font-size:13.5px;font-weight:700;transition:background-color .2s,color .2s,transform .12s}.ofn-chips button:active{transform:scale(.95)}.ofn-chips button.is-on{color:#fff;background:#1c1a24;border-color:#1c1a24}.ofn-rooms{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:14px -22px 0;padding:0 22px 4px;scroll-padding:0 22px;display:flex;overflow-x:auto}.ofn-rooms::-webkit-scrollbar{display:none}.ofn-room{scroll-snap-align:start;width:150px;color:inherit;animation:ofn-slide .55s cubic-bezier(.2, .8, .2, 1) var(--d,0s) both;flex:none;text-decoration:none}@keyframes ofn-slide{0%{opacity:0;transform:translate(30px)}}.ofn-room-pic{background:#f4f3f6;border-radius:16px;height:120px;display:block;position:relative;overflow:hidden}.ofn-room-pic img{object-fit:cover;width:100%;height:100%}.ofn-room-pic em{color:#fff;background:#1c1a24;border-radius:6px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:8px;left:8px}.ofn-room b{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:15px;font-weight:800;display:block;overflow:hidden}.ofn-room>span:last-child{color:#6d6878;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.ofn-stack{background:#efedf2;border-radius:5px;height:10px;margin-top:12px;display:flex;overflow:hidden}.ofn-stack i{transform-origin:0;height:100%;transition:transform .9s cubic-bezier(.2, .8, .2, 1) var(--d,0s);display:block;transform:scaleX(0)}.ofn-legend{color:#4a4655;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;display:flex}.ofn-legend b{color:#1c1a24}.ofn-dongs{gap:8px;margin-top:16px;display:grid}.ofn-dongs>div{grid-template-columns:76px minmax(0,1fr) 32px;align-items:center;column-gap:10px;font-size:13.5px;display:grid}.ofn-dongs>div>span:last-child{text-align:right;color:#6d6878}.ofn-dong-bar{background:#efedf2;border-radius:4px;height:8px;overflow:hidden}.ofn-dong-bar i{transform-origin:0;height:100%;transition:transform .9s cubic-bezier(.2, .8, .2, 1) var(--d,0s);background:#8e8a98;border-radius:4px;display:block;transform:scaleX(0)}.ofn-dong-bar i.is-top{background:#1c1a24}.ofn-bars.is-in .ofn-stack i,.ofn-bars.is-in .ofn-dong-bar i{transform:scaleX(1)}.ofn-watch{width:calc(100% - 36px);color:inherit;text-align:left;cursor:pointer;background:#f6f5f8;border:0;border-radius:18px;align-items:center;gap:12px;margin:28px 18px 0;padding:16px 18px;display:flex}.ofn-watch>span:first-child{flex-direction:column;flex:1;min-width:0;display:flex}.ofn-watch b{font-size:15px;font-weight:800}.ofn-watch small{color:#6d6878;margin-top:2px;font-size:12.5px}.ofn-switch{background:#cfcbd6;border-radius:16px;flex:none;width:52px;height:32px;transition:background-color .2s;position:relative}.ofn-switch i{background:#fff;border-radius:50%;width:26px;height:26px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.ofn-switch.is-on{background:#1c1a24}.ofn-switch.is-on i{left:23px}.ofn-staff{flex-wrap:wrap;gap:12px 18px;margin-top:12px;display:flex}.ofn-staff>div{align-items:center;gap:10px;display:flex}.ofn-staff-face{background:#dcd9e1;border-radius:50%;flex:none;width:44px;height:44px;overflow:hidden}.ofn-staff b{font-size:14.5px;display:block}.ofn-staff small{color:#6d6878;font-size:12px}.ofn-legal{color:#6d6878;border-top:1px solid #efedf2;margin:28px 22px 0;padding-top:16px;font-size:11.5px;line-height:1.7}.ofn-legal a{color:inherit}.ofn-bar{z-index:30;max-width:480px;padding:12px 16px calc(16px + var(--ohome-bottom));background:#fff;border-top:1px solid #efedf2;gap:8px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.ofn-call{color:#1c1a24;border:1px solid #e3e0e8;border-radius:14px;flex:none;place-items:center;width:56px;height:52px;display:grid}.ofn-bar button{color:#fff;cursor:pointer;background:#1c1a24;border:0;border-radius:14px;flex:1;height:52px;font-size:16px;font-weight:800}.ofn-news{color:#4a4655;background:#f6f5f8;border-radius:999px;align-items:center;gap:8px;height:40px;margin:20px 22px 0;padding:0 14px;font-size:13.5px;display:flex;overflow:hidden}.ofn-news i{background:#1c1a24;border-radius:50%;flex:none;width:7px;height:7px;animation:1.4s ease-in-out infinite ofn-blink}.ofn-news span{white-space:nowrap;text-overflow:ellipsis;min-width:0;animation:.45s cubic-bezier(.2,.8,.2,1) ofn-roll;overflow:hidden}.ofn-news b{color:#1c1a24}@keyframes ofn-roll{0%{opacity:0;transform:translateY(100%)}}@keyframes ofn-blink{50%{opacity:.25}}.ofn-rv{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(18px)}.ofn-rv.is-in{opacity:1;transform:none}.ofn-sky{background:#f6f5f8;border-radius:20px;margin-top:12px;padding:0;overflow:hidden}.ofn-sky svg{width:100%;height:auto;display:block}.ofn-sky circle{fill:#1c1a24;opacity:0;transform-box:fill-box;transform-origin:50%}.ofn-sky.is-in circle{animation:ofn-star .5s cubic-bezier(.3, 1.6, .5, 1) var(--d,0s) forwards}@keyframes ofn-star{0%{opacity:0;transform:scale(0)}to{opacity:.72;transform:scale(1)}}.ofn-sky .ofn-sky-home{fill:#1c1a24;opacity:1}.ofn-sky.is-in .ofn-sky-home{animation:none}.ofn-sky .ofn-sky-ring{fill:none;stroke:#1c1a24;stroke-width:2px;opacity:0}.ofn-sky.is-in .ofn-sky-ring{animation:2.4s ease-out .2s infinite ofn-ring}@keyframes ofn-ring{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(3.2)}}.ofn-sky text{fill:#1c1a24;paint-order:stroke;stroke:#f6f5f8;stroke-width:4px;opacity:0;font-size:12px;font-weight:800;transition:opacity .6s 1.3s}.ofn-sky.is-in text{opacity:1}@media (prefers-reduced-motion:reduce){.ofn-news i,.ofn-news span{animation:none}.ofn-rv{opacity:1;transition:none;transform:none}.ofn-sky circle{opacity:.72;animation:none!important}.ofn-sky .ofn-sky-ring{display:none}.ofn-sky text,.ofn-face{transition:none}.ofn-face,.ofn-back,.ofn-open,.ofn-open i,.ofn-name,.ofn-room{animation:none}.ofn-stack i,.ofn-dong-bar i{transition:none;transform:none}}.ofn-hours{border-top:1px dashed #e3e0e8;margin:12px 0 0;padding-top:12px}.ofn-hours dt{color:#4a4655;font-weight:700}.ofn-hours dd{word-break:keep-all;margin:0}.ofn-deck{z-index:1;scroll-snap-type:x mandatory;scrollbar-width:none;height:290px;display:flex;position:absolute;top:0;left:0;right:0;overflow-x:auto}.ofn-deck::-webkit-scrollbar{display:none}.ofn-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:none;width:100%;height:100%;position:relative}.ofn-deck.is-many .ofn-face{touch-action:pan-x pan-y}.ofn-face.is-later{animation:none}.ofn-face img{object-fit:cover;width:100%;height:100%}.ofn-face-tag{z-index:3;color:#fff;background:#11101499;border-radius:999px;padding:3px 8px;font-size:11.5px;font-style:normal;font-weight:700;position:absolute;bottom:10px;left:10px}.ofn-hero:has(.ofn-dots){height:344px}.ofn-dots{gap:6px;display:flex;position:absolute;top:284px;left:50%;transform:translate(-50%)}.ofn-dots i{background:#d6d2dc;border-radius:3px;width:6px;height:6px;transition:width .25s,background-color .25s}.ofn-dots i.is-on{background:#1c1a24;width:16px}.ofn-hero:has(.ofn-dots) .ofn-open{top:304px}.ofn-hero2{height:calc(300px + var(--ohome-top));margin-bottom:76px;position:relative}.ofn-bg{background:#f4f3f6;position:absolute;inset:0;overflow:hidden}.ofn-bg>img{object-fit:cover;opacity:0;transform-origin:60% 40%;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.ofn-bg>img.is-on{opacity:1;animation:14s ease-in-out infinite alternate ofn-kb}@keyframes ofn-kb{0%{transform:scale(1.04)}to{transform:scale(1.16)translate(-12px,-6px)}}.ofn-hero2:after{content:"";pointer-events:none;background:linear-gradient(#fff0 44%,#ffffffbf 80%,#fff 100%);position:absolute;inset:0}.ofn-top.is-over{z-index:3;position:absolute;top:0;left:0;right:0}.ofn-hero2.is-photo .ofn-top.is-over{color:#fff}.ofn-hero2.is-photo .ofn-top.is-over svg{filter:drop-shadow(0 1px 2px #00000059)}.ofn-bg-dots{z-index:3;right:16px;top:calc(62px + var(--ohome-top));gap:5px;display:flex;position:absolute}.ofn-bg-dots i{background:#ffffff8c;border-radius:2px;width:6px;height:4px;transition:width .3s,background-color .3s}.ofn-bg-dots i.is-on{background:#fff;width:16px}.ofn-map{pointer-events:none;width:480px;height:260px;margin-left:-240px;animation:18s ease-in-out infinite alternate ofn-drift;position:absolute;top:0;left:50%}.ofn-map-box{filter:saturate(.55)blur(.5px);opacity:0;transition:opacity .6s;position:absolute;inset:0}.ofn-map-box.is-ready{opacity:.9}@keyframes ofn-drift{0%{transform:scale(1.04)}to{transform:scale(1.12)translate(-10px,-6px)}}.ofn-map-dot{z-index:2;box-sizing:border-box;background:#1c1a24;border:3px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:130px;left:240px}.ofn-map-dot:after{content:"";background:#1c1a2438;border-radius:50%;animation:2.4s ease-out infinite ofn-ping;position:absolute;inset:-9px}@keyframes ofn-ping{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.6)}}.ofn-map-label{z-index:2;color:#4a4655;white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:700;position:absolute;top:118px;left:254px}.ofn-me{z-index:2;box-sizing:border-box;background:linear-gradient(170deg,#e9e8ee,#bdbac6);border:4px solid #fff;border-radius:42px;width:140px;height:140px;margin-left:-70px;animation:.8s cubic-bezier(.2,.9,.25,1.15) .2s backwards ofn-pop;position:absolute;bottom:-66px;left:50%;overflow:hidden;box-shadow:0 14px 34px #1c1a2438}.ofn-me-ring{z-index:1;pointer-events:none;opacity:0;border:2px solid #1c1a242e;border-radius:42px;width:140px;height:140px;margin-left:-70px;animation:2.8s ease-out 1.2s infinite ofn-breath;position:absolute;bottom:-66px;left:50%}.ofn-hero2 .ofn-me-ring{position:absolute}@keyframes ofn-pop{0%{opacity:0;transform:translateY(22px)scale(.9)}}@keyframes ofn-breath{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.28)}}.ofn-open-row{justify-content:center;display:flex}.ofn-open-row .ofn-open{animation:.6s .45s both ofn-rise;position:static;transform:none}.ofn-open-row+.ofn-name{padding-top:10px}@media (prefers-reduced-motion:reduce){.ofn-bg>img.is-on,.ofn-map,.ofn-map-dot:after,.ofn-me,.ofn-me-ring,.ofn-open-row .ofn-open{animation:none}.ofn-map-box{transition:none}}.ofn-bgp{opacity:0;transition:opacity .9s;position:absolute;inset:0}.ofn-bgp.is-on{opacity:1}.ofn-bgp img{width:100%;height:100%;position:absolute;inset:0}.ofn-bgp-fill{object-fit:cover;filter:blur(18px)saturate(.9);transform:scale(1.15)}.ofn-bgp-full{object-fit:contain;object-position:center top;padding-top:calc(44px + var(--ohome-top));box-sizing:border-box}.ofn-hero2.is-photo:after{background:linear-gradient(#11101447 0%,#11101400 20%,#fff0 70%,#fffc 90%,#fff 100%)}.ofn-bgp.is-on{animation:14s ease-in-out infinite alternate ofn-kb2}@keyframes ofn-kb2{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.ofn-bgp.is-on{animation:none}}.ofn-all{color:#6d6878;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px}.ofn-rooms.is-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:14px 0 0;padding:0;scroll-margin-top:80px;display:grid;overflow:visible}.ofn-rooms.is-all .ofn-room{width:auto}.ofn-rooms.is-all .ofn-room-pic{height:140px}.ofn.is-morph .ofn-me,.ofn.is-morph .ofn-name,.ofn.is-morph .ofn-bgp,.ofn.is-morph .ofn-bg>img{animation:none}.ofn.is-shop .ofn-me{border:0;border-radius:50%;width:128px;height:128px;margin-left:-64px;bottom:-60px;box-shadow:0 0 0 4px #fff,0 0 0 5px #ecebef,0 12px 28px #1c1a242e}.ofn.is-shop .ofn-name{flex-direction:column;align-items:center;display:flex}.ofn.is-shop .ofn-name .shp-agent-year{margin-top:2px}.ofn.is-shop .ofn-kicker{margin-top:6px}.ofn.is-shop .ofn-name h1{margin-top:8px;font-size:24px}.ofn.is-shop .ofn-sec{border-top:1px solid #f1eff4;margin-top:30px;padding:30px 16px 0}.ofn.is-shop .ofn-news+.ofn-sec,.ofn.is-shop .ofn-name+.ofn-sec{border-top:8px solid #f3f2f5}.ofn.is-shop .ofn-sec h2{letter-spacing:-.3px;font-size:17px;font-weight:800}.ofn.is-shop .ofn-chips{margin-top:12px}.ofn.is-shop .ofn-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;margin:14px 0 0;padding:0;display:grid;overflow:visible}.ofn.is-shop .ofn-room{width:auto}.ofn.is-shop .ofn-room-pic{aspect-ratio:1;border-radius:12px;height:auto}.ofn.is-shop .ofn-room b{font-size:15.5px}.ofn .shp-notice-more{margin-top:16px}.ofn.is-shop .ofn-info .shp-agent-facts{border-top:0;gap:9px;margin:12px 0 0;padding:0;font-size:13.5px}.ofn.is-shop .ofn-info .shp-agent-facts a{color:inherit;font-weight:700;text-decoration:none}.ofn.is-shop .ofn-hour{display:block}.ofn.is-shop .ofn-watch{margin-left:16px;margin-right:16px}.ofn-bgp-cover{object-fit:cover;object-position:center}.ofn-bgp.is-mapslide .ofn-map{width:auto;height:auto;margin:0;inset:0}.ofn-bgp.is-mapslide .ofn-map-dot{top:50%;left:50%}.ofn-bgp.is-mapslide .ofn-map-label{top:calc(50% - 12px);left:calc(50% + 14px)}.ofn-bgp{transition-duration:.9s}.ofn-stack i:first-child{background:#7a6fb8}.ofn-stack i:nth-child(2){background:#a59dd0}.ofn-stack i:nth-child(3){background:#cdc7e6}.ofn-stack i:nth-child(4){background:#e7e3f3}.ofn-hero2.is-map .ofn-bg-dots i{background:#1c1a2438}.ofn-hero2.is-map .ofn-bg-dots i.is-on{background:#1c1a24}.ofn-sky.is-in circle{animation-name:ofn-star2}@keyframes ofn-star2{0%{opacity:0;transform:scale(0)}to{opacity:.9;transform:scale(1)}}.ofn-sky .ofn-sky-zone{fill:#eeecf3;stroke:#f6f5f8;stroke-width:2.4px;stroke-linejoin:round;opacity:0;transition:opacity .5s .55s}.ofn-sky .ofn-sky-zone.is-home{fill:#e7e3f3;stroke:#9d93cc;stroke-width:1.3px;stroke-dasharray:4 4}.ofn-sky.is-in .ofn-sky-zone{opacity:1}.ofn-sky .ofn-sky-edge{fill:none;stroke:#b9b2d6;stroke-width:1.1px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.ofn-sky .ofn-sky-edge.is-home{stroke:#7a6fb8;stroke-width:1.6px}.ofn-sky.is-in .ofn-sky-edge{animation:1.4s cubic-bezier(.45,0,.2,1) both ofn-edge-draw}@keyframes ofn-edge-draw{0%{opacity:1;stroke-dashoffset:1px}55%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.ofn-sky .ofn-sky-edge{display:none}.ofn-sky .ofn-sky-zone{transition:none}}.ofn.is-inline{--ohome-top:0px;border-radius:20px;max-width:none;min-height:0;padding-bottom:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #efedf2}.ofn.is-inline .ofn-hero2{height:220px}.ofn-top.is-inline .ofn-fold{color:#1c1a24;background:#ffffffeb;border-radius:50%;width:40px;height:40px;margin:6px 6px 0 0;box-shadow:0 2px 10px #14121e24}.ofn-hero2.is-photo .ofn-top.is-inline .ofn-fold{color:#1c1a24}.ofn-hero2.is-photo .ofn-top.is-inline .ofn-fold svg{filter:none}.ofn.is-inline .ofn-me,.ofn.is-inline .ofn-name h1.is-fold{cursor:pointer;-webkit-tap-highlight-color:transparent}.ofn.is-inline .ofn-me:active{transition:transform .12s;transform:scale(.94)}.shp-office-after.is-hid{display:none}.shp-office-after.is-back{animation:.35s backwards shp-after-in}@keyframes shp-after-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.shp-office-after.is-back{animation:none}}.ofn-bg{isolation:isolate}.ofn-bgp.is-on{z-index:2}.ofn-bgp.is-prev{z-index:1;opacity:1;transition:none;animation:14s ease-in-out infinite alternate ofn-kb2}.ofn.is-inline .ofn-bgp{transition-duration:.6s}.ofn-shut{z-index:14;pointer-events:none;position:fixed;overflow:hidden}.ofn-shut i{will-change:transform;background:#fff;position:absolute;left:0;right:0}.ofn-shut i:first-child{box-shadow:0 10px 22px -8px #1c1a2438}.ofn-shut i:last-child{box-shadow:0 -10px 22px -8px #1c1a2438}