@font-face{font-family:CardPretendard;src:url('fonts/PretendardVariable.woff2');font-display:swap}
#jopd-card-shell{font-family:CardPretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:radial-gradient(ellipse at 50% 0,#dce1d5,transparent 65%),#f1f1e9;padding:36px 18px;color:#173b33;box-sizing:border-box;color-scheme:light}#jopd-card-shell *{box-sizing:border-box}#jopd-card-shell .card-wrap{max-width:440px;margin:auto}#jopd-card-shell .overline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#63756a;padding:0 3px 17px}#jopd-card-shell .overline span:last-child{letter-spacing:.05em}#jopd-card-shell .name-card{border-radius:26px;background:#fcfbf6;box-shadow:0 24px 70px #18352a20;overflow:hidden;animation:card-enter .8s both}#jopd-card-shell .card-head{position:relative;isolation:isolate;overflow:hidden;background:#173b33;color:#faf6e8;padding:30px 30px 32px;min-height:380px}#jopd-card-shell .card-head:after{content:'';position:absolute;width:380px;height:380px;border:1px solid #c7b88730;border-radius:50%;right:-170px;top:30px;box-shadow:0 0 0 30px #c7b88709,0 0 0 60px #c7b88708;z-index:-1}#jopd-card-shell .card-brand{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#d0c69e}#jopd-card-shell .card-brand span:last-child{font-family:Georgia,serif;font-size:23px;letter-spacing:-.03em;font-style:italic}#jopd-card-shell .card-identity{display:grid;grid-template-columns:1fr 122px;gap:20px;align-items:center;margin-top:40px}#jopd-card-shell .identity-label{font-size:10px;letter-spacing:.16em;color:#cebf91}#jopd-card-shell h1{font-size:42px;font-weight:650;letter-spacing:-.06em;margin:10px 0 6px;line-height:1.2;color:#fcf8ea}#jopd-card-shell .card-portrait{width:122px;height:154px;position:relative;padding:6px;border:1px solid #b5aa7a;border-radius:70px 70px 18px 18px;animation:portrait-enter 1s both}#jopd-card-shell .card-portrait img{width:100%;height:100%;object-fit:cover;border-radius:60px 60px 13px 13px}#jopd-card-shell .role{font-size:12px;letter-spacing:.02em;color:#d6d9cb;margin:25px 0 0}#jopd-card-shell .gold-rule{height:1px;background:linear-gradient(90deg,#cbb98a,transparent);margin-top:26px}#jopd-card-shell .card-main{padding:30px}#jopd-card-shell .message{font-size:24px;line-height:1.5;font-weight:500;letter-spacing:-.055em;margin:0 0 11px;color:#173b33}#jopd-card-shell .intro{font-size:13px;line-height:1.85;color:#69776c;margin:0 0 26px;word-break:keep-all}#jopd-card-shell .card-links{display:grid;gap:10px}#jopd-card-shell .card-link{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #e0e3d8;border-radius:13px;text-decoration:none;background:#fffef9;color:#173b33;transition:transform .2s,background .2s}#jopd-card-shell .card-link:hover{transform:translateY(-3px);background:#f1f3e8}#jopd-card-shell .card-link.primary{background:#e7eadb;border-color:#e7eadb}#jopd-card-shell .link-icon{width:34px;height:34px;border:1px solid #cdd4be;border-radius:10px;display:grid;place-items:center;font-size:17px;flex-shrink:0}#jopd-card-shell .link-text{flex:1}#jopd-card-shell .link-text b{font-weight:600;display:block;font-size:14px}#jopd-card-shell .link-text small{display:block;font-size:11px;color:#74806f;margin-top:4px}#jopd-card-shell .link-arrow{font-size:18px;color:#70815f}#jopd-card-shell .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}#jopd-card-shell .card-actions button,#jopd-card-shell .card-actions a{border:0;border-radius:11px;padding:14px 8px;background:#173b33;color:#f8f7ef;font:500 13px CardPretendard,sans-serif;text-decoration:none;text-align:center;cursor:pointer}#jopd-card-shell .card-actions a{color:#173b33;background:#efeee5;border:1px solid #dedfd3}#jopd-card-shell .card-status{font-size:12px;line-height:1.7;color:#617259;margin:10px 0 0;overflow-wrap:anywhere;min-height:21px}#jopd-card-shell .signature{display:flex;align-items:center;justify-content:space-between;padding-top:19px;margin-top:4px;border-top:1px solid #e4e5dc}#jopd-card-shell .signature span:first-child{font-family:Georgia,serif;font-size:24px;font-style:italic;color:#536e52}#jopd-card-shell .signature span:last-child{font-size:9px;letter-spacing:.12em;color:#84907b;text-align:right;line-height:1.8}#jopd-card-shell .preview-note{text-align:center;font-size:11px;color:#71816f;margin:18px 0 0;line-height:1.8}#jopd-card-shell a:focus-visible,#jopd-card-shell button:focus-visible{outline:3px solid #a89d6c;outline-offset:3px}@keyframes card-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes portrait-enter{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media(max-width:380px){#jopd-card-shell{padding:22px 12px}#jopd-card-shell .card-head,#jopd-card-shell .card-main{padding:25px}#jopd-card-shell .card-identity{grid-template-columns:1fr 103px;gap:12px}#jopd-card-shell .card-portrait{width:103px;height:136px}#jopd-card-shell h1{font-size:38px}#jopd-card-shell .message{font-size:22px}#jopd-card-shell .card-brand{font-size:9px}}@media(prefers-reduced-motion:reduce){#jopd-card-shell *{animation:none!important;transition:none!important}}
/* Contact-first digital card */
#jopd-card-shell{padding-top:24px;padding-bottom:24px}#jopd-card-shell .card-head{min-height:0;padding:24px 26px 20px}#jopd-card-shell .card-identity{margin-top:23px;grid-template-columns:1fr 96px}#jopd-card-shell .card-portrait{width:96px;height:116px}#jopd-card-shell h1{font-size:38px}#jopd-card-shell .role{margin-top:14px}#jopd-card-shell .gold-rule{margin-top:18px}#jopd-card-shell .card-main{padding:22px 26px}#jopd-card-shell .message{font-size:21px;margin-bottom:16px}#jopd-card-shell .phone-number{display:block;color:#173b33;text-decoration:none;font-size:23px;font-weight:600;letter-spacing:.03em;margin-bottom:15px}#jopd-card-shell .quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}#jopd-card-shell .quick-actions a,#jopd-card-shell .quick-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:13px 2px;border-radius:12px;background:#edf0e5;color:#173b33;font:500 12px CardPretendard,sans-serif;border:0;text-decoration:none;cursor:pointer;min-height:76px}#jopd-card-shell .quick-actions span{font-size:22px;line-height:1}#jopd-card-shell .quick-actions .kakao-action{background:#fee500;color:#352d16}#jopd-card-shell .contact-id{font-size:12px;color:#63725d;margin:0 0 20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}#jopd-card-shell .contact-id button{font:inherit;color:#173b33;background:transparent;border:0;padding:0;text-decoration:underline;cursor:pointer}#jopd-card-shell .card-link{padding:12px}#jopd-card-shell .intro{display:none}#jopd-card-shell .card-actions{margin-top:17px;grid-template-columns:1fr}#jopd-card-shell .card-actions a{display:none}#jopd-card-shell .preview-note{margin-top:12px}#jopd-card-shell .signature{padding-top:12px}#jopd-card-shell .card-status{margin-top:8px}
#jopd-card-shell .youtube-icon{border-color:#f2d9d5;background:#fff6f3}#jopd-card-shell .youtube-mark{display:block;position:relative;width:23px;height:16px;background:#ff0033;border-radius:5px}#jopd-card-shell .youtube-mark:after{content:'';position:absolute;left:9px;top:4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #fff}
#jopd-card-shell [hidden]{display:none!important}#jopd-card-shell .message{white-space:pre-line}#jopd-card-shell .owner-edit{display:block;text-align:center;margin-top:12px;color:#254e3e;font-size:13px;text-decoration:underline}

#jopd-card-shell .card-logo{width:126px;padding:5px 0;background:transparent;line-height:0;transform:translateX(-6.09px)}#jopd-card-shell .card-logo img{display:block;width:100%;height:auto}#jopd-card-shell .card-identity{margin-top:28px}

#jopd-card-shell .card-head.custom-background:after{display:none}