@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations"),url(/fonts/PretendardVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ink:#1f1f23;--sub:#66666c;--deco:#b5b5bb;--surface:#efeff1;--base:#f7f7f8;--line:#e7e7ea;--paper:#fff;--on-ink:#fff;--shadow:#1414181a;--f-sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--f-serif:"Playfair Display","Times New Roman",Georgia,serif;--wrap:1280px;--gap:16px;--gut-l:max(32px,env(safe-area-inset-left,0px));--gut-r:max(32px,env(safe-area-inset-right,0px));--sec:128px;--hdr:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--hdr)}body{background:var(--paper);color:var(--ink);font-family:var(--f-sans);letter-spacing:-.005em;word-break:keep-all;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper);position:fixed;inset:0 0 auto}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}a{color:inherit}h1,h2,h3,p,figure,ol,ul{margin:0}ol,ul{padding:0;list-style:none}h1,h2,h3{text-wrap:balance}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wrap{max-width:var(--wrap);padding-left:var(--gut-l);padding-right:var(--gut-r);margin:0 auto}.grid{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.eyebrow{font-family:var(--f-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--sub);font-size:12px;line-height:16px}.h2{letter-spacing:-.02em;font-size:clamp(28px,2.8vw,40px);font-weight:700;line-height:1.35}.body{color:var(--sub);font-size:16px;line-height:1.7}.sec{padding-block:var(--sec)}.sec.is-gray{background:var(--base)}.head{align-items:end;row-gap:24px;margin-bottom:64px}.head>div{grid-column:1/span 6;gap:16px;display:grid}.head>p{grid-column:8/span 5}.no{font-family:var(--f-serif);color:var(--sub);letter-spacing:.06em;font-size:14px;line-height:20px}.slot{background:var(--surface);aspect-ratio:3/4;overflow:hidden}.slot img{object-fit:cover;width:100%;height:100%}.phone{background:var(--paper);box-shadow:0 0 0 1px #14141814,0 24px 48px var(--shadow);border-radius:28px;padding:6px}.phone img{aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:22px;width:100%}.browser{background:var(--paper);border:1px solid var(--line);box-shadow:0 24px 60px var(--shadow);margin:0;overflow:hidden}.browser-bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.browser-bar i{background:var(--surface);border-radius:50%;width:8px;height:8px}.browser img{aspect-ratio:16/10;object-fit:cover;object-position:top left;width:100%;transition:opacity .25s}.btn{white-space:nowrap;border:1px solid var(--ink);border-radius:4px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn-ink{background:var(--ink);color:var(--on-ink)}.btn-ink:hover{background:var(--paper);color:var(--ink)}.btn-line{background:var(--paper);color:var(--ink);border-color:var(--deco)}.btn-line:hover{border-color:var(--ink)}.more{border-bottom:1px solid var(--ink);align-items:center;gap:6px;padding-bottom:2px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hdr{top:env(safe-area-inset-top,0px);z-index:50;-webkit-backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky}.hdr.is-scrolled{border-bottom-color:var(--line)}.hdr .wrap{height:var(--hdr);align-items:center;gap:48px;display:flex}.logo img{width:auto;height:36px}.nav{gap:32px;margin-right:auto;display:flex}.nav a{color:var(--sub);font-size:14px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink)}.hdr-right{align-items:center;gap:24px;display:flex}.link-expert{color:var(--ink);white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none}.link-expert:hover{text-underline-offset:4px;text-decoration:underline}.hdr .btn{height:36px;padding:0 16px;font-size:13px}.hero{background:linear-gradient(var(--paper) 62%,var(--base) 62%);padding-block:96px 0}.hero-top{align-items:end;row-gap:32px}.hero-title{grid-column:1/span 7;gap:20px;display:grid}.hero h1{letter-spacing:-.025em;font-size:clamp(36px,4.2vw,56px);font-weight:700;line-height:1.3}.hero-side{grid-column:9/span 4;gap:24px;display:grid}.hero-side .body{color:var(--ink)}.hero-cta{flex-wrap:wrap;gap:8px;display:flex}.hero-vis{margin-top:72px;padding-bottom:96px;position:relative}.hero-vis .browser{width:76%}.hero-vis .phone{width:22%;position:absolute;top:56px;right:0}.hero-tags{color:var(--sub);gap:24px;font-size:13px;display:flex;position:absolute;bottom:40px;left:0}.hero-tags b{color:var(--ink);margin-right:6px;font-weight:600}.ways{row-gap:56px}.way{grid-column:span 6;align-content:start;gap:12px;display:grid}.way-vis{background:var(--base);aspect-ratio:4/3;justify-content:center;align-items:flex-start;gap:16px;margin-bottom:16px;padding-top:40px;display:flex;position:relative;overflow:hidden}.way-vis .phone{flex:none;width:34%}.way-vis .browser{width:56%;position:absolute;bottom:-8%;left:8%}.way-vis.is-pair .phone{z-index:2;width:30%;position:absolute;top:40px;right:10%}.way h3{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:32px}.facts{row-gap:24px;margin-top:80px}.fact{border-top:1px solid var(--ink);grid-column:span 4;gap:6px;padding-top:20px;display:grid}.fact b{font-size:17px;font-weight:600;line-height:24px}.fact span{color:var(--sub);font-size:15px;line-height:24px}.why-grid{align-items:start;row-gap:48px}.why-copy{grid-column:1/span 5;gap:16px;display:grid}.why-copy .body{margin-top:8px}.moments{border-top:1px solid var(--ink);grid-column:1/span 5;margin-top:40px}.moments li{border-bottom:1px solid var(--line);grid-template-columns:136px minmax(0,1fr);gap:16px;padding:18px 0;font-size:15px;line-height:24px;display:grid}.moments b{font-weight:600}.moments span{color:var(--sub)}.why-pics{gap:var(--gap);grid-area:1/7/span 2/span 6;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.why-pics .slot:nth-child(2){margin-top:48px}.why-pics .slot{aspect-ratio:3/5}.fields{gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.field{align-content:start;gap:10px;display:grid}.field .slot{margin-bottom:8px}.field h3{letter-spacing:-.015em;font-size:19px;font-weight:600;line-height:28px}.field p{color:var(--sub);font-size:14px;line-height:22px}.field ul{border-top:1px solid var(--line);gap:4px;margin-top:6px;padding-top:12px;font-size:13px;line-height:20px;display:grid}.field li:before{content:"— ";color:var(--deco)}.steps{row-gap:48px}.step{grid-column:span 3;align-content:start;gap:10px;display:grid}.scr{aspect-ratio:3/4;background:var(--surface);justify-content:center;align-items:flex-start;margin-bottom:12px;padding:28px 28px 0;display:flex;overflow:hidden}.scr img{width:100%;max-width:240px;box-shadow:0 0 0 1px #1414180f,0 12px 32px var(--shadow);border-radius:18px 18px 0 0}.step h3{letter-spacing:-.015em;font-size:20px;font-weight:600;line-height:28px}.step p{color:var(--sub);font-size:15px;line-height:24px}.pro-grid{align-items:start;row-gap:32px}.pro-list{border-top:1px solid var(--ink);grid-column:1/span 3;display:grid}.pro-tab{all:unset;cursor:pointer;border-bottom:1px solid var(--line);color:var(--sub);grid-template-columns:32px minmax(0,1fr);gap:4px 8px;padding:20px 0;display:grid}.pro-tab .no{grid-row:span 2}.pro-tab b{color:var(--sub);letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:24px}.pro-tab>span:last-child{font-size:14px;line-height:22px}.pro-tab.is-on b,.pro-tab.is-on>span:last-child,.pro-tab.is-on .no,.pro-tab:hover b{color:var(--ink)}.pro-tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pro-list .more{justify-self:start;margin-top:28px}.pro-grid .browser{grid-column:5/span 8}.browser img.is-fade{opacity:.2}.faq-wrap{row-gap:40px}.faq-wrap>div:first-child{grid-column:1/span 4;align-content:start;gap:16px;display:grid}.faq{border-top:1px solid var(--ink);grid-column:6/span 7}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font-size:17px;font-weight:600;line-height:26px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(var(--ink),var(--ink)) center/12px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 12px no-repeat;flex:none;width:12px;height:12px;transition:transform .25s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--sub);max-width:36em;padding:0 0 24px;font-size:15px;line-height:1.75}.dl-grid{align-items:center;row-gap:48px}.dl-copy{grid-column:1/span 5;gap:24px;display:grid}.dl-pics{gap:var(--gap);grid-column:7/span 6;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stores{flex-wrap:wrap;gap:8px;display:flex}.store{background:var(--ink);height:56px;color:var(--on-ink);border:1px solid var(--ink);border-radius:4px;align-items:center;gap:12px;min-width:172px;padding:0 22px 0 16px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.store:hover{background:var(--paper);color:var(--ink)}.store svg{flex:none;width:22px;height:22px}.store span{line-height:1.15;display:grid}.store small{opacity:.7;font-size:11px;font-weight:500}.store b{font-size:16px;font-weight:600}.store.is-alt{background:var(--paper);color:var(--ink);border-color:var(--deco)}.qr{border-top:1px solid var(--line);align-items:center;gap:16px;padding-top:24px;display:flex}.qr-code{background:var(--paper);border:1px solid var(--line);flex:none;place-items:center;width:88px;height:88px;padding:4px;display:grid}.qr-code img,.qr-code canvas{width:78px!important;height:78px!important}.qr-code.is-empty{visibility:hidden}.qr p{color:var(--sub);font-size:13px;line-height:20px}.qr p b{color:var(--ink);font-size:14px;font-weight:600;display:block}.ftr{background:var(--base);border-top:1px solid var(--line);padding-block:56px 40px}.ftr .wrap{gap:28px;display:grid}.ftr-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.ftr-top img{width:auto;height:34px}.ftr-links{flex-wrap:wrap;gap:8px 24px;font-size:14px;line-height:20px;display:flex}.ftr-links a{color:var(--sub);text-decoration:none}.ftr-links a:hover{color:var(--ink)}.ftr-links .strong{color:var(--ink);font-weight:600}.biz{color:var(--sub);gap:2px;font-size:13px;font-style:normal;line-height:22px;display:grid}.biz .sep{color:var(--deco);margin:0 8px}.biz a{color:var(--sub);text-underline-offset:2px}.ftr-legal{color:var(--sub);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;font-size:13px;display:flex}.mbar{display:none}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--on-ink);opacity:0;pointer-events:none;z-index:80;text-align:center;border-radius:4px;max-width:calc(100% - 40px);padding:12px 18px;font-size:14px;line-height:20px;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,20px)}.toast.is-on{opacity:1;transform:translate(-50%)}@media (max-width:1024px){.hero-title,.hero-side,.head>div,.head>p,.way,.fact{grid-column:1/-1}.why-copy,.moments,.why-pics{grid-area:auto/1/auto/-1}.fields{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}.step{grid-column:span 6}.pro-list,.pro-grid .browser,.faq-wrap>div:first-child,.faq,.dl-copy,.dl-pics{grid-column:1/-1}}@media (max-width:760px){:root{--gap:8px;--sec:88px;--hdr:56px;--gut-l:max(20px,env(safe-area-inset-left,0px));--gut-r:max(20px,env(safe-area-inset-right,0px))}.hdr .wrap{justify-content:space-between;gap:12px}.nav,.hdr .btn{display:none}.logo img{height:30px}.link-expert{font-size:13px}.hero{background:linear-gradient(var(--paper) 70%,var(--base) 70%);padding-top:48px}.hero h1{font-size:32px}.hero-cta .btn{flex:1}.hero-vis{margin-top:48px;padding-bottom:64px}.hero-vis .browser{width:88%}.hero-vis .phone{border-radius:18px;width:34%;padding:4px;top:40px}.hero-vis .phone img{border-radius:14px}.hero-tags{flex-wrap:wrap;gap:8px 16px;margin-top:72px;position:static}.head{margin-bottom:40px}.way-vis{padding-top:24px}.way-vis .phone,.way-vis.is-pair .phone{border-radius:18px;padding:4px}.way-vis .phone img{border-radius:14px}.way h3{font-size:22px}.facts{margin-top:56px}.moments li{grid-template-columns:112px minmax(0,1fr);font-size:14px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.steps{row-gap:32px}.scr{padding:16px 16px 0}.step h3{font-size:17px;line-height:24px}.step p{font-size:14px;line-height:22px}.pro-grid .browser{order:-1}.pro-grid .browser img{aspect-ratio:4/3;object-position:30% 0}.faq summary{padding:20px 0;font-size:16px}.stores{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.store{justify-content:center;min-width:0;height:54px;padding:0 12px}.qr,.biz .sep{display:none}.biz span{display:block}.ftr{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.mbar{z-index:70;padding:10px var(--gut-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--gut-l);border-top:1px solid var(--line);background:#fffffff5;transition:transform .3s;display:block;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.mbar.is-on{transform:none}.mbar a{background:var(--ink);height:50px;color:var(--on-ink);border-radius:4px;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.moments4{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.moments4 li{align-content:start;gap:6px;display:grid}.moments4 .slot{margin-bottom:10px}.moments4 b{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:26px}.moments4 span{color:var(--sub);font-size:15px;line-height:24px}.look-grid{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.look-grid .slot:nth-child(4n+2),.look-grid .slot:nth-child(4n+4){transform:translateY(32px)}@media (max-width:760px){.moments4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.moments4 b{font-size:16px;line-height:24px}.moments4 span{font-size:14px;line-height:22px}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.look-grid .slot:nth-child(4n+2),.look-grid .slot:nth-child(4n+4){transform:translateY(24px)}}.eyebrow.ko{font-family:var(--f-sans);letter-spacing:0;text-transform:none;color:var(--ink);font-size:14px;font-weight:600;line-height:20px}.hero-phones{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-top:72px;padding-bottom:88px;display:grid;position:relative}.hero-phones .phone{grid-column:span 3}.hero-phones .phone:first-child{grid-column:2/span 3;margin-top:48px}.hero-phones .phone:nth-child(2){grid-column:5/span 3}.hero-phones .phone:nth-child(3){grid-column:8/span 3;margin-top:48px}.hero-phones figcaption{text-align:center;color:var(--sub);margin-top:14px;font-size:13px;line-height:20px}.hero-phones figure{margin:0}.hero-phones figure .phone{grid-column:auto;margin-top:0}.hero-col{grid-column:span 3}.hero-col:first-child{grid-column:2/span 3;padding-top:48px}.hero-col:nth-child(2){grid-column:5/span 3}.hero-col:nth-child(3){grid-column:8/span 3;padding-top:48px}.trust{background:var(--paper);border-block:1px solid var(--line)}.trust ul{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.trust li{border-left:1px solid var(--line);gap:4px;padding:24px 20px;display:grid}.trust li:first-child{border-left:0;padding-left:0}.trust b{font-size:15px;font-weight:600;line-height:22px}.trust span{color:var(--sub);font-size:13px;line-height:20px}.sides{row-gap:16px;margin-top:72px}.side{background:var(--base);grid-column:span 6;align-content:start;gap:10px;padding:28px;display:grid}.side .eyebrow{color:var(--ink)}.side h3{letter-spacing:-.015em;font-size:20px;font-weight:700;line-height:28px}.side ul{color:var(--sub);gap:6px;margin-top:4px;font-size:15px;line-height:24px;display:grid}.side li:before{content:"— ";color:var(--deco)}.safe{border-top:1px solid var(--ink);row-gap:0}.safe li{border-bottom:1px solid var(--line);grid-column:span 4;align-content:start;gap:8px;padding:28px 24px 28px 0;display:grid}.safe b{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:26px}.safe span{color:var(--sub);font-size:15px;line-height:24px}.field h3 small{color:var(--sub);margin-top:2px;font-size:13px;font-weight:500;line-height:20px;display:block}.field .for{color:var(--ink);font-size:13px;line-height:20px}.c-cta{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:56px;padding-top:32px;display:flex}.c-cta p{margin-right:auto;font-size:16px;font-weight:600;line-height:24px}.pro-band{background:var(--ink);color:var(--on-ink)}.pro-band .eyebrow{color:#fff9}.pro-band .h2{color:var(--on-ink)}.pro-band .body{color:#ffffffb3}.pro-items{border-top:1px solid #ffffff4d;grid-column:8/span 5;display:grid}.pro-items li{border-bottom:1px solid #ffffff24;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:18px 0;font-size:16px;line-height:24px;display:grid}.pro-items .no{color:#ffffff8c}.pro-copy{grid-column:1/span 6;align-content:start;gap:16px;display:grid}.pro-copy .btn{background:var(--paper);color:var(--ink);border-color:var(--paper);justify-self:start;margin-top:16px}.pro-copy .btn:hover{color:var(--on-ink);background:0 0}@media (max-width:1024px){.hero-col:nth-child(n){grid-column:span 4;padding-top:0}.hero-col:nth-child(2){padding-top:0}.trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}.trust li:nth-child(3){border-left:0;padding-left:0}.side{grid-column:1/-1}.safe li{grid-column:span 6}.pro-copy,.pro-items{grid-column:1/-1}}@media (max-width:760px){.hero-phones{margin-top:40px;padding-bottom:56px}.hero-col:nth-child(n){grid-column:span 4}.hero-col:first-child,.hero-col:nth-child(3){padding-top:24px}.hero-phones .phone{border-radius:14px;padding:3px}.hero-phones .phone img{border-radius:11px}.hero-phones figcaption{margin-top:8px;font-size:11px;line-height:16px}.trust li{padding:18px 12px}.trust li:nth-child(odd){border-left:0;padding-left:0}.side{padding:22px 20px}.safe li{grid-column:1/-1;padding-right:0}.c-cta .btn{width:100%}}.way-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.way-tags li{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;line-height:18px}.field .for{color:var(--ink);margin-top:2px;font-size:13px;font-weight:500;line-height:20px}.field .for:before{content:"이럴 때 · ";color:var(--sub);font-weight:400}.swipe-hint{display:none}@media (max-width:760px){.hero-phones{scroll-snap-type:x mandatory;margin-left:calc(-1 * var(--gut-l));margin-right:calc(-1 * var(--gut-r));padding:0 var(--gut-r) 8px var(--gut-l);scroll-padding-left:var(--gut-l);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.hero-phones::-webkit-scrollbar{display:none}.steps::-webkit-scrollbar{display:none}.hero-phones .hero-col{scroll-snap-align:start;flex:0 0 60%;padding-top:0}.hero-phones .phone{border-radius:24px;padding:5px}.hero-phones .phone img{border-radius:19px}.hero-phones figcaption{margin-top:10px;font-size:13px;line-height:20px}.swipe-hint{color:var(--sub);margin-top:12px;padding-bottom:40px;font-size:12px;line-height:16px;display:block}.steps .swipe-hint,.sec .swipe-hint{padding-bottom:0}.way-vis{aspect-ratio:1;gap:10px;padding-top:28px}.way-vis .phone{width:44%}.steps.grid{scroll-snap-type:x mandatory;margin-left:calc(-1 * var(--gut-l));margin-right:calc(-1 * var(--gut-r));padding:0 var(--gut-r) 4px var(--gut-l);scroll-padding-left:var(--gut-l);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.steps .step{scroll-snap-align:start;flex:0 0 78%}.steps .scr{padding:20px 24px 0}.safe li{padding:22px 0}.head .body{font-size:15px}.fields .field:last-child{grid-column:1/-1}.fields .field:last-child .slot{aspect-ratio:4/3}}
