.x3f{width: 400px; margin:20px auto 50px; display: block; border:1px solid rgba(255,255,255,.2); padding:20px; border-radius: 4px;}
 .x3lb{width: 100%; overflow: hidden; clear: both; display: block; margin:15px 0;}
 .x3s{float: left;display: inline-block;color:#222;
 text-transform: uppercase; margin-top:10px; width: 35%;}
 .x3in{float: right; background:#edeef2; border:1px solid #8bc43f; padding:10px; width:100%;border-radius: 4px; color:#111; margin-bottom: 15px;}
 textarea.x3in{height: 100px;}
 .x3s,.x3in{box-sizing:border-box;font-family: 'Cuprum', sans-serif; font-size:16px;}
 .x3in2{ width: 100%; padding:10px; border:2px solid var(--color-03);background:var(--color-03); color:#fff; text-transform: uppercase;font-weight: bold;font-family: 'Cuprum', sans-serif; font-size:16px;border-radius: 4px;}
 .x3in2:hover{background:#111;}
 .x3d{width: 60%; float: right;}
/* .x3s1{display: block; margin:2px;color:#6D6D6D; font-size: 15px; clear: both; float: right;font-family: 'Cuprum', sans-serif; } */
.x3s1{display: block; margin:2px;color:#6D6D6D; font-size: 15px; clear: both; font-family: 'Cuprum', sans-serif; }
.x3e{border:2px solid #c11818;}
/* .x3s2{color:#c11818; padding:5px;font-family: 'Cuprum', sans-serif;} */
.x3s2{color:#c11818; font-family: 'Cuprum', sans-serif;}
.x3ko{margin:40px 0 -20px;padding:10px;border:4px solid #c11818; border-radius: 4px; font-family: 'Nanum Gothic', sans-serif; color:#e42b2b; font-size:15px;}
.x3ok{margin:40px 0 -20px;padding:10px;border:4px solid #02b113; border-radius: 4px; font-family: 'Nanum Gothic', sans-serif; color:#02b113; font-size:15px;}