/* /css/page_notice.css : 공지사항 목록 스타일 */
#boxContents{width:100%;max-width:100%;padding:0;background:var(--color-bg);}

/* 상단 공지 영역의 #boxNotice와 이름이 같아 페이지용 속성을 다시 지정 */
#boxContents #boxNotice{height:auto;min-height:0;padding:70px 20px 100px;overflow:visible;background:transparent;}
#boxContents #boxNoticeList{width:100%;}
#boxContents #boxNoticeList dl{margin:0 0 16px;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:16px;background:var(--color-card);box-shadow:0 4px 16px rgba(15,23,42,.035);transition:border-color .2s ease,box-shadow .2s ease;}
#boxContents #boxNoticeList dl:last-child{margin-bottom:0;}
#boxContents #boxNoticeList dl:hover,#boxContents #boxNoticeList dl.on{border-color:#bfdbfe;box-shadow:0 8px 24px rgba(37,99,235,.07);}

#boxContents #boxNoticeList dl dt{display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:76px;margin:0;padding:20px 28px;color:var(--color-title);font-size:1.15rem;font-weight:500;line-height:1.5;letter-spacing:-.025em;cursor:pointer;word-break:keep-all;}
#boxContents #boxNoticeList dl dt span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);font-size:19px;font-weight:400;}
#boxContents #boxNoticeList dl dt:after{content:"";justify-self:end;width:10px;height:10px;margin-right:4px;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(45deg) translateY(-3px);transition:transform .2s ease;}
#boxContents #boxNoticeList dl.on dt{color:var(--color-primary-dark);}
#boxContents #boxNoticeList dl.on dt:after{transform:rotate(225deg) translate(-2px,-2px);}

#boxContents #boxNoticeList dl dd{display:none;margin:0;padding:0 28px 28px 72px;background:var(--color-card);color:var(--color-text);font-size:1rem;line-height:1.8;text-align:left;word-break:keep-all;}
#boxContents #boxNoticeList dl.on dd{display:block;}
#boxContents #boxNoticeList dl dd:before{content:"";display:block;margin:0 0 24px;border-top:1px solid var(--color-border-light);}
#boxContents #boxNoticeList dl dd a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;}
#boxContents #boxNoticeList dl dd .faqImgWrap{margin-top:18px;}
#boxContents #boxNoticeList dl dd img{display:block;width:auto;max-width:100%;height:auto;margin:0;border-radius:10px;}

@media(max-width:768px){
	#boxContents #boxNotice{padding:1.5rem 0;}
	#boxContents #boxNoticeList dl{margin-bottom:10px;border-right:0;border-left:0;border-radius:0;box-shadow:none;}
	#boxContents #boxNoticeList dl:hover,#boxContents #boxNoticeList dl.on{box-shadow:none;}
	#boxContents #boxNoticeList dl dt{grid-template-columns:26px minmax(0,1fr) 18px;gap:9px;min-height:64px;padding:16px 15px;font-size:14px;line-height:1.55;}
	#boxContents #boxNoticeList dl dt span{width:26px;height:26px;font-size:16px;}
	#boxContents #boxNoticeList dl dt:after{width:8px;height:8px;margin-right:3px;}
	#boxContents #boxNoticeList dl dd{padding:0 15px 20px 50px;font-size:13px;line-height:1.75;}
	#boxContents #boxNoticeList dl dd:before{margin-bottom:18px;}
	#boxContents #boxNoticeList dl dd .faqImgWrap{margin-top:14px;}
	#boxContents #boxNoticeList dl dd img{border-radius:7px;}
}