.board-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 20px;
  overflow: hidden;
  text-align: center;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
  color: #4a4a4a;
  background-color: #fff;
}

.board-wrap .board-title {
  font-size: 36px;
  font-weight: 700;
  color: #2e2e2e;
  margin-bottom: 14px;
}

/* 검색박스 */
.board-wrap .search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
  margin-bottom: 35px;
  flex-wrap: wrap;
}

/* 셀렉트 */
.board-wrap .search-box select {
  border: 1px solid #e2e2e2;
  width: 130px;
  height: 44px;
  font-size: 15px;
  color: #5f5f5f;
  background: #ffffff url(/LavideAtlanHotel_common/images/homepage/board/search-box-select.png) 95% center no-repeat;
  background-size: 12px;
  padding: 0 12px;
  border-radius: 8px;
  appearance: none;
  transition: all 0.2s ease;
}

/* 인풋 */
.board-wrap .search-box input {
  border: 1px solid #e2e2e2;
  width: 270px;
  height: 44px;
  font-size: 15px;
  color: #444;
  padding: 0 14px;
  border-radius: 8px;
  transition: border-color 0.2s ease;
}
.board-wrap .search-box input:focus {
  border-color: #6F6F6F;
  outline: none;
}

/* 검색 버튼 */
.board-wrap .search-box .btn_search {
  width: 48px;
  height: 44px;
  background-color: #6F6F6F;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

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

.board-wrap .search-box .btn_search span {
  display: block;
  width: 48px;
  height: 44px;
  background: url(/LavideAtlanHotel_common/images/homepage/board/search-box-search.png) center center no-repeat;
  background-size: 18px;
  text-indent: -9999px;
}

.board-wrap .page_Num {display: inline-block; margin-top: 40px;}
.board-wrap .page_Num strong {float: left; margin: 0 3px; width: 36px; height: 35px; display: inline-block; text-indent: -9999px;}
.board-wrap .page_Num strong.first {background: url(/LavideAtlanHotel_common/images/homepage/board/paging_first.png) no-repeat;}
.board-wrap .page_Num strong.prev {background: url(/LavideAtlanHotel_common/images/homepage/board/paging_prev.png) no-repeat; margin-right: 20px;}
.board-wrap .page_Num strong.next {background: url(/LavideAtlanHotel_common/images/homepage/board/paging_next.png) no-repeat; margin-left: 20px;}
.board-wrap .page_Num strong.last {background: url(/LavideAtlanHotel_common/images/homepage/board/paging_last.png) no-repeat;}
.board-wrap .page_Num a {float: left; width: 36px; height: 35px; display: inline-block; line-height: 32px;}
.board-wrap .page_Num a.thisPage {border: 1px solid #989898; font-weight: bold;}


@media screen and (max-width:970px){
	/* .board-wrap {width: 90%;} */
	.board-wrap .board-title {font-size: 28px;}
		
	.board-wrap .page_Num strong {width: 25px; height: 24px; margin: 0 1px; background-size: cover !important;}
	.board-wrap .page_Num strong.prev {margin-right: 5px;}
	.board-wrap .page_Num strong.next {margin-left: 5px;}
	.board-wrap .page_Num a {width: 25px; height: 24px; font-size: 12px; line-height: 24px;}
}
	

/* 怨듭��ы빆 由ъ뒪��*/

.board-wrap .notice-list {width: 100%;}
.board-wrap .notice-list thead {border-top: 3px solid #26252b; border-bottom: 1px solid #bdbdbf;}
.board-wrap .notice-list thead th, .board-wrap .notice-list thead td {height: 55px; /* line-height: 55px; */ font-size: 17px; letter-spacing: -0.4px; color: #333333; font-weight: bold;}
.board-wrap .notice-list tbody th, .board-wrap .notice-list tbody td {height: 65px; /* line-height: 65px; */ border-bottom: 1px solid #bdbdbf; color: #666666;}
.board-wrap .notice-list tbody td.number {width: 12%;}
.board-wrap .notice-list tbody td.title {text-align: left; width: 68%; padding-left: 10px;}
.board-wrap .notice-list tbody td.day {width: 20%;}
/* 공지 아이콘 */
.board-wrap .notice-list tbody td span.icon_notice {
  display: inline-block;
  width: 23px;
  height: 21px;
  background: url(/LavideAtlanHotel_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;}
tbody td.nodata p {margin-top: 10px;}


/* 湲�낫湲�*/

.board-wrap .board-view {width: 100%; margin-top: 50px;}
.board-wrap .board-view thead tr:first-child td {border-top: 1px solid #26252b; border-bottom: 1px solid #e0e0e0; padding: 26px 30px; font-size: 22px; color: #000;}
.board-wrap .board-view thead tr td {text-align: left; border-bottom: 1px solid #e0e0e0; padding: 20px 30px; color: #525252;}
.board-wrap .board-view thead tr .day {font-size: 18px; font-weight: lighter; display: inline-block;}
.board-wrap .board-view thead tr .download {font-size: 16px; font-weight: lighter; display: inline-block; margin-left: 25px; padding-left: 30px; border-left: 1px solid #d4d3d5;}
.board-wrap .board-view thead tr .download a:hover span {text-decoration: underline;}
.board-wrap .board-view thead tr .download strong {margin-right: 8px; vertical-align: middle; width: 16px; height: 16px; display: inline-block; background: url(/LavideAtlanHotel_common/images/homepage/board/download.png) no-repeat;}

.board-wrap .board-view tbody {text-align: left;}
.board-wrap .board-view tbody tr td {padding: 20px 30px; border-bottom: 1px solid #e0e0e0;}
.board-wrap .board-view tbody tr td.content {padding: 70px 30px;}
.board-wrap .board-view tbody tr td.content.event {text-align: center;}
.board-wrap .board-view tbody tr td.content img {max-width: 100%;}
.board-wrap .board-view tbody tr td strong {display: inline-block; padding-right: 15px;}
.board-wrap .board-view tbody tr td strong:after {content: ''; width: 1px; height: 12px; background: #e0e0e0; display: inline-block; margin-left: 20px; }
.board-wrap .board-view tbody tr td a {color: #525252}
.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 a {display: inline-block; width: 160px; height: 50px; line-height: 50px; border: 1px solid #000; font-size: 18px; text-align: center;}


@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;vertical-align: top;}
	.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 35px; height: 35px; background: url(/LavideAtlanHotel_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;}
	.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;}
}


/* FAQ */

.board-wrap .faqList {border-top: 3px solid #26252b;}
.board-wrap .faqList ul li {font-size: 16px; width: 100%; overflow: hidden; line-height: 75px; border-bottom: 1px solid #dfdfdf; text-align: left; color: #323232;}
.board-wrap .faqList ul li .tit {margin: 0 30px; display: block; background: url(/LavideAtlanHotel_common/images/homepage/board/faq_open.png) right center no-repeat; cursor: pointer;}
.board-wrap .faqList ul li .tit:before {content: 'Q'; width: 30px; height: 30px; border-radius: 15px; background: #9c9c9c; color: #fff; display: inline-block;
										vertical-align: middle; line-height: 30px; text-align: center; font-size: 15px; margin-right:20px;}
.board-wrap .faqList ul li.open .tit {font-weight: bold; background: url(/LavideAtlanHotel_common/images/homepage/board/faq_close.png) right center no-repeat;}
.board-wrap .faqList ul li.open .tit:before {background: #26252b;}
.board-wrap .faqList .answer {border-top: 1px solid #dfdfdf; display: none; line-height: 25px; font-size: 15px; background: #f5f5f5; color: #777; padding: 30px 70px 30px 130px; position: relative;}
.board-wrap .faqList .answer:before {content: 'A'; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #26252b; color: #26252b; display: inline-block;
										vertical-align: middle; line-height: 30px; text-align: center; font-size: 15px; margin-right:20px; position: absolute; left: 80px;}


@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: 3%;}
	.board-wrap .faqList ul li.open .tit {background-size: 3%;}
	.board-wrap .faqList ul li .tit:before {margin-right: 10px; width: 24px; height: 24px; line-height: 24px; border-radius: 12px;}
	.board-wrap .faqList .answer {padding: 20px 40px 20px 60px; font-size: 13px;}
	.board-wrap .faqList .answer:before {left: 20px; width: 24px; height: 24px; line-height: 24px; border-radius: 12px;}
	
}


/*�꾨줈紐⑥뀡&�대깽�� */
/*�꾨줈紐⑥뀡&�대깽*� */
.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 #f0e9e4;
  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: #c5927e;
  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: rgba(0, 0, 0, 0.5) url(/Template01_common/images/homepage/board/image-view.png) center center no-repeat;
  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;
}

/* 날짜 */
.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;
  background: #fff;
  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;}
	.event-list ul li span.day {padding: 15px 0; margin: 0 20px; font-size: 14px;}
}


/* QNA */

/* 기본 폼 스타일 */
.qna-write {
  margin-top: 50px;
  padding: 24px 0;
  font-size: 16px;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
  color: #4a4a4a;
  border-top: 3px solid #d9b23d;
}

.qna-write li {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
  align-items: center;
}

/* 기본 필드 너비 조정 */
.qna-write li .con input,
.qna-write li .con select {
  width: 320px; /* 원하는 너비로 조정 */
}

/* 이메일 입력 각각 */
.qna-write .email-wrap input.email01 { width: 200px; }
.qna-write .email-wrap input.email02 { width: 200px; }
.qna-write .email-wrap select.email03 { width: 250px; }

/* 제목 입력 (조금 더 넓게) */
.qna-write li input.title {
  width: 500px;
}

/* textarea 너비 제한 */
.qna-write li textarea {
  width: 500px;
}

.qna-write li > .tit {
  width: 120px;
  font-weight: 600;
  font-size: 15px;
}

.qna-write li > .tit em {
  color: #d45252;
  font-size: 20px;
  margin-left: 4px;
}

.qna-write li > .con {
  min-width: 200px;
}

.qna-write li input,
.qna-write li select,
.qna-write li textarea {

  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 15px;
  background-color: #fff;
  transition: border-color 0.2s ease;
}

.qna-write li input:focus,
.qna-write li select:focus,
.qna-write li textarea:focus {
  outline: none;
  border-color: #d9b23d;
  box-shadow: 0 0 0 2px rgba(217, 178, 61, 0.2);
}

.qna-write li textarea {
  min-height: 140px;
  resize: vertical;
}

/* 이메일 입력 wrap */
.qna-write .email-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.qna-write .email-wrap .at {
  padding: 0 4px;
  font-size: 16px;
}

.qna-write li .con {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* 이메일 같이 나란한 구조 안 깨지게 */
.qna-write .email-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

/* 에러 메시지 공통 스타일 */
.just-validate-error-label {
  font-size: 13px;
  color: #d45252;
  margin-top: 4px;
  line-height: 1.4;
}

/* 에러 메시지는 input 아래에만 보이도록 */
.qna-write .email-wrap + .just-validate-error-label {
  margin-top: 6px;
}
/* 에러 메시지 강제 왼쪽 정렬 */
.just-validate-error-label {
  text-align: left !important;
}

/* 개인정보 동의 영역 */
.board-privacy {
  margin-top: 50px;
  color: #444;
  font-size: 15px;
}

.board-privacy-box {
  width: 100%;
  height: 230px;
  border: 1px solid #e0e0e0;
  background: #fdfaf5;
  padding: 30px;
  font-size: 14.5px;
  overflow-y: auto;
  border-radius: 10px;
  margin-bottom: 25px;
}

.board-privacy-agree {
  position: relative;
}

.board-privacy input[type="checkbox"] {
  display: none;
}

.board-privacy input[type="checkbox"] + label {
  display: flex;
  align-items: center;
  font-size: 15px;
  cursor: pointer;
}

.board-privacy input[type="checkbox"] + label strong {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border: 1px solid #aaa;
  background-color: #fff;
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
}

.board-privacy input[type="checkbox"]:checked + label strong {
  background-image: url(/LavideAtlanHotel_common/images/homepage/board/checked.png);
}

.board-privacy span {
  position: absolute;
  right: 0;
  color: #c5927e;
  font-size: 14px;
}

/* 제출 버튼 */
.board-wrap .send-bt {
  margin-top: 40px;
  text-align: center;
}

.board-wrap .send-bt button {
  width: 180px;
  height: 50px;
  background-color: #d9b23d;
  color: #fff;
  font-size: 17px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.board-wrap .send-bt button:hover {
  background-color: #c49e2e;
}


@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;} */
	
	.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;}
	
	.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%;}
}