@charset "utf-8";

/* Wemara Notice List Skin */
.list-category .div-tab.tabs { margin-bottom:0; }
.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:#b7191f; text-decoration:none; }









.wemara-notice-visual { position:relative; overflow:hidden; min-height:190px; margin:0 0 28px; padding:42px 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: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:42px; 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:16px; line-height:1.7; font-weight:500; }
.wemara-notice-count { min-width:128px; padding:18px 20px; border-radius:22px; background:rgba(255,255,255,.13); backdrop-filter:blur(8px); text-align:center; border:1px solid rgba(255,255,255,.16); }
.wemara-notice-count span { display:block; margin-bottom:6px; font-size:12px; color:rgba(255,255,255,.72); font-weight:700; }
.wemara-notice-count strong { display:block; font-size:34px; line-height:1; color:#fff; font-weight:900; }
.wemara-list-card { overflow:hidden; border-radius:26px; background:#fff; border:1px solid #f0e4d9; box-shadow:0 22px 55px rgba(39,18,12,.08); padding: 20px; }








.wemara-list-card-head { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 28px;  border-bottom:1px solid #f0e4d9; }








.wemara-list-card-head span { display:block; margin-bottom:4px; color:#b7191f; font-size:12px; font-weight:900; letter-spacing:.12em; }
.wemara-list-card-head strong { display:block; color:#241714; font-size:24px; letter-spacing:-.04em; }
.wemara-list-card-head em { display:inline-flex; align-items:center; height:34px; padding:0 15px; border-radius:999px; background:#241714; color:#fff; font-size:12px; font-style:normal; font-weight:900; letter-spacing:.12em; }

.list-board { margin:0; }
.list-board .wr-text { display:inline-flex; align-items:center; justify-content:center; min-width:50px; height:26px; padding:0 9px; border-radius:999px; background:#fff0eb; color:#d52426 !important; font-family:inherit; font-size:12px; letter-spacing:-.03em; font-weight:800; line-height:1; }
.list-board .wr-icon { display:inline-block; padding:0; margin:0 4px 2px 0; overflow:hidden; vertical-align:middle; background-repeat:no-repeat; background-position:left top; }
.list-board .wr-notice { width:auto !important; min-width:44px; height:24px !important; padding:0 9px; border-radius:999px; background:#d52426 !important; color:#fff; line-height:24px; text-align:center; font-size:12px; font-weight:900; letter-spacing:-.05em; }
.list-board .wr-notice:after { content:"공지"; }
.list-board .wr-new { width:12px; height:12px; background-image:url('../../img/icon_new.gif'); }
.list-board .wr-secret { width:12px; height:12px; background-image:url('../../img/icon_secret.gif'); }
.list-board .wr-hot { width:12px; height:12px; background-image:url('../../img/icon_hot.gif'); }
.list-board .wr-video { width:12px; height:12px; background-image:url('../../img/icon_video.gif'); }
.list-board .wr-image { width:12px; height:12px; background-image:url('../../img/icon_image.gif'); }
.list-board .wr-file { width:12px; height:12px; background-image:url('../../img/icon_file.gif'); }
.list-board .wr-vicon { position:absolute; left:4px; bottom:3px; color:rgba(255,255,255,1); font-size:16px; z-index:1; }

.list-board .wr-chk { width:46px; }
.list-board .wr-num { width:72px; }
.list-board .wr-thumb { width:68px; }
.list-board .wr-category { width:80px; }
.list-board .wr-name { width:120px; }
.list-board .wr-date { width:96px; }
.list-board .wr-hit { width:68px; }
.list-board .wr-down,
.list-board .wr-visit,
.list-board .wr-good,
.list-board .wr-nogood { width:56px; }
.list-board .wr-none { padding:70px 0; text-align:center; color:#9b8c83; font-size:15px; }
.list-board .wr-comment { margin:0 10px; }
.list-board .wr-hidden { display:none; }

.list-board .div-head { display:table; width:100%; table-layout:fixed; padding:0 18px; border:0 !important; background:#000; color:#fff; font-size:13px; font-weight:800; letter-spacing:-.03em; }
.list-board .div-head > span { display:table-cell; height:54px; border: 0 !important; line-height:54px; text-align:center; vertical-align:middle; color:rgba(255,255,255,.78); }
.list-board .div-head .wr-subject { text-align:left; color:#fff; }
.list-board .div-head a { color:rgba(255,255,255,.78); }
.list-board .list-body { list-style:none; padding:0 18px 14px; margin:0; background:#fff; }
.list-board .list-body li { border-bottom:1px solid #f0e5dd; display:table; width:100%; table-layout:fixed; transition:background .25s ease, transform .25s ease, box-shadow .25s ease; }
.list-board .list-body li:hover { color:#241714; background:#fff8f3; }
.list-board .list-body li.bg-light { background:#fff7ef; }
.list-board .list-body li > div { display:table-cell; height:66px; line-height:22px; padding:14px 0; text-align:center; color:#776761; vertical-align:middle; font-size:14px; }
.list-board .list-body .wr-subject { padding-left:14px; padding-right:14px; text-align:left; }
.list-board .list-body .wr-subject .item-subject { display:block; color:#241714; font-size:16px; font-weight:700; letter-spacing:-.045em; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list-board .list-body .wr-subject .item-subject:hover { color:#d52426; }
.list-board .list-body .wr-subject .count { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; margin-left:7px; padding:0 7px; border-radius:999px; background:#fff0eb; color:#d52426 !important; font-size:12px; font-weight:900; }
.list-board .list-body .wr-name { text-align:left; padding-left:10px; font-weight:700; color:#574741; }
.list-board .list-body .wr-name a { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; color:#574741; }
.list-board .list-body .thumb-img { position:relative; width:48px; height:48px; margin:0 auto; border-radius:14px; overflow:hidden; }
.list-board .list-body .thumb-icon { position:relative; width:48px; height:48px; display:table; margin:0 auto; border-radius:14px; overflow:hidden; }
.list-board .list-body .thumb-icon a { display:table-cell; width:1%; background:#fff0eb; color:#d52426; vertical-align:middle; font-size:28px; }
.list-board .list-body .thumb-icon img { width:48px; height:48px; margin:0 auto; object-fit:cover; }

@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-notice-count { margin-top:20px; text-align:left; display:inline-block; min-width:112px; }
	.wemara-list-card { border-radius:20px; }
	.wemara-list-card-head { padding:18px 18px; }
	.wemara-list-card-head strong { font-size:20px; }
	.responsive .list-board .wr-hidden { display:inline-flex !important; }
	.responsive .list-board .div-head { display:none; }
	.responsive .list-board .list-body { padding:8px 12px 12px; }
	.responsive .list-board .list-body li { display:block; position:relative; margin:10px 0; padding:18px 16px; border:1px solid #f0e5dd; border-radius:18px; background:#fff; box-shadow:0 10px 24px rgba(39,18,12,.05); }
	.responsive .list-board .list-body li > div { display:block; height:auto; line-height:1.5; padding:0; text-align:left; }
	.responsive .list-board .list-body .wr-subject { padding:0; }
	.responsive .list-board .item-subject { text-overflow:clip; white-space:normal; word-wrap:normal; overflow:visible; font-size:16px; line-height:1.55; }
	.responsive .list-board .item-details { margin-top:9px; margin-right:0; color:#9b8c83 !important; }
	.responsive .list-board .item-details > span { margin-right:12px; font-weight:normal; }
	.responsive .list-board .item-details > span:last-child { margin-right:0; }
}