@charset "utf-8";

#content span, 
#content p,
#content div {
	font-size:16px; 
}

.header > .logo-item {
	width:200px; 	
}
.header > .logo-item img {
	
}
.header > h1 img {
    vertical-align: middle;
    max-height: 60px;
}

.fixed_header .header_wrap.shrink .gnb > ul > li > a, 
.gnb > ul > li > a {
	padding: 0 10px !important; color:#000; font-size:18px; 
}

.f_info_area {
	display:none; } 
.copyright {
	text-align:center; }

.board_list .title a {
	font-size:16px; }
#fo_insert_member {
	padding-top:20px; }

@media all and (max-width: 779px) {
	.gnb > ul > li > a {
		margin-bottom:6px !important; font-size:15px; 
	}
	#content {
		width:94%; padding-left:3%; padding-right:3%; 
	}
} 



  /* ---- 기본값 / 커스텀 ---- */
  :root{
    --gap: 16px;     /* 칸 사이 간격 */
    --maxw: 1200px;  /* 최대 폭 */
  }

  .r-container{
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 0 16px;
  }

  /* ---- 핵심: 자동 반응형 그리드 ---- */
  .r-grid{
    display: grid;
    grid-template-columns: 1fr;   /* 모바일 1열 */
    gap: var(--gap);
    align-items: start;           /* 카드 높이 자동 */
  }

  /* ---- 프리셋: 원하는 최대 열 수 지정 ---- */
  /* .r-cols-2 / .r-cols-3 / .r-cols-4 중 선택 */
  @media (min-width: 600px){
    .r-grid.r-cols-2{ grid-template-columns: repeat(2, 1fr); }
    .r-grid.r-cols-3{ grid-template-columns: repeat(2, 1fr); } /* 태블릿에서 2열 */
    .r-grid.r-cols-4{ grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 900px){
    .r-grid.r-cols-3{ grid-template-columns: repeat(3, 1fr); } /* 데스크탑에서 3열 */
    .r-grid.r-cols-4{ grid-template-columns: repeat(3, 1fr); }
  }
  @media (min-width: 1200px){
    .r-grid.r-cols-4{ grid-template-columns: repeat(4, 1fr); } /* 데스크탑 큰 화면 4열 */
  }

  /* ---- 카드 스타일(선택) ---- */
  .r-card{
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 10px rgba(0,0,0,.06);
  }
  .r-card h3{ margin: 0 0 8px; font-size: 1.1rem; }
  .r-card p{ margin: 0; line-height: 1.55; }

  /* 이미지가 들어가면 꽉 차게 */
  .r-card img{ width:100%; height:auto; display:block; border-radius:10px; }