@charset "utf-8";

/* Wemara Notice Write Skin */
.wemara-notice-skin,
.wemara-notice-skin * { box-sizing:border-box; }
.wemara-notice-skin { font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif; color:#2a211e; word-break:keep-all; }
.wemara-notice-skin a { color:inherit; text-decoration:none; }
.wemara-notice-skin a:hover,
.wemara-notice-skin a:focus { color:#d52426; text-decoration:none; }
.wemara-notice-visual { position:relative; overflow:hidden; min-height:170px; margin:0 0 26px; padding:38px 46px; border-radius:30px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; background:radial-gradient(circle at 88% 10%, rgba(255,201,118,.35), transparent 26%), linear-gradient(135deg,#21110c 0%,#67130f 55%,#d52426 100%); color:#fff; box-shadow:0 24px 60px rgba(120,29,18,.20); }
.wemara-notice-visual-sm { min-height:150px; }
.wemara-notice-visual:before { content:""; position:absolute; inset:18px; border:1px solid rgba(255,255,255,.13); border-radius:24px; pointer-events:none; }
.wemara-notice-visual:after { content:""; position:absolute; right:-48px; bottom:-70px; width:240px; height:240px; border-radius:50%; background:rgba(255,255,255,.09); }
.wemara-notice-visual > * { position:relative; z-index:1; }
.wemara-notice-kicker { display:inline-flex; align-items:center; height:31px; padding:0 14px; margin-bottom:13px; border-radius:999px; background:rgba(255,255,255,.15); color:#ffe4b2; font-size:12px; font-weight:800; letter-spacing:.16em; }
.wemara-notice-visual h2 { margin:0; font-size:38px; line-height:1.15; font-weight:900; letter-spacing:-.055em; color:#fff; }
.wemara-notice-visual p { margin:13px 0 0; color:rgba(255,255,255,.78); font-size:15px; line-height:1.7; font-weight:500; }
.wemara-form-title { margin:0 0 16px; padding:0 4px; }
.wemara-form-title span { display:inline-flex; align-items:center; height:28px; padding:0 12px; margin-bottom:9px; border-radius:999px; background:#d52426; color:#fff; font-size:12px; font-weight:900; letter-spacing:-.02em; }
.wemara-form-title h3 { margin:0; color:#241714; font-size:28px; font-weight:900; letter-spacing:-.055em; }
.wemara-write-card { margin-bottom:30px; padding:36px 38px 28px; border-radius:28px; background:#fff; border:1px solid #f0e4d9; box-shadow:0 22px 55px rgba(39,18,12,.08); }

/* Write */
.write-wrap h2 { padding:0; margin:0; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:800; margin-top:4px; color:#3a2b27; letter-spacing:-.035em; }
.write-wrap .control-label { padding-top:7px; }
.write-wrap .write-content { min-height:360px; height:360px; }
.write-wrap .write-file { border:0; box-shadow:none; }
.write-wrap .write-btn { margin:26px 0 5px; text-align:center; }
.write-wrap .delete-file { margin:0; padding:0 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight:normal; }
.write-wrap .sp-label { display:inline-flex; align-items:center; min-height:32px; margin:0 10px 6px 0; padding:6px 12px; border-radius:999px; background:#fff8f3; border:1px solid #f0e4d9; font-weight:700; color:#5e4e47; }
.write-wrap .sp-label input[type="checkbox"],
.write-wrap .sp-label input[type="radio"] { margin:0 6px 0 0; }
.wemara-write-form .form-group { margin-bottom:18px; }
.wemara-write-form .form-control { height:43px; border:1px solid #eadbd1; border-radius:12px; background:#fffdfa; box-shadow:none; color:#2a211e; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.wemara-write-form .form-control:focus { border-color:#d52426; background:#fff; box-shadow:0 0 0 3px rgba(213,36,38,.08); }
.wemara-write-form textarea.form-control,
.wemara-write-form .write-content { border-radius:18px; }
.wemara-write-form .input-group-addon { border:1px solid #eadbd1; border-right:0; background:#fff0eb; color:#d52426; font-weight:900; border-radius:12px 0 0 12px; }
.wemara-write-form .input-group .form-control { border-radius:0 12px 12px 0; }
.wemara-write-form .input-group-btn .btn { height:43px; border-radius:0; border-color:#eadbd1; font-weight:800; }
.wemara-write-form .input-group-btn .btn:last-child { border-radius:0 12px 12px 0; }
.wemara-write-form .btn { border-radius:999px; padding:9px 17px; font-weight:800; letter-spacing:-.035em; transition:all .2s ease; }
.wemara-write-form .btn-default { border-color:#eadbd1; color:#5e4e47; background:#fffdfa; }
.wemara-write-form .btn-default:hover { border-color:#d52426; color:#d52426; background:#fff8f3; }
.wemara-write-form .btn-primary,
.wemara-write-form .btn-danger,
.wemara-write-form .btn-black { border-color:#241714; background:#241714; color:#fff; }
.wemara-write-form .btn-primary:hover,
.wemara-write-form .btn-danger:hover,
.wemara-write-form .btn-black:hover { border-color:#d52426; background:#d52426; color:#fff; }
.write-wrap .talker-photo { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; margin-right:8px; border-radius:50%; overflow:hidden; background:#fff0eb; color:#d52426; vertical-align:middle; }
.write-wrap .talker-photo i { width:48px; height:48px; padding:10px; text-align:center; font-size:24px; line-height:28px; }
.write-wrap .talker-photo img { width:48px !important; height:48px !important; object-fit:cover; }
.write-wrap .well,
.wemara-write-form .well { border:1px solid #f0e4d9; border-radius:16px; background:#fff8f3; color:#6b5a53; box-shadow:none; }

#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px; }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block; float:right; }
#variableFiles { width:100%; margin:0; border:0; }
#variableFiles td { padding:0 0 7px; border:0; }
#variableFiles input[type=file] { box-shadow:none; border:1px solid #eadbd1 !important; outline:none; }
#variableFiles .form-group { margin-left:0; margin-right:0; margin-bottom:7px; }
#variableFiles .checkbox-inline { padding-top:0; font-weight:normal; }

@media all and (max-width:768px) {
	.wemara-notice-visual { min-height:auto; padding:32px 24px; border-radius:22px; display:block; }
	.wemara-notice-visual h2 { font-size:32px; }
	.wemara-notice-visual p { font-size:14px; }
	.wemara-write-card { padding:24px 18px 20px; border-radius:20px; }
	.wemara-form-title h3 { font-size:23px; }
	.write-wrap .control-label { padding-top:0; margin-bottom:8px; }
	.wemara-write-form .form-group { margin-bottom:16px; }
	.write-wrap .write-content { min-height:280px; height:280px; }
	.wemara-write-form .input-group { display:block; }
	.wemara-write-form .input-group .form-control { display:block; width:100%; border-radius:12px; }
	.wemara-write-form .input-group-btn { display:flex; width:100%; margin-top:8px; }
	.wemara-write-form .input-group-btn .btn { flex:1; border-radius:999px !important; margin-right:6px; }
	.wemara-write-form .input-group-btn .btn:last-child { margin-right:0; }
}
