/* 怨듯넻 */

.board-wrap {width: 100%; margin: 0 auto; padding: 20px 0; overflow: hidden; text-align: center; position: relative;}
.board-wrap .board-title {font-size: 38px; font-weight: bold; margin-bottom: 10px;}

.board-wrap .search-box {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 35px;
  flex-wrap: wrap;
}

/* SELECT */
.board-wrap .search-box select {
  border: 1px solid #ccc;
  width: 130px;
  height: 42px;
  font-size: 15px;
  color: #333;
  padding: 0 12px;
  border-radius: 8px;
  background-color: #fff;
  background-image: url(/MartieBusan_common/images/homepage/board/search-box-select.png);
  background-position: right 12px center;
  background-repeat: no-repeat;
  appearance: none;
  transition: all 0.2s ease;
}

/* INPUT */
.board-wrap .search-box input {
  border: 1px solid #ccc;
  width: 260px;
  height: 42px;
  font-size: 15px;
  color: #333;
  padding: 0 14px;
  border-radius: 8px;
  background-color: #fdfdfd;
  transition: all 0.2s ease;
}

/* BUTTON */
.board-wrap .search-box .btn_search {
  width: 48px;
  height: 42px;
  border-radius: 8px;
  background-color: #00314a;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.board-wrap .search-box .btn_search:hover {
  background-color: #a87a64;
}

/* 버튼 아이콘 (검색 돋보기) */
.board-wrap .search-box .btn_search span {
  display: block;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  background: url(/MartieBusan_common/images/homepage/board/search-box-search.png) center center no-repeat;
  background-size: 18px 18px;
}
.board-wrap .page_Num {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 50px;
  flex-wrap: wrap;
}

.board-wrap .page_Num a,
.board-wrap .page_Num strong {
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
  border-radius: 6px; /* ✅ 살짝만 둥글게 */
  border: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.03);
}

.board-wrap .page_Num a:hover,
.board-wrap .page_Num strong:hover {
  background-color: #eee;
  border-color: #bbb;
}

/* 현재 페이지 */
.board-wrap .page_Num a.thisPage {
  background-color: #00314a;
  color: #fff;
  font-weight: bold;
  border-color: #00314a;
}

/* 아이콘 버튼 공통 */
.board-wrap .page_Num strong.first,
.board-wrap .page_Num strong.prev,
.board-wrap .page_Num strong.next,
.board-wrap .page_Num strong.last {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
  text-indent: -9999px;
}

/* 아이콘 이미지 */
.board-wrap .page_Num strong.first  { background-image: url(/MartieBusan_common/images/homepage/board/paging_first.png); }
.board-wrap .page_Num strong.prev   { background-image: url(/MartieBusan_common/images/homepage/board/paging_prev.png); }
.board-wrap .page_Num strong.next   { background-image: url(/MartieBusan_common/images/homepage/board/paging_next.png); }
.board-wrap .page_Num strong.last   { background-image: url(/MartieBusan_common/images/homepage/board/paging_last.png); }



@media screen and (max-width: 970px) {
  .board-wrap .page_Num strong,
  .board-wrap .page_Num a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    background-size: 12px auto;
  }
}

	

/* 怨듭��ы빆 由ъ뒪��*/
/* 테이블 전체 */
.board-wrap .notice-list {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

/* 헤더 */
.board-wrap .notice-list thead {
  border-top: 3px solid #00314a;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f7fcfe;
}

.board-wrap .notice-list thead th,
.board-wrap .notice-list thead td {
  height: 55px;
  font-size: 17px;
  letter-spacing: -0.4px;
  color: #333;
  font-weight: 600;
  text-align: center;
  padding: 0 10px;
}

/* 본문 셀 */
.board-wrap .notice-list tbody th,
.board-wrap .notice-list tbody td {
  height: 65px;
  font-size: 15px;
  border-bottom: 1px solid #ececec;
  color: #555;
  text-align: center;
  padding: 0 10px;
  vertical-align: middle;
  background-color: #fff;
  transition: background-color 0.2s ease;
}

/* 제목만 왼쪽 정렬 + 살짝 강조 */
.board-wrap .notice-list tbody td.title {
  text-align: left;
  padding-left: 16px;
  font-weight: 500;
  color: #222;
}

/* 날짜 */
.board-wrap .notice-list tbody td.day {
  color: #888;
  font-size: 14px;
}

/* 공지 아이콘 */
.board-wrap .notice-list tbody td span.icon_notice {
  display: inline-block;
  width: 23px;
  height: 21px;
  background: url(/MartieBusan_common/images/homepage/board/notice.png) center center no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
  text-indent: -9999px;
}

/* 데이터 없음 셀 */
tbody td.nodata {
  padding: 60px 0;
  text-align: center;
  color: #888;
  background-color: #f9f9f9;
  font-size: 15px;
}
tbody td.nodata p {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}

/* 마우스 호버 시 부드러운 배경 효과 */
.board-wrap .notice-list tbody tr:hover {
  background-color: #fdf6f2;
}

/* 湲�낫湲�*/
.board-wrap .board-view {
  width: 100%;
  margin-top: 50px;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

/* 상단 제목 행 */
.board-wrap .board-view thead tr:first-child td {
  border-top: 2px solid #00314a;
  border-bottom: 1px solid #ececec;
  padding: 26px 30px;
  font-size: 22px;
  font-weight: 600;
  color: #222;
}

/* 날짜 & 다운로드 영역 */
.board-wrap .board-view thead tr td {
  text-align: left;
  border-bottom: 1px solid #ececec;
  padding: 18px 30px;
  color: #777;
  font-size: 15px;
  background-color: #fcfcfc;
}

.board-wrap .board-view thead tr .day {
  font-size: 16px;
  display: inline-block;
  float: left;
  color: #888;
}

.board-wrap .board-view thead tr .download {
  font-size: 15px;
  display: inline-block;
  margin-left: 25px;
  padding-left: 30px;
  border-left: 1px solid #ddd;
  color: #666;
}

.board-wrap .board-view thead tr .download strong {
  margin-right: 8px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(/MartieBusan_common/images/homepage/board/download.png) no-repeat;
  background-size: 16px;
}

/* 본문 */
.board-wrap .board-view tbody {
  text-align: left;
}

.board-wrap .board-view tbody tr td {
  padding: 20px 30px;
  border-bottom: 1px solid #eee;
  font-size: 15px;
  color: #444;
  line-height: 1.8;
  background-color: #fff;
}

.board-wrap .board-view tbody tr td.content {
  padding: 60px 30px;
  background-color: #fffdfb;
}

.board-wrap .board-view tbody tr td.content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* 링크 및 구분선 */
.board-wrap .board-view tbody tr td strong {
  display: inline-block;
  padding-right: 15px;
  color: #555;
}
.board-wrap .board-view tbody tr td strong:after {
  content: '';
  width: 1px;
  height: 14px;
  background: #ddd;
  display: inline-block;
  margin-left: 18px;
  vertical-align: middle;
}
.board-wrap .board-view tbody tr td a {
  color: #00314a;
}
.board-wrap .board-view tbody tr td a:hover {
  text-decoration: underline;
}

/* 버튼 영역 */
.board-wrap .list-bt {
  display: inline-block;
  float: right;
  margin-top: 40px;
}
.board-wrap .list-bt.nfr {
  float: none;
}
.board-wrap .list-bt a {
  display: inline-block;
  width: 140px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #ccc;
  font-size: 15px;
  text-align: center;
  margin-left: 8px;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.2s;
}
.board-wrap .list-bt a:hover {
  background-color: #f9f9f9;
}

/* 작성 버튼 */
.board-wrap .write-bt {
  position: absolute;
  right: 0;
  bottom: 20px;
}
.board-wrap .write-bt a {
  display: inline-block;
  width: 160px;
  height: 48px;
  line-height: 48px;
  background: #00314a;
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  text-align: center;
  transition: background-color 0.2s;
}
.board-wrap .write-bt a:hover {
  background-color: #a87a64;
}

/* 전송 버튼 (예: 문의폼 확인 버튼) */
.board-wrap .send-bt {
  display: inline-block;
  margin-top: 40px;
}
.board-wrap .send-bt a {
  display: inline-block;
  width: 160px;
  height: 48px;
  line-height: 48px;
  border: none;
  background: #00314a;
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  text-align: center;
  transition: background-color 0.2s;
}
.board-wrap .send-bt a:hover {
  background-color: #a87a64;
}


@media screen and (max-width:970px){
	.board-wrap .search-box {margin-top: 30px; display: block;}
	.board-wrap .search-box select {width: 60px; height: 35px; line-height: 32px; background-position: 37px center; font-size: 12px; padding: 0 5px;}
	.board-wrap .search-box input {width: 50%; height: 35px; line-height: 32px; font-size: 12px; padding: 0 5px;}
	.board-wrap .search-box .btn_search {outline: none; width: 35px; height: 35px; background: #3d3d3d; vertical-align: top;}
	.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 35px; height: 35px; background: url(/MartieBusan_common/images/homepage/board/search-box-search.png) center center no-repeat;}

	.board-wrap .notice-list thead {display: none;}
	.board-wrap .notice-list tbody {border-top: 1px solid #26252b;}
	.board-wrap .notice-list thead th, .board-wrap .notice-list tbody td {line-height: 21px; height: 60px; font-size: 15px;}
	.board-wrap .notice-list tbody td.title {padding-left: 7px;}
	.board-wrap .notice-list tbody td.title span {display: block;}
	.board-wrap .notice-list tbody td.number {width: 10%;}
	.board-wrap .notice-list tbody td.day {display: none;}


	.board-wrap .board-view {margin-top: 30px;}	
	.board-wrap .board-view thead tr:first-child td {padding: 20px 10px; font-size: 18px;}
	.board-wrap .board-view thead tr td {padding: 15px 10px;}
	.board-wrap .board-view thead tr .day {font-size: 15px;}
	.board-wrap .board-view thead tr .download {font-size: 14px; padding-left: 18px;}
	.board-wrap .board-view tbody tr td {font-size: 13px; padding: 20px 10px;}
	.board-wrap .board-view tbody tr td.content {padding: 30px 10px;}
	.board-wrap .board-view tbody tr td strong {padding-right:2px;}
	.board-wrap .board-view tbody tr td strong:after {margin-left:5px;}
	.board-wrap .list-bt,.board-wrap .send-bt {margin-top: 30px;}
	.board-wrap .list-bt a, .board-wrap .send-bt a, .board-wrap .write-bt a {width: 130px; height: 45px; line-height: 45px; font-size: 15px;}
	.board-wrap .write-bt {position: relative; text-align: right; margin-top: 20px; bottom: inherit;}
}

@media screen and (max-width:470px){
	.board-wrap .board-view {table-layout: fixed;}
	.board-wrap .board-view thead tr .day {display: block; padding-right: 0;}
	.board-wrap .board-view thead tr .download {display: block; margin-left: 0; padding-left: 0; border-left: 0; margin-top: 8px;}
	.board-wrap .board-view thead tr .download > a {width: 100%; margin-right: 0;}
	.board-wrap .board-view thead tr .download > a > span {width: calc(100% - 30px); overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow:ellipsis; vertical-align: middle;}
}

/* FAQ */

/* FAQ */
.board-wrap .faqList {
  border-top: 3px solid #00314a; /* 따뜻한 톤 */
}

/* 질문 박스 */
.board-wrap .faqList ul li {
  font-size: 16px;
  width: 100%;
  overflow: hidden;
  line-height: 75px;
  border-bottom: 1px solid #eee;
  text-align: left;
  color: #333;
  background-color: #fff;
  transition: background-color 0.2s ease;
}

/* Q 제목 라인 */
.board-wrap .faqList ul li .tit {
  margin: 0 30px;
  display: block;
  background: url(/MartieBusan_common/images/homepage/board/faq_open.png) right center no-repeat;
  background-size: 18px;
  cursor: pointer;
  transition: font-weight 0.2s;
}

.board-wrap .faqList ul li .tit:before {
  content: 'Q';
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #b9b9b9;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  margin-right: 20px;
  font-weight: 600;
}

/* 열린 질문 강조 */
.board-wrap .faqList ul li.open .tit {
  font-weight: 700;
  background: url(/MartieBusan_common/images/homepage/board/faq_close.png) right center no-repeat;
  background-size: 18px;
}

.board-wrap .faqList ul li.open .tit:before {
  background: #00314a;
}

/* 답변 영역 */
.board-wrap .faqList .answer {
  border-top: 1px solid #eee;
  display: none;
  line-height: 1.8;
  font-size: 15px;
  color: #555;
  padding: 30px 70px 30px 130px;
  position: relative;
}

.board-wrap .faqList .answer:before {
  content: 'A';
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #00314a;
  color: #00314a;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  margin-right: 20px;
  position: absolute;
  left: 80px;
  font-weight: 600;
}

@media screen and (max-width: 768px) { 
  .board-wrap .faqList ul li {
    line-height: 60px;
    font-size: 15px;
  }

  .board-wrap .faqList ul li .tit {
    margin: 0 10px;
    background-size: 14px;
  }

  .board-wrap .faqList ul li.open .tit {
    background-size: 14px;
  }

  .board-wrap .faqList ul li .tit:before {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 13px;
  }

  .board-wrap .faqList .answer {
    padding: 20px 40px 20px 60px;
    font-size: 14px;
  }

  .board-wrap .faqList .answer:before {
    left: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 13px;
  }
}



/*�꾨줈紐⑥뀡&�대깽*� */
.event-list {
  margin-top: 50px;
  width: 100%;
  overflow: hidden;
  text-align: left;
  letter-spacing: -0.5px;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

.event-list ul li {
  position: relative;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2.5%;
  float: left;
  overflow: hidden;
  border: 1px solid #ececec;
  background-color: #fff;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.event-list ul li:hover {
  transform: translateY(-6px); /* 살짝 위로 띄움 */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); /* 그림자 부드럽게 */
  border-color: #e8d9cd; /* 선 색도 살짝 바꿔줌 */
}

.event-list ul li:hover img {
  transform: scale(1.03); /* 이미지 살짝 확대 */
  transition: transform 0.3s ease;
}
.event-list ul li img {
  transition: transform 0.3s ease;
}


.event-list ul li:nth-child(4n) {
  margin-right: 0;
}

.event-list ul li a {
  width: 100%;
}

/* 상태 뱃지 */
.event-list ul li span.state {
  z-index: 9;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #00314a;
  font-size: 13px;
  color: #fff;
  border-radius: 20px;
  font-weight: 500;
}

/* 종료 이벤트 처리 */
.event-list ul li.end img,
.event-list ul li.end strong,
.event-list ul li.end span.day {
  filter: grayscale(0.5);
  opacity: 0.4;
}
.event-list ul li.end span.state {
  background: #999;
}

/* 이미지 */
.event-list ul li .event-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}

.event-list ul li .event-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
  margin-left: 50%;
  object-fit: cover;
}

/* 이미지 호버 오버레이 */
.event-list ul li .event-image span {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 36px;
  display: none;
}
.event-list ul li .event-image:hover span {
  display: block;
}
.event-list ul li.end .event-image:hover span {
  display: none;
}

/* 제목 */
.event-list ul li strong {
  padding: 25px 0;
  margin: 0 20px;
  display: block;
  border-bottom: 1px solid #f0e9e4;
  color: #222;
  font-size: 16.5px;
  font-weight: 600;
  min-height: 100px;
}

/* 날짜 */
.event-list ul li span.day {
  padding: 18px 0;
  margin: 0 20px;
  color: #999;
  font-size: 14.5px;
}

/* 텍스트 박스 */
.event-list ul li .txt_box {
  padding: 25px 0;
  margin: 0 20px;
  border-bottom: 1px solid #f0e9e4;
}
.event-list ul li .txt_box p.strong {
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 700;
  color: #323232;
  font-size: 16.5px;
  line-height: 1.5;
}

/* 갤러리형 이미지 */
.event-list ul li .event-image.gal {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  overflow: hidden;
}
.event-list ul li .event-image.gal img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
  margin-left: 50%;
}

/* 갤러리 텍스트 구분선 제거 */
.event-list.gal ul li strong {
  border-bottom: 0;
}

/* 데이터 없음 */
ul li.nodata_g {
  width: 100% !important;
  text-align: center !important;
  padding: 60px 0 !important;
  cursor: auto !important;
  border: 1px dashed #ccc;
  border-radius: 10px;
}
ul li.nodata_g p {
  margin-top: 10px;
  color: #999;
}



@media screen and (max-width: 1200px){
	.event-list ul li strong {padding: 20px 0; font-size: 15px;}
	.event-list ul li span.day {padding: 15px 0; font-size: 14px;}
}

@media screen and (max-width: 1024px){
	.event-list ul li {width: 24.25%; margin-right: 1%;}
}

@media screen and (max-width: 970px){
	.event-list ul li strong {padding: 15px 0; margin: 0 12px; font-size: 14px;}
	.event-list ul li span.day {padding: 12px 0; margin: 0 12px; font-size: 13px;}
}

@media screen and (max-width: 768px){
	.event-list ul li {width: 48.5%; margin-right: 3%; margin-bottom: 3.5%;}
	.event-list ul li:nth-child(2n) {margin-right: 0;}	
}

@media screen and (max-width: 400px){
	.event-list ul li {width: 100%; margin-right: 0;  margin-bottom: 5%;}
	.event-list ul li strong {padding: 20px 0; margin: 0 20px; font-size: 15px;min-height: auto;}
	.event-list ul li span.day {padding: 15px 0; margin: 0 20px; font-size: 14px;}
	.event-list.gal ul li .event-image img {width:100%;}
}


/* QNA */

.board-privacy {
  margin-top: 50px;
  color: #555;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

.board-privacy-box {
  width: 100%;
  height: 230px;
  border: 1px solid #ddd;
  background: #fefefe;
  padding: 40px 50px;
  overflow-y: auto;
  font-size: 15px;
  text-align: left;
  margin-bottom: 25px;
  border-radius: 8px; /* ✅ 모서리 부드럽게 */
  line-height: 1.6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.board-privacy-agree {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

/* 기본 체크박스 숨김 */
.board-privacy input[type="checkbox"] {
  display: none;
}

/* 체크박스 스타일 */
.board-privacy input[type="checkbox"] + label {
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.board-privacy input[type="checkbox"] + label strong {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1.5px solid #bbb;
  border-radius: 6px; /* ✅ 모서리 둥글게 */
  margin-right: 10px;
  background-color: #fff;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.board-privacy input[type="checkbox"]:checked + label strong {
  background-color: #00314a;
  background-image: url(/MartieBusan_common/images/homepage/board/checked.png);
  background-repeat: no-repeat;
  background-position: center;
  border-color: #00314a;
}

/* 우측 설명 텍스트 */
.board-privacy span {
  position: absolute;
  right: 0;
  color: #00314a;
  font-size: 14px;
  letter-spacing: -0.5px;
  margin-top: 4px;
}




.qna-write {border-top: 3px solid #26252b; border-bottom: 1px solid #cccccc; margin-top: 50px; padding: 17px 0; color: #323232; font-size: 16px;}
.qna-write.npd {padding: 0;}
.qna-write li {text-align: left; padding: 10px 2.5%; width: 100%; overflow: hidden;}
.qna-write li > .tit {float: left; display: inline-block; width: 10%; font-size: 16px; letter-spacing: -1px; line-height: 40px;}
.qna-write li > .tit em {color: #ea072d; font-size: 25px; vertical-align: -9px; margin-left: 2px; height: 10px; display: inline-block;}
.qna-write li > .tit label {display: inline-block; line-height: 1.5em;}
.qna-write li > .con {float: left; width: 90%;}
.qna-write li > .con p {font-size: 14px; color: #666;}
.qna-write li > .con p.mgb {margin-bottom: 12px;}
.qna-write li > .con .text {padding-top: 8px; color: #666; line-height: 1.6;}
.qna-write li > .con .bt {min-width: 90px; text-align: center; line-height: 38px; height: 40px; font-size: 15px;}
.qna-write li > .con .mgl {margin-left: 8px;}
.qna-write li > .con .bk {color: #222;}
.qna-write li > .con .input-bt {overflow: hidden; width: 100%;}
.qna-write li > .con .input-bt input, .qna-write li .con .input-bt .bt {float: left;}
.qna-write li > .con .input-bt input {width: calc(100% - 75px)!important; margin-right: 5px;}
.qna-write li > .con .input-bt .bt {width: 70px; min-width: 70px;}
.qna-write.join li > .tit {width: 17%;}
.qna-write.join li > .con {width: 83%;}
.qna-write.join li > .not {color: #989797; font-size: 14px; margin-left: 15px;}
.qna-write li input,
.qna-write li select {
  font-size: 15px;
  border: 1px solid #ddd;
  height: 42px;
  padding: 0 14px;
  border-radius: 8px;           /* ✅ 살짝 둥글게 */
  background-color: #fdfdfd;    /* ✅ 살짝 밝은 배경 */
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); /* ✅ 안쪽 부드러운 그림자 */
}

.qna-write li input:focus,
.qna-write li select:focus {
  outline: none;
  border-color: #00314a;         /* ✅ 포커스 시 따뜻한 브라운 계열 */
  box-shadow: 0 0 0 3px rgba(197, 146, 126, 0.2); /* ✅ 포커스 부드러운 빛 번짐 */
}

.qna-write li input {
  width: 270px;
  border-radius: 8px;
}

.qna-write li input.mgr {
  margin-right: 10px;
}

.qna-write li .input-wrap label {margin-right: 10px; color: #666;}
.qna-write li .input-wrap.i2 input:first-child {margin-right: 5px;}
.qna-write li .mgt {margin-top: 5px;}
.qna-write li .email01 {width: 190px; margin-right: 5px;}
.qna-write li .at {text-align: center;}
.qna-write li .email02 {width: 220px;margin-left: 8px;}
.qna-write li .email03 {margin-left: 8px;}
.qna-write li select {width: 270px; background: url(/MartieBusan_common/images/homepage/board/faq_open.png) right 10px center no-repeat;}
.qna-write li.birth select {width: 130px; margin-right: 5px; background-position: right 10px center;}
.qna-write li textarea {
  width: 595px;
  height: 140px; /* 👉 기본 높이 조금 여유롭게 */
  border: 1px solid #ddd;
  border-radius: 8px; /* ✅ 둥근 모서리 */
  padding: 12px 14px;
  font-size: 15px;
  font-family: 'Noto Sans KR', 'Pretendard', sans-serif;
  background-color: #fdfdfd;
  line-height: 1.6;
  resize: vertical; /* ✅ 사용자가 늘릴 수 있게 */
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.qna-write li textarea:focus {
  outline: none;
  border-color: #00314a; /* ✅ 포커스 시 따뜻한 컬러 */
  box-shadow: 0 0 0 3px rgba(197, 146, 126, 0.2); /* 포커스 효과 */
}

.qna-write li input.titleInput {width: 595px;}
/* 공통 버튼 스타일 */
.send-bt a,
.send-bt button {
  display: inline-block;
  background-color: #26252b;
  color: #fff;
  font-size: 16px;
  padding: 12px 36px;
  border: none;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* hover 효과 */
.send-bt a:hover,
.send-bt button:hover {
  background-color: #444;
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
  .send-bt a,
  .send-bt button {
    width: 100%;
    font-size: 15px;
    padding: 12px 0;
  }
}

.qna-write li .select-wrap {width: 270px; overflow: hidden; vertical-align: middle;}
.qna-write li .select-wrap .select {float: left; width: 48.5%; margin-right: 3%;}
.qna-write li .select-wrap .select:nth-child(2n) {margin-right: 0;}
.qna-write li .select-wrap .select select {width: 100%;}
.qna-write li .people-wrap {overflow: hidden;}
.qna-write li .people-wrap .select-wrap {float: left;}
.qna-write li .people-wrap .refer {float: left; margin-left: 7px; margin-top: 10px; font-size: 14px;}
.qna-write li .radio-wrap {}
.qna-write li .radio-wrap.mgl {margin-left: 30px;}
.qna-write li .radio-wrap .radio {margin-right: 30px;}
.qna-write li .radio-wrap .radio:last-child {margin-right: 0;}
.qna-write li .radio-wrap .radio label {color: #666;}
.qna-write li .card-wrap {width: 100%;}
.qna-write li .card-wrap .ex, .qna-write li .card-wrap .num, .qna-write li .card-wrap .btw {float: left;}
.qna-write li .card-wrap .ex {width: 75px; font-size: 15px; line-height: 40px; color: #666;}
.qna-write li .card-wrap .num {/* width: calc(100% - 300px); */ margin-right: 10px; overflow: hidden;}
.qna-write li .card-wrap .num .input {float: left; width: calc(25% - 8px); max-width: 100px;}
.qna-write li .card-wrap .num .input:last-child {margin-right: 0;}
.qna-write li .card-wrap .num .ds {float: left; width: 16px; line-height: 40px; text-align: center;}
.qna-write li .card-wrap .btw {width: 187px; overflow: hidden;}
.qna-write li .card-wrap .btw .bt {margin-right: 7px; float: left;}
.qna-write li .card-wrap .btw .bt:last-child {margin-right: 0;}
.qna-write li .point-wrap {width: 100%; max-width: 260px; padding-top: 7px;}
.qna-write li .point-wrap .line {width: 100%; display: table; table-layout: fixed; overflow: hidden; word-break: break-all; margin-bottom: 15px;}
.qna-write li .point-wrap .line .kind {width: auto; display: table-cell; color: #222; font-size: 15px;}
.qna-write li .point-wrap .line .point {width: 100px; display: table-cell; text-align: right; color: #d11241; font-size: 16px; font-weight: 700;}
.qna-write li .list-style.mgt {margin-top: 25px;}
.qna-write li .list-style ul li {padding: 0!important; padding-left: 12px!important; font-size: 15px;/*  position: relative; color: #666; text-align: left; line-height: 1.6; margin-bottom: 2px; */}
.qna-write li .list-style ul li.n {padding-left: 0!important;}
.qna-write li .name-wrap {}
.qna-write li .name-wrap .name {margin-right: 12px;}
.qna-write li .name-wrap .name:last-child {margin-right: 0;}
.qna-write li .name-wrap .lang {margin-right: 7px;}
.qna-write li .name-wrap .input input {width: 220px;}

.qna-write .upload-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.qna-write .upload-label {display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; color: #fff; vertical-align: middle; background: #3d3d3d;
						cursor: pointer; margin-left: 5px;} 
.qna-write .upload-name {display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; 
			border-bottom-color: #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

@media screen and (max-width: 970px){
	.board-privacy-box {padding: 0 30px; font-size: 14px;}
	.board-privacy-agree .check-wrap .input {display: block; margin-right: 0; margin-bottom: 12px;}
	.board-privacy-agree .check-wrap .input:last-child {margin-bottom: 0;}
	/* .board-privacy span {position: relative; display: block; text-align: right;} */
	.qna-write li > .tit {width: 14%; font-size: 15px;}
	.qna-write li > .tit em {font-size: 22px; vertical-align: -7px;}
	.qna-write li > .con {width: 86%;}
	.qna-write li > .tit.mBlock, .qna-write li > .con.mBlock {float: none!important; width: 100%!important;}
	.qna-write.join li > .con {width: 83%;}
	.qna-write li > .con .text {font-size: 15px;}
	/* .qna-write li input {width: 38%;} */
	.qna-write li .email-wrap {overflow: hidden; width: 70%;}
	.qna-write li .email-wrap .email01, .qna-write li .email-wrap .email02, .qna-write li .email-wrap .at {float: left; margin: 0;}
	.qna-write li .email-wrap .email01 {width: 38%;}
	.qna-write li .email-wrap .at {width: 8%; line-height: 30px;}
	.qna-write li .email-wrap .email02 {width: 54%; margin-left: 0;}
	.qna-write li .email03 {width: 70%; margin-top: 8px; margin-left: 0;}
	.qna-write li textarea {width: 85%;}
	.qna-write li > .con textarea {width: 100%;}
	.qna-write li input.title {width: 85%;}	
	.qna-write li > .con input.title {width: 100%;}
	.qna-write li .radio-wrap {display: block; margin-top: 8px;}
	.qna-write li .radio-wrap.nmgt {margin-top: 0;}
	.qna-write li .radio-wrap.mgl {margin-left: 0;}	
	
	.qna-write li .card-wrap {margin-top: 12px;}
	.qna-write li .card-wrap .ex {display: none;}
	.qna-write li .point-wrap .line {margin-bottom: 10px;}
	.qna-write li .point-wrap .line .kind {color: #888;}
	
	.board-privacy span {position: relative; font-size: 13px; display: block; margin-top: 10px;}
}

@media screen and (max-width: 768px){
	
	.qna-write.join li > .tit {width: 24%;}
	.qna-write.join li > .con {width: 76%;}
	.qna-write.join li > .con input {width: 45%;}
	.qna-write.join li .not {font-size: 13px;}
	.qna-write li .input-wrap input {float: left;}
	.qna-write li .input-wrap input:last-child {margin-right: 0!important;}
	.qna-write li .input-wrap.i2 input {float: left; width: 49%; margin-right: 2%;}
	.qna-write li .select-wrap {overflow: hidden; width: 100%;}
	.qna-write li .select-wrap select {float: left;}
	.qna-write li .select-wrap select:last-child {margin-right: 0!important;}
	.qna-write li .select-wrap.s3 select {width: 32%; margin-right: 2%;}
	
	.qna-write li > .con .data-datepicker {width: 48.5%;}
	.qna-write li > .con .data-datepicker .input {width: 100%;}
	.qna-write li > .con .data-datepicker .input input {width: 100%;}
		
	.qna-write li .people-wrap {width: 100%;}
	.qna-write li .people-wrap .select-wrap .select {width: 100%; margin-bottom: 12px;}
	.qna-write li .people-wrap .refer{margin-top: 0; margin-left: 0; font-size: 13px;}
		
	.qna-write li .radio-wrap .radio label {font-size: 13px;}
	.qna-write li .card-wrap .num, .qna-write li .card-wrap .btw {display: block; float: none; width: 100%; clear: both;}
	.qna-write li .card-wrap .num {margin-right: 0;}
	.qna-write li .card-wrap .btw {margin-top: 12px;}
	
	.qna-write li .name-wrap .name {margin-right: 0; margin-bottom: 12px;}
	.qna-write li .name-wrap .name:last-child {margin-bottom: 0;}
	
	.qna-write li .list-style ul li {font-size: 13.5px;}
}


@media screen and (max-width: 640px){
	.board-privacy-box {margin-bottom: 15px; padding: 18px 22px; font-size: 13px;}
	.board-privacy input[type="checkbox"] + label {font-size: 14px;}
	.board-privacy input[type="checkbox"] + label strong {width: 20px; height: 20px;}
	
	.qna-write {font-size: 14px; margin-top: 30px;}
	.qna-write li {padding: 10px 0;}
	.qna-write li input, .qna-write li select {height: 35px; font-size: 13px; padding: 0 6px;}
	.qna-write li > .tit {font-size: 14px; line-height: 35px;}
	.qna-write li > .tit.email {height: 65px;}
	.qna-write li > .tit em {margin-left: 0;}
	.qna-write li > .con .text {font-size: 14px; padding-top: 6px;}
	.qna-write li > .con .bt {height: 35px; line-height: 35px; font-size: 13px; min-width: 80px;}
	.qna-write li select {display: block; width: 100%; background-size: 12px 7px;}
	.qna-write li.birth select {display: inline-block;}
	.qna-write li input {width: 100%;}
	.qna-write li input.email01 {margin-right: 0px; width: 30%;}
	.qna-write li input.email02 {margin-left: 3px;  width: 40%;}
	.qna-write li #selectEmail {margin-top: 2.5%;}
	.qna-write li .email-wrap {overflow: hidden; width: 100%;}
	.qna-write li .email-wrap .email01, .qna-write li .email-wrap .email02, .qna-write li .email-wrap .at {float: left;}
	.qna-write li .email-wrap .email01 {width: 35%!important;}
	.qna-write li .email-wrap .at {width: 8%; line-height: 30px; font-size: 12px;}
	.qna-write li .email-wrap .email02 {width: 57%!important; margin-left: 0;}
	.qna-write li .email03 {width: 100%; margin-top: 8px; margin-left: 0;}
	.qna-write li textarea {width: 83%;}
	.qna-write li input.title {width: 83%;}
	
	.qna-write li .radio-wrap {margin-top: 3px;}
	.qna-write li .card-wrap {margin-top: 8px;}
	.qna-write li .card-wrap .num {width: 100%;}
	.qna-write li .card-wrap .num .input {width: calc(25% - 12px); max-width: inherit;}
	.qna-write li .card-wrap .num .ds {line-height: 35px;}
	
	.qna-write li .name-wrap {width: 100%;}
	.qna-write li .name-wrap .name {width: 100%; display: table;}
	.qna-write li .name-wrap .name .lang {display: table-cell; margin-right: 0;}
	.qna-write li .name-wrap .name .input {display: table-cell;}
	.qna-write li .name-wrap .name .input input {width: 100%;}
}

@media screen and (max-width: 470px){
	.qna-write li > .con .data-datepicker {width: 100%;}
	
	.qna-write li > .tit em {font-size: 18px; vertical-align: -5px;}
	.qna-write li > .con p {font-size: 13px;}
	.qna-write.join li > .tit {width: 32%;}
	.qna-write.join li > .con {width: 68%;}
	.qna-write li > .con .mgl {margin-left: 0;}
	.qna-write li > .con #btnDup {margin-top: 8px;}
	.qna-write li > .con input, .qna-write li .con select {width: 100%;}
	.qna-write.join li > .con input, .qna-write.join li .con select {width: 100%;}
	.qna-write li .input-wrap.i2 input:first-child {margin-top: 0;}
	.qna-write li .input-wrap.i2 input {width: 100%; float: none; margin-top: 8px; margin-right: 0;}
	.qna-write li .select-wrap.s3 select {width: 100%; float: none; margin-top: 8px; margin-right: 0;}
	.qna-write li .radio-wrap .radio {margin-right: 0; display: block;}
	
	.qna-write li .point-wrap {max-width: 100%;}
	.qna-write li .point-wrap .line .kind {font-size: 13px; color: #888;}
	.qna-write li .point-wrap .line .point {font-size: 14px;}
}

@media screen and (max-width: 400px){
	.qna-write li > .tit {width: 21%;}
	.qna-write li > .con {width: 79%;}
	.qna-write li input.email01 {width: 35%;}
	.qna-write li input.email02 {width: 40%;}
	.qna-write li textarea {width: 78%;}
	.qna-write li input.title {width: 78%;}
}


/*
* loading bar
*/
#loadingOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
  z-index: 9999;
}

.loader {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #9a5a33; /* 컬러는 원하는 대로 */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;

  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}