@charset "utf-8";

/* Wemara Notice View 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:180px; margin:0 0 28px; padding:40px 48px; 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-view-card { display:block; overflow:hidden; margin-bottom:30px; border-radius:28px; background:#fff; border:1px solid #f0e4d9; box-shadow:0 22px 55px rgba(39,18,12,.08); }

/* View */
.view-wrap .img-photo i { background:#fff0eb; padding:16px; border-radius:50%; width:80px; height:80px; text-align:center; color:#d52426; font-size:40px; display:inline-block; }
.view-wrap .img-photo img { border-radius:50%; width:80px !important; height:80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap .no-attach { border-bottom:0; }
.view-wrap .view-cnt { letter-spacing:0; }
.view-wrap h1,
.wemara-view-card h1 { position:relative; margin:0; padding:38px 42px 22px; color:#241714; font-size:32px; font-weight:900; line-height:1.35; letter-spacing:-.06em; display:block; white-space:normal; word-wrap:normal; overflow:visible; text-overflow:clip; border-bottom:1px solid #f0e4d9; }
.wemara-view-card h1:before { content:"NOTICE"; display:inline-flex; align-items:center; height:28px; padding:0 12px; margin:0 0 12px; border-radius:999px; background:#d52426; color:#fff; font-size:12px; font-weight:900; letter-spacing:.12em; vertical-align:top; }
.view-wrap h1 span.talker-photo { margin-bottom:10px; margin-right:10px; }
.view-head { margin:0 42px 28px; border:0; border-radius:18px; overflow:hidden; box-shadow:none; background:#fff8f3; }
.view-head.panel { border:0; }
.view-head .panel-heading { padding:15px 20px; border:0; background:#fff; }
.view-head .sp { display:inline-block; width:18px; text-align:center; font-size:11px; color:#b8a79c; }
.view-head .list-group { margin:0; }
.view-head .list-group-item { padding:12px 20px; border:0; border-top:1px solid #f0e4d9; background:#fffdf9; color:#6b5a53; }
.view-head .list-group-item:hover { background:#fff7ef; }
.view-padding { padding-left:42px; padding-right:42px; }
.is-mobile .view-padding { padding-left:0; padding-right:0; }
.view-tag { margin:12px 0; padding:0; color:#927f76; }
.view-tag a { color:#927f76; }
.view-tag a:hover { color:#d52426; }
.view-cnt { margin-top:4px; }
.view-img img { display:block; max-width:100%; margin:0 auto 18px; border:0; height:auto; border-radius:18px; }
.view-content { min-height:220px; padding-top:4px; padding-bottom:40px; color:#3a2b27; font-size:16px; line-height:1.9; letter-spacing:-.035em; }
.view-content img { width:auto; height:auto; max-width:100%; border-radius:16px; }
.view-content p { padding:0; margin:0 0 12px; line-height:1.9; }
.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:82px; height:82px; display:inline-block; }
.view-good-box a { background:#fff0eb; padding-top:14px; border-radius:50%; width:82px; height:82px; text-align:center; color:#241714; font-size:22px; line-height:26px; display:inline-block; border:1px solid #f0d5c8; }
.view-good-box .view-good a:hover { background:#d52426; color:#fff; border-color:#d52426; }
.view-good-box .view-nogood a:hover { background:#241714; color:#fff; border-color:#241714; }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-icon { margin-bottom:18px; }
.view-icon img { width:34px; border-radius:50%; margin-bottom:5px; }
.view-comment { margin:0; padding:0 0 8px; text-transform:capitalize; overflow:hidden; border-bottom:2px solid #241714; display:inline-block; position:relative; font-weight:900; color:#241714; }
.view-author-none { height:1px; border-top:1px solid #f0e4d9; margin:12px 42px 24px; }

/* Comment */
.comment-media { margin:18px 0; padding:0 42px; }
.comment-media .photo i { background:#fff0eb; padding:15px; border-radius:50%; width:64px; height:64px; text-align:center; color:#d52426; font-size:30px; display:inline-block; }
.comment-media .photo img { border-radius:50%; width:64px !important; height:64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding:10px; width:54px; height:54px; }
.view-mobile .comment-media .photo img { width:54px !important; height:54px !important; }
.comment-media .media { border-top:1px solid #f0e4d9; margin:9px 0; padding:12px 0 0; }
.comment-media :first-child.media { border-top:0; margin-top:0; padding-top:0; }
.comment-media h5 { margin:2px 0; line-height:22px; font-weight:800; }
.comment-media .media .media-body { padding-left:0; }
.comment-media .media .media-info { margin-left:10px; color:#9b8c83; }
.comment-media .media .media-content { margin-top:8px; line-height:1.75; }
.comment-media .media .media-btn { margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good,
.comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background:url('../../img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background:url('../../img/cmt_nogood.gif') no-repeat left center; color:#888; }
.comment-form { padding:10px 42px 0; }
.comment-box { border:1px solid #f0e4d9; border-radius:18px; padding:16px 16px 4px; margin-bottom:20px; background:#fff8f3; }
.comment-content { display:table; width:100%; table-layout:fixed; }
.comment-content .comment-cell { display:table-cell; padding:0; text-align:center; vertical-align:middle; }
.comment-content .comment-cell.comment-submit { width:90px; height:100%; background:#241714; border:1px solid #241714; color:#fff; border-left:0; cursor:pointer; font-weight:800; }
.comment-btn .cursor { margin-left:12px; color:#787878; }
#wr_content { resize:none; }
#bo_vc_opt ol { margin:0; padding:0; list-style:none; zoom:1; }
#bo_vc_opt ol:after { display:block; visibility:hidden; clear:both; content:""; }
#bo_vc_opt ol li { float:left; margin:0; }
#bo_vc_send_sns ul { margin:0; padding:0; list-style:none; zoom:1; }
#bo_vc_send_sns ul:after { display:block; visibility:hidden; clear:both; content:""; }
#bo_vc_send_sns ul li { float:left; margin:0 20px 0 0; }
#bo_vc_send_sns input { margin:0 0 0 5px; }

@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-view-card { border-radius:20px; }
	.responsive .view-wrap h1,
	.responsive .wemara-view-card h1 { line-height:1.45; font-size:23px; margin-bottom:0; padding:28px 22px 18px; }
	.responsive .view-wrap h1 .photo { display:none; }
	.view-head { margin:0 22px 22px; }
	.view-padding { padding-left:22px; padding-right:22px; }
	.view-author-none { margin-left:22px; margin-right:22px; }
	.comment-media,
	.comment-form { padding-left:22px; padding-right:22px; }
}
@media all and (max-width:480px) {
	.responsive .view-author .auth-photo { float:none; width:100%; padding-right:0; }
	.responsive .view-icon .pull-right { float:none !important; display:block; margin-top:10px; }
	.view-content { font-size:15px; }
}