/* 기본 텍스트 스타일 */
.formmail_txt {}

/* 텍스트박스 스타일 */
.formmail_border {width:95%; height:30px; font-size:12px; font-family: 'Nanum Gothic'; border:1px solid #e5e5e5}
.formmail_border[name="mobile_no1"] {width:70px;}
.formmail_border[name="mobile_no2"] {width:70px;}
.formmail_border[name="mobile_no3"] {width:70px;}

/* 항목칸 스타일 */
.formmail_title_bgcolor {width:20%; padding:5px 0; background-color:#f5f5f5; font-family: 'Nanum Gothic'; font-size:13px; color:#555555; font-weight:bold; border-bottom:#e5e5e5 1px solid;}

/* 입력칸 스타일 */
.formmail_cell_bgcolor {width:85%; background-color:#FFFFFF; font-size:12px; font-family: 'Nanum Gothic'; color:#545454; padding:8px 10px 8px 20px; border-bottom:#e5e5e5 1px solid;}

/* 텍스트에어리어 스타일 */
.formmail_textarea_style {width:95%; font-size:12px; font-family:'Noto Sans KR'; color:#555555; border:1px solid #e5e5e5;}
.table_board { width:100%; border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; border-left:1px #e5e5e5 solid; text-align:left;}
.table_board td  { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid;}


/* 신청하기 버튼 */
.formmail-submit-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin : 0 0 7px 0;
  width: 200px;           /* 이미지 기준 가로 */
  height: 65px;           /* 이미지 기준 세로 */


  background-color: #DA4E7D; /* 신청하기 버튼 배경색 */
  color: #fff !important;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;         /* flex로 가운데 맞추니까 1로 두면 돼 */


  border: 0;
  border-radius: 0;       /* 이미지가 딱 직사각형이면 0 */
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  cursor: pointer;
  transition: all .15s ease;
  pointer-events: auto;
}


/* hover 시: 살짝 밝게 */
.formmail-submit-btn:hover {
  filter: brightness(1.07);
  box-shadow: 0 4px 10px rgba(0,0,0,0.22);
}


/* 안의 텍스트 span들 */
.formmail-submit-btn .label-default {
  display: inline-block;
}
.formmail-submit-btn .label-sending {
  display: none;
}

/* active (마우스로 꾹 누르는 순간) */
.formmail-submit-btn:active {
  transform: translateY(1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}



/* 전송 중 상태 (JS에서 class 추가) */
.formmail-submit-btn.sending {
  background-color: #6c757d;


  color: #fff;
  box-shadow: none;
  cursor: default;
  pointer-events: none; /* 다시 못 누르게 */
  position: relative;
  transform: none;
}


/* 전송 중일 때는 '신청하기' 숨기고 '전송 중...'만 보여줘 */
.formmail-submit-btn.sending .label-default {
  display: none;
}
.formmail-submit-btn.sending .label-sending {
  display: inline-block;
}






.formmail-btn-area {
  display: flex;
  justify-content: center;   /* 가로 가운데 정렬 */
  align-items: center;       /* 세로 중앙 맞춤 ← 이게 핵심 */
  gap: 10px;                 /* 버튼 사이 간격 */
  flex-wrap: wrap;
  font-family: 'Nanum Gothic', 'Noto Sans KR', sans-serif;
}