@charset "UTF-8";
/* 공통 레이아웃 */
.sub.ListHeader {	position:relative; display:inline-block; width: 100%; padding: 18px 20px; border-bottom: 1px solid #ddd; }

/* 월별 예약 현황 */
.content { min-height: 30vh; background-color: #fff; }
.sub_wrap { padding: 0 20px; margin-bottom: 6rem; }

/* myDips - 찜한 상품 */
.dipsList { width: 100%; }
.dipsList_header {
	margin-bottom: 20px;
	display: inline-block;
}
.dips_select-all {
	display: inline-block;
	width: 50%;
	cursor: pointer;
}
.btn-delete-selected {
	display: inline-block;
	float: right;
	width: 100px;
  height: 36px;
  border: 1px solid #555;
  background: #fff;
  color: #555;
  font-weight: 600;
  border-radius: 4px !important;
  box-sizing: border-box;  
}
.dipsList_items, .resvList_items {	padding: 20px 20px; }
.list-item { 
	position: relative; 
	width: 100%;
	height: auto;	
	padding: 20px 0; 
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	box-sizing: border-box; }
.list-item::after { content: ""; display: block; clear: both; }
.list-item:first-child{ padding-top: 0; }
.list-item:last-child { border-bottom: none; }
.list-item > a {
	position: relative;
	display: block; 
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}
.list-item > a::after {
  content: "";
  display: block;
  clear: both;
}
.list-item .item-thum {
	float: left;
	width: 120px;
	height: 120px;
	background-color: #000;
	margin-right: 16px;
	border-radius: 5px;
	overflow: hidden;
}
.list-item .item-thum > a {
	width: 100%;
  height: 100%;
	display: block;
	object-fit: cover;
}
.list-item .item-thum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.list-info {
	position: relative;
	width: calc(100% - 136px);
 	float: right;
}
.list-info .title,
.item-info .title {
	position: relative;
	font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-info .label-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-bottom: 4px;
}
.dips-item_select {
	display: inline-block;
	float: left;
	width: auto;
}
.chkDips {}
.dips-top { overflow: hidden; margin-bottom: 8px; }
.btn-remove {
  display: inline-block;
  float: right;
  border: 1px solid #06B986;
  border-radius: 4px;
  font-size: 18px;
  line-height: 1;
  color: #0b8568;
  cursor: pointer;
}
/* resvList - 예약목록 */

.list-top {height: auto; padding-top: 1px;}
.detail-link { float: right; }
.resvDate { font-size: 16px; font-weight: 600; color:#000;}
/*.resvDate > span { font-weight: 700; } */
.schedule { display: inline-block; width: 100%;}


/*.sub.label-state { width: 52px;}*/
.price-wrap {	display: inline-block; line-height: 32px; }
.sub-goods-price { font-size: 18px; font-weight: 700; }
.start-date {	font-size: 14px; }

.sub-goods-price { font-size: 18px; font-weight: 700; }
.mytour-term { 
	position: absolute;
	right : 0;
	bottom: 20px;
}
.btn-reserve {
	float: right;
	display: block;
	width: 160px;
  height: 40px;
  padding: 6px 12px;
  border: 1px solid #06B986;
  background: #fff;
  color: #0b8568;
  border-radius: 4px;
  font-size: 15px;
 	font-weight: 500;
 	text-align: center;
 	cursor: pointer;
}

/* 예약 내역 상태 표시 */ 
/*.resv-type {
	position: relative;
	display: inline-block;
	width: 56px;
  border-radius : 5px;
  text-align: center;
	font-size: 12px;
  font-weight: 600;
  color: #fff; 
 }*/
 
.resv-label-wrap {
 	float: right; 
 }
.resv-type { display: block; height: 2rem; padding: 0 10px; border-radius: 5px; font-size: 15px; font-weight: 500; line-height: 2rem;box-sizing: border-box; }
.t-green { /*background-color: #0b8568;*/  border: 1px solid #06b986; color:#0b8568; } /* 예약완료 */
.t-red { background-color: #ea4754; border: 1px solid #ea4754; color:#ea4754; } /* 예약취소 */

/* myResvList : 예약목록 */


/* detailResv : 예약 확인 (상세 내역) */
.tbl {}
.tbl h2 {
	margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.tbl .sub-tit {
	font-size: 14px;
	color: #666;
}
.tbl > table {
	width: 100%;
	margin-top : 12px;
	margin-bottom : 20px;
	font-size: 15px;
	border-top : 2px solid #ddd;
	word-break:break-all;
}
.tbl tr {
	padding: 20px 0;
	border-top : 1px solid #ddd;
	border-bottom : 1px solid #ddd;
}
.tbl th {
	padding: 18px 12px;
	background-color: #f8f8f8;
	font-weight: 500;
}
.tbl td {
	padding: 18px 12px;
	line-height: 1.5;
}
.tolPrice {
	font-size: 18px;
}
.price_before {
  text-decoration: line-through;
  color: #888; /* 연한 회색으로 정가 표시 */
}
.remainAmt {
	color: red;
	font-size: 18px;
}/*0b8568*/
.tbl-depart {
	display: inline-block;
	margin-top: 7px;
	padding: 2px 6px;
	border-radius: 4px;
	background-color: #666;
	font-size: 13px;
	color: #fff;
}

.bgGreen { background-color: rgba(11, 133, 104, 0.1);}
.t-center .pay-btn {
	width: 50%;
	height: 55px;
	padding: 0;
	border: none;
	border-radius: 5px;
	background: #06b986;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
}
.t-center .pay-btn.comp {
	background-color: #666;
	cursor: auto;
}

/* MY 여행후기 */
.myReview {
  min-height: 50vh;
}
.myReviewList .list-item {
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
}
.myreview-term {
	position: absolute;
  right: 20px;
  bottom: 20px;
}

/* 이용약관 */
/*.privacy-list {
	position: relative;
	
}
.privacy-list li {
	position: relative;
	display: inline-block;
}*/
.privacy-list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 2px solid #ddd;
  font-size: 15px;
}
.privacy-list li {
  flex: 1; /* 3등분 */
  position: relative;
  text-align: center;
}
.privacy-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  text-decoration: none;
  color: #333;
  font-weight: normal;
  letter-spacing: -0.5px;
}
.privacy-list li.on a {
  font-weight: bold;
  color: #111;
}
.privacy-list li.on a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #111;
}

/* 결제 완료 */
.payComp_wrap {
	text-align: center;
}
.info-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid #ddd;
  font-size: 14px;
  color: #000;
}
.info-table th,
.info-table td {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}
.info-table th {
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}
.info-table td {
	text-align: right;
  font-weight: 600;
  font-size: 15px;
}

/* 본인인증 */
.cert_wrap {
	text-align: center;
}

/* 약관 */
.ol_Wrap {
	margin-bottom: 4rem;
	/*padding: 0 20px;*/
}
.tbl07, .tbl08{
	margin-bottom:1rem;
}
.tbl07 th,
.tbl08 th {
	text-align: center !important;   
  background: #fafafa;
  font-weight: 300;
  color: #000;
  box-sizing: border-box;
  border-top: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.tbl07 th, .tbl07 td {
	padding: 10px;
}
.tbl08 th, .tbl08 td {
	width: 25%;
	padding: 10px;
	border-right: 1px solid #dfdfdf;
}
.tbl07 tr,
.tbl08 tr {
	 border-bottom: 1px solid #dfdfdf;
}
.tbl07 tr th:last-child,
.tbl08 tr th:last-child,
.tbl08 tr td:last-child {
  border-right: none;
}

/* 회사소개 */
.hWrap .h3lgn {
	margin-top: 40px;
	margin-bottom: 10px;
	color: #333;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: -2px;
  text-align: center;
}
.subWrap {
	margin-top: 20px
	margin-bottom: 3rem;
}

.greetWrap {text-align:justify;width:100%;font-size:16px;font-weight:333;letter-spacing:-1px;color:#666;}
.greetingTit {margin-top:50px;line-height:180%;}
.greetWrap strong {font-size:20px;letter-spacing:-2px;font-weight:400;color:#000;}
.greet_tbl th {letter-spacing:-1px;border-right:none !important;text-align:left !important;background:#fafafa;
	font-weight:normal !important;font-size:15px !important;font-weight:200;color:#666 !important;}
.greet_tbl td {font-weight:400;color:#303030 !important;border-right:none !important;text-align:left !important;font-size:15px !important;}
.greetingTit2 {margin-top:30px;line-height:180%;}
.greetingTit3 {margin-top:15px;line-height:210%;}

/* 오시는 길*/
.h4mungu {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
}
.tbl_write table th,
.tbl_write table td{
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* 랜딩페이지 */
.gallery-list {
	background: #fff;
	padding: 0 20px;
}
.gallery-list > li {
	position: relative;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}
.gallery-list > li a {
	display: block;
	overflow: hidden;
}
.gallery-list > li a img {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 5px;
}
.gallery-list > li a .event-info {
	margin-top: 1rem;
}
.gallery-list > li a .event-info .tit {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: -0.4px
}
@media all and (max-width:768px) {
	.loginWrap,
	.subWrap {
		padding: 0 20px;
	}
}