@charset "utf-8";

/* 공지사항 브리핑 ********************************************************************/

.briefing_guide{ width: 100%; background:#f4f5f7; padding: 25px 15px; box-sizing: border-box;}
.briefing_guide > div{max-width: 640px; margin: 0 auto; background: #ffffff; border-radius: 14px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); overflow: hidden;}

.briefing_tit{ display: flex; justify-content: space-between;align-items: center; background: #0f172a; color: #ffffff; padding: 20px;}
.briefing_tit > div:first-of-type{display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap;}
.briefing_tit .logo{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; background:url(https://static.apywa.io/images/web/notice/logo.png) top center no-repeat;}
.briefing_tit h1{font-size: 18px; margin: 0;}
.briefing_tit p{opacity: 0.8; font-size: 12px; margin: 0;}
.briefing_tit > div:nth-of-type(2){font-size: 12px; opacity: 0.9;}

.briefing_contents{padding: 20px;}
.briefing_contents *{margin: 0; padding: 0;}
.briefing_contents .info_box{ margin-bottom: 10px;}
.briefing_contents .info_box div{display: inline-block; padding: 4px 8px; background: #f1f5f9; border-radius: 999px; font-size: 12px; margin-bottom: 2px;}
.briefing_contents dl{margin-bottom: 20px; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden;}
.briefing_contents dl dt{font-size: 15px; background: #f9fafb; padding: 12px 14px; border-bottom: 1px solid #e5e7eb; font-weight: bold;}
.briefing_contents dl dd{padding: 20px;}
.briefing_contents dl dd > div{color: #6b7280; font-size: 13px;}
.briefing_contents table{width: 100%; border-collapse: collapse;text-align: center; margin-bottom: 10px; border:0; }
.briefing_contents table th{padding: 8px 6px; border:0; font-size: 13px; color: #374151; font-weight: bold; background: #fbfdff;}
.briefing_contents table tbody{border-top: 1px solid #eee; }
.briefing_contents table td{padding: 8px 6px; border:0; border-bottom: 1px solid #f1f1f1; font-size: 13px;}
.briefing_contents table td em{font-size: 12px; padding: 2px 6px; border-radius: 6px; background: #eef2ff; color: #4338ca; display: inline-block; font-style: normal;}
.briefing_contents table td strong{font-size: 15px;}
.briefing_contents table td p{color: #6b7280; font-size: 13px;}
.briefing_contents ul{display: flex; justify-content: space-between; gap:10px; list-style: none; margin-bottom: 10px;}
.briefing_contents ul li{flex: 1; border: 1px solid #eee; border-radius: 10px; padding: 12px;}

.briefing_contents .total{ font-size: 14px;}

.cta_box{margin-bottom: 20px; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px;}
.cta_box p{color: #6b7280; font-size: 13px; margin-bottom: 10px;}
.cta_box a{display: inline-block; padding: 10px 14px; background: #111827; color: #fff; border-radius: 10px; font-weight: bold; font-size: 13px;}

.copyright{color: #6b7280; font-size: 12px; text-align: center; padding: 20px 0;}

@media all and (max-width: 700px) {
.briefing_guide{ background:none; padding: 0px; padding-bottom: 10px;}	
.briefing_guide > div{max-width: auto; width: 100%; box-shadow: 0 0px 10px rgba(0,0,0,0.15);}

.briefing_contents ul{flex-direction: column;}
}

@media all and (max-width: 450px) {
.briefing_guide > div{box-shadow: none;}    
.briefing_tit{flex-direction: column; align-items: stretch;}
.briefing_tit > div:nth-of-type(2){width: 100%;text-align: right; margin-top: 5px;}
.briefing_tit h1{letter-spacing: -0.05em;}

.briefing_contents{padding: 15px 0;}
.briefing_contents dl dd{padding: 15px;}
.briefing_contents table th{white-space: nowrap; font-size: 11px;}
.briefing_contents table td{font-size: 12px;}
.briefing_contents table td strong{font-size: 14px;}

.copyright{padding: 10px 0;}
}