@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{--red:#ba333b;--ink:#29282b;--muted:#88858a;--line:#eae6e4;--bg:#faf9f7}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);letter-spacing:-.35px;margin:0;font-family:Noto Sans KR,Arial,sans-serif;font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{transition:background .2s,transform .2s}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{border:0}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #cb6772}.top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:96px;padding:0 6.5%;display:flex}.brand{align-items:center;gap:17px;display:flex}.logo{letter-spacing:-3px;color:var(--red);font-family:Arial,sans-serif;font-size:37px;font-weight:900;line-height:1;position:relative}.logo span{letter-spacing:1px;text-align:center;margin-top:6px;font-family:Noto Sans KR,sans-serif;font-size:10px;display:block}.brandtext{border-left:1px solid #ded9d6;padding-left:17px;font-size:18px;font-weight:700}.brandtext small{color:#999;letter-spacing:1.5px;margin-top:6px;font-family:Arial,sans-serif;font-size:8px;display:block}.topnote{color:#8f8986;font-size:12px}.headerRight,.actions{align-items:center;gap:12px;display:flex}.role{color:var(--red);background:#fbefed;border-radius:5px;padding:6px 10px;font-size:11px}.textbtn{color:#716c6a;background:0 0;align-items:center;gap:7px;padding:8px;font-size:12px;display:inline-flex}.loginWrap{grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;max-width:1110px;min-height:calc(100vh - 160px);margin:auto;padding:64px 32px;display:grid}.eyebrow{color:var(--red);letter-spacing:2px;font-family:Arial,sans-serif;font-size:10px;font-weight:700}.intro h1{letter-spacing:-2.4px;margin:20px 0 18px;font-size:43px;font-weight:700;line-height:1.5}.intro h1 span{color:var(--red)}.intro>p{color:#8a8580;font-size:14px;line-height:1.9}.art{height:225px;margin:25px 0;position:relative}.photoFront,.photoBack{background:#fff;border:1px solid #eee8df;padding:11px;position:absolute;box-shadow:0 10px 28px #452c1612}.photoBack{background:#f2e6cf;align-items:flex-end;width:164px;height:176px;display:flex;top:5px;left:67px;transform:rotate(-13deg)}.photoBack span{letter-spacing:2px;color:#9f8d73;font-family:Arial;font-size:8px}.photoFront{width:187px;height:177px;top:18px;left:157px;transform:rotate(8deg)}.photoFront>span{text-align:center;color:#897b6e;margin-top:11px;font-family:Georgia,serif;font-size:10px;font-style:italic;display:block}.illustration{background:#efddd5;height:127px;position:relative;overflow:hidden}.sun{background:#e7ae69;border-radius:50%;width:30px;height:30px;position:absolute;top:17px;right:24px}.hill{border-radius:50%;width:200px;height:120px;position:absolute}.hill1{background:#a5b4a1;top:73px;left:-65px;transform:rotate(15deg)}.hill2{background:#c6cbb6;top:75px;left:72px}.camera{color:#fff;position:absolute;top:38px;left:51px}.artDots{opacity:.6;background-image:radial-gradient(#cfc8be 1px,#0000 1px);background-size:11px 11px;width:100px;height:100px;position:absolute;top:18px;left:10px}.artLabel{color:#a18d7c;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:0;left:80px}.artLabel span{background:#bf7e72;border-radius:50%;width:5px;height:5px}.expiryNote{color:#92877f;gap:10px;font-size:11px;line-height:1.8;display:flex}.expiryNote svg{margin-top:3px}.expiryNote b{color:#7f5c53}.loginCard{border:1px solid var(--line);background:#fff;border-radius:16px;padding:38px 34px;box-shadow:0 15px 45px #3c251408}.cardIcon{color:var(--red);background:#f9efed;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.loginCard h2{letter-spacing:-1px;margin:22px 0 8px;font-size:25px}.loginCard>p{color:var(--muted);margin-bottom:25px;font-size:12px}.tabs{background:#f5f3f1;border-radius:7px;margin-bottom:26px;padding:4px;display:flex}.tabs button{color:#96918e;background:0 0;border-radius:5px;flex:1;padding:11px;font-size:12px}.tabs .active{color:var(--red);background:#fff;font-weight:700;box-shadow:0 1px 4px #0000000c}label{margin-bottom:20px;font-size:12px;font-weight:600;display:block}input{width:100%;color:var(--ink);background:#fff;border:1px solid #e5dfda;border-radius:7px;outline:none;margin-top:9px;padding:14px 15px;font-size:13px;display:block}input:focus{border-color:var(--red);box-shadow:0 0 0 3px #ba333b0b}input::placeholder{color:#b6b0ab}.primary,.secondary{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--red);color:#fff}.primary:hover{background:#a32932}.secondary{color:#6e635e;background:#fff;border:1px solid #e4ded8}.secondary:hover{background:#f6f2ed}.full{justify-content:space-between;width:100%;padding:16px 18px}.formError{color:#b52d35;font-size:12px;line-height:1.7}.cardFoot{color:#a09a94;border-top:1px solid #f0eae5;justify-content:center;align-items:center;gap:7px;margin-top:26px;padding-top:20px;font-size:10px;display:flex}footer{color:#b0a8a2;justify-content:center;align-items:center;gap:16px;height:64px;font-size:10px;display:flex}footer span{color:#a19389;font-weight:700}.dashboard{max-width:1250px;min-height:calc(100vh - 160px);margin:auto;padding:55px 32px}.pageHeading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.pageHeading h1{letter-spacing:-1.4px;overflow-wrap:anywhere;margin:13px 0 12px;font-size:34px}.pageHeading p{color:#989089;margin:0;font-size:12px}.redDot{color:var(--red)}.infoBar{color:#938174;background:#f3eeea;border:1px solid #eae2da;border-radius:7px;align-items:center;gap:9px;padding:15px 18px;font-size:11px;line-height:1.7;display:flex}.infoBar svg{flex-shrink:0}.infoBar b{color:#846758;font-weight:600}.loginId{white-space:nowrap;margin-left:auto}.empty{text-align:center;color:#b6aaa0;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:340px;display:flex}.empty h3{color:#746963;margin:0;font-size:16px;font-weight:500}.empty p{color:#aa9e96;margin:0 0 8px;font-size:12px;line-height:1.8}.albumGrid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}.albumCard{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0;overflow:hidden}.albumCard:hover{transform:translateY(-4px);box-shadow:0 10px 25px #5c30100b}.albumArt{color:#b38b74;background:#efe5dc;justify-content:center;align-items:center;height:170px;display:flex;position:relative}.tone1{color:#8a9b7e;background:#e5e9df}.tone2{color:#b58c8b;background:#eee0df}.albumArt>span{opacity:.22;font-family:Georgia;font-size:46px;position:absolute;bottom:15px;right:20px}.albumDetails{padding:22px}.albumDetails h3{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:600}.albumDetails p{color:#a0968f;margin:12px 0 21px;font-size:11px}.albumDetails p span{margin:0 7px}.albumBottom{color:#b49c8a;border-top:1px solid #f1ece7;justify-content:space-between;padding-top:14px;display:flex}.albumBottom span{align-items:center;gap:5px;font-size:10px;display:flex}.back{margin:-15px 0 20px;padding-left:0}.galleryHeading{justify-content:space-between;align-items:center;margin:35px 0 20px;display:flex}.galleryHeading h2{margin:0;font-size:15px}.galleryHeading h2 span{color:var(--red);margin-left:7px;font-family:Arial}.galleryHeading>span{color:#a59a91;font-size:10px}.photoGrid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.photoCard{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;overflow:hidden}.imageButton{aspect-ratio:1.1;background:#eee8e1;width:100%;padding:0;display:block;overflow:hidden}.imageButton img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.imageButton:hover img{transform:scale(1.035)}.photoDetails{align-items:center;gap:8px;padding:16px;display:flex}.photoDetails>div{flex:1;min-width:0}.photoDetails p{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:11px;overflow:hidden}.photoDetails small{color:#b0a49a;font-size:9px}.download{color:var(--red);background:#faf0ed;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.delete{color:#b5aaa2;background:0 0;padding:3px}.notice{color:#975c4d;overflow-wrap:anywhere;background:#fff6f0;border:1px solid #ead5ce;border-radius:7px;justify-content:space-between;gap:15px;margin-bottom:22px;padding:13px 16px;font-size:12px;display:flex}.notice button{color:inherit;background:0 0}.overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#28231e66;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:420px;max-height:95vh;padding:35px;position:relative;overflow:auto}.modal h2{margin:15px 0 10px;font-size:24px}.modal>p{color:#a0968e;margin-bottom:25px;font-size:12px}.close{color:#a59c96;background:0 0;position:absolute;top:20px;right:20px}.modalNote{color:#9d8c7b;background:#f8f3ee;align-items:flex-start;gap:8px;margin-bottom:20px;padding:13px;font-size:10px;line-height:1.8;display:flex}.viewer{z-index:20;background:#161412ed;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:60px 25px;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:90vw;max-height:75vh}.viewerClose{color:#fff;background:0 0;position:absolute;top:20px;right:25px}.heic{color:#a59586;flex-direction:column;align-items:center;gap:15px;font-size:12px;display:flex}.loading{text-align:center;color:#a69b92;min-height:calc(100vh - 160px);padding:200px 20px}@media (min-width:1500px){.loginWrap{gap:120px;max-width:1180px}}@media (max-width:950px){.loginWrap{gap:40px}.intro h1{font-size:35px}.photoGrid{grid-template-columns:repeat(3,1fr)}.art{transform-origin:0;transform:scale(.85)}.albumGrid{grid-template-columns:repeat(2,1fr)}.pageHeading{flex-direction:column;align-items:flex-start}.actions{flex-wrap:wrap}}@media (max-width:620px){.top{height:78px;padding:0 22px}.logo{font-size:31px}.brandtext{padding-left:13px;font-size:15px}.brand{gap:13px}.topnote{display:none}.loginWrap{flex-direction:column;gap:30px;min-height:auto;padding:34px 24px;display:flex}.intro{width:100%}.eyebrow{letter-spacing:1.6px;font-size:8px}.intro h1{margin:15px 0 10px;font-size:32px;line-height:1.45}.intro>p{font-size:12px}.art{display:none}.expiryNote{margin-top:20px;font-size:10px}.loginCard{border-radius:12px;width:100%;padding:28px 25px}.loginCard h2{margin-top:18px;font-size:22px}.loginCard>p{font-size:11px}.cardIcon{width:42px;height:42px}.dashboard{padding:34px 20px}.pageHeading h1{font-size:28px}.albumGrid{grid-template-columns:1fr;gap:18px}.albumArt{height:145px}.photoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photoDetails{gap:4px;padding:11px}.photoDetails p{font-size:10px}.download{width:27px;height:29px}.download svg{width:16px}.delete svg{width:13px}.infoBar{flex-wrap:wrap;align-items:flex-start;padding:12px;font-size:10px}.loginId{margin-left:26px}.role{display:none}.headerRight{gap:0}.textbtn{font-size:11px}.actions{gap:7px}.actions .primary,.actions .secondary{padding:11px 13px;font-size:11px}.galleryHeading{margin-top:28px}.galleryHeading>span{font-size:9px}.empty h3{font-size:14px}.empty p{font-size:11px}.modal{padding:28px}.modal h2{font-size:22px}footer{gap:10px;font-size:9px}}.reviewInvite{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:16px;margin-top:26px;padding:23px;display:flex}.reviewHeart{color:var(--red);background:#faf0ed;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.reviewInvite h3{margin:0 0 7px;font-size:14px}.reviewInvite p{color:#8b7d72;margin:0 0 5px;font-size:12px}.reviewInvite small{color:#b1a399;font-size:10px}.reviewInvite .secondary{margin-left:auto}.reviewOverlay{z-index:30}.reviewEyebrow{letter-spacing:1.1px;margin-top:23px;font-size:8px;display:block}.reviewModal{width:460px}.reviewModal .reviewPrompt{color:#8e7d70;font-size:13px;line-height:1.9}.reviewModal textarea{font:inherit;resize:vertical;border:1px solid #e5dfda;border-radius:7px;outline:none;width:100%;margin-top:10px;padding:13px;font-size:12px;line-height:1.8;display:block}.reviewModal textarea:focus{border-color:var(--red)}.reviewModal textarea::placeholder{color:#b6aaa0}.marketingNote{color:#9d8a7b;margin:0 0 11px;font-size:11px}.consentCheck{color:#8d7b6c;cursor:pointer;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:400;display:flex}.consentCheck input{width:15px;height:15px;accent-color:var(--red);margin:0;display:inline-block}.reviewSaveNote{color:#ad9e92;margin-bottom:24px;font-size:10px;line-height:1.7;display:block}.skipReview{color:#9b8c80;background:0 0;width:100%;padding:15px 5px 0;font-size:11px;display:block}.reviewCount{color:#a38e7b;font-size:12px}.reviewList{flex-direction:column;gap:17px;margin-top:26px;display:flex}.reviewItem{border:1px solid var(--line);background:#fff;border-radius:9px;padding:25px}.reviewMeta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reviewAuthor{color:#7c5748;overflow-wrap:anywhere;font-size:13px;font-weight:700}.consent{color:#a29890;background:#f3f0ed;border-radius:4px;padding:4px 7px;font-size:9px}.consent.yes{color:#7b8b68;background:#edf2e9}.reviewMeta time{color:#ad9f94;margin-left:auto;font-size:10px}.reviewContent{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0;font-size:14px;line-height:1.9}.reviewAlbum{color:#ad9988;align-items:center;gap:7px;font-size:10px;display:flex}@media (max-width:620px){.reviewInvite{flex-wrap:wrap;gap:12px;padding:19px}.reviewInvite>div:nth-child(2){flex:1;min-width:160px}.reviewInvite p{font-size:11px;line-height:1.7}.reviewInvite small{font-size:9px}.reviewInvite .secondary{margin-left:56px;padding:9px 12px;font-size:10px}.reviewItem{padding:20px}.reviewMeta{gap:8px}.reviewMeta time{width:100%;margin:0}.reviewContent{font-size:13px}.reviewModal .reviewPrompt{font-size:12px}.reviewModal h2{font-size:21px}}.shareMessage{resize:vertical;width:100%;min-height:210px;font:inherit;overflow-wrap:anywhere;color:#685a4f;background:#faf8f5;border:1px solid #e5dfda;border-radius:7px;margin:24px 0;padding:14px;font-size:12px;line-height:1.9;display:block}