@charset "UTF-8";

label {cursor:pointer}
input[type=radio] {cursor:pointer}

/* 본문 */
div.make-container {
	max-width:100%;
	margin:0 auto;
	padding:0.5em;
}

/* 상세 정보 */
table.detail {border:none}
table.detail th,table.detail td {border:1px solid #bbb !important;}
table.detail th {background:#e0e0e0}
table.detail th.DESC {width:150px}
table.detail td.VALUE {padding:.5em;}

/* 버튼 */
div.btn-wrapper {
	margin-top:.4em;
	text-align:center
}

/* 개인 메일 — 표의 한 행(th/td). 체크하면 같은 칸 안에 펼친다 */
.personal-mail-settings td{letter-spacing:normal;word-spacing:normal}
.personal-mail-settings .mail-enabled{display:inline-flex;align-items:center;gap:6px}
.personal-mail-settings .mail-body{margin-top:10px}
.personal-mail-settings .mail-body[hidden],.personal-mail-settings [hidden]{display:none}
.personal-mail-settings p{line-height:1.6;margin:8px 0}
.personal-mail-settings .mail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;max-width:900px}
.personal-mail-settings .mail-grid label{display:flex;flex-direction:column;gap:4px}
.personal-mail-settings .mail-grid input,.personal-mail-settings .mail-grid select{width:100%;box-sizing:border-box}
.personal-mail-settings .mail-help{font-size:12px;color:#666}
.personal-mail-settings .mail-warning{color:#b45309}
.personal-mail-settings .mail-notify{margin-top:10px;padding-top:8px;border-top:1px dashed #ccc}
.personal-mail-settings .mail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.personal-mail-settings [data-mail-status]{margin-top:6px;white-space:pre-wrap;color:#17694a;font-size:90%}
.personal-mail-settings [data-mail-status]:empty{display:none}
.personal-mail-settings .mail-error{color:#b52026}
.personal-mail-settings .mail-mode{display:flex;flex-direction:column;gap:4px;max-width:441px;margin:8px 0 10px}
.personal-mail-settings .mail-ms-admin{margin-top:10px;padding-top:8px;border-top:1px dashed #ccc}
.personal-mail-settings .mail-ms-admin summary{cursor:pointer;font-size:90%}
.personal-mail-settings .mail-ms-admin ol{padding-left:18px}
.personal-mail-settings .mail-ms-admin code{word-break:break-all}
.personal-mail-settings .mail-grid label.mail-enabled{flex-direction:row;align-items:center}
.personal-mail-settings .mail-grid label.mail-enabled input{width:auto}
@media(max-width:700px){.personal-mail-settings .mail-grid{grid-template-columns:1fr}}