/* 공통 */
.ic-down {display: inline-block; width: 15px; height: 9px; margin-left: 4px; background: url(/images/homepage/common/arrow_d_02.png) no-repeat;}
.ic-up {display: inline-block; width: 15px; height: 9px; margin-left: 4px; background: url(/images/homepage/common/arrow_u_02.png) no-repeat;}
.ic-refresh {display: inline-block; width: 13px; height: 14px; background: url(/images/homepage/common/ic-refresh.png) no-repeat; vertical-align: -2px; margin-right: 3px;}

.bt-wrap.left {text-align: left;}
.bt.bt-01 {background: #021D43; color: #fff;}
.bt.bt-02 {background: #7d7d7d; color: #fff;}
.bt.bt-03 {background: #fff; color: #555; border: 1px solid #cbcbcb;}
.bt.bt-04 {background: #f5f5f5; color: #333; border: 1px solid #7d7d7d; font-weight: 500;}


/* 怨듯넻 */

.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(/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(/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(/images/homepage/board/paging_first.png) no-repeat;}
.board-wrap .page_Num strong.prev {background: url(/images/homepage/board/paging_prev.png) no-repeat; margin-right: 20px;}
.board-wrap .page_Num strong.next {background: url(/images/homepage/board/paging_next.png) no-repeat; margin-left: 20px;}
.board-wrap .page_Num strong.last {background: url(/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(/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(/images/homepage/board/download.png) no-repeat;}

/* 프로모션 상세 : 제목 앞 진행상태 뱃지 (목록 .event-list li span.state 와 같은 색상) */
.board-wrap .board-view thead tr td .state {display: inline-block; min-width: 70px; height: 30px; line-height: 30px; padding: 0 10px; margin-right: 12px; text-align: center; background: #a60017; font-size: 13px; color: #fff; vertical-align: middle;}
.board-wrap .board-view thead tr td .state.end {background: #454545;}
.board-wrap .board-view thead tr td .subject {vertical-align: middle;}

.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 .toggle-wrap {background: #fbfbfb; border: 1px solid #eaeaea; text-align: left; margin-top: 25px;}
.board-wrap .toggle-wrap.bd {border: 1px solid #d4d4d4;}
.board-wrap .toggle-wrap.nmgt {margin-top: 0;}
.board-wrap .toggle-wrap.mgb {margin-bottom: 40px;}
.board-wrap .toggle-wrap .toggle-bt {font-size: 16px; padding: 18px 25px; color: #323232; font-weight: 500; background: url(/images/homepage/board/ico_arrow_close2.png) no-repeat; background-position: right 25px center;}
.board-wrap .toggle-wrap .toggle-bt.on {background-image: url(/images/homepage/board/ico_arrow_open2.png);}
.board-wrap .toggle-wrap .toggle-bt.complete {color: #021D43;}
.board-wrap .toggle-wrap .toggle-bt.complete .ico_check {margin-left: 5px; vertical-align: middle; width: 15px; height: 15px; background: url(/images/homepage/board/ico_check.png) center center no-repeat;}
.board-wrap .toggle-wrap .toggle-box {/* display: none; */ border-top: 1px solid #eaeaea; padding: 20px 25px;}
.board-wrap .toggle-wrap .toggle-box h5 {color: #666; font-size: 14px; font-weight: 500; line-height: 1.7em; margin-bottom: 2px;}
.board-wrap .toggle-wrap .toggle-box p {color: #666; font-size: 14px; line-height: 1.7em;}
.board-wrap .toggle-wrap .toggle-box .textarea {width: 100%;}
.board-wrap .toggle-wrap .toggle-box .textarea textarea {
	display: block;
	width: 100%;
	height: 88px;
	padding: 12px 14px;
	box-sizing: border-box;
	font-size: 15px;
	color: #323232;
	line-height: 1.6;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	vertical-align: top;
	resize: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.board-wrap .toggle-wrap .toggle-box .textarea textarea:focus {border-color: #021D43; box-shadow: 0 0 0 3px rgba(2, 29, 67, .10);}
.board-wrap .toggle-wrap .toggle-box .textarea textarea::placeholder {color: #b3b3b3;}
.board-wrap .toggle-wrap .toggle-box .mgt {margin-top: 20px;}
.board-wrap .toggle-wrap .toggle-box .rsvn-wrap {border: 0; padding-top: 0;}
.board-wrap .toggle-wrap .toggle-box .rsvn-wrap .rsvn-list {padding-top: 0;}
.board-wrap .toggle-wrap .toggle-box .rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write {margin-top: 0;}

@media all and (max-width: 767px) {
	.board-wrap .toggle-wrap .toggle-bt {font-size: 15px; padding: 15px 18px; background-position: right 18px center;}
	.board-wrap .toggle-wrap .toggle-box {padding: 16px 18px;}
	.board-wrap .toggle-wrap .toggle-box .textarea textarea {height: 80px; padding: 10px 12px; font-size: 14px;}
	.board-wrap .toggle-wrap .toggle-box p {font-size: 13px;}
	.board-wrap .toggle-wrap .toggle-box .mgt {margin-top: 14px;}
}

@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(/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 td .state {min-width: 58px; height: 26px; line-height: 26px; padding: 0 8px; margin-right: 8px; font-size: 12px;}
	.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(/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(/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;
}

/* 카드 목록 : float 대신 CSS Grid 사용.
   float 은 카드 높이가 다르면(투숙 가능 기간 유무 등) 다음 줄 첫 카드가 옆으로 밀리는 문제가 있어
   행 단위로 배치되는 grid 로 전환. 같은 행의 카드는 가장 높은 카드 높이에 맞춰 자동으로 늘어난다. */
.event-list ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 2%;
  row-gap: 28px;   /* % row-gap 은 높이가 auto 인 grid 에서 0 으로 계산되므로 px 사용 */
}

.event-list ul li {
  position: relative;
  width: auto;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
}

.event-list ul li a {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* 상태 뱃지 */
.event-list ul li span.state {
  z-index: 9;
  position: absolute;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #a60017;
  font-size: 13px;
  color: #fff;
}

/* 종료 이벤트 처리 */
.event-list ul li.end img, .event-list ul li.end strong, .event-list ul li.end span.day {filter: gray; -webkit-filter: grayscale(.5); filter: grayscale(.5);
    opacity: 0.3;}
.event-list ul li.end span.state {background: #454545; z-index: 9;}
.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: auto; height: 100%; position: absolute; top: 0; left: -50%; margin-left: 50%;}

/* 이미지 호버 오버레이 */
.event-list ul li .event-image span {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
    background: #000; opacity: .5; display: none;
  background: url(/images/homepage/board/image-view.png) center center no-repeat;
}
.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 #eaeaea; color: #323232; font-size: 16.5px;}
.event-list ul li span.day {padding: 18px 0; margin: 0 20px; color: #666; font-size: 14.5px; display: block;}
/* 예약/투숙 가능 기간 : 두 줄로 표시 (라벨은 작은 글씨) */
.event-list ul li span.day em {font-style: normal; font-size: 12px; color: #999; margin-right: 6px;}
.event-list ul li span.day.stay {padding-top: 0;}
.board-wrap .board-view thead tr .day .day-label {font-size: 14px; color: #888; margin-right: 10px;}
.board-wrap .board-view thead tr .day.period {display: block;}
.board-wrap .board-view thead tr .day.period + .day.period {margin-top: 6px;}


.event-list ul li .txt_box{padding: 25px 0; margin: 0 20px; height: 90px; line-height:20px; border-bottom: 1px solid rgb(234, 234, 234);}
.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;}


/* 갤러리형 이미지 */
.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 {
  grid-column: 1 / -1;   /* grid 전체 폭 사용 */
  width: 100% !important;
  text-align: center !important;
  padding: 60px 0 !important;
  cursor: auto !important;
}
ul li.nodata_g p {
  margin-top: 10px;
  color: #525252;
}
@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 {column-gap: 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 {grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3%; row-gap: 20px;}
}

@media screen and (max-width: 400px){
	.event-list ul {grid-template-columns: minmax(0, 1fr); column-gap: 0; row-gap: 16px;}
	.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(/images/homepage/board/checked.png) center center no-repeat;}
.board-privacy span {position: absolute; right: 0; color: #021D43; 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.npd {padding: 0;}
.qna-write.bt0 {border-top: 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 .con {float: left;}
.qna-write li .con p {font-size: 14px; color: #666;}
.qna-write li .con p.mgb {margin-bottom: 12px;}
.qna-write li .con .text {line-height: 40px; color: #666;}
.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 .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 li .survey-plus {display: block; width: 120px; height: 40px; margin-bottom: 10px; background: #021D43; color: #fff;}
.qna-write li .survey-content {margin-left: 10%; width: 86%; margin-bottom: 10px;}
.qna-write li .survey-minus {display: inline-block; background: transparent; color: #fff; border: 1px solid #999; width: 25px; margin-left: 10px; text-align: center; color: #323232;}
.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 #cccccc; height: 40px; padding: 0 10px;}
.qna-write li input {width: 270px;}
.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: 160px; background: url(/images/homepage/board/faq_open.png) right 10px center no-repeat;}
.qna-write li .select1 select {width: 100%;}
.qna-write li.birth select {width: 130px; margin-right: 5px; background-position: right 10px center;}
.qna-write li textarea {width: 89%; border: 1px solid #cccccc; vertical-align: top; padding: 10px;}
.qna-write li input.title {width: 89%;}
.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.plus_list {background: #fbfbfb;}

.qna-write.customer-view {border-top: none;}
.qna-write li span.tx {line-height: 40px;}


/* Mypage */

.mypage-form {background: #fff; padding-top: 52px; overflow: hidden;}
.mypage-form.nopd{padding:0;}
.mypage-form.mgt {margin-top: 60px;}
.mypage-form.pd {padding: 40px;}
.mypage-form.pd2 {padding: 40px;}
.mypage-form h4 {font-size: 20px; color: #323232; text-align: left; font-weight: 500; margin-bottom: 12px;}
.mypage-form .title {overflow: hidden;}
.mypage-form .title h4 {float: left;}
.mypage-form .title .text {float: right; padding-top: 8px; color: #989797; font-size: 14px; letter-spacing: -0.3px;}
.mypage-form .title .text.npdt {padding-top: 0;}
.mypage-form .title .text .imp {color: #ea072d; font-size: 25px; vertical-align: -10px; margin-left: 2px; height: 10px; display: inline-block;}
.mypage-form .title .text .bt {padding: 7px 20px; margin-left: 10px; vertical-align: middle;}
.mypage-form .head {text-align: center; margin-bottom: 60px;}
.mypage-form .head.mgb {margin-bottom: 45px;}
.mypage-form .head h2 {color: #323232; font-size: 30px; font-weight: 500; margin-bottom: 10px;}
.mypage-form .head p {font-size: 16px; color: #666; line-height: 1.7em;}
.mypage-form .login-form {overflow: hidden}
.mypage-form .login-form.l2 {overflow: hidden;}
.mypage-form .login-form.l2 .form-wrap {float: left; width: 50%; padding-right: 10%}
.mypage-form .login-form.l2 .form-wrap:last-child {position: relative; padding-right: 0; padding-left: 10%;}
.mypage-form .login-form.l2 .form-wrap:last-child:after {content: ''; position: absolute; width: 1px; height: 94%; left: 0; top: 3%; background: #e4e4e4;}
.mypage-form .login-form .form-wrap.mw400 {max-width: 400px; margin: 0 auto; }
.mypage-form .login-form .form-wrap.join_sns {float: left; width: 40%; margin: 0 5% 30px;}
.mypage-form .login-form .form-wrap.join_sns:last-child {margin-right: 0;}
/* SNS 회원가입 영역이 주석 처리되어 폼이 하나만 남은 경우 가운데 정렬.
   width(40%) 는 그대로 두고 float 만 해제한다.
   ※ 나중에 SNS 영역 주석을 풀면 :only-child 가 해제되어 기존 2단 배치로 자동 복귀한다. */
.mypage-form .login-form .form-wrap.join_sns:only-child {float: none; margin-left: auto; margin-right: auto;}
.mypage-form .login-form .form-wrap.join_company {width: 40%; margin: 0 auto; float: none;}
.mypage-form .login-form .form-wrap .tit {margin-bottom: 32px;}
.mypage-form .login-form .form-wrap .tit h3 {color: #323232; font-size: 24px; font-weight: 500; margin-bottom: 10px;}
.mypage-form .login-form .form-wrap .tit p {font-size: 15px; color: #666; line-height: 1.7em;}
.mypage-form .login-form .form-wrap .form {}
.mypage-form .login-form .form-wrap .form ul li {width: 100%; margin-bottom: 12px;}
.mypage-form .login-form .form-wrap .form ul li input {width: 100%; height: 46px; border: 1px solid #ccc; font-size: 15px; padding: 0 15px; letter-spacing: -1px;}
.mypage-form .login-form .form-wrap .form ul li input::-webkit-input-placeholder {color: #999;}
.mypage-form .login-form .form-wrap .form ul li input::-moz-placeholder {color: #999;}
.mypage-form .login-form .form-wrap .form ul li input:-ms-input-placeholder {color: #999;}
.mypage-form .login-form .form-wrap .form ul li input:-moz-placeholder {color: #999;}
.mypage-form .login-form .form-wrap .form ul.float-form {margin-bottom: 20px;}
.mypage-form .login-form .form-wrap .form ul.float-form li {overflow: hidden;}
.mypage-form .login-form .form-wrap .form ul.float-form li .label {float: left; width: 25%; text-align: left; line-height: 46px; font-size: 17px; color: #333; font-weight: 500;}
.mypage-form .login-form .form-wrap .form ul.float-form li .con {float: left; width: 75%; text-align: left; line-height: 46px; font-size: 17px; color: #333; font-weight: 500;}
.mypage-form .login-form .form-wrap .form.form2 ul li {overflow: hidden;}
.mypage-form .login-form .form-wrap .form.form2 ul li input {float: left; width: 70%; margin-right: 2%;}
.mypage-form .login-form .form-wrap .form.form2 ul li .bt {float: left; width: 28%; height: 46px; font-size: 14px; font-weight: 500;}
.mypage-form .login-form .form-wrap .form ul li .join_sns_wrap.sns_login {margin-top: 50px;}
.mypage-form .login-form .form-wrap .form ul li .join_sns_wrap a {display: inline-block; width: 92px; height: 92px; border-radius: 50%; text-indent: -9999px; margin-right: 30px;}
.mypage-form .login-form .form-wrap .form ul li .join_sns_wrap a.join_naver {background: #32b34a url(/images/homepage/mypage/join_icon01.png) center center no-repeat ; }
.mypage-form .login-form .form-wrap .form ul li .join_sns_wrap a.join_fb {background: #3c5b9a url(/images/homepage/mypage/join_icon02.png) center center no-repeat ; }
.mypage-form .login-form .form-wrap .form ul li .join_sns_wrap a.join_kakao {background: #ffd800 url(/images/homepage/mypage/join_icon03.png) center center no-repeat ; margin-right: 0;}
.mypage-form .login-form .form-wrap.join_company .con .radio {margin-right: 20px;}
.mypage-form .bt {}
.mypage-form .login-form.join-form {margin-top: 80px;}
.mypage-form .login-form .form-wrap .bt {width: 100%; height: 60px; font-size: 18px; font-weight: 700;}
.mypage-form .login-form .form-wrap .bt.mg {margin-top: 20px;}
.mypage-form .login-form .form-wrap .mt_num {margin-top: 35px;}
.mypage-form .login-form .txt {margin-top: 15px;}
.mypage-form .bt-wrap, .customer-wrap .bt-wrap {margin-top: 40px;}
.mypage-form .bt-wrap .bt, .customer-wrap .bt-wrap .bt {width: 180px; height: 60px; line-height: 58px; margin: 0 5px; font-size: 16px; font-weight: 500; padding-bottom: 2px; vertical-align: middle;}
.mypage-form .bt-wrap .bt.bt-03, .customer-wrap .bt-wrap .bt.bt-03 {font-weight: 300;}
.mypage-form .mypage-box {display: table; width: 100%; margin-top: 80px; background: #fbfbfb; border: 1px solid #eaeaea; overflow: hidden;}
.mypage-form .mypage-box .menu {display: table-cell; width: 50%; padding: 30px 45px; text-align: left;}
.mypage-form .mypage-box .menu:last-child {border-left: 1px solid #eaeaea;}
.mypage-form .mypage-box .menu p {font-size: 15px; color: #666; margin-bottom: 10px;}
.mypage-form .mypage-box .menu .bt {font-size: 13px; color: #666; background: #fff; border: 1px solid #bdbdbd; padding: 5px 30px;}


.mypage-form h4.mt-40 {margin-top: 40px;}

.mypage-form .qna-write {margin-top: 0;}

.mypage-form .text-wrap {padding: 40px 0;}
.mypage-form .text-wrap .ic-complete {width: 48px; height: 47px; background: url(/images/homepage/board/completed.png) no-repeat;}
.mypage-form .text-wrap h2 {font-size: 30px; color: #323232; font-weight: 500; letter-spacing: -0.5px; margin-bottom: 22px;}
.mypage-form .text-wrap h2.mgt {margin-top: 17px;}
.mypage-form .text-wrap p {font-size: 16px; color: #666; letter-spacing: -0.5px; line-height: 1.8em;}

.mypage-form.pd-0 {padding: 0;}
.mypage-form .join-content {padding: 140px 0 100px; overflow: hidden;}
/* 항목(li) 개수가 3개보다 적어도 가운데 정렬되도록 처리. li 의 width 값은 그대로 사용한다.
   (flex 컨테이너 안에서는 li 의 float 이 무시되므로 li 규칙은 수정하지 않음) */
.mypage-form .join-content ul {display: flex; justify-content: center; flex-wrap: wrap;}
.mypage-form .join-content ul li {float: left; width: 33.3%; position: relative;}
.mypage-form .join-content ul li a {width: 100%; height: 100%; text-align: center;}
.mypage-form .join-content ul li a h4 {text-align: center; font-size: 24px; margin: 60px 0 20px;}
.mypage-form .join-content ul li:after {position: absolute; content:''; display: inline-block; width: 1px; height: 100px; background: #e4e4e4; top: 0; right: 0;}
.mypage-form .join-content ul li:last-child:after {display: none;}
.mypage-form .join-content ul li button {color: #021D43; border: 1px solid #021D43; background: #fff; padding: 15px 0; display: inline-block; width: 73%; font-size: 16px;}
.mypage-form .join-content ul li button.bt-50 {background: #f9f3ff;}
.mypage-form .join-content ul li button.bt-100 {background: #021D43; color: #fff;}

.mypage-form .fac-rsvn-list {overflow: hidden;}
.mypage-form .fac-rsvn-list table {width: 100%;}
.mypage-form .fac-rsvn-list table th {border-top: 3px solid #26252b;}
.mypage-form .fac-rsvn-list table th, .mypage-form .fac-rsvn-list table td {padding: 13px 10px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
.mypage-form .fac-rsvn-list table th:last-child, 
.mypage-form .fac-rsvn-list table td:last-child {border-right: 0;}


.process-bar {width: 100%; height: 63px; margin: 60px 0 30px; background-size: cover!important;}
.process-bar.step1 {background: url(/images/homepage/board/process_step1.jpg) center center no-repeat;}
.process-bar.step2 {background: url(/images/homepage/board/process_step2.jpg) center center no-repeat;}
.process-bar.step3 {background: url(/images/homepage/board/process_step3.jpg) center center no-repeat;}
.process-bar.step4 {background: url(/images/homepage/board/process_step4.jpg) center center no-repeat;}
.process-bar ul {overflow: hidden;}
.process-bar ul li {position: relative; float: left; width: 25%; padding-top: 18px;}
.process-bar ul li .step {color: #c6c6c6; font-weight: 700; font-size: 17px;}
.process-bar ul li .tit {color: #666; font-weight: 500; font-size: 17px;}
.process-bar ul li.active .step, .process-bar ul li.active .tit {color: #fff;}

.privacy-wrap {margin-bottom: 15px;}
.privacy-wrap .privacy-box {height: 260px; border: 1px solid #ccc; padding: 0 30px; overflow-y: auto;}
.privacy-wrap .privacy-box .privacy {padding: 0;}
.privacy-wrap .privacy-box .privacy .privacy_header {display: none;}
.privacy-wrap .privacy-box .privacy .privacy_content {margin-top: 0; border-top: 0;}
.privacy-wrap .agreement {text-align: right; margin-top: 15px;}
.privacy-wrap .agreement.box {text-align: center; margin-top: 25px; background: #fbfbfb; border: 1px solid #eaeaea; padding: 20px 0;}
.privacy-wrap .agreement.box .checkbox strong {color: #333; font-size: 16px;}
/* 약관 동의 체크박스와 문구 사이 간격 (.checkbox 공통 스타일이 없어 기본 체크박스에 텍스트가 붙는 문제 보정) */
.privacy-wrap .agreement .checkbox input[type="checkbox"] {width: 16px; height: 16px; margin: 0 8px 0 0; vertical-align: -3px; cursor: pointer;}
.privacy-wrap .agreement .checkbox label {cursor: pointer;}


@media screen and (max-width: 1200px){
	.mypage-form {padding: 70px 40px;}
	.mypage-form .login-form.l2 .form-wrap {padding-right: 6%;}
	.mypage-form .login-form.l2 .form-wrap:last-child {padding-left: 6%;}
	.mypage-form .mypage-box .menu {padding: 20px 30px;}
	
	.process-bar {height: 0; padding-bottom: 5.21%;}
	.process-bar ul li {padding-top: 1.6%;}
	.process-bar ul li .step, .process-bar ul li .tit {font-size: 15px;}
}

@media screen and (max-width: 1024px) {
	.board-wrap #tabMenu {margin-top: 40px;}
	
	.process-bar {display: none;}
	
	.mypage-form {padding: 0;}
	.mypage-form.mgt, .mypage-form.m-mgt {margin-top: 40px;}
	.mypage-form.pd {padding: 30px;}
	.mypage-form.pd2 {padding: 0; background: transparent; margin-top: 20px;}
	.mypage-form .bt-wrap .bt, .customer-wrap .bt-wrap .bt {font-size: 16px; height: 50px; line-height: 48px;}
	
	.mypage-form .head {margin-bottom: 60px;}
	.mypage-form .head h2 {font-size: 23px;}
	.mypage-form .head p {font-size: 14px;}
	.mypage-form .login-form .form-wrap .tit {margin-bottom: 30px;}
	.mypage-form .login-form .form-wrap .tit h3 {font-size: 22px;}
	.mypage-form .login-form .form-wrap .tit p {font-size: 14px;}
	.mypage-form .login-form .form-wrap .form ul li input {font-size: 14px;}
	.mypage-form .login-form .form-wrap .bt {font-size: 16px; height: 50px;}
	.mypage-form .login-form .form-wrap .form.form2 ul li .bt {font-size: 13px;}
	.mypage-form .login-form .form-wrap .form ul.float-form li .label, .mypage-form .login-form .form-wrap .form ul.float-form li .con {font-size: 15px;}
	.mypage-form .mypage-box {margin-top: 50px;}
	.mypage-form .mypage-box .menu {padding: 18px 25px;}
	.mypage-form .mypage-box .menu p {font-size: 14px;}

	.mypage-form .text-wrap h2 {font-size: 27px; margin-bottom: 18px;}
	.mypage-form .bt-wrap a {font-size: 16px; width: 150px; height: 50px;}
	
	.mypage-form .fac-rsvn-list {overflow-x: scroll;}
}

@media screen and (min-width: 971px){
	.mypage-form #tab-select {display: none;}
}

@media screen and (max-width: 970px){
	.mypage-form #tab-select {display: block; margin-bottom: 40px;}
	.mypage-form #tab-select select {width: 100%; max-width: 400px;}
	
	.board-wrap .table-wrap {display: none;}
	.board-wrap .table-wrap.show {display: block;}
	.board-wrap .table-wrap.mgb {margin-bottom: 0;}
	
	.mypage-form .login-form .form-wrap.join_sns {float: none; width: 100%; margin: 0 0 30px;}
	.mypage-form .login-form .form-wrap .form ul li .join_sns_wrap.sns_login {margin-top: 20px;}
	.mypage-form .login-form .form-wrap .form ul li .join_sns_wrap a {width: 68px; height: 68px; margin-right: 15px;}
}

@media screen and (min-width: 769px) {
	.mypage-form .login-form #non-member {display: block;}
}

@media screen and (max-width: 768px) {
	.mypage-form .head {max-width: 400px; margin: 0 auto; border-bottom: 1px solid #e4e4e4; padding-bottom: 50px;}
	.mypage-form .head.bdn {border-bottom: none;}
	.mypage-form .head.mgb {margin-bottom: 30px;}
	.mypage-form .head.nbdb {border-bottom: 0; padding-bottom: 0;}
	.mypage-form .login-form.join-form {margin-top: 48px;}
	.mypage-form .login-form .form-wrap {margin: 0 auto;}	
	.mypage-form .login-form .tabList {display: none;}
	.mypage-form .login-form .tabList.m-show {display: block;}
	.mypage-form .login-form .form-wrap .form ul li {margin-bottom: 10px;}
	.mypage-form .login-form.l2 .form-wrap {width: 100%; float: none; padding-right: 0;}
	.mypage-form .login-form.l2 .form-wrap:last-child {padding-left: 0;}
	.mypage-form .login-form.l2 .form-wrap:last-child:after {display: none;}
	.mypage-form .login-form.l2 .form-wrap:not(.tabList) {padding: 50px 0; border-bottom: 1px solid #e4e4e4;}
	.mypage-form .login-form.l2 .form-wrap:not(.tabList):last-child {border-bottom: 0; padding-bottom: 0;}
	.mypage-form .login-form .form-wrap .bt.mg {margin-top: 0;}
	.mypage-form .login-form .form-wrap.join_company {width: 100%;}
	.mypage-form .login-form .form-wrap .mt_num {margin-top: 0;}
	.mypage-form .bt-wrap-s {max-width: 400px; margin: 0 auto; margin-top: 40px;}
	.mypage-form .bt-wrap-s ul {overflow: hidden;}
	.mypage-form .bt-wrap-s ul li {float: left;}
	.mypage-form .bt-wrap-s ul li.w43 {width: 43%; margin-right: 2%;}
	.mypage-form .bt-wrap-s ul li.w55 {width: 55%;}
	.mypage-form .bt-wrap-s ul li a {width: 100%; border: 1px solid #bdbdbd; color: #666; font-size: 14px; padding: 8px 0;}

	.mypage-form .join-content {padding: 50px 0;}
	/* 모바일에서는 기존처럼 세로로 쌓이도록 flex 를 해제한다 */
	.mypage-form .join-content ul {display: block;}
	.mypage-form .join-content ul li {float: none; width: 100%; margin-bottom: 50px;}
	.mypage-form .join-content ul li:last-child {margin-bottom: 0;}
	.mypage-form .join-content ul li:after {display: none;}
	.mypage-form .join-content ul li a h4 {font-size: 18px; margin: 30px 0 20px;}
	.mypage-form .join-content ul li button {font-size: 15px; padding: 12px 0; width: 100%;}
	
	.mypage-form .fac-rsvn-list table {width: 250%;}
	
}

@media screen and (max-width: 470px) {
	.board-wrap {padding: 40px 0 0;}
	.board-wrap #tabMenu {margin-top: 20px;}
	.mypage-form {padding: 0px;}
	.mypage-form.pd {padding: 25px 20px;}
	.mypage-form.mgt, .mypage-form.m-mgt {margin-top: 20px;}
	.mypage-form h4 {font-size: 17px; margin-bottom: 10px;}
	.mypage-form .title .text {padding-top: 4px; font-size: 13px;}
	.mypage-form .bt-wrap {margin-top: 20px;}
	.mypage-form .bt-wrap .bt, .customer-wrap .bt-wrap .bt {width: 100%; height: 45px; line-height: 44px; font-size: 15px;}
	.mypage-form .bt-wrap.l2 {overflow: hidden; width: 100%;}
	.mypage-form .bt-wrap.l2 .bt, .customer-wrap .bt-wrap.l2 .bt {float: left; width: 48.5%; margin: 0; margin-right: 3%;}
	.mypage-form .bt-wrap.l2 .bt:last-child, .customer-wrap .bt-wrap.l2 .bt:last-child {margin-right: 0;}
	
	.mypage-form .head {padding-bottom: 40px;}
	.mypage-form .head.mgb {margin-bottom: 20px;}
	.mypage-form .head h2 {font-size: 21px; margin-bottom: 7px;}
	.mypage-form .head p {font-size: 13px;}
	.mypage-form .login-form.l2 .form-wrap:not(.tabList) {padding: 30px 0;}
	.mypage-form .login-form .form-wrap .tit {margin-bottom: 20px;}
	.mypage-form .login-form .form-wrap .tit h3 {font-size: 20px; margin-bottom: 7px;}
	.mypage-form .login-form.join-form .form-wrap .tit h3 {font-size: 17px;}
	.mypage-form .login-form .form-wrap .tit p {font-size: 13px;}
	.mypage-form .login-form .form-wrap .form ul li input {height: 40px; font-size: 13px;}
	.mypage-form .login-form .form-wrap .form.form2 ul li input {width: 63%;}
	.mypage-form .login-form .form-wrap .form.form2 ul li .bt {width: 35%; height: 40px; font-size: 13px;}
	.mypage-form .login-form .form-wrap .bt {height: 45px; font-size: 15px;}	
	.mypage-form .login-form .form-wrap .form ul.float-form li .label, .mypage-form .login-form .form-wrap .form ul.float-form li .con {font-size: 14px; line-height: 40px;}
	.mypage-form .bt-wrap-s ul li a {font-size: 13px;}
	
	.mypage-form .text-wrap {padding: 20px 0;}
	.mypage-form .text-wrap h2 {font-size: 21px;}
	.mypage-form .text-wrap p {font-size: 14px;}
	
	.privacy-wrap .privacy-box {height: 160px; padding: 0 15px;}
	.privacy-wrap .agreement.box {padding: 15px 0;}
	.privacy-wrap .agreement.box .checkbox strong {font-size: 14px;}
}



/* rsvn */
.rsvnStep {display: none;}
#rsvnStep1 {display: block;}

.rsvn-wrap {border-top: 3px solid #26252b; margin-bottom: 40px; padding-top: 10px;}
.rsvn-wrap:last-child {margin-bottom: 0;}
.rsvn-wrap .rsvn-list {padding: 20px 15px 30px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}
.rsvn-wrap .rsvn-list.pd {padding: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 0;}
.rsvn-wrap .rsvn-list.bd {padding: 18px 13px 28px; border: 2px solid #021D43;}
.rsvn-wrap .rsvn-list .rsvn-content {display: table; width: 100%; table-layout: fixed;}
.rsvn-wrap .rsvn-list .rsvn-content .cell {display: table-cell; vertical-align: top;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.middle {vertical-align: middle;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.option {width: 400px; text-align: left;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.option p {font-size: 15px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.counter {width: 140px; text-align: right;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap {width: 253px; text-align: left;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info {/* width: 520px; */ text-align: left; padding-left: 35px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info ul li {font-size: 14px; color: #666; line-height: 1.6em;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {width: auto; text-align: right;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice {display: inline-block; color: #323232; margin-bottom: 3px; position: relative;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .prevPrice {font-size: 17px; text-align: left; display: block; text-decoration: line-through; color: #a2a2a2;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .nextPrice {font-size: 30px; font-weight: 500; display: block; margin-top: -3px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice small {position: absolute; left: -160px; font-size: 18px; bottom: 8px; text-align: right; display: inline-block; width: 130px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice2 {font-size: 20px; color: #323232;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price p {color: #666; text-align: right;}

.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap h5 {font-size: 17px; color: #323232; text-align: left; font-weight: 500; margin-bottom: 15px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write {border: 0;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li {padding: 5px 0;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .tit {font-size: 16px; /* width: 30%; */ width: 120px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .tit.s {font-size: 15px; color: #666;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con {/* width: 70%; */ width: calc(100% - 120px);}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li input, .rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li select {width: 100%;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .w23p {float: left; width: 23.5%; margin-right: 2%;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .w23p:last-child {margin-right: 0;}

.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write {border: 0;}
.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li {padding: 5px 0;}
.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li .tit {font-size: 16px; width: 120px;}
.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li input {width: 190px;}
.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li button.all-credit {width: 72px; height: 40px; border: 1px solid #d0d0d0; color: #4c4c4c; background-color: #fff; cursor: pointer; margin-left: 10px; font-size: 12px;}
.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li .con.use-tab {position: relative; overflow: hidden;}
.use-btn {float: left;}
.use-btn:after {content: "X";display: block; line-height: 15px; width: 15px;height: 15px; position: absolute;background : #F1F1F1;right: 15px;top: 10px;padding: 2px;border-radius: 50%;text-align: center;color: #979797; font-size: 12px;;cursor: pointer;}
.use-point:not(:valid) ~ .use-btn {display: none;}

.rsvn-wrap .rsvn-list p {font-size: 14px; text-align: left; color: #323232; line-height: 1.6em;}
.rsvn-wrap .rsvn-list p.mgt {margin-top: 10px;}
.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap {margin-top: 20px;}
.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt {width: 160px; height: 57px; text-align: center; font-size: 15px; cursor: pointer; margin: 0 2px;}
.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt.bt-up {display: none;}
.rsvn-wrap .rsvn-list .room-list {margin-top: 20px; border: 1px solid #eaeaea; display: none;}
.rsvn-wrap .rsvn-list .room-list ul li {display: table; width: 100%; border-bottom: 1px solid #eaeaea; background: #fbfbfb; padding: 0 25px;}
.rsvn-wrap .rsvn-list .room-list ul li:last-child {border-bottom: 0;}
.rsvn-wrap .rsvn-list .room-list ul li .cell {display: table-cell; height: 64px; vertical-align: middle; color: #323232;}
.rsvn-wrap .rsvn-list .room-list ul li .name {text-align: left;}
.rsvn-wrap .rsvn-list .room-list ul li .price {width: 170px;}
.rsvn-wrap .rsvn-list .room-list ul li .price .prevPrice {color: #a2a2a2; text-decoration: line-through; margin-right: 10px;}
.rsvn-wrap .rsvn-list .room-list ul li .button {width: 105px;}
.rsvn-wrap .rsvn-list .room-list ul li .button .bt {width: 100%; height: 35px; line-height: 35px; font-size: 13px;}
.rsvn2Bt {display: none;}
.rsvn-policy {margin-top: 20px; padding: 20px 25px;}
.rsvn-policy.bd {border: 4px solid #021D43;}
.rsvn-policy > ul {overflow: hidden;}
.rsvn-policy > ul > li { margin-bottom: 20px;}
.rsvn-policy > ul > li:nth-child(2n) {margin-right: 0;}
.rsvn-policy > ul > li:last-child, .rsvn-policy > ul > li:nth-last-child(1) {margin-bottom: 0;}
.rsvn-policy h4 {font-size: 16px; margin-bottom: 15px;}
.rsvn-policy .policy-box {height: 130px; border: 1px solid #ccc; padding: 10px; overflow-y: auto;}
.rsvn-policy .policy-box .privacy .privacy_header {display: none;}
.rsvn-policy .policy-box .privacy .privacy_content {margin-top: 0; border-top: 0;}
.rsvn-policy .policy-box .privacy .privacy_content .item:first-child {margin-top: 0;}
.rsvn-policy .agree-wrap {text-align: left; margin-top: 6px;}
.rsvn-policy .agree-wrap .radio {margin-right: 20px;}
.rsvn-policy .Allagree:after{content: ""; display:block; clear:both;}
.rsvn-policy .Allagree h4 {display: inline-block; float:left;}
.rsvn-policy .Allagree .checkbox {float:right;}

.rsvn-info-box {background: #fff; padding: 50px 0; border: 5px solid #021D43; margin-bottom: 30px;}
.rsvn-info-box .title {margin-bottom: 60px;}
.rsvn-info-box .title .ic {margin-bottom: 15px;}
.rsvn-info-box .title .ic-complete {width: 48px; height: 47px; background: url(/images/homepage/board/completed2.png) no-repeat;}
.rsvn-info-box h3 {font-size: 30px; color: #323232; font-weight: 500; letter-spacing: -0.8px;}
.rsvn-info-box .rsvn-grid {}
.rsvn-info-box .rsvn-grid ul li .tit {font-size: 17px; color: #999;}
.rsvn-info-box .rsvn-grid ul li .con {font-size: 18px; word-break: break-all;}

.rsvn_table_wrap .title .check {font-size: 15px; color: #444; font-weight: 300; margin-bottom: 10px;}
.rsvn_table_wrap .title .check:before {display: inline-block; content:''; width: 15px; height: 11px; background: url(/images/homepage/board/rsvn_check_01.png) no-repeat; margin-right: 7px;}
.rsvn_table_wrap .allC {background: #f5f5f5; border: 1px solid #7d7d7d; color: #333; font-size: 15px; padding: 10px 20px;}
.rsvn_table_wrap .rsvn_table table {width: 100%; border-top: 1px solid #000;}
.rsvn_table_wrap .rsvn_table table th, .rsvn_table_wrap .rsvn_table table td {padding: 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.rsvn_table_wrap .rsvn_table table th:last-child, .rsvn_table_wrap .rsvn_table table td:last-child {border-right: none;}
.rsvn_table_wrap .rsvn_table table th {background: #f9f9f9; font-size: 17px; font-weight: 300; color: #323232;}
.rsvn_table_wrap .rsvn_table table td {font-size: 16px; color: #666;}
.rsvn_table_wrap .rsvn_table table td.opac20 {background: rgb(172 65 193 / 20%);}
.rsvn_table_wrap .rsvn_table table td.opac10 {background: #fcf4fe;}
.rsvn_table_wrap .rsvn_table table td .cancel {background: #f5f5f5; border: 1px solid #7d7d7d; color: #333; font-weight: 500; font-size: 13px; padding: 7px 12px; margin-left: 8px;}
.rsvn_table_wrap .rsvn_table table td .accept {border: 1px solid #021D43; padding: 7px 0; width: 90%; background: #fff; color: #021D43; font-size: 13px;}

@media screen and (max-width: 1200px) {
	
	.rsvn-wrap .rsvn-list.pd {padding: 20px 0;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info {/* width: 400px; */}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.option {width: 330px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.option p {font-size: 18px;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt {width: 120px; height: 50px; line-height: 48px; font-size: 14px;}
	
	.rsvn-info-box .rsvn-grid ul li .tit {font-size: 15px;}
	.rsvn-info-box .rsvn-grid ul li .con {font-size: 16px;}
}

@media screen and (min-width: 1025px) {
	.rsvn-info-box .rsvn-grid ul {display: table; width: 100%; table-layout: fixed;}
	.rsvn-info-box .rsvn-grid ul li {display: table-cell; border-right: 1px solid #dfdfdf; vertical-align: top;}
	.rsvn-info-box .rsvn-grid ul li:last-child {border-right: 0;}
	.rsvn-info-box .rsvn-grid ul li .tit {display: block; font-size: 17px; color: #999;}
	.rsvn-info-box .rsvn-grid ul li .con {display: block; font-size: 18px; word-break: break-all;}
}
	
@media screen and (max-width: 1024px) {
	.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap {width: 200px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info {/* width: 300px; */ padding-left: 20px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info .roomName {font-size: 18px; margin-bottom: 8px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {width: 220px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .nextPrice {font-size: 27px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.option {width: auto;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.counter {width: 120px;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt {width: 100px; height: 45px; line-height: 44px;}
	
	.rsvn-info-box {padding: 45px 0 30px;}
	.rsvn-info-box .title {margin-bottom: 40px;}
	.rsvn-info-box .title .ic-complete {margin-bottom: 10px;}
	.rsvn-info-box h3 {font-size: 23px;}
	.rsvn-info-box .rsvn-grid {padding: 0 6%;}
	.rsvn-info-box .rsvn-grid ul {border-top: 1px solid #dfdfdf; padding-top: 25px;}
	.rsvn-info-box .rsvn-grid ul li {display: table; text-align: left; margin-bottom: 10px;}
	.rsvn-info-box .rsvn-grid ul li:lash-child {margin-bottom: 0;}
	.rsvn-info-box .rsvn-grid ul li .tit {display: table-cell; width: 100px; vertical-align: top;}
	.rsvn-info-box .rsvn-grid ul li .con {display: table-cell; vertical-align: top; font-size: 15px;}
	
	.rsvn-policy h4 {margin-bottom: 8px;}
	.rsvn-policy > ul > li {float: none; width: 100%; margin-right: 0; margin-bottom: 15px;}
	.rsvn-policy > ul > li:last-child, .rsvn-policy > ul > li:nth-last-child(2) {margin-bottom: 10px;}
	.rsvn-policy > ul > li:last-child {margin-bottom: 0;}
	.rsvn-policy .agree-wrap {margin-top: 0;}
}

@media screen and (min-width: 769px) {		
	.rsvn-wrap .rsvn-list .rsvn-content.form-list {table-layout: fixed;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell {padding: 0 35px; border-right: 1px solid #eaeaea;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell:first-child {padding-left: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell:last-child {padding-right: 0; border-right: 0;}
}

@media screen and (max-width: 768px) {
	.rsvn-wrap .rsvn-list .rsvn-content.mBlock {display: block; text-align: left;}
	.rsvn-wrap .rsvn-list .rsvn-content.mBlock .cell {display: block;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell {/* margin-bottom: 15px; */}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell:last-child {margin-bottom: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell:not(:first-child) .form-wrap h5 {margin-top: 15px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info, .rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {display: inline-block;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap {width: 100%; margin-bottom: 20px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap img {width: 100%;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info {width: calc(100% - 230px); padding-left: 0;}
	
	.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li input {width: 100%;}
	.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li button.all-credit {float: right; margin: 10px 0 0; }
	.use-btn:after {top: 8px;}
	
	.rsvn-wrap .rsvn-list .room-list ul li {padding: 0 15px;}
	.rsvn-wrap .rsvn-list .room-list ul li .button {width: 80px;}
	
	.rsvn_table_wrap .rsvn_table {width: auto; overflow-x: scroll;}
	.rsvn_table_wrap .rsvn_table img {height: auto!important;}
	.rsvn_table_wrap .allC {font-size: 14px; padding: 7px 12px;}
	.rsvn_table_wrap .rsvn_table table th, .rsvn_table_wrap .rsvn_table table td {padding: 10px; font-size: 14px;}
	.rsvn_table_wrap .rsvn_table table td .cancel {margin: 5px 0 0;}
	.mypage-form .title .text.btn_wrap {float: left; overflow: hidden; margin-bottom: 20px;}
	
}

@media screen and (max-width: 640px) {
	.rsvn-wrap {margin-bottom: 30px;}
	.rsvn-wrap .rsvn-list {padding: 10px 10px 15px;}
	.rsvn-wrap .rsvn-list.pd {padding: 14px 0;}
	.rsvn-wrap .rsvn-list.bd {padding: 8px 8px 13px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap {margin-bottom: 15px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info, .rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {display: block; width: 100%;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info .roomName {font-size: 16px; margin-bottom: 5px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info ul li {line-height: 1.5em;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.option p {font-size: 15px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {margin-top: 12px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice {margin-bottom: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .prevPrice {font-size: 15px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .nextPrice {font-size: 24px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice small {font-size: 15px; left: -150px; bottom: 5px;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap {overflow: hidden;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt {float: left; width: 49%; margin: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt:first-child {margin-right: 2%;}
	.rsvn-wrap .rsvn-list .room-list ul li .cell {height: 58px;}
	.rsvn-wrap .rsvn-list .room-list ul li .price {display: none;}
	.rsvn-wrap .rsvn-list .room-list ul li .button {width: 70px;}
}

@media screen and (max-width: 470px) {
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap h5 {font-size: 15.5px; margin-bottom: 8px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .tit {font-size: 14px; width: 95px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con {width: calc(100% - 95px);}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con .w23p {width: 49%;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con .w23p:nth-child(2n) {margin-right: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con .w23p:nth-child(n+3) {margin-top: 5px;}
	
	.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li .tit {font-size: 14px; width: 95px;}
	.rsvn-wrap .rsvn-list .rsvn-point .form-wrap .qna-write li .con {width: calc(100% - 95px);}
	.rsvn-wrap .rsvn-list p {font-size: 13px;}
	.rsvn-policy {padding: 18px 15px;}
	.rsvn-policy.bd {border-width: 3px;}
	.rsvn-policy h4 {font-size: 14px;}
	.rsvn-policy .policy-box {padding: 0;}
	
	.rsvn-info-box {padding: 32px 0 20px;}
	.rsvn-info-box .title {margin-bottom: 25px;}
	.rsvn-info-box .title .ic-complete {width: 36px; height: 35px; background-size: 36px 35px;}
	.rsvn-info-box h3 {font-size: 19px;}
	.rsvn-info-box .rsvn-grid ul {padding-top: 22px;}
	.rsvn-info-box .rsvn-grid ul li .tit {width: 75px; font-size: 14px;}
	.rsvn-info-box .rsvn-grid ul li .con {font-size: 14px;}
}

.grid-wrap {width: 100%; margin-top: 60px; display: table;}
.grid-wrap .grid-cell {display: table-cell; vertical-align: top;}
.grid-wrap .grid-cell.w300 {width: 300px;}
.grid-wrap .grid-cell.w370 {width: 370px;}
.grid-wrap .grid-cell .mypage-form {margin-right: 20px;}
.grid-wrap .grid-cell .mypage-form .menuPlus {border: 1px solid #021D43; width: 165px; height: 60px; color: #021D43; margin-top: 40px; text-align: center; line-height: 57px; font-size: 18px;}
.rsvnInfo {background: #fff; border: 1px solid #858787; border-top: 4px solid #26252b;}
.rsvnInfo .title {overflow: hidden; padding: 20px; border-bottom: 1px solid #8e9090;}
.rsvnInfo .title h3 {font-size: 20px; color: #323232; float: left; font-weight: 500;}
.rsvnInfo .title h4 {text-align: left;}
.rsvnInfo .title .scroll_wrap {max-height: 264px; overflow-y: scroll;}
.rsvnInfo .title .fac_rsvn_list {overflow: hidden; margin: 20px 0;}
.rsvnInfo .title .fac_rsvn_list li {float: left; width: 20%; position: relative; padding: 0 0px; font-size: 12px; font-weight: 300;}
.rsvnInfo .title .fac_rsvn_list li.rmtype {width: 25%;}
.rsvnInfo .title .fac_rsvn_list li.checklist {width: 11%;}
.rsvnInfo .title .fac_rsvn_list .checkbox input[type="checkbox"] + label span {margin-right: 0;}
.rsvnInfo .title .fac_rsvn_list .checkbox input[type="checkbox"] + label span.disa {background: #eeebeb;}

.rsvnInfo .title .fac_rsvn_list .checkbox input[type="checkbox"]:checked + label span {position: relative; background: #fff url(/images/homepage/common/check_02.png) center center no-repeat; background-size: 16px 16px;}
.rsvnInfo .title .fac_rsvn_list li:after {display: inline-block; position: absolute; right: 0; top: 0; width: 1px; height: 44px; background: #dfdfdf; content: '';}
.rsvnInfo .title .fac_rsvn_list li:last-child:after {display: none;}
.rsvnInfo .title .fac_rsvn_list li b {font-weight: 400; display: block; margin-bottom: 5px;}

.rsvnInfo .title .seat_rsvn_list {overflow: hidden; margin: 20px 0;margin-left: 14px;}
.rsvnInfo .title .seat_rsvn_list li {float: left; width: 43%; position: relative; padding: 0 5px; font-size: 12px; font-weight: 300;}
.rsvnInfo .title .seat_rsvn_list li.checklist {width: 12%;}
.rsvnInfo .title .seat_rsvn_list .checkbox input[type="checkbox"] + label span {margin-right: 0;}
.rsvnInfo .title .seat_rsvn_list .checkbox input[type="checkbox"] + label span.disa {background: #eeebeb;}

.rsvnInfo .title .seat_rsvn_list .checkbox input[type="checkbox"]:checked + label span {position: relative; background: #fff url(/images/homepage/common/check_02.png) center center no-repeat; background-size: 16px 16px;}
.rsvnInfo .title .seat_rsvn_list li:after {display: inline-block; position: absolute; right: 0; top: 0; width: 1px; height: 44px; background: #dfdfdf; content: '';}
.rsvnInfo .title .seat_rsvn_list li:last-child:after {display: none;}
.rsvnInfo .title .seat_rsvn_list li b {font-weight: 400; display: block; margin-bottom: 5px;}


.rsvnInfo .title .bt {float: right; border: 1px solid #021d43; color: #021d43; font-size: 12px; height: 32px; padding: 0 10px; background: #fff; border-radius: 20px;}
.rsvnInfo .contents {padding: 0 20px; border-bottom: 1px solid #8e9090;}
.rsvnInfo .contents:last-child {border-bottom: 0;}
.rsvnInfo .contents.pd {padding: 15px 20px;}
.rsvnInfo .contents.pd.bg-gray {background: #f4f4f4;}
.rsvnInfo .contents .con-group {padding: 18px 0; border-bottom: 1px solid #dfdfdf;}
.rsvnInfo .contents .con-group:last-child {border-bottom: 0;}
.rsvnInfo .contents .fac_rsvn_toggle .fac_txt {overflow: hidden; font-size: 14px; padding: 13px 0; width: 100%;}
.rsvnInfo .contents .fac_rsvn_toggle .fac_txt b {display: block; float: left; width: 20%; color: #666; font-weight: 300; text-align: left;}
.rsvnInfo .contents .fac_rsvn_toggle .fac_txt span {float: right; width: 75%; text-align: left; color: #999;}
.rsvnInfo .contents .fac_rsvn_toggle .fac_txt span.color_b {color: #444;}
.rsvnInfo .contents .fac_rsvn_toggle .accordion {border-bottom: 1px solid #dfdfdf;}
.rsvnInfo .contents .fac_rsvn_toggle .accordion:last-child {border-bottom: 0;}
.rsvnInfo .contents .fac_rsvn_toggle .accordion .accordion-inner {display: none; overflow: hidden;}
.rsvnInfo .contents .fac_rsvn_toggle .toggle-list a.fac_txt {background: url(/images/homepage/common/rsvn_arrow_down.png) right 20px top 20px no-repeat;}
.rsvnInfo .contents .fac_rsvn_toggle .toggle-list a.fac_txt.on {background: url(/images/homepage/common/rsvn_arrow_up.png) right 20px top 20px no-repeat;}
.rsvnInfo .contents .fac_rsvn_toggle .toggle-list .focus_list {float: right; width: 70%; margin-right: 20px;}
.rsvnInfo .contents .fac_rsvn_toggle .toggle-list .focus_list li {background: #f9f9f9; color: #666; font-size: 13px; padding: 7px 0; border: 1px solid #ccc; border-top: 0;}
.rsvnInfo .contents .fac_rsvn_toggle .toggle-list .focus_list li:first-child {border-top: 1px solid #ccc;}
.rsvnInfo .contents .fac_rsvn_toggle .toggle-list .focus_list li.active {background: #fdf4ff; border: 1px solid #021d43; color: #021d43;}

.perfect-datetimepicker {border: 0; margin: 0; width: 100%; color: #323232;}
.perfect-datetimepicker thead td.title {border: 0; font-size: 20px;}
.perfect-datetimepicker table td.prevm {text-align: right; vertical-align: middle; height: 60px; padding: 0;}
.perfect-datetimepicker table td.nextm {text-align: left; vertical-align: middle; height: 60px; padding: 0;}
.perfect-datetimepicker td.day {font-size: 13px; line-height: 44px; height: auto; color: #444; padding: 0; border-radius: 0; font-weight: 300;width: 40px;}
.perfect-datetimepicker tbody td.selected {padding: 0; background: #021d43; border: 0; font-weight: 300; color: #FFF;}
.perfect-datetimepicker table td.hover {padding: 0; background: none; border: 0; color: #444; font-weight: 500;}
.perfect-datetimepicker tbody td.selected.hover {background: #021d43; color: #fff!important;}
.perfect-datetimepicker table td.weekend {color: #444;}
.perfect-datetimepicker table td.weekend.selected {color: #fff;}
.perfect-datetimepicker .buttonpane {display: none;}

.rsvnInfo .contents .rsvn-detail:not(:last-child) {margin-bottom: 20px;}
.rsvnInfo .contents h4 {font-size: 15px; font-weight: 500; color: #333; text-align: left; margin-bottom: 10px;}
.rsvnInfo .contents h4.hotelName {text-align: right; font-size: 16px;}
.rsvnInfo .contents h4.color_v {color: #021d43;}
.rsvnInfo .contents p {word-break: break-all; text-align: left; font-size: 13px; color: #666;}
.rsvnInfo .contents .con p {text-align: right;}
.rsvnInfo .contents .form-wrap ul {border: none; margin: 0; padding: 0;}
.rsvnInfo .contents .form-wrap ul li {padding: 10px 0;}
.rsvnInfo .contents .form-wrap ul li .tit {width: 23%; font-size: 14px;}
.rsvnInfo .contents .form-wrap ul li .con {width: 72%;}
.rsvnInfo .contents .form-wrap ul li .con input {width: 100%;}
.mypage-form .rsvnInfo .contents h4.hotelName {color: #021d43;}
.rsvnInfo .contents .rsvn-info-list {}
.rsvnInfo .contents .rsvn-info-list li {text-align: left; display: table; width: 100%; font-size: 14px; margin: 5px 0;}
.rsvnInfo .contents .rsvn-info-list li .tit, .grid-wrap .grid-cell .rsvnInfo .contents .rsvn-info-list li .con {display: table-cell; vertical-align: top;}
.rsvnInfo .contents .rsvn-info-list li.vertical-middle .tit, .grid-wrap .grid-cell .rsvnInfo .contents .rsvn-info-list li.vertical-middle .con {vertical-align: middle;}
.rsvnInfo .contents .rsvn-info-list li .tit {color: #666; width: 80px;}
.rsvnInfo .contents .rsvn-info-list li .tit.option {width: auto;}
.rsvnInfo .contents .rsvn-info-list li .tit h4 {margin-bottom: 0;}
.rsvnInfo .contents .rsvn-info-list li .con {text-align: right; color: #444;}
.rsvnInfo.facInfo .contents .rsvn-info-list li .con {text-align: left; color: #333; font-weight: 500;}
.rsvnInfo .contents .rsvn-info-list li .con.price {width: 85px;}
.rsvnInfo .contents .rsvn-info-list li .con .total-price {font-size: 20px; color: #323232;}
.rsvnInfo .contents .rsvn-info-list li .con .total-price strong {font-size: 30px;}
/* 합계 금액 아래 예약 구분별 요금 문구 (rsvn_02). .con 이 text-align:right 이므로 블록으로 두면 우측정렬된다 */
.rsvnInfo .contents .rsvn-info-list li .con .rate-name {display: block; margin-top: 4px; font-size: 14px; color: #666; line-height: 1.3;}
.rsvnInfo .contents .imp {font-weight: 700; color: #021d43; font-size: 16px;}
.rsvnInfo .contents .img-wrap {margin-bottom: 8px; text-align: right;}

.grid-wrap .grid-cell > .bt-wrap {margin-top: 15px;}
.grid-wrap .grid-cell > .bt-wrap .bt {width: 180px; height: 60px; font-weight: 700; font-size: 18px;}
.grid-wrap .grid-cell > .bt-wrap .bt.prev {background: #fff url(/images/homepage/common/arrow_l_05.png) 15px center no-repeat; padding-left: 5px; padding-bottom: 3px;}
.grid-wrap .grid-cell .bt-wrap.w100 .bt {width: 100%; height: 60px; font-size: 18px; margin-bottom: 10px;}
.grid-wrap .grid-cell .bt-wrap.w100 .bt.mem {height: 80px; font-size: 20px;}


@media screen and (min-width: 1025px) {
	.mypage-form .rsvnInfo {border: 0;}
	.mypage-form .rsvnInfo .title {padding: 0;}
	.mypage-form .rsvnInfo .title h3 {margin-bottom: 12px;}
	.mypage-form .rsvnInfo .contents {display: table; width: 100%; table-layout: fixed; padding: 0; border-collapse: collapse;}
	.mypage-form .rsvnInfo .contents .con-group {display: table-cell; border: 1px solid #dfdfdf; border-top: 3px solid #26252b; padding: 25px;}
	.mypage-form .rsvnInfo .contents .con-group.totalPrice {position: relative;}
	.mypage-form .rsvnInfo .contents .con-group.totalPrice .bottomFixed {position: absolute; width: 100%; height: 110px; bottom: 0; left: 0; background: #fafafa; border-top: 1px solid #eaeaea; padding: 20px 25px;}
	.mypage-form .rsvnInfo .contents h4.hotelName {font-size: 19px;}
	.mypage-form .rsvnInfo .contents .rsvn-info-list li {margin: 10px 0;}
		
	.grid-wrap .grid-cell .rsvnInfo {width: 370px;}	
}

@media screen and (max-width: 1024px) {
	.mypage-form .rsvnInfo .contents .con-group.totalPrice .bottomFixed {margin: 0 -20px; padding: 20px 20px 0; border-top: 1px solid #8e9090;}
	
	.grid-wrap, .grid-wrap .grid-cell {display: block;}
	.grid-wrap .grid-cell.w370 {width: 100%;}
	.grid-wrap {margin-top: 40px;}
	.grid-wrap .grid-cell {margin-bottom: 25px;}
	.grid-wrap .grid-cell.w300 {width: 100%;}
	.grid-wrap .grid-cell .mypage-form {margin-right: 0;}
	.grid-wrap .grid-cell .mypage-form .menuPlus {width: 50%; height: 45px; line-height: 44px; font-size: 15px; margin-top: 20px;}
	.grid-wrap .grid-cell .bt-wrap.w100 .bt {font-size: 16px; height: 50px;}
	.grid-wrap .grid-cell .bt-wrap.w100 .bt.mem {font-size: 18px; height: 65px;}
}

@media screen and (max-width: 640px) {
	.rsvnInfo .title {padding: 15px 20px;}
	.rsvnInfo .title h3 {font-size: 17px;}
	.rsvnInfo .contents .con-group {padding: 15px 0;}
	.rsvnInfo .contents .img-wrap {margin-top: 10px;}
	.rsvnInfo .contents .img-wrap img {width: 100%;}
	.rsvnInfo .contents .rsvn-info-list li .con .total-price {font-size: 17px;}
	.rsvnInfo .contents .rsvn-info-list li .con .total-price strong {font-size: 23px;}
	.rsvnInfo .contents .rsvn-info-list li .con .rate-name {font-size: 13px; margin-top: 3px;}
	
	.grid-wrap {margin-top: 20px;}
	.grid-wrap .grid-cell > .bt-wrap .bt {width: 120px; height: 45px; font-size: 15px;}
	.grid-wrap .grid-cell .bt-wrap.w100 .bt {height: 45px; font-size: 15px;}
	.grid-wrap .grid-cell .bt-wrap.w100 .bt.mem {height: 55px; font-size: 16px;}
}


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


.editor-form .img-wrap-main {width: 100%; height: 300px; display: table; border: 1px dotted #d7d7d7; text-align: center; color: #999; margin-bottom: 30px;}
.editor-form .img-wrap-main .middle {display: table-cell; vertical-align: middle; width: 100%;}
.editor-form .text-form {margin-bottom: 30px;}
.editor-form .text-form h2 {font-size: 26px; font-weight: 500; margin-bottom: 20px;}
.editor-form .text-form p {font-size: 16px; line-height: 1.7em;}
.editor-form .img-text-wrap {margin-bottom: 30px;}
.editor-form .img-text-wrap .img-text {display: table; width: 100%; padding: 15px 0; border-bottom: 1px dotted #d7d7d7;}
.editor-form .img-text-wrap .img-text:last-child {border-bottom: 0;}
.editor-form .img-text-wrap .img-text .img {display: table-cell; width: 250px; border: 1px dotted #d7d7d7; text-align: center; vertical-align: middle; color: #999;}
.editor-form .img-text-wrap .img-text .text {display: table-cell; padding-left: 60px;}
.editor-form .img-text-wrap .img-text .text ul li {padding: 5px 0; border-bottom: 1px dotted #d7d7d7;}
.editor-form .img-text-wrap .img-text .text ul li input {width: 100%;}
.editor-form .info-list {}
.editor-form .info-list h4 {border-bottom: 1px solid #444; margin-bottom: 10px;}
.editor-form .info-list h4 .tit {color: #fff; background: #444; padding: 5px 30px;}
.editor-form .info-list ul li {position: relative; padding: 5px 0; padding-left: 12px;}
.editor-form .info-list ul li:before {content: ''; position: absolute; left: 0; top: 15px; width: 4px; height: 4px; background: #c6c6c6;}
.editor-form .info-list ul li input {width: 100%;}


@media screen and (max-width: 768px) {
	.editor-form .img-wrap-main {height: 200px;}
	.editor-form .img-text-wrap .img-text .img {width: 210px;}
	.editor-form .img-text-wrap .img-text .text {padding-left: 40px;}
}

@media screen and (max-width: 470px) {
	.editor-form .img-wrap-main {height: 150px;}
	.editor-form .img-text-wrap .img-text {display: block; border-bottom: 0;}
	.editor-form .img-text-wrap .img-text .img {display: table; width: 100%; height: 90px; margin-bottom: 7px;}
	.editor-form .img-text-wrap .img-text .img .middle {display: table-cell; vertical-align: middle; width: 100%;}
	.editor-form .img-text-wrap .img-text .text {display: block; width: 100%; padding-left: 0;}
}
	
/* 260623 회원 css 추가 */
.board-wrap .member_num {width: 335px; margin-bottom: 20px; padding: 10px 0; overflow: hidden; font-size: 14px; border: 1px solid #ccc; vertical-align: top; background: #fff;}
.board-wrap .member_num .numSelect {float: left; width: 60%;}
.board-wrap .member_num .numSelect select {color: #666; font-weight: 400; padding: 0 20px; background: url(/images/homepage/common/ico_boardPage_next.png) #fff right 15px center no-repeat; width: 100%;}
/* rsvn_00 에서 확정된 회원번호 표시 (변경 불가) */
.board-wrap .member_num .numSelect .memb-no-txt {display: block; width: 100%; padding: 0 20px; box-sizing: border-box; color: #3d3d3d; font-weight: 500; line-height: 1.4;}
    
.board-wrap .member_num span {color: #021D43; font-weight: 500; position: relative; float: left; width: 40%;}
.board-wrap .member_num span:after {content:''; display: inline-block; position: absolute; right: 0; top: 4px; width: 1px; height: 15px; background: #ccc;}

/* ==========================================================
 * 예약 회원번호 선택 (rsvn_01 / rsvn_02)
 * 보유 회원번호가 여러 개일 수 있으므로 "선택할 수 있다"는 것이
 * 한눈에 보이도록 라벨 + 화살표 아이콘을 가진 선택박스로 표시한다.
 * ========================================================== */
.memb-no-wrap {margin-bottom: 20px; text-align: left;}
.memb-no-row {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.memb-no-box {
	display: inline-flex;
	align-items: stretch;
	max-width: 100%;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 8px;
	overflow: hidden;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.memb-no-box:hover {border-color: rgb(3, 60, 135);}
.memb-no-box:focus-within {border-color: #021D43; box-shadow: 0 0 0 3px rgba(2, 29, 67, .10);}

.memb-no-box .memb-no-label {
	display: inline-flex;
	align-items: center;
	height: 46px;
	padding: 0 16px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	color: #021D43;
	white-space: nowrap;
	background: #faf7fb;
	border-right: 1px solid #ececec;
}
.memb-no-box .memb-no-label svg {width: 16px; height: 16px; margin-right: 6px; stroke: #021D43; fill: none; stroke-width: 1.5;}

.memb-no-box .memb-no-field {position: relative; display: flex; align-items: center; min-width: 210px;}
.memb-no-box .memb-no-field select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 46px;
	padding: 0 42px 0 16px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	color: #3d3d3d;
	background: transparent;
	border: 0;
	border-radius: 0;
	outline: none;
	cursor: pointer;
}
.memb-no-box .memb-no-field select::-ms-expand {display: none;}
/* 선택 가능 표시용 화살표 */
.memb-no-box .memb-no-field.sel:after {
	content: '';
	position: absolute;
	right: 17px;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -6px;
	border-right: 1.5px solid #838383;
	border-bottom: 1.5px solid #838383;
	transform: rotate(45deg);
	pointer-events: none;
	transition: border-color .2s ease;
}
.memb-no-box:focus-within .memb-no-field.sel:after,
.memb-no-box:hover .memb-no-field.sel:after {border-color: #021D43;}
/* 보유 회원번호가 1개뿐이면 텍스트로만 표시 */
.memb-no-box .memb-no-field .memb-no-txt {
	display: block;
	height: 46px;
	padding: 0 18px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	color: #3d3d3d;
	line-height: 46px;
}
.memb-no-guide {display: block; margin-top: 8px; font-size: 12px; color: #838383; line-height: 1.5;}

/* ==========================================================
 * 회원 사용현황 (rsvn_01) - 시즌별 잔여 일수 (버튼 클릭 시 펼침)
 * ========================================================== */
.memb-use-bt {
	display: inline-flex;
	align-items: center;
	height: 46px;
	padding: 0 16px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	color: #021D43;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 8px;
	cursor: pointer;
	white-space: nowrap;
	transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.memb-use-bt:hover {border-color: #021D43; background: #faf7fb;}
.memb-use-bt.on {border-color: #021D43; background: #faf7fb; box-shadow: 0 0 0 3px rgba(2, 29, 67, .10);}
.memb-use-bt .ico-arr {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: -4px 0 0 8px;
	border-right: 1.5px solid #021D43;
	border-bottom: 1.5px solid #021D43;
	transform: rotate(45deg);
	transition: transform .2s ease, margin .2s ease;
}
.memb-use-bt.on .ico-arr {margin: 2px 0 0 8px; transform: rotate(-135deg);}

.memb-use-wrap {margin: 12px 0 0; text-align: left;}
.memb-use-wrap .memb-use-table {width: 100%; overflow-x: auto;}
.memb-use-wrap table {width: 100%; min-width: 620px; border-collapse: collapse; border-top: 2px solid #021D43; table-layout: fixed;}
.memb-use-wrap table caption {overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px;}
.memb-use-wrap table th,
.memb-use-wrap table td {
	padding: 11px 8px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	word-break: keep-all;
}
.memb-use-wrap table th {color: #3d3d3d; font-weight: 500; background: #faf7fb;}
.memb-use-wrap table th.point {color: #021D43;}
.memb-use-wrap table td {color: #565656;}
.memb-use-wrap table td.sesn {color: #3d3d3d; text-align: left; padding-left: 16px;}
.memb-use-wrap table td.point {color: #021D43; font-weight: 500;}
.memb-use-wrap table tbody tr:last-child th,
.memb-use-wrap table tbody tr:last-child td {border-bottom: 1px solid #cfcfcf;}

@media all and (max-width: 767px) {
	.memb-use-bt {height: 42px; padding: 0 14px; font-size: 13px;}
	.memb-use-wrap {margin-top: 10px;}
	.memb-use-wrap table th,
	.memb-use-wrap table td {padding: 9px 6px; font-size: 13px;}
	.memb-use-wrap table td.sesn {padding-left: 10px;}
}

/* ==========================================================
 * 옵션 항목 (rsvn_02)
 * PC · 모바일 공통 : 옵션명 · 단가(왼쪽) | 수량 조절(오른쪽, 세로 중앙)
 * ========================================================== */
.option-wrap .rsvn-list .rsvn-content .cell.option {width: auto;}
.option-wrap .rsvn-list .rsvn-content .cell.option .opt-name {font-size: 16px; color: #323232; line-height: 1.35;}
.option-wrap .rsvn-list .rsvn-content .cell.option .opt-rate {margin-top: 0; font-size: 16px; color: #666; line-height: 1.35;}
.option-wrap .rsvn-list .rsvn-content .cell.counter {width: 140px; text-align: right; vertical-align: middle;}

@media all and (max-width: 767px) {
	.option-wrap .rsvn-list.pd {padding: 16px 10px;}
	.option-wrap .rsvn-list .rsvn-content .cell.counter {width: 120px;}
}

/* 투숙인원 영역과 동일한 기준으로 글자 크기를 줄인다. (PC 16px / 모바일 14px) */
@media all and (max-width: 470px) {
	.option-wrap .rsvn-list .rsvn-content .cell.option .opt-name,
	.option-wrap .rsvn-list .rsvn-content .cell.option .opt-rate {font-size: 14px;}
}

/* ==========================================================
 * 옵션 수량 조절 (rsvn_02) - $.fn.spinner 로 생성되는 - / + UI
 * <span class="spinner_add"><span class="sub">-</span><input type="number"><span class="add">+</span></span>
 * ========================================================== */
.spinner_add {
	display: inline-flex;
	align-items: stretch;
	width: 124px;
	height: 40px;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	overflow: hidden;
	vertical-align: middle;
	text-align: left;
}
.spinner_add .sub,
.spinner_add .add {
	flex: 0 0 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1;
	color: #021D43;
	background: #faf7fb;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	transition: background .2s ease, color .2s ease;
}
.spinner_add .sub {border-right: 1px solid #ececec;}
.spinner_add .add {border-left: 1px solid #ececec;}
.spinner_add .sub:hover,
.spinner_add .add:hover {background: #021D43; color: #ffffff;}
.spinner_add .sub.disable,
.spinner_add .add.disable,
.spinner_add .sub.disable:hover,
.spinner_add .add.disable:hover {color: #c4c4c4; background: #f5f5f5; cursor: default;}

.spinner_add input[type=number] {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 15px;
	color: #323232;
	text-align: center;
	background: transparent;
	border: 0;
	-moz-appearance: textfield;
	appearance: textfield;
}
.spinner_add input[type=number]::-webkit-outer-spin-button,
.spinner_add input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

@media all and (max-width: 767px) {
	.spinner_add {width: 110px; height: 36px;}
	.spinner_add .sub,
	.spinner_add .add {flex: 0 0 32px; font-size: 16px;}
	.spinner_add input[type=number] {font-size: 14px;}
}

/* rsvn_01 상품 목록 : 상단 검색 · 탭 영역과 좌우 폭을 맞춘다. */
#dataList.mypage-form.pd {padding-left: 0; padding-right: 0;}

/* ==========================================================
 * 예약 결과 안내 (rsvn_01) - 예약 불가 / 조회된 상품 없음
 * 검색영역과 같은 폭 · 같은 톤의 카드로 표시한다.
 * ========================================================== */
.rsvn-empty {
	margin: 24px 0;
	padding: 44px 20px;
	box-sizing: border-box;
	text-align: center;
	background: #faf7fb;
	border: 1px solid #ead9ef;
	border-radius: 10px;
}
.rsvn-empty .rsvn-empty-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background: #f1e6f4;
}
.rsvn-empty .rsvn-empty-ico svg {width: 26px; height: 26px; stroke: #021D43; fill: none; stroke-width: 1.5;}
.rsvn-empty .rsvn-empty-tit {font-size: 17px; color: #3d3d3d; line-height: 1.5; letter-spacing: -0.3px;}
.rsvn-empty .rsvn-empty-desc {margin-top: 8px; font-size: 13px; color: #8a8a8a; line-height: 1.7;}

@media all and (max-width: 767px) {
	.rsvn-empty {margin: 18px 0; padding: 32px 16px;}
	.rsvn-empty .rsvn-empty-ico {width: 48px; height: 48px; margin-bottom: 12px;}
	.rsvn-empty .rsvn-empty-ico svg {width: 22px; height: 22px;}
	.rsvn-empty .rsvn-empty-tit {font-size: 15px;}
	.rsvn-empty .rsvn-empty-desc {font-size: 12px;}
}

@media all and (max-width: 767px) {
	.memb-no-box {display: flex; width: 100%;}
	.memb-no-box .memb-no-label {padding: 0 12px;}
	.memb-no-box .memb-no-field {flex: 1 1 auto; min-width: 0;}
}


.board-wrap .table-wrap {position: relative;}
.board-wrap .table-wrap.x-scroll {overflow: hidden; overflow-x: scroll;}
.board-wrap .table-wrap.mgb {margin-bottom: 50px;}
.board-wrap .table-wrap .top {position: relative; letter-spacing: -0.5px;}
.board-wrap .table-wrap .top .total {position: absolute; right: 0; bottom: 0; color: #666; font-size: 14px;}
.board-wrap .table-wrap .top .total em {color: #ce052b;}
.board-wrap .table-wrap .bt-wrap.abs {position: absolute; right: 0; bottom: 5px;}
.board-wrap .table-wrap .bt-wrap.abs .bt {font-size: 15px; margin: 0; width: 120px; height: 46px; line-height: 46px; text-align: center;}

.board-wrap .table-wrap .withdrawal {position: absolute; right: 0; bottom: 0;}
.board-wrap .table-wrap .withdrawal a {
	width: 160px;
    height: 60px;
    line-height: 58px;
    margin: 0 5px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 2px;
    vertical-align: middle;
    border: 1px solid #666;
    color: #666;
}

@media screen and (max-width: 970px){
	.board-wrap .table-wrap {display: none;}
	.board-wrap .table-wrap.show {display: block;}
	.board-wrap .table-wrap.mgb {margin-bottom: 0;}
	
	.board-wrap .table-wrap .withdrawal {position: relative; margin-top: 25px; text-align: right;}
	.board-wrap .table-wrap .withdrawal a {font-size: 13px; height: 50px; width: 150px; line-height: 48px; text-align: center;}
}

/* Rsvn List */

.board-wrap .rsvn-list {}
.board-wrap .rsvn-list .row {display: table; width: 100%;}
.board-wrap .rsvn-list .row .col {display: table-cell; border-bottom: 1px solid #e0e0e0; /* min-height: 62px; */vertical-align:middle}
.board-wrap .rsvn-list .row .col .th {display: none; padding: 13px 30px;  border-top: 3px solid #26252b; border-bottom: 1px solid #bdbdbf; font-size: 17px; letter-spacing: -0.4px; color: #323232; font-weight: 500;}
/* .board-wrap .rsvn-list .row .col .th .middle{display:table-cell; vertical-align:middle;} */
.board-wrap .rsvn-list.fac-rsvn-list .row .col .th {padding: 13px 10px;}
.board-wrap .rsvn-list .row:first-child .col .th {display: block;}
.board-wrap .rsvn-list .row.first .th {border-bottom: 0;}
.board-wrap .rsvn-list .row:first-child .col{position:relative; padding-top:56px;}
.board-wrap .rsvn-list .row:first-child .col .th{position:absolute; top:0; left:0; width:100%;}
.board-wrap .rsvn-list .row .col .td {display: block; padding: 20px 30px;}

.board-wrap .rsvn-list .row .col .td.button {padding: 11px 30px;}
.board-wrap .rsvn-list .row .col .td .bt {width: 90px; height: 40px; font-size: 14px; line-height:40px;}
.board-wrap .rsvn-list .row .col .td .bt.btn_check{width:100px;}
.board-wrap .rsvn-list .row .col .td .state {font-size: 16px; font-weight: 500;}
.board-wrap .rsvn-list .row .col .td .state.state1 {color: #ce052b;}
.board-wrap .rsvn-list .noData_tx {padding: 40px 0; border-bottom: 1px solid #e0e0e0; font-size: 16px; color: #999;}
.board-wrap .rsvn-list a.btn_cancel {display:inline-block;width:90px;height:28px;line-height:26px;background:#021D43;font-size:13px;font-weight:bold;color:#f9f9f9;text-align:center}

@media screen and (min-width: 971px){
	.board-wrap .rsvn-list .row .col.count {width: 7%;}
	.board-wrap .rsvn-list .row .col.rsvnNum {width: 7%;}
	.board-wrap .rsvn-list .row .col.room {width: 17%;}
	.board-wrap .rsvn-list .row .col.date {width: 26%;}
	.board-wrap .rsvn-list .row .col.name {width: 15%;}
	.board-wrap .rsvn-list .row .col.state {width: 14%;}
	.board-wrap .rsvn-list .row .col.checkIn {width: 14%;}
	.board-wrap .rsvn-list .row .col.cpName {width: 40%;}
	.board-wrap .rsvn-list .row .col.barcode {width: 27%;}
	
	
	.board-wrap .rsvn-list .row .col.rsvnNum02 {width: 15%;}
	.board-wrap .rsvn-list .row .col.room02 {width: 23%;}
	.board-wrap .rsvn-list .row .col.date02 {width: 16%;}
	.board-wrap .rsvn-list .row .col.name02 {width: 25%;}
}

@media screen and (max-width: 1024px){
	.board-wrap .checkIn-list dl dt{font-size:15px;}
	.board-wrap .checkIn-list dl dd{font-size:16px;}
}

@media screen and (max-width: 970px){
	.board-wrap .rsvn-list .row {display: block; border-top: 1px solid #26252b; margin-bottom: 20px;}
	.board-wrap .rsvn-list .row.first {display: none;}
	.board-wrap .rsvn-list .row.noData {display: none;}
	.board-wrap .rsvn-list .row .col {overflow: hidden; width: 100%; display: table; /* table-layout: fixed; */}
	.board-wrap .rsvn-list .row .col .th, .board-wrap .rsvn-list .row .col .td {display: table-cell!important; font-size: 15px;}
	.board-wrap .rsvn-list .row .col .th {width: 25%; min-width: 85px; border-top: 0; border-bottom: 0; background: #f7f7f7; padding: 14px 0;}
	.board-wrap .rsvn-list .row.first .col .th {display: table-cell;}
	.board-wrap .rsvn-list .row:first-child .col {padding-top: 0;}
	.board-wrap .rsvn-list .row:first-child .col .th {width: 25%; position: unset;}
	.board-wrap .rsvn-list .row .col .td {text-align: left; padding: 14px 20px;}
	.board-wrap .rsvn-list .row .col .td.button {padding: 11px 20px;}
	
	.board-wrap .rsvn-list .noData_tx {border: 1px solid #e0e0e0; font-size: 14px;}
	
	.board-wrap .checkIn-list ul li{float:none; width:calc(100% - 20px) !important; border-left:none; border-bottom:1px solid #dfdfdf; margin:0 auto 20px; padding-bottom:20px;}
	
}

@media screen and (max-width:470px){
	.board-wrap .rsvn-list .row .col .th, .board-wrap .rsvn-list .row .col .td {font-size: 13px;}
	.board-wrap .rsvn-list .row .col .td {padding: 14px 12px;}
	.board-wrap .rsvn-list .row .col .td .state {font-size: 13px;}
	.board-wrap .rsvn-list .noData_tx {padding: 25px 0;}
	
	.board-wrap .checkIn-list h1{font-size:28px; margin-bottom:40px;}
	.board-wrap .checkIn-list{padding:20px;}
}

/* 입력 불가(읽기전용/비활성화) input 표시 - 회원가입(join_03) 분양/법인회원 고객정보 등 */
.qna-write li input[readonly], .qna-write li input:disabled, input.not_w {background-color: #f2f2f2; color: #888888; border-color: #dddddd; cursor: not-allowed;}

/* FAQ 답변 첨부파일 (공지사항 상세의 다운로드 영역과 동일한 형태) */
.board-wrap .faqList .answer .faq-download {margin-top: 20px; padding-top: 15px; border-top: 1px solid #dcdcdc;}
.board-wrap .faqList .answer .faq-download ul li {font-size: 15px; line-height: 26px; width: auto; overflow: visible; border-bottom: 0;}
.board-wrap .faqList .answer .faq-download a {color: #323232; cursor: pointer;}
.board-wrap .faqList .answer .faq-download a:hover span {text-decoration: underline;}
.board-wrap .faqList .answer .faq-download strong {margin-right: 8px; vertical-align: middle; width: 16px; height: 16px; display: inline-block; background: url(/images/homepage/board/download.png) no-repeat;}

/* 260915 css 추가 */

.perfect-datetimepicker table {width: 100%;}

.qna-write.qna-wrap {border-top: 3px solid #26252b; border-bottom: 1px solid #cccccc; margin-top: 50px; padding: 17px 0; color: #323232; font-size: 16px;}
.qna-write.qna-wrap.npd {padding: 0;}
.qna-write.qna-wrap.bt0 {border-top: 0;}
.qna-write.qna-wrap li {text-align: left; padding: 10px 2.5%; width: 100%;}
.qna-write.qna-wrap li span {float: left; display: inline-block; width: 10%; font-size: 17px; letter-spacing: -1px; line-height: 40px;}
.qna-write.qna-wrap li input, .qna-write li select {font-size: 15px; border: 1px solid #cccccc; height: 40px; padding: 0 10px;}
.qna-write.qna-wrap li input {width: 270px;}
.qna-write.qna-wrap li input.email01 {width: 190px; margin-right: 5px;}
.qna-write.qna-wrap li input.email02 {width: 220px;margin-left: 8px;}
.qna-write.qna-wrap li select {width: 160px; background: url(/images/homepage/board/faq_open.png) 130px center no-repeat;}
.qna-write.qna-wrap li textarea {width: 89%; border: 1px solid #cccccc; vertical-align: top; padding: 10px;}
.qna-write.qna-wrap li input.title {width: 89%;}

@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.not {width: 100%;}
	.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%;}
	
	.qna-write.join li .tit {width: 23%;}
	.qna-write.join li .con {width: 75%;}

}

@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; width: 18%;}
	.qna-write.join li .not {font-size: 12px; line-height: 1.5; margin-top: 5px; width: 92%;}
	.qna-write li span.email {height: 65px;}
	.qna-write li span.radio-wrap {width: 100%;}
	.qna-write li span.radio {width: 100%;}
	.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%;}
	
	.qna-write.qna-wrap {margin-top: 30px; font-size: 14px;}
	.qna-write.qna-wrap li {padding: 10px 0;}
	
	.qna-write.qna-wrap li input, .qna-write li select {height: 35px; font-size: 13px; padding: 0 6px;}
	.qna-write.qna-wrap li span {font-size: 14px; line-height: 35px; width: 18%;}
	.qna-write.qna-wrap li span.email {height: 65px;}
	.qna-write.qna-wrap li select {width: 100px; display: block; width: 160px; background-size: 12px 7px;}
	.qna-write.qna-wrap li input.email01 {margin-right: 0px; width: 30%; }
	.qna-write.qna-wrap li input.email02 {margin-left: 3px;  width: 40%;}
	.qna-write.qna-wrap li #selectEmail {margin-top: 2.5%;}
	.qna-write.qna-wrap li textarea {width: 80%;}
	.qna-write.qna-wrap li input.title {width: 80%;}
	
	.mypage-form .mypage-box {
		display: flex;
	    flex-direction: column;
	}
	.mypage-form .mypage-box {margin-top: 25px;}
	.mypage-form .mypage-box .menu {width: 100%;}

	#f_outPwd {width: 100% !important;}

}

@media screen and (max-width: 400px){
	.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%;}
}

@media screen and (max-width: 470px){
	.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%; font-size: 14px;}
	.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: 15px;}
}