/* 怨듯넻 */

.board-wrap {width: 100%; margin: 0 auto; padding: 60px 0 20px; 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-block; margin-top: 40px; margin-bottom: 35px;}
.board-wrap .search-box select {border: 1px solid #cccccc; width: 123px; height: 42px; line-height: 42px; font-size: 15px; color: #666666;
			-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 10px; float: left; margin-right:5px;
			background: url(/SpeediumHotel_common/images/homepage/board/search-box-select.png) 95px center no-repeat;}
.board-wrap .search-box input {border: 1px solid #cccccc; width: 273px; height: 42px; line-height: 42px; color: #666666; font-size: 15px;
			padding: 0 10px; float: left; margin-right:5px;}
.board-wrap .search-box .btn_search {outline: none; width: 50px; height: 42px; background: #3d3d3d; float: left;}
.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 50px; height: 42px; background: url(/SpeediumHotel_common/images/homepage/board/search-box-search.png) center center no-repeat;}


.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(/SpeediumHotel_common/images/homepage/board/paging_first.png) no-repeat;}
.board-wrap .page_Num strong.prev {background: url(/SpeediumHotel_common/images/homepage/board/paging_prev.png) no-repeat; margin-right: 20px;}
.board-wrap .page_Num strong.next {background: url(/SpeediumHotel_common/images/homepage/board/paging_next.png) no-repeat; margin-left: 20px;}
.board-wrap .page_Num strong.last {background: url(/SpeediumHotel_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: 75px; /* 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(/SpeediumHotel_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: table-cell; width: inherit; min-width: 118px; padding-right: 28px;}
.board-wrap .board-view thead tr .download {font-size: 16px; font-weight: lighter; display: table-cell; /* margin-left: 25px; */ padding-left: 30px; border-left: 1px solid #d4d3d5;}
.board-wrap .board-view thead tr .download > a {margin-right: 20px;}
.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(/SpeediumHotel_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.nfr {float: none;}
.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; margin-left: 10px;}
.board-wrap .write-bt {position: absolute; right: 0; bottom: 20px;}
.board-wrap .write-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; background: #3d3d3d; color: #fff; font-size: 18px; text-align: center;}

.board-wrap .send-bt {display: inline-block; margin-top: 40px;}
.board-wrap .send-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; border: 1px solid #3d3d3d; background: #3d3d3d; color: #fff; font-size: 18px;}
.board-wrap .send-bt button {display: inline-block; width: 160px; height: 50px; line-height: 50px; border: 1px solid #3d3d3d; background: #3d3d3d; color: #fff; font-size: 18px;}

@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; float: left;}
	.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 35px; height: 35px; background: url(/SpeediumHotel_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; min-width: 92px; padding-right: 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 {width: 130px; height: 45px; line-height: 45px; font-size: 15px;}
}

@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 */

.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(/SpeediumHotel_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(/SpeediumHotel_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;
  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;}
	.event-list ul li span.day {padding: 15px 0; margin: 0 20px; font-size: 14px;}
}



/* QNA */

.board-privacy {margin-top: 50px; color: #555555;}
.board-privacy-box {width: 100%; height: 230px; border: 1px solid #ccc; background: #f5f5f5; padding: 40px 50px; overflow-x: hidden; overflow-y: scroll;
					font-size: 14.5px; text-align: left; margin-bottom: 25px;}
.board-privacy-agree {width: 100%; position: relative;}
.board-privacy input[type="checkbox"] {display:none;}
.board-privacy input[type="checkbox"] + label {font-size: 16px;}
.board-privacy input[type="checkbox"] + label strong {margin-right: 10px; display:inline-block; width: 25px; height: 25px; vertical-align:middle;
						border: 1px solid #ccc; cursor:pointer;}
.board-privacy input[type="checkbox"]:checked + label strong {
						background:url(/SpeediumHotel_common/images/homepage/board/checked.png) center center no-repeat;}
.board-privacy span {position: absolute; right: 0; color: #c5927e; font-size: 14px; letter-spacing: -1px;}

.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 li {text-align: left; padding: 10px 2.5%; width: 100%;}
.qna-write li span {float: left; display: inline-block; width: 10%; font-size: 17px; letter-spacing: -1px; line-height: 40px;}
.qna-write li input, .qna-write li select {font-size: 15px; border: 1px solid #cccccc; height: 40px; padding: 0 10px;}
.qna-write li input {width: 270px;}
.qna-write li input.email01 {width: 190px; margin-right: 5px;}
.qna-write li input.email02 {width: 220px;margin-left: 8px;}
.qna-write li select {width: 160px; background: url(/SpeediumHotel_common/images/homepage/board/faq_open.png) 130px center no-repeat;}
.qna-write li textarea {width: 89%; border: 1px solid #cccccc; vertical-align: top; padding: 10px;}
.qna-write li input.title {width: 89%;}

.just-validate-error-label{
	display: block;
    margin-left: 115px;
}

@media screen and (max-width: 970px){
	.board-privacy-box {padding: 25px 30px; font-size: 14px;}
	.board-privacy span {position: relative; display: block; text-align: right;}
	.qna-write li span {width: 14%;}
	.qna-write li input {width: 38%;}
	.qna-write li input.email01 {width: 22%;}
	.qna-write li input.email02 {width: 24%;}
	.qna-write li textarea {width: 85%;}
	.qna-write li input.title {width: 85%;}
}

@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;}
	.board-privacy span {font-size: 12px; display: block; margin-top: 10px;}
	
	.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 span {font-size: 14px; line-height: 35px;}
	.qna-write li span.email {height: 65px;}
	.qna-write li select {width: 100px; display: block; width: 160px; background-size: 12px 7px;}
	.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 textarea {width: 83%;}
	.qna-write li input.title {width: 83%;}
	.just-validate-error-label{display: block;margin-left: 56px;}
}

@media screen and (max-width: 400px){
	.qna-write li span {width: 21%;}
	.qna-write li input.email01 {width: 30%;}
	.qna-write li input.email02 {width: 35%;}
	.qna-write li textarea {width: 78%;}
	.qna-write li input.title {width: 78%;}
	.just-validate-error-label{display: block;margin-left: 72px;} 
}



/*
* 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); }
}