@charset "utf-8";

/* =========================================================
   MOBILE (max-width: 768px)
   세 페이지 공통: PC 스타일을 덮어쓰는 용도
   ========================================================= */

@media (max-width: 768px) {

  /* ---------------------------------
     1) 헤더 / 타이틀
     --------------------------------- */
  #pub-title {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #pub-title .pub-logo,
  #pub-title .pub-info {
    max-width: 80px;
  }

  /* ---------------------------------
     2) 월간 캘린더
     --------------------------------- */
  .nb-monthly-wrap {
    padding: 20px 20px;
  }
  .nb-monthly-header {
    max-width: none;
    padding: 0 5px;
  }
  .nb-monthly-body {
    max-width: none;
  }
  .nb-monthly-week {margin-bottom:6px;}
  .nb-monthly-dow {color:#aaa;}
  .nb-monthly-day {
    padding: 8px 4px;
  }
  .nb-monthly-date {
	font-size:1.3rem;
	color:#f5f5f5;
  }

  /* ---------------------------------
     3) 주간 캘린더
     --------------------------------- */
  .nb-weekly-wrap .nb-weekly-days {
    padding: 12px 10px;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
  }
  .nb-weekly-nav .nb-btn {
    font-size: 1rem;
  }
  .nb-weekly-day a {
    padding: 14px 6px 14px;
  }
  .nb-weekly-day .nb-dow {
    font-size: 0.9rem;
  }
  .nb-weekly-day .nb-date {
    font-size: 1.45rem;
    margin-top: 5px;
    letter-spacing: 0.02em;
  }
  .nb-weekly-day.is-selected .nb-date::after{
	width:35px; height:35px;
  }
  .nb-weekly-day .nb-icon {
    margin-top: 50px;
  }
  .nb-weekly-day .nb-icon i {
    font-size: 1rem;
  }

	.nb-weekly-day.is-today a::before {
	top:5px
	}
	
	
  /* ---------------------------------
     4) 공지 / 선택 날짜 / 이벤트 리스트
     --------------------------------- */
  .nb-notice-box .nb-notice-header {
    font-size: 1rem;
  }
  .nb-notice-title {
    font-size: 1.2rem;
  }
  .nb-selected-title {
    font-size: 1.1rem;
  }
  .nb-event-link {
    padding: 10px 12px;
  }
  .nb-event-title {
    font-size: 1.4rem;
  }
  .nb-event-desc {
    font-size: 1.1rem;
  }
  .nb-kv {
    font-size: 0.85rem;
  }
  .nb-kv p {
    margin-top: 0px;
    font-size: 1.1rem;
  }
  .nb-e-kv {
    font-size: 0.85rem;
  }
  .nb-e-kv p {
    margin-top: 0px;
    font-size: 1.1rem;
  }

  /* ---------------------------------
     5) 디테일 뷰
     --------------------------------- */
  .nb-detail-wrap {
    padding: 20px 8px;
  }
  .nb-detail-info {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2%;
	padding:15px 1%;
  }
  .nb-detail-info h4 {margin-bottom:15px;}
  .nb-d-kv {
    font-size: 1rem;
	margin-bottom:15px;
  }
  .nb-d-kv p {
	margin-top:0;
    font-size: 1.2rem;
  }
  .nb-ee-kv {
    justify-items: stretch;
	margin-top:0;
	}
  .nb-ee-kv p {
    margin-top:0;
  }
	
	.nb-detail-info.is-2-3 .nb-d-kv { flex: 1 0 auto; text-align:center; }
	.nb-detail-info.is-4 .nb-d-kv,
	.nb-detail-info.is-5 .nb-d-kv { flex: 0 0 32%; text-align:center;  }

  /* ---------------------------------
     6) VIEW 본문 / 댓글 글자 크기
     --------------------------------- */
  .rb_bbs_wrap #bo_v_con {
    font-size: 1.2rem;
	min-height:300px;
  }

  /* ---------------------------------
     7) WRITE 폼 레이아웃 (간단 그리드 조정)
     --------------------------------- */
  .rb_bbs_wrap .rb_inp_wrap ul li {
    margin-bottom: 12px;
  }
  /* 필요하면 grid-type / grid-buyin 등 세부 조정 여기서 추가 */

  /* ---------------------------------
     8) 모달
     --------------------------------- */
  .nb-modal__panel {
    margin: 6vh 5% 0;
  }
  
	.rb_bbs_wrap .rb_inp_wrap ul li {display:grid; flex-wrap:wrap; gap: 10px; grid-template-columns:1fr 1fr; align-items:center }
	.rb_bbs_wrap .rb_inp_wrap ul li div.grid-type {grid-column:1 / 3}
	.rb_bbs_wrap .rb_inp_wrap ul li div.grid-subject {grid-column:1 / -1}
	.rb_bbs_wrap .rb_inp_wrap ul li div.grid-buyin {grid-column:1 / 2}
	.rb_bbs_wrap .rb_inp_wrap ul li div.grid-prize {grid-column:2 / 3}
	.rb_bbs_wrap .rb_inp_wrap ul li div.grid-event {grid-column:1 / -1}
	.rb_bbs_wrap .rb_inp_wrap ul li div.grid-desc {grid-column:1 / -1}
	
	
}

@media (max-width: 1024px){
	.btns_gr_wrap {display:none;}
}