.oone-cc{--occ-ink:#202a3d;--occ-muted:#697588;--occ-line:#dde3eb;--occ-soft:#f5f7fa;--occ-accent:#6d62cf;--occ-accent-dark:#5144b7;--occ-bg:#fff;font-family:Pretendard,'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--occ-ink);line-height:1.55;font-size:14px;letter-spacing:-.2px;}
.oone-cc,.oone-cc *{box-sizing:border-box}.oone-cc button,.oone-cc input,.oone-cc textarea,.oone-cc select{font:inherit}.oone-cc button{cursor:pointer}.oone-cc button:disabled{opacity:.5;cursor:default}.oone-cc input:not([type=radio]):not([type=file]),.oone-cc select,.oone-cc textarea{display:block;width:100%;min-height:42px;border:1px solid #d8dee8;border-radius:9px;padding:10px 12px;background:#fff;color:var(--occ-ink);outline:none;box-shadow:none;transition:border-color .12s}.oone-cc textarea{resize:vertical;min-height:75px}.oone-cc input:focus,.oone-cc textarea:focus,.oone-cc select:focus{border-color:var(--occ-accent);box-shadow:0 0 0 3px rgba(109,98,207,.09)}.oone-cc input::placeholder,.oone-cc textarea::placeholder{color:#9ca7b5}.oone-cc label{display:block;color:#364254;font-weight:600;font-size:12px}.oone-cc label em{color:var(--occ-accent);font-size:10px;font-style:normal;font-weight:600;margin-left:5px}.oone-cc label>input,.oone-cc label>select,.oone-cc label>textarea{margin-top:7px}.oone-cc p{margin:0}.oone-cc h1,.oone-cc h2,.oone-cc h3{color:var(--occ-ink);line-height:1.35;margin:0}.oone-cc .occ-app{background:#fff;max-width:1180px;margin:22px auto 40px;border:1px solid #e1e5ed;border-radius:18px;box-shadow:0 18px 65px rgba(41,47,80,.07);overflow:hidden}.oone-cc .occ-header{padding:28px 34px;border-bottom:1px solid var(--occ-line);background:linear-gradient(120deg,#fcfcff,#f7f8ff 95%)}.oone-cc .occ-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--occ-accent-dark)}.oone-cc .occ-dot{width:7px;height:7px;background:var(--occ-accent);border-radius:50%}.oone-cc .occ-eyebrow-sep{color:#bcc1d4}.oone-cc .occ-chip{border:1px solid #cdc8ef;border-radius:99px;padding:2px 7px;font-size:9px;letter-spacing:.3px}.oone-cc .occ-headline{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-top:16px}.oone-cc h1{font-size:26px;font-weight:800;letter-spacing:-1.1px}.oone-cc .occ-headline p{font-size:13px;color:var(--occ-muted);margin-top:7px}.oone-cc .occ-headline p strong{font-weight:700;color:#414d61}.oone-cc .occ-privacy{color:#3a7363;background:#eff8f4;border:1px solid #d4e9df;border-radius:9px;text-align:left;padding:8px 11px;white-space:nowrap}.oone-cc .occ-privacy span{display:block;font-size:11px;font-weight:700}.oone-cc .occ-privacy small{display:block;color:#6d9184;font-size:10px;margin-top:2px}.oone-cc .occ-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:720px}.oone-cc .occ-sidebar{background:#f8f9fc;border-right:1px solid var(--occ-line);padding:26px 15px;display:flex;flex-direction:column;gap:13px}.oone-cc .occ-sidebar-title{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#8e99aa;padding:2px 10px;display:flex;justify-content:space-between}.oone-cc .occ-steps{display:flex;flex-direction:column;gap:6px}.oone-cc .occ-step{background:transparent;border:1px solid transparent;border-radius:10px;width:100%;padding:11px 10px;text-align:left;display:flex;gap:12px;align-items:flex-start;color:#536176;line-height:1.4;font-weight:700;font-size:13px;transition:all .12s}.oone-cc .occ-step>span:first-child{font-weight:800;font-size:11px;color:#b4bdd0;width:22px;flex:none;padding-top:2px}.oone-cc .occ-step small{display:block;font-size:11px;margin-top:4px;color:#9ba5b3;font-weight:400}.oone-cc .occ-step.is-active{background:white;color:var(--occ-accent-dark);border-color:#dedaf7;box-shadow:0 3px 9px rgba(50,45,110,.06)}.oone-cc .occ-step.is-active>span:first-child{color:var(--occ-accent)}.oone-cc .occ-sidebar-note{border:1px solid #e3e6ef;border-radius:10px;background:#fff;padding:14px;margin-top:14px}.oone-cc .occ-sidebar-note strong{font-size:12px}.oone-cc .occ-sidebar-note p{margin-top:6px;font-size:11px;color:var(--occ-muted);line-height:1.6}.oone-cc .occ-sidebar-actions{display:flex;gap:12px;padding:2px 6px;margin-top:auto;flex-wrap:wrap}.oone-cc .occ-text-btn{border:none;background:none;padding:4px 0;color:var(--occ-accent-dark);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.oone-cc .occ-main{padding:32px 36px 23px;min-width:0;display:flex;flex-direction:column}.oone-cc .occ-stepview[hidden]{display:none}.oone-cc .occ-kicker{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--occ-accent);margin-bottom:10px}.oone-cc h2{font-size:23px;letter-spacing:-.8px;font-weight:800}.oone-cc .occ-lead{font-size:12.5px;color:var(--occ-muted);margin:8px 0 24px;line-height:1.7}.oone-cc .occ-panel{border:1px solid var(--occ-line);border-radius:12px;padding:22px;margin:0 0 15px;background:#fff;display:flex;flex-direction:column;gap:17px}.oone-cc .occ-panel h3{font-size:14px;font-weight:800;letter-spacing:-.4px;margin-bottom:1px}.oone-cc .occ-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oone-cc .occ-optional{color:#9da6b4;font-size:11px;font-weight:400}.oone-cc .occ-foot{margin-top:auto;border-top:1px solid var(--occ-line);padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.oone-cc .occ-foot button,.oone-cc .occ-actions-grid button,.oone-cc .occ-add-btn{border:1px solid #d8dbea;border-radius:10px;background:#fff;color:#455069;padding:11px 16px;font-size:12px;font-weight:800;min-height:42px}.oone-cc .occ-primary,.oone-cc .occ-foot .occ-primary{background:var(--occ-accent);color:#fff;border:1px solid var(--occ-accent);border-radius:10px;padding:11px 17px;font-size:12px;font-weight:800;min-height:42px}.oone-cc .occ-primary:hover,.oone-cc .occ-foot .occ-primary:hover{background:var(--occ-accent-dark)}.oone-cc .occ-ghost{background:#fff!important}.oone-cc .occ-progress{display:flex;align-items:center;gap:12px;font-size:11px;color:#8994a6}.oone-cc .occ-bar{width:80px;height:4px;background:#e6e7ef;border-radius:10px;overflow:hidden}.oone-cc .occ-bar>div{width:20%;height:100%;background:var(--occ-accent);transition:width .15s}.oone-cc .occ-hint{background:#f5f5fc;border:1px solid #e4e1f7;border-radius:9px;padding:14px;font-size:11.5px;line-height:1.7;color:#5f6183;margin:10px 0}.oone-cc .occ-hint strong{color:#4c4680}.oone-cc .occ-add-btn{width:100%;border-style:dashed;color:var(--occ-accent-dark);margin:0 0 10px}.oone-cc .occ-product-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px}.oone-cc .occ-product-top h3{color:#433d9d}.oone-cc .occ-remove{background:none;border:none;color:#a1a6b2;font-size:12px;text-decoration:underline}.oone-cc .occ-margin{padding:11px 13px;border-radius:8px;background:#f6f8fb;border:1px solid #e5e9ef;color:#59677b;font-size:12px}.oone-cc .occ-margin strong{color:var(--occ-accent-dark)}.oone-cc .occ-drop{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;gap:5px;flex-direction:column;min-height:150px;border:2px dashed #d9d7ed;border-radius:12px;background:#fcfbff;cursor:pointer;padding:15px}.oone-cc .occ-drop.drag{border-color:var(--occ-accent);background:#efedff}.oone-cc .occ-drop input{position:absolute;opacity:0;width:1px;height:1px}.oone-cc .occ-drop strong{font-size:13px;color:#535078}.oone-cc .occ-drop small{font-size:10px;color:#9aa2b3}.oone-cc .occ-drop-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#eae7fb;color:var(--occ-accent);font-size:20px}.oone-cc .occ-filecard{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--occ-line);border-radius:12px;padding:13px;margin-bottom:10px}.oone-cc .occ-filethumb{width:80px;height:80px;flex:none;border-radius:9px;object-fit:contain;background:#f3f5f9;border:1px solid #edf0f4}.oone-cc .occ-fileicon{width:80px;height:80px;display:grid;place-items:center;background:#f3f5fa;border:1px solid #e9edf4;color:#8692a7;font-size:12px;border-radius:9px;flex:none;font-weight:800}.oone-cc .occ-filebody{flex:1;min-width:0}.oone-cc .occ-filemeta{display:flex;gap:6px;align-items:center;justify-content:space-between;margin-bottom:10px;min-width:0}.oone-cc .occ-filemeta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.oone-cc .occ-filemeta small{white-space:nowrap;color:#a5adba;font-size:10px}.oone-cc .occ-filefields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.oone-cc .occ-filefields select,.oone-cc .occ-filebody input{min-height:35px!important;padding:6px 9px!important;font-size:11px!important}.oone-cc .occ-filebody label{font-size:10px;color:#8691a2}.oone-cc .occ-filebody label input,.oone-cc .occ-filebody label select{margin-top:4px}.oone-cc .occ-emptyfiles{padding:25px;text-align:center;border:1px dashed var(--occ-line);border-radius:10px;color:#9da7b4;font-size:12px}.oone-cc .occ-audit{display:flex;flex-direction:column;gap:7px}.oone-cc .occ-audit-line{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#667286}.oone-cc .occ-audit-line b{font-size:11px;color:#9a7c43}.oone-cc .occ-audit-line.good b{color:#2d8f6e}.oone-cc .occ-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.oone-cc .occ-platforms>label{border:1px solid var(--occ-line);border-radius:10px;padding:12px 10px;display:flex;align-items:flex-start;gap:8px;cursor:pointer}.oone-cc .occ-platforms input{accent-color:var(--occ-accent);margin:3px 0}.oone-cc .occ-platforms label span{font-size:12px;font-weight:800}.oone-cc .occ-platforms label small{font-size:10px;line-height:1.45;font-weight:400;display:block;color:#939dad;margin-top:5px}.oone-cc .occ-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.oone-cc .occ-actions-grid button{text-align:center}.oone-cc .occ-actions-grid button.occ-primary{color:white;background:var(--occ-accent);border-color:var(--occ-accent)}.oone-cc .occ-small{font-size:11px;color:var(--occ-muted);line-height:1.7}.oone-cc .occ-preview-head{display:flex;justify-content:space-between;align-items:center}.oone-cc .occ-md-preview{display:block;width:100%;max-height:390px;overflow:auto;border-radius:9px;background:#20263a;color:#e3e7fa;padding:20px;font:11px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.oone-cc .occ-toast{position:fixed;z-index:99999;bottom:24px;left:50%;transform:translate(-50%,12px);background:#29314c;color:white;border-radius:10px;padding:11px 16px;max-width:min(90vw,520px);font-size:12px;box-shadow:0 12px 45px #0003;opacity:0;pointer-events:none;transition:all .2s}.oone-cc .occ-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.oone-cc .occ-layout{grid-template-columns:1fr}.oone-cc .occ-sidebar{border-right:0;border-bottom:1px solid var(--occ-line);padding:12px}.oone-cc .occ-sidebar-title,.oone-cc .occ-sidebar-note,.oone-cc .occ-sidebar-actions{display:none}.oone-cc .occ-steps{flex-direction:row;gap:3px;overflow-x:auto}.oone-cc .occ-step{min-width:80px;flex:1;text-align:center;display:block;padding:9px 5px;font-size:10px}.oone-cc .occ-step>span:first-child{display:block;width:auto;font-size:10px}.oone-cc .occ-step small{display:none}.oone-cc .occ-main{padding:24px 18px}.oone-cc .occ-header{padding:22px 20px}.oone-cc .occ-headline{align-items:flex-start;flex-direction:column;gap:11px}.oone-cc h1{font-size:22px}.oone-cc .occ-privacy{white-space:normal}.oone-cc .occ-privacy small{display:inline;margin-left:4px}}
@media(max-width:540px){.oone-cc .occ-grid2,.oone-cc .occ-platforms,.oone-cc .occ-actions-grid{grid-template-columns:1fr}.oone-cc .occ-panel{padding:15px}.oone-cc .occ-filecard{display:block}.oone-cc .occ-filethumb,.oone-cc .occ-fileicon{width:65px;height:65px;margin-bottom:12px}.oone-cc .occ-filefields{grid-template-columns:1fr}.oone-cc .occ-foot{gap:6px}.oone-cc .occ-bar{display:none}.oone-cc .occ-foot button{padding:10px 12px}}
