*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f6f8fb;color:#344054;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif}
#codebox{width:100%;background:#f6f8fb}
#codebox .header{display:flex;align-items:center;height:72px;padding:0 22px;border:0;background:linear-gradient(135deg,#243a55 0%,#2d4c70 100%)}
#codebox .header h1{float:none;flex:0 0 auto;margin:0;padding:0 24px 0 0;color:#fff;font-family:inherit;font-size:25px;line-height:1.2;letter-spacing:-1px}
#codebox .header .guide{float:none;margin:0;padding:0 0 0 22px;border:0;border-left:1px solid rgba(255,255,255,.22);color:#bdc9d8;font-family:inherit;font-size:11px;line-height:1.65}
#codebox .line1,#codebox .line2,#codebox .line3{display:none}
#codebox .content{padding:20px;background:#fff}
#codebox .content textarea{display:block;width:100%;height:145px;margin:0;padding:14px;border:1px solid #cfd8e3;border-radius:8px;background:#f9fbfd;color:#233044;font-family:Consolas,"Courier New",monospace;font-size:12px;line-height:1.65;text-align:left;overflow:auto;resize:none;outline:0;box-shadow:inset 0 1px 2px rgba(16,24,40,.04)}
#codebox .content textarea:focus{border-color:#5ba9dc;box-shadow:0 0 0 3px rgba(11,139,211,.10)}
#codebox .footer{height:55px;padding:11px 0 0;border:0;border-top:1px solid #dfe6ee;background:#f6f8fb;text-align:center}
#codebox .footer input{height:32px;margin:0;padding:0 16px;border:0;border-radius:5px;background:#7f8997;color:#fff;font-family:inherit;font-size:12px;font-weight:700;line-height:32px;cursor:pointer;box-shadow:none;outline:0}
#codebox .footer input:hover{background:#667180}
