.soc{overflow-x:clip}.soc__wrap{max-width:var(--c-max);margin-inline:auto;padding-inline:var(--c-gutter)}.soc__band{padding-block:calc(var(--c-gap) / 2)}.soc__panel{background:var(--c-band);border-radius:var(--c-radius);padding:clamp(26px,4vw,52px) clamp(20px,4vw,52px);position:relative;overflow:hidden}.soc__panel--plain{background:transparent;padding-inline:0}.soc__panel>*{position:relative;z-index:1}.soc__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--pat-img, none);background-size:var(--pat-size, 120px auto);background-repeat:repeat-x;background-position:bottom left;opacity:var(--pat-op, 0)}.soc :where(h1,h2,h3){margin:0;letter-spacing:-.028em;font-weight:600;text-wrap:balance}.soc__h1{font-size:var(--c-h1);line-height:1.03}.soc__h2{font-size:var(--c-h2);line-height:1.1}.soc__h3{font-size:clamp(17px,15px + .5vw,21px);line-height:1.3;letter-spacing:-.015em}.soc__eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--c-accent);margin:0 0 14px}.soc__lead{font-size:clamp(17px,14.5px + .7vw,21px);line-height:1.55;color:var(--c-ink-2);margin:14px 0 0;max-width:56ch}.soc__p{font-size:var(--c-body);line-height:1.65;color:var(--c-ink-2);margin:0}.soc__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 26px;border-radius:var(--c-btn-radius);font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:opacity var(--c-dur) ease,transform var(--c-dur) cubic-bezier(.22,.61,.36,1);cursor:pointer}.soc__btn--primary{background:var(--c-ink);color:var(--c-page)}.soc__btn--ghost{border-color:var(--c-field-line);color:var(--c-ink);background:transparent}.soc__btn:hover{transform:translateY(-1px);opacity:.92}.soc :where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:calc(var(--c-btn-radius) + 2px)}.soc__tracks{display:grid;gap:var(--c-gap);list-style:none;margin:0;padding:0}@media(min-width:860px){.soc__tracks{grid-template-columns:repeat(2,1fr)}}.soc__track{background:var(--track-bg, var(--c-band));border-radius:var(--c-radius);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}.soc__track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.soc__track-list li{font-size:15px;line-height:1.5;color:var(--c-ink-2);padding-inline-start:20px;position:relative}.soc__track-list li:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--c-accent);opacity:.75}.soc__track>.soc__btn{margin-top:auto;align-self:flex-start}.soc__channels{display:grid;gap:12px;list-style:none;margin:0;padding:0}@media(min-width:640px){.soc__channels{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}.soc__channel{background:var(--c-page);border:1px solid var(--c-line);border-radius:var(--c-radius);padding:20px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;transition:transform var(--c-dur) cubic-bezier(.22,.61,.36,1)}.soc__channel:hover{transform:translateY(-2px)}.soc__channel b{font-size:15px;font-weight:600}.soc__channel span{font-size:15px;color:var(--c-ink-2)}.soc__channel em{font-size:13px;color:var(--c-ink-3);font-style:normal}.soc__form,.soc__row{display:grid;gap:14px}@media(min-width:640px){.soc__row--2{grid-template-columns:1fr 1fr}}.soc__field{display:flex;flex-direction:column;gap:7px}.soc__field label,.soc__field .soc__q-caption{display:block;font-size:13px;font-weight:600;color:var(--c-ink-2)}.soc__tel{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;position:relative}.soc__cc{min-width:0}.soc__cc-btn{width:100%;min-height:48px;display:flex;align-items:center;gap:6px;padding:10px;padding-inline-start:12px;font:inherit;font-size:15px;cursor:pointer;color:var(--c-ink);background:var(--c-page);border:1px solid var(--c-field-line);border-radius:var(--c-btn-radius);text-align:start}.soc__cc-btn:hover{border-color:var(--c-ink-3)}.soc__cc-flag{font-size:17px;line-height:1;flex:0 0 auto;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.soc__cc-flag[data-fallback]{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--c-ink-2);font-family:inherit;min-width:18px}.soc__cc-code{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.soc__cc-chev{width:12px;height:12px;flex:0 0 auto;opacity:.45}.soc__cc-pop,.soc__q-pop{position:absolute;z-index:40;inset-inline-end:0;inset-inline-start:auto;top:calc(100% + 6px);width:max(100%,340px);max-width:calc(100vw - 40px);background:var(--c-page);border:1px solid var(--c-line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 12px 32px -8px #00000038}@media(prefers-reduced-motion:no-preference){.soc__cc-pop,.soc__q-pop{animation:soc-pop .16s cubic-bezier(.2,.8,.3,1) both}}@keyframes soc-pop{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}.soc__cc-search{position:relative;padding:10px;border-bottom:1px solid var(--c-line)}.soc__cc-search svg{position:absolute;inset-inline-start:21px;top:50%;transform:translateY(-50%);width:14px;height:14px;opacity:.4;pointer-events:none}.soc__cc-search input{width:100%;font:inherit;font-size:16px;color:var(--c-ink);background:var(--c-band);border:0;border-radius:10px;padding-block:9px;padding-inline:34px 12px;min-height:40px}.soc__cc-search input:focus{outline:2px solid var(--c-ink);outline-offset:1px}.soc__cc-list{list-style:none;margin:0;padding:6px 5px;max-height:264px;overflow-y:auto;-webkit-overflow-scrolling:touch}.soc__cc-opt{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px;border:0;background:none;cursor:pointer;font:inherit;font-size:15px;color:var(--c-ink);text-align:start;border-radius:10px}.soc__cc-opt:hover{background:var(--c-band)}.soc__cc-opt[data-active]{background:var(--c-band);box-shadow:inset 0 0 0 2px var(--c-ink)}.soc__cc-opt:focus-visible{outline:2px solid var(--c-ink);outline-offset:-2px}.soc__cc-opt[aria-selected=true]{font-weight:600}.soc__cc-opt-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc__cc-opt-dial{flex:0 0 auto;color:var(--c-ink-3);font-size:13px;font-variant-numeric:tabular-nums}.soc__cc-opt-tick{flex:0 0 auto;width:14px;height:14px;opacity:0}.soc__cc-opt[aria-selected=true] .soc__cc-opt-tick{opacity:1}.soc__cc-sep{margin:6px 10px;border-block-start:1px solid var(--c-line)}.soc__cc-empty{margin:0;padding:16px;text-align:center;font-size:14px;color:var(--c-ink-3)}.soc__q{position:relative;min-width:0}.soc__q-pop{inset-inline:0;width:auto;max-width:none}.soc__q-btn{width:100%;min-height:48px;display:flex;align-items:center;gap:8px;padding:13px 15px;font:inherit;font-size:16px;cursor:pointer;color:var(--c-ink);background:var(--c-page);border:1px solid var(--c-field-line);border-radius:var(--c-btn-radius);text-align:start}.soc__q-btn:hover{border-color:var(--c-ink-3)}.soc__q-btn>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc__q-btn svg{width:12px;height:12px;flex:0 0 auto;opacity:.45}.soc__q-list{list-style:none;margin:0;padding:6px 5px;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:480px){.soc__tel{grid-template-columns:1fr}.soc__cc-pop{inset-inline:0;width:auto}}.soc__tel input{min-width:0}.soc__tel-err{font-size:13px;color:var(--c-accent);margin:6px 0 0}.soc__field :where(input,textarea,select){font:inherit;font-size:16px;color:var(--c-ink);background:var(--c-page);border:1px solid var(--c-field-line);border-radius:var(--c-btn-radius);padding:13px 15px;min-height:48px;width:100%}.soc__field textarea{min-height:132px;resize:vertical}.soc__field :where(input,textarea,select):focus{border-color:var(--c-accent)}.soc__field select{accent-color:var(--c-ink)}.soc__field option{background:var(--c-page);color:var(--c-ink)}.soc__field option:checked,.soc__field option:hover{background:var(--c-ink);color:var(--c-page);box-shadow:0 0 10px 100px var(--c-ink) inset}.soc__note{font-size:13px;color:var(--c-ink-3);margin:0}.soc__files{display:flex;flex-direction:column;gap:10px;min-width:0}.soc__files input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.soc__files input[type=file]:focus-visible~.soc__files-btn{outline:2px solid var(--c-accent);outline-offset:3px;border-style:solid}.soc__files-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;padding:11px 18px;border-radius:var(--c-btn-radius);border:1px dashed var(--c-field-line);background:var(--c-page);color:var(--c-ink);font-size:14px;font-weight:600;cursor:pointer}.soc__files-btn:hover{border-style:solid}.soc__files-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.soc__file{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name x" "meta x";column-gap:12px;row-gap:2px;background:var(--c-page);border:1px solid var(--c-field-line);border-radius:var(--c-btn-radius);padding:10px 12px;font-size:14px;min-width:0;max-width:100%}.soc__file-name{grid-area:name}.soc__file-meta{grid-area:meta;display:flex;gap:10px;min-width:0}.soc__file-x{grid-area:x}@media(min-width:700px){.soc__file{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name meta x";row-gap:0}}.soc__file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc__file-size{color:var(--c-ink-3);font-size:13px;white-space:nowrap}.soc__file-x{flex:0 0 auto;min-width:44px;min-height:44px;border:0;background:none;color:var(--c-ink-3);font-size:18px;line-height:1;cursor:pointer;border-radius:var(--c-btn-radius)}.soc__file-x:hover{color:var(--c-ink)}.soc__file[data-state=error]{border-color:var(--c-accent)}.soc__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.soc__form--sending{opacity:.6;pointer-events:none}.soc__result{border-radius:var(--c-btn-radius);padding:14px 16px;font-size:15px;margin-top:16px;line-height:1.5}.soc__result--ok{background:var(--c-band);color:var(--c-ink)}.soc__result--bad{background:var(--c-page);color:var(--c-ink);border:1px solid var(--c-accent)}.soc__file-state{font-size:13px;color:var(--c-ink-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc__reach{margin-top:26px;padding-top:22px;border-block-start:1px solid var(--c-line)}.soc__reach-intro{font-size:15px;color:var(--c-ink-2);margin:0 0 14px}.soc__reach-row{display:flex;flex-wrap:wrap;gap:10px}.soc__reach-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:52px;padding:11px 18px;border-radius:var(--c-btn-radius);border:1px solid var(--c-field-line);background:var(--c-page);color:var(--c-ink);transition:border-color .15s ease,transform .15s ease}.soc__reach-btn:hover{border-color:var(--c-ink-3);transform:translateY(-1px)}.soc__reach-btn svg{width:20px;height:20px;flex:0 0 auto}.soc__reach-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}.soc__reach-txt b{font-size:15px;font-weight:600}.soc__reach-txt span{font-size:13px;color:var(--c-ink-2)}.soc__reach-wa-mark{width:21px;height:21px;flex:0 0 auto}.soc__reach-btn--wa:hover{border-color:transparent;opacity:.92}@media(max-width:560px){.soc__reach-row{flex-direction:column}.soc__reach-btn{width:100%}}.soc__panel--done>:not(.soc__done){display:none!important}.soc__done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-block:clamp(16px,3.5vw,40px)}.soc__done-mark{width:62px;height:62px;border-radius:50%;flex:0 0 auto;background:var(--c-ink);color:var(--c-page);display:grid;place-items:center}.soc__done-mark svg{width:30px;height:30px;display:block}.soc__done-h{font-size:clamp(25px,20px + 1.3vw,34px);line-height:1.15;margin:6px 0 0;font-weight:700;letter-spacing:-.01em}.soc__done-p{font-size:clamp(16px,15px + .35vw,19px);line-height:1.55;color:var(--c-ink-2);margin:0;max-width:44ch}.soc__done-files{font-size:14px;color:var(--c-ink-3);margin:0;background:var(--c-page);border:1px solid var(--c-line);border-radius:var(--c-btn-radius);padding:9px 15px}.soc__done-missed{font-size:14px;line-height:1.5;color:var(--c-ink);margin:0;background:var(--c-page);border:1px solid var(--c-accent);border-radius:var(--c-btn-radius);padding:9px 15px;text-align:start}.soc__done>.soc__btn{margin-top:10px}@media(prefers-reduced-motion:no-preference){.soc__done[data-shown]{animation:soc-done-in .45s cubic-bezier(.2,.7,.3,1) both}.soc__done[data-shown] .soc__done-mark{animation:soc-mark-in .5s cubic-bezier(.2,.9,.3,1) .06s both}.soc__done[data-shown] .soc__done-mark path{stroke-dasharray:30;animation:soc-tick .45s ease-out .3s both}}@keyframes soc-done-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes soc-mark-in{0%{opacity:0;transform:scale(.62)}to{opacity:1;transform:none}}@keyframes soc-tick{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}.soc__msg{border-radius:var(--c-radius);padding:16px 18px;font-size:15px;margin:0 0 4px}.soc__msg--ok{background:var(--c-page);border:1px solid var(--c-line)}.soc__msg--err{background:var(--c-page);border:1px solid var(--c-accent)}.soc__msg ul{margin:8px 0 0;padding-inline-start:18px}.soc__loc{display:grid;gap:var(--c-gap);align-items:start}@media(min-width:860px){.soc__loc{grid-template-columns:.9fr 1.1fr}}.soc__loc-text{display:flex;flex-direction:column;gap:18px}.soc__loc dl{margin:0;display:flex;flex-direction:column;gap:4px}.soc__loc dt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-3)}.soc__loc dd{margin:0;font-size:15px;line-height:1.6;color:var(--c-ink-2)}.soc__map{border-radius:var(--c-radius);overflow:hidden;background:var(--c-band);aspect-ratio:4 / 3}@media(min-width:860px){.soc__map{aspect-ratio:16 / 11}}.soc__map iframe{width:100%;height:100%;border:0;display:block}.soc__social{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.soc__social a{display:inline-flex;align-items:center;min-height:44px;padding:11px 18px;border-radius:var(--c-btn-radius);border:1px solid var(--c-field-line);font-size:14px;font-weight:500;color:var(--c-ink);text-decoration:none}.soc__social a:hover{background:var(--c-band)}.soc[data-anim=true] .soc__rv{opacity:0;transform:translateY(12px)}.soc[data-anim=true] .soc__rv.is-in{opacity:1;transform:none;transition:opacity var(--c-dur) ease-out,transform var(--c-dur) cubic-bezier(.22,.61,.36,1)}@media(prefers-reduced-motion:reduce){.soc[data-anim=true] .soc__rv{opacity:1;transform:none;transition:none}.soc__btn,.soc__btn:hover,.soc__channel,.soc__channel:hover{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/so-css-contact-seoul-oasis.css.map */