/* 
  Shinpo Board UI (Bootstrap 3.4 + AOS)
  Theme: Board area white background + black text (user request)
  Accent: gold
*/
:root{
  --bg:#ffffff;
  --panel:#ffffff;
  --panel2:#fafafa;
  --txt:#111111;
  --muted:rgba(17,17,17,.68);
  --line:rgba(17,17,17,.14);
  --gold:#caa24b;
  --gold2:#e2c070;
  --danger:#ff3b30;
} 

html,body{height:100%;}
body{
  background: var(--bg);
  color: var(--txt);
  font-family: "Noto Sans KR", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Links */
a{color:inherit;}
a:hover, a:focus{color: #8a6d1f; text-decoration:none;}

/* Navbar */
.navbar-brand{font-weight:900; letter-spacing:.06em;}
.navbar-board{
  background: rgba(255,255,255,.85);
  border:0;
  border-bottom: 1px solid var(--line);
  transition: background .25s ease, box-shadow .25s ease;
	
	
	
}
.navbar-board.navbar-scrolled{
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
  backdrop-filter: blur(8px);
}
.navbar-board .navbar-nav>li>a{
  color: rgba(17,17,17,.78);
  font-weight:700;
  letter-spacing:.03em;
}
.navbar-board .navbar-nav>li>a:hover{color:#111;}
.navbar-board .navbar-nav>li.active>a{
  background: transparent;
  color: #8a6d1f;
}
.navbar-board .navbar-toggle{border-color: rgba(17,17,17,.22);}
.navbar-board .navbar-toggle .icon-bar{background: rgba(17,17,17,.70);}

/* Page header */
.page-hero{
  padding: 120px 0 38px;
  position:relative;
  overflow:hidden;
  background: #fff;
	
	
	
}
.page-hero:before, .page-hero:after{
  content:"";
  position:absolute;
  left: -18%;
  top: 38px;
  width: 900px;
  height: 260px;
  border: 2px solid rgba(202,162,75,.28);
  border-radius: 300px;
  transform: rotate(-10deg);
}
.page-hero:after{
  left:auto;
  right:-20%;
  top: 76px;
  width: 780px;
  height: 240px;
  opacity:.7;
  transform: rotate(11deg);
}
.page-hero .kicker{
  color: rgba(138,109,31,.92);
  letter-spacing:.14em;
  font-weight:900;
}
.page-hero h1{
  margin:12px 0 12px;
  font-size:44px;
  font-weight:900;
  letter-spacing:.01em;
}
.page-hero .sub{
  color: var(--muted);
  line-height:1.9;
  max-width: 760px;
}
.gold-rule{
  width: 74px;
  height: 3px;
  background: var(--gold);
  margin: 14px 0 0;
}

/* Breadcrumb */
.breadcrumb{
  background: transparent;
  border-radius: 0;
  padding: 10px 0;
  margin: 0;
  color: rgba(17,17,17,.65);
}
.breadcrumb>li+li:before{color: rgba(17,17,17,.35);}

/* Panels */
.panel-dark{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}
.panel-dark .panel-heading{
  background: transparent;
  border-bottom: 1px solid var(--line);
  padding: 16px 18px;
	font-family: "Noto Sans KR"
}
.panel-dark .panel-title{
  font-weight:900;
  letter-spacing:.01em;
	font-family: "Noto Sans KR";
	
	
}
.panel-dark .panel-body{
  padding: 18px;
}
.panel-dark .panel-footer{
  background: transparent;
  border-top: 1px solid var(--line);
  padding: 14px 18px;
}

/* Board controls */
.board-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom: 12px;
}
.board-toolbar .left, .board-toolbar .right{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.board-count{
  color: rgba(17,17,17,.75);
  font-weight:700;
}
.board-count strong{color: #8a6d1f;}

/* Buttons */

.btn { border-radius: 10% !important; }

.btn-gold{
  background: var(--gold);
  border-color: rgba(0,0,0,.12);
  color: #111;
  font-weight:900;
  letter-spacing:.01em;
}
.btn-gold:hover, .btn-gold:focus{background: var(--gold2); color:#111;}
.btn-ghost{
  background: #fff;
  border: 1px solid rgba(17,17,17,.20);
  color: rgba(17,17,17,.88);
  font-weight:800;
}
.btn-ghost:hover{border-color: rgba(202,162,75,.55); color:#111;}

/* Table */
.table-board{
  margin: 0;
  color: rgba(17,17,17,.88);
}
.table-board>thead>tr>th{
  border-bottom: 1px solid var(--line);
  color: rgba(17,17,17,.70);
  letter-spacing:.03em;
  font-weight:900;
}
.table-board>tbody>tr>td{
  border-top: 1px solid rgba(17,17,17,.08);
  vertical-align: middle;
}
.table-board>tbody>tr:hover{
  background: rgba(202,162,75,.08);
}
.badge-notice{
  background: rgba(202,162,75,.18);
  color: #8a6d1f;
  border: 1px solid rgba(202,162,75,.28);
}
.title-link{
  display:inline-block;
  max-width: 100%;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.meta-small{color: rgba(17,17,17,.55); font-size: 12px;}

/* Pagination */
.pagination>li>a, .pagination>li>span{
  background: #fff;
  border: 1px solid rgba(17,17,17,.18);
  color: rgba(17,17,17,.74);
}
.pagination>li>a:hover{
  border-color: rgba(202,162,75,.55);
  color:#111;
}
.pagination>.active>a, .pagination>.active>span{
  background: rgba(202,162,75,.18);
  border-color: rgba(202,162,75,.45);
  color: #111;
}

/* View page */
.view-head{
  padding: 14px 0 18px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 18px;
}
.view-title{
  font-size: 28px;
  font-weight: 900;
  margin: 0 0 15px;
  letter-spacing:.01em;
}
.view-meta{
  display:flex;
  gap: 14px;
  flex-wrap:wrap;
  color: rgba(17,17,17,.62);
  font-size: 13px;
}
.view-content{
  color: rgba(17,17,17,.88);
  line-height: 1.95;
  font-size: 15px;
}
.view-content p{margin: 0 0 14px;}
.view-attach{
  border-top: 1px solid var(--line);
  margin-top: 18px;
  padding-top: 14px;
}
.attach-item{
  display:flex;
  gap:10px;
  align-items:center;
  padding: 8px 0;
  color: rgba(17,17,17,.78);
}
.attach-item i{color: rgba(138,109,31,.85);}

/* Prev/Next */
.pn{
  border-top: 1px solid var(--line);
  margin-top: 18px;
  padding-top: 14px;
}
.pn a{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(17,17,17,.08);
}
.pn .label{color: rgba(17,17,17,.50); font-weight:900; letter-spacing:.03em;}

/* Write form */
.form-control{
  background: #fff;
  border: 1px solid rgba(17,17,17,.18);
  color: rgba(17,17,17,.92);
}
.form-control:focus{
  border-color: rgba(202,162,75,.65);
  box-shadow: 0 0 0 3px rgba(202,162,75,.12);
}
.help-block{color: rgba(17,17,17,.55);}
.label-gold{
  background: rgba(202,162,75,.18);
  border: 1px solid rgba(202,162,75,.28);
  color: #8a6d1f;
}
.required:after{content:" *"; color: var(--danger); font-weight:900;}

/* Footer */
.footer{
  margin-top: 70px;
  padding: 26px 0;
  border-top: 1px solid var(--line);
  color: rgba(17,17,17,.62);
}
.footer .brand{
  font-weight:900;
  letter-spacing:.06em;
  color: rgba(138,109,31,.95);
}

/* Responsive */
@media (max-width: 991px){
  .page-hero{padding-top: 92px;}
  .page-hero h1{font-size: 36px;}
}
@media (max-width: 767px){
  .page-hero:before, .page-hero:after{display:none;}
  .page-hero h1{font-size: 30px;}
  .table-board>thead{display:none;}
  .table-board>tbody>tr{display:block; padding: 12px 0;}
  .table-board>tbody>tr>td{display:block; border:0; padding: 4px 0;}
  .meta-small{font-size: 12px;}
}