me-converter-section .input-area button{padding:14px 28px;background:#bea1f7;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,transform .1s} .name-converter-section .input-area button:hover{background:#a98df5} .name-converter-section .input-area button:active{transform:scale(.98)} .name-converter-section .result-side{display:flex;flex-direction:column;align-items:center} .name-converter-section .result-card{width:540px;height:540px;background-color:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(190,161,247,.2)} .name-converter-section .grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#e5d9fb 1px,transparent 1px),linear-gradient(90deg,#e5d9fb 1px,transparent 1px);background-size:40px 40px;background-position:-10px -10px;opacity:.5} .name-converter-section .deco-line{position:absolute;width:60%;height:2px;background:#bea1f7;left:20%} .name-converter-section .deco-top{top:20px} .name-converter-section .deco-bottom{bottom:20px} .name-converter-section .card-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px} .name-converter-section .korean-name{font-family:'LaundryGothic',sans-serif;font-size:90px;font-weight:700;color:#262031;text-align:center;line-height:1.2} .name-converter-section .english-name{font-family:'LaundryGothic',sans-serif;font-size:18px;color:#4c4062;letter-spacing:2px;margin-top:20px} .name-converter-section .copy-btn{margin-top:20px;padding:10px 20px;background:transparent;border:1px solid #ddd;border-radius:8px;color:#666;font-size:13px;cursor:pointer;font-family:inherit;transition:all .2s} .name-converter-section .copy-btn:hover{border-color:#bea1f7;color:#bea1f7} .name-converter-section .copy-btn.copied{border-color:#4caf50;color:#4caf50}

내 이름을 한글로

한글로

@hanglo

내 이름을 한글로

최신 글

최신 글