/* BASIC css start */
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	src: url('./woff2/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

.slowmarch { background: url('https://mothersall.img6.kr/event_notice/slowmarch/back_green.jpg') center top/100% repeat-y; margin: 0 33%; }
.slowmarch img { width: 100%; }
.slowmarch p, .slowmarch a { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif; word-break: keep-all; }

.slow-start-zone { background: #f1e8d7 url('https://mothersall.img6.kr/event_notice/slowmarch/back_red.jpg') center/cover no-repeat; padding: 3% 0; }
.gobugi { position: absolute; width: 22% !important; z-index: 2; }
.cheergo { top: -7%; right: 8%; }
.giftgo { bottom: -5%; left: 1.5%; }

.howtoget { }
.howtoget > .noti { background: #f3f4ec; border: 3px solid #d0dd69; border-radius: 9px; padding: 7% 10%; margin: 0 5%; }
.howtoget > .noti p { font-size: 1.25em; line-height: 1.5em; font-weight: 500; margin-bottom: 5%; }
.title { padding: 20% 0 5%; }


.swiper-container { }

.swiper-slide { padding: 2%; margin-left: -3.5%; }
.swiper-slide > img { }


.board-checklist {
  background: url("https://mothersall.img6.kr/event_notice/slowmarch/back_board.png") center/contain no-repeat; padding: 4% 10% 10%;
}

/* 체크박스 숨김 */ input[type="checkbox"], input[type="radio"] { display: none; }

.board-checklist > .addinfo_inputs + label{ margin-left: 15%;
  display: flex;
  align-items: flex-start;   /* 여러 줄일 때 윗줄 기준 정렬 */
  gap: 1px;
  cursor: pointer;
  font-size: 1.25em;
  line-height: 34px;
  font-weight: 500;
}

/* 체크 전 이미지 */
.board-checklist > .addinfo_inputs + label::before {
  content: "";
  width: 34px;
  height: 34px;
  flex-shrink: 0;

  background: url("https://mothersall.img6.kr/event_notice/slowmarch/check_before.png") center/100% no-repeat;
  margin-top: 2px;
}

/* 체크되면 이미지 교체 */
.board-checklist > .addinfo_inputs:checked + label::before {
  background-image: url("https://mothersall.img6.kr/event_notice/slowmarch/check_after.png");
}


.write-guide { color: #fff; font-family: 'SchoolSafetyNotification' !important; font-size: 1.65em; line-height: 1.35em; margin: 5% 0; text-align: center; }

.option-book { text-align: center; margin: 0 5%;
  align-items: center;
  justify-content: center;
  }
.option-book > .addinfo_inputs[type="radio"] + label{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3% 6%; margin: 0 1%; border-radius: 12px;
  color: #fff; font-weight: 600; font-size: 1.25em; line-height: 1;
}

/* 4개가 줄바꿈 안 되게(부모가 좁으면 줄바꿈될 수 있음) */
.option-book > .addinfo_inputs[type="radio"] + label{  transition: transform 0.2s ease-in-out; 
  white-space: nowrap;
}

/* 각각 색상(현재 id 기준으로 지정) */
#tmp_board_ai10 + label{ background: #c35138; border: 2px solid #c35138; } /* 사랑 - 빨강 */
#tmp_board_ai11 + label{ background: #3873c3; border: 2px solid #3873c3; } /* 자유 - 파랑 */
#tmp_board_ai12 + label{ background: #d79728; border: 2px solid #d79728; } /* 여유 - 노랑 */
#tmp_board_ai13 + label{ background: #ba50be; border: 2px solid #ba50be; } /* 방향 - 보라 */

/* 선택된 상태 */ input[type="radio"]:checked + label { border: 2px solid #fff !important; }

.slowmarch-btn { padding: 5% 5% 20%; }
.slowmarch-btn a, .login, .write { font-size: 1.5em; font-weight: 700; border-radius: 12px; padding: 7% 0; width: 100%; display: inline-block; /* box-sizing: border-box;*/ text-align: center; }
.login { background: #ffdb33; color: #000; }
.write { background: #538e5c; color: #fff; }


.ps { background: #f6f7b5; color: #223a10; font-size: 1.15em; line-height: 1.5em; padding: 5% 7%; margin: 7% 0; font-weight: 500; text-align: center; }

.bbs-table-write { border: none; }
.bbs-table-write tbody td { padding: 0; border: none; }

.txt-input1 {
    padding: 0;
    height: auto;
    line-height: normal;
    border: none;
}

.MS_input_txt { display: inline-block; margin: 3% 5%; width: 80% !important; padding: 5%; height: 6vw; border: none; border-radius: 12px; background: #f3f4ec; border: 2px solid #d9e167;
    font-size: 1.25em; line-height: 1.5em; 
    font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    }
    

/* BASIC css end */