*{box-sizing:border-box}body{color:#303436;margin:0;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #527d94}.steel{z-index:-1;background:linear-gradient(103deg,#8e9599 0%,#bcc2c5 12%,#e2e5e6 25%,#f4f5f5 33%,#cbd0d2 46%,#a4adb2 59%,#d8dddf 74%,#eff1f1 84%,#b9c1c6 100%);position:fixed;inset:0}.steel:before{content:"";background:linear-gradient(#ffffff3d,#0000 35%,#34404917),radial-gradient(at 48% 12%,#fff6,#0000 60%);position:absolute;inset:0}.steel:after{content:"";opacity:.16;mix-blend-mode:soft-light;pointer-events:none;background-image:url(/steel-grain.svg);position:absolute;inset:0}.page{max-width:1140px;min-height:100svh;margin:0 auto;padding:70px 48px 25px}.masthead{flex-direction:column;justify-content:flex-start;align-items:center;gap:21px;min-height:214px;padding-bottom:52px;display:flex}.contact-email{letter-spacing:.3px;color:#505b62;text-shadow:0 1px 1px #ffffff80;font-size:13px;text-decoration:none}.contact-email:hover{color:#202b33;text-underline-offset:4px;text-decoration:underline}.logo{object-fit:contain;max-height:170px}.logo-placeholder{background:linear-gradient(130deg,#f1f3f2,#bfc6c8);border:1px solid #ffffffa8;border-radius:50%;place-items:center;display:grid;box-shadow:4px 9px 20px #515a601f,inset 0 1px 2px #fff}.logo-placeholder svg{fill:none;stroke:#707b80;stroke-width:1.5px;width:47%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.card{border-radius:var(--radius);min-height:176px;color:inherit;cursor:pointer;background:linear-gradient(135deg,#fafbfcf2,#e8eceee8);border:1px solid #ffffffdb;align-items:center;gap:27px;padding:25px 44px 25px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 12px 30px #34445013,0 2px 4px #34445008,inset 0 1px #fff}.card:hover{transform:translateY(-4px);box-shadow:0 14px 25px #3b484c20}.card.selected{outline:2px solid #546f7d}.icon{background:linear-gradient(145deg,#fff,#f5f6f6);border-radius:22px;flex-shrink:0;place-items:center;width:106px;height:106px;display:grid;box-shadow:0 3px 8px #33333308,inset 0 0 0 1px #fff}.icon img{object-fit:contain;border-radius:22px;width:100%;height:100%}.brand{place-items:center;width:44px;height:44px;font-size:43px;font-weight:900;display:grid}.brand svg{width:100%;height:100%}.youtube{color:#ec302c}.instagram{color:#a34d76}.cafe{color:#28a06a}.kakao{color:#514b39}.link{color:#647b86}.copy{min-width:0}.copy h2{letter-spacing:-.5px;overflow-wrap:anywhere;margin:0 0 10px;font-size:20px;line-height:1.35}.copy p{color:#737a7c;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6}.arrow{color:#8c989d;font-size:19px;position:absolute;top:25px;right:21px}footer{justify-content:center;align-items:center;gap:14px;margin-top:67px;display:flex}footer .line{background:#818d8f70;width:30px;height:1px}footer a{color:#768184;font-size:11px;text-decoration:none}.status,.feedback{text-align:center;color:#56646b;font-size:13px}.feedback{margin-top:15px}.editing{grid-template-columns:minmax(0,1fr) 350px;display:grid}.editing .page{width:100%;padding:50px 32px}.editing .grid{gap:20px}.editing .card{gap:18px;min-height:160px;padding:21px}.editing .icon{width:80px;height:80px}.editing .copy h2{font-size:17px}.editing .copy p{font-size:12px}.editing .masthead{min-height:215px}.panel{color:#343f44;background:#fafbfbef;border-left:1px solid #fff;height:100svh;padding:25px;font-size:13px;position:sticky;top:0;overflow:auto}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel small{letter-spacing:2px;color:#8a959b;font-size:9px}.panel h1{margin:6px 0;font-size:23px}.panel-head a{color:#617783;font-size:10px}.helper{color:#7c878c;margin-bottom:24px;font-size:12px;line-height:1.7}.panel fieldset{border:0;margin:0;padding:0}.panel summary{cursor:pointer;margin-bottom:16px;font-weight:600}.panel details{border-bottom:1px solid #e0e5e7;padding-bottom:16px}.panel label{color:#68777d;margin:14px 0;font-size:12px;display:block}.panel input:not([type=file]),.panel textarea,.panel select{color:#303b40;background:#fff;border:1px solid #dbe1e3;border-radius:8px;width:100%;margin-top:7px;padding:10px;display:block}.panel input[type=range]{accent-color:#506671;padding:0}.panel textarea{resize:vertical;min-height:70px}.panel button,.upload{color:#526670;cursor:pointer;background:#fff;border:1px solid #d8e0e3;border-radius:8px;padding:8px 11px}.panel button:disabled{opacity:.4;cursor:default}.panel .upload{text-align:center;background:#edf1f3}.upload input{max-width:100%;margin-top:8px;font-size:11px;display:block}.section-title{justify-content:space-between;align-items:center;margin:16px 0 8px;display:flex}.section-title h2{font-size:15px}.section-title span{color:#929fa4;margin-left:6px;font-weight:400}.sort-list>div{border-radius:8px;gap:3px;margin:5px 0;padding:3px;display:flex}.sort-list>div.active{background:#e5ebef}.sort-list button{background:0 0;border:0}.sort-list .name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.panel .danger{color:#aa6262;width:100%;margin-top:12px}.savebar{border-top:1px solid #dce3e6;margin-top:20px;padding-top:8px}.savebar p{color:#71828a;font-size:11px;line-height:1.7}.savebar .error{color:#b04747}.panel .save{color:#fff;background:#354f5b;border:0;width:100%;padding:14px}.denied{padding:50px}.fields{border-top:1px solid #dce3e6;margin-top:16px}@media (min-width:1600px){.page{padding-top:90px}.masthead{min-height:250px}.card{min-height:195px}}@media (max-width:1100px){.editing .grid{grid-template-columns:1fr}.editing .page{max-width:650px}}@media (max-width:700px){.page{max-width:530px;padding:44px 23px 24px}.masthead{align-items:center;gap:18px;min-height:210px;padding-bottom:44px}.grid{grid-template-columns:1fr;gap:20px}.card{gap:21px;min-height:154px;padding:22px 38px 22px 21px}.icon{border-radius:20px;width:91px;height:91px}.copy h2{margin-bottom:8px;font-size:19px}.copy p{font-size:12px}.arrow{top:22px;right:17px}.editing{display:block}.editing .page{min-height:auto;padding:30px 23px}.editing .masthead{min-height:200px}.panel{border-top:1px solid #fff;height:auto;position:relative}.editing .card{min-height:140px}footer{margin-top:42px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
