260706_2_로그인 인증 검토

A07_Register/A07_Register_UI_Style.css

@@ -56,3 +56,47 @@
   color: var(--color-text);
   font-size: var(--text-body-sm);
 }
+
+.a07-register__agreement {
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-input);
+  overflow: hidden;
+}
+
+.a07-register__agreement-summary {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-8);
+  padding: var(--spacing-12) var(--spacing-16);
+  background-color: var(--color-canvas);
+  cursor: pointer;
+  user-select: none;
+}
+
+.a07-register__agreement-summary input[type="checkbox"] {
+  flex-shrink: 0;
+}
+
+.a07-register__agreement-label {
+  flex: 1;
+  font-size: var(--text-body-sm);
+  color: var(--color-text);
+}
+
+.a07-register__agreement-details {
+  border-top: 1px solid var(--color-border);
+}
+
+.a07-register__agreement-details[open] {
+  padding: var(--spacing-12) var(--spacing-16);
+}
+
+.a07-register__agreement-content {
+  max-height: 200px;
+  overflow-y: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-size: var(--text-body-sm);
+  color: var(--color-slate);
+  line-height: var(--leading-relaxed);
+}