@charset "UTF-8";
.dp_n {
  display: none;
}

@-webkit-keyframes triangleOpened {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(180deg);
  }
}

@keyframes triangleOpened {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(180deg);
  }
}
@-webkit-keyframes triangleClosed {
  from {
	transform: rotate(180deg);
  }
  to {
	transform: rotate(0deg);
  }
}
@keyframes triangleClosed {
  from {
	transform: rotate(180deg);
  }
  to {
	transform: rotate(0deg);
  }
}
@-webkit-keyframes bottomToTop {
  from {
	top: 89%;
  }
  to {
	top: 0;
  }
}
@keyframes bottomToTop {
  from {
	top: 89%;
  }
  to {
	top: 0;
  }
}
@-webkit-keyframes openfolderAcc {
  from {
	max-height: 0;
  }
  to {
	max-height: 100%;
  }
}
@keyframes openfolderAcc {
  from {
	max-height: 0;
  }
  to {
	max-height: 100%;
  }
}
@-webkit-keyframes toastInfinite {
  0% {
	bottom: 0px;
  }
  50% {
	bottom: -8px;
  }
  100% {
	bottom: 0px;
  }
}
@keyframes toastInfinite {
  0% {
	bottom: 0px;
  }
  50% {
	bottom: -8px;
  }
  100% {
	bottom: 0px;
  }
}
@-webkit-keyframes toastLoad {
  0% {
	bottom: 0;
	height: 64px;
  }
  100% {
	height: 100vh;
	background-color: #fcfcfc;
	width: 100vw;
  }
}
@keyframes toastLoad {
  0% {
	bottom: 0;
	height: 64px;
  }
  100% {
	height: 100vh;
	background-color: #fcfcfc;
	width: 100vw;
  }
}
@-webkit-keyframes toastJumpUp {
  0% {
	opacity: 0;
	bottom: -100vh;
  }
  100% {
	opacity: 1;
	bottom: 0;
  }
}
@keyframes toastJumpUp {
  0% {
	opacity: 0;
	bottom: -100vh;
  }
  100% {
	opacity: 1;
	bottom: 0;
  }
}
@-webkit-keyframes toastJumpDown {
  0% {
	opacity: 1;
	bottom: 0;
  }
  100% {
	opacity: 0;
	bottom: -100vh;
  }
}
@keyframes toastJumpDown {
  0% {
	opacity: 1;
	bottom: 0;
  }
  100% {
	opacity: 0;
	bottom: -100vh;
  }
}
@-webkit-keyframes cardFlipFront {
  0% {
	z-index: 2;
  }
  30% {
	z-index: 1;
	transform: rotateY(180deg);
  }
  80% {
	z-index: 1;
	transform: rotateY(180deg);
  }
  100% {
	z-index: 2;
	transform: rotateY(0deg);
  }
}
@keyframes cardFlipFront {
  0% {
	z-index: 2;
  }
  30% {
	z-index: 1;
	transform: rotateY(180deg);
  }
  80% {
	z-index: 1;
	transform: rotateY(180deg);
  }
  100% {
	z-index: 2;
	transform: rotateY(0deg);
  }
}
@-webkit-keyframes cardFlipBack {
  0% {
	z-index: 1;
	transform: rotateY(-180deg);
  }
  30% {
	z-index: 2;
	transform: rotateY(0deg);
  }
  80% {
	z-index: 2;
	transform: rotateY(0deg);
  }
  100% {
	z-index: 1;
	transform: rotateY(-180deg);
  }
}
@keyframes cardFlipBack {
  0% {
	z-index: 1;
	transform: rotateY(-180deg);
  }
  30% {
	z-index: 2;
	transform: rotateY(0deg);
  }
  80% {
	z-index: 2;
	transform: rotateY(0deg);
  }
  100% {
	z-index: 1;
	transform: rotateY(-180deg);
  }
}
.basic_title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  color: #ff6f31;
}

.basic_subtitle {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.7;
  color: #ff6f31;
}

.caption {
  font-size: 13px;
  color: #A5ABB5;
}

.basic_txt_highlight {
  font-weight: 500;
  color: #ff6f31;
}

.item_title {
  font-size: 16px;
  font-weight: 700;
}

.bold {
  font-weight: 700;
}

.color_primary {
  color: #ff9231;
}

.color_variant {
  color: #ff6f31;
}

.color_middle_gray {
  color: #4F5D75;
}

.left_divider {
  padding-left: 2rem;
  border-left: 2px solid #A5ABB5;
}

.divider {
  margin: 3rem 0;
  border: 1px solid #E5E9F4;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

div {
  box-sizing: border-box;
}

img {
  transform: translate3d(0px, 0px, 0px) translateZ(0);
}

a:link {
  text-decoration: none;
  color: #2D3142;
}
a:visited {
  text-decoration: none;
  color: #2D3142;
}

input {
  border: none;
  outline: none;
/*  -webkit-appearance: none !important;*/
/*  -moz-appearance: none !important;*/
/*  appearance: none !important;*/
  box-shadow: none !important;
}

select {
  font-family: inherit;
}

textarea {
  border: none;
  outline: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  font-family: inherit;
}

.middlegray {
  color: #4F5D75;
}

.bold {
  font-weight: 700;
}

.bottomline_gray {
  border-bottom: 1px solid #E5E9F4;
}

@media screen and (min-width: 800px) {
  .dp_n {
	display: none;
  }

  body {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: 500;
	background-color: #FBFBFB;
	color: #2D3142;
	font-size: 14px;
	word-break: keep-all;
	letter-spacing: -0.03rem;
  }

  section {
	width: 800px;
	margin: 0 auto;
  }

  .spacing {
	content: "";
	height: 2.5rem;
  }

  .nav_spacing {
	content: "";
	height: 72px;
  }

  .p_flex_between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }

  .pnt_flex_between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  .pnt_flex_between > div {
	width: 50%;
  }

  .only_ml_PC {
	margin-right: 30px;
  }

  li {
	box-sizing: border-box;
  }

  .ham {
	border-radius: 2px;
	margin: 10px 20px 10px 0;
  }
  .ham .ham_btn {
	position: absolute;
	width: 40px;
	cursor: pointer;
  }
  .ham span {
	display: block;
	width: 70%;
	height: 3px;
	background: #ff9231;
	transition: all 0.3s;
	position: relative;
  }
  .ham span + span {
	margin-top: 8px;
  }
  .ham .active span:nth-child(1) {
	-webkit-animation: ease 0.6s top forwards;
			animation: ease 0.6s top forwards;
  }
  .ham .not_active span:nth-child(1) {
	-webkit-animation: ease 0.6s top-2 forwards;
			animation: ease 0.6s top-2 forwards;
  }
  .ham .active span:nth-child(2) {
	-webkit-animation: ease 0.6s scaled forwards;
			animation: ease 0.6s scaled forwards;
  }
  .ham .not_active span:nth-child(2) {
	-webkit-animation: ease 0.6s scaled-2 forwards;
			animation: ease 0.6s scaled-2 forwards;
  }
  .ham .active span:nth-child(3) {
	-webkit-animation: ease 0.6s bottom forwards;
			animation: ease 0.6s bottom forwards;
  }
  .ham .not_active span:nth-child(3) {
	-webkit-animation: ease 0.6s bottom-2 forwards;
			animation: ease 0.6s bottom-2 forwards;
  }

  @-webkit-keyframes top {
	0% {
	  top: 0;
	  transform: rotate(0);
	}
	50% {
	  top: 11px;
	  transform: rotate(0);
	}
	100% {
	  top: 11px;
	  transform: rotate(45deg);
	}
  }

  @keyframes top {
	0% {
	  top: 0;
	  transform: rotate(0);
	}
	50% {
	  top: 11px;
	  transform: rotate(0);
	}
	100% {
	  top: 11px;
	  transform: rotate(45deg);
	}
  }
  @-webkit-keyframes top-2 {
	0% {
	  top: 11px;
	  transform: rotate(45deg);
	}
	50% {
	  top: 11px;
	  transform: rotate(0deg);
	}
	100% {
	  top: 0;
	  transform: rotate(0deg);
	}
  }
  @keyframes top-2 {
	0% {
	  top: 11px;
	  transform: rotate(45deg);
	}
	50% {
	  top: 11px;
	  transform: rotate(0deg);
	}
	100% {
	  top: 0;
	  transform: rotate(0deg);
	}
  }
  @-webkit-keyframes bottom {
	0% {
	  bottom: 0;
	  transform: rotate(0);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
  }
  @keyframes bottom {
	0% {
	  bottom: 0;
	  transform: rotate(0);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
  }
  @-webkit-keyframes bottom-2 {
	0% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 0;
	  transform: rotate(0);
	}
  }
  @keyframes bottom-2 {
	0% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 0;
	  transform: rotate(0);
	}
  }
  @-webkit-keyframes scaled {
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(0);
	}
  }
  @keyframes scaled {
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(0);
	}
  }
  @-webkit-keyframes scaled-2 {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  @keyframes scaled-2 {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  .top_nav {
	width: 100%;
	height: 72px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	z-index: 100;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
	background-color: #FAFAFA;
  }
  .top_nav .nav_section {
	width: 800px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	position: relative;
  }
  .top_nav .nav_left {
	position: absolute;
	display: flex;
	justify-content: space-between;
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
  }
  .top_nav .nav_left .logo {
	transform: scale(0.7) translate3d(0, 0, 0);
  }
  .nav {
	width: 40px;
	height: 40px;
	overflow: hidden;
	cursor:pointer;
	}
  .nav img{
	width: 100%;
	}
  .top_nav .nav_right {
	position: absolute;
	display: flex;
	justify-content: space-between;
/*    width: 30%;*/
	padding-top: 4px;
	right: 0;
  }
  .top_nav #mobile {
	position: absolute;
	right: 0;
  }

  #logon_name a {
	color: #ff9231;
  }

  .popup {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100vw;
	max-height: 0;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: calc(72px - 2px);
	background-color: #f8f8f8;
	transition: all 0.2s ease-out;
	box-shadow: inset 0 0 8px #00000010;
  }
  .popup .popup_items {
	width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
  }
  .popup .popup_items div {
	width: 432px;
  }
  .popup .popup_items .btn_basic {
	padding: 7px;
  }
  .popup .popup_items .grid_menu {
	margin-top: 12px;
  }

  .popup .active {
	max-height: 190px;
	padding: 25px 30px;
  }

  .grid_menu {
	display: grid;
	-moz-column-gap: 10px;
		 column-gap: 10px;
	row-gap: 12px;
	grid-template-columns: repeat(3, 130px);
	grid-template-rows: repeat(2, 40px);
  }

  .mobile_toast_bg {
	display: block;
	transition: all 0.2s ease-in-out;
	background-color: transparent;
	position: relative;
	z-index: 1;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
  }

  .popup_full_container {
	width: 550px;
	height: 550px;
	padding: 50px 50px 30px 50px;
	background-color: #fcfcfc;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .popup_full_container .btn_bottom {
	bottom: 40px;
	width: 100%;
  }
  .popup_full_container .btn_bottom .btn_basic {
	padding: 10px 18%;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
  }
  .popup_full_container .btn_bottom .btn_basic:hover {
	cursor: pointer;
  }
  .popup_full_container .btn_bottom .btn_basic:hover, .popup_full_container .btn_bottom .btn_basic:active {
	box-shadow: 0px 4px 10px #ff923120;
	background-color: #ff9231;
	color: #fcfcfc;
	border-color: transparent;
  }

  /*------ Font size init ----------*/

  /*------ Font size init End ----------*/

  /* filter-wrap */

  /* filter-wrap */

  /*#calendar_stay_01 .calender_inner01:nth-child(2) {float:right;}*/

  /* ---------------------------------------------------- */

  /* .res_prof_list_wrap span {
	font-size: 16px;
  } */

  /* input[type="radio"].res_prof_radio{
	display:none;
	position: absolute;
	z-index:2;
	width:20px;
	height: 20px;
	cursor: pointer;

  } */

  /* --------------------------------------------------- */

  /*고객센터*/
  /*사이드메뉴*/



.category_rayer {
	display: flex;
	flex-flow: column nowrap;
	align-content: flex-start;
	margin: 0px auto;
	max-width: 800px;
	width: 100%;
	min-height: 1px;
	z-index: 9999999;
	padding-top: 72px;
}
	.category_rayer .category_rayer_in{
	}
	.category_rayer .item-1 {
	width: calc(98%/2);
	margin-right: 2%;
	min-height: 1px;
	padding-top:25px;
	background: #ffffff;
	float: left;
}
	.category_rayer .item-1 ul li{
	width: calc(50% - 2.5px);
	margin-bottom: 5px;
	display: inline-block;
	padding: 15px 20px;
	border-radius: 5px;
	color: rgb(51, 51, 51);
	letter-spacing: -0.42px;
	line-height: 20px;
	background-color: rgb(255 239 225);
	cursor:pointer;
}
	.category_rayer .item-1 .locality_t{
	color: rgb(51, 51, 51);
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: -0.6px;
}
	.category_rayer .item-1:nth-child(2n-2) {margin-right:0;}

}
@media screen and (min-width: 800px) and (min-width: 800px) {
  .popup_full_container {
	border-radius: 10px;
  }
  .popup_full_container .btn_bottom .btn_basic {
	padding: 10px 21%;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(118, 127, 159, 0.5);
	z-index: 300;
	text-align: left;
  }
  .popup_bg .popup_container {
	padding: 50px 50px 30px 50px;
	background-color: #fcfcfc;
	position: fixed;
	min-width: auto;
	width: auto;
	height: 400px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .popup_bg .popup_container {
	padding: 35px;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg .popup_container .fbw {
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
  }
  .popup_bg .popup_container .fbw input {
	width: 90%;
  }
  .popup_bg .popup_container .fbw p {
	width: 10%;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg .popup_container .btn_bottom {
	bottom: 40px;
	width: 100%;
  }
  .popup_bg .popup_container .btn_bottom .btn_basic {
	padding: 10px 20%;
	border-radius: 50px;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg .popup_container .popup_close {
	position: absolute;
	right: 27px;
	top: 27px;
	width: 25px;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .popup_container .popup_close:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg .container_wrap {
	height: 70vh;
	max-height: 320px;
	overflow: auto;
	overflow-x: hidden;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .popup_bg#login_layer .popup_container {
	width: 90vw;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg .login_close {
	position: absolute;
	right: 27px;
	top: 27px;
	width: 30px;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .login_close:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg .title {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #ff9231;
	margin-bottom: 18px;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg input[type=text], .popup_bg input[type=password], .popup_bg input[type=button] {
	margin-bottom: 1rem;
	width: 100%;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: none;
	font-weight: 700;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .btn_primary:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .popup_bg .forgot_passward_section {
	margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 800px) {
  input[type=text], input[type=password], input[type=button] {
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 0.5rem;
	box-sizing: border-box;
	border-radius: 6px;
  }
}
@media screen and (min-width: 800px) {
  input[type=checkbox] {
	margin-top: 5px;
	margin-right: 13px;
  }
}
@media screen and (min-width: 800px) {
  textarea {
	box-sizing: border-box;
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 0.5rem;
	width: 100%;
	height: 4rem;
	border-radius: 6px;
  }
}
@media screen and (min-width: 800px) {
  .forgot_passward_section {
	display: flex;
	justify-content: space-between;
  }
  .forgot_passward_section .rememberme {
	display: flex;
	transition: all 0.2s ease-in-out;
  }
  .forgot_passward_section .rememberme:hover {
	cursor: pointer;
  }
  .forgot_passward_section .forgot {
	transition: all 0.2s ease-in-out;
  }
  .forgot_passward_section .forgot:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  button {
	background-color: #ff9231;
	border-radius: 6px;
	outline: none;
	border: none;
	padding: 0.3rem 0.5rem;
	font-weight: 700;
  }
}
@media screen and (min-width: 800px) {
  .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	font-weight: 700;
  }
}
@media screen and (min-width: 800px) {
  .loading-section {
	width: 100%;
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .loading-section {
	width: 100vw;
  }
}
@media screen and (min-width: 800px) {
  .loading-img-wrap {
	width: 200px;
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (min-width: 800px) {
  .loading-svg {
	width: 80px;
	height: 80px;
  }
}
@media screen and (min-width: 800px) {
  .loading-svg path {
	fill: #ccc;
  }
}
@media screen and (min-width: 800px) {
  .loading-svg .foot {
	fill: #454444;
	transform: translateY(-1px) rotate(-2deg);
	-webkit-animation-name: foot;
			animation-name: foot;
	-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes foot {
	from {
	  transform: translateY(-1px) rotate(-2deg);
	}
	50% {
	  transform: translateY(-1px) rotate(2deg);
	}
	to {
	  transform: translateY(-1px) rotate(-2deg);
	}
  }
  @keyframes foot {
	from {
	  transform: translateY(-1px) rotate(-2deg);
	}
	50% {
	  transform: translateY(-1px) rotate(2deg);
	}
	to {
	  transform: translateY(-1px) rotate(-2deg);
	}
  }
}
@media screen and (min-width: 800px) {
  .loading-img-wrap p {
	width: 100%;
	text-align: center;
	color: #454444;
	font-weight: bold;
  }
}
@media screen and (min-width: 800px) {
  .load1 {
	-webkit-animation-name: pop1;
			animation-name: pop1;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 800px) {
  .load2 {
	-webkit-animation-name: pop2;
			animation-name: pop2;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 800px) {
  .load3 {
	-webkit-animation-name: pop3;
			animation-name: pop3;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 800px) {
  .load4 {
	-webkit-animation-name: pop4;
			animation-name: pop4;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 800px) {
  .load5 {
	-webkit-animation-name: pop5;
			animation-name: pop5;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes pop1 {
	from {
	  fill: #ccc;
	}
	14.5% {
	  fill: #ccc;
	}
	15% {
	  fill: #EABF2A;
	}
	100% {
	  fill: #EABF2A;
	}
  }
  @keyframes pop1 {
	from {
	  fill: #ccc;
	}
	14.5% {
	  fill: #ccc;
	}
	15% {
	  fill: #EABF2A;
	}
	100% {
	  fill: #EABF2A;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes pop2 {
	from {
	  fill: #ccc;
	}
	34.5% {
	  fill: #ccc;
	}
	35% {
	  fill: #58245B;
	}
	100% {
	  fill: #58245B;
	}
  }
  @keyframes pop2 {
	from {
	  fill: #ccc;
	}
	34.5% {
	  fill: #ccc;
	}
	35% {
	  fill: #58245B;
	}
	100% {
	  fill: #58245B;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes pop3 {
	from {
	  fill: #ccc;
	}
	54.5% {
	  fill: #ccc;
	}
	55% {
	  fill: #454444;
	}
	100% {
	  fill: #454444;
	}
  }
  @keyframes pop3 {
	from {
	  fill: #ccc;
	}
	54.5% {
	  fill: #ccc;
	}
	55% {
	  fill: #454444;
	}
	100% {
	  fill: #454444;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes pop4 {
	from {
	  fill: #ccc;
	}
	74.5% {
	  fill: #ccc;
	}
	75% {
	  fill: #DA3E1B;
	}
	100% {
	  fill: #DA3E1B;
	}
  }
  @keyframes pop4 {
	from {
	  fill: #ccc;
	}
	74.5% {
	  fill: #ccc;
	}
	75% {
	  fill: #DA3E1B;
	}
	100% {
	  fill: #DA3E1B;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes pop5 {
	from {
	  fill: #ccc;
	}
	94.5% {
	  fill: #ccc;
	}
	95% {
	  fill: #1B408F;
	}
  }
  @keyframes pop5 {
	from {
	  fill: #ccc;
	}
	94.5% {
	  fill: #ccc;
	}
	95% {
	  fill: #1B408F;
	}
  }
}
@media screen and (min-width: 800px) {
  .pcnone {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .no_search {
	border: none !important;
	width: 100%;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .no_search {
	width: 100vw;
  }
}
@media screen and (min-width: 800px) {
  .no_search .info {
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (min-width: 800px) {
  .lang_select {
	padding-top: 3px;
  }
  .lang_select .language-logo {
	width: 18px;
  }
  .lang_select .down-arrow-btn {
	transform: translateY(-4px);
	width: 10px;
	line-height: 1px;
	margin-left: 8px;
  }
  .lang_select ul {
	position: absolute;
	top: 44px;
	right: 0px;
	z-index: 99999;
	width: 130px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
	padding: 10px;
  }
  .lang_select li {
	display: flex;
	flex-wrap: wrap;
	flex-flow: row;
	padding: 3px 5px;
	margin-right: 10px;
	width: 100%;
	position: relative;
  }
}
@media screen and (min-width: 800px) {
  .border-center {
	border: 3px solid black;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 0;
	width: 100%;
  }
}
@media screen and (min-width: 800px) {
  .loading_list {
	margin: 0 auto;
	width: 80px;
	display: flex;
	justify-content: space-around;
  }
}
@media screen and (min-width: 800px) {
  .loading_dot {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	align-items: center;
	background-color: #ff9231;
	opacity: 0.3;
	transform: scale(0.9) translateY(1px);
	-webkit-animation-name: dotted_animation;
			animation-name: dotted_animation;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
  }
}
@media screen and (min-width: 800px) {
  .loading_dot2 {
	-webkit-animation-delay: 0.33s;
			animation-delay: 0.33s;
  }
}
@media screen and (min-width: 800px) {
  .loading_dot3 {
	-webkit-animation-delay: 0.66s;
			animation-delay: 0.66s;
  }
}
@media screen and (min-width: 800px) {
  #LoadingArea {
	width: 100%;
	padding: 4rem;
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes dotted_animation {
	from {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	30% {
	  transform: scale(1) translateY(0px);
	  opacity: 0.7;
	}
	90% {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	to {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
  }
  @keyframes dotted_animation {
	from {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	30% {
	  transform: scale(1) translateY(0px);
	  opacity: 0.7;
	}
	90% {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	to {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
  }
}
@media screen and (min-width: 800px) and (max-width: 800px) {
  .detail_search_wrap {
	position: relative;
	width: 800px;
	margin: 0 auto;
  }
  .detail_search_wrap .checkinout-time-wrap {
	background-color: #fcfcfc;
	display: flex;
	justify-content: flex-start;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px 15px;
	margin: 10px 0;
  }
  .detail_search_wrap .checkinout-time-wrap > div {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
}
@media screen and (min-width: 800px) and (max-width: 800px) and (max-width: 510px) {
  .detail_search_wrap .checkinout-time-wrap {
	flex-wrap: wrap;
  }
  .detail_search_wrap .checkinout-time-wrap > div:first-child {
	width: 100%;
  }
}
@media screen and (min-width: 800px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap .check-mark-top {
	color: #4F5D75;
	margin-right: 10px;
  }
}
@media screen and (min-width: 800px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 16px;
	font-weight: 700;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom input {
	height: 24px;
  }
}
@media screen and (min-width: 800px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap input {
	text-align: left !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 800px) {
  .detail_search_wrap .personal-count-filter {
	width: 100%;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px 15px;
	margin: 10px 0;
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
  .main_search {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -40px !important;
  }
  .main_search .detail_search_wrap {
	background-color: #fcfcfc;
  }

  .detail_search_wrap {
	position: relative;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: space-between;
	border-radius: 100px;
	padding: 20px 50px;
	margin: 10px 0;
  }
  .detail_search_wrap .checkinout-time-wrap {
	display: flex;
	justify-content: flex-start;
  }
  .detail_search_wrap .checkinout-time-wrap > div {
	display: flex;
	justify-content: flex-start;
	margin-right: 40px;
	align-items: baseline;
  }
  .detail_search_wrap .checkinout-time-wrap > div:hover {
	cursor: pointer;
  }
  .detail_search_wrap .checkinout-time-wrap > div:hover .check-mark-bottom {
	border-bottom: 2px solid #ff9231;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-top {
	color: #4F5D75;
	margin-right: 10px;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .detail_search_wrap .personal-count-filter {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: #ff9231;
	font-weight: 700;
  }
  .detail_search_wrap .personal-count-filter p {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: right;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .detail_search_wrap .personal-count-filter:hover {
	cursor: pointer;
  }
  .detail_search_wrap .personal-count-filter:hover p {
	border-bottom: 2px solid #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .layer_up {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0px;
  }
  .layer_up .application_form {
	overflow: hidden;
	margin-top: 20px;
	border: 1px #e4e4e4 solid;
	overflow: hidden;
	padding: 20px;
	border-radius: 15px;
	background: #ffffff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
  }
  .layer_up .application_form .form_title {
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
	display: table;
	margin: 0px auto 15px;
	height: 30px;
	border-bottom: 1px #ff9231 solid;
  }
  .layer_up .application_form .form_text {
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: left;
	display: table;
	height: 30px;
  }
  .layer_up .application_form .button03 {
	width: 80px;
	height: 40px;
	background: #b4b5b5;
	border: none;
	color: #ffffff;
	margin: 0 auto;
	display: table;
	border-radius: 5px;
	cursor: pointer;
	float: right;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
  }
  .check_btn:hover {
	cursor: pointer;
  }
  .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

  .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }

  .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .btn_off img {
	display: none;
  }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
  .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
  }
  .check_btn:hover {
	cursor: pointer;
  }
  .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

  .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }

  .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .btn_off img {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
  @keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
  @keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
  @keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
  @keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
  @keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 72px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
  @keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 72px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
  @keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
  @keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
  @keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
  @keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
}
@media screen and (min-width: 800px) {
  .view5sizing {
	background-color: #fcfcfc;
	width: calc(800px * 0.25 - 14px / 2 );
	height: calc(((800px * 0.25 - (7px)) / 2) + 68px);
  }
  .view5sizing p {
	height: 25px;
	overflow: hidden;
  }
  .view5sizing .caption {
	height: 17px;
	overflow: hidden;
  }
  .view5sizing .half_ratio_img {
	height: calc((800px * 0.25 - (14px / 2)) / 2) !important;
  }
  .view5sizing.contents_wrapper:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .view5sizing.contents_wrapper:hover img {
	transform: scale(1);
  }
}
@media screen and (min-width: 800px) {
  .swiper_con_wrap {
	width: calc(50% - 14px / 2);
	position: relative;
	margin-bottom: 3rem;
  }
  .swiper_con_wrap .contents_textbox {
	height: 84px;
  }
  .swiper_con_wrap .contents_textbox p {
	white-space: pre;
  }
  .swiper_con_wrap .swiper-pagination1, .swiper_con_wrap .swiper-pagination2 {
	position: absolute;
	top: -30px;
	right: 20px;
  }
  .swiper_con_wrap .swiper-pagination-bullet {
	background: #4F5D75;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	margin: 0 4px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active {
	background: #ff9231;
	width: 30px;
	height: 8px;
	border-radius: 6px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active:focus {
	outline: none;
	border: none;
  }
}
@media screen and (min-width: 800px) {
  .swiper-container {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
  }
  .swiper-container:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 800px) {
  .minswiper1 .swiper-pagination-bullet {
	left: 0;
  }
}
@media screen and (min-width: 800px) {
  .minswiper2 .swiper-pagination-bullet {
	right: 0;
  }
}
@media screen and (min-width: 800px) {
  .contents_wrapper {
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper:hover {
	cursor: pointer;
  }
  .contents_wrapper:hover img {
	transform: scale(1.1);
  }
  .contents_wrapper img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	transition: all 0.2s ease-in-out;
	height: auto;
  }
  .contents_wrapper .contents_textbox {
	padding: 10px 20px;
	background-color: #FBFBFB;
	width: 100%;
	position: absolute;
	bottom: 0;
  }
  .contents_wrapper .contents_textbox p {
	white-space: pre;
  }
}
@media screen and (min-width: 800px) {
  .swiper_con_wrap .contents_wrapper {
	height: calc(196.5px + 84px);
  }
  .swiper_con_wrap .contents_wrapper img {
	height: 196.5px;
  }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
  .grid_gallery {
	display: grid;
	width: 100%;
	grid-template-columns: 240px auto 240px;
	grid-template-rows: 240px 240px;
	-moz-column-gap: 14px;
		 column-gap: 14px;
	row-gap: 14px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 30px;
	bottom: 20px;
	color: #fcfcfc;
	font-size: 18px;
	z-index: 5;
  }
}
@media screen and (min-width: 800px) and (min-width: 481px) and (max-width: 799px) {
  .swiper_con_wrap {
	width: calc(50% - 14px / 2);
	position: relative;
	margin-bottom: 3rem;
  }
  .swiper_con_wrap .swiper-pagination1, .swiper_con_wrap .swiper-pagination2 {
	position: absolute;
	top: -30px;
	right: 20px;
  }
  .swiper_con_wrap .swiper-pagination-bullet {
	background: #4F5D75;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	margin: 0 4px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active {
	background: #ff9231;
	width: 30px;
	height: 8px;
	border-radius: 6px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active:focus {
	outline: none;
	border: none;
  }

  .swiper-container {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
  }
  .swiper-container:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }

  .minswiper1 .swiper-pagination-bullet {
	left: 0;
  }

  .minswiper2 .swiper-pagination-bullet {
	right: 0;
  }

  .contents_wrapper {
	height: calc(196.5px + 84px);
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper:hover {
	cursor: pointer;
  }
  .contents_wrapper:hover img {
	transform: scale(1.1);
  }
  .contents_wrapper img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper .contents_textbox {
	padding: 10px 20px;
	background-color: #FBFBFB;
	width: 100%;
	height: 84px;
	position: absolute;
	bottom: 0;
  }
  .contents_wrapper .contents_textbox p {
	white-space: pre;
  }

  .grid_gallery {
	display: grid;
	width: 100%;
	height: 70vh;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	-moz-column-gap: 18px;
		 column-gap: 18px;
	row-gap: 18px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 30px;
	bottom: 20px;
	color: #fcfcfc;
	font-size: 18px;
	z-index: 5;
  }
}
@media screen and (min-width: 800px) and (max-width: 480px) {
  .grid_gallery {
	display: grid;
	width: 100%;
	grid-template-columns: 160px auto;
	grid-template-rows: 160px 160px 160px;
	-moz-column-gap: 10px;
		 column-gap: 10px;
	row-gap: 10px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 20px;
	bottom: 10px;
	color: #fcfcfc;
	font-size: 18px;
	z-index: 5;
  }

  .mobile100 {
	width: 100%;
  }
}
@media screen and (min-width: 800px) {
  .stay_container {
	width: 597px;
	position: relative;
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
  }
  .stay_container .stay_contents {
	cursor: pointer;
	margin-bottom: 12px;
  }
}
@media screen and (min-width: 800px) {
  .stay_contents {
	width: calc( 50% - 5px );
	min-height: 253px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 10px;
  }
  .stay_contents .caption {
	position: absolute;
	opacity: 0.5;
	top: calc(14px / 2);
	left: 14px;
	color: #fcfcfc;
  }
  .stay_contents .item_title {
	line-height: 1.4;
  }
  .stay_contents .item_img {
	width: 292px;
	height: calc(292px / 2);
	background-size: cover;
	background-position: center center;
  }
}
@media screen and (min-width: 800px) and (min-width: 481px) and (max-width: 1024px) {
  .stay_contents .item_img {
	height: 60%;
  }
}
@media screen and (min-width: 800px) {
  .stay_contents .item_info {
	width: 100%;
	min-height: calc(253px - (292px / 2));
	padding: 10px;
  }
}
@media screen and (min-width: 800px) and (min-width: 369px) and (max-width: 477px) {
  .stay_contents .item_info {
	height: 85px;
  }
}
@media screen and (min-width: 800px) {
  .stay_contents .review {
	position: absolute;
	padding-top: 5px;
	bottom: calc(14px / 2);
  }
  .stay_contents .review li {
	float: left;
	margin-right: 3px;
  }
}
@media screen and (min-width: 800px) {
  .stay_contents .price {
	position: absolute;
	bottom: calc(14px / 2);
	right: 14px;
	font-size: 1.4rem;
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (min-width: 800px) {
  .stay_contents .more_wrap {
	height: 68px;
  }
}
@media screen and (min-width: 800px) {
  .stay_contents .guide {
	color: #4F5D75;
	font-size: 13px !important;
	padding-right: 20px;
	white-space: pre;
	width: 90%;
	overflow: hidden;
  }
}
@media screen and (min-width: 800px) {
  .stay_contents.with_address .more_wrap {
	height: 55px;
  }
}
@media screen and (min-width: 800px) {
  .mark {
	position: absolute;
	z-index: 25px;
	width: 20px;
	right: 14px;
	top: 14px;
	transition: all 0.2s ease-in-out;
  }
  .mark:hover {
	transform: scale(1.1);
  }
}
@media screen and (min-width: 800px) {
  .floating_contents_box {
	width: 100%;
	background-color: #fcfcfc;
	padding: 20px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
  }
  .floating_contents_box .floating_title {
	font-weight: 700;
	padding-left: 15px;
	display: flex;
  }
  .floating_contents_box .floating_title img {
	margin-right: 10px;
  }
  .floating_contents_box .bt_line {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
  }
  .floating_contents_box .check_filter {
	display: flex;
	justify-content: flex-start;
	padding: 5px 0;
  }
  .floating_contents_box .check_filter:last-child {
	padding-bottom: 0;
  }
  .floating_contents_box .check_filter input {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .more_wrap {
	position: relative;
	overflow: hidden;
  }
}
@media screen and (min-width: 800px) {
  .txt_gradient {
	content: "";
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	margin-bottom: -1px;
	background: white;
	background: linear-gradient(0deg, white 0%, white 20%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
  }
}
@media screen and (min-width: 800px) {
  .row_gradient {
	content: "";
	width: 10%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: white;
	background: linear-gradient(-90deg, white 0%, white 20%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
  }
}
@media screen and (min-width: 800px) and (max-width: 360px) {
  #arrayFilter {
	display: flex;
	justify-content: center !important;
  }
}
@media screen and (min-width: 800px) {
  #arrayFilter .arrayfilter_txt {
	font-weight: 500;
	color: #A5ABB5;
	margin-right: 14px;
	transition: all 0.2s ease-in-out;
  }
  #arrayFilter .arrayfilter_txt:last-child {
	margin-right: 0;
  }
  #arrayFilter .arrayfilter_txt:hover {
	cursor: pointer;
  }
  #arrayFilter .arrayfilter_txt.txt_on {
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (min-width: 800px) {
  .blur {
	filter: url("#dropshadow");
  }
}
@media screen and (min-width: 800px) {
  .stay-container .btn_basic {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 50px;
	color: #fcfcfc;
	background-color: #ff9231;
	border-color: #ff9231;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 2rem;
  }
  .stay-container .stay_leftcolumn {
	width: 190px;
  }
}
@media screen and (min-width: 800px) {
  .top_toast_contents {
	width: 355px;
	max-height: 50vh;
	position: absolute;
	top: 75px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
  }
  .top_toast_contents::-webkit-scrollbar {
	width: 8px;
	height: calc(100% - 20px);
	background-color: #fcfcfc;
  }
  .top_toast_contents::-webkit-scrollbar-thumb {
	border-radius: 50px;
  }
  .top_toast_contents::-webkit-scrollbar-track {
	border-radius: 50px;
  }
  .top_toast_contents .top_toast_list {
	border-bottom: 0.5px solid #eee;
  }
}
@media screen and (min-width: 800px) {
  .top_toast_li_con {
	padding: 10px 0;
	line-height: 1.5;
	word-break: keep-all;
	word-wrap: break-word;
	display: flex;
	justify-content: flex-start;
	flex-shrink: 0;
	transition: all 0.2s ease-in-out;
  }
  .top_toast_li_con:hover {
	background-color: rgba(255, 146, 49, 0.1);
  }
}
@media screen and (min-width: 800px) {
  .top_toast_li_arr {
	width: 90%;
	margin-left: 15px;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (min-width: 800px) {
  .top_toast_folder {
	width: 50%;
	padding: 10px;
  }
  .top_toast_folder .folder_opened {
	background-color: #E5E9F4;
  }
}
@media screen and (min-width: 800px) {
  .top_toast_folder_contents {
	background-color: #E5E9F4;
	width: 50%;
	padding: 10px;
  }
}
@media screen and (min-width: 800px) {
  .all_region {
	padding: 0;
  }
}
@media screen and (min-width: 800px) {
  .key_btn {
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 8px;
	transition: all 0.2s ease-in-out;
  }
  .key_btn:hover {
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
  }
}
@media screen and (min-width: 800px) {
  .star-wrap {
	position: relative;
	width: 120px;
  }
}
@media screen and (min-width: 800px) {
  .star-wrap svg .star-line {
	stroke: #ff9231;
	fill: white;
  }
}
@media screen and (min-width: 800px) {
  .star-wrap svg .star-line-uncheck {
	stroke: #adadad;
	fill: white;
  }
}
@media screen and (min-width: 800px) {
  .star-wrap p {
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 10px;
	color: #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .key-wrap {
	border: 1px solid #4F5D75;
	color: #4F5D75;
	transition: all 0.2s ease-in-out;
	padding: 5px 10px;
	border-radius: 50px;
  }
  .key-wrap:hover {
	cursor: pointer;
  }
  .key-wrap.key_on {
	border-color: #ff9231;
	color: #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .filter-text {
	line-height: 19px;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  .filter-text:hover {
	color: #ff9231;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .filter-text-unchecked {
	color: #adadad;
  }
}
@media screen and (min-width: 800px) {
  .filter-check-box:hover ~ .filter-text {
	color: #454444;
  }
}
@media screen and (min-width: 800px) {
  .filtering-section-wrap .filter .filter-check-box:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .filter-check-box {
	width: 18px;
	height: 18px;
	border: 1px solid #adadad;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	margin-left: 5px;
	transition: all 0.2s ease-in-out;
  }
  .filter-check-box:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .filter-check-box svg {
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 800px) {
  .check_wrap .filter-on .filter-check-box {
	background-color: #ff9231;
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .check_wrap .filter-on .filter-check-box svg path {
	stroke: none;
	fill: white;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  .search_layer {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .search_toast {
	position: absolute;
	overflow: visible;
	z-index: 310;
	width: 100vw;
	height: 100vh;
	min-height: 500px;
	background-color: #fcfcfc;
  }
  .search_toast .close_img {
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: #4F5D75;
	mask: url(../images/close_small_img.svg) no-repeat center/contain;
	-webkit-mask: url(../images/close_small_img.svg) no-repeat center/contain;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .search_toast .close_img {
	right: 30px;
	top: 35px;
	z-index: 2;
  }
}
@media screen and (min-width: 800px) {
  .search_toast .progress_circle {
	position: absolute;
	top: 35px;
	right: 32px;
	border-radius: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .search_toast .progress_circle {
	width: 64px;
	height: 64px;
	background-color: #ff9231;
	color: #fcfcfc;
  }
  .search_toast .progress_circle .progress_tiny_circle {
	display: none;
  }
  .search_toast .progress_circle .progress_tiny_circle.active {
	display: flex;
  }
  .search_toast .progress_circle .progress_tiny_circle:after {
	content: "/3";
  }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
  .search_toast .progress_circle .progress_tiny_circle {
	width: 32px;
	height: 32px;
	background-color: #FFE0C0;
	border-radius: 32px;
	color: #fcfcfc;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 40px;
	margin-top: 2rem;
	transition: all 0.2s ease-in-out;
	z-index: 1;
  }
  .search_toast .progress_circle .progress_tiny_circle:hover {
	cursor: pointer;
  }
  .search_toast .progress_circle .progress_tiny_circle.active {
	background-color: #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .search_toast .search_question_sec {
	padding: 35px 32px 20px 32px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	z-index: 320;
  }
  .search_toast .search_question_sec div {
	position: relative;
  }
  .search_toast .search_question_sec div svg {
	position: absolute;
	right: calc(14px / 2);
	top: 9px;
  }
  .search_toast .search_question_sec .h4 {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	color: #ff6f31;
	text-align: left;
  }
  .search_toast .search_question_sec div {
	width: 100%;
	position: relative;
  }
  .search_toast .search_question_sec div .inp_search_icon {
	position: absolute;
	top: 24px;
	right: 10px;
	cursor: pointer;
  }
  .search_toast .search_question_sec input[type=text] {
	width: 100%;
	border-color: #ff6f31;
	background-color: #fcfcfc;
	margin: 0;
	margin-top: 1rem;
  }
  .search_toast .search_question_sec .checkinout .p2 {
	color: #ff6f31;
	font-weight: 700;
  }
  .search_toast .search_question_sec .checkinout div:last-of-type {
	text-align: right;
  }
  .search_toast .search_question_sec .checkinout input {
	border: none;
	outline: none;
	padding: 0;
	font-size: 18px;
  }
}
@media screen and (min-width: 800px) {
  .search_toast .prog_box[data-tab="1"] .search_user_sec {
	height: calc(100% - 224px) !important;
  }
}
@media screen and (min-width: 800px) {
  .search_toast .prog_body[data-tab="3"] .destination {
	width: 60%;
	text-align: left;
	display: flex;
	align-items: flex-end;
  }
}
@media screen and (min-width: 800px) {
  .search_toast .search_user_sec {
	overflow-y: scroll;
	position: relative;
	height: calc(100% - 180px - 72px);
  }
  .search_toast .search_user_sec .pcw45 {
	width: 100%;
  }
  .search_toast .search_user_sec.exist_decider {
	height: calc(100% - 180px - 72px);
  }
  .search_toast .search_user_sec .folder_bottom {
	position: absolute;
	top: 89%;
	width: 100%;
	overflow-y: scroll;
  }
}
@media screen and (min-width: 800px) {
  .sliding_folder_title {
	width: 100%;
	padding: 20px 32px;
	background-color: #F6F7FC;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #E5E9F4;
	border-bottom: 1px solid #E5E9F4;
	transition: all 0.2s ease-in-out;
  }
  .sliding_folder_title:hover {
	cursor: pointer;
  }
  .sliding_folder_title .folder_triangle.opened {
	-webkit-animation-name: triangleOpened;
			animation-name: triangleOpened;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
  .sliding_folder_title .folder_triangle.closed {
	-webkit-animation-name: triangleClosed;
			animation-name: triangleClosed;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
  .sliding_folder_title.closed ~ .sliding_folder_contents {
	max-height: 0;
  }
}
@media screen and (min-width: 800px) {
  .sliding_folder_contents {
	overflow-y: auto;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .sliding_folder_contents {
	height: calc(100vh - 274px) !important;
	overflow-y: scroll;
  }
}
@media screen and (min-width: 800px) {
  .sliding_folder_contents:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .decide_bar {
	position: fixed;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 72px;
	z-index: 500;
	background-color: #F6F7FC;
	color: #ccc;
	font-weight: 700;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	cursor: not-allowed;
  }
  .decide_bar.active {
	background-color: #ff9231;
	color: #fcfcfc;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .nav_box {
	-webkit-tap-highlight-color: transparent;
  }
  .nav_box ul {
	list-style-type: none;
	margin: 0;
	-webkit-margin-before: 0;
			margin-block-start: 0;
	-webkit-margin-after: 0;
			margin-block-end: 0;
	-webkit-margin-start: 0;
			margin-inline-start: 0;
	-webkit-margin-end: 0;
			margin-inline-end: 0;
	-webkit-padding-start: 0;
			padding-inline-start: 0;
  }
  .nav_box li {
	text-align: center;
  }
  .nav_box li p:first-child {
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #E5E9F4;
  }
  .nav_box li p:first-child.selected {
	background: #F6F7FC;
  }
  .nav_box .nav_box {
	background: #E5E9F4;
	width: 250px;
  }
  .nav_box .dep_1 {
	background: #E5E9F4;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
  }
  .nav_box .dep_1 li {
	cursor: pointer;
	background: #fcfcfc;
	width: calc(50% - .5px);
  }
  .nav_box .dep_1 li:nth-child(even) .dep_2 {
	margin-left: -100%;
  }
  .nav_box .dep_1 .dep_2 {
	display: none;
	background: #E5E9F4;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	width: calc(200% - 0.5px);
	display: flex;
	justify-content: space-between;
  }
  .nav_box .dep_1 .dep_2 li {
	cursor: pointer;
	width: calc(50% - 0.5px);
	height: 64px;
	background: #E5E9F4;
	padding: 20px 0;
	border-bottom: 1px solid #F6F7FC;
  }
}
@media screen and (min-width: 800px) {
  .person_check_wrap {
	display: flex;
	justify-content: space-between;
	padding-bottom: 1.4rem;
	color: #4F5D75;
	font-weight: 700;
	text-align: center;
  }
  .person_check_wrap #room_tot_num {
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .person_check_wrap select {
	width: 60%;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #E5E9F4;
	-moz-text-align-last: center;
		 text-align-last: center;
	background: transparent;
  }
}
@media screen and (min-width: 800px) {
  .calc_input_wrap {
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	border: 1px solid #E5E9F4;
	overflow: hidden;
	width: 60%;
	height: 40px;
  }
  .calc_input_wrap div {
	background-color: #F6F7FC;
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .calc_input_wrap p {
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (min-width: 800px) {
  .allday_toast {
	display: flex;
	justify-content: space-between;
	position: fixed;
	padding: 14px 30px;
	height: 72px;
	color: #fcfcfc;
	background-color: #ff9231;
	z-index: 50;
	width: 800px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	-webkit-animation-name: toastInfinite;
			animation-name: toastInfinite;
	-webkit-animation-duration: 3s;
			animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	transition: all 0.4s ease-in-out;
	display: none;
  }
  .allday_toast.toast_load {
	-webkit-animation-name: toastLoad;
			animation-name: toastLoad;
	-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
  }
  .allday_toast img {
	position: absolute;
	top: 1.4rem;
	right: 25px;
	width: 24px;
  }
}
@media screen and (min-width: 800px) {
  .full_img_contents {
	overflow: hidden;
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	height: calc((800px * 0.25 - (14px / 2)) * 2);
  }
  .full_img_contents:hover {
	cursor: pointer;
  }
  .full_img_contents:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .full_img_contents p {
	line-height: 1.6;
	overflow: visible;
  }
  .full_img_contents img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
  }
  .full_img_contents .bottom_txt {
	color: #fcfcfc;
	position: absolute;
	width: 85%;
	bottom: 14px;
	left: 14px;
  }
  .full_img_contents .bottom_txt .item_title {
	height: auto;
  }
}
@media screen and (min-width: 800px) {
  .darken_image_gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: black;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media screen and (min-width: 800px) {
  .bottom_banner {
	width: 100%;
	height: calc(800px / 4);
	background-color: #E5E9F4;
	margin-bottom: 1rem;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
	overflow: hidden;
  }
  .bottom_banner:hover {
	cursor: pointer;
  }
  .bottom_banner:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .bottom_banner img {
	width: 100%;
	height: 100%;
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
  @keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
  @keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
  @keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
  @keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
  @keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 72px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
  @keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 72px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
  @keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
  @keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
  @keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
  @keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
}
@media screen and (min-width: 800px) and (max-height: calc(769px - 1px)) {
  .top-btn-wrap {
	position: fixed;
	bottom: 14px;
	right: 14px;
	z-index: 50;
  }

  .top-btn-wrap a {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: relative;
	background-color: white;
	border-radius: 100%;
	box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
  }

  .top-btn-wrap a img {
	text-align: center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
  }

  .top-btn-wrap a:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 800px) and (min-height: 769px) {
  .top-btn-wrap {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 50;
  }

  .top-btn-wrap a {
	display: inline-block;
	width: 62px;
	height: 62px;
	position: relative;
	background-color: white;
	border-radius: 100%;
	box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
  }

  .top-btn-wrap a img {
	text-align: center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
  }

  .top-btn-wrap a:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 800px) {
  #listcal, #listcal_solo {
	color: #4F5D75;
	padding: 0 32px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 72px;
  }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
  #listcal .month_wrap, #listcal_solo .month_wrap {
	width: 48%;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  #listcal .month_wrap, #listcal_solo .month_wrap {
	width: 100%;
  }
}
@media screen and (min-width: 800px) {
  #listcal .year_header, #listcal_solo .year_header {
	margin-top: 32px;
	margin-bottom: 6px;
	text-align: center;
	color: #2D3142;
  }
  #listcal .year_header .month, #listcal_solo .year_header .month {
	font-size: 2rem;
	font-weight: 700;
  }
  #listcal .year_header .year, #listcal_solo .year_header .year {
	font-size: 14px;
	margin-left: 10px;
	color: #4F5D75;
  }
}
@media screen and (min-width: 800px) {
  #listcal table, #listcal_solo table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
  }
}
@media screen and (min-width: 800px) {
  #listcal thead, #listcal_solo thead {
	color: #4F5D75;
  }
  #listcal thead td, #listcal_solo thead td {
	font-size: 13px;
	background-color: #F6F7FC;
  }
  #listcal thead td:nth-child(1), #listcal_solo thead td:nth-child(1) {
	color: pink;
  }
}
@media screen and (min-width: 800px) {
  #listcal td, #listcal_solo td {
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	cursor: pointer;
	height: 53px;
  }
  #listcal td:nth-child(1), #listcal_solo td:nth-child(1) {
	color: pink;
  }
  #listcal td.cal_picker:not(.checkin_date, .checkout_date):hover, #listcal_solo td.cal_picker:not(.checkin_date, .checkout_date):hover {
	background-color: #FFE0C0;
	opacity: 0.5;
	border-radius: 50%;
  }
  #listcal td.cal_picker.today, #listcal_solo td.cal_picker.today {
	color: #ff9231;
	font-weight: 700;
  }
  #listcal td.cal_picker.before, #listcal_solo td.cal_picker.before {
	color: #ccc;
  }
  #listcal td.cal_picker.ing_date, #listcal_solo td.cal_picker.ing_date {
	color: #4F5D75;
  }
  #listcal td.cal_picker.ing_date p, #listcal_solo td.cal_picker.ing_date p {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center !important;
	background-color: rgba(255, 146, 49, 0.5);
  }
  #listcal td.cal_picker.checkin_date, #listcal_solo td.cal_picker.checkin_date {
	background-image: url(../images/circle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	color: #fcfcfc;
	background-position: top;
  }
  #listcal td.cal_picker.checkin_date.ing_date p, #listcal_solo td.cal_picker.checkin_date.ing_date p {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
  }
  #listcal td.cal_picker.checkout_date, #listcal_solo td.cal_picker.checkout_date {
	background-image: url(../images/circle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	color: #fcfcfc;
	background-position: top;
  }
  #listcal td.cal_picker.checkout_date.ing_date p, #listcal_solo td.cal_picker.checkout_date.ing_date p {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
  }
}
@media screen and (min-width: 800px) {
  #calendar_layer .search_user_sec {
	padding-top: 10px;
	height: calc(100% - 75px);
  }
}
@media screen and (min-width: 800px) {
  p {
	line-height: 1.8;
	font-size: 14px;
  }
}
@media screen and (min-width: 800px) {
  h1 {
	font-size: 5.7rem;
  }
}
@media screen and (min-width: 800px) {
  h2 {
	font-size: 4rem;
  }
}
@media screen and (min-width: 800px) {
  h3 {
	font-size: 2.8rem;
  }
}
@media screen and (min-width: 800px) {
  h4 {
	font-size: 2rem;
  }
}
@media screen and (min-width: 800px) {
  h5 {
	font-size: 1.4rem;
  }
}
@media screen and (min-width: 800px) {
  h6 {
	font-size: 18px;
  }
}
@media screen and (min-width: 800px) {
  .p2 {
	font-size: 18px;
  }
}
@media screen and (min-width: 800px) {
  .h1 {
	font-size: 5.7rem;
  }
}
@media screen and (min-width: 800px) {
  .h2 {
	font-size: 4rem;
  }
}
@media screen and (min-width: 800px) {
  .h3 {
	font-size: 2.8rem;
  }
}
@media screen and (min-width: 800px) {
  .h3_4 {
	font-size: 2.4rem;
  }
}
@media screen and (min-width: 800px) {
  .h4 {
	font-size: 2rem;
  }
}
@media screen and (min-width: 800px) {
  .h4_5 {
	font-size: 1.6rem;
  }
}
@media screen and (min-width: 800px) {
  .h5 {
	font-size: 1.4rem;
  }
}
@media screen and (min-width: 800px) {
  .btn_txt {
	font-weight: 700;
  }
  .btn_txt:hover {
	transition: all 0.2s ease-in-out;
	text-shadow: 0px 0px 4px #A5ABB5;
  }
  .btn_txt:hover:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .btn_basic {
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #A5ABB5;
	border-radius: 10px;
	font-weight: 500;
  }
  .btn_basic:hover {
	cursor: pointer;
  }
  .btn_basic .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: 1px solid #ff9231;
  }
  .btn_basic.btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: 1px solid #ff9231;
  }
  .btn_basic.btn_full {
	width: 100%;
	height: 72px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
  }
}
@media screen and (min-width: 800px) {
  .bigswiper {
	margin-top: calc(72px - 1px);
	width: 800px;
	height: auto;
  }
}
@media screen and (min-width: 800px) {
  .event_banner {
	overflow: hidden;
  }
  .event_banner .banner_items {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .event_banner .swiper-container {
	border-radius: 0;
  }
  .event_banner .swiper-button-prev {
	left: 5%;
  }
  .event_banner .swiper-button-next {
	right: 5%;
  }
}
@media screen and (min-width: 800px) {
  .main_search {
	z-index: 30;
	width: 800px;
	margin: 0 auto;
  }
  .main_search .stay-filter-list {
	position: absolute;
  }
}
@media screen and (min-width: 800px) {
  .stay-filter-list {
	position: relative;
	background-color: white;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	/* overflow: hidden; */
	z-index: 35;
	border-radius: 36.5px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
	margin: 15px 0;
  }
}
@media screen and (min-width: 800px) {
  .stay-filter-box-wrap {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: initial;
  }
}
@media screen and (min-width: 800px) {
  .wrap-fi {
	display: flex;
	justify-content: space-between;
	padding: 15px 0 0 38px;
	/* height: fit-content; */
	overflow: hidden;
  }
  .wrap-fi input {
	border: none;
	padding: 0;
  }
}
@media screen and (min-width: 800px) {
  .filter_search_auto_wrap {
	width: 355px;
	max-height: 50vh;
	position: absolute;
	top: 75px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
  }
}
@media screen and (min-width: 800px) {
  .filter_search_auto_list {
	border-bottom: 0.5px solid #eee;
  }
}
@media screen and (min-width: 800px) {
  .filter_search_auto_wrap .search_key_wrap:hover {
	/* background-color: rgba(255,146,49, .5); */
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .orange_p {
	color: #ff9231;
	font-weight: bold;
  }
}
@media screen and (min-width: 800px) {
  .filter_search_img_con {
	width: 25px;
	height: 25px;
	background-color: transparent;
  }
}
@media screen and (min-width: 800px) {
  .filter_search_img_con img {
	width: 100%;
	height: 100%;
  }
}
@media screen and (min-width: 800px) {
  .filter_search_li_arr {
	width: 100%;
	text-align: left;
  }
}
@media screen and (min-width: 800px) {
  #recommend_destination .filter_search_li_arr {
	text-align: left;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (min-width: 800px) {
  .filter_search_li_con {
	line-height: 1.5;
	word-break: keep-all;
	word-wrap: break-word;
	display: flex;
	justify-content: flex-start;
	flex-shrink: 0;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  #recommend_hotel {
	right: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
  }
}
@media screen and (min-width: 800px) {
  #recommend_destination {
	left: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: 550px;
  }
}
@media screen and (min-width: 800px) {
  .filter-mini-box {
	border-right: 1px dotted #ccc;
  }
}
@media screen and (min-width: 800px) {
  .light-grey-title {
	color: #adadad;
	font-size: 13px;
  }
}
@media screen and (min-width: 800px) {
  .filter-input-text {
	color: #454444;
	font-size: 16px;
	font-weight: bold;
  }
}
@media screen and (min-width: 800px) {
  .navbar-btn {
	border: none;
	color: #454444;
	font-size: 16px;
	font-weight: bold;
  }
}
@media screen and (min-width: 800px) {
  .navbar-btn::-moz-placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
  .navbar-btn:-ms-input-placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
  .navbar-btn::placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
}
@media screen and (min-width: 800px) {
  .search_area {
	width: 30%;
	height: 43px;
	border-right: 1px solid #ccc;
	padding-right: 1rem;
  }
}
@media screen and (min-width: 800px) {
  .lend-filter {
	width: 25%;
  }
}
@media screen and (min-width: 800px) {
  .checkinout-time input {
	text-align: center;
  }
  .checkinout-time input:hover {
	transition: all 0.2s ease-in-out;
  }
  .checkinout-time input:hover:hover {
	cursor: pointer;
  }
  .checkinout-time:hover {
	transition: all 0.2s ease-in-out;
  }
  .checkinout-time:hover:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .checkinout-timefilter-wrap {
	width: 30%;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (min-width: 800px) {
  .personal-count-filter {
	width: 30%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	position: relative;
  }
}
@media screen and (min-width: 800px) {
  .checkinout-timefilter-wrap > div {
	width: 50%;
  }
}
@media screen and (min-width: 800px) {
  .filter-checkout-time p {
	text-align: right;
  }
}
@media screen and (min-width: 800px) {
  .keyword-filter-wrap {
	width: 265px;
	height: 43px;
  }
}
@media screen and (min-width: 800px) {
  .filter-search-btn-wrap {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: #ff9231;
	margin-right: 8.5px;
	transform: translateY(-8.5px);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  .filter-search-btn-wrap:hover {
	cursor: pointer;
	box-shadow: 0 0 4px #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .stay-event-banner-wrap {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .filter-search-btn-wrap img {
	width: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 800px) {
  #stay-filter-box-label {
	overflow: hidden;
	width: 100%;
	height: 0;
  }
}
@media screen and (min-width: 800px) {
  .down-personal-filter {
	position: absolute;
	top: 1px;
	right: 0;
	padding: 20px;
  }
}
@media screen and (min-width: 800px) {
  .down-personal-filter:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .child-age-mark-wrap {
	font-size: 12px;
	color: #adadad;
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
  }
}
@media screen and (min-width: 800px) {
  .child-age-mark-wrap .age-text p {
	text-decoration: underline;
	margin-right: 3px;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  .child-age-mark-wrap .age-text:hover {
	color: #454444;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .child-age-mark-wrap .age-text {
	display: flex;
	justify-content: flex-start;
	margin-left: 5px;
  }
}
@media screen and (min-width: 800px) {
  #stay-filter-box-input {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .mobile-stay-view {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .detail-personal-count-wrap {
	position: relative;
	height: 0;
	overflow: hidden;
  }
}
@media screen and (min-width: 800px) {
  #stay-filter-box-input:checked ~ .detail-personal-count-wrap {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
  }
}
@media screen and (min-width: 800px) {
  .end-selected {
	font-size: 12px;
	/* position: absolute; */
	margin-left: 70%;
	margin-bottom: 10px;
	text-align: center;
	/* bottom: 15px; */
	/* right: 0; */
	padding: 5px 15px;
	border-radius: 100px;
	margin-right: 25px;
	background-color: #ff9231;
	color: white;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  .end-selected:hover {
	box-shadow: 0 0 4px #ff9231;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .detail-personal-count-wrap .people-age-wrap-2 {
	margin: 20px 10px;
  }
}
@media screen and (min-width: 800px) {
  .inner {
	margin: 0 auto;
	width: 800px;
  }
}
@media screen and (min-width: 800px) {
  .people-age-wrap li {
	margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 800px) {
  .login_social_img_wrap {
	width: 100%;
	margin-top: 2rem;
  }
  .login_social_img_wrap a img {
	width: 50px;
	height: 50px;
  }
}
@media screen and (min-width: 800px) {
  .label_span {
	width: 80%;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 {
	width: 100%;
	height: 600px;
	background: #ffffff;
	border: 1px #e4e4e4 solid;
	position: absolute;
	/* top: 100px; */
	/* left: 0px; */
	padding: 20px;
	z-index: 9999;
  }
}
@media screen and (min-width: 800px) {
  .checkinout-all-container {
	width: 1200px;
	margin: 0 auto;
  }
}
@media screen and (min-width: 800px) {
  .checkinout-all-container #stay_detail_cal #calendar_stay_01 {
	position: relative;
	top: 95px;
	/* left: 13%; */
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .left_btn {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .right_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .calender_inner01 {
	width: 49%;
	height: 100%;
	position: relative;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .calender_title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .calender_table {
	width: 100%;
	border-collapse: collapse;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .calender_table tr th {
	font-size: 14px;
	color: #ff9231;
	height: 4.5em;
	width: 14%;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .calender_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: 0.2em;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .calandar_close {
	position: absolute;
	top: -25px;
	right: 10px;
	width: 35px;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .calender_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (min-width: 800px) {
  #calendar_stay_01 .calender_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (min-width: 800px) {
  #calendar {
	width: 856px;
	min-height: 480px;
	background: #ffffff;
	border: 1px #e4e4e4 solid;
	position: absolute;
	top: 158px;
	left: 0px;
	padding: 20px;
	line-height: 1;
	z-index: 1;
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .calender_title p {
	font-weight: bold;
	color: #454444;
  }
}
@media screen and (min-width: 800px) {
  .calender_title p span {
	font-size: 0.8em;
	font-weight: 300;
  }
}
@media screen and (min-width: 800px) {
  #calendar .calender_inner01 {
	float: left;
	width: 49%;
	height: 100%;
	position: relative;
  }
}
@media screen and (min-width: 800px) {
  #calendar .calender_inner01:nth-child(2) {
	float: right;
  }
}
@media screen and (min-width: 800px) {
  #calendar .left_btn {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  #calendar .right_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  #calendar .calender_title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
  }
}
@media screen and (min-width: 800px) {
  #calendar .calender_table {
	width: 100%;
	border-collapse: collapse;
  }
}
@media screen and (min-width: 800px) {
  #calendar .calender_table tr th {
	font-size: 14px;
	color: #ff9231;
	height: 4.5em;
	width: 14%;
  }
}
@media screen and (min-width: 800px) {
  #calendar .calender_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: 0.2em;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  #calendar .calender_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (min-width: 800px) {
  #calendar .calender_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (min-width: 800px) {
  .calendar-not {
	background: #efefef !important;
	cursor: not-allowed;
	color: #a5a1a1 !important;
  }
}
@media screen and (min-width: 800px) {
  .calendar-active {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (min-width: 800px) {
  .calendar-weekend {
	background: #e23939 !important;
	color: #ffffff !important;
  }
}
@media screen and (min-width: 800px) {
  .none {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .prog_box.active {
	display: block;
  }
}
@media screen and (min-width: 800px) {
  .prog_box {
	display: none;
	height: 100%;
  }
}
@media screen and (min-width: 800px) {
  .search_user_sec .special_type {
	margin: 14px 0;
  }
}
@media screen and (min-width: 800px) {
  .wh5040 {
	width: 600px !important;
	height: 500px !important;
  }
}
@media screen and (min-width: 800px) {
  .tendays input, .tendays textarea {
	text-align: center;
  }
}
@media screen and (min-width: 800px) {
  .company_banner {
	height: 100px;
	margin-top: 2rem;
  }
}
@media screen and (min-width: 800px) and (max-width: 480px) {
  .company_view {
	width: 60%;
  }

  .connect_line {
	content: "";
	border: none;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .stay_designer .flex_between {
	justify-content: space-around;
  }
}
@media screen and (min-width: 800px) and (min-width: 481px) {
  .connect_line {
	content: "";
	border-bottom: 2px solid #E5E9F4;
	width: 40%;
	height: 1px;
  }
}
@media screen and (min-width: 800px) {
  .stay_designer .view5sizing {
	margin-bottom: 1rem;
  }
}
@media screen and (min-width: 800px) {
  table {
	border-collapse: collapse;
  }
}
@media screen and (min-width: 800px) {
  .mt-2, .my-2 {
	margin-top: 0.5rem !important;
  }
}
@media screen and (min-width: 800px) {
  .pb-3, .py-3 {
	padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 800px) {
  thead {
	display: table-header-group;
  }
}
@media screen and (min-width: 800px) {
  img, tr {
	page-break-inside: avoid;
  }
}
@media screen and (min-width: 800px) {
  h2, h3, p {
	orphans: 3;
	widows: 3;
  }
}
@media screen and (min-width: 800px) {
  h2, h3 {
	page-break-after: avoid;
  }
}
@media screen and (min-width: 800px) {
  .table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6 !important;
  }
}
@media screen and (min-width: 800px) {
  .table-dark {
	color: inherit;
  }
}
@media screen and (min-width: 800px) {
  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
	border-color: #dee2e6;
  }
}
@media screen and (min-width: 800px) {
  .table .thead-dark th {
	color: inherit;
	border-color: #dee2e6;
  }
}
@media screen and (min-width: 800px) {
  .table {
	width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
  }
}
@media screen and (min-width: 800px) {
  .table td, .table th {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
  }
}
@media screen and (min-width: 800px) {
  .table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
  }
}
@media screen and (min-width: 800px) {
  .table tbody + tbody {
	border-top: 2px solid #dee2e6;
  }
}
@media screen and (min-width: 800px) {
  .table .table-sm td, .table-sm th {
	padding: 0.3rem;
  }
}
@media screen and (min-width: 800px) {
  .table-bordered {
	border: 1px solid #dee2e6;
  }
}
@media screen and (min-width: 800px) {
  .table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6;
  }
}
@media screen and (min-width: 800px) {
  .table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 2px;
  }
}
@media screen and (min-width: 800px) {
  .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
	border: 0;
  }
}
@media screen and (min-width: 800px) {
  .table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.05);
  }
}
@media screen and (min-width: 800px) {
  .table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (min-width: 800px) {
  .table-primary, .table-primary > td, .table-primary > th {
	background-color: #b8daff;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-primary:hover {
	background-color: #9fcdff;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
	background-color: #9fcdff;
  }
}
@media screen and (min-width: 800px) {
  .table-secondary, .table-secondary > td, .table-secondary > th {
	background-color: #d6d8db;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-secondary:hover {
	background-color: #c8cbcf;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
	background-color: #c8cbcf;
  }
}
@media screen and (min-width: 800px) {
  .table-success, .table-success > td, .table-success > th {
	background-color: #c3e6cb;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-success:hover {
	background-color: #b1dfbb;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
	background-color: #b1dfbb;
  }
}
@media screen and (min-width: 800px) {
  .table-info, .table-info > td, .table-info > th {
	background-color: #bee5eb;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-info:hover {
	background-color: #abdde5;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
	background-color: #abdde5;
  }
}
@media screen and (min-width: 800px) {
  .table-warning, .table-warning > td, .table-warning > th {
	background-color: #ffeeba;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-warning:hover {
	background-color: #ffe8a1;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	background-color: #ffe8a1;
  }
}
@media screen and (min-width: 800px) {
  .table-danger, .table-danger > td, .table-danger > th {
	background-color: #f5c6cb;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-danger:hover {
	background-color: #f1b0b7;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	background-color: #f1b0b7;
  }
}
@media screen and (min-width: 800px) {
  .table-light, .table-light > td, .table-light > th {
	background-color: #fdfdfe;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-light:hover {
	background-color: #ececf6;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
	background-color: #ececf6;
  }
}
@media screen and (min-width: 800px) {
  .table-dark, .table-dark > td, .table-dark > th {
	background-color: #c6c8ca;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-dark:hover {
	background-color: #b9bbbe;
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
	background-color: #b9bbbe;
  }
}
@media screen and (min-width: 800px) {
  .table-active, .table-active > td, .table-active > th {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (min-width: 800px) {
  .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (min-width: 800px) {
  .table .thead-dark th {
	color: #fff;
	background-color: #212529;
	border-color: #32383e;
  }
}
@media screen and (min-width: 800px) {
  .table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6;
  }
}
@media screen and (min-width: 800px) {
  .table-dark {
	color: #fff;
	background-color: #212529;
  }
}
@media screen and (min-width: 800px) {
  .table-dark td, .table-dark th, .table-dark thead th {
	border-color: #32383e;
  }
}
@media screen and (min-width: 800px) {
  .table-dark.table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 800px) {
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.05);
  }
}
@media screen and (min-width: 800px) {
  .table-dark.table-hover tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.075);
  }
}
@media screen and (min-width: 800px) and (max-width: 575.98px) {
  .table-responsive-sm {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-sm > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 800px) and (max-width: 767.98px) {
  .table-responsive-md {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-md > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 800px) and (max-width: 991.98px) {
  .table-responsive-lg {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-lg > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 800px) and (max-width: 1199.98px) {
  .table-responsive-xl {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-xl > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 800px) {
  .table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 800px) {
  .table-responsive > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 800px) {
  .accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
  }
}
@media screen and (min-width: 800px) {
  .card > hr {
	margin-right: 0;
	margin-left: 0;
  }
}
@media screen and (min-width: 800px) {
  .card > .list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }
}
@media screen and (min-width: 800px) {
  .card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }
}
@media screen and (min-width: 800px) {
  .card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
  }
}
@media screen and (min-width: 800px) {
  .card-title {
	margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 800px) {
  .card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
  }
}
@media screen and (min-width: 800px) {
  .card-text:last-child {
	margin-bottom: 0;
  }
}
@media screen and (min-width: 800px) {
  .card-link:hover {
	text-decoration: none;
  }
}
@media screen and (min-width: 800px) {
  .card-link + .card-link {
	margin-left: 1.25rem;
  }
}
@media screen and (min-width: 800px) {
  .card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }
}
@media screen and (min-width: 800px) {
  .card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  }
}
@media screen and (min-width: 800px) {
  .card-header + .list-group .list-group-item:first-child {
	border-top: 0;
  }
}
@media screen and (min-width: 800px) {
  .card-footer {
	padding: 0.75rem 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
  }
}
@media screen and (min-width: 800px) {
  .card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
  }
}
@media screen and (min-width: 800px) {
  .card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
  }
}
@media screen and (min-width: 800px) {
  .card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
  }
}
@media screen and (min-width: 800px) {
  .card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
  }
}
@media screen and (min-width: 800px) {
  .card-img {
	width: 100%;
	border-radius: calc(.25rem - 1px);
  }
}
@media screen and (min-width: 800px) {
  .card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
  }
}
@media screen and (min-width: 800px) {
  .card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 1px);
	border-bottom-left-radius: calc(.25rem - 1px);
  }
}
@media screen and (min-width: 800px) {
  .card-deck {
	display: flex;
	flex-direction: column;
  }
}
@media screen and (min-width: 800px) {
  .card-deck .card {
	margin-bottom: 15px;
  }
}
@media screen and (min-width: 800px) and (min-width: 576px) {
  .card-deck {
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left: -15px;
  }

  .card-deck .card {
	display: flex;
	flex: 1 0 0%;
	flex-direction: column;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
  }
}
@media screen and (min-width: 800px) {
  .card-group {
	display: flex;
	flex-direction: column;
  }
}
@media screen and (min-width: 800px) {
  .card-group > .card {
	margin-bottom: 15px;
  }
}
@media screen and (min-width: 800px) and (min-width: 576px) {
  .card-group {
	flex-flow: row wrap;
  }

  .card-group > .card {
	flex: 1 0 0%;
	margin-bottom: 0;
  }

  .card-group > .card + .card {
	margin-left: 0;
	border-left: 0;
  }

  .card-group > .card:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }

  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
	border-top-right-radius: 0;
  }

  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
	border-bottom-right-radius: 0;
  }

  .card-group > .card:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }

  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
	border-top-left-radius: 0;
  }

  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
	border-bottom-left-radius: 0;
  }

  .card-group > .card:only-child {
	border-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
	border-radius: 0;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
	border-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .card-columns .card {
	margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 800px) and (min-width: 576px) {
  .card-columns {
	-moz-column-count: 3;
	column-count: 3;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
  }

  .card-columns .card {
	display: inline-block;
	width: 100%;
  }
}
@media screen and (min-width: 800px) {
  .accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  .credit_section {
	margin: 2rem 0;
  }
}
@media screen and (min-width: 800px) {
  .for_m {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .dida_hotel_box .first_view .optional_text {
	width: 100% !important;
  }
}
@media screen and (min-width: 800px) {
  .stay_detail_inner {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
  }
}
@media screen and (min-width: 800px) {
  .detail_header {
	padding-top: 72px;
	width: 800px;
	margin: 0 auto;
  }
  .detail_header .name_wrap > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 10px;
  }
  .detail_header .name_wrap .hotel_name {
	font-size: 24px;
	font-weight: 700;
  }
  .detail_header .name_wrap .name_wrap_inner {
	align-items: baseline;
	margin-bottom: 10px;
  }
  .detail_header .region {
	padding: 2px 15px;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 14px;
	margin-right: 10px;
  }
  .detail_header .product_code {
	font-size: 12px;
	color: #A5ABB5;
	margin-left: 10px;
  }
}
@media screen and (min-width: 800px) {
  .stay_detail_inner .search_only {
	display: none !important;
  }
}
@media screen and (min-width: 800px) {
  .special_type {
	margin-bottom: 5px;
  }
  .special_type p {
	display: inline-block;
	color: #ff9231;
	padding: 2px 15px;
	border: 1px solid #ff9231;
	border-radius: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
  }
}
@media screen and (min-width: 800px) {
  .hotel_detail_nav {
	width: 100vw;
	position: fixed;
	top: 72px;
	z-index: 100;
	background-color: #FBFBFB;
	transform: translateY(10px);
	opacity: 0;
	transition: all 0.4s ease-in-out;
  }
  .hotel_detail_nav ul {
	width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
  }
  .hotel_detail_nav ul li {
	padding: 18px 50px;
	color: #2D3142;
	font-weight: 700;
	font-size: 16px;
	transition: all 0.2s ease-in-out;
	border: 5px solid #FBFBFB;
  }
  .hotel_detail_nav ul li:hover {
	cursor: pointer;
  }
  .hotel_detail_nav ul li:hover {
	cursor: pointer;
	border-bottom: 5px solid #ff9231;
  }
  .hotel_detail_nav ul .list_in {
	border-bottom: 5px solid #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .optional_more {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #E5E9F4;
	opacity: 0.8;
	transition: all 0.2s ease-in-out;
  }
  .optional_more img {
	width: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 800px) {
  .hotel_detail {
	width: 800px;
	margin: 0 auto;
  }
  .hotel_detail .only_ml_PC {
	margin: 0;
  }
  .hotel_detail .img_wrap {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
	margin: 10px 0;
	transition: all 0.2s ease-in-out;
  }
  .hotel_detail .img_wrap:hover {
	cursor: pointer;
  }
  .hotel_detail .img_wrap:hover .optional_more {
	background-color: rgba(255, 255, 255, 0.3);
  }
  .hotel_detail .img_wrap .image {
	width: 800px;
	height: 500px;
	float: left;
	background-size: cover;
	background-position: center;
  }
  .hotel_detail .img_wrap .img_move {
	width: calc(100% - 20px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
  }
  .hotel_detail .option_wrap {
	padding: 30px 0;
  }
  .hotel_detail .section_title {
	font-weight: 700;
	font-size: 18px;
	color: #111113;
	margin-right: 10px;
  }
  .hotel_detail .view_name {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
  }
  .hotel_detail .check-time-option {
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .hotel_detail .check-time-option img {
	margin-right: 10px;
  }
  .hotel_detail .check-time-option p {
	color: #4F5D75;
	font-size: 14px;
	margin-right: 10px;
  }
  .hotel_detail .check-time-option p span {
	color: #2D3142;
	font-weight: 700;
  }
  .hotel_detail .h_information {
	font-size: 16px;
	color: #111113;
  }
  .hotel_detail .h_information img {
	width: 100%;
  }
  .hotel_detail .check_thing {
	margin-top: 10px;
  }
  .hotel_detail .check_thing .option_check {
	color: #ff9231;
  }
  .hotel_detail .spot_name {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
  .hotel_detail .spot_name p {
	color: #111113;
  }
  .hotel_detail .map {
	width: 100%;
	height: 400px;
	background-color: #E5E9F4;
	margin: 10px 0;
  }
}
@media screen and (min-width: 800px) {
  .hotel_option_box {
	margin-bottom: 15px;
	width: 100%;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	overflow: hidden;
  }
  .hotel_option_box .first_view {
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid #E5E9F4;
  }
  .hotel_option_box .first_view .optional_img {
	width: 200px;
	height: 170px;
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .first_view .optional_img:hover {
	cursor: pointer;
  }
  .hotel_option_box .first_view .optional_img:hover .optional_more {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.3);
  }
  .hotel_option_box .first_view .optional_img > img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
  }
  .hotel_option_box .first_view .optional_text {
	width: calc(100% - 200px);
	padding: 10px 15px;
  }
  .hotel_option_box .first_view .optional_text .option_name {
	font-size: 18px;
	font-weight: 700;
	color: #111113;
	margin-bottom: 8px;
  }
  .hotel_option_box .first_view .optional_text .option_name span {
	font-size: 14px;
	color: #A5ABB5;
	font-weight: 400;
  }
  .hotel_option_box .first_view .optional_text .option_select {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
  }
  .hotel_option_box .first_view .optional_text .option_select > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .hotel_option_box .first_view .optional_text .option_select > div > p {
	padding-right: 5px;
  }
  .hotel_option_box .first_view .optional_text .option_select > div .book {
	padding: 3px 20px;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .first_view .optional_text .option_select > div .book:hover {
	cursor: pointer;
	background-color: #ff6f31;
  }
  .hotel_option_box .first_view .optional_text .option_select .check {
	font-size: 14px;
	color: #A5ABB5;
  }
  .hotel_option_box .hotel-detail-option-more-btn {
	width: 100%;
	align-items: center;
	position: relative;
	height: 50px;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .hotel-detail-option-more-btn:hover {
	cursor: pointer;
  }
  .hotel_option_box .hotel-detail-option-more-btn > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	justify-content: flex-start;
	color: #ff9231;
  }
  .hotel_option_box .hotel-detail-option-more-btn > div > p {
	padding-right: 5px;
  }
  .hotel_option_box .more-view-option {
	width: 25px;
	height: 25px;
	background-color: #ff9231;
	border-radius: 100%;
	position: relative;
  }
  .hotel_option_box .more-view-option img {
	width: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .hotel_option_box .second_view {
	padding: 10px 15px;
	display: none;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .second_view:hover {
	cursor: pointer;
  }
  .hotel_option_box .second_view > div {
	margin-top: 15px;
  }
  .hotel_option_box .second_view > div .option_check {
	font-weight: 700;
	margin-bottom: 5px;
  }
}
@media screen and (min-width: 800px) {
  .option_check {
	font-size: 16px;
	color: #111113;
  }
}
@media screen and (min-width: 800px) {
  .option_check_text {
	color: #4F5D75;
  }
}
@media screen and (min-width: 800px) {
  #detail_closed_btn {
	opacity: 0;
	height: 0;
	transition: all 0.2s ease-in-out;
  }
  #detail_closed_btn:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .tema_cover {
	width: 100%;
	position: relative;
  }
  .tema_cover .tema_move {
	width: calc(100% + 50px);
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .tema_cover .tema_move img:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .tema-wrap {
	width: 100%;
	overflow-x: scroll;
	margin-top: 30px;
	-ms-overflow-style: none;
	/* IE and Edge */
  }
  .tema-wrap::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Opera*/
  }
  .tema-wrap ul li {
	float: left;
	width: 100px;
	height: 85px;
	text-align: center;
	position: relative;
  }
  .tema-wrap ul li p {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
  }
  .tema-wrap ul::after {
	content: "";
	display: table;
	clear: both;
  }
}
@media screen and (min-width: 800px) {
  .review_option_wrap {
	margin-bottom: 100px;
  }
}
@media screen and (min-width: 800px) {
  .review_box_wrap li {
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: flex-start;
	padding: 20px;
	transition: all 0.2s ease-in-out;
	margin-top: 15px;
  }
  .review_box_wrap li .tag {
	width: 30px;
	position: relative;
  }
  .review_box_wrap li .tag img {
	position: absolute;
	top: -20px;
  }
  .review_box_wrap li .tag p {
	color: white;
	position: absolute;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
  }
  .review_box_wrap li .review_all {
	width: calc(100% - 30px);
	margin-left: 20px;
  }
  .review_box_wrap li .writer {
	display: flex;
	justify-content: space-between;
  }
  .review_box_wrap li .writer > div {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
  .review_box_wrap li .writer > div img {
	width: 15px;
  }
  .review_box_wrap li .writer > div > p {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
	font-weight: 700;
  }
  .review_box_wrap li .writer > p {
	color: #A5ABB5;
  }
  .review_box_wrap li .star_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	margin: 10px 0;
  }
  .review_box_wrap li .star_wrap img {
	width: 15px;
	height: 15px;
	margin-right: 3px;
  }
  .review_box_wrap li .star_wrap p {
	display: inline;
	color: #ff9231;
  }
  .review_box_wrap li .review_03 h5 {
	font-size: 16px;
	margin-bottom: 10px;
  }
  .review_box_wrap li .review_03 p {
	color: #4F5D75;
  }
  .review_box_wrap li .review_03 #review_text {
	height: 50px;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all 0.2s ease-in-out;
  }
  .review_box_wrap li .review_03 .review-more-view {
	color: #ff9231;
	text-align: center;
	width: 100%;
	transform: translateX(-25px);
	transition: all 0.2s ease-in-out;
  }
  .review_box_wrap li .review_03 .review-more-view:hover {
	cursor: pointer;
  }
  .review_box_wrap li .review_03 #review_closed {
	opacity: 0;
	height: 0;
  }
}
@media screen and (min-width: 800px) {
  .moreview_images-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(118, 127, 159, 0.3);
  }
  .moreview_images-wrap > div {
	width: 786px;
	height: 550px;
	border-radius: 10px;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .moreview_images-wrap > div .closed_btn {
	position: absolute;
	top: 20px;
	right: 20px;
	transition: all 0.2s ease-in-out;
  }
  .moreview_images-wrap > div .closed_btn:hover {
	cursor: pointer;
  }
  .moreview_images-wrap > div .closed_btn img {
	width: 25px;
  }
  .moreview_images-wrap > div .closed_btn:hover {
	cursor: pointer;
  }
  .moreview_images-wrap > div .img_move {
	width: 700px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
  }
  .moreview_images-wrap > div .img_move img:hover {
	cursor: pointer;
  }
  .moreview_images-wrap > div .images {
	width: 640px;
	height: 427px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow-X: scroll;
	-ms-overflow-style: none;
  }
  .moreview_images-wrap > div .images::-webkit-scrollbar {
	display: none;
  }
  .moreview_images-wrap > div .images img {
	float: left;
	width: 640px;
	height: 427px;
	margin: 0;
	padding: 0;
  }
}
@media screen and (min-width: 800px) {
  .stay_book_inner {
	width: 800px;
	margin: 0 auto;
  }
}
@media screen and (min-width: 800px) {
  .book_check {
	width: 800px;
	padding-top: 72px;
  }
  .book_check .img_wrap {
	width: 800px;
	height: 240px;
	position: relative;
	overflow: hidden;
  }
  .book_check .img_wrap > img {
	width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .book_check h3 {
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
  }
}
@media screen and (min-width: 800px) {
  .book_check_wrap {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: space-between;
	border-radius: 100px;
	padding: 20px 50px;
	margin: 10px 0;
  }
  .book_check_wrap .checkinout-time-wrap {
	display: flex;
	justify-content: flex-start;
  }
  .book_check_wrap .checkinout-time-wrap > div {
	display: flex;
	justify-content: flex-start;
	margin-right: 50px;
	align-items: baseline;
  }
  .book_check_wrap .checkinout-time-wrap > div:hover {
	cursor: pointer;
  }
  .book_check_wrap .checkinout-time-wrap > div:hover .check-mark-bottom {
	border-bottom: 2px solid #ff9231;
  }
  .book_check_wrap .checkinout-time-wrap .check-mark-top {
	color: #4F5D75;
	margin-right: 10px;
  }
  .book_check_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .book_check_wrap .check-mark-bottom {
	font-size: 16px;
  }
  .book_check_wrap .personal-count-filter {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: #ff9231;
	font-weight: 700;
  }
  .book_check_wrap .personal-count-filter p {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: right;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .book_check_wrap .personal-count-filter:hover {
	cursor: pointer;
  }
  .book_check_wrap .personal-count-filter:hover p {
	border-bottom: 2px solid #ff9231;
  }
}
@media screen and (min-width: 800px) {
  h4 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
  }
}
@media screen and (min-width: 800px) {
  .book_input {
	width: 100%;
	margin-top: 50px;
  }
  .book_input h4 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 50px;
  }
  .book_input .match_id {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 10px;
  }
  .book_input .match_id > div {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .book_input .match_id > div input {
	display: none;
  }
  .book_input .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
  }
  .book_input .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .book_input .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }
  .book_input .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .book_input .btn_off img {
	display: none;
  }
  .book_input .who_input_wrap {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 30px;
  }
  .book_input .who_input_wrap > div {
	margin-bottom: 15px;
  }
  .book_input .who_input_wrap > div > input {
	width: 100%;
  }
  .book_input .who_input_wrap .i_title {
	font-size: 16px;
	font-weight: 600;
  }
  .book_input .who_input_wrap .sub_i_title {
	color: #4F5D75;
  }
  .book_input .who_input_wrap .last_none_bottom {
	margin-bottom: 0;
	padding-bottom: 0;
  }
  .book_input .who_input_wrap .name_2nd {
	display: flex;
	justify-content: space-between;
  }
  .book_input .who_input_wrap .name_2nd > div {
	width: calc(50% - 15px);
  }
  .book_input .who_input_wrap .name_2nd > div input {
	width: 100%;
  }
  .book_input .who_input_wrap .name_2nd .gender select {
	width: 100%;
	height: 35px;
	padding: 0.5rem;
	border: 1px solid #ccc;
	border-radius: 6px;
  }
  .book_input .who_input_wrap .name_2nd .gender select option {
	width: 100%;
	height: 100%;
  }
  .book_input .please .please_wrap {
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
  }
  .book_input .please .please_wrap > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .book_input .please .long textarea {
	padding: 10px 15px;
	width: calc(100% - 30px);
	border-radius: 10px;
	border: 1px solid #ccc;
	height: 100px;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .book_input .please .long textarea::-moz-placeholder {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .book_input .please .warning {
	color: #ff9231;
  }
  .book_input .please .arrive {
	padding-top: 15px;
  }
  .book_input .please .arrive > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .book_input .please .arrive > div p {
	width: 200px;
  }
  .book_input .please .arrive > div input {
	width: calc(100% - 200px);
  }
}
@media screen and (min-width: 800px) {
  .book_pay {
	margin-top: 50px;
  }
  .book_pay .who_input_wrap > div {
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
	align-items: center;
	margin-bottom: 0;
  }
  .book_pay .who_input_wrap > div > div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
  }
  .book_pay .who_input_wrap .last_charge {
	border-top: 1px solid #E5E9F4;
	padding-top: 15px;
	padding-bottom: 0;
  }
  .book_pay .who_input_wrap .last_charge .pay_charge {
	font-size: 21px;
  }
  .book_pay .select_coupon {
	padding: 8px 20px;
	border-radius: 6px;
	background-color: #ff9231;
	color: #fcfcfc;
	margin-right: 15px;
	transition: all 0.2s ease-in-out;
  }
  .book_pay .select_coupon:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
  .book_pay .pay_charge {
	font-size: 16px;
	font-weight: 700;
  }
}
@media screen and (min-width: 800px) {
  .payfor {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 100px;
  }
  .payfor > p {
	text-align: center;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 21px;
	padding: 10px;
	border-radius: 100px;
	transition: all 0.2s ease-in-out;
  }
  .payfor > p:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
  .payfor .confirm_btn {
	margin: 0 auto;
	text-align: center;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 21px;
	padding: 10px;
	border-radius: 100px;
	transition: all 0.2s ease-in-out;
  }
  .payfor .confirm_btn:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .select_payment {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  .select_payment > div {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 15px 0 30px 0;
  }
  .select_payment > div > p {
	font-size: 16px;
  }
  .select_payment > div > img {
	width: 30px;
	margin-right: 10px;
	border-radius: 6px;
  }
  .select_payment .sub_i_title {
	color: #4F5D75;
	padding-bottom: 10px;
  }
}
@media screen and (min-width: 800px) {
  .provision_wrap {
	display: block !important;
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid #E5E9F4;
  }
  .provision_wrap ul li {
	list-style-type: disc;
	margin-left: 30px;
	line-height: 180%;
  }
  .provision_wrap .pay_title {
	padding: 10px 0;
  }
  .provision_wrap .provision {
	display: flex;
	justify-content: flex-start !important;
	align-items: center;
	margin-top: 15px;
  }
  .provision_wrap .provision .full_consent_wrap {
	display: flex;
	justify-content: flex-start;
  }
  .provision_wrap .provision .full_consent_wrap > p:hover {
	text-decoration: underline;
  }
  .provision_wrap .provision .full_consent_wrap > p:hover ~ p {
	text-decoration: underline;
  }
  .provision_wrap .provision .full_consent_wrap span {
	font-weight: 700;
	margin-right: 5px;
  }
  .provision_wrap .provision .full_consent {
	color: #ff9231;
	font-weight: 700;
	transition: all 0.2s ease-in-out;
  }
  .provision_wrap .provision .full_consent:hover {
	cursor: pointer;
	text-decoration: underline;
  }
}
@media screen and (min-width: 800px) {
  .coupon_box .use_this {
	padding: 10px 0 !important;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	text-align: center;
	font-size: 16px;
	margin: 0 20px 20px 20px;
	transition: all 0.2s ease-in-out;
  }
  .coupon_box .use_this:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .stay_mypage_inner {
	width: 800px;
	margin: 0 auto;
	padding-top: 72px;
  }
  .stay_mypage_inner .top_wrap {
	width: 500px;
	margin-top: 80px ;
	margin-left: 220px ;
  }
  .stay_mypage_inner .top_wrap .top_wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
/*    margin-bottom: 40px;*/
  }
  .stay_mypage_inner .top_wrap .top_wrapper .w1 {
	width: 300px;
  }
  .stay_mypage_inner .top_wrap h2 {
	font-weight: 400;
	font-size: 24px;
	padding-left: 30px;
  }
  .stay_mypage_inner .top_wrap h2 span {
	font-weight: 700;
  }
  .stay_mypage_inner .top_wrap .top_sub {
	font-size: 16px;
	font-weight: 400;
	padding-left: 30px;
  }
  .stay_mypage_inner .top_wrap img {
	width: 150px;
	padding-right: 30px;
  }
  .stay_mypage_inner .top_wrap .formy_detail {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
	padding: 20px 30px;
	border-radius: 10px;
	margin-top: 15px;
  }
  .stay_mypage_inner .top_wrap .formy_detail:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
  }
  .stay_mypage_inner .top_wrap .formy_detail p {
	font-weight: bold;
	font-size: 16px;
  }
  .stay_mypage_inner .top_wrap .formy_detail .mini {
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	color: #4F5D75;
  }
  .stay_mypage_inner .top_wrap .formy_detail .answer {
	color: #ff9231;
	border-bottom: 3px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .top_wrap .formy_detail .answer:hover {
	cursor: pointer;
	border-bottom: 3px solid #ff9231;
  }
  .stay_mypage_inner .book_list_wrap {
	border-radius: 40px;
	padding: 10px;
	margin-bottom: 100px;
  }
  .stay_mypage_inner .book_list_wrap .list_menu {
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .list_menu p {
	width: calc(50% - 5px);
	padding: 15px 0;
	text-align: center;
	font-weight: 700;
	background-color: #FFE0C0;
	color: #ff9231;
	font-size: 18px;
	border-radius: 100px;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .list_menu p:hover {
	cursor: pointer;
	opacity: 1;
  }
  .stay_mypage_inner .book_list_wrap .list_menu .book_after_btn {
	opacity: 0.5;
  }
  .stay_mypage_inner .book_list_wrap .book_before_btn {
	opacity: 1;
  }
  .stay_mypage_inner .book_list_wrap .none_box {
	text-align: center;
	font-size: 18px;
	margin-top: 50px !important;
  }
  .stay_mypage_inner .book_list_wrap .book_before {
/*    width: 100%;*/
/*    height: 0;*/
/*    overflow: hidden;*/
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	overflow: hidden;
  }
  .stay_mypage_inner .book_list_wrap .book_before .select_all {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 45px;
	padding-top: 15px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .select_all p {
	color: #4F5D75;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin: 15px;
	padding: 30px;
	display: flex;
	justify-content: flex-start;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info {
	width: 665px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info .img_wrap {
	width: 350px;
	height: 175px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info .img_wrap img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align {
	width: 100%;
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .left {
	width: 295px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .booking_code,
.stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .title_light {
	color: #A5ABB5;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .texts {
	font-size: 16px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .right {
	width: 340px;
	text-align: right;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .right .texts {
	font-size: 21px;
	font-weight: 700;
	color: #ff9231;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap {
	display: flex;
	justify-content: flex-start;
	align-self: center;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap p {
	transition: all 0.2s ease-in-out;
	display: inline;
	border-bottom: 1px solid transparent;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap > img {
	padding: 6px;
	border-radius: 100%;
	background-color: #F6F7FC;
	margin-left: 10px;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap:hover {
	cursor: pointer;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap:hover p {
	border-bottom: 1px solid #111113;
  }
  .stay_mypage_inner .book_list_wrap .continue_box {
	background-color: #ff9231;
	color: #fcfcfc;
	text-align: center;
	width: 340px;
  }
  .stay_mypage_inner .book_list_wrap .continue_box:hover {
	background-color: #ff6f31;
  }
  .stay_mypage_inner .book_list_wrap .review_box {
	width: 690px !important;
	background-color: #fcfcfc;
	border: 1px solid #ff9231;
	color: #ff9231;
  }
  .stay_mypage_inner .book_list_wrap .review_box:hover {
	border: 1px solid #ff6f31;
	color: #ff6f31;
	background-color: #fcfcfc;
  }
  .stay_mypage_inner .book_list_wrap .continue_box,
.stay_mypage_inner .book_list_wrap .delete_box {
	padding: 10px 0;
	border-radius: 100px;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .continue_box:hover,
.stay_mypage_inner .book_list_wrap .delete_box:hover {
	cursor: pointer;
  }
  .stay_mypage_inner .book_list_wrap .delete_box {
	background-color: #F6F7FC;
	color: #4F5D75;
  }
  .stay_mypage_inner .book_list_wrap .delete_box:hover {
	background-color: #E5E9F4;
  }
  .stay_mypage_inner .book_list_wrap .align_end {
	align-items: flex-end;
	margin-top: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_after {
/*    width: 100%;*/
/*    height: -webkit-fit-content;*/
/*    height: -moz-fit-content;*/
/*    height: fit-content;*/
/*    overflow: hidden;*/
	width: 100%;
	height: 0;
	overflow: hidden;
  }
  .stay_mypage_inner .book_list_wrap .book_after h5 {
	margin-top: 30px;
	margin-left: 45px;
	font-size: 18px;
  }
  .stay_mypage_inner .book_list_wrap .book_after h5 span {
	font-size: 21px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .dday {
	color: #ff9231;
	font-weight: 700;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin: 15px;
	padding: 30px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align {
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align > div {
	width: calc(50% - 5px);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align > p {
	width: calc(50% - 5px);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align .right {
	text-align: right;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align .title_light {
	font-size: 16px;
	color: #111113;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .img_wrap {
	width: 350px;
	height: 175px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .img_wrap img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .booking_code,
.stay_mypage_inner .book_list_wrap .book_after .selected_box .title_light {
	color: #A5ABB5;
  }
  .stay_mypage_inner .book_list_wrap .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
  }
  .stay_mypage_inner .book_list_wrap .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }
  .stay_mypage_inner .book_list_wrap .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .stay_mypage_inner .book_list_wrap .btn_off img {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .point_check_cover {
	width: 100vw;
	height: 100vh;
	position: fixed;
	display: none;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: rgba(118, 127, 159, 0.3);
  }
  .point_check_cover .view_coupon {
	background-color: #fcfcfc;
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
  }
  .point_check_cover .closed_btn {
	position: absolute;
	top: 20px;
	right: 20px;
  }
  .point_check_cover .closed_btn img {
	width: 30px;
  }
  .point_check_cover .closed_btn:hover {
	cursor: pointer;
  }
  .point_check_cover .check_coupon_wrap {
	margin: 50px 30px 30px 30px;
  }
  .point_check_cover .check_coupon_wrap h6 {
	text-align: center;
  }
  .point_check_cover .check_coupon_wrap h6 span {
	color: #ff9231;
  }
  .point_check_cover .check_coupon_wrap p {
	width: 300px;
	margin: 15px auto;
	text-align: center;
	padding: 10px 20px;
	border-radius: 100px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .check_coupon_wrap p:hover {
	cursor: pointer;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  .point_check_cover .coupon_box {
	margin: 30px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	overflow: hidden;
  }
  .point_check_cover .coupon_box .dday_coupon {
	color: #ff9231;
	background-color: #FFE0C0;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 700;
  }
  .point_check_cover .coupon_box p,
.point_check_cover .coupon_box h5,
.point_check_cover .coupon_box ul {
	padding: 0 20px;
  }
  .point_check_cover .coupon_box ul {
	padding-bottom: 20px;
  }
  .point_check_cover .coupon_box ul li {
	color: #4F5D75;
  }
  .point_check_cover .coupon_box .discount_amount {
	padding-bottom: 20px;
	color: #ff9231;
	padding-top: 20px;
  }
  .point_check_cover .coupon_box .name {
	font-weight: 700;
	font-size: 16px;
  }
  .point_check_cover .draw_coupon {
	background-color: #fcfcfc;
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
	text-align: center;
  }
  .point_check_cover .draw_coupon h6 {
	padding: 30px 0 10px 0;
	font-weight: 400;
  }
  .point_check_cover .draw_coupon h6 span {
	font-weight: 700;
  }
  .point_check_cover .draw_coupon input {
	width: 100%;
  }
  .point_check_cover .draw_coupon > p {
	font-size: 16px;
	color: #fcfcfc;
	background-color: #ff9231;
	padding: 10px 20px;
	border-radius: 100px;
	margin-top: 30px;
  }
  .point_check_cover .draw_coupon > p:hover {
	cursor: pointer;
	background-color: #ff6f31;
  }
  .point_check_cover .web_none {
	display: none;
  }
  .point_check_cover .draw_review {
	width: 400px;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
  }
  .point_check_cover .draw_review h6 {
	padding: 20px 0;
  }
  .point_check_cover .draw_review .review_worter p {
	color: #A5ABB5;
  }
  .point_check_cover .draw_review .review_worter p span {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
  }
  .point_check_cover .draw_review textarea {
	padding: 10px 15px;
	width: calc(100% - 30px);
	border-radius: 10px;
	border: 1px solid #ccc;
	height: 100px;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .point_check_cover .draw_review textarea::-moz-placeholder {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .point_check_cover .draw_review > p {
	padding: 15px 0;
	border-radius: 100px;
	color: #fcfcfc;
	background-color: #ff9231;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .draw_review > p:hover {
	cursor: pointer;
	background-color: #ff6f31;
  }
  .point_check_cover .stars_review {
	padding: 10px 0;
  }
  .point_check_cover .stars_review p {
	color: #A5ABB5;
  }
  .point_check_cover .stars_review div {
	display: flex;
	justify-content: flex-start;
	width: 130px;
	padding-top: 5px;
  }
  .point_check_cover .stars_review div img {
	margin-right: 5px;
  }
  .point_check_cover .view_review {
	width: 400px;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
  }
  .point_check_cover .view_review .review_scroll {
	max-height: 70vh;
	overflow-y: scroll;
  }
  .point_check_cover .view_review .review_check_box {
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	padding: 10px;
	margin-top: 15px;
  }
  .point_check_cover .view_review .review_check_box .review_change {
	display: flex;
	justify-content: space-between;
  }
  .point_check_cover .view_review .review_check_box .review_change p {
	width: calc(50% - 5px);
	text-align: center;
	padding: 10px 0;
	border-radius: 100px;
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .view_review .review_check_box .review_change p:hover {
	cursor: pointer;
  }
  .point_check_cover .view_review .review_check_box .review_change .change {
	background-color: #ff9231;
	color: #fcfcfc;
  }
  .point_check_cover .view_review .review_check_box .review_change .change:hover {
	background-color: #ff6f31;
  }
  .point_check_cover .view_review .review_check_box .review_change .delete {
	background-color: #F6F7FC;
	color: #4F5D75;
  }
  .point_check_cover .view_review .review_check_box .review_change .delete:hover {
	background-color: #E5E9F4;
  }
  .point_check_cover .view_review .review_check_box .review_text {
	padding: 10px 3px;
  }
  .point_check_cover .view_review h6 {
	padding: 20px 0;
  }
  .point_check_cover .view_review .review_worter {
	color: #A5ABB5;
  }
  .point_check_cover .view_review .review_worter span {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
  }
}
@media screen and (min-width: 800px) {
  .voucher_popup {
	width: 720px;
	height: 700px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fcfcfc;
	border: 1px solid #F6F7FC;
	padding: 20px;
	z-index: 320;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
  }
  .voucher_popup .voucher_close {
	position: fixed;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
  .voucher_popup .voucher_top {
	overflow: hidden;
	border-bottom: 1px #F6F7FC solid;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-top: 10px;
	display: flex;
	color: #4F5D75;
  }
  .voucher_popup .voucher_top .logo {
	width: 100px;
  }
  .voucher_popup .voucher_top .call {
	font-size: 18px;
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .voucher_popup .voucher_top .call img {
	width: 18px;
	float: left;
	margin-right: 10px;
  }
  .voucher_popup .voucher_check {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 20px;
  }
  .voucher_popup .voucher_check p {
	font-size: 2rem;
	color: #ff6f31;
	font-weight: 700;
  }
  .voucher_popup .voucher_check .icon07 {
	width: 50px;
	float: left;
	margin-right: 10px;
  }
  .voucher_popup .voucher_info {
	overflow: hidden;
	width: 100%;
	padding: 30px 20px;
	background-color: #F6F7FC;
	border-radius: 10px;
	color: #2D3142;
	font-size: 16px;
  }
  .voucher_popup .voucher_info p {
	margin-bottom: 5px;
	font-size: 16px;
	color: #4F5D75;
  }
  .voucher_popup .voucher_info .title {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5px;
	color: #ff6f31;
  }
  .voucher_popup .voucher_info .bar {
	width: 100%;
	height: 0.5px;
	background: #E5E9F4;
	margin: 1rem 0;
  }
  .voucher_popup .voucher_info .text01 {
	font-size: 1.4rem;
	font-weight: 700;
  }
  .voucher_popup .cancellation {
	overflow: hidden;
	padding: 30px 20px;
	border-bottom: 0.5px #E5E9F4 solid;
	padding-bottom: 1rem;
  }
  .voucher_popup .cancellation .title {
	font-size: 18px;
	color: #ff6f31;
  }
  .voucher_popup .cancellation .text01 {
	font-size: 14px;
	font-weight: 400;
  }
  .voucher_popup .voucher_bottom {
	overflow: hidden;
  }
  .voucher_popup .voucher_bottom .logo {
	width: 150px;
	float: left;
	margin-top: 2rem;
	cursor: pointer;
  }
  .voucher_popup .voucher_bottom .download_img {
	float: right;
  }
  .voucher_popup .voucher_bottom .google_play {
	width: 150px;
	margin-top: 15px;
	margin-left: 20px;
	cursor: pointer;
  }
  .voucher_popup .voucher_bottom .app_store {
	width: 150px;
	margin-top: 15px;
	margin-left: 20px;
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .voucher_btn {
	background: #e04d38 !important;
  }
}
@media screen and (min-width: 800px) {
  .popup02 ul {
	margin-top: 1.4rem;
  }
  .popup02 ul li {
	margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 800px) {
  .info_con {
	display: flex;
	justify-content: flex-start;
	padding-left: 32px;
	align-items: center;
	transition: all 0.2s ease-in-out;
  }
  .info_con p {
	color: #A5ABB5;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
  }
  .info_con img {
	width: 30px !important;
  }
  .info_con:hover {
	cursor: pointer;
  }
  .info_con:hover p {
	color: #4F5D75;
	text-decoration: underline;
  }
}
@media screen and (min-width: 800px) {
  .prof_erase {
	text-align: center;
	padding: 50px 0;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_list_wrap {
	margin: 0 auto;
	padding-top: 100px;
	width: 800px;
	vertical-align: middle;
	transform: rotate(-0.001deg);
	-webkit-font-smoothing: antialiased;
  }
}
@media screen and (min-width: 800px) {
  .cont_wrap {
	display: flex;
	text-align: left;
	margin-bottom: 1em;
  }
}
@media screen and (min-width: 800px) {
  .input_wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	margin-bottom: 0.7em;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_list_wrap .input_wrap .res_prof_txt {
	margin: 0 1em;
	font-weight: 500;
	padding-right: 1.5em;
	border-right: 1px solid #ddd;
	font-size: 16px;
	width: 8em;
	transform: rotate(-0.01deg);
	-webkit-font-smoothing: antialiased;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_sep {
	margin-right: 4.5em;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_inline {
	margin: 0.5em 0.3em 0 0.3em;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_input {
	border: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0.5em 0.8em;
	margin: 0em 0.5em;
	width: 10em;
  }
}
@media screen and (min-width: 800px) {
  .book_input {
	margin: 0;
  }
}
@media screen and (min-width: 800px) {
  .book_input2 {
	width: 208px;
  }
}
@media screen and (min-width: 800px) {
  #eng_fst_name {
	width: 10em;
  }
}
@media screen and (min-width: 800px) {
  #eng_lst_name {
	width: 12em;
	margin-left: 1em;
  }
}
@media screen and (min-width: 800px) {
  #email_ad {
	width: 12em;
  }
}
@media screen and (min-width: 800px) {
  #birth_year {
	width: 4em;
  }
}
@media screen and (min-width: 800px) {
  #phone {
	margin-left: 1em;
  }
}
@media screen and (min-width: 800px) {
  #live {
	padding: 0.5em 0.3em;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_list_wrap select {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0 0.3em;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
	margin-left: 0.5em;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_list_wrap select:hover {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_list_wrap select:focus {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_sel {
	width: 8em;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_input:focus {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_input:hover {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 800px) {
  @-webkit-keyframes highlight_input {
	from {
	  border: 1px solid #ddd;
	}
	to {
	  border: 1px solid #ff9231;
	  box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
	}
  }
  @keyframes highlight_input {
	from {
	  border: 1px solid #ddd;
	}
	to {
	  border: 1px solid #ff9231;
	  box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
	}
  }
}
@media screen and (min-width: 800px) {
  .res_prof_com_btn {
	text-align: center;
	padding: 0.8em 4em;
	margin: 2em auto;
	width: 800px;
	background-color: #ff9231;
	color: #fff;
	border-radius: 100px;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  .res_prof_com_btn:hover {
	cursor: pointer;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .prof_radio {
	width: 24px;
	height: 24px;
	border: 1px solid #adadad;
	border-radius: 100%;
	position: relative;
	margin-left: 0.5em;
	margin-right: 15px;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  .prof_radio svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 800px) {
  .prof_radio svg path {
	stroke: #adadad;
	fill: white;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  .cont_wrap .radio_on .prof_radio {
	background-color: #ff9231;
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px #ff9231;
	width: 24px;
	height: 24px;
  }
}
@media screen and (min-width: 800px) {
  .cont_wrap .radio_on .prof_radio svg path {
	stroke: none;
	fill: white;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 800px) {
  footer {
	width: 100%;
	padding-top: 60px;
	left: 0;
	position: absolute;
	background-color: #F6F7FC;
	position: relative;
  }
}
@media screen and (min-width: 800px) {
  .footer-wrap {
	width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
  }
  .footer-wrap > div {
	width: calc(100% / 3);
  }
  .footer-wrap h6 {
	color: #4F5D75;
	margin-bottom: 20px;
  }
  .footer-wrap p, .footer-wrap li {
	letter-spacing: normal !important;
	font-size: 13px;
	color: #4F5D75;
	line-height: 200%;
	display: block;
	transition: all 0.2s ease-in-out;
  }
  .footer-wrap .footer-section01 > p {
	font-size: 16px;
  }
  .footer-wrap .footer-section01 img {
	width: 5%;
	height: auto;
  }
  .footer-wrap .footer-section03 {
	position: relative;
  }
  .footer-wrap .footer-section03 .follow_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
  }
  .footer-wrap .footer-section03 .follow_wrap img {
	width: 30px;
  }
  .footer-wrap .footer-section03 .follow_wrap .dot {
	width: 3px;
	height: 3px;
	border-radius: 100%;
  }
  .footer-wrap .footer-section03 .app_down {
	position: absolute;
	bottom: 10px;
	display: flex;
	justify-content: space-between;
  }
  .footer-wrap .footer-section03 .app_down a {
	width: 48%;
  }
  .footer-wrap .footer-section03 .app_down a img {
	width: 100%;
	height: 38px;
  }
  .footer-wrap .footer-second-wrap {
	width: 100% !important;
	padding: 20px 0;
	border-top: 1px solid #E5E9F4;
	margin: 20px 0;
	font-size: 13px;
	color: #4F5D75;
  }
  .footer-wrap .footer-second-wrap span {
	font-weight: 700;
  }
  .footer-wrap .footer-second-wrap p {
	font-weight: 400;
	display: inline;
  }
  .footer-wrap .footer-second-wrap .footer-folder-title {
	display: inline;
  }
}
@media screen and (min-width: 800px) {
  .footer_chat_btn {
	background-color: #A5ABB5;
	color: #fcfcfc !important;
	display: inline;
	width: 80px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 10px;
  }
}
@media screen and (min-width: 800px) {
  .recommend_wrap {
	width: 100%;
	padding: 0 1px;
	overflow-x: scroll;
	overflow-y: visible;
  }
  .recommend_wrap::-webkit-scrollbar {
	display: none;
  }
  .recommend_wrap .flex_between {
	width: 100%;
	padding-bottom: 10px;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .recommend_wrap {
	width: 100vw;
	margin-left: -2.5vw;
	padding: 0 2.5vw;
  }
  .recommend_wrap .flex_between {
	width: 190%;
  }

  .stay_leftcolumn {
	transition: all 0.2s ease-in-out;
	z-index: 310;
	width: 800px !important;
	position: fixed;
	left: 50%;
	bottom: -100vh;
	transform: translate(-50%, 0);
  }

  .toastJumpUp {
	-webkit-animation-name: toastJumpUp;
			animation-name: toastJumpUp;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }

  .toastJumpDown {
	-webkit-animation-name: toastJumpDown;
			animation-name: toastJumpDown;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 800px) {
  .search_toast {
	width: 800px;
	height: 80vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	-ms-overflow-style: none !important;
  }
  .search_toast::-webkit-scrollbar {
	display: none !important;
  }
  .search_toast .close_img {
	z-index: 5;
	display: block !important;
	position: absolute;
	right: 35px;
	top: 18px;
	width: 25px;
	cursor: pointer;
  }
  .search_toast input[type=text] {
	width: 100%;
	border-color: #ff6f31;
	background-color: #fcfcfc;
  }
  .search_toast .pcw45 {
	width: 45%;
  }
  .search_toast .search_question_sec {
	box-shadow: none !important;
  }
  .search_toast .pc_search_ico {
	position: absolute;
	top: 50%;
	right: calc(30px + 14px);
	transform: translate(0, -50%);
  }
  .search_toast .search_user_sec .folder_bottom {
	left: 50%;
	width: 50%;
  }
  .search_toast .search_user_sec .bottomline_gray {
	width: 45%;
  }
  .search_toast .search_user_sec .pnt_flex_between .pcw45 .person_check_wrap {
	width: 100%;
  }
  .search_toast .search_user_sec .pnt_flex_between .pd2032 {
	padding-top: 0;
	text-align: left;
  }
  .search_toast .search_user_sec .pnt_flex_between .pd2032 .pc_search_ico {
	top: 7px;
	transform: translate(0);
  }
  .search_toast .decide_bar {
	position: absolute;
	bottom: 20px;
	width: 95%;
	left: 50%;
	height: 50px;
	transform: translate(-50%, 0);
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  }
  .search_toast .sliding_folder_title {
	padding: 14px 32px;
  }
  .search_toast .nav_box li p:first-child {
	height: 46px;
  }
  .search_toast .nav_box .dep_1 .dep_2 li {
	height: 46px;
	padding: 12px 0;
  }
}
@media screen and (min-width: 800px) {
  .progress_wrap {
	display: flex;
	position: relative;
	justify-content: space-between;
	width: 25%;
	margin-top: 20px;
  }
  .progress_wrap .progress_tiny_circle {
	transition: all 0.2s ease-in-out;
	width: 2rem;
	height: 2rem;
	background-color: #FFE0C0;
	border-radius: 40px;
	color: #fcfcfc;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .progress_wrap .progress_tiny_circle:hover {
	cursor: pointer;
  }
  .progress_wrap .progress_tiny_circle.active {
	background-color: #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .search_user_sec .folder_bottom {
	-ms-overflow-style: none;
  }
  .search_user_sec .folder_bottom::-webkit-scrollbar {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .ev_wrap {
	padding-top: 72px;
  }
}
@media screen and (min-width: 800px) {
	.menuBox {
		width: 800px;
		margin: 0 auto;
	}
   .menu_tab {
	width: 800px;
	margin: 0px auto;
	border: 1px #e4e4e4 solid;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgb(0 0 0 / 15%);
	z-index: 99999;
	overflow: hidden;
	padding: 20px 10px;
	position:fixed;
	}
	.menu_tab .t_menu_01 {
		display: flex;
		justify-content: center;
		align-items: center;
		}
	.menu_tab .t_menu_01 li {
	width: calc(100%/5);
	text-align: center;
	line-height: 40px;
	}
	.menu_tab .menu-tit {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	}
	.menu-table {width:100%;}
	.menu-table .li-th {
	height: 50px;
	padding: 0 20px;
	border-bottom: 1px solid #ddd;
	background: #f7f7f7;
	color: #222;
	vertical-align: middle;
	text-align: left;
	width:20%;
	}
	.menu-table tr:nth-child(1) {
	border-top: 2px solid #444444;
}
	.menu-table .li-td {width:80%;border-bottom: 1px solid #ddd;}
	.menu-table .li-td ul li{
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 12px 0 11px;
	box-sizing: border-box;
	cursor:pointer;
	}
	.menu_tab li.on a{
	color:#f08c36;
	}
	
  .jeju_golf_secti .top_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
  }
  .jeju_golf_secti .container {
	margin: 0 auto;
	margin-bottom: 16px;
	width: 800px;
  }
  .jeju_golf_secti h3 {
	margin: 0;
	color: #606060;
	font-size: 1.15rem;
	font-weight: 500;
	letter-spacing: -0.06rem;
  }
  .jeju_golf_secti .infotext {
	height: 30px;
	width: 100%;
  }
  .jeju_golf_secti .golf_filter_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #E5E9F4;
  }
  .jeju_golf_secti .golf_filter_wrap2 {
	margin: 20px 0 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #E5E9F4;
	text-align:center;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap {
	display: flex;
	justify-content: flex-end;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap .filter_right {
	margin-right: 30px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap .filter_right img {
	width: 16px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div {
	display: flex;
	justify-content: flex-start;
	color: #4F5D75;
	transition: all 0.2s ease-in-out;
	align-items: center;
	background-color: #fcfcfc;
	border-radius: 3px;
	color: #767F9F;
	font-weight: 500;
	letter-spacing: -0.06rem;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div > div {
	margin-right: 2px;
	padding: 8px;
	border-radius: 100px;
	border: 5px solid transparent;
	box-sizing: content-box;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div > div img {
	width: 18px;
	align-items: center;
	text-align: center;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div:hover {
	cursor: pointer;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div:hover > div {
	border: 5px solid #FFE0C0;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div.active {
	color: #444;
  }

  .jeju_golf_secti .subMenu {
	right:0px;
  }
  .jeju_golf_secti .subMenu span {
	padding:0 13px;
	cursor:pointer;
  }

  .jeju_golf_secti .subMenu .on {
	color: #fc8c36;
  }

  .jeju_golf_secti .cont_header > h3 {
	margin-bottom: 10px;
  }
  .jeju_golf_secti .cont_header2 > h3 {
	margin-bottom: 10px;
	font-size: 24px;
  }
  .jeju_golf_secti .cont_body ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
  }
  .jeju_golf_secti .golf_card {
	width: calc(755px / 4);
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	margin-right: 15px;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .golf_card > div {
	padding: 10px 15px;
  }
  .jeju_golf_secti .golf_card > img {
	width: 100%;
	height: 110px;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .jeju_golf_secti .golf_card .golf_name {
	font-size: 16px;
	font-weight: 600;
  }
  .jeju_golf_secti .golf_card .golf_name span {
	font-size: 14px;
	color: #ff9231;
	font-weight: 400;
	margin-left: 5px;
  }
  .jeju_golf_secti .golf_card .spot {
	display: flex;
	justify-content: flex-start;
  }
  .jeju_golf_secti .golf_card .spot p {
	color: #A5ABB5;
  }
  .jeju_golf_secti .golf_card .spot img {
	width: 15px;
	margin-right: 5px;
  }
  .jeju_golf_secti .golf_card .golf_price {
	text-align: right;
	font-size: 16px;
	font-weight: 600;
  }
  .jeju_golf_secti .golf_card:hover {
	cursor: pointer;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  .jeju_golf_secti .golf_card:nth-child(4n) {
	margin-right: 0;
  }
  .jeju_golf_secti .cont_header i {
	color: #4CAF50BB;
	font-size: 1.05rem;
	margin-right: 6px;
	transform: translateY(-1px);
  }
  .jeju_golf_secti .calender {
	width: 100vw;
	padding: 0 calc(50vw - 400px);
	background-color: transparent;
	z-index: 99998;
	transition: all 0.4s ease-in-out;
  }
  .jeju_golf_secti #horizonCal {
	display: flex;
  }
  .jeju_golf_secti .date_box {
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
  }
  .jeju_golf_secti #horizonCal .cal_box {
	overflow: auto;
	white-space: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .jeju_golf_secti #horizonCal .cal_box::-webkit-scrollbar {
	display: none;
  }
  .jeju_golf_secti #horizonCal .date_box {
	display: inline-block;
	padding: 10px 0;
	width: calc((800px - 60px) / 7);
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 2px solid #eee;
  }
  .jeju_golf_secti #horizonCal .date_box:hover {
	background: #f0f0f0;
  }
  .jeju_golf_secti #horizonCal .date_box.sunday {
	color: red;
  }

 .jeju_golf_secti #horizonCal .clickable {
	display: inline-block;
	padding: 10px 0;
	width: calc((800px - 60px) / 9);
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	font-weight: 600;
  }

  .jeju_golf_secti .clickable.selected {
    border: 2px solid #ff5b59 !important;
    color: #ff5b59;
    border-radius: 10px;
	}
	
	.jeju_golf_secti #horizonCal .clickable:hover {
	border: 2px solid #ff5b59 !important;
    color: #ff5b59;
    border-radius: 10px;
  }

 .jeju_golf_secti #horizonCal .sunday span{
	color: #f73737;
  }
 .jeju_golf_secti #horizonCal .satday span{
	color: #0072ff;
  }
   .jeju_golf_secti #horizonCal .clickable span {
   display: block;
    padding: 12px;
    text-align: center;
    vertical-align: top;
    height: 18px;
}
 .jeju_golf_secti #horizonCal .clickable .days {
    position: relative;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 300;
}
 .jeju_golf_secti #horizonCal .clickable .date {
    margin-top: 5px;
    padding: 7px 0;
    font-size: 24px;
    word-spacing: -4px;
}
 .jeju_golf_secti #horizonCal .clickable .leftover {
    margin-top: 5px;
    padding: 7px 0;
    font-size: 15px;
    word-spacing: -4px;
}



  .jeju_golf_secti .arrow_box {
	width: 30px;
	display: flex;
	align-items: center;
	padding: 5px;
	cursor: pointer;
  }
  .jeju_golf_secti .arrow_box i {
	color: #A7AFCD;
  }
  .jeju_golf_secti .arrow_box:hover {
	background: #f0f0f0;
  }
  .jeju_golf_secti .arrow_box.left {
	justify-content: flex-start;
	margin-left: 3px;
  }
  .jeju_golf_secti .arrow_box.right {
	justify-content: flex-end;
  }
  .jeju_golf_secti .cal_box {
	width: 100%;
  }
/*  .jeju_golf_secti .date_box.selected {*/
/*    border: 2px solid #4caf50 !important;*/
/*    color: #4caf50;*/
/*    border-radius: 10px;*/
/*}*/
	.jeju_golf_secti .jg_total_amount {
		text-align: right;
		font-weight: 700;
		padding: 10px 0;
		border-bottom: 1px solid #E5E9F4;
	}
  .jeju_golf_secti .jg_total_amount p {
	font-size: 18px;
	font-weight: 500;
  }
  .jeju_golf_secti .preview_select_wrap {
	width: 800px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	padding: 30px;
	background-color: white;
	border-radius: 10px;
	margin: 50px auto;
  }
  .jeju_golf_secti .preview_select_wrap > p {
	color: #A5ABB5;
	font-size: 14px;
	padding-bottom: 10px;
  }
  .jeju_golf_secti .preview_select_wrap ul li {
	display: flex;
	justify-content: space-between;
	align-items: top;
	padding: 10px 0;
	border-top: 1px solid #E5E9F4;
  }
  .jeju_golf_secti .preview_select_wrap ul li > div {
	width: calc(100% - 35px);
  }
  .jeju_golf_secti .preview_select_wrap ul li > div > div {
	display: flex;
	justify-content: space-between;
  }
  .jeju_golf_secti .preview_select_wrap ul li img {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .preview_select_wrap ul li img:hover {
	cursor: pointer;
  }
  .jeju_golf_secti .preview_select_wrap ul li .gt {
	font-size: 16px;
	font-weight: 700;
  }
  .jeju_golf_secti .preview_select_wrap ul li .gt span {
	font-size: 14px;
	color: #ff9231;
	font-weight: 5p00;
  }
  .jeju_golf_secti .preview_select_wrap ul li .price_box {
	font-size: 16px;
	font-weight: 700;
  }
  .jeju_golf_secti .preview_select_wrap .gopay {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 10px;
  }
  .jeju_golf_secti .preview_select_wrap .gopay .semi {
	color: #A5ABB5;
  }
  .jeju_golf_secti .preview_select_wrap .gopay .btn {
	color: #fcfcfc;
	width: 50%;
	text-align: center;
	background-color: #ff9231;
	border-radius: 10px;
	padding: 10px 0;
	font-size: 16px;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .preview_select_wrap .gopay .btn:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
  .jeju_golf_secti .preview_select_wrap .w_none {
	display: none;
  }

.schedule_filter_wrap {
	justify-content: space-between;
    align-items: center;
    margin: 20px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #E5E9F4;
	}
.schedule_filter_wrap .month-schedule {
    padding: 0px;
    width: 100%;
}
  .month-schedule {
	width: 100vw;
    padding: 0 calc(50vw - 400px);
    background-color: transparent;
    z-index: 99998;
    transition: all 0.4s ease-in-out;	
	}

  .month-schedule .date-scroll {
    overflow: hidden;
    width: 100%;
/*    overflow-x: auto;*/
    white-space: nowrap;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
/*  .month-schedule .date-scroll::-webkit-scrollbar {*/
/*  width: 1px;*/
/*  height:1px;*/
/*}*/
/* */
/*  .month-schedule .date-scroll::-webkit-scrollbar-track {*/
/*  background: #eeeeee;*/
/*}*/
/* */
/*  .month-schedule .date-scroll::-webkit-scrollbar-thumb {*/
/*  background: #fe9e31;*/
/*}*/

  .month-schedule .date-scroll .date-box {
    width:23.5%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #f1f1f1;
    border-radius: 10px;
    margin-right: 2%;
    display: inline-block;
	cursor:pointer;
}
.month-schedule .date-scroll .active-box {
    background: #fe9e31;
    color: #fff;
}

.swiper-container {
	  width: 100%;
	  height: 100%;

	}

	.swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  background: #000000;

	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}
.swiper-button-prev {
	left: 20px !important;
}
.swiper-button-next {
	right: 20px;
}
.event_banner_slide {width:800px;height:400px;}


.guide-item01 {
	padding: 0 50px;
	height: 213px;
	overflow: hidden;
	overflow-y: auto;
}
.guide-item01 .title-1{
	font-size: 18px;
	text-align: left;
	margin-top: 10px;
	font-weight: 700;
}
.guide-item01 .t1{
	font-size: 14px;
	text-align: left;
	font-weight: 700;
	padding-left: 20px;
}
.guide-item01 .guide_ul{
	padding: 0px 25px;
}


.BoxAdd-1 {overflow:hidden;padding-left:30px;padding-right:30px;}

.BoxAdd-1 li {
    float: left;
    border: 1px #e4e4e4 solid;
    text-align: center;
    width:calc(94%/4);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	margin-right:2%;
}
.BoxAdd-1 li:nth-child(4) {margin-right:0;}

.jeju_golf_secti .Custom-List {
    width: 100vw;
    padding: 0 calc(50vw - 400px);
    background-color: transparent;
    z-index: 99998;
    transition: all 0.4s ease-in-out;
    padding-top: 20px;
    padding-bottom: 20px;
}
.jeju_golf_secti .Custom-List .filter-tab {
    float: left;
    width: 20%;
}
.jeju_golf_secti .Custom-List .filter-tab span{
    padding: 0 13px;
    cursor: pointer;
}
.jeju_golf_secti .Custom-List .on {
    color: #fc8c36;
}
.jeju_golf_secti .Custom-List .city-list {
    float: left;
    width: 80%;
}
.jeju_golf_secti .Custom-List .city-list span{
    padding: 0 13px;
    cursor: pointer;
}



.prd_basic {width: 100vw;
    padding: 0 calc(50vw - 400px);
    background-color: transparent;
    z-index: 99998;
    transition: all 0.4s ease-in-out;
    padding-top: 20px;
    padding-bottom: 20px;
	}
.prd_basic .golf-list-item{overflow:hidden;margin-top: 10px;}

.prd_basic .golf-list-item .list-item01 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-top: 1px #e5e9f4 solid;
    border-bottom: 1px #e5e9f4 solid;
}
.prd_basic .golf-list-item .list-item01 .info-form{
    padding-top: 10px;
}
.prd_basic .golf-list-item .info-form .thumbnail {
    float: left;
    width: 200px;
    height: 174px;
    background: #ffffff;
    position: relative;
}
.prd_basic .golf-list-item .info-form .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prd_basic .golf-list-item .info-form .text-box {
    float: left;
    height: 174px;
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: calc(100% - 345px);
}
.prd_basic .golf-list-item .info-form .text-box p.tit-p {
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 5px;
    clear: both;
}
.prd_basic .golf-list-item .info-form .text-box p.add-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .text-box p.in-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .text-box p.num-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .reservation-box {
    width: 145px;
    float: right;
    height: 174px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
}
.prd_basic .golf-list-item .info-form .reservation-box p.total-price {
    font-size: 22px;
    margin-top: 15px;
}
.prd_basic .golf-list-item .info-form .reservation-box p.home-link {
    background: #38c1c6;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
}

.prd_basic .golf-list-item .list-item01 .time-form {
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    float: left;
    border-top: 1px #dddddd solid;
    padding-top: 10px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li {
    float: left;
    border: 1px #dddddd solid;
    width: calc(93%/5);
    margin-right: 10px;
    cursor: pointer;
    padding-top: 10px;
    border-radius: 5px;
    height: 90px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li p.t1 {
    font-size: 16px;
    color: #38c1c6;
    line-height: 1;
}
.prd_basic .golf-list-item .list-item01 .time-form ul li p.anpo {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #e10101;
}





.prd_basic .golf-list-item .list-item02 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-top: 1px #e5e9f4 solid;
    border-bottom: 1px #e5e9f4 solid;
}
.prd_basic .golf-list-item .list-item02 {
    padding-top: 10px;
}
.prd_basic .golf-list-item .list-item02 .thumbnail {
    float: left;
    width: 200px;
    height: 174px;
    background: #ffffff;
    position: relative;
}
.prd_basic .golf-list-item .list-item02 .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prd_basic .golf-list-item .list-item02 .text-box {
    float: left;
    height: 174px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: calc(100% - 345px);
}
.prd_basic .golf-list-item .list-item02 .text-box .date-t{
    font-size:18px;
}
.prd_basic .golf-list-item .list-item02 .text-box .tit-t{
    font-size:18px;
}
.prd_basic .golf-list-item .list-item02 .text-box .option-t1{
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .list-item02 .text-box .option-t2{
    color: #636363;
    font-size: 14px;
    font-weight: 500;
}
.prd_basic .golf-list-item .list-item02 .text-box .anpo {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    color: #e10101;
}
.prd_basic .golf-list-item .list-item02 .pricecart {
	float:right;
	text-align:center;
	padding-top: 20px;
	}
.prd_basic .golf-list-item .list-item02 .pricecart .txt1{
	font-size: 18px;
	}
.prd_basic .golf-list-item .list-item02 .pricecart .price {
    font-size: 22px;
    margin-bottom: 10px;
}
.prd_basic .golf-list-item .list-item02 .pricecart .confirm_btn{
/*    background: #38c1c6;*/
    background: #24aae1;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
}

.product_body #pack_new_list li {
	width: 100%;
	background: #ffffff;
	padding: 5px;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
	padding-left: 10px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:15px;
}
.product_body #pack_new_list li .item-1 {
	display: flex;
	align-items: center;
	width: 80%;
	margin-bottom: 5px;
}
.product_body #pack_new_list li .item-1 p {
	width: calc(100%/7);
	font-size: 14px;
}
.product_body #pack_new_list li .item-2{
	display: flex;
	align-items: center;
	width: 80%;
	} 
.product_body #pack_new_list li .item-2 p {
	width: calc(100%/2);
	font-size: 14px;
}
.product_body #pack_new_list .btn01 {
	width: 144px;
	height: 50px;
	background: #ff9231;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	border: none;
	color: #ffffff;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 11px;
	border-radius: 3px;
}


.product_body #product_list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.product_body #product_list .product_item {
	width: calc(98% / 2);
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
	margin-bottom: 15px;
	margin-right: 2%;
	transition: all 0.2s ease-in-out;
}
.product_body #product_list .product_item:nth-child(2n-2){
   margin-right:0px;
}
.product_body #product_list .product_item .thumbnail {
	width: 100%;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
}
.product_body #product_list .product_item .thumbnail img {
	width: 100%;
}
.product_body #product_list .product_item .info{
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
}
.product_body #product_list .product_item .product_title{
	font-size:20px;
	font-weight:700;
	color:#333333;
}
.product_body #product_list .product_item .product_t1{
	height: 50px;
		white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product_body #product_list .product_item .product_price{
	font-size: 24px;
	color: #ff9231;
	font-weight: 700;
}
.product_body #product_list .product_item .product_date {
	font-size: 16px;
	color: #909090;
	font-weight: 500;
	line-height: 1;
}
.product_body #product_list .product_item .cart_img {
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
}
/*06-10 추가*/
.trip-menu-item {
	overflow:hidden;
	margin-top:40px;
	margin-bottom:20px;
	}
.trip-menu-item ul li {
	float: left;
	width: calc(100%/6);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor:pointer;
}
.trip-menu-item ul li .img-item {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
}
.trip-menu-item ul li .img-item img {
	width: 100%;
	height: 100%;
	-webkit-transition: transform .3s ease-out;
	-moz-transition: transform .3s ease-out;
	-ms-transition: transform .3s ease-out;
	-o-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
}
.trip-menu-item ul li:hover img  {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.trip-menu-item ul li p {margin-top:5px;}


#reserv-layer {
	position: fixed;
	top: 0%;
	left: 0%;
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	z-index: 99999;
}
.reserv-layer {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border-top: 1px solid #ddd;
	width: 600px;
	transform: translate(-50%, -50%);
	padding:50px;
	z-index:99999;
	border-radius:10px;
	position: relative;
}
.reserv-layer .personnel_count {
	padding: 15px;
}
.reserv-layer .personnel_count .pord_count_item {
	display: table;
	width: 100%;
	margin: 0;
	border-top: 1px solid #ddd;
}
.reserv-layer .personnel_count .pord_count_item:first-child {
	border-top: 0;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price {
	width: 58%;
	padding: 15px 0;
	vertical-align: top;
	box-sizing: border-box;
	float: left;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price .t1 {
	color: #222;
	font-size: 16px;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price .txt_price {
	line-height: 1;
	font-size: 17px;
	color: #ff5c46;
	/* margin-top: 2px; */
	text-align: right;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn {
	padding: 15px 0 15px 10px;
	vertical-align: top;
	box-sizing: border-box;
	width: 42%;
	float: right;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 2px;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .ico_typ {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: #555;
	border:none;
	outline:none;
	cursor: pointer;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .btn_minus {
	background-image: url(../images/minus-img.png);
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .btn_plus {
	left: auto;
	right: 0;
	background-image: url(../images/plus-img.png);
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .inp_num {
	padding: 10px;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 15px;
	color: #555;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}
.reserv-layer .sum_count {
	overflow: hidden;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 15px;
	padding-right: 15px;
	background: #f3f3f3;
}
.reserv-layer .sum_count p {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height:60px;
}
.reserv-layer .sum_count .sum_count_p1{
	float:left;
	}
.reserv-layer .sum_count .sum_count_p2 {
	float: right;
	color: #ff5c46;
	font-size: 22px;
	font-weight: 700;
}
.reserv-layer .btn_item {
	padding: 15px;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
}
.reserv-layer .btn_item .btn_calendar {
	display: inline-block;
	width: 48%;
	height: 50px;
	line-height: 50px;
	background: #5d5d5d;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: -0.05em;
	float:left;
	outline: none;
	border: none;
	cursor:pointer;
}
.reserv-layer .btn_item .btn_complete {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #ff9231;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: -0.05em;
	float: right;
	outline: none;
	border: none;
	cursor:pointer;
}
.reserv-layer .layer-close {
	position: absolute;
	top: -26px;
	right: 0;
	width: 108px;
	height: 26px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0;
	text-align: center;
	border-right: 0px;
}

.reserv-layer {overflow:hidden;}
.reserv-layer .th{
	line-height: 21px;
	font-size: 15px;
	font-weight: bold;
	color: #222;
	}

.reserv-layer .calneder_box{
	position:relative;
	}
.reserv-layer .calneder_box .calneder_top {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reserv-layer .calneder_box .calneder_top .left_btn {
	position: absolute;
	top: 15px;
	left: 0px;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_top .right_btn {
	position: absolute;
	top: 15px;
	right: 0px;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_top span img{width:12px;}
.reserv-layer .calneder_box .calneder_top .select_calendar_month {
	margin: auto;
	padding-right: 10px;
	border: none;
	letter-spacing: 0;
	font-size: 21px;
	color: #222;
	background: #ffffff;
}
.reserv-layer .calneder_box .calneder_body .calnder_table {width: 100%;} 

.reserv-layer .calneder_box .calneder_body .calnder_table tr th {
	font-size: 14px;
	color: #023167;
	height: 4.5em;
	width: 14%;
}
.reserv-layer .calneder_box .calneder_body .calnder_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: .2em;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_body .calnder_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reserv-close {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 28px;
	cursor:pointer;
	}

/*06-10 추가 끝*/



.view_thumbnail {text-align:center;}
.view_thumbnail img{width:100%;}

.view_secition01 {overflow:hidden;}
.view_secition01 .list {
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 20px;
}
.view_secition01 .list .product01 {
	width: 100%;
	background: #ffffff;
	border: 1px #d6d9da solid;
	position: relative;
	overflow: hidden;
	height: 70px;
}
.view_secition01 .list .product01 .thumbnail {
	float: left;
	width: 200px;
	height: 174px;
	background: #ffffff;
	position: relative;
}
.view_secition01 .list .product01 .thumbnail .title {
	height: 55px;
	width: 159px;
	padding-left: 20px;
	padding-right: 20px;
	background: rgba(0,0,0,0.2);
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 55px;
	font-size: 20px;
	z-index: 999;
}
.view_secition01 .list .product01 .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.view_secition01 .list .product01 .product_form .info01 {
	padding-left: 15px;
	float: left;
	height: 70px;
	display: flex;
	align-items: center;
}
.view_secition01 .list .product01 .product_form .info01 .title {
	font-size: 15px;
	color: #333333;
	font-weight: 700;
	float: left;
	width: 130px;
	word-break: break-all;
}
.view_secition01 .list .product01 .product_form .info01 .text-1 {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	width: 130px;
	font-size: 13px;
}
.view_secition01 .list .product01 .product_form .info01 .title img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}
.view_secition01 .list .product01 .product_form .info01 .text_box {
	overflow: hidden;
	float: left;
}
.view_secition01 .list .product01 .product_form .info01 .text_box ul li {
	font-size: 15px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 3px;
	background: url(../images/bullet.png)no-repeat;
	background-size: 10px 10px;
	padding-left: 16px;
	background-position: 0px 6px;
	word-break: keep-all;
}
.view_secition01 .list .product01 .product_form .info01 .text_box .open_tab {
	width: 170px;
	height: 40px;
	color: #ff9231;
	border: 1px #ff9231 solid;
	border-radius: 30px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	border-radius: 5px;
	font-size: 12px;
}
.view_secition01 .list .product01 .product_form .info01 .text_box .open_tab .arrow2 {
	margin-left: 10px;
}
.view_secition01 .list .product01 .check_time {
	padding-top: 0;
	padding-right: 10px;
	float: right;
}
.view_secition01 .list .product01 .check_time p {
	float: left;
	color: #f06c5e;
	font-size: 16px;
}
.view_secition01 .list .product01 .check_time p:nth-child(1) {
	margin-right: 20px;
}
.view_secition01 .list .product01 .total {
	float: right;
	margin-right: 10px;
	height: 70px;
	display: flex;
	align-items: center;
}
.view_secition01 .list .product01 .total .sum {
	font-size: 24px;
	color: #ff9231;
	font-weight: 500;
	text-align: right;
	float: left;
	margin-right: 30px;
}
.view_secition01 .list .product01 .total .sum span {
	font-size: 18px;
	color: #656565;
	font-weight: 300;
}
.view_secition01 .list .product01 .total .btn01 {
	width: 150px;
	height: 40px;
	background: #ff9231;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	border: none;
	color: #ffffff;
	cursor: pointer;
	padding: 0px;
}
.view_secition01 .tab01 {
	width: 100%;
	background: #ffffff;
	border: 1px #d6d9da solid;
	overflow: hidden;
	border-top: none;
	padding-bottom: 50px;
}
.view_secition01 .tab01 .left {
	width: 50%;
	float: left;
}

.view_secition01 .tab01 .info01 {
	padding-left: 30px;
	padding-top: 35px;
	width: 100%;
}
.view_secition01 .tab01 .info01 .title img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}
.view_secition01 .tab01 .info01 .title {
	font-size: 16px;
	color: #333333;
	font-weight: 700;
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 10px;
}
.view_secition01 .tab01 .right {
	width: 50%;
	float: right;
}
.view_secition01 .tab01 .info01 .text_box {
	overflow: hidden;
	padding-top: 20px;
}
.view_secition01 .tab01 .info01 .text_box ul li {
	font-size: 15px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 3px;
	background: url(../images/bullet.png)no-repeat;
	background-size: 10px 10px;
	padding-left: 16px;
	background-position: 0px 6px;
	word-break: keep-all;
}
.view_secition01 .images_view_btn {
	width: 204px;
	height: 48px;
	background: #023167;
	text-align: center;
	line-height: 48px;
	color: #ffffff;
	font-size: 16px;
	margin-left: 30px;
	margin-top: 50px;
	border-radius: 5px;
	cursor: pointer;
}
.view_secition01 .images_view_btn img {
	margin-right: 10px;
}


.view_popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 999999;
}
.view_popup .popup_close {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 30px;
	z-index: 99;
	cursor: pointer;
}

/*2021-03-05*/
#product_calendar {
	width: 100%;
	height: 100vh;
	position: fixed;
	background-color: rgba(0,0,0,0.3);
	top: 0px;
	z-index: 9999;
}
#product_calendar  .calendar_box {
	width: 550px;
	height:600px;
	overflow-y:auto;
	background: #ffffff;
	border-radius: 5px;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	padding-bottom: 50px;
}
#product_calendar .calendar_inner {
	position: relative;
}
#product_calendar .calendar_box .title {
	font-weight: 600;
	line-height: 1.5;
	color: #24334A;
	text-align: center;
	margin-top: 40px;
}
#product_calendar .calendar_box .s_title {
	font-weight: 600;
	line-height: 1.5;
	color: #333333;
	font-size: 20px;
	text-align: center;
	margin-top: 40px;
}
#product_calendar .calandar_close {
	position: absolute;
/*    top: -25px;*/
	right: 10px;
	width: 35px;
	cursor: pointer;
}
#product_calendar .left_btn {
	position: absolute;
	top: 62px;
	left: 20px;
	cursor: pointer;
	box-shadow: 0px 0px 5px #969696;
	border-radius: 50%;
}
#product_calendar .right_btn {
	position: absolute;
	top: 62px;
	right: 20px;
	cursor: pointer;
	box-shadow: 0px 0px 5px #969696;
	border-radius: 50%;
}
#product_calendar .calnder_table {
	width: 95%;
	border-collapse: collapse;
	margin: 0 auto;
}
#product_calendar .calnder_table tr th {
	font-size: 14px;
	color: #023167;
	height: 4.5em;
	width: 14%;
}
#product_calendar .calnder_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: .2em;
	cursor: pointer;
}

#product_calendar .calnder_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
}

#product_calendar .calnder_table .on {
	background: #ff9231 !important;
	color: #ffffff !important;
}


#product_calendar .calnder_table .calCell {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#reservation_form {
	border: 8px #eeeeee solid;
	padding: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width:800px;
	margin:0 auto;
	}
#reservation_form .images_box {
	width: 100%;
	height: 285px;
}
#reservation_form .images_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#reservation_form .title {
	margin-top: 10px;
	font-size: 18px;
	color: #333333;
	word-break: keep-all;
	font-weight: 700;
	padding-left: 10px;
	height: 100%;
}
#reservation_form .location {
	margin-top: 5px;
	font-size: 16px;
	color: #484848;
	word-break: keep-all;
	padding-left: 10px;
	background: url(../images/icon03.png)no-repeat;
	background-position: 10px 5px;
	padding-left: 40px;
	border-bottom: 1px #e4e4e4 solid;
	height: 40px;
}
#reservation_form  .date {
	font-size: 18px;
	color: #232323;
	word-break: keep-all;
	padding-left: 10px;
	background: url(../images/icon04.png)no-repeat;
	background-position: 10px 20px;
	padding-left: 40px;
	border-bottom: 1px #e4e4e4 solid;
	height: 58px;
	line-height: 58px;
	font-weight: 500;
	padding-right: 10px;
}
#reservation_form  .f_r {
	float:right;
}
#reservation_form .room_info {
	font-size: 18px;
	color: #232323;
	word-break: keep-all;
	padding-left: 10px;
	border-bottom: 1px #e4e4e4 solid;
/*	height: 58px;*/
	height: 100%;
	font-weight: 500;
	padding-right: 10px;
	position: relative;
}
#reservation_form .room_info .text01 {
	float: left;
	font-size: 18px;
	color: #232323;
	font-weight: 500;
}
#reservation_form .room_info .text02 {
	float: right;
	text-align: right;
	line-height: 1;
	margin-top: 9px;
}
#reservation_form .room_info .text02 .span01 {
	font-size: 20px;
	color: #333333;
	font-weight: 700;
}
#reservation_form .total_sum {
	color: #232323;
	word-break: keep-all;
	padding-left: 10px;
	height: 58px;
	line-height: 58px;
	font-weight: 500;
	padding-right: 10px;
	position: relative;
}
#reservation_form  .total_sum .text01 {
	float: left;
	font-size: 18px;
	color: #232323;
	font-weight: 500;
}
#reservation_form .total_sum .text02 {
	float: right;
	font-size: 20px;
	color: #333333;
	font-weight: 700;
}

#reservation_form .explanation {padding-left:10px;}

#reservation_form .input_box {
	width: 100%;
	min-height: 53px;
	border: 2px #eeeeee solid;
	margin-bottom: 10px;
	overflow: hidden;
	display:flex;
}
#reservation_form .input_box .t1 {
	float: left;
	line-height: 53px;
	padding-left: 20px;
	font-size: 16px;
	margin-right: 20px;
	width: 140px;
}
#reservation_form .input_box .t1:after {
	content: "";
	width: 1px;
	background: 20px;
	background: #d4d4d4;
	height: 30px;
	float: right;
	margin-top: 10px;
	margin-left: 30px;
}
#reservation_form .input_box .select01 {
	width: 300px;
	height: 53px;
	border: none;
	padding-left: 20px;
	font-size: 16px;
	outline: none;
	background: -webkit-linear-gradient(transparent, transparent);
	-webkit-appearance: none;
	background: url(../images/arrow4.png)no-repeat;
	background-position: 95% 50%;
	background-size: 12px 7px;
	font-family: 'Noto Sans KR', sans-serif !important;
}
#reservation_form .input_box .input01 {
	float: left;
	width: 300px;
	height: 30px;
	border: none;
	background: #f6f6f6;
	margin-top: 10px;
	padding-left: 20px;
}
#reservation_form .input_box .span01 {
	font-size: 13px;
	line-height: 53px;
	color: #ff0000;
	margin-left: 7px;
}
.box800 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 800px;
	margin: 0 auto;
	}
#reservation_terms .terms {
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
#reservation_terms .terms .terms_check{
   appearance: auto !important;
   margin-right: 3px;
   margin-bottom:15px;
}
.mt10 {
	margin-top: 10px !important;
}

.reservation_btn {
	width: 800px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.reservation_btn .btn01{
	width: 100%;
	height: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 50px;
	font-weight: 500;
	float: left;
	border: none;
	cursor: pointer;
	background: #ff9231;
	}
.reservation_btn .btn50{
	width: 49% !important;
	}

.s_page {width:800px;margin: 0 auto;padding-top:50px;}
.s_page .s_page_t1{
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	}
.s_page01 .content01 .text01 {
	font-size: 22px;
	font-weight: 600;
}
.s_page01 .content01 .text02 {
	font-size: 17px;
	font-weight: 400;
}
.s_page01 .content02 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.s_page01 .content02 .button {
	height: 33px;
	width: 108px;
	border-radius: 5px 5px 5px 5px;
	background-color: #ff9231;
	color: #ffffff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mr10 {margin-right:10px;}

.s_page01 .content_item {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}
.s_page01 .content_item .item_top {
	height: 70px;
	width: 100%;
	border-top: 2px solid #696969;
	border-bottom: 1px solid #696969;
	line-height: 70px;
	font-size: 18px;
}
.s_page01 .content_item .item_top p {
	float: left;
	text-align: center;
	font-weight: 600;
	line-height:70px;
}
.s_page01 .content_item .item_top p:nth-child(1) {
	width: 60%;
}
.s_page01 .content_item .item_top p:nth-child(2) {
	width: 20%;
}
.s_page01 .content_item .item_top p:nth-child(3) {
	width: 20%;
}
.content_item .scroll {
	width: 100%;
	overflow: hidden;
}
.s_page01 .content_item > div {
	float: left;
}
.s_page01 .content_item .item_left {
	width: 60%;
	height: 178px;
	padding: 20px 20px;
	overflow: hidden;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_left img {
	display: block;
	float: left;
	width: 236px;
	height: 100%;
}
.s_page01 .content_item .item_left .text_box {
	float: left;
	margin-left: 20px;
	padding: 20px 0px 20px 0px;
}
.s_page01 .content_item .item_center {
	width: 20%;
	height: 178px;
	float: left;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	color: #696969;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_right {
	width: 20%;
	height: 178px;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_right .button {
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	line-height: 30px;
	width: 160px;
	height: 30px;
	margin: 0 auto;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	cursor: pointer;
}
.s_page01 .content_item .item_right .button p {line-height:30px;}

.s_page01 .content_item .item_bottom {
	width: 100%;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px 0px 20px;
	overflow: hidden;
}
.s_page01 .content_item .item_bottom .text01 {
	float: left;
	font-size: 16px;
	line-height: 50px;
}
.s_page01 .content_item .item_bottom .text01 span {
	color: #e14530;
}
.s_page01 .content_item .item_bottom .text02 {
	float: right;
	font-size: 18px;
	line-height: 50px;
}
.s_page01 .content_item .item_bottom .text02 span {
	color: #ff9231;
	font-size: 22px;
}



/*05-20 항공 CSS추가*/

	.air_page {
		margin-bottom: 30px;
		}
	.air_page .air_page_top {
		height: 300px;
		position: relative;
		background-image: url(../images/airplan-banner.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

/*05-20 항공 CSS추가 끝*/

}




@media screen and (min-width: 800px) {
  .modal_box_layer {
	z-index: 100000;
  }
  .modal_box_layer .modal {
	width: 800px;
	height: 90vh !important;
  }
  .modal_box_layer h2 {
	font-size: 21px;
	text-align: center;
	margin-top: 10px;
	font-weight: 700;
  }
  .modal_box_layer ul {
	padding: 20px 50px;
  }
  .modal_box_layer ul li {
	padding: 10px 0;
  }
  .modal_box_layer ul li .gt {
	font-size: 16px;
	font-weight: 700;
  }
  .modal_box_layer ul li .gt span {
	font-size: 14px;
	font-weight: 5p00;
  }
  .modal_box_layer ul li .price {
	font-size: 16px;
	font-weight: 700;
	color: #ff9231;
  }
  .modal_box_layer ul li > div {
	display: flex;
	justify-content: space-between;
  }
  .modal_box_layer ul li > p {
	font-size: 14px;
  }
  .modal_box_layer input {
	width: calc(100% - 100px);
	margin: 5px 50px;
	height: 50px;
  }
  .modal_box_layer .check {
	width: calc(100% - 40px);
	margin: 20px 50px;
	display: flex;
	justify-content: flex-start;
  }
  .modal_box_layer .check p {
	color: #4F5D75;
	font-size: 14px;
  }
  .modal_box_layer #save_btn {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background-color: #ff9231;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	transition: all 0.2s ease-in-out;
  }
  .modal_box_layer #save_btn:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
  .revocation {
	padding-right: 50px;
	text-align: right;
	font-size: 18px;
	}
}
@media screen and (min-width: 800px) {
  .jeju_golf_time_layer {
	z-index: 100000;
	padding: 30px;
  }
  .jeju_golf_time_layer .modal_body {
	width: 800px;
	height:360px;
	padding: 0 30px;
	overflow:auto;
  }
  .jeju_golf_time_layer .modal_body ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 20px 0;
	overflow-y: scroll;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
  }
  .jeju_golf_time_layer .modal_body ul::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Opera*/
  }
  .jeju_golf_time_layer .modal_body ul li {
	height: 100px;
	padding: 13px 10px;
	border: 1px solid #E5E9F4;
	text-align: center;
	width: calc(675px / 4);
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_time_layer .modal_body ul li:nth-child(4n) {
	margin-right: 0;
  }
  .jeju_golf_time_layer .modal_body ul li p {
	line-height: 1.5;
	font-size: 14px;
  }
  .jeju_golf_time_layer .modal_body ul li .price {
	color: #ff9231;
  }
  .jeju_golf_time_layer .modal_body ul li:hover {
	cursor: pointer;
	border: 1px solid #ff9231;
  }
  .jeju_golf_time_layer .modal_body ul li.selected {
	border: 1px solid #ff9231;
	background-color: #FFE0C0;
  }
  .jeju_golf_time_layer > div > p {
	color: #ff9231;
	font-size: 14px;
	text-align: center;
  }
  .jeju_golf_time_layer h2 {
	font-size: 21px;
	text-align: center;
	margin-top: 10px;
	font-weight: 700;
  }
  .jeju_golf_time_layer #save_btn {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background-color: #ff9231;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_time_layer #save_btn:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
  .jeju_golf_time_layer .title_view {
	width: 100%;
	position: absolute;
	bottom: 55px;
	left: 0;
	background-color: #E5E9F4;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 20px 30px;
  }
  .jeju_golf_time_layer .title_view .gt {
	font-size: 14px;
	font-weight: 700;
  }
  .jeju_golf_time_layer .title_view .gt span {
	font-size: 14px;
	font-weight: 5p00;
  }
  .jeju_golf_time_layer .title_view .price {
	font-size: 16px;
	font-weight: 700;
	color: #ff9231;
  }
  .jeju_golf_time_layer .title_view > div {
	display: flex;
	justify-content: space-between;
  }
  .jeju_golf_time_layer .title_view > p {
	font-size: 14px;
  }
}
@media screen and (min-width: 800px) {
  .go_s {
	width: 100%;
	background-color: #ff9231;
	color: white;
	font-size: 16px;
	padding: 16px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
  }
}
@media screen and (min-width: 800px) {
  .company_for_view {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
  }
  .company_for_view > img {
	width: 30%;
  }
  .company_for_view .company_view {
	width: 60%;
  }
}
@media screen and (min-width: 800px) {
  #c_side_menu {
	width: 190px;
	margin: 57px 0px 20px 0px;
	height: 180px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  #c_side_menu .c_title {
	font-weight: 600;
	padding: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
  }
  #c_side_menu ul li {
	color: #2D3142;
	margin-bottom: 20px;
	padding-left: 15px;
	transition: all 0.2s ease-in-out;
	display: flex;
	align-items: center;
  }
  #c_side_menu ul li:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .support_visual {
	width: 100%;
	height: 250px;
	background: #F6F7FC;
	background-size: 100% 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .support_visual .a_title {
	font-size: 55px;
	color: #fff;
	font-weight: bold;
  }
}
@media screen and (min-width: 800px) {
  .page-title-text {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	padding: 12px;
	padding-left: 0px;
	width: 100%;
  }
}
@media screen and (min-width: 800px) {
  .support_menu {
	overflow: hidden;
	width: 100%;
  }
  .support_menu li {
	margin-right: 1%;
	width: 19%;
	color: #adadad;
	/* background-color: rgba(0, 0, 0, 0.4); */
	border-radius: 100px;
	font-weight: 400;
	float: left;
	cursor: pointer;
	padding: 8px;
	text-align: center;
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .support_menu li:hover {
	border: 1px solid #ff9231 !important;
  }
  .support_menu li:hover a {
	color: #ff9231;
  }
  .support_menu li.on {
	background: #ff9231 !important;
  }
  .support_menu li.on:hover a {
	color: white;
  }
  .support_menu li.on a {
	color: white;
  }
  .support_menu li a {
	color: #4F5D75;
	font-size: 14px;
  }
}
@media screen and (min-width: 800px) {
  .faq-list {
	overflow: hidden;
	margin-top: 20px;
  }
  .faq-list ul .list-item {
	width: 100%;
	background-color: #E5E9F4;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	overflow: hidden;
  }
  .faq-list ul .list-item .t1 {
	font-size: 15px;
	margin: 0;
	cursor: pointer;
	padding: 20px 16px;
	font-weight: 400;
	color: #4F5D75;
  }
  .faq-list ul .list-item ul li {
	font-size: 15px;
	padding: 20px 16px;
	cursor: pointer;
	font-weight: 400;
	padding-left: 16px;
	background: #ffffff;
	display: block;
	line-height: 1.8;
  }
}
@media screen and (min-width: 800px) {
  .payment_account .res_counter_save {
	margin-top: 10px;
	position: absolute;
	width: 180px;
	bottom: 20px;
	right: 20px;
  }
}
@media screen and (min-width: 800px) {
  .payment_txt_long {
	width: 100%;
  }
}
@media screen and (min-width: 800px) {
  .sp10 {
	height: 10px;
	clear: both;
  }
}
@media screen and (min-width: 800px) {
  .sp15 {
	height: 15px;
	clear: both;
  }
}
@media screen and (min-width: 800px) {
  .form_box {
	width: 100%;
	margin: 0 auto;
	background: #f3f3f3;
	padding: 30px;
	border-radius: 10px;
  }
}
@media screen and (min-width: 800px) {
  .form_box > .input_box {
	width: 85%;
	height: 50px;
	border-radius: 5px;
	border: none;
	padding-left: 20px;
  }
}
@media screen and (min-width: 800px) {
  .form_box > .input_box2 {
	width: 100%;
	height: 120px;
	border-radius: 5px;
	border: none;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	padding: 20px;
  }
}
@media screen and (min-width: 800px) {
  .form_box > .send_btn {
	width: 100%;
	height: 50px;
	background: #2f2f2f;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 100px;
  }
}
@media screen and (min-width: 800px) {
  .content_bar2 {
	width: 73px;
	height: 3px;
	background: #ffab14;
	margin-bottom: 15px;
  }
}
@media screen and (min-width: 800px) {
  .mail_text {
	font-size: 14px;
	text-align: left;
	color: #666666;
	line-height: 1.2;
	margin-bottom: 30px;
  }
}
@media screen and (min-width: 800px) {
  .el-checkbox {
	border-radius: 100px;
	background: #ccc;
	border-color: #ccc;
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (min-width: 800px) {
  .el-checkbox_on {
	background: #ff9231;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (min-width: 800px) {
  .company_introduction {
	margin-top: 5rem;
  }
  .company_introduction p {
	font-size: 16px;
  }
  .company_introduction h3 {
	margin-bottom: 1.4rem;
  }
  .company_introduction .title_section {
	margin-bottom: 3rem;
  }
  .company_introduction .symbol_logo {
	margin-left: 2.5rem;
	margin-bottom: 24px;
  }
  .company_introduction .type_logo {
	width: 12rem;
	height: calc(12rem / 5.125);
	margin-right: 1rem;
	background-color: #ff6f31;
	mask: url(../images/type_logo_only.svg) no-repeat center/cover;
	-webkit-mask: url(../images/type_logo_only.svg) no-repeat center/cover;
  }
  .company_introduction > div {
	margin-bottom: 100px;
  }
  .company_introduction .year_column {
	position: relative;
	margin-left: -6rem;
  }
  .company_introduction .year_column .left_column {
	margin-right: 2rem;
  }
  .company_introduction .year_column .right_column {
	position: relative;
  }
  .company_introduction .year_column .center_column {
	position: absolute;
	margin-top: 0.7rem;
  }
  .company_introduction .year_column .center_column .check_btn {
	transform: translate(-50%, 0);
	width: 24px;
	height: 24px;
	margin-bottom: 1.51rem;
  }
  .company_introduction .year_column p {
	line-height: 3rem;
  }
  .company_introduction .brand_mission_circle_wrap {
	width: 100%;
  }
  .company_introduction .brand_mission_circle {
	width: 250px;
	height: 250px;
	border-radius: 500px;
	background-color: #ff9231;
	color: #fcfcfc;
	padding: 34px 45px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 1rem auto 0 auto;
  }
  .company_introduction .brand_mission_circle .h4 {
	font-size: 2rem;
	margin-left: 1rem;
  }
  .company_introduction .brand_mission_circle .diagonal_div {
	position: absolute;
	width: 122px;
	height: 1px;
	left: 1.8rem;
	border-bottom: 2px solid #fcfcfc;
	transform: rotate(-45deg);
  }
  .company_introduction .brand_mission_circle .text_area .p2 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 1rem;
  }
  .company_introduction .brand_mission_circle .text_area p {
	line-height: 1.4;
	font-weight: 400;
	color: #F6F7FC;
  }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
  .company_introduction .p_right_column {
	width: 54%;
  }
}
@media screen and (min-width: 800px) and (max-width: 799px) {
  .company_introduction {
	width: 75vw !important;
	margin: auto auto;
	margin-top: 5rem;
  }
  .company_introduction .year_column {
	margin-left: 0;
  }
}
@media screen and (min-width: 800px) {
  .pdp {
	display: block;
  }
}
@media screen and (min-width: 800px) {
  .mdp {
	display: none;
  }
}
@media screen and (min-width: 800px) {
  .pdpf {
	display: flex;
  }
}
@media screen and (min-width: 800px) {
  .mdpf {
	display: none !important;
  }
}
@media screen and (max-width: 480px) {
  body {
	color: red;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: 500;
	background-color: #FBFBFB;
	color: #2D3142;
	font-size: 16px;
	word-break: keep-all;
	letter-spacing: -0.03rem;
  }

  section {
	width: 93vw;
	margin: 0 auto;
  }

  .spacing {
	content: " ";
	height: 2.5rem;
  }

  .nav_spacing {
	content: "";
	height: 64px;
  }

  .m_flex_between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }

  #mobileNav {
	display: flex !important;
  }

  #pcNav {
	display: none !important;
  }

  li {
	box-sizing: border-box;
  }

  .ham {
	border-radius: 2px;
	margin: 10px 20px 10px 0;
  }
  .ham .ham_btn {
	position: absolute;
	width: 35px;
	cursor: pointer;
  }
  .ham span {
	display: block;
	width: 70%;
	height: 3px;
	background: #ff9231;
	transition: all 0.3s;
	position: relative;
  }
  .ham span + span {
	margin-top: 8px;
  }
  .ham .active span:nth-child(1) {
	-webkit-animation: ease 0.6s top forwards;
			animation: ease 0.6s top forwards;
  }
  .ham .not_active span:nth-child(1) {
	-webkit-animation: ease 0.6s top-2 forwards;
			animation: ease 0.6s top-2 forwards;
  }
  .ham .active span:nth-child(2) {
	-webkit-animation: ease 0.6s scaled forwards;
			animation: ease 0.6s scaled forwards;
  }
  .ham .not_active span:nth-child(2) {
	-webkit-animation: ease 0.6s scaled-2 forwards;
			animation: ease 0.6s scaled-2 forwards;
  }
  .ham .active span:nth-child(3) {
	-webkit-animation: ease 0.6s bottom forwards;
			animation: ease 0.6s bottom forwards;
  }
  .ham .not_active span:nth-child(3) {
	-webkit-animation: ease 0.6s bottom-2 forwards;
			animation: ease 0.6s bottom-2 forwards;
  }

  @-webkit-keyframes top {
	0% {
	  top: 0;
	  transform: rotate(0);
	}
	50% {
	  top: 11px;
	  transform: rotate(0);
	}
	100% {
	  top: 11px;
	  transform: rotate(45deg);
	}
  }

  @keyframes top {
	0% {
	  top: 0;
	  transform: rotate(0);
	}
	50% {
	  top: 11px;
	  transform: rotate(0);
	}
	100% {
	  top: 11px;
	  transform: rotate(45deg);
	}
  }
  @-webkit-keyframes top-2 {
	0% {
	  top: 11px;
	  transform: rotate(45deg);
	}
	50% {
	  top: 11px;
	  transform: rotate(0deg);
	}
	100% {
	  top: 0;
	  transform: rotate(0deg);
	}
  }
  @keyframes top-2 {
	0% {
	  top: 11px;
	  transform: rotate(45deg);
	}
	50% {
	  top: 11px;
	  transform: rotate(0deg);
	}
	100% {
	  top: 0;
	  transform: rotate(0deg);
	}
  }
  @-webkit-keyframes bottom {
	0% {
	  bottom: 0;
	  transform: rotate(0);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
  }
  @keyframes bottom {
	0% {
	  bottom: 0;
	  transform: rotate(0);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
  }
  @-webkit-keyframes bottom-2 {
	0% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 0;
	  transform: rotate(0);
	}
  }
  @keyframes bottom-2 {
	0% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 0;
	  transform: rotate(0);
	}
  }
  @-webkit-keyframes scaled {
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(0);
	}
  }
  @keyframes scaled {
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(0);
	}
  }
  @-webkit-keyframes scaled-2 {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  @keyframes scaled-2 {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  .top_nav {
	width: 100%;
	height: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	z-index: 100;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
	background-color: #FAFAFA;
  }
  .top_nav .nav_section {
	width: 93vw;
	margin: 0 auto;
	display: flex;
	align-items: center;
	position: relative;
  }
  .top_nav .nav_left {
	position: absolute;
	display: flex;
	justify-content: space-between;
	left: 50%;
	transform: translateX(-50%);
  }
  .nav {
	width: 30px;
	height: 30px;
	overflow: hidden;
	cursor:pointer;
	}
  .nav img{
	width: 100%;
	}
.top_nav .nav_left .logo {
	width: 118px;
	height: auto;
}
  .top_nav .nav_right {
	position: absolute;
	display: flex;
	justify-content: space-between;
	width: 30%;
	padding-top: 4px;
	right: 0;
  }
  .top_nav #mobile {
	position: absolute;
	right: 0;
  }

  #logon_name a {
	color: #ff9231;
  }

  .popup {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100vw;
	max-height: 0;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: calc(64px - 2px);
	background-color: #f8f8f8;
	transition: all 0.2s ease-out;
	box-shadow: inset 0 0 8px #00000010;
  }
  .popup .popup_items {
	width: 93vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
  }
  .popup .popup_items div {
	width: 432px;
  }
  .popup .popup_items .btn_basic {
	padding: 7px;
  }
  .popup .popup_items .grid_menu {
	margin-top: 12px;
  }

  .popup .active {
	max-height: 190px;
	padding: 25px 30px;
  }

  .grid_menu {
	display: grid;
	-moz-column-gap: 10px;
		 column-gap: 10px;
	row-gap: 12px;
	grid-template-columns: repeat(3, 130px);
	grid-template-rows: repeat(2, 40px);
  }

  .mobile_toast_bg {
	display: none;
	transition: all 0.2s ease-in-out;
	background-color: rgba(118, 127, 159, 0.5);
	position: fixed;
	z-index: 300;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
  }

  .popup_full_container {
	width: 100vw;
	height: 100vh;
	padding: 50px 50px 30px 50px;
	background-color: #fcfcfc;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .popup_full_container .btn_bottom {
	bottom: 40px;
	width: 100%;
  }
  .popup_full_container .btn_bottom .btn_basic {
	padding: 10px 18%;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
  }
  .popup_full_container .btn_bottom .btn_basic:hover {
	cursor: pointer;
  }
  .popup_full_container .btn_bottom .btn_basic:hover, .popup_full_container .btn_bottom .btn_basic:active {
	box-shadow: 0px 4px 10px #ff923120;
	background-color: #ff9231;
	color: #fcfcfc;
	border-color: transparent;
  }

  /*------ Font size init ----------*/

  /*------ Font size init End ----------*/

  /* filter-wrap */

  /* filter-wrap */

  /*#calendar_stay_01 .calender_inner01:nth-child(2) {float:right;}*/

  /* ----------------------------------------------------- */

  /* .res_prof_list_wrap span {
	font-size: 16px;
  } */

  /* #phone{
	margin-left: 1em;
  } */

  /* input[type="radio"].res_prof_radio{
	display:none;
	position: absolute;
	z-index:2;
	width:20px;
	height: 20px;
	cursor: pointer;

  } */

  /*고객센터*/
  /*사이드메뉴*/
}
@media screen and (max-width: 480px) and (min-width: 800px) {
  .popup_full_container {
	border-radius: 10px;
  }
  .popup_full_container .btn_bottom .btn_basic {
	padding: 10px 21%;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(118, 127, 159, 0.5);
	z-index: 300;
	text-align: left;
  }
  .popup_bg .popup_container {
	padding: 50px 50px 30px 50px;
	background-color: #fcfcfc;
	position: fixed;
	min-width: 90vw;
	width: 90vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .popup_bg .popup_container {
	padding: 35px;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg .popup_container .fbw {
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
  }
  .popup_bg .popup_container .fbw input {
	width: 90%;
  }
  .popup_bg .popup_container .fbw p {
	width: 10%;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg .popup_container .btn_bottom {
	bottom: 40px;
	width: 100%;
  }
  .popup_bg .popup_container .btn_bottom .btn_basic {
	padding: 10px 20%;
	border-radius: 50px;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg .popup_container .popup_close {
	position: absolute;
	right: 27px;
	top: 27px;
	width: 25px;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .popup_container .popup_close:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg .container_wrap {
	height: 70vh;
	overflow: scroll;
	overflow-x: hidden;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .popup_bg#login_layer .popup_container {
	width: 90vw;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg .login_close {
	position: absolute;
	right: 27px;
	top: 27px;
	width: 30px;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .login_close:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg .title {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #ff9231;
	margin-bottom: 19px;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg input[type=text], .popup_bg input[type=password], .popup_bg input[type=button] {
	margin-bottom: 1rem;
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: none;
	font-weight: 700;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .btn_primary:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .popup_bg .forgot_passward_section {
	margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 480px) {
  input[type=text], input[type=password], input[type=button] {
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 0.5rem;
	box-sizing: border-box;
	border-radius: 6px;
  }
}
@media screen and (max-width: 480px) {
  input[type=checkbox] {
	margin-top: 5px;
	margin-right: 13px;
  }
}
@media screen and (max-width: 480px) {
  textarea {
	box-sizing: border-box;
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 0.5rem;
	width: 100%;
	height: 4rem;
	border-radius: 6px;
  }
}
@media screen and (max-width: 480px) {
  .forgot_passward_section {
	display: flex;
	justify-content: space-between;
  }
  .forgot_passward_section .rememberme {
	display: flex;
	transition: all 0.2s ease-in-out;
  }
  .forgot_passward_section .rememberme:hover {
	cursor: pointer;
  }
  .forgot_passward_section .forgot {
	transition: all 0.2s ease-in-out;
  }
  .forgot_passward_section .forgot:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  button {
	background-color: #ff9231;
	border-radius: 6px;
	outline: none;
	border: none;
	padding: 0.3rem 0.5rem;
	font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .loading-section {
	width: 100%;
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .loading-section {
	width: 100vw;
  }
}
@media screen and (max-width: 480px) {
  .loading-img-wrap {
	width: 200px;
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .loading-svg {
	width: 80px;
	height: 80px;
  }
}
@media screen and (max-width: 480px) {
  .loading-svg path {
	fill: #ccc;
  }
}
@media screen and (max-width: 480px) {
  .loading-svg .foot {
	fill: #454444;
	transform: translateY(-1px) rotate(-2deg);
	-webkit-animation-name: foot;
			animation-name: foot;
	-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes foot {
	from {
	  transform: translateY(-1px) rotate(-2deg);
	}
	50% {
	  transform: translateY(-1px) rotate(2deg);
	}
	to {
	  transform: translateY(-1px) rotate(-2deg);
	}
  }
  @keyframes foot {
	from {
	  transform: translateY(-1px) rotate(-2deg);
	}
	50% {
	  transform: translateY(-1px) rotate(2deg);
	}
	to {
	  transform: translateY(-1px) rotate(-2deg);
	}
  }
}
@media screen and (max-width: 480px) {
  .loading-img-wrap p {
	width: 100%;
	text-align: center;
	color: #454444;
	font-weight: bold;
  }
}
@media screen and (max-width: 480px) {
  .load1 {
	-webkit-animation-name: pop1;
			animation-name: pop1;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (max-width: 480px) {
  .load2 {
	-webkit-animation-name: pop2;
			animation-name: pop2;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (max-width: 480px) {
  .load3 {
	-webkit-animation-name: pop3;
			animation-name: pop3;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (max-width: 480px) {
  .load4 {
	-webkit-animation-name: pop4;
			animation-name: pop4;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (max-width: 480px) {
  .load5 {
	-webkit-animation-name: pop5;
			animation-name: pop5;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes pop1 {
	from {
	  fill: #ccc;
	}
	14.5% {
	  fill: #ccc;
	}
	15% {
	  fill: #EABF2A;
	}
	100% {
	  fill: #EABF2A;
	}
  }
  @keyframes pop1 {
	from {
	  fill: #ccc;
	}
	14.5% {
	  fill: #ccc;
	}
	15% {
	  fill: #EABF2A;
	}
	100% {
	  fill: #EABF2A;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes pop2 {
	from {
	  fill: #ccc;
	}
	34.5% {
	  fill: #ccc;
	}
	35% {
	  fill: #58245B;
	}
	100% {
	  fill: #58245B;
	}
  }
  @keyframes pop2 {
	from {
	  fill: #ccc;
	}
	34.5% {
	  fill: #ccc;
	}
	35% {
	  fill: #58245B;
	}
	100% {
	  fill: #58245B;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes pop3 {
	from {
	  fill: #ccc;
	}
	54.5% {
	  fill: #ccc;
	}
	55% {
	  fill: #454444;
	}
	100% {
	  fill: #454444;
	}
  }
  @keyframes pop3 {
	from {
	  fill: #ccc;
	}
	54.5% {
	  fill: #ccc;
	}
	55% {
	  fill: #454444;
	}
	100% {
	  fill: #454444;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes pop4 {
	from {
	  fill: #ccc;
	}
	74.5% {
	  fill: #ccc;
	}
	75% {
	  fill: #DA3E1B;
	}
	100% {
	  fill: #DA3E1B;
	}
  }
  @keyframes pop4 {
	from {
	  fill: #ccc;
	}
	74.5% {
	  fill: #ccc;
	}
	75% {
	  fill: #DA3E1B;
	}
	100% {
	  fill: #DA3E1B;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes pop5 {
	from {
	  fill: #ccc;
	}
	94.5% {
	  fill: #ccc;
	}
	95% {
	  fill: #1B408F;
	}
  }
  @keyframes pop5 {
	from {
	  fill: #ccc;
	}
	94.5% {
	  fill: #ccc;
	}
	95% {
	  fill: #1B408F;
	}
  }
}
@media screen and (max-width: 480px) {
  .pcnone {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .no_search {
	border: none !important;
	width: 100%;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .no_search {
	width: 100vw;
  }
}
@media screen and (max-width: 480px) {
  .no_search .info {
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .lang_select {
	padding-top: 3px;
  }
  .lang_select .language-logo {
	width: 18px;
  }
  .lang_select .down-arrow-btn {
	transform: translateY(-4px);
	width: 10px;
	line-height: 1px;
	margin-left: 8px;
  }
  .lang_select ul {
	position: absolute;
	top: 44px;
	right: 0px;
	z-index: 99999;
	width: 130px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
	padding: 10px;
  }
  .lang_select li {
	display: flex;
	flex-wrap: wrap;
	flex-flow: row;
	padding: 3px 5px;
	margin-right: 10px;
	width: 100%;
	position: relative;
  }
}
@media screen and (max-width: 480px) {
  .border-center {
	border: 3px solid black;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 0;
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .loading_list {
	margin: 0 auto;
	width: 80px;
	display: flex;
	justify-content: space-around;
  }
}
@media screen and (max-width: 480px) {
  .loading_dot {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	align-items: center;
	background-color: #ff9231;
	opacity: 0.3;
	transform: scale(0.9) translateY(1px);
	-webkit-animation-name: dotted_animation;
			animation-name: dotted_animation;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
  }
}
@media screen and (max-width: 480px) {
  .loading_dot2 {
	-webkit-animation-delay: 0.33s;
			animation-delay: 0.33s;
  }
}
@media screen and (max-width: 480px) {
  .loading_dot3 {
	-webkit-animation-delay: 0.66s;
			animation-delay: 0.66s;
  }
}
@media screen and (max-width: 480px) {
  #LoadingArea {
	width: 100%;
	padding: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes dotted_animation {
	from {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	30% {
	  transform: scale(1) translateY(0px);
	  opacity: 0.7;
	}
	90% {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	to {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
  }
  @keyframes dotted_animation {
	from {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	30% {
	  transform: scale(1) translateY(0px);
	  opacity: 0.7;
	}
	90% {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	to {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
  }
}
@media screen and (max-width: 480px) and (max-width: 800px) {
  .detail_search_wrap {
	position: relative;
	width: 95vw;
	margin: 0 auto;
  }
  .detail_search_wrap .checkinout-time-wrap {
	background-color: #fcfcfc;
	display: flex;
	justify-content: flex-start;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px 15px;
	margin: 10px 0;
  }
  .detail_search_wrap .checkinout-time-wrap > div {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
}
@media screen and (max-width: 480px) and (max-width: 800px) and (max-width: 510px) {
  .detail_search_wrap .checkinout-time-wrap {
	flex-wrap: wrap;
  }
  .detail_search_wrap .checkinout-time-wrap > div:first-child {
	width: 100%;
  }
}
@media screen and (max-width: 480px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap .check-mark-top {
	color: #4F5D75;
	margin-right: 10px;
  }
}
@media screen and (max-width: 480px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 16px;
	font-weight: 700;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom input {
	height: 24px;
  }
}
@media screen and (max-width: 480px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap input {
	text-align: left !important;
  }
}
@media screen and (max-width: 480px) and (max-width: 800px) {
  .detail_search_wrap .personal-count-filter {
	width: 100%;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px 15px;
	margin: 10px 0;
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (max-width: 480px) and (min-width: 800px) {
  .main_search {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -40px !important;
  }
  .main_search .detail_search_wrap {
	background-color: #fcfcfc;
  }

  .detail_search_wrap {
	position: relative;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: space-between;
	border-radius: 100px;
	padding: 20px 50px;
	margin: 10px 0;
  }
  .detail_search_wrap .checkinout-time-wrap {
	display: flex;
	justify-content: flex-start;
  }
  .detail_search_wrap .checkinout-time-wrap > div {
	display: flex;
	justify-content: flex-start;
	margin-right: 40px;
	align-items: baseline;
  }
  .detail_search_wrap .checkinout-time-wrap > div:hover {
	cursor: pointer;
  }
  .detail_search_wrap .checkinout-time-wrap > div:hover .check-mark-bottom {
	border-bottom: 2px solid #ff9231;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-top {
	color: #4F5D75;
	margin-right: 10px;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .detail_search_wrap .personal-count-filter {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: #ff9231;
	font-weight: 700;
  }
  .detail_search_wrap .personal-count-filter p {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: right;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .detail_search_wrap .personal-count-filter:hover {
	cursor: pointer;
  }
  .detail_search_wrap .personal-count-filter:hover p {
	border-bottom: 2px solid #ff9231;
  }
}
@media screen and (max-width: 480px) {
  .layer_up {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0px;
  }
  .layer_up .application_form {
	overflow: hidden;
	margin-top: 20px;
	border: 1px #e4e4e4 solid;
	overflow: hidden;
	padding: 20px;
	border-radius: 15px;
	background: #ffffff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90vw;
  }
  .layer_up .application_form .form_title {
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
	display: table;
	margin: 0px auto 15px;
	height: 30px;
	border-bottom: 1px #ff9231 solid;
  }
  .layer_up .application_form .form_text {
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: left;
	display: table;
	height: 30px;
  }
  .layer_up .application_form .button03 {
	width: 80px;
	height: 40px;
	background: #b4b5b5;
	border: none;
	color: #ffffff;
	margin: 0 auto;
	display: table;
	border-radius: 5px;
	cursor: pointer;
	float: right;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
  }
  .check_btn:hover {
	cursor: pointer;
  }
  .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

  .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }

  .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .btn_off img {
	display: none;
  }
}
@media screen and (max-width: 480px) and (min-width: 800px) {
  .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
  }
  .check_btn:hover {
	cursor: pointer;
  }
  .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

  .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }

  .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .btn_off img {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
  @keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
  @keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
  @keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
  @keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
  @keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 64px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
  @keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 64px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
  @keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
  @keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
  @keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
  @keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
}
@media screen and (max-width: 480px) {
  .view5sizing {
	background-color: #fcfcfc;
	width: calc(95vw * 0.5 - 16px / 1 );
	height: calc(((95vw * 0.5 - (16px / 2)) / 2) + 62px);
  }
  .view5sizing p {
	height: 25px;
	overflow: hidden;
  }
  .view5sizing .caption {
	height: 17px;
	overflow: hidden;
  }
  .view5sizing .half_ratio_img {
	height: calc((95vw * 0.5 - (16px / 2)) / 2) !important;
  }
  .view5sizing.contents_wrapper:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .view5sizing.contents_wrapper:hover img {
	transform: scale(1);
  }
}
@media screen and (max-width: 480px) {
  .swiper_con_wrap {
	width: 100%;
	position: relative;
	margin-bottom: 3rem;
  }
  .swiper_con_wrap .contents_textbox {
	height: 84px;
  }
  .swiper_con_wrap .contents_textbox p {
	white-space: pre;
  }
  .swiper_con_wrap .swiper-pagination1, .swiper_con_wrap .swiper-pagination2 {
	position: absolute;
	top: -30px;
	right: 20px;
  }
  .swiper_con_wrap .swiper-pagination-bullet {
	background: #4F5D75;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	margin: 0 4px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active {
	background: #ff9231;
	width: 30px;
	height: 8px;
	border-radius: 6px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active:focus {
	outline: none;
	border: none;
  }
}
@media screen and (max-width: 480px) {
  .swiper-container {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	height:100%;
  }
  .swiper-container:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 480px) {
  .minswiper1 .swiper-pagination-bullet {
	left: 0;
  }
}
@media screen and (max-width: 480px) {
  .minswiper2 .swiper-pagination-bullet {
	right: 0;
  }
}
@media screen and (max-width: 480px) {
  .contents_wrapper {
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper:hover {
	cursor: pointer;
  }
  .contents_wrapper:hover img {
	transform: scale(1.1);
  }
  .contents_wrapper img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	transition: all 0.2s ease-in-out;
	height: auto;
  }
  .contents_wrapper .contents_textbox {
	padding: 10px 20px;
	background-color: #FBFBFB;
	width: 100%;
	position: absolute;
	bottom: 0;
  }
  .contents_wrapper .contents_textbox p {
	white-space: pre;
  }
}
@media screen and (max-width: 480px) {
  .swiper_con_wrap .contents_wrapper {
	height: calc((95vw / 2 ) + 84px);
  }
  .swiper_con_wrap .contents_wrapper img {
	height: auto;
  }
}
@media screen and (max-width: 480px) and (min-width: 800px) {
  .grid_gallery {
	display: grid;
	width: 100%;
	grid-template-columns: 240px auto 240px;
	grid-template-rows: 240px 240px;
	-moz-column-gap: 16px;
		 column-gap: 16px;
	row-gap: 16px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 30px;
	bottom: 20px;
	color: #fcfcfc;
	font-size: 19px;
	z-index: 5;
  }
}
@media screen and (max-width: 480px) and (min-width: 481px) and (max-width: 799px) {
  .swiper_con_wrap {
	width: calc(50% - 16px / 2);
	position: relative;
	margin-bottom: 3rem;
  }
  .swiper_con_wrap .swiper-pagination1, .swiper_con_wrap .swiper-pagination2 {
	position: absolute;
	top: -30px;
	right: 20px;
  }
  .swiper_con_wrap .swiper-pagination-bullet {
	background: #4F5D75;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	margin: 0 4px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active {
	background: #ff9231;
	width: 30px;
	height: 8px;
	border-radius: 6px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active:focus {
	outline: none;
	border: none;
  }

  .swiper-container {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
  }
  .swiper-container:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }

  .minswiper1 .swiper-pagination-bullet {
	left: 0;
  }

  .minswiper2 .swiper-pagination-bullet {
	right: 0;
  }

  .contents_wrapper {
	height: calc((95vw / 2 ) + 84px);
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper:hover {
	cursor: pointer;
  }
  .contents_wrapper:hover img {
	transform: scale(1.1);
  }
  .contents_wrapper img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper .contents_textbox {
	padding: 10px 20px;
	background-color: #FBFBFB;
	width: 100%;
	height: 84px;
	position: absolute;
	bottom: 0;
  }
  .contents_wrapper .contents_textbox p {
	white-space: pre;
  }

  .grid_gallery {
	display: grid;
	width: 100%;
	height: 70vh;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	-moz-column-gap: 18px;
		 column-gap: 18px;
	row-gap: 18px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 30px;
	bottom: 20px;
	color: #fcfcfc;
	font-size: 19px;
	z-index: 5;
  }
}
@media screen and (max-width: 480px) and (max-width: 480px) {
  .grid_gallery {
	display: grid;
	width: 100%;
	grid-template-columns: 160px auto;
	grid-template-rows: 160px 160px 160px;
	-moz-column-gap: 10px;
		 column-gap: 10px;
	row-gap: 10px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 20px;
	bottom: 10px;
	color: #fcfcfc;
	font-size: 19px;
	z-index: 5;
  }

  .mobile100 {
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .stay_container {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
  }
  .stay_container .stay_contents {
	cursor: pointer;
	margin-bottom: 12px;
  }
}
@media screen and (max-width: 480px) {
  .stay_contents {
	width: 100%;
	min-height: 270px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 10px;
  }
  .stay_contents .caption {
	position: absolute;
	opacity: 0.5;
	top: calc(16px / 2);
	left: 16px;
	color: #fcfcfc;
  }
  .stay_contents .item_title {
	line-height: 1.4;
  }
  .stay_contents .item_img {
	width: 95vw;
	height: calc(95vw / 2);
	background-size: cover;
	background-position: center center;
  }
}
@media screen and (max-width: 480px) and (min-width: 481px) and (max-width: 1024px) {
  .stay_contents .item_img {
	height: 60%;
  }
}
@media screen and (max-width: 480px) {
  .stay_contents .item_info {
	width: 100%;
	min-height: calc(270px - (95vw / 2));
	padding: 10px;
  }
}
@media screen and (max-width: 480px) and (min-width: 369px) and (max-width: 477px) {
  .stay_contents .item_info {
	height: 85px;
  }
}
@media screen and (max-width: 480px) {
  .stay_contents .review {
	position: absolute;
	padding-top: 5px;
	bottom: calc(16px / 2);
  }
  .stay_contents .review li {
	float: left;
	margin-right: 3px;
  }
}
@media screen and (max-width: 480px) {
  .stay_contents .price {
	position: absolute;
	bottom: calc(16px / 2);
	right: 16px;
	font-size: 1.3rem;
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .stay_contents .more_wrap {
	height: 68px;
  }
}
@media screen and (max-width: 480px) {
  .stay_contents .guide {
	color: #4F5D75;
	font-size: 13px !important;
	padding-right: 20px;
	white-space: pre;
	width: 90%;
	overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  .stay_contents.with_address .more_wrap {
	height: 55px;
  }
}
@media screen and (max-width: 480px) {
  .mark {
	position: absolute;
	z-index: 25;
	width: 20px;
	right: 16px;
	top: 16px;
	transition: all 0.2s ease-in-out;
  }
  .mark:hover {
	transform: scale(1.1);
  }
}
@media screen and (max-width: 480px) {
  .floating_contents_box {
	width: 100%;
	background-color: #fcfcfc;
	padding: 20px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
  }
  .floating_contents_box .floating_title {
	font-weight: 700;
	padding-left: 15px;
	display: flex;
  }
  .floating_contents_box .floating_title img {
	margin-right: 10px;
  }
  .floating_contents_box .bt_line {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
  }
  .floating_contents_box .check_filter {
	display: flex;
	justify-content: flex-start;
	padding: 5px 0;
  }
  .floating_contents_box .check_filter:last-child {
	padding-bottom: 0;
  }
  .floating_contents_box .check_filter input {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .more_wrap {
	position: relative;
	overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  .txt_gradient {
	content: "";
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	margin-bottom: -1px;
	background: white;
	background: linear-gradient(0deg, white 0%, white 20%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
  }
}
@media screen and (max-width: 480px) {
  .row_gradient {
	content: "";
	width: 10%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: white;
	background: linear-gradient(-90deg, white 0%, white 20%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
  }
}
@media screen and (max-width: 480px) and (max-width: 360px) {
  #arrayFilter {
	display: flex;
	justify-content: center !important;
  }
}
@media screen and (max-width: 480px) {
  #arrayFilter .arrayfilter_txt {
	font-weight: 500;
	color: #A5ABB5;
	margin-right: 16px;
	transition: all 0.2s ease-in-out;
  }
  #arrayFilter .arrayfilter_txt:last-child {
	margin-right: 0;
  }
  #arrayFilter .arrayfilter_txt:hover {
	cursor: pointer;
  }
  #arrayFilter .arrayfilter_txt.txt_on {
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .blur {
	filter: url("#dropshadow");
  }
}
@media screen and (max-width: 480px) {
  .stay-container .btn_basic {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 50px;
	color: #fcfcfc;
	background-color: #ff9231;
	border-color: #ff9231;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 2rem;
  }
  .stay-container .stay_leftcolumn {
	width: 190px;
  }
}
@media screen and (max-width: 480px) {
  .top_toast_contents {
	width: 355px;
	max-height: 50vh;
	position: absolute;
	top: 75px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
  }
  .top_toast_contents::-webkit-scrollbar {
	width: 8px;
	height: calc(100% - 20px);
	background-color: #fcfcfc;
  }
  .top_toast_contents::-webkit-scrollbar-thumb {
	border-radius: 50px;
  }
  .top_toast_contents::-webkit-scrollbar-track {
	border-radius: 50px;
  }
  .top_toast_contents .top_toast_list {
	border-bottom: 0.5px solid #eee;
  }
}
@media screen and (max-width: 480px) {
  .top_toast_li_con {
	padding: 10px 0;
	line-height: 1.5;
	word-break: keep-all;
	word-wrap: break-word;
	display: flex;
	justify-content: flex-start;
	flex-shrink: 0;
	transition: all 0.2s ease-in-out;
  }
  .top_toast_li_con:hover {
	background-color: rgba(255, 146, 49, 0.1);
  }
}
@media screen and (max-width: 480px) {
  .top_toast_li_arr {
	width: 90%;
	margin-left: 15px;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  .top_toast_folder {
	width: 50%;
	padding: 10px;
  }
  .top_toast_folder .folder_opened {
	background-color: #E5E9F4;
  }
}
@media screen and (max-width: 480px) {
  .top_toast_folder_contents {
	background-color: #E5E9F4;
	width: 50%;
	padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .all_region {
	padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .key_btn {
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 8px;
	transition: all 0.2s ease-in-out;
  }
  .key_btn:hover {
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
  }
}
@media screen and (max-width: 480px) {
  .star-wrap {
	position: relative;
	width: 120px;
  }
}
@media screen and (max-width: 480px) {
  .star-wrap svg .star-line {
	stroke: #ff9231;
	fill: white;
  }
}
@media screen and (max-width: 480px) {
  .star-wrap svg .star-line-uncheck {
	stroke: #adadad;
	fill: white;
  }
}
@media screen and (max-width: 480px) {
  .star-wrap p {
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 10px;
	color: #ff9231;
  }
}
@media screen and (max-width: 480px) {
  .key-wrap {
	border: 1px solid #4F5D75;
	color: #4F5D75;
	transition: all 0.2s ease-in-out;
	padding: 5px 10px;
	border-radius: 50px;
  }
  .key-wrap:hover {
	cursor: pointer;
  }
  .key-wrap.key_on {
	border-color: #ff9231;
	color: #ff9231;
  }
}
@media screen and (max-width: 480px) {
  .filter-text {
	line-height: 19px;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .filter-text:hover {
	color: #ff9231;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .filter-text-unchecked {
	color: #adadad;
  }
}
@media screen and (max-width: 480px) {
  .filter-check-box:hover ~ .filter-text {
	color: #454444;
  }
}
@media screen and (max-width: 480px) {
  .filtering-section-wrap .filter .filter-check-box:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .filter-check-box {
	width: 18px;
	height: 18px;
	border: 1px solid #adadad;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	margin-left: 5px;
	transition: all 0.2s ease-in-out;
  }
  .filter-check-box:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .filter-check-box svg {
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 480px) {
  .check_wrap .filter-on .filter-check-box {
	background-color: #ff9231;
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (max-width: 480px) {
  .check_wrap .filter-on .filter-check-box svg path {
	stroke: none;
	fill: white;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .search_layer {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .search_toast {
	position: absolute;
	overflow: visible;
	z-index: 310;
	width: 100vw;
	height: 100vh;
	min-height: 500px;
	background-color: #fcfcfc;
  }
  .search_toast .close_img {
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: #4F5D75;
	mask: url(../images/close_small_img.svg) no-repeat center/contain;
	-webkit-mask: url(../images/close_small_img.svg) no-repeat center/contain;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .search_toast .close_img {
	right: 30px;
	top: 35px;
	z-index: 2;
  }
}
@media screen and (max-width: 480px) {
  .search_toast .progress_circle {
	position: absolute;
	top: 35px;
	right: 32px;
	border-radius: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .search_toast .progress_circle {
	width: 64px;
	height: 64px;
	background-color: #ff9231;
	color: #fcfcfc;
  }
  .search_toast .progress_circle .progress_tiny_circle {
	display: none;
  }
  .search_toast .progress_circle .progress_tiny_circle.active {
	display: flex;
  }
  .search_toast .progress_circle .progress_tiny_circle:after {
	content: "/3";
  }
}
@media screen and (max-width: 480px) and (min-width: 800px) {
  .search_toast .progress_circle .progress_tiny_circle {
	width: 32px;
	height: 32px;
	background-color: #FFE0C0;
	border-radius: 32px;
	color: #fcfcfc;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 40px;
	margin-top: 2rem;
	transition: all 0.2s ease-in-out;
	z-index: 1;
  }
  .search_toast .progress_circle .progress_tiny_circle:hover {
	cursor: pointer;
  }
  .search_toast .progress_circle .progress_tiny_circle.active {
	background-color: #ff9231;
  }
}
@media screen and (max-width: 480px) {
  .search_toast .search_question_sec {
	padding: 35px 32px 20px 32px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	z-index: 320;
  }
  .search_toast .search_question_sec div {
	position: relative;
  }
  .search_toast .search_question_sec div svg {
	position: absolute;
	right: calc(16px / 2);
	top: 9px;
  }
  .search_toast .search_question_sec .h4 {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	color: #ff6f31;
	text-align: left;
  }
  .search_toast .search_question_sec div {
	width: 100%;
	position: relative;
  }
  .search_toast .search_question_sec div .inp_search_icon {
	position: absolute;
	top: 24px;
	right: 10px;
	cursor: pointer;
  }
  .search_toast .search_question_sec input[type=text] {
	width: 100%;
	border-color: #ff6f31;
	background-color: #fcfcfc;
	margin: 0;
	margin-top: 1rem;
  }
  .search_toast .search_question_sec .checkinout .p2 {
	color: #ff6f31;
	font-weight: 700;
  }
  .search_toast .search_question_sec .checkinout div:last-of-type {
	text-align: right;
  }
  .search_toast .search_question_sec .checkinout input {
	border: none;
	outline: none;
	padding: 0;
	font-size: 19px;
  }
}
@media screen and (max-width: 480px) {
  .search_toast .prog_box[data-tab="1"] .search_user_sec {
	height: calc(100% - 204px) !important;
  }
}
@media screen and (max-width: 480px) {
  .search_toast .prog_body[data-tab="3"] .destination {
	width: 60%;
	text-align: left;
	display: flex;
	align-items: flex-end;
  }
}
@media screen and (max-width: 480px) {
  .search_toast .search_user_sec {
	overflow-y: scroll;
	position: relative;
	height: calc(100% - 180px - 64px);
  }
  .search_toast .search_user_sec .pcw45 {
	width: 100%;
  }
  .search_toast .search_user_sec.exist_decider {
	height: calc(100% - 180px - 64px);
  }
  .search_toast .search_user_sec .folder_bottom {
	position: absolute;
	top: 89%;
	width: 100%;
	overflow-y: scroll;
  }
}
@media screen and (max-width: 480px) {
  .sliding_folder_title {
	width: 100%;
	padding: 20px 32px;
	background-color: #F6F7FC;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #E5E9F4;
	border-bottom: 1px solid #E5E9F4;
	transition: all 0.2s ease-in-out;
  }
  .sliding_folder_title:hover {
	cursor: pointer;
  }
  .sliding_folder_title .folder_triangle.opened {
	-webkit-animation-name: triangleOpened;
			animation-name: triangleOpened;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
  .sliding_folder_title .folder_triangle.closed {
	-webkit-animation-name: triangleClosed;
			animation-name: triangleClosed;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
  .sliding_folder_title.closed ~ .sliding_folder_contents {
	max-height: 0;
  }
}
@media screen and (max-width: 480px) {
  .sliding_folder_contents {
	overflow-y: auto;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .sliding_folder_contents {
	height: calc(100vh - 274px) !important;
	overflow-y: scroll;
  }
}
@media screen and (max-width: 480px) {
  .sliding_folder_contents:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .decide_bar {
	position: fixed;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 64px;
	z-index: 500;
	background-color: #F6F7FC;
	color: #ccc;
	font-weight: 700;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	cursor: not-allowed;
  }
  .decide_bar.active {
	background-color: #ff9231;
	color: #fcfcfc;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .nav_box {
	-webkit-tap-highlight-color: transparent;
  }
  .nav_box ul {
	list-style-type: none;
	margin: 0;
	-webkit-margin-before: 0;
			margin-block-start: 0;
	-webkit-margin-after: 0;
			margin-block-end: 0;
	-webkit-margin-start: 0;
			margin-inline-start: 0;
	-webkit-margin-end: 0;
			margin-inline-end: 0;
	-webkit-padding-start: 0;
			padding-inline-start: 0;
  }
  .nav_box li {
	text-align: center;
  }
  .nav_box li p:first-child {
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #E5E9F4;
  }
  .nav_box li p:first-child.selected {
	background: #F6F7FC;
  }
  .nav_box .nav_box {
	background: #E5E9F4;
	width: 250px;
  }
  .nav_box .dep_1 {
	background: #E5E9F4;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
  }
  .nav_box .dep_1 li {
	cursor: pointer;
	background: #fcfcfc;
	width: calc(50% - .5px);
  }
  .nav_box .dep_1 li:nth-child(even) .dep_2 {
	margin-left: -100%;
  }
  .nav_box .dep_1 .dep_2 {
	display: none;
	background: #E5E9F4;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	width: calc(200% - 0.5px);
	display: flex;
	justify-content: space-between;
  }
  .nav_box .dep_1 .dep_2 li {
	cursor: pointer;
	width: calc(50% - 0.5px);
	height: 64px;
	background: #E5E9F4;
	padding: 20px 0;
	border-bottom: 1px solid #F6F7FC;
  }
}
@media screen and (max-width: 480px) {
  .person_check_wrap {
	display: flex;
	justify-content: space-between;
	padding-bottom: 1.3rem;
	color: #4F5D75;
	font-weight: 700;
	text-align: center;
  }
  .person_check_wrap #room_tot_num {
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .person_check_wrap select {
	width: 60%;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #E5E9F4;
	-moz-text-align-last: center;
		 text-align-last: center;
	background: transparent;
  }
}
@media screen and (max-width: 480px) {
  .calc_input_wrap {
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	border: 1px solid #E5E9F4;
	overflow: hidden;
	width: 60%;
	height: 40px;
  }
  .calc_input_wrap div {
	background-color: #F6F7FC;
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .calc_input_wrap p {
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .allday_toast {
	display: flex;
	justify-content: space-between;
	position: fixed;
	padding: 16px 30px;
	height: 64px;
	color: #fcfcfc;
	background-color: #ff9231;
	z-index: 50;
	width: 95vw;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	-webkit-animation-name: toastInfinite;
			animation-name: toastInfinite;
	-webkit-animation-duration: 3s;
			animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	transition: all 0.4s ease-in-out;
	display: block;
  }
  .allday_toast.toast_load {
	-webkit-animation-name: toastLoad;
			animation-name: toastLoad;
	-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
  }
  .allday_toast img {
	position: absolute;
	top: 1.3rem;
	right: 25px;
	width: 24px;
  }
}
@media screen and (max-width: 480px) {
  .full_img_contents {
	overflow: hidden;
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	height: calc((95vw * 0.5 - (16px / 1)) * 2);
  }
  .full_img_contents:hover {
	cursor: pointer;
  }
  .full_img_contents:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .full_img_contents p {
	line-height: 1.6;
	overflow: visible;
  }
  .full_img_contents img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
  }
  .full_img_contents .bottom_txt {
	color: #fcfcfc;
	position: absolute;
	width: 85%;
	bottom: 16px;
	left: 16px;
  }
  .full_img_contents .bottom_txt .item_title {
	height: auto;
  }
}
@media screen and (max-width: 480px) {
  .darken_image_gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: black;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media screen and (max-width: 480px) {
  .bottom_banner {
	width: 100%;
	height: calc(95vw / 4);
	background-color: #E5E9F4;
	margin-bottom: 1rem;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
	overflow: hidden;
  }
  .bottom_banner:hover {
	cursor: pointer;
  }
  .bottom_banner:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .bottom_banner img {
	width: 100%;
	height: 100%;
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
  @keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
  @keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
  @keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
  @keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
  @keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 64px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
  @keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 64px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
  @keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
  @keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
  @keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
  @keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
}
@media screen and (max-width: 480px) and (max-height: calc(769px - 1px)) {
  .top-btn-wrap {
	position: fixed;
	bottom: 14px;
	right: 14px;
	z-index: 50;
  }

  .top-btn-wrap a {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: relative;
	background-color: white;
	border-radius: 100%;
	box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
  }

  .top-btn-wrap a img {
	text-align: center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
  }

  .top-btn-wrap a:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 480px) and (min-height: 769px) {
  .top-btn-wrap {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 50;
  }

  .top-btn-wrap a {
	display: inline-block;
	width: 62px;
	height: 62px;
	position: relative;
	background-color: white;
	border-radius: 100%;
	box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
  }

  .top-btn-wrap a img {
	text-align: center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
  }

  .top-btn-wrap a:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 480px) {
  #listcal, #listcal_solo {
	color: #4F5D75;
	padding: 0 32px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 64px;
  }
}
@media screen and (max-width: 480px) and (min-width: 800px) {
  #listcal .month_wrap, #listcal_solo .month_wrap {
	width: 48%;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  #listcal .month_wrap, #listcal_solo .month_wrap {
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #listcal .year_header, #listcal_solo .year_header {
	margin-top: 32px;
	margin-bottom: 6px;
	text-align: center;
	color: #2D3142;
  }
  #listcal .year_header .month, #listcal_solo .year_header .month {
	font-size: 1.8rem;
	font-weight: 700;
  }
  #listcal .year_header .year, #listcal_solo .year_header .year {
	font-size: 16px;
	margin-left: 10px;
	color: #4F5D75;
  }
}
@media screen and (max-width: 480px) {
  #listcal table, #listcal_solo table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
  }
}
@media screen and (max-width: 480px) {
  #listcal thead, #listcal_solo thead {
	color: #4F5D75;
  }
  #listcal thead td, #listcal_solo thead td {
	font-size: 13px;
	background-color: #F6F7FC;
  }
  #listcal thead td:nth-child(1), #listcal_solo thead td:nth-child(1) {
	color: pink;
  }
}
@media screen and (max-width: 480px) {
  #listcal td, #listcal_solo td {
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	cursor: pointer;
	height: 53px;
  }
  #listcal td:nth-child(1), #listcal_solo td:nth-child(1) {
	color: pink;
  }
  #listcal td.cal_picker:not(.checkin_date, .checkout_date):hover, #listcal_solo td.cal_picker:not(.checkin_date, .checkout_date):hover {
	background-color: #FFE0C0;
	opacity: 0.5;
	border-radius: 50%;
  }
  #listcal td.cal_picker.today, #listcal_solo td.cal_picker.today {
	color: #ff9231;
	font-weight: 700;
  }
  #listcal td.cal_picker.before, #listcal_solo td.cal_picker.before {
	color: #ccc;
  }
  #listcal td.cal_picker.ing_date, #listcal_solo td.cal_picker.ing_date {
	color: #4F5D75;
  }
  #listcal td.cal_picker.ing_date p, #listcal_solo td.cal_picker.ing_date p {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center !important;
	background-color: rgba(255, 146, 49, 0.5);
  }
  #listcal td.cal_picker.checkin_date, #listcal_solo td.cal_picker.checkin_date {
	background-image: url(../images/circle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	color: #fcfcfc;
	background-position: top;
  }
  #listcal td.cal_picker.checkin_date.ing_date p, #listcal_solo td.cal_picker.checkin_date.ing_date p {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
  }
  #listcal td.cal_picker.checkout_date, #listcal_solo td.cal_picker.checkout_date {
	background-image: url(../images/circle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	color: #fcfcfc;
	background-position: top;
  }
  #listcal td.cal_picker.checkout_date.ing_date p, #listcal_solo td.cal_picker.checkout_date.ing_date p {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
  }
}
@media screen and (max-width: 480px) {
  #calendar_layer .search_user_sec {
	padding-top: 10px;
	height: calc(100% - 75px);
  }
}
@media screen and (max-width: 480px) {
  p {
	line-height: 1.8;
	font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  h1 {
	font-size: 4.2rem;
  }
}
@media screen and (max-width: 480px) {
  h2 {
	font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  h3 {
	font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  h4 {
	font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  h5 {
	font-size: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  h6 {
	font-size: 19px;
  }
}
@media screen and (max-width: 480px) {
  .p2 {
	font-size: 19px;
  }
}
@media screen and (max-width: 480px) {
  .h1 {
	font-size: 4.2rem;
  }
}
@media screen and (max-width: 480px) {
  .h2 {
	font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .h3 {
	font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .h3_4 {
	font-size: 2.1rem;
  }
}
@media screen and (max-width: 480px) {
  .h4 {
	font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .h4_5 {
	font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .h5 {
	font-size: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  .btn_txt {
	font-weight: 700;
  }
  .btn_txt:hover {
	transition: all 0.2s ease-in-out;
	text-shadow: 0px 0px 4px #A5ABB5;
  }
  .btn_txt:hover:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .btn_basic {
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #A5ABB5;
	border-radius: 10px;
	font-weight: 500;
  }
  .btn_basic:hover {
	cursor: pointer;
  }
  .btn_basic .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: 1px solid #ff9231;
  }
  .btn_basic.btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: 1px solid #ff9231;
  }
  .btn_basic.btn_full {
	width: 100%;
	height: 64px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .bigswiper {
	margin-top: calc(64px - 1px);
	width: 100vw;
	height: auto;
  }
}
@media screen and (max-width: 480px) {
  .event_banner {
	overflow: hidden;
  }
  .event_banner .banner_items {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .event_banner .swiper-container {
	border-radius: 0;
  }
  .event_banner .swiper-button-prev {
	left: 5%;
  }
  .event_banner .swiper-button-next {
	right: 5%;
  }
}
@media screen and (max-width: 480px) {
  .main_search {
	z-index: 30;
	width: 95vw;
	margin: 0 auto;
  }
  .main_search .stay-filter-list {
	position: absolute;
  }
}
@media screen and (max-width: 480px) {
  .stay-filter-list {
	position: relative;
	background-color: white;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	/* overflow: hidden; */
	z-index: 35;
	border-radius: 36.5px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
	margin: 15px 0;
  }
}
@media screen and (max-width: 480px) {
  .stay-filter-box-wrap {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: initial;
  }
}
@media screen and (max-width: 480px) {
  .wrap-fi {
	display: flex;
	justify-content: space-between;
	padding: 15px 0 0 38px;
	/* height: fit-content; */
	overflow: hidden;
  }
  .wrap-fi input {
	border: none;
	padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .filter_search_auto_wrap {
	width: 355px;
	max-height: 50vh;
	position: absolute;
	top: 75px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
  }
}
@media screen and (max-width: 480px) {
  .filter_search_auto_list {
	border-bottom: 0.5px solid #eee;
  }
}
@media screen and (max-width: 480px) {
  .filter_search_auto_wrap .search_key_wrap:hover {
	/* background-color: rgba(255,146,49, .5); */
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .orange_p {
	color: #ff9231;
	font-weight: bold;
  }
}
@media screen and (max-width: 480px) {
  .filter_search_img_con {
	width: 25px;
	height: 25px;
	background-color: transparent;
  }
}
@media screen and (max-width: 480px) {
  .filter_search_img_con img {
	width: 100%;
	height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .filter_search_li_arr {
	width: 100%;
	text-align: left;
  }
}
@media screen and (max-width: 480px) {
  #recommend_destination .filter_search_li_arr {
	text-align: left;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  .filter_search_li_con {
	line-height: 1.5;
	word-break: keep-all;
	word-wrap: break-word;
	display: flex;
	justify-content: flex-start;
	flex-shrink: 0;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  #recommend_hotel {
	right: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  #recommend_destination {
	left: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: 550px;
  }
}
@media screen and (max-width: 480px) {
  .filter-mini-box {
	border-right: 1px dotted #ccc;
  }
}
@media screen and (max-width: 480px) {
  .light-grey-title {
	color: #adadad;
	font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .filter-input-text {
	color: #454444;
	font-size: 16px;
	font-weight: bold;
  }
}
@media screen and (max-width: 480px) {
  .navbar-btn {
	border: none;
	color: #454444;
	font-size: 16px;
	font-weight: bold;
  }
}
@media screen and (max-width: 480px) {
  .navbar-btn::-moz-placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
  .navbar-btn:-ms-input-placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
  .navbar-btn::placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
}
@media screen and (max-width: 480px) {
  .search_area {
	width: 30%;
	height: 43px;
	border-right: 1px solid #ccc;
	padding-right: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .lend-filter {
	width: 25%;
  }
}
@media screen and (max-width: 480px) {
  .checkinout-time input {
	text-align: center;
  }
  .checkinout-time input:hover {
	transition: all 0.2s ease-in-out;
  }
  .checkinout-time input:hover:hover {
	cursor: pointer;
  }
  .checkinout-time:hover {
	transition: all 0.2s ease-in-out;
  }
  .checkinout-time:hover:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .checkinout-timefilter-wrap {
	width: 30%;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  .personal-count-filter {
	width: 30%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	position: relative;
  }
}
@media screen and (max-width: 480px) {
  .checkinout-timefilter-wrap > div {
	width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .filter-checkout-time p {
	text-align: right;
  }
}
@media screen and (max-width: 480px) {
  .keyword-filter-wrap {
	width: 265px;
	height: 43px;
  }
}
@media screen and (max-width: 480px) {
  .filter-search-btn-wrap {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: #ff9231;
	margin-right: 8.5px;
	transform: translateY(-8.5px);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .filter-search-btn-wrap:hover {
	cursor: pointer;
	box-shadow: 0 0 4px #ff9231;
  }
}
@media screen and (max-width: 480px) {
  .stay-event-banner-wrap {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .filter-search-btn-wrap img {
	width: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 480px) {
  #stay-filter-box-label {
	overflow: hidden;
	width: 100%;
	height: 0;
  }
}
@media screen and (max-width: 480px) {
  .down-personal-filter {
	position: absolute;
	top: 1px;
	right: 0;
	padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .down-personal-filter:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .child-age-mark-wrap {
	font-size: 12px;
	color: #adadad;
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
  }
}
@media screen and (max-width: 480px) {
  .child-age-mark-wrap .age-text p {
	text-decoration: underline;
	margin-right: 3px;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .child-age-mark-wrap .age-text:hover {
	color: #454444;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .child-age-mark-wrap .age-text {
	display: flex;
	justify-content: flex-start;
	margin-left: 5px;
  }
}
@media screen and (max-width: 480px) {
  #stay-filter-box-input {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .mobile-stay-view {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .detail-personal-count-wrap {
	position: relative;
	height: 0;
	overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  #stay-filter-box-input:checked ~ .detail-personal-count-wrap {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  .end-selected {
	font-size: 12px;
	/* position: absolute; */
	margin-left: 70%;
	margin-bottom: 10px;
	text-align: center;
	/* bottom: 15px; */
	/* right: 0; */
	padding: 5px 15px;
	border-radius: 100px;
	margin-right: 25px;
	background-color: #ff9231;
	color: white;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .end-selected:hover {
	box-shadow: 0 0 4px #ff9231;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .detail-personal-count-wrap .people-age-wrap-2 {
	margin: 20px 10px;
  }
}
@media screen and (max-width: 480px) {
  .inner {
	margin: 0 auto;
	width: 95vw;
  }
}
@media screen and (max-width: 480px) {
  .people-age-wrap li {
	margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 480px) {
  .login_social_img_wrap {
	width: 100%;
	margin-top: 2rem;
  }
  .login_social_img_wrap a img {
	width: 50px;
	height: 50px;
  }
}
@media screen and (max-width: 480px) {
  .label_span {
	width: 80%;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 {
	width: 100%;
	height: 600px;
	background: #ffffff;
	border: 1px #e4e4e4 solid;
	position: absolute;
	/* top: 100px; */
	/* left: 0px; */
	padding: 20px;
	z-index: 9999;
  }
}
@media screen and (max-width: 480px) {
  .checkinout-all-container {
	width: 1200px;
	margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .checkinout-all-container #stay_detail_cal #calendar_stay_01 {
	position: relative;
	top: 95px;
	/* left: 13%; */
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .left_btn {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .right_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .calender_inner01 {
	width: 49%;
	height: 100%;
	position: relative;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .calender_title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .calender_table {
	width: 100%;
	border-collapse: collapse;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .calender_table tr th {
	font-size: 14px;
	color: #ff9231;
	height: 4.5em;
	width: 14%;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .calender_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: 0.2em;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .calandar_close {
	position: absolute;
	top: -25px;
	right: 10px;
	width: 35px;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .calender_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  #calendar_stay_01 .calender_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (max-width: 480px) {
  #calendar {
	width: 856px;
	min-height: 480px;
	background: #ffffff;
	border: 1px #e4e4e4 solid;
	position: absolute;
	top: 158px;
	left: 0px;
	padding: 20px;
	line-height: 1;
	z-index: 1;
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .calender_title p {
	font-weight: bold;
	color: #454444;
  }
}
@media screen and (max-width: 480px) {
  .calender_title p span {
	font-size: 0.8em;
	font-weight: 300;
  }
}
@media screen and (max-width: 480px) {
  #calendar .calender_inner01 {
	float: left;
	width: 49%;
	height: 100%;
	position: relative;
  }
}
@media screen and (max-width: 480px) {
  #calendar .calender_inner01:nth-child(2) {
	float: right;
  }
}
@media screen and (max-width: 480px) {
  #calendar .left_btn {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  #calendar .right_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  #calendar .calender_title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  #calendar .calender_table {
	width: 100%;
	border-collapse: collapse;
  }
}
@media screen and (max-width: 480px) {
  #calendar .calender_table tr th {
	font-size: 14px;
	color: #ff9231;
	height: 4.5em;
	width: 14%;
  }
}
@media screen and (max-width: 480px) {
  #calendar .calender_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: 0.2em;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  #calendar .calender_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  #calendar .calender_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (max-width: 480px) {
  .calendar-not {
	background: #efefef !important;
	cursor: not-allowed;
	color: #a5a1a1 !important;
  }
}
@media screen and (max-width: 480px) {
  .calendar-active {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (max-width: 480px) {
  .calendar-weekend {
	background: #e23939 !important;
	color: #ffffff !important;
  }
}
@media screen and (max-width: 480px) {
  .none {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .prog_box.active {
	display: block;
  }
}
@media screen and (max-width: 480px) {
  .prog_box {
	display: none;
	height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .search_user_sec .special_type {
	margin: 16px 0;
  }
}
@media screen and (max-width: 480px) {
  .wh5040 {
	width: 95vw !important;
	height: 60vh !important;
  }
}
@media screen and (max-width: 480px) {
  .tendays input, .tendays textarea {
	text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .company_banner {
	height: 100px;
	margin-top: 2rem;
  }
}
@media screen and (max-width: 480px) and (max-width: 480px) {
  .company_view {
	width: 60%;
  }

  .connect_line {
	content: "";
	border: none;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .stay_designer .flex_between {
	justify-content: space-around;
  }
}
@media screen and (max-width: 480px) and (min-width: 481px) {
  .connect_line {
	content: "";
	border-bottom: 2px solid #E5E9F4;
	width: 40%;
	height: 1px;
  }
}
@media screen and (max-width: 480px) {
  .stay_designer .view5sizing {
	margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  table {
	border-collapse: collapse;
  }
}
@media screen and (max-width: 480px) {
  .mt-2, .my-2 {
	margin-top: 0.5rem !important;
  }
}
@media screen and (max-width: 480px) {
  .pb-3, .py-3 {
	padding-bottom: 1rem !important;
  }
}
@media screen and (max-width: 480px) {
  thead {
	display: table-header-group;
  }
}
@media screen and (max-width: 480px) {
  img, tr {
	page-break-inside: avoid;
  }
}
@media screen and (max-width: 480px) {
  h2, h3, p {
	orphans: 3;
	widows: 3;
  }
}
@media screen and (max-width: 480px) {
  h2, h3 {
	page-break-after: avoid;
  }
}
@media screen and (max-width: 480px) {
  .table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6 !important;
  }
}
@media screen and (max-width: 480px) {
  .table-dark {
	color: inherit;
  }
}
@media screen and (max-width: 480px) {
  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
	border-color: #dee2e6;
  }
}
@media screen and (max-width: 480px) {
  .table .thead-dark th {
	color: inherit;
	border-color: #dee2e6;
  }
}
@media screen and (max-width: 480px) {
  .table {
	width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
  }
}
@media screen and (max-width: 480px) {
  .table td, .table th {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
  }
}
@media screen and (max-width: 480px) {
  .table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
  }
}
@media screen and (max-width: 480px) {
  .table tbody + tbody {
	border-top: 2px solid #dee2e6;
  }
}
@media screen and (max-width: 480px) {
  .table .table-sm td, .table-sm th {
	padding: 0.3rem;
  }
}
@media screen and (max-width: 480px) {
  .table-bordered {
	border: 1px solid #dee2e6;
  }
}
@media screen and (max-width: 480px) {
  .table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6;
  }
}
@media screen and (max-width: 480px) {
  .table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 2px;
  }
}
@media screen and (max-width: 480px) {
  .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
	border: 0;
  }
}
@media screen and (max-width: 480px) {
  .table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.05);
  }
}
@media screen and (max-width: 480px) {
  .table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (max-width: 480px) {
  .table-primary, .table-primary > td, .table-primary > th {
	background-color: #b8daff;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-primary:hover {
	background-color: #9fcdff;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
	background-color: #9fcdff;
  }
}
@media screen and (max-width: 480px) {
  .table-secondary, .table-secondary > td, .table-secondary > th {
	background-color: #d6d8db;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-secondary:hover {
	background-color: #c8cbcf;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
	background-color: #c8cbcf;
  }
}
@media screen and (max-width: 480px) {
  .table-success, .table-success > td, .table-success > th {
	background-color: #c3e6cb;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-success:hover {
	background-color: #b1dfbb;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
	background-color: #b1dfbb;
  }
}
@media screen and (max-width: 480px) {
  .table-info, .table-info > td, .table-info > th {
	background-color: #bee5eb;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-info:hover {
	background-color: #abdde5;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
	background-color: #abdde5;
  }
}
@media screen and (max-width: 480px) {
  .table-warning, .table-warning > td, .table-warning > th {
	background-color: #ffeeba;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-warning:hover {
	background-color: #ffe8a1;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	background-color: #ffe8a1;
  }
}
@media screen and (max-width: 480px) {
  .table-danger, .table-danger > td, .table-danger > th {
	background-color: #f5c6cb;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-danger:hover {
	background-color: #f1b0b7;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	background-color: #f1b0b7;
  }
}
@media screen and (max-width: 480px) {
  .table-light, .table-light > td, .table-light > th {
	background-color: #fdfdfe;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-light:hover {
	background-color: #ececf6;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
	background-color: #ececf6;
  }
}
@media screen and (max-width: 480px) {
  .table-dark, .table-dark > td, .table-dark > th {
	background-color: #c6c8ca;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-dark:hover {
	background-color: #b9bbbe;
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
	background-color: #b9bbbe;
  }
}
@media screen and (max-width: 480px) {
  .table-active, .table-active > td, .table-active > th {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (max-width: 480px) {
  .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (max-width: 480px) {
  .table .thead-dark th {
	color: #fff;
	background-color: #212529;
	border-color: #32383e;
  }
}
@media screen and (max-width: 480px) {
  .table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6;
  }
}
@media screen and (max-width: 480px) {
  .table-dark {
	color: #fff;
	background-color: #212529;
  }
}
@media screen and (max-width: 480px) {
  .table-dark td, .table-dark th, .table-dark thead th {
	border-color: #32383e;
  }
}
@media screen and (max-width: 480px) {
  .table-dark.table-bordered {
	border: 0;
  }
}
@media screen and (max-width: 480px) {
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.05);
  }
}
@media screen and (max-width: 480px) {
  .table-dark.table-hover tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.075);
  }
}
@media screen and (max-width: 480px) and (max-width: 575.98px) {
  .table-responsive-sm {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-sm > .table-bordered {
	border: 0;
  }
}
@media screen and (max-width: 480px) and (max-width: 767.98px) {
  .table-responsive-md {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-md > .table-bordered {
	border: 0;
  }
}
@media screen and (max-width: 480px) and (max-width: 991.98px) {
  .table-responsive-lg {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-lg > .table-bordered {
	border: 0;
  }
}
@media screen and (max-width: 480px) and (max-width: 1199.98px) {
  .table-responsive-xl {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-xl > .table-bordered {
	border: 0;
  }
}
@media screen and (max-width: 480px) {
  .table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (max-width: 480px) {
  .table-responsive > .table-bordered {
	border: 0;
  }
}
@media screen and (max-width: 480px) {
  .accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
  }
}
@media screen and (max-width: 480px) {
  .card > hr {
	margin-right: 0;
	margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .card > .list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }
}
@media screen and (max-width: 480px) {
  .card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }
}
@media screen and (max-width: 480px) {
  .card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .card-title {
	margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 480px) {
  .card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .card-text:last-child {
	margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .card-link:hover {
	text-decoration: none;
  }
}
@media screen and (max-width: 480px) {
  .card-link + .card-link {
	margin-left: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }
}
@media screen and (max-width: 480px) {
  .card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  }
}
@media screen and (max-width: 480px) {
  .card-header + .list-group .list-group-item:first-child {
	border-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .card-footer {
	padding: 0.75rem 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
  }
}
@media screen and (max-width: 480px) {
  .card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
  }
}
@media screen and (max-width: 480px) {
  .card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
  }
}
@media screen and (max-width: 480px) {
  .card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .card-img {
	width: 100%;
	border-radius: calc(.25rem - 1px);
  }
}
@media screen and (max-width: 480px) {
  .card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
  }
}
@media screen and (max-width: 480px) {
  .card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 1px);
	border-bottom-left-radius: calc(.25rem - 1px);
  }
}
@media screen and (max-width: 480px) {
  .card-deck {
	display: flex;
	flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .card-deck .card {
	margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) and (min-width: 576px) {
  .card-deck {
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left: -15px;
  }

  .card-deck .card {
	display: flex;
	flex: 1 0 0%;
	flex-direction: column;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
  }
}
@media screen and (max-width: 480px) {
  .card-group {
	display: flex;
	flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .card-group > .card {
	margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) and (min-width: 576px) {
  .card-group {
	flex-flow: row wrap;
  }

  .card-group > .card {
	flex: 1 0 0%;
	margin-bottom: 0;
  }

  .card-group > .card + .card {
	margin-left: 0;
	border-left: 0;
  }

  .card-group > .card:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }

  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
	border-top-right-radius: 0;
  }

  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
	border-bottom-right-radius: 0;
  }

  .card-group > .card:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }

  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
	border-top-left-radius: 0;
  }

  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
	border-bottom-left-radius: 0;
  }

  .card-group > .card:only-child {
	border-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
	border-radius: 0;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
	border-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .card-columns .card {
	margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 480px) and (min-width: 576px) {
  .card-columns {
	-moz-column-count: 3;
	column-count: 3;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
  }

  .card-columns .card {
	display: inline-block;
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .credit_section {
	margin: 2rem 0;
  }
}
@media screen and (max-width: 480px) {
  .detail_header {
	padding-top: 64px;
	width: 100vw;
  }
  .detail_header .name_wrap {
	padding: 0 2.5vw;
  }
  .detail_header .name_wrap .name_wrap_top {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
  }
  .detail_header .name_wrap .name_wrap_inner {
	align-items: baseline;
	margin-bottom: 10px;
  }
  .detail_header .name_wrap .name_wrap_inner .hotel_name {
	font-size: 21px;
	line-height: 140%;
	margin-bottom: 0;
  }
  .detail_header .region {
	padding: 2px 10px;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 14px;
	margin-right: 10px;
  }
  .detail_header .product_code {
	font-size: 12px;
	color: #A5ABB5;
  }
}
@media screen and (max-width: 480px) {
  .special_type {
	margin: 0 2.5vw 10px 2.5vw;
  }
  .special_type p {
	font-size: 14px;
	display: inline-block;
	color: #ff9231;
	padding: 2px 10px;
	border: 1px solid #ff9231;
	border-radius: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .hotel_detail_nav {
	width: 100vw;
	height: 64px;
	position: fixed;
	bottom: -1px;
	z-index: 100;
	background-color: #ff9231;
	transform: translateY(10px);
	opacity: 0;
	transition: all 0.4s ease-in-out;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  .hotel_detail_nav ul {
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
  }
  .hotel_detail_nav ul li {
	padding: 20px 30px;
	color: #fcfcfc;
	font-weight: 600;
	font-size: 16px;
	display: none;
  }
  .hotel_detail_nav ul .hotel_detail_mobile_nav {
	display: block;
	color: #fcfcfc;
  }
  .hotel_detail_nav ul .hotel_detail_mobile_nav a:visited {
	color: #fcfcfc;
  }
  .hotel_detail_nav ul .hotel_detail_mobile_nav a:link {
	color: #fcfcfc;
  }
}
@media screen and (max-width: 480px) {
  .mo_roomtype {
	display: flex;
	justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .optional_more {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #E5E9F4;
	opacity: 0.8;
	transition: all 0.2s ease-in-out;
  }
  .optional_more img {
	width: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 480px) {
  .hotel_detail {
	width: 100vw;
	margin: 0 auto;
  }
  .hotel_detail .img_wrap {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 10px 0;
  }
  .hotel_detail .img_wrap:hover .optional_more {
	background-color: rgba(255, 255, 255, 0.3);
  }
  .hotel_detail .img_wrap .image {
	width: 100vw;
	height: 200px;
	float: left;
	background-size: cover;
	background-position: center;
  }
  .hotel_detail .img_wrap .img_move {
	width: calc(100% - 20px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
  }
  .hotel_detail .option_wrap {
	width: 95vw;
	margin: 30px 2.5vw;
  }
  .hotel_detail .section_title {
	font-weight: 700;
	font-size: 18px;
	color: #111113;
	margin-right: 10px;
  }
  .hotel_detail .view_name {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
  }
  .hotel_detail .check-time-option {
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .hotel_detail .check-time-option img {
	margin-right: 10px;
  }
  .hotel_detail .check-time-option p {
	color: #4F5D75;
	font-size: 14px;
	margin-right: 10px;
  }
  .hotel_detail .check-time-option p span {
	color: #2D3142;
	font-weight: 700;
  }
  .hotel_detail .h_information {
	font-size: 16px;
	color: #111113;
  }
  .hotel_detail .h_information img {
	width: 100%;
  }
  .hotel_detail .check_thing {
	margin-top: 10px;
  }
  .hotel_detail .check_thing .option_check {
	color: #ff9231;
  }
  .hotel_detail .spot_name {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
  .hotel_detail .spot_name p {
	color: #111113;
  }
  .hotel_detail .map {
	width: 100%;
	height: 200px;
	background-color: #E5E9F4;
	margin: 10px 0;
  }
}
@media screen and (max-width: 480px) {
  .stay_detail_inner .hotel_detail .search_only {
	display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .hotel_option_box {
	margin-bottom: 15px;
	width: 100%;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	overflow: hidden;
  }
  .hotel_option_box .first_view {
	border-bottom: 1px solid #E5E9F4;
  }
  .hotel_option_box .first_view .optional_img {
	width: 100%;
	height: 170px;
	overflow: hidden;
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .first_view .optional_img:hover {
	cursor: pointer;
  }
  .hotel_option_box .first_view .optional_img:hover .optional_more {
	background-color: rgba(255, 255, 255, 0.3);
  }
  .hotel_option_box .first_view .optional_img > img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
  }
  .hotel_option_box .first_view .optional_text {
	width: 100%;
	padding: 10px 15px;
  }
  .hotel_option_box .first_view .optional_text .option_name {
	font-size: 18px;
	font-weight: 700;
	color: #111113;
	margin-bottom: 8px;
  }
  .hotel_option_box .first_view .optional_text .option_name span {
	font-size: 14px;
	color: #A5ABB5;
	font-weight: 400;
  }
  .hotel_option_box .first_view .optional_text .special_type {
	height: 32px;
	overflow: hidden;
	margin: 0;
	margin-bottom: 10px;
  }
  .hotel_option_box .first_view .optional_text .option_select {
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #E5E9F4;
  }
  .hotel_option_box .first_view .optional_text .option_select > div {
	align-items: center;
  }
  .hotel_option_box .first_view .optional_text .option_select > div > p {
	padding-right: 5px;
  }
  .hotel_option_box .first_view .optional_text .option_select > div .book {
	margin-top: 10px;
	padding: 8px 20px;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	text-align: center;
  }
  .hotel_option_box .first_view .optional_text .option_select .check {
	font-size: 14px;
	color: #A5ABB5;
  }
  .hotel_option_box .hotel-detail-option-more-btn {
	width: 100%;
	align-items: center;
	position: relative;
	height: 50px;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .hotel-detail-option-more-btn:hover {
	cursor: pointer;
  }
  .hotel_option_box .hotel-detail-option-more-btn > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	justify-content: flex-start;
	color: #ff9231;
  }
  .hotel_option_box .hotel-detail-option-more-btn > div > p {
	padding-right: 5px;
  }
  .hotel_option_box .more-view-option {
	width: 25px;
	height: 25px;
	background-color: #ff9231;
	border-radius: 100%;
	position: relative;
  }
  .hotel_option_box .more-view-option img {
	width: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .hotel_option_box .second_view {
	padding: 10px 15px;
	display: none;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .second_view:hover {
	cursor: pointer;
  }
  .hotel_option_box .second_view > div {
	margin-top: 15px;
  }
  .hotel_option_box .second_view > div .option_check {
	font-weight: 700;
	margin-bottom: 5px;
  }
  .hotel_option_box .second_view .special_type {
	margin: 0 0 10px 0;
  }
}
@media screen and (max-width: 480px) {
  .option_check {
	font-size: 16px;
	color: #111113;
  }
}
@media screen and (max-width: 480px) {
  .option_check_text {
	color: #4F5D75;
  }
}
@media screen and (max-width: 480px) {
  #detail_closed_btn {
	opacity: 0;
	height: 0;
	transition: all 0.2s ease-in-out;
  }
  #detail_closed_btn:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .tema_move {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .tema-wrap {
	width: 100%;
	overflow-x: scroll;
	margin-top: 30px;
	-ms-overflow-style: none;
	/* IE and Edge */
  }
  .tema-wrap::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Opera*/
  }
  .tema-wrap ul li {
	float: left;
	width: 100px;
	height: 85px;
	text-align: center;
	position: relative;
  }
  .tema-wrap ul li p {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
  }
  .tema-wrap ul::after {
	content: "";
	display: table;
	clear: both;
  }
}
@media screen and (max-width: 480px) {
  .review_option_wrap {
	margin-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .review_box_wrap li {
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: flex-start;
	padding: 20px;
	transition: all 0.2s ease-in-out;
	margin-top: 15px;
  }
  .review_box_wrap li .tag {
	width: 30px;
	position: relative;
  }
  .review_box_wrap li .tag img {
	position: absolute;
	top: -20px;
  }
  .review_box_wrap li .tag p {
	color: white;
	position: absolute;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
  }
  .review_box_wrap li .review_all {
	width: calc(100% - 30px);
	margin-left: 20px;
  }
  .review_box_wrap li .writer {
	display: flex;
	justify-content: space-between;
  }
  .review_box_wrap li .writer > div {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
  .review_box_wrap li .writer > div img {
	width: 15px;
  }
  .review_box_wrap li .writer > div > p {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
	font-weight: 700;
  }
  .review_box_wrap li .writer > p {
	color: #A5ABB5;
  }
  .review_box_wrap li .star_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	margin: 10px 0;
  }
  .review_box_wrap li .star_wrap img {
	width: 15px;
	height: 15px;
	margin-right: 3px;
  }
  .review_box_wrap li .star_wrap p {
	display: inline;
	color: #ff9231;
  }
  .review_box_wrap li .review_03 h5 {
	font-size: 16px;
	margin-bottom: 10px;
  }
  .review_box_wrap li .review_03 p {
	color: #4F5D75;
  }
  .review_box_wrap li .review_03 #review_text {
	height: 50px;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all 0.2s ease-in-out;
  }
  .review_box_wrap li .review_03 .review-more-view {
	color: #ff9231;
	text-align: center;
	width: 100%;
	transform: translateX(-25px);
	transition: all 0.2s ease-in-out;
  }
  .review_box_wrap li .review_03 .review-more-view:hover {
	cursor: pointer;
  }
  .review_box_wrap li .review_03 #review_closed {
	opacity: 0;
	height: 0;
  }
}
@media screen and (max-width: 480px) {
  .moreview_images-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(118, 127, 159, 0.3);
  }
  .moreview_images-wrap > div {
	width: 95vw;
	height: 290px;
	border-radius: 10px;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .moreview_images-wrap > div .closed_btn {
	position: absolute;
	top: 20px;
	right: 20px;
	transition: all 0.2s ease-in-out;
  }
  .moreview_images-wrap > div .closed_btn:hover {
	cursor: pointer;
  }
  .moreview_images-wrap > div .closed_btn img {
	width: 25px;
  }
  .moreview_images-wrap > div .img_move {
	width: calc(100% - 20px);
	position: absolute;
	left: 50%;
	top: calc(50% + 30px);
	transform: translateY(-50%) translateX(-50%);
	display: flex;
	justify-content: space-between;
  }
  .moreview_images-wrap > div .images {
	width: 300px;
	height: 200px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
	overflow-X: scroll;
	-ms-overflow-style: none;
  }
  .moreview_images-wrap > div .images::-webkit-scrollbar {
	display: none;
  }
  .moreview_images-wrap > div .images img {
	float: left;
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .only_ml_PC {
	margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .stay_book_inner {
	width: 100vw;
	margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .m_none {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .book_check {
	width: 100vw;
	padding-top: 64px;
  }
  .book_check .img_wrap {
	width: 100vw;
	height: 180px;
	position: relative;
	overflow: hidden;
  }
  .book_check .img_wrap > img {
	width: 100vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .book_check h3 {
	font-size: 21px;
	text-align: center;
	margin-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .book_check_wrap {
	margin: 10px 2.5vw;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px 15px;
  }
  .book_check_wrap .checkinout-time-wrap > div {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
  }
  .book_check_wrap .checkinout-time-wrap .check-mark-top {
	width: 60px;
	color: #4F5D75;
	margin-right: 10px;
  }
  .book_check_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
	transition: all 0.2s ease-in-out;
  }
  .book_check_wrap .personal-count-filter {
	color: #ff9231;
	font-weight: 700;
	width: 100%;
  }
  .book_check_wrap .personal-count-filter p {
	text-align: right;
	transition: all 0.2s ease-in-out;
  }
  .book_check_wrap .personal-count-filter:hover {
	cursor: pointer;
  }
  .book_check_wrap .personal-count-filter:hover p {
	border-bottom: 2px solid #ff9231;
  }
}
@media screen and (max-width: 480px) {
  h4 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .stay_book_inner .book_input {
	width: 95vw;
	margin: 0 auto;
	margin-top: 50px;
  }
  .stay_book_inner .book_input .match_id {
	margin-bottom: 10px;
  }
  .stay_book_inner .book_input .match_id > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
  }
  .stay_book_inner .book_input .match_id > div input {
	display: none;
  }
  .stay_book_inner .book_input .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
  }
  .stay_book_inner .book_input .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_book_inner .book_input .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }
  .stay_book_inner .book_input .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .stay_book_inner .book_input .btn_off img {
	display: none;
  }
  .stay_book_inner .book_input .who_input_wrap {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 20px;
  }
  .stay_book_inner .book_input .who_input_wrap > div {
	margin-bottom: 15px;
  }
  .stay_book_inner .book_input .who_input_wrap > div > input {
	width: 100%;
  }
  .stay_book_inner .book_input .who_input_wrap .i_title {
	font-size: 16px;
	font-weight: 600;
  }
  .stay_book_inner .book_input .who_input_wrap .sub_i_title {
	color: #4F5D75;
	font-size: 14px;
  }
  .stay_book_inner .book_input .who_input_wrap .last_none_bottom {
	margin-bottom: 0;
	padding-bottom: 0;
  }
  .stay_book_inner .book_input .who_input_wrap .name_2nd > div {
	margin-bottom: 15px;
  }
  .stay_book_inner .book_input .who_input_wrap .name_2nd > div input {
	width: 100%;
  }
  .stay_book_inner .book_input .who_input_wrap .name_2nd .gender select {
	width: 100%;
	height: 35px;
	padding: 0.5rem;
	border: 1px solid #ccc;
	border-radius: 6px;
  }
  .stay_book_inner .book_input .who_input_wrap .name_2nd .gender select option {
	width: 100%;
	height: 100%;
  }
  .stay_book_inner .book_input .please input {
	display: none;
  }
  .stay_book_inner .book_input .please .please_wrap {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 10px;
  }
  .stay_book_inner .book_input .please .please_wrap > div {
	display: flex;
	justify-content: flex-start;
	align-items: start;
	margin-top: 10px;
	width: 50%;
  }
  .stay_book_inner .book_input .please .please_wrap > div p {
	width: calc(100% - 40px);
  }
  .stay_book_inner .book_input .please .long textarea {
	padding: 10px 15px;
	width: calc(100% - 30px);
	border-radius: 10px;
	border: 1px solid #ccc;
	height: 100px;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .stay_book_inner .book_input .please .long textarea::-moz-placeholder {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .stay_book_inner .book_input .please .warning {
	color: #ff9231;
	font-size: 14px;
  }
  .stay_book_inner .book_input .please .arrive {
	padding-top: 15px;
  }
  .stay_book_inner .book_input .please .arrive > div input {
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .book_pay {
	margin-top: 50px;
  }
  .book_pay .who_input_wrap > div {
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
	margin-bottom: 0;
  }
  .book_pay .who_input_wrap > div > div {
	align-items: right;
	text-align: right;
  }
  .book_pay .who_input_wrap .last_charge {
	border-top: 1px solid #E5E9F4;
	padding-top: 15px;
	padding-bottom: 0;
  }
  .book_pay .who_input_wrap .last_charge .pay_charge {
	font-size: 21px;
  }
  .book_pay .select_coupon {
	padding: 5px 15px;
	border-radius: 6px;
	background-color: #ff9231;
	color: #fcfcfc;
  }
  .book_pay .pay_charge {
	font-size: 16px;
	font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .payfor {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 50px;
  }
  .payfor > p {
	text-align: center;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 21px;
	padding: 10px;
	border-radius: 100px;
  }
  .payfor .confirm_btn {
	text-align: center;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 21px;
	padding: 10px;
	border-radius: 100px;
  }
}
@media screen and (max-width: 480px) {
  .select_payment {
	flex-wrap: wrap;
  }
  .select_payment input {
	display: none;
  }
  .select_payment > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 15px 0 30px 0;
  }
  .select_payment > div > p {
	font-size: 16px;
  }
  .select_payment > div > img {
	width: 30px;
	margin-right: 10px;
	border-radius: 6px;
  }
  .select_payment .sub_i_title {
	color: #4F5D75;
	padding-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .provision_wrap {
	display: block !important;
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid #E5E9F4;
  }
  .provision_wrap ul li {
	list-style-type: disc;
	margin-left: 30px;
	line-height: 180%;
  }
  .provision_wrap .pay_title {
	padding: 10px 0;
  }
  .provision_wrap .provision {
	display: flex;
	justify-content: flex-start !important;
	align-items: center;
	margin-top: 15px;
  }
  .provision_wrap .provision input {
	display: none;
  }
  .provision_wrap .provision .full_consent_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .provision_wrap .provision .full_consent_wrap span {
	font-weight: 700;
	margin-right: 5px;
  }
  .provision_wrap .provision .full_consent {
	color: #ff9231;
	font-weight: 700;
	font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .coupon_box .use_this {
	padding: 10px 0 !important;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	text-align: center;
	font-size: 16px;
	margin: 0 20px 20px 20px;
	transition: all 0.2s ease-in-out;
  }
  .coupon_box .use_this:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .stay_mypage_inner {
	width: 100vw;
	padding-top: 64px;
  }
  .stay_mypage_inner .btn_basic {
	text-align: center;
	width: 20%;
	margin: 0 auto;
	padding: 5px 0;
	border-radius: 25px;
  }
  .stay_mypage_inner .w_my {
	display: none;
  }
  .stay_mypage_inner .top_wrap {
	width: 100vw;
	margin-top: 20px;
	margin-bottom: 20px;
  }
  .stay_mypage_inner .top_wrap .top_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
  }
  .stay_mypage_inner .top_wrap .top_wrapper .w1 {
	width: calc(100% - 160px);
  }
  .stay_mypage_inner .top_wrap .top_wrapper .w1 h2 {
	width: 100%;
	word-break: break-all;
  }
  .stay_mypage_inner .top_wrap h2 {
	font-weight: 400;
	font-size: 21px;
	padding-left: 30px;
	margin-bottom: 10px;
  }
  .stay_mypage_inner .top_wrap h2 span {
	font-weight: 700;
  }
  .stay_mypage_inner .top_wrap .top_sub {
	width: calc(100% - 100px);
	font-size: 14px;
	font-weight: 400;
	padding-left: 30px;
	color: #4F5D75;
  }
  .stay_mypage_inner .top_wrap img {
	width: 110px;
	padding-right: 30px;
  }
  .stay_mypage_inner .top_wrap .formy_detail {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
	padding: 15px 20px;
	border-radius: 10px;
	margin: 15px 20px;
  }
  .stay_mypage_inner .top_wrap .formy_detail:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
  }
  .stay_mypage_inner .top_wrap .formy_detail p {
	font-weight: bold;
	font-size: 16px;
  }
  .stay_mypage_inner .top_wrap .formy_detail .mini {
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	color: #4F5D75;
  }
  .stay_mypage_inner .top_wrap .formy_detail .answer {
	color: #ff9231;
	border-bottom: 3px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .top_wrap .formy_detail .answer:hover {
	cursor: pointer;
	border-bottom: 3px solid #ff9231;
  }
  .stay_mypage_inner .book_list_wrap {
	padding: 10px;
	padding-bottom: 50px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
  }
  .stay_mypage_inner .book_list_wrap .list_menu {
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .list_menu p {
	width: calc(50% - 5px);
	padding: 10px 0;
	text-align: center;
	font-weight: 700;
	background-color: #FFE0C0;
	color: #ff9231;
	font-size: 18px;
	border-radius: 100px;
  }
  .stay_mypage_inner .book_list_wrap .list_menu .book_after_btn {
	opacity: 1;
  }
  .stay_mypage_inner .book_list_wrap .book_before_btn {
	opacity: 0.5;
  }
  .stay_mypage_inner .book_list_wrap .none_box {
	text-align: center;
	font-size: 18px;
	margin-top: 30px !important;
  }
  .stay_mypage_inner .book_list_wrap .book_before {
	width: 100%;
	height: 0;
	overflow: hidden;
  }
  .stay_mypage_inner .book_list_wrap .book_before .select_all {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 25px;
	padding-top: 15px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .select_all p {
	color: #4F5D75;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin: 2.5vw;
	padding: 15px;
	display: flex;
	justify-content: flex-start;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info {
	width: calc(95vw - 85px);
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info .booking_code {
	display: none;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info .img_wrap {
	width: calc((95vw - 95px) / 2);
	height: 60px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info .img_wrap img {
	position: absolute;
	height: 130%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align {
	width: 100%;
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .left {
	width: calc((95vw - 95px) / 2);
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .booking_code,
.stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .title_light {
	color: #A5ABB5;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .texts {
	font-size: 16px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .right {
	width: calc((95vw - 95px) / 2);
	text-align: right;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .right .texts {
	font-size: 21px;
	font-weight: 700;
	color: #ff9231;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap {
	display: flex;
	justify-content: flex-start;
	align-self: center;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap p {
	transition: all 0.2s ease-in-out;
	display: inline;
	border-bottom: 1px solid transparent;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap > img {
	padding: 6px;
	border-radius: 100%;
	background-color: #F6F7FC;
	margin-left: 10px;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap:hover {
	cursor: pointer;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap:hover p {
	border-bottom: 1px solid #111113;
  }
  .stay_mypage_inner .book_list_wrap .continue_box {
	background-color: #ff9231;
	color: #fcfcfc;
	text-align: center;
	width: calc((95vw - 95px) / 2);
  }
  .stay_mypage_inner .book_list_wrap .continue_box:hover {
	background-color: #ff6f31;
  }
  .stay_mypage_inner .book_list_wrap .review_box {
	width: calc(95vw - 30px) !important;
	background-color: #fcfcfc;
	border: 1px solid #ff9231;
	color: #ff9231;
  }
  .stay_mypage_inner .book_list_wrap .continue_box,
.stay_mypage_inner .book_list_wrap .delete_box {
	padding: 8px 0;
	border-radius: 100px;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .delete_box {
	background-color: #E5E9F4;
	color: #4F5D75;
  }
  .stay_mypage_inner .book_list_wrap .align_end {
	align-items: flex-end;
	margin-top: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_after {
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	overflow: hidden;
  }
  .stay_mypage_inner .book_list_wrap .book_after .booking_code {
	display: none;
  }
  .stay_mypage_inner .book_list_wrap .book_after h5 {
	margin-top: 30px;
	margin-left: 25px;
	font-size: 18px;
  }
  .stay_mypage_inner .book_list_wrap .book_after h5 span {
	font-size: 21px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .dday {
	color: #ff9231;
	font-weight: 700;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin: 15px 2.5vw;
	padding: 15px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align {
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align > div {
	width: calc(50% - 5px);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align > p {
	width: calc(50% - 5px);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align .right {
	text-align: right;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align .right .texts {
	color: #A5ABB5;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align .title_light {
	font-size: 16px;
	color: #111113;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .img_wrap {
	width: calc((95vw - 95px) / 2);
	height: 60px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .img_wrap img {
	position: absolute;
	height: 130%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .booking_code,
.stay_mypage_inner .book_list_wrap .book_after .selected_box .title_light {
	color: #A5ABB5;
  }
  .stay_mypage_inner .book_list_wrap .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
  }
  .stay_mypage_inner .book_list_wrap .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }
  .stay_mypage_inner .book_list_wrap .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .stay_mypage_inner .book_list_wrap .btn_off img {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .point_check_cover {
	width: 100vw;
	height: 100vh;
	position: fixed;
	display: none;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: rgba(118, 127, 159, 0.3);
  }
  .point_check_cover .view_coupon {
	background-color: #fcfcfc;
	width: 90vw;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
  }
  .point_check_cover .view_coupon .coupon_scroll {
	max-height: 60vh;
	overflow-y: scroll;
  }
  .point_check_cover .closed_btn {
	position: absolute;
	top: 20px;
	right: 20px;
  }
  .point_check_cover .closed_btn img {
	width: 30px;
  }
  .point_check_cover .closed_btn:hover {
	cursor: pointer;
  }
  .point_check_cover .check_coupon_wrap {
	margin: 50px 30px 30px 30px;
  }
  .point_check_cover .check_coupon_wrap h6 {
	text-align: center;
  }
  .point_check_cover .check_coupon_wrap h6 span {
	color: #ff9231;
  }
  .point_check_cover .check_coupon_wrap p {
	width: 150px;
	margin: 15px auto;
	text-align: center;
	padding: 10px 20px;
	border-radius: 100px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .check_coupon_wrap p:hover {
	cursor: pointer;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  .point_check_cover .coupon_box {
	margin: 30px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	overflow: hidden;
  }
  .point_check_cover .coupon_box .dday_coupon {
	color: #ff9231;
	background-color: #FFE0C0;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 700;
  }
  .point_check_cover .coupon_box p, .point_check_cover .coupon_box h5, .point_check_cover .coupon_box ul {
	padding: 0 20px;
  }
  .point_check_cover .coupon_box ul {
	padding-bottom: 20px;
  }
  .point_check_cover .coupon_box ul li {
	color: #4F5D75;
  }
  .point_check_cover .coupon_box .discount_amount {
	padding-bottom: 20px;
	color: #ff9231;
	padding-top: 20px;
  }
  .point_check_cover .coupon_box .name {
	font-weight: 700;
	font-size: 16px;
  }
  .point_check_cover .draw_coupon {
	background-color: #fcfcfc;
	width: 90vw;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
	text-align: center;
  }
  .point_check_cover .draw_coupon h6 {
	padding: 30px 0 10px 0;
	font-weight: 400;
  }
  .point_check_cover .draw_coupon h6 span {
	font-weight: 700;
  }
  .point_check_cover .draw_coupon input {
	width: 100%;
  }
  .point_check_cover .draw_coupon > p {
	font-size: 16px;
	color: #fcfcfc;
	background-color: #ff9231;
	padding: 10px 20px;
	border-radius: 100px;
	margin-top: 30px;
  }
  .point_check_cover .draw_coupon > p:hover {
	cursor: pointer;
	background-color: #ff6f31;
  }
  .point_check_cover .draw_review {
	width: 90vw;
	margin: 0 auto;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
  }
  .point_check_cover .draw_review h6 {
	padding: 20px 0;
  }
  .point_check_cover .draw_review .review_worter p {
	color: #A5ABB5;
  }
  .point_check_cover .draw_review .review_worter p span {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
  }
  .point_check_cover .draw_review textarea {
	padding: 10px 15px;
	width: calc(100% - 30px);
	border-radius: 10px;
	border: 1px solid #ccc;
	height: 100px;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .point_check_cover .draw_review textarea::-moz-placeholder {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .point_check_cover .draw_review input {
	width: 100%;
	height: 100px;
  }
  .point_check_cover .draw_review > p {
	padding: 15px 0;
	border-radius: 100px;
	color: #fcfcfc;
	background-color: #ff9231;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .draw_review > p:hover {
	cursor: pointer;
	background-color: #ff6f31;
  }
  .point_check_cover .stars_review {
	padding: 10px 0;
  }
  .point_check_cover .stars_review p {
	color: #A5ABB5;
  }
  .point_check_cover .stars_review div {
	display: flex;
	justify-content: flex-start;
	width: 130px;
	padding-top: 5px;
  }
  .point_check_cover .stars_review div img {
	margin-right: 5px;
  }
  .point_check_cover .view_review {
	width: 90vw;
	margin: 0 auto;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
  }
  .point_check_cover .view_review .review_scroll {
	max-height: 70vh;
	overflow-y: scroll;
  }
  .point_check_cover .view_review .review_check_box {
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	padding: 10px;
	margin-top: 15px;
  }
  .point_check_cover .view_review .review_check_box .review_change {
	display: flex;
	justify-content: space-between;
  }
  .point_check_cover .view_review .review_check_box .review_change p {
	width: calc(50% - 5px);
	text-align: center;
	padding: 10px 0;
	border-radius: 100px;
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .view_review .review_check_box .review_change p:hover {
	cursor: pointer;
  }
  .point_check_cover .view_review .review_check_box .review_change .change {
	background-color: #ff9231;
	color: #fcfcfc;
  }
  .point_check_cover .view_review .review_check_box .review_change .change:hover {
	background-color: #ff6f31;
  }
  .point_check_cover .view_review .review_check_box .review_change .delete {
	background-color: #F6F7FC;
	color: #4F5D75;
  }
  .point_check_cover .view_review .review_check_box .review_change .delete:hover {
	background-color: #E5E9F4;
  }
  .point_check_cover .view_review .review_check_box .review_text {
	padding: 10px 3px;
  }
  .point_check_cover .view_review h6 {
	padding: 20px 0;
  }
  .point_check_cover .view_review .review_worter {
	color: #A5ABB5;
  }
  .point_check_cover .view_review .review_worter span {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
  }
}
@media screen and (max-width: 480px) {
  .voucher_popup {
	width: 90vw;
	height: 85vh;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fcfcfc;
	border: 1px solid #F6F7FC;
	padding: 20px;
	z-index: 320;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
  }
  .voucher_popup .voucher_close {
	position: fixed;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
  .voucher_popup .voucher_top {
	overflow: hidden;
	border-bottom: 1px #F6F7FC solid;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-top: 10px;
	display: flex;
	color: #4F5D75;
  }
  .voucher_popup .voucher_top .logo {
	width: 40%;
  }
  .voucher_popup .voucher_top .call {
	font-size: 16px;
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .voucher_popup .voucher_top .call img {
	width: 16px;
	float: left;
	margin-right: 10px;
  }
  .voucher_popup .voucher_check {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 20px;
  }
  .voucher_popup .voucher_check p {
	font-size: 1.8rem;
	color: #ff6f31;
	font-weight: 700;
	line-height: 1.4;
	padding-left: 15px;
  }
  .voucher_popup .voucher_check .icon07 {
	width: 50px;
	float: left;
	margin-right: 10px;
  }
  .voucher_popup .voucher_info {
	overflow: hidden;
	width: 100%;
	padding: 30px 20px;
	background-color: #F6F7FC;
	border-radius: 10px;
	color: #2D3142;
	font-size: 16px;
  }
  .voucher_popup .voucher_info p {
	margin-bottom: 5px;
	font-size: 16px;
	color: #4F5D75;
  }
  .voucher_popup .voucher_info .title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 5px;
	color: #ff6f31;
  }
  .voucher_popup .voucher_info .bar {
	width: 100%;
	height: 0.5px;
	background: #E5E9F4;
	margin: 1rem 0;
  }
  .voucher_popup .voucher_info .text01 {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.4;
  }
  .voucher_popup .cancellation {
	overflow: hidden;
	padding: 20px 15px;
	border-bottom: 0.5px #E5E9F4 solid;
	padding-bottom: 1rem;
  }
  .voucher_popup .cancellation .title {
	font-size: 19px;
	color: #ff6f31;
	font-weight: 700;
  }
  .voucher_popup .cancellation .text01 {
	font-size: 16px;
	font-weight: 400;
  }
  .voucher_popup .voucher_bottom {
	overflow: hidden;
  }
  .voucher_popup .voucher_bottom .logo {
	width: 150px;
	float: left;
	margin-top: 2rem;
	cursor: pointer;
  }
  .voucher_popup .voucher_bottom .download_img {
	float: right;
  }
  .voucher_popup .voucher_bottom .google_play {
	width: 150px;
	margin-top: 15px;
	margin-left: 20px;
	cursor: pointer;
  }
  .voucher_popup .voucher_bottom .app_store {
	width: 150px;
	margin-top: 15px;
	margin-left: 20px;
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .voucher_btn {
	background: #e04d38 !important;
  }
}
@media screen and (max-width: 480px) {
  .popup02 ul {
	margin-top: 1.4rem;
  }
  .popup02 ul li {
	margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 480px) {
  .info_con {
	display: flex;
	justify-content: flex-start;
	padding-left: 32px;
	align-items: center;
	transition: all 0.2s ease-in-out;
  }
  .info_con p {
	color: #A5ABB5;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
	font-size: 14px;
  }
  .info_con img {
	width: 30px !important;
  }
  .info_con:hover {
	cursor: pointer;
  }
  .info_con:hover p {
	color: #4F5D75;
	text-decoration: underline;
  }
}
@media screen and (max-width: 480px) {
  .prof_erase {
	text-align: center;
	padding-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_list_wrap {
	margin: auto;
	vertical-align: middle;
	transform: rotate(-0.001deg);
	-webkit-font-smoothing: antialiased;
	padding-top: 100px;
  }
}
@media screen and (max-width: 480px) {
  .cont_wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	margin: 0 1rem 1rem 1rem;
  }
}
@media screen and (max-width: 480px) {
  .input_wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	margin-bottom: 0.7em;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_list_wrap .input_wrap .res_prof_txt {
	margin: 0 0 10px 0;
	font-weight: 500;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	width: 100%;
	transform: rotate(-0.01deg);
	-webkit-font-smoothing: antialiased;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_sep {
	margin: 5px 4.5rem 5px 0;
	display: flex;
	justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .cont_wrap .res_prof_70 {
	width: auto;
	margin-top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .mobile_between {
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  .input_wrap .cont_wrap .w30p {
	width: 30%;
  }
}
@media screen and (max-width: 480px) {
  .input_wrap .cont_wrap .w40p {
	width: 40%;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_inline {
	margin: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_input {
	border: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0.5em 0.8em;
	width: 10em;
  }
}
@media screen and (max-width: 480px) {
  .book_input {
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .book_input2 {
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #eng_fst_name {
	width: 10em;
  }
}
@media screen and (max-width: 480px) {
  #eng_lst_name {
	width: 12em;
	margin-left: 1em;
  }
}
@media screen and (max-width: 480px) {
  #email_ad {
	width: 12em;
  }
}
@media screen and (max-width: 480px) {
  #birth_year {
	width: 4em;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_bir {
	margin-top: 5px;
  }
}
@media screen and (max-width: 480px) {
  #live {
	padding: 0.5em 0.3em;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_list_wrap select {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0 0.3em;
	height: 30px;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_list_wrap select:hover {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_list_wrap select:focus {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_sel {
	width: 8em;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_input:focus {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_input:hover {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (max-width: 480px) {
  @-webkit-keyframes highlight_input {
	from {
	  border: 1px solid #ddd;
	}
	to {
	  border: 1px solid #ff9231;
	  box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
	}
  }
  @keyframes highlight_input {
	from {
	  border: 1px solid #ddd;
	}
	to {
	  border: 1px solid #ff9231;
	  box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
	}
  }
}
@media screen and (max-width: 480px) {
  .res_prof_com_btn {
	text-align: center;
	padding: 0.8em 4em;
	margin: 2em auto;
	width: 100%;
	background-color: #ff9231;
	color: #fff;
	border-radius: 100px;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .res_prof_com_btn:hover {
	cursor: pointer;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (max-width: 480px) {
  .prof_radio {
	width: 20px;
	height: 20px;
	border: 1px solid #adadad;
	border-radius: 100%;
	position: relative;
	margin-left: 0.5em;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .prof_radio svg {
	width: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 480px) {
  .prof_radio svg path {
	stroke: #adadad;
	fill: white;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .cont_wrap .radio_on .prof_radio {
	background-color: #ff9231;
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px #ff9231;
	width: 20px;
	height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .cont_wrap .radio_on .prof_radio svg path {
	stroke: none;
	fill: white;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  footer {
	width: 100%;
	padding-top: 50px;
	left: 0;
	position: absolute;
	background-color: #F6F7FC;
	position: relative;
  }
}
@media screen and (max-width: 480px) {
  .footer-wrap {
	width: 80vw;
	margin: 0 auto;
  }
  .footer-wrap > div {
	width: 100%;
  }
  .footer-wrap h6 {
	color: #4F5D75;
	margin-bottom: 20px;
  }
  .footer-wrap p, .footer-wrap a, .footer-wrap li {
	letter-spacing: normal !important;
	font-size: 13px;
	color: #4F5D75;
	line-height: 200%;
	display: block;
	transition: all 0.2s ease-in-out;
  }
  .footer-wrap .footer-section01 > p {
	font-size: 16px;
  }
  .footer-wrap .footer-section01 img {
	width: 16px;
  }
  .footer-wrap .footer-section02 {
	margin-top: 20px;
  }
  .footer-wrap .footer-section03 {
	position: relative;
	margin-top: 20px;
	height: 180px;
  }
  .footer-wrap .footer-section03 .follow_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
  }
  .footer-wrap .footer-section03 .follow_wrap img {
	width: 30px;
  }
  .footer-wrap .footer-section03 .follow_wrap .dot {
	width: 3px;
	height: 3px;
	border-radius: 100%;
  }
  .footer-wrap .footer-section03 .app_down {
	position: absolute;
	bottom: 10px;
	display: flex;
	justify-content: space-between;
	left: 50%;
	transform: translateX(-50%);
  }
  .footer-wrap .footer-section03 .app_down a {
	width: 48%;
  }
  .footer-wrap .footer-section03 .app_down a img {
	height: 38px;
  }
  .footer-wrap .footer-second-wrap {
	width: 100% !important;
	padding: 20px 0;
	border-top: 1px solid #E5E9F4;
	margin: 20px 0;
	font-size: 13px;
	color: #4F5D75;
	margin-bottom: 50px;
  }
  .footer-wrap .footer-second-wrap span {
	font-weight: 700;
  }
  .footer-wrap .footer-second-wrap p {
	font-weight: 400;
	display: block;
  }
  .footer-wrap .footer-second-wrap .footer-folder-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
  }
  .footer-wrap .footer-second-wrap .footer-folder-title .company_btn {
	padding: 3px 3px 2px 12px;
	background: #fcfcfc;
	border-radius: 20px;
	border: 1px solid #A5ABB5;
	color: #A5ABB5;
  }
  .footer-wrap .footer-second-wrap .footer-folder-title .folder_btn {
	width: 16px;
	height: 10px;
	padding: 8px 5px;
	transform: rotate(0deg);
  }
  .footer-wrap .footer-second-wrap .footer-folder-title .folder_btn.opened {
	transform: rotate(180deg);
  }
}
@media screen and (max-width: 480px) {
  .footer_chat_btn {
	background-color: #A5ABB5;
	color: #fcfcfc !important;
	display: inline;
	width: 80px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .footer-folder-title {
	display: flex;
	justify-content: space-between;
  }
  .footer-folder-title .folder_btn {
	width: 16px;
	height: 10px;
	padding: 10px 0;
	transition: all 0.2s ease-in-out;
	transform: rotate(0deg);
  }
  .footer-folder-title .folder_btn.opened {
	transform: rotate(180deg);
  }
}
@media screen and (max-width: 480px) {
  .footer-folder-cont {
	height: 0;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
  }
  .footer-folder-cont.opened {
	height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .ev_wrap {
	padding-top: 64px;
	width: 100vw;
  }
}
@media screen and (max-width: 480px) {
	  .swiper-slide {
	  text-align: center;
	  font-size: 18px;

	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}
.event_banner_slide {width:100%;height:auto;}
  .jeju_golf_secti .top_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
	width: 100vw;
  }
  .jeju_golf_secti .top_box img {
	width: 100%;
  }

  .jeju_golf_secti .subMenu {
	width:240px;
	right:0px;
  }
  .jeju_golf_secti .subMenu span {
	padding:0 5px;
	cursor:pointer;
	font-size:13px;
  }

  .jeju_golf_secti .subMenu .on {
	color: #fc8c36;
  }


  .jeju_golf_secti .container {
	margin: 0 auto;
	margin-bottom: 16px;
	width: 100%;
	width: 95vw;
	transition: all 0.4s ease-in-out;
  }
  .jeju_golf_secti h3 {
	margin: 0;
	color: #606060;
	font-size: 1.15rem;
	font-weight: 500;
	letter-spacing: -0.06rem;
  }
  .jeju_golf_secti .golf_filter_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px auto;
	padding-bottom: 5px;
	border-bottom: 1px dotted #E5E9F4;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap {
	display: flex;
	justify-content: flex-end;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap .filter_right {
	margin-right: 15px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap .filter_right img {
	width: 16px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div {
	display: flex;
	justify-content: flex-start;
	color: #4F5D75;
	transition: all 0.2s ease-in-out;
	align-items: center;
	font-weight: 500;
	letter-spacing: -0.06rem;
	font-size: 14px;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	color: #767F9F;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div img {
	width: 18px;
	margin-right: 8px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div:hover {
	cursor: pointer;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div.active {
	color: #444;
  }
  .jeju_golf_secti .cont_body ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 95vw;
	margin: 0 auto;
  }
  .jeju_golf_secti .golf_card {
	width: calc((95vw - 10px) / 2);
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .golf_card > div {
	padding: 3px 9px;
  }
  .jeju_golf_secti .golf_card > img {
	width: 100%;
	height: 110px;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .jeju_golf_secti .golf_card .golf_name {
	font-size: 16px;
	font-weight: 600;
  }
  .jeju_golf_secti .golf_card .golf_name span {
	font-size: 14px;
	color: #ff9231;
	font-weight: 400;
	margin-left: 5px;
  }
  .jeju_golf_secti .golf_card .spot {
	display: flex;
	justify-content: flex-start;
  }
  .jeju_golf_secti .golf_card .spot p {
	color: #A5ABB5;
	font-size: 14px;
  }
  .jeju_golf_secti .golf_card .spot img {
	width: 16px;
	margin-right: 5px;
  }
  .jeju_golf_secti .golf_card .golf_price {
	text-align: right;
	font-size: 16px;
	font-weight: 600;
  }
  .jeju_golf_secti .cont_header i {
	color: #4CAF50BB;
	font-size: 1.05rem;
	margin-right: 6px;
	transform: translateY(-1px);
  }
  .jeju_golf_secti .calender {
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
	z-index: 99998;
	transition: all 0.4s ease-in-out;
  }
  .jeju_golf_secti .date_box {
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
  }
  .jeju_golf_secti #horizonCal {
	display: flex;
  }
  .jeju_golf_secti #horizonCal .cal_box {
	overflow: auto;
	white-space: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .jeju_golf_secti #horizonCal .cal_box::-webkit-scrollbar {
	display: none;
  }
  .jeju_golf_secti #horizonCal .date_box {
	display: inline-block;
	padding: 10px 0;
	width: calc((100vw - 50px) / 7);
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 2px solid #eee;
  }
  .jeju_golf_secti #horizonCal .date_box:hover {
	background: #f0f0f0;
  }
  .jeju_golf_secti #horizonCal .date_box.sunday {
	color: red;
  }


.jeju_golf_secti #horizonCal .clickable {
	display: inline-block;
	padding: 10px 0;
	width: calc((100% - 50px) / 4);
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
  }

  .jeju_golf_secti .clickable.selected {
    border: 2px solid #ff5b59 !important;
    color: #ff5b59;
    border-radius: 10px;
	}
	
	.jeju_golf_secti #horizonCal .clickable:hover {
	border: 2px solid #ff5b59 !important;
    color: #ff5b59;
    border-radius: 10px;
  }

 .jeju_golf_secti #horizonCal .sunday span{
	color: #f73737;
  }
 .jeju_golf_secti #horizonCal .satday span{
	color: #0072ff;
  }
   .jeju_golf_secti #horizonCal .clickable span {
   display: block;
    padding: 12px;
    text-align: center;
    vertical-align: top;
    height: 18px;
}
 .jeju_golf_secti #horizonCal .clickable .days {
    position: relative;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 300;
}
 .jeju_golf_secti #horizonCal .clickable .date {
    margin-top: 5px;
    padding: 7px 0;
    font-size: 20px;
    word-spacing: -4px;
}
 .jeju_golf_secti #horizonCal .clickable .leftover {
    margin-top: 5px;
    padding: 7px 0;
    font-size: 15px;
    word-spacing: -4px;
}



  .jeju_golf_secti .arrow_box {
	width: 25px;
	display: flex;
	align-items: center;
	padding: 5px;
	cursor: pointer;
  }
  .jeju_golf_secti .arrow_box i {
	color: #A7AFCD;
  }
  .jeju_golf_secti .arrow_box:hover {
	background: #f0f0f0;
  }
  .jeju_golf_secti .arrow_box.left {
	justify-content: flex-start;
	margin-left: 3px;
  }
  .jeju_golf_secti .arrow_box.right {
	justify-content: flex-end;
  }
  .jeju_golf_secti .cal_box {
	width: 100%;
  }
  .jeju_golf_secti .date_box.selected {
/*	border-bottom: 2px solid #4caf50 !important;*/
/*	color: #4caf50;*/
  }
  .jeju_golf_secti .preview_select_wrap {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: 100vw;
	padding: 10px;
	background-color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
	position: fixed;
	bottom: 0;
	z-index: 10000;
  }
  .jeju_golf_secti .preview_select_wrap .jg_total_amount {
	text-align: right;
	font-weight: 700;
	padding: 10px 0;
	border-top: 1px solid #E5E9F4;
  }
  .jeju_golf_secti .preview_select_wrap .jg_total_amount p {
	font-size: 16px;
  }
  .jeju_golf_secti .preview_select_wrap .title_preview {
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .preview_select_wrap .title_preview img {
	width: 18px;
	transform: rotate(180deg);
  }
  .jeju_golf_secti .preview_select_wrap .title_preview h3 {
	font-size: 14px;
	color: #da3e1b;
  }
  .jeju_golf_secti .preview_select_wrap > p {
	transition: all 0.2s ease-in-out;
	color: #A5ABB5;
	font-size: 14px;
	padding-bottom: 10px;
  }
  .jeju_golf_secti .preview_select_wrap ul {
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .preview_select_wrap ul li {
	padding: 10px 0;
	border-top: 1px solid #E5E9F4;
	display: flex;
	justify-content: space-between;
	align-items: top;
  }
  .jeju_golf_secti .preview_select_wrap ul li > div {
	width: calc(100% - 35px);
  }
  .jeju_golf_secti .preview_select_wrap ul li > div > div {
	display: flex;
	justify-content: space-between;
  }
  .jeju_golf_secti .preview_select_wrap ul li img {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .preview_select_wrap ul li img:hover {
	cursor: pointer;
	border: 1px solid #A5ABB5;
  }
  .jeju_golf_secti .preview_select_wrap ul li .gt {
	font-size: 16px;
	font-weight: 700;
  }
  .jeju_golf_secti .preview_select_wrap ul li .gt span {
	font-size: 14px;
	color: #ff9231;
	font-weight: 5p00;
  }
  .jeju_golf_secti .preview_select_wrap ul li .price_box {
	font-size: 16px;
	font-weight: 700;
  }
  .jeju_golf_secti .preview_select_wrap ul li > p {
	font-size: 14px;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed {
	height: 69px;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed .title_preview {
	padding-bottom: 0;
	width: 100%;
	text-align: center;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed .title_preview img {
	width: 18px;
	transform: rotate(360deg);
  }
  .jeju_golf_secti .preview_select_wrap.select_closed .title_preview h3 {
	font-size: 14px;
	color: #da3e1b;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed > p,
.jeju_golf_secti .preview_select_wrap.select_closed .gopay,
.jeju_golf_secti .preview_select_wrap.select_closed ul, .jeju_golf_secti .preview_select_wrap.select_closed .jg_total_amount {
	transition: all 0.2s ease-in-out;
	height: 0;
	overflow: hidden;
	opacity: 0;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed ul .view {
	transition: all 0.2s ease-in-out;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
  }
  .jeju_golf_secti .gopay {
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .gopay .semi {
	color: #A5ABB5;
	font-size: 14px;
	margin-bottom: 2px;
  }
  .jeju_golf_secti .gopay .btn {
	color: #fcfcfc;
	text-align: center;
	background-color: #ff9231;
	border-radius: 10px;
	padding: 10px 0;
	font-size: 16px;
	display: block;
  }
  .schedule_filter_wrap {
	justify-content: space-between;
    align-items: center;
    margin: 20px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #E5E9F4;
	}
.schedule_filter_wrap .month-schedule {
    padding: 0px;
    width: 100%;
}
  .month-schedule {
	width: 100%;
    margin: 0 auto;
    background-color: transparent;
    z-index: 100000000;
    transition: all 0.4s ease-in-out;
	}

  .month-schedule .date-scroll {
    overflow: hidden;
    width: 100%;
/*    overflow-x: auto;*/
    white-space: nowrap;
    margin-bottom: 5px;
    padding-bottom: 5px;
	padding-left:5px;
}
/*  .month-schedule .date-scroll::-webkit-scrollbar {*/
/*  width: 1px;*/
/*  height:2px;*/
/*}*/
/* */
/*  .month-schedule .date-scroll::-webkit-scrollbar-track {*/
/*  background: #eeeeee;*/
/*}*/
/* */
/*  .month-schedule .date-scroll::-webkit-scrollbar-thumb {*/
/*  background: #fe9e31;*/
/*}*/

  .month-schedule .date-scroll .date-box {
    width:32%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #f1f1f1;
    border-radius: 10px;
    margin-right: 2%;
    display: inline-block;
	cursor:pointer;
}
.month-schedule .date-scroll .active-box {
    background: #fe9e31;
    color: #fff;
}
	.menu_tab {
	width: 100%;
	margin: 10px auto;
	border: 1px #e4e4e4 solid;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgb(0 0 0 / 15%);
	z-index: 99999;
	overflow: hidden;
	padding: 20px 10px;
}
  .menu_tab {
	width: 100%;
	margin: 0px auto;
	border: 1px #e4e4e4 solid;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgb(0 0 0 / 15%);
	z-index: 99999;
	overflow: hidden;
	padding: 20px 10px;
	overflow-x: auto;
	position: fixed;
}
   .menu_tab .t_menu_01 {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width:800px;
	  }
   .menu_tab .t_menu_01 li {
   width: calc(100%/5);
	text-align: center;
	line-height: 40px;
   }
   .menu_tab .menu-tit {
   font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
   }
   .menu_scroll {overflow:hidden;overflow-x: auto;width:100%;}
   .menu-table {
	width: 100%;
}
   .menu-table .li-th {
	height: 45px;
	padding: 0 20px;
	border-bottom: 1px solid #ddd;
	background: #f7f7f7;
	color: #222;
	vertical-align: middle;
	text-align: left;
   width:15%;
   font-size:12px;
   }
   .menu-table tr:nth-child(1) {
	border-top: 2px solid #444444;
}
   .menu-table .li-td {width:80%;border-bottom: 1px solid #ddd;}
   .menu-table .li-td ul li{
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 12px 0 11px;
	box-sizing: border-box;
   cursor:pointer;
   font-size:12px;
   }
   .menu_tab li.on a{
   color:#f08c36;
   }
.product_body #pack_new_list li {
	width: 100%;
	background: #ffffff;
	padding: 5px;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
	padding-left: 10px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:15px;
}
.product_body #pack_new_list li .item-1 {
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
}
.product_body #pack_new_list li .item-1 p {
	float: left;
	font-size: 14px;
	margin-right: 15px;
}
.product_body #pack_new_list li .item-1 p:last-child {
	float: right;
	margin-right: 5px;
}
.product_body #pack_new_list li .item-2 {
	width: 100%;
}
.product_body #pack_new_list li .item-2 p {
	width: 100%;
	font-size: 14px;
}
.product_body #pack_new_list .btn01 {
	width: 100%;
	height: 40px;
	background: #ff9231;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	border: none;
	color: #ffffff;
	cursor: pointer;
	border-radius: 3px;
}
	.product_body #product_list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.product_body #product_list .product_item {
	width: calc(100% / 1);
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
	margin-bottom: 15px;
	margin-right: 2%;
	transition: all 0.2s ease-in-out;
}
.product_body #product_list .product_item:nth-child(2n-2){
   margin-right:0px;
}
.product_body #product_list .product_item .thumbnail {
	width: 100%;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
}
.product_body #product_list .product_item .thumbnail img {
	width: 100%;
}
.product_body #product_list .product_item .info{
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
}
.product_body #product_list .product_item .product_title{
	font-size:20px;
	font-weight:700;
	color:#333333;
}
.product_body #product_list .product_item .product_t1{
	height: 50px;
		white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product_body #product_list .product_item .product_price{
	font-size: 24px;
	color: #ff9231;
	font-weight: 700;
}
.product_body #product_list .product_item .product_date {
	font-size: 16px;
	color: #909090;
	font-weight: 500;
	line-height: 1;
}
.product_body #product_list .product_item .cart_img {
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
}




.BoxAdd-1 {overflow:hidden;}

.BoxAdd-1 li {
    float: left;
    border: 1px #e4e4e4 solid;
    text-align: center;
    width:calc(97%/4);
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	margin-right:1%;
}
.BoxAdd-1 li:nth-child(4) {margin-right:0;}

.jeju_golf_secti .Custom-List {
    width: 100vw;
    padding: 0 calc(50vw - 400px);
    background-color: transparent;
    z-index: 99998;
    transition: all 0.4s ease-in-out;
    padding-top: 20px;
    padding-bottom: 20px;
	overflow: hidden;
}
.jeju_golf_secti .Custom-List .filter-tab {
    float: left;
    width: 20%;
}
.jeju_golf_secti .Custom-List .filter-tab span{
    padding: 0 13px;
    cursor: pointer;
}
.jeju_golf_secti .Custom-List .on {
    color: #fc8c36;
}
.jeju_golf_secti .Custom-List .city-list {
    float: left;
    width: 80%;
}
.jeju_golf_secti .Custom-List .city-list span{
    padding: 0 13px;
    cursor: pointer;
}

.prd_basic {width: 100vw;
    padding: 0 calc(50vw - 400px);
    background-color: transparent;
    z-index: 99998;
    transition: all 0.4s ease-in-out;
    padding-bottom: 20px;
	}
.prd_basic .golf-list-item{overflow:hidden;margin-top: 10px;}
.prd_basic .golf-list-item .list-item01 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-top: 1px #e5e9f4 solid;
    border-bottom: 1px #e5e9f4 solid;
    padding: 10px;
}
.prd_basic .golf-list-item .info-form .thumbnail {
    float: left;
    width: 100%;
    height: 174px;
    background: #ffffff;
    position: relative;
}
.prd_basic .golf-list-item .info-form .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prd_basic .golf-list-item .info-form .text-box {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: 100%;
}
.prd_basic .golf-list-item .info-form .text-box p.tit-p {
    font-size:18px;
}
.prd_basic .golf-list-item .info-form .text-box p.add-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .text-box p.in-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .text-box p.num-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .reservation-box {
    width: 100%;
    float: right;
}
.prd_basic .golf-list-item .info-form .reservation-box p.total-price {
    font-size: 20px;
    margin-top: 10px;
    float: right;
}
.prd_basic .golf-list-item .info-form .reservation-box p.home-link {
    background: #38c1c6;
    color: #ffffff;
    border-radius: 5px;
    padding: 8px 8px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    float: left;
}

.prd_basic .golf-list-item .list-item01 .time-form {
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    float: left;
    border-top: 1px #dddddd solid;
    padding-top: 10px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li {
    float: left;
    border: 1px #dddddd solid;
    width: calc(100%/4);
    margin-right: 10px;
    cursor: pointer;
    padding-top: 10px;
    border-radius: 5px;
    height: 90px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li p.t1 {
    font-size: 16px;
    color: #38c1c6;
    line-height: 1;
}
.prd_basic .golf-list-item .list-item01 .time-form ul li p.anpo {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #e10101;
}

.prd_basic .golf-list-item .list-item02 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-top: 1px #e5e9f4 solid;
    border-bottom: 1px #e5e9f4 solid;
	padding: 10px;
}
.prd_basic .golf-list-item .list-item02 {
    padding-top: 10px;
}
.prd_basic .golf-list-item .list-item02 .thumbnail {
    float: left;
    width: 100%;
    height: 174px;
    background: #ffffff;
    position: relative;
}
.prd_basic .golf-list-item .list-item02 .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prd_basic .golf-list-item .list-item02 .text-box {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: 100%;
	overflow: hidden;
}
.prd_basic .golf-list-item .list-item02 .text-box .date-t{
    font-size:18px;
}
.prd_basic .golf-list-item .list-item02 .text-box .tit-t{
    font-size:18px;
}
.prd_basic .golf-list-item .list-item02 .text-box .option-t1{
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .list-item02 .text-box .option-t2{
    color: #636363;
    font-size: 14px;
    font-weight: 500;
}
.prd_basic .golf-list-item .list-item02 .text-box .anpo {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    color: #e10101;
}
.prd_basic .golf-list-item .list-item02 .pricecart {
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
    width: 100%;
}
.prd_basic .golf-list-item .list-item02 .pricecart .txt1 {
    font-size: 20px;
    float: left;
	margin-right:10px;
}
.prd_basic .golf-list-item .list-item02 .pricecart .price {
    font-size: 20px;
    float: left;
}
.prd_basic .golf-list-item .list-item02 .pricecart .confirm_btn {
/*    background: #38c1c6;*/
    background: #24aae1;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}






/*06-10 추가*/
.trip-menu-item {
	overflow:hidden;
	margin-top:20px;
	margin-bottom:20px;
	}
.trip-menu-item ul li {
	float: left;
	width: calc(100%/3);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor:pointer;
	margin-bottom:10px;
}
.trip-menu-item ul li .img-item {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}
.trip-menu-item ul li .img-item img {
	width: 100%;
	height: 100%;
	-webkit-transition: transform .3s ease-out;
	-moz-transition: transform .3s ease-out;
	-ms-transition: transform .3s ease-out;
	-o-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
}
.trip-menu-item ul li:hover img  {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.trip-menu-item ul li p {margin-top:5px;}


#reserv-layer {
	position: fixed;
	top: 0%;
	left: 0%;
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	z-index: 99999;
}
.reserv-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	border-top: 1px solid #ddd;
	width: 100%;
	padding: 30px 20px 20px;
	z-index: 99999;
	position: relative;
	height: 100%;
}
.reserv-layer .personnel_count {
	padding: 10px 15px;
}
.reserv-layer .personnel_count .pord_count_item {
	display: table;
	width: 100%;
	margin: 0;
	border-top: 1px solid #ddd;
}
.reserv-layer .personnel_count .pord_count_item:first-child {
	border-top: 0;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price {
	width: 58%;
	padding: 15px 0;
	vertical-align: top;
	box-sizing: border-box;
	float: left;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price .t1 {
	color: #222;
	font-size: 14px;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price .txt_price {
	line-height: 1;
	font-size: 17px;
	color: #ff5c46;
	/* margin-top: 2px; */
	text-align: right;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn {
	padding: 15px 0 15px 10px;
	vertical-align: top;
	box-sizing: border-box;
	width: 42%;
	float: right;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 2px;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .ico_typ {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: #555;
	border:none;
	outline:none;
	cursor: pointer;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .btn_minus {
	background-image: url(../images/minus-img.png);
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .btn_plus {
	left: auto;
	right: 0;
	background-image: url(../images/plus-img.png);
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .inp_num {
	padding: 10px;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 15px;
	color: #555;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}
.reserv-layer .sum_count {
	overflow: hidden;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	background: #f3f3f3;
}
.reserv-layer .sum_count p {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height:60px;
}
.reserv-layer .sum_count .sum_count_p1{
	float:left;
	}
.reserv-layer .sum_count .sum_count_p2 {
	float: right;
	color: #ff5c46;
	font-size: 22px;
	font-weight: 700;
}
.reserv-layer .btn_item {
	padding: 15px;
	margin: 0;
}
.reserv-layer .btn_item .btn_calendar {
	display: inline-block;
	width: 48%;
	height: 50px;
	line-height: 50px;
	background: #5d5d5d;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: -0.05em;
	float:left;
	outline: none;
	border: none;
	cursor:pointer;
}
.reserv-layer .btn_item .btn_complete {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #ff9231;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: -0.05em;
	float: right;
	outline: none;
	border: none;
	cursor: pointer;
}
.reserv-layer .layer-close {
	position: absolute;
	top: -26px;
	right: 0;
	width: 108px;
	height: 26px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0;
	text-align: center;
	border-right: 0px;
}

.reserv-layer {overflow:hidden;}
.reserv-layer .th{
	line-height: 21px;
	font-size: 15px;
	font-weight: bold;
	color: #222;
	}

.reserv-layer .calneder_box{
	position:relative;
	}
.reserv-layer .calneder_box .calneder_top {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reserv-layer .calneder_box .calneder_top .left_btn {
	position: absolute;
	top: 15px;
	left: 0px;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_top .right_btn {
	position: absolute;
	top: 15px;
	right: 0px;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_top span img{width:12px;}
.reserv-layer .calneder_box .calneder_top .select_calendar_month {
	margin: auto;
	padding-right: 10px;
	border: none;
	letter-spacing: 0;
	font-size: 21px;
	color: #222;
	background: #ffffff;
}
.reserv-layer .calneder_box .calneder_body .calnder_table {width: 100%;} 

.reserv-layer .calneder_box .calneder_body .calnder_table tr th {
	font-size: 14px;
	color: #023167;
	height: 3.5em;
	width: 14%;
}
.reserv-layer .calneder_box .calneder_body .calnder_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 3.5em;
	padding: .2em;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_body .calnder_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reserv-close {
	position: absolute;
	top: 8px;
	right: 20px;
	width: 25px;
	cursor: pointer;
}

/*06-10 추가 끝*/
.view_thumbnail {text-align:center;}
.view_thumbnail img{width:100%;}

.view_secition01 {
	box-shadow: 2px 4px 10px rgb(0 0 0 / 15%);
	width: 95%;
	margin: 0 auto;
	border-radius: 10px;
	}
.view_secition01 .list {
	overflow: hidden;
	margin-bottom: 20px;
}
.view_secition01 .list .product01 {
	width: 100%;
	background: #ffffff;
	border: 1px #d6d9da solid;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.view_secition01 .list .product01 .thumbnail {
	width: 100%;
	height: 240px;
	background: #ffffff;
	position: relative;
}
.view_secition01 .list .product01 .thumbnail .title {
	height: 55px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	background: rgba(0,0,0,0.2);
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 55px;
	font-size: 20px;
	z-index: 999;
}
.view_secition01 .list .product01 .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.view_secition01 .list .product01 .product_form {
	width: 100%;
	position:relative;
}
.view_secition01 .list .product01 .product_form .info01 {
	padding-left: 10px;
	width: 100%;
	padding-right: 10px;
	overflow: hidden;
}
.view_secition01 .list .product01 .product_form .info01 .title {
	display: -webkit-box;
	margin: 15px 0 4px;
	line-height: 23px;
	font-size: 16px;
	color: #333333;
	font-weight: 700;
}
.view_secition01 .list .product01 .product_form .info01 .text-1 {
	overflow: hidden;
}
.view_secition01 .list .product01 .product_form .info01 .title img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}
.view_secition01 .list .product01 .product_form .info01 .text_box {
	overflow: hidden;
}
.view_secition01 .list .product01 .product_form .info01 .text_box ul li {
	font-size: 15px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 3px;
	background: url(../images/bullet.png)no-repeat;
	background-size: 10px 10px;
	padding-left: 16px;
	background-position: 0px 6px;
	word-break: keep-all;
}
.view_secition01 .list .product01 .product_form .info01 .text_box .open_tab {
	width: 100%;
	height: 40px;
	color: #ff9231;
	border: 1px #ff9231 solid;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	font-size: 12px;
}
.view_secition01 .list .product01 .product_form .info01 .text_box .open_tab .arrow2 {
	margin-left: 10px;
}
.view_secition01 .list .product01 .check_time {
	padding-top: 12px;
	padding-right: 10px;
	float: right;
}
.view_secition01 .list .product01 .check_time p {
	float: left;
	color: #f06c5e;
	font-size: 16px;
}
.view_secition01 .list .product01 .check_time p:nth-child(1) {
	margin-right: 20px;
}
.view_secition01 .list .product01 .total {
   overflow: hidden;
	width: 100%;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.view_secition01 .list .product01 .total .sum {
	padding-right: 5px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	color: #2b2b2b;
	margin-bottom: 10px;
	text-align: right;
}
.view_secition01 .list .product01 .total .sum span {
	font-size: 18px;
	color: #656565;
	font-weight: 300;
}
.view_secition01 .list .product01 .total .btn01 {
   width: 100%;
	height: 40px;
	background: #ff9231;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	border: none;
	color: #ffffff;
	cursor: pointer;
	margin-top: 5px;
	padding: 0px;
}
.view_secition01 .tab01 {
	width: 100%;
	background: #ffffff;
	border: 1px #d6d9da solid;
	overflow: hidden;
	border-top: none;
	padding-bottom: 50px;
}
.view_secition01 .tab01 .left {
	width: 100%;
}

.view_secition01 .tab01 .info01 {
	padding-left: 20px;
	padding-top: 20px;
	width: 100%;
	padding-right: 20px;
}
.view_secition01 .tab01 .info01 .title img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}
.view_secition01 .tab01 .info01 .title {
	font-size: 16px;
	color: #333333;
	font-weight: 700;
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 10px;
}
.view_secition01 .tab01 .right {
	width: 100%;
}
.view_secition01 .tab01 .info01 .text_box {
	overflow: hidden;
	padding-top: 20px;
}
.view_secition01 .tab01 .info01 .text_box ul li {
	font-size: 15px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 3px;
	background: url(../images/bullet.png)no-repeat;
	background-size: 10px 10px;
	padding-left: 16px;
	background-position: 0px 6px;
	word-break: keep-all;
}
.view_secition01 .images_view_btn {
	width: 204px;
	height: 48px;
	background: #023167;
	text-align: center;
	line-height: 48px;
	color: #ffffff;
	font-size: 16px;
	margin-left: 30px;
	margin-top: 50px;
	border-radius: 5px;
	cursor: pointer;
}
.view_secition01 .images_view_btn img {
	margin-right: 10px;
}

.view_popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 999999;
}
.view_popup .popup_close {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 30px;
	z-index: 99;
	cursor: pointer;
}
.view_popup .swiper-slide > img {
	max-width: 100% !important;
	height: auto !important;
	width: fit-content;
}
/*2021-03-05*/
#product_calendar {
	width: 100%;
	height: 100vh;
	position: fixed;
	background-color: rgba(0,0,0,0.3);
	top: 0px;
	z-index: 99999;
}
#product_calendar  .calendar_box {
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: fixed;
	top: 0px;
	padding-bottom: 50px;
}
#product_calendar .calendar_inner {
	position: relative;
}
#product_calendar .calendar_box .title {
	font-weight: 600;
	line-height: 1.5;
	color: #24334A;
	text-align: center;
	margin-top: 40px;
}
#product_calendar .calendar_box .s_title {
	font-weight: 600;
	line-height: 1.5;
	color: #333333;
	font-size: 20px;
	text-align: center;
	margin-top: 40px;
}
#product_calendar .calandar_close {
	position: absolute;
	top: -25px;
	right: 10px;
	width: 35px;
	cursor: pointer;
}
#product_calendar .left_btn {
	position: absolute;
	top: 62px;
	left: 20px;
	cursor: pointer;
	box-shadow: 0px 0px 5px #969696;
	border-radius: 50%;
}
#product_calendar .right_btn {
	position: absolute;
	top: 62px;
	right: 20px;
	cursor: pointer;
	box-shadow: 0px 0px 5px #969696;
	border-radius: 50%;
}
#product_calendar .calnder_table {
	width: 95%;
	border-collapse: collapse;
	margin: 0 auto;
}
#product_calendar .calnder_table tr th {
	font-size: 14px;
	color: #023167;
	height: 4.5em;
	width: 14%;
}
#product_calendar .calnder_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: .2em;
	cursor: pointer;
}
#product_calendar .calnder_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
}
#product_calendar .calnder_table .calCell {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#reservation_form {
	border: 4px #eeeeee solid;
	padding: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 95vw;
	margin: 0 auto;
}
#reservation_form .images_box {
	width: 100%;
	height: calc(800px / 4);
}
#reservation_form .images_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#reservation_form .title {
	margin-top: 10px;
	font-size: 15px;
	color: #333333;
	word-break: keep-all;
	font-weight: 700;
	padding-left: 10px;
}
#reservation_form .location {
	margin-top: 5px;
	font-size: 14px;
	color: #484848;
	word-break: keep-all;
	padding-left: 10px;
	background: url(../images/icon03.png)no-repeat;
	background-position: 10px 2px;
	padding-left: 40px;
	border-bottom: 1px #e4e4e4 solid;
	height: 50px;
}
#reservation_form .date {
	font-size: 14px;
	color: #232323;
	word-break: keep-all;
	padding-left: 5px;
	background: url(../images/icon04.png)no-repeat;
	background-position: 5px 14px;
	padding-left: 32px;
	border-bottom: 1px #e4e4e4 solid;
	height: 45px;
	line-height: 45px;
	font-weight: 500;
	padding-right: 5px;
}
#reservation_form  .f_r {
	float:right;
}
#reservation_form .room_info {
	font-size: 14px;
	color: #232323;
	word-break: keep-all;
	padding-left: 10px;
	border-bottom: 1px #e4e4e4 solid;
/*	height: 58px;*/
	height: 100%;
	font-weight: 500;
	padding-right: 10px;
	position: relative;
}
#reservation_form .room_info .text01 {
	float: left;
	font-size: 14px;
	color: #232323;
	font-weight: 500;
}
#reservation_form .room_info .text02 {
	float: right;
	text-align: right;
	line-height: 1;
	margin-top: 9px;
}
#reservation_form .room_info .text02 .span01 {
	font-size: 16px;
	color: #333333;
	font-weight: 700;
}
#reservation_form .total_sum {
	color: #232323;
	word-break: keep-all;
	padding-left: 10px;
	height: 58px;
	line-height: 58px;
	font-weight: 500;
	padding-right: 10px;
	position: relative;
}
#reservation_form  .total_sum .text01 {
	float: left;
	font-size: 14px;
	color: #232323;
	font-weight: 500;
}
#reservation_form .total_sum .text02 {
	float: right;
	font-size: 16px;
	color: #333333;
	font-weight: 700;
}

#reservation_form .explanation {padding-left:10px;}
#reservation_form .explanation p{font-size:12px;}

#reservation_form .input_box {
	width: 100%;
	min-height: 40px;
	border: 2px #eeeeee solid;
	margin-bottom: 10px;
	overflow: hidden;
	padding-top:5px;
	padding-bottom:5px;
}
#reservation_form .input_box .t1 {
	padding-left: 10px;
	font-size: 14px;
	margin-right: 10px;
}
#reservation_form .input_box .select01 {
	width: 95%;
	height: 40px;
	border: none;
	padding-left: 20px;
	font-size: 16px;
	outline: none;
	background: -webkit-linear-gradient(transparent, transparent);
	-webkit-appearance: none;
	background: url(../images/arrow4.png)no-repeat;
	background-position: 95% 50%;
	background-size: 12px 7px;
	font-family: 'Noto Sans KR', sans-serif !important;
	border: 1px #e4e4e4 solid;
	margin-left: 2.5%;
	background-color: #f6f6f6;
	border-radius: 5px;
}
#reservation_form .input_box .input01 {
	float: left;
	width: 95%;
	height: 40px;
	border: none;
	background: #f6f6f6;
	margin-top: 5px;
	padding-left: 20px;
	margin-left: 2.5%;
	border: 1px #e4e4e4 solid;
	border-radius: 5px;
}
#reservation_form .input_box .span01 {
	font-size: 13px;
	line-height: 1px;
	color: #ff0000;
	margin-left: 7px;
}
.box800 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 95vw;
	margin: 0 auto;
	}
#reservation_terms .terms {
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
	padding-left:15px;
	font-size:13px;
}
#reservation_terms .terms .terms_check {
	appearance: auto !important;
	margin-right: 3px;
	margin-bottom: 5px;
}
.mt10 {
	margin-top: 10px !important;
}

.reservation_btn {
	width: 95vw;
	margin: 0 auto 20px;
	overflow: hidden;
}
.reservation_btn .btn01{
	width: 100%;
	height: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 50px;
	font-weight: 500;
	float: left;
	border: none;
	cursor: pointer;
	background: #ff9231;
	}
.reservation_btn .btn50{
	width: 49% !important;
	}
.s_page {width:95vw;margin: 0 auto;padding-top:15px;}
.s_page .s_page_t1{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	}
.s_page01 .content01 .text01 {
	font-size: 18px;
	font-weight: 600;
}
.s_page01 .content01 .text02 {
	font-size: 14px;
	font-weight: 400;
}
.s_page01 .content02 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.s_page01 .content02 input{
	width:calc(100%/3);
	font-size:14px;
}
.s_page01 .content02 .button {
	height: 33px;
	width:calc(100%/3);
	border-radius: 5px 5px 5px 5px;
	background-color: #ff9231;
	color: #ffffff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mr10 {margin-right:10px;}

.s_page01 .content_item {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}
.s_page01 .content_item .item_top {
	height: 50px;
	width: 100%;
	border-top: 2px solid #696969;
	border-bottom: 1px solid #696969;
	line-height: 50px;
	font-size: 16px;
}
.s_page01 .content_item .item_top p {
	float: left;
	text-align: center;
	font-weight: 600;
	line-height:50px;
}
.s_page01 .content_item .item_top p:nth-child(1) {
	width: 50%;
}
.s_page01 .content_item .item_top p:nth-child(2) {
	width: 20%;
}
.s_page01 .content_item .item_top p:nth-child(3) {
	width: 30%;
}
.content_item .scroll {
	width: 100%;
	overflow: hidden;
}
.s_page01 .content_item > div {
	float: left;
}
.s_page01 .content_item .item_left {
	width: 50%;
	height: 178px;
	padding: 10px 10px;
	overflow: hidden;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_left img {
	display: none;
}
.s_page01 .content_item .item_left .text_box {
	float: left;
}
.s_page01 .content_item .item_left .text_box p{
	font-size:13px;
	}
.s_page01 .content_item .item_center {
	width: 20%;
	height: 178px;
	float: left;
	text-align: center;
	font-weight: 600;
	color: #696969;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_center p{
	font-size: 12px;
}
.s_page01 .content_item .item_right {
	width: 30%;
	height: 178px;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_right .button {
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	line-height: 30px;
	width: 80px;
	height: 30px;
	margin: 0 auto;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	cursor: pointer;
	font-weight:400;
}
.s_page01 .content_item .item_right .button p {line-height:30px;font-size:12px;}

.s_page01 .content_item .item_bottom {
	width: 100%;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px 0px 20px;
	overflow: hidden;
}
.s_page01 .content_item .item_bottom .text01 {
	float: left;
	font-size: 14px;
	line-height: 50px;
}
.s_page01 .content_item .item_bottom .text01 span {
	color: #e14530;
}
.s_page01 .content_item .item_bottom .text02 {
	float: right;
	font-size: 14px;
	line-height: 50px;
}
.s_page01 .content_item .item_bottom .text02 span {
	color: #ff9231;
	font-size: 16px;
}
.category_rayer {
	display: flex;
	flex-flow: column nowrap;
	align-content: flex-start;
	margin: 0px auto;
	max-width: 800px;
	width: 95vw;
	min-height: 1px;
	z-index: 9999999;
	padding-top: 64px;
}
	.category_rayer .category_rayer_in{
	}
	.category_rayer .item-1 {
	width: calc(98%/2);
	margin-right: 2%;
	min-height: 1px;
	padding-top:10px;
	background: #ffffff;
	float: left;
}
	.category_rayer .item-1 ul li{
	font-size: 12px;
	width: calc(50% - 2.5px);
	margin-bottom: 5px;
	display: inline-block;
	padding: 10px 10px;
	border-radius: 5px;
	color: rgb(51, 51, 51);
	letter-spacing: -0.42px;
	line-height: 20px;
	background-color: rgb(255 239 225);
	cursor: pointer;
}
	.category_rayer .item-1 .locality_t{
	color: rgb(51, 51, 51);
	font-size: 15px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: -0.6px;
}
	.category_rayer .item-1:nth-child(2n-2) {margin-right:0;}
}
@media screen and (max-width: 480px) {
  .modal_box_layer {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: #fcfcfc;
	z-index: 100000 !important;
	top: 0;
	left: 0;
	padding: 2.5vw;
  }
  .modal_box_layer h2 {
	font-size: 21px;
	text-align: center;
	margin-top: 20px;
	font-weight: 700;
  }
  .modal_box_layer ul {
	margin-top: 50px;
	padding: 20px;
  }
  .modal_box_layer ul li {
	padding: 10px 0;
  }
  .modal_box_layer ul li .gt {
	font-size: 16px;
	font-weight: 700;
  }
  .modal_box_layer ul li .gt span {
	font-size: 14px;
	font-weight: 5p00;
  }
  .modal_box_layer ul li .price {
	font-size: 16px;
	font-weight: 700;
	color: #ff9231;
  }
  .modal_box_layer ul li > div {
	display: flex;
	justify-content: space-between;
  }
  .modal_box_layer ul li > p {
	font-size: 14px;
  }
  .modal_box_layer input {
	width: calc(100% - 40px);
	margin: 5px 20px;
	height: 40px;
  }
  .modal_box_layer .check {
	width: calc(100% - 40px);
	margin: 20px;
	display: flex;
	justify-content: flex-start;
  }
  .modal_box_layer .check > div {
	margin-left: 10px;
  }
  .modal_box_layer .check p {
	color: #4F5D75;
	font-size: 14px;
  }
  .modal_box_layer #save_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background-color: #ff9231;
	width: 100%;
	padding: 15px 0;
	text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .jeju_golf_time_layer {
	z-index: 3000000 !important;
	padding: 2.5vw;
  }
  .jeju_golf_time_layer .modal_body {
		width: 95vw;
		margin: 0 2.5vw;
		height:300px;
		overflow:auto;
  }
  .jeju_golf_time_layer .modal_body ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 25px 0;
	overflow-y: scroll;
  }
  .jeju_golf_time_layer .modal_body ul li {
	height: 100px;
	padding: 12px 10px;
	border: 1px solid #E5E9F4;
	text-align: center;
	width: calc((100% - 15px) / 4);
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	border-radius: 10px;
  }
  .jeju_golf_time_layer .modal_body ul li.selected {
	border: 1px solid #ff9231;
	background-color: #FFE0C0;
  }
  .jeju_golf_time_layer .modal_body ul li:nth-child(4n) {
	margin-right: 0;
  }
  .jeju_golf_time_layer .modal_body ul li p {
	line-height: 1.5;
  }
  .jeju_golf_time_layer .modal_body ul li .price {
	color: #ff9231;
  }
  .jeju_golf_time_layer > div > p {
	color: #ff9231;
	font-size: 14px;
	text-align: center;
  }
  .jeju_golf_time_layer h2 {
	font-size: 21px;
	text-align: center;
	margin-top: 20px;
	font-weight: 700;
  }
  .jeju_golf_time_layer #save_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background-color: #ff9231;
	width: 100%;
	padding: 15px 0;
	text-align: center;
  }
  .jeju_golf_time_layer .title_view {
	width: 100vw;
	position: absolute;
	bottom: 55px;
	left: 0;
	background-color: #E5E9F4;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 20px 30px;
  }
  .jeju_golf_time_layer .title_view .gt {
	font-size: 14px;
	font-weight: 700;
  }
  .jeju_golf_time_layer .title_view .gt span {
	font-size: 14px;
	font-weight: 5p00;
  }
  .jeju_golf_time_layer .title_view .price {
	font-size: 16px;
	font-weight: 700;
	color: #ff9231;
  }
  .jeju_golf_time_layer .title_view > div {
	display: flex;
	justify-content: space-between;
  }
  .jeju_golf_time_layer .title_view > p {
	font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .go_s {
	width: 100%;
	background-color: #ff9231;
	color: white;
	font-size: 16px;
	padding: 16px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .company_for_view {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
  }
  .company_for_view > img {
	width: 30%;
  }
  .company_for_view .company_view {
	width: 60%;
  }
}
@media screen and (max-width: 480px) {
  .recommend_wrap {
	width: 100%;
	padding: 0 1px;
	overflow-x: scroll;
	overflow-y: visible;
  }
  .recommend_wrap::-webkit-scrollbar {
	display: none;
  }
  .recommend_wrap .flex_between {
	width: 195%;
	padding-bottom: 10px;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .recommend_wrap {
	width: 100vw;
	margin-left: -2.5vw;
	padding: 0 2.5vw;
  }
  .recommend_wrap .flex_between {
	width: 190%;
  }

  .stay_leftcolumn {
	transition: all 0.2s ease-in-out;
	z-index: 310;
	width: 93vw !important;
	position: fixed;
	left: 50%;
	bottom: -100vh;
	transform: translate(-50%, 0);
  }

  .toastJumpUp {
	-webkit-animation-name: toastJumpUp;
			animation-name: toastJumpUp;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }

  .toastJumpDown {
	-webkit-animation-name: toastJumpDown;
			animation-name: toastJumpDown;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (max-width: 480px) {
  #c_side_menu {
	width: 190px;
	margin: 57px 0px 20px 0px;
	height: 180px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  #c_side_menu .c_title {
	font-weight: 600;
	padding: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
  }
  #c_side_menu ul li {
	color: #2D3142;
	margin-bottom: 20px;
	padding-left: 15px;
	transition: all 0.2s ease-in-out;
	display: flex;
	align-items: center;
  }
  #c_side_menu ul li:hover {
	cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .support_visual {
	width: 100%;
	height: 250px;
	background: #F6F7FC;
	background-size: 100% 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .support_visual .a_title {
	font-size: 55px;
	color: #fff;
	font-weight: bold;
  }
}
@media screen and (max-width: 480px) {
  .page-title-text {
	font-size: 19px;
	font-weight: 500;
	color: #333;
	padding: 12px;
	padding-left: 0px;
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .support_menu {
	overflow: hidden;
	width: 100%;
  }
  .support_menu li {
	margin-right: 1%;
	width: 19%;
	color: #adadad;
	/* background-color: rgba(0, 0, 0, 0.4); */
	border-radius: 100px;
	font-weight: 400;
	float: left;
	cursor: pointer;
	padding: 8px;
	text-align: center;
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .support_menu li:hover {
	border: 1px solid #ff9231 !important;
  }
  .support_menu li:hover a {
	color: #ff9231;
  }
  .support_menu li.on {
	background: #ff9231 !important;
  }
  .support_menu li.on:hover a {
	color: white;
  }
  .support_menu li.on a {
	color: white;
  }
  .support_menu li a {
	color: #4F5D75;
	font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .faq-list {
	overflow: hidden;
	margin-top: 20px;
  }
  .faq-list ul .list-item {
	width: 100%;
	background-color: #E5E9F4;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	overflow: hidden;
  }
  .faq-list ul .list-item .t1 {
	font-size: 15px;
	margin: 0;
	cursor: pointer;
	padding: 20px 16px;
	font-weight: 400;
	color: #4F5D75;
  }
  .faq-list ul .list-item ul li {
	font-size: 15px;
	padding: 20px 16px;
	cursor: pointer;
	font-weight: 400;
	padding-left: 16px;
	background: #ffffff;
	display: block;
	line-height: 1.8;
  }
}
@media screen and (max-width: 480px) {
  .payment_account .res_counter_save {
	margin-top: 10px;
	position: absolute;
	width: 180px;
	bottom: 20px;
	right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .payment_txt_long {
	width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .sp10 {
	height: 10px;
	clear: both;
  }
}
@media screen and (max-width: 480px) {
  .sp15 {
	height: 15px;
	clear: both;
  }
}
@media screen and (max-width: 480px) {
  .form_box {
	width: 100%;
	margin: 0 auto;
	background: #f3f3f3;
	padding: 30px;
	border-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .form_box > .input_box {
	width: 85%;
	height: 50px;
	border-radius: 5px;
	border: none;
	padding-left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .form_box > .input_box2 {
	width: 100%;
	height: 120px;
	border-radius: 5px;
	border: none;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .form_box > .send_btn {
	width: 100%;
	height: 50px;
	background: #2f2f2f;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 100px;
  }
}
@media screen and (max-width: 480px) {
  .content_bar2 {
	width: 73px;
	height: 3px;
	background: #ffab14;
	margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .mail_text {
	font-size: 14px;
	text-align: left;
	color: #666666;
	line-height: 1.2;
	margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .el-checkbox {
	border-radius: 100px;
	background: #ccc;
	border-color: #ccc;
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .el-checkbox_on {
	background: #ff9231;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (max-width: 480px) {
  .company_introduction {
	margin-top: 5rem;
  }
  .company_introduction p {
	font-size: 16px;
  }
  .company_introduction h3 {
	margin-bottom: 1.4rem;
  }
  .company_introduction .title_section {
	margin-bottom: 3rem;
  }
  .company_introduction .symbol_logo {
	margin-left: 2.5rem;
	margin-bottom: 24px;
  }
  .company_introduction .type_logo {
	width: 12rem;
	height: calc(12rem / 5.125);
	margin-right: 1rem;
	background-color: #ff6f31;
	mask: url(../images/type_logo_only.svg) no-repeat center/cover;
	-webkit-mask: url(../images/type_logo_only.svg) no-repeat center/cover;
  }
  .company_introduction > div {
	margin-bottom: 100px;
  }
  .company_introduction .year_column {
	position: relative;
	margin-left: -6rem;
  }
  .company_introduction .year_column .left_column {
	margin-right: 2rem;
  }
  .company_introduction .year_column .right_column {
	position: relative;
  }
  .company_introduction .year_column .center_column {
	position: absolute;
	margin-top: 0.7rem;
  }
  .company_introduction .year_column .center_column .check_btn {
	transform: translate(-50%, 0);
	width: 24px;
	height: 24px;
	margin-bottom: 1.51rem;
  }
  .company_introduction .year_column p {
	line-height: 3rem;
  }
  .company_introduction .brand_mission_circle_wrap {
	width: 100%;
  }
  .company_introduction .brand_mission_circle {
	width: 250px;
	height: 250px;
	border-radius: 500px;
	background-color: #ff9231;
	color: #fcfcfc;
	padding: 34px 45px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 1rem auto 0 auto;
  }
  .company_introduction .brand_mission_circle .h4 {
	font-size: 1.8rem;
	margin-left: 1rem;
  }
  .company_introduction .brand_mission_circle .diagonal_div {
	position: absolute;
	width: 122px;
	height: 1px;
	left: 1.8rem;
	border-bottom: 2px solid #fcfcfc;
	transform: rotate(-45deg);
  }
  .company_introduction .brand_mission_circle .text_area .p2 {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 1rem;
  }
  .company_introduction .brand_mission_circle .text_area p {
	line-height: 1.4;
	font-weight: 400;
	color: #F6F7FC;
  }
}
@media screen and (max-width: 480px) and (min-width: 800px) {
  .company_introduction .p_right_column {
	width: 54%;
  }
}
@media screen and (max-width: 480px) and (max-width: 799px) {
  .company_introduction {
	width: 75vw !important;
	margin: auto auto;
	margin-top: 5rem;
  }
  .company_introduction .year_column {
	margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .pdp {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  .mdp {
	display: block;
  }
}
@media screen and (max-width: 480px) {
  .pdpf {
	display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .mdpf {
	display: flex !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  body {
	color: red;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	font-weight: 500;
	background-color: #FBFBFB;
	color: #2D3142;
	font-size: 16px;
	word-break: keep-all;
	letter-spacing: -0.03rem;
  }

  section {
	width: 93vw;
	margin: 0 auto;
  }

  .spacing {
	content: " ";
	height: 2.5rem;
  }

  .nav_spacing {
	content: "";
	height: 64px;
  }

  .p_flex_between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }

  #mobileNav {
	display: flex !important;
  }

  #pcNav {
	display: none !important;
  }

  li {
	box-sizing: border-box;
  }

  .ham {
	border-radius: 2px;
	margin: 10px 20px 10px 0;
  }
  .ham .ham_btn {
	position: absolute;
	width: 35px;
	cursor: pointer;
  }
  .ham span {
	display: block;
	width: 70%;
	height: 3px;
	background: #ff9231;
	transition: all 0.3s;
	position: relative;
  }
  .ham span + span {
	margin-top: 8px;
  }
  .ham .active span:nth-child(1) {
	-webkit-animation: ease 0.6s top forwards;
			animation: ease 0.6s top forwards;
  }
  .ham .not_active span:nth-child(1) {
	-webkit-animation: ease 0.6s top-2 forwards;
			animation: ease 0.6s top-2 forwards;
  }
  .ham .active span:nth-child(2) {
	-webkit-animation: ease 0.6s scaled forwards;
			animation: ease 0.6s scaled forwards;
  }
  .ham .not_active span:nth-child(2) {
	-webkit-animation: ease 0.6s scaled-2 forwards;
			animation: ease 0.6s scaled-2 forwards;
  }
  .ham .active span:nth-child(3) {
	-webkit-animation: ease 0.6s bottom forwards;
			animation: ease 0.6s bottom forwards;
  }
  .ham .not_active span:nth-child(3) {
	-webkit-animation: ease 0.6s bottom-2 forwards;
			animation: ease 0.6s bottom-2 forwards;
  }

  @-webkit-keyframes top {
	0% {
	  top: 0;
	  transform: rotate(0);
	}
	50% {
	  top: 11px;
	  transform: rotate(0);
	}
	100% {
	  top: 11px;
	  transform: rotate(45deg);
	}
  }

  @keyframes top {
	0% {
	  top: 0;
	  transform: rotate(0);
	}
	50% {
	  top: 11px;
	  transform: rotate(0);
	}
	100% {
	  top: 11px;
	  transform: rotate(45deg);
	}
  }
  @-webkit-keyframes top-2 {
	0% {
	  top: 11px;
	  transform: rotate(45deg);
	}
	50% {
	  top: 11px;
	  transform: rotate(0deg);
	}
	100% {
	  top: 0;
	  transform: rotate(0deg);
	}
  }
  @keyframes top-2 {
	0% {
	  top: 11px;
	  transform: rotate(45deg);
	}
	50% {
	  top: 11px;
	  transform: rotate(0deg);
	}
	100% {
	  top: 0;
	  transform: rotate(0deg);
	}
  }
  @-webkit-keyframes bottom {
	0% {
	  bottom: 0;
	  transform: rotate(0);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
  }
  @keyframes bottom {
	0% {
	  bottom: 0;
	  transform: rotate(0);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
  }
  @-webkit-keyframes bottom-2 {
	0% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 0;
	  transform: rotate(0);
	}
  }
  @keyframes bottom-2 {
	0% {
	  bottom: 11px;
	  transform: rotate(135deg);
	}
	50% {
	  bottom: 11px;
	  transform: rotate(0);
	}
	100% {
	  bottom: 0;
	  transform: rotate(0);
	}
  }
  @-webkit-keyframes scaled {
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(0);
	}
  }
  @keyframes scaled {
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(0);
	}
  }
  @-webkit-keyframes scaled-2 {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  @keyframes scaled-2 {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  .top_nav {
	width: 100%;
	height: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	z-index: 100;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
	background-color: #FAFAFA;
  }
  .top_nav .nav_section {
	width: 93vw;
	margin: 0 auto;
	display: flex;
	align-items: center;
	position: relative;
  }
  .nav {
	width: 40px;
	height: 40px;
	overflow: hidden;
	cursor:pointer;
	}
  .nav img{
	width: 100%;
	}
  .top_nav .nav_left {
	position: absolute;
	display: flex;
	justify-content: space-between;
	left: 50%;
	transform: translateX(-50%);
  }
  .top_nav .nav_left .logo {
	transform: scale(0.7) translate3d(0, 0, 0);
  }
  .top_nav .nav_right {
	position: absolute;
	display: flex;
	justify-content: space-between;
	width: 30%;
	padding-top: 4px;
	right: 0;
  }
  .top_nav #mobile {
	position: absolute;
	right: 0;
  }

  #logon_name a {
	color: #ff9231;
  }

  .popup {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100vw;
	max-height: 0;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: calc(64px - 2px);
	background-color: #f8f8f8;
	transition: all 0.2s ease-out;
	box-shadow: inset 0 0 8px #00000010;
  }
  .popup .popup_items {
	width: 93vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
  }
  .popup .popup_items div {
	width: 432px;
  }
  .popup .popup_items .btn_basic {
	padding: 7px;
  }
  .popup .popup_items .grid_menu {
	margin-top: 12px;
  }

  .popup .active {
	max-height: 190px;
	padding: 25px 30px;
  }

  .grid_menu {
	display: grid;
	-moz-column-gap: 10px;
		 column-gap: 10px;
	row-gap: 12px;
	grid-template-columns: repeat(3, 130px);
	grid-template-rows: repeat(2, 40px);
  }

  .mobile_toast_bg {
	display: none;
	transition: all 0.2s ease-in-out;
	background-color: rgba(118, 127, 159, 0.5);
	position: fixed;
	z-index: 300;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
  }

  .popup_full_container {
	width: 100vw;
	height: 100vh;
	padding: 50px 50px 30px 50px;
	background-color: #fcfcfc;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .popup_full_container .btn_bottom {
	bottom: 40px;
	width: 100%;
  }
  .popup_full_container .btn_bottom .btn_basic {
	padding: 10px 18%;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
  }
  .popup_full_container .btn_bottom .btn_basic:hover {
	cursor: pointer;
  }
  .popup_full_container .btn_bottom .btn_basic:hover, .popup_full_container .btn_bottom .btn_basic:active {
	box-shadow: 0px 4px 10px #ff923120;
	background-color: #ff9231;
	color: #fcfcfc;
	border-color: transparent;
  }

  /*------ Font size init ----------*/

  /*------ Font size init End ----------*/

  /* filter-wrap */

  /* filter-wrap */

  /*#calendar_stay_01 .calender_inner01:nth-child(2) {float:right;}*/

  /* ----------------------------------------------------- */

  /* .res_prof_list_wrap span {
	font-size: 16px;
  } */

  /* #phone{
	margin-left: 1em;
  } */

  /* input[type="radio"].res_prof_radio{
	display:none;
	position: absolute;
	z-index:2;
	width:20px;
	height: 20px;
	cursor: pointer;

  } */

  /*고객센터*/
  /*사이드메뉴*/
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 800px) {
  .popup_full_container {
	border-radius: 10px;
  }
  .popup_full_container .btn_bottom .btn_basic {
	padding: 10px 21%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(118, 127, 159, 0.5);
	z-index: 300;
	text-align: left;
  }
  .popup_bg .popup_container {
	padding: 50px 50px 30px 50px;
	background-color: #fcfcfc;
	position: fixed;
	min-width: 90vw;
	width: 90vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .popup_bg .popup_container {
	padding: 35px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg .popup_container .fbw {
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
  }
  .popup_bg .popup_container .fbw input {
	width: 90%;
  }
  .popup_bg .popup_container .fbw p {
	width: 10%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg .popup_container .btn_bottom {
	bottom: 40px;
	width: 100%;
  }
  .popup_bg .popup_container .btn_bottom .btn_basic {
	padding: 10px 20%;
	border-radius: 50px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg .popup_container .popup_close {
	position: absolute;
	right: 27px;
	top: 27px;
	width: 25px;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .popup_container .popup_close:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg .container_wrap {
	height: 70vh;
	overflow: scroll;
	overflow-x: hidden;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .popup_bg#login_layer .popup_container {
	width: 90vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg .login_close {
	position: absolute;
	right: 27px;
	top: 27px;
	width: 30px;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .login_close:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg .title {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #ff9231;
	margin-bottom: 19px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg input[type=text], .popup_bg input[type=password], .popup_bg input[type=button] {
	margin-bottom: 1rem;
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: none;
	font-weight: 700;
	transition: all 0.2s ease-in-out;
  }
  .popup_bg .btn_primary:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup_bg .forgot_passward_section {
	margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  input[type=text], input[type=password], input[type=button] {
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 0.5rem;
	box-sizing: border-box;
	border-radius: 6px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  input[type=checkbox] {
	margin-top: 5px;
	margin-right: 13px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  textarea {
	box-sizing: border-box;
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 0.5rem;
	width: 100%;
	height: 4rem;
	border-radius: 6px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .forgot_passward_section {
	display: flex;
	justify-content: space-between;
  }
  .forgot_passward_section .rememberme {
	display: flex;
	transition: all 0.2s ease-in-out;
  }
  .forgot_passward_section .rememberme:hover {
	cursor: pointer;
  }
  .forgot_passward_section .forgot {
	transition: all 0.2s ease-in-out;
  }
  .forgot_passward_section .forgot:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  button {
	background-color: #ff9231;
	border-radius: 6px;
	outline: none;
	border: none;
	padding: 0.3rem 0.5rem;
	font-weight: 700;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	font-weight: 700;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading-section {
	width: 100%;
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .loading-section {
	width: 100vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading-img-wrap {
	width: 200px;
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading-svg {
	width: 80px;
	height: 80px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading-svg path {
	fill: #ccc;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading-svg .foot {
	fill: #454444;
	transform: translateY(-1px) rotate(-2deg);
	-webkit-animation-name: foot;
			animation-name: foot;
	-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes foot {
	from {
	  transform: translateY(-1px) rotate(-2deg);
	}
	50% {
	  transform: translateY(-1px) rotate(2deg);
	}
	to {
	  transform: translateY(-1px) rotate(-2deg);
	}
  }
  @keyframes foot {
	from {
	  transform: translateY(-1px) rotate(-2deg);
	}
	50% {
	  transform: translateY(-1px) rotate(2deg);
	}
	to {
	  transform: translateY(-1px) rotate(-2deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading-img-wrap p {
	width: 100%;
	text-align: center;
	color: #454444;
	font-weight: bold;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .load1 {
	-webkit-animation-name: pop1;
			animation-name: pop1;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .load2 {
	-webkit-animation-name: pop2;
			animation-name: pop2;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .load3 {
	-webkit-animation-name: pop3;
			animation-name: pop3;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .load4 {
	-webkit-animation-name: pop4;
			animation-name: pop4;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .load5 {
	-webkit-animation-name: pop5;
			animation-name: pop5;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes pop1 {
	from {
	  fill: #ccc;
	}
	14.5% {
	  fill: #ccc;
	}
	15% {
	  fill: #EABF2A;
	}
	100% {
	  fill: #EABF2A;
	}
  }
  @keyframes pop1 {
	from {
	  fill: #ccc;
	}
	14.5% {
	  fill: #ccc;
	}
	15% {
	  fill: #EABF2A;
	}
	100% {
	  fill: #EABF2A;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes pop2 {
	from {
	  fill: #ccc;
	}
	34.5% {
	  fill: #ccc;
	}
	35% {
	  fill: #58245B;
	}
	100% {
	  fill: #58245B;
	}
  }
  @keyframes pop2 {
	from {
	  fill: #ccc;
	}
	34.5% {
	  fill: #ccc;
	}
	35% {
	  fill: #58245B;
	}
	100% {
	  fill: #58245B;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes pop3 {
	from {
	  fill: #ccc;
	}
	54.5% {
	  fill: #ccc;
	}
	55% {
	  fill: #454444;
	}
	100% {
	  fill: #454444;
	}
  }
  @keyframes pop3 {
	from {
	  fill: #ccc;
	}
	54.5% {
	  fill: #ccc;
	}
	55% {
	  fill: #454444;
	}
	100% {
	  fill: #454444;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes pop4 {
	from {
	  fill: #ccc;
	}
	74.5% {
	  fill: #ccc;
	}
	75% {
	  fill: #DA3E1B;
	}
	100% {
	  fill: #DA3E1B;
	}
  }
  @keyframes pop4 {
	from {
	  fill: #ccc;
	}
	74.5% {
	  fill: #ccc;
	}
	75% {
	  fill: #DA3E1B;
	}
	100% {
	  fill: #DA3E1B;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes pop5 {
	from {
	  fill: #ccc;
	}
	94.5% {
	  fill: #ccc;
	}
	95% {
	  fill: #1B408F;
	}
  }
  @keyframes pop5 {
	from {
	  fill: #ccc;
	}
	94.5% {
	  fill: #ccc;
	}
	95% {
	  fill: #1B408F;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .pcnone {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .no_search {
	border: none !important;
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .no_search {
	width: 100vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .no_search .info {
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .lang_select {
	padding-top: 3px;
  }
  .lang_select .language-logo {
	width: 18px;
  }
  .lang_select .down-arrow-btn {
	transform: translateY(-4px);
	width: 10px;
	line-height: 1px;
	margin-left: 8px;
  }
  .lang_select ul {
	position: absolute;
	top: 44px;
	right: 0px;
	z-index: 99999;
	width: 130px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
	padding: 10px;
  }
  .lang_select li {
	display: flex;
	flex-wrap: wrap;
	flex-flow: row;
	padding: 3px 5px;
	margin-right: 10px;
	width: 100%;
	position: relative;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .border-center {
	border: 3px solid black;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 0;
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading_list {
	margin: 0 auto;
	width: 80px;
	display: flex;
	justify-content: space-around;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading_dot {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	align-items: center;
	background-color: #ff9231;
	opacity: 0.3;
	transform: scale(0.9) translateY(1px);
	-webkit-animation-name: dotted_animation;
			animation-name: dotted_animation;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading_dot2 {
	-webkit-animation-delay: 0.33s;
			animation-delay: 0.33s;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .loading_dot3 {
	-webkit-animation-delay: 0.66s;
			animation-delay: 0.66s;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #LoadingArea {
	width: 100%;
	padding: 3.2rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes dotted_animation {
	from {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	30% {
	  transform: scale(1) translateY(0px);
	  opacity: 0.7;
	}
	90% {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	to {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
  }
  @keyframes dotted_animation {
	from {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	30% {
	  transform: scale(1) translateY(0px);
	  opacity: 0.7;
	}
	90% {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
	to {
	  transform: scale(0.9) translateY(1px);
	  opacity: 0.3;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 800px) {
  .detail_search_wrap {
	position: relative;
	width: 95vw;
	margin: 0 auto;
  }
  .detail_search_wrap .checkinout-time-wrap {
	background-color: #fcfcfc;
	display: flex;
	justify-content: flex-start;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px 15px;
	margin: 10px 0;
  }
  .detail_search_wrap .checkinout-time-wrap > div {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 800px) and (max-width: 510px) {
  .detail_search_wrap .checkinout-time-wrap {
	flex-wrap: wrap;
  }
  .detail_search_wrap .checkinout-time-wrap > div:first-child {
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap .check-mark-top {
	color: #4F5D75;
	margin-right: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 16px;
	font-weight: 700;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom input {
	height: 24px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 800px) {
  .detail_search_wrap .checkinout-time-wrap input {
	text-align: left !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 800px) {
  .detail_search_wrap .personal-count-filter {
	width: 100%;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px 15px;
	margin: 10px 0;
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 800px) {
  .main_search {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -40px !important;
  }
  .main_search .detail_search_wrap {
	background-color: #fcfcfc;
  }

  .detail_search_wrap {
	position: relative;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: space-between;
	border-radius: 100px;
	padding: 20px 50px;
	margin: 10px 0;
  }
  .detail_search_wrap .checkinout-time-wrap {
	display: flex;
	justify-content: flex-start;
  }
  .detail_search_wrap .checkinout-time-wrap > div {
	display: flex;
	justify-content: flex-start;
	margin-right: 40px;
	align-items: baseline;
  }
  .detail_search_wrap .checkinout-time-wrap > div:hover {
	cursor: pointer;
  }
  .detail_search_wrap .checkinout-time-wrap > div:hover .check-mark-bottom {
	border-bottom: 2px solid #ff9231;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-top {
	color: #4F5D75;
	margin-right: 10px;
  }
  .detail_search_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .detail_search_wrap .personal-count-filter {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: #ff9231;
	font-weight: 700;
  }
  .detail_search_wrap .personal-count-filter p {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: right;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .detail_search_wrap .personal-count-filter:hover {
	cursor: pointer;
  }
  .detail_search_wrap .personal-count-filter:hover p {
	border-bottom: 2px solid #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .layer_up {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0px;
  }
  .layer_up .application_form {
	overflow: hidden;
	margin-top: 20px;
	border: 1px #e4e4e4 solid;
	overflow: hidden;
	padding: 20px;
	border-radius: 15px;
	background: #ffffff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90vw;
  }
  .layer_up .application_form .form_title {
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
	display: table;
	margin: 0px auto 15px;
	height: 30px;
	border-bottom: 1px #ff9231 solid;
  }
  .layer_up .application_form .form_text {
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: left;
	display: table;
	height: 30px;
  }
  .layer_up .application_form .button03 {
	width: 80px;
	height: 40px;
	background: #b4b5b5;
	border: none;
	color: #ffffff;
	margin: 0 auto;
	display: table;
	border-radius: 5px;
	cursor: pointer;
	float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
  }
  .check_btn:hover {
	cursor: pointer;
  }
  .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

  .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }

  .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .btn_off img {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 800px) {
  .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
  }
  .check_btn:hover {
	cursor: pointer;
  }
  .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

  .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }

  .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .btn_off img {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
  @keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
  @keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
  @keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
  @keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
  @keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 64px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
  @keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 64px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
  @keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
  @keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
  @keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
  @keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .view5sizing {
	background-color: #fcfcfc;
	width: calc(95vw * 0.5 - 16px / 1 );
	height: calc(((95vw * 0.5 - (16px / 2)) / 2) + 62px);
  }
  .view5sizing p {
	height: 25px;
	overflow: hidden;
  }
  .view5sizing .caption {
	height: 17px;
	overflow: hidden;
  }
  .view5sizing .half_ratio_img {
	height: calc((95vw * 0.5 - (16px / 2)) / 2) !important;
  }
  .view5sizing.contents_wrapper:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .view5sizing.contents_wrapper:hover img {
	transform: scale(1);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .swiper_con_wrap {
	width: 100%;
	position: relative;
	margin-bottom: 3rem;
  }
  .swiper_con_wrap .contents_textbox {
	height: 84px;
  }
  .swiper_con_wrap .contents_textbox p {
	white-space: pre;
  }
  .swiper_con_wrap .swiper-pagination1, .swiper_con_wrap .swiper-pagination2 {
	position: absolute;
	top: -30px;
	right: 20px;
  }
  .swiper_con_wrap .swiper-pagination-bullet {
	background: #4F5D75;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	margin: 0 4px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active {
	background: #ff9231;
	width: 30px;
	height: 8px;
	border-radius: 6px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active:focus {
	outline: none;
	border: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .swiper-container {
	border-radius: 10px;
  }
  .swiper-container:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .minswiper1 .swiper-pagination-bullet {
	left: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .minswiper2 .swiper-pagination-bullet {
	right: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .contents_wrapper {
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper:hover {
	cursor: pointer;
  }
  .contents_wrapper:hover img {
	transform: scale(1.1);
  }
  .contents_wrapper img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	transition: all 0.2s ease-in-out;
	height: auto;
  }
  .contents_wrapper .contents_textbox {
	padding: 10px 20px;
	background-color: #FBFBFB;
	width: 100%;
	position: absolute;
	bottom: 0;
  }
  .contents_wrapper .contents_textbox p {
	white-space: pre;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .swiper_con_wrap .contents_wrapper {
	height: calc(93vw / 4 + 84px);
  }
  .swiper_con_wrap .contents_wrapper img {
	height: auto;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 800px) {
  .grid_gallery {
	display: grid;
	width: 100%;
	grid-template-columns: 240px auto 240px;
	grid-template-rows: 240px 240px;
	-moz-column-gap: 16px;
		 column-gap: 16px;
	row-gap: 16px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 30px;
	bottom: 20px;
	color: #fcfcfc;
	font-size: 19px;
	z-index: 5;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 481px) and (max-width: 799px) {
  .swiper_con_wrap {
	width: calc(50% - 16px / 2);
	position: relative;
	margin-bottom: 3rem;
  }
  .swiper_con_wrap .swiper-pagination1, .swiper_con_wrap .swiper-pagination2 {
	position: absolute;
	top: -30px;
	right: 20px;
  }
  .swiper_con_wrap .swiper-pagination-bullet {
	background: #4F5D75;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	margin: 0 4px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active {
	background: #ff9231;
	width: 30px;
	height: 8px;
	border-radius: 6px;
  }
  .swiper_con_wrap .swiper-pagination-bullet-active:focus {
	outline: none;
	border: none;
  }

  .swiper-container {
	border-radius: 10px;
	height: 100%;
  }
  .swiper-container:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }

  .minswiper1 .swiper-pagination-bullet {
	left: 0;
  }

  .minswiper2 .swiper-pagination-bullet {
	right: 0;
  }

  .contents_wrapper {
	height: calc(93vw / 4 + 84px);
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper:hover {
	cursor: pointer;
  }
  .contents_wrapper:hover img {
	transform: scale(1.1);
  }
  .contents_wrapper img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	transition: all 0.2s ease-in-out;
  }
  .contents_wrapper .contents_textbox {
	padding: 10px 20px;
	background-color: #FBFBFB;
	width: 100%;
	height: 84px;
	position: absolute;
	bottom: 0;
  }
  .contents_wrapper .contents_textbox p {
	white-space: pre;
  }

  .grid_gallery {
	display: grid;
	width: 100%;
	height: 70vh;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	-moz-column-gap: 18px;
		 column-gap: 18px;
	row-gap: 18px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 30px;
	bottom: 20px;
	color: #fcfcfc;
	font-size: 19px;
	z-index: 5;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 480px) {
  .grid_gallery {
	display: grid;
	width: 100%;
	grid-template-columns: 160px auto;
	grid-template-rows: 160px 160px 160px;
	-moz-column-gap: 10px;
		 column-gap: 10px;
	row-gap: 10px;
	box-sizing: border-box;
  }
  .grid_gallery img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .grid_gallery .grid_item:nth-of-type(2) {
	grid-row: span 2;
  }
  .grid_gallery .grid_item:hover {
	cursor: pointer;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .grid_gallery .grid_item:hover img {
	transform: scale(1.1);
  }
  .grid_gallery .grid_item p {
	position: absolute;
	left: 20px;
	bottom: 10px;
	color: #fcfcfc;
	font-size: 19px;
	z-index: 5;
  }

  .mobile100 {
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_container {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
  }
  .stay_container .stay_contents {
	cursor: pointer;
	margin-bottom: 12px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_contents {
	width: calc(50% - 7px);
	min-height: 280px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 10px;
  }
  .stay_contents .caption {
	position: absolute;
	opacity: 0.5;
	top: calc(16px / 2);
	left: 16px;
	color: #fcfcfc;
  }
  .stay_contents .item_title {
	line-height: 1.4;
  }
  .stay_contents .item_img {
	width: 100%;
	height: calc(100% / 2);
	background-size: cover;
	background-position: center center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 481px) and (max-width: 1024px) {
  .stay_contents .item_img {
	height: 60%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_contents .item_info {
	width: 100%;
	min-height: calc(280px - (100% / 2));
	padding: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 369px) and (max-width: 477px) {
  .stay_contents .item_info {
	height: 85px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_contents .review {
	position: absolute;
	padding-top: 5px;
	bottom: calc(16px / 2);
  }
  .stay_contents .review li {
	float: left;
	margin-right: 3px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_contents .price {
	position: absolute;
	bottom: calc(16px / 2);
	right: 16px;
	font-size: 1.3rem;
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_contents .more_wrap {
	height: 68px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_contents .guide {
	color: #4F5D75;
	font-size: 13px !important;
	padding-right: 20px;
	white-space: pre;
	width: 90%;
	overflow: hidden;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_contents.with_address .more_wrap {
	height: 55px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .mark {
	position: absolute;
	z-index: 25;
	width: 20px;
	right: 16px;
	top: 16px;
	transition: all 0.2s ease-in-out;
  }
  .mark:hover {
	transform: scale(1.1);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .floating_contents_box {
	width: 100%;
	background-color: #fcfcfc;
	padding: 20px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
  }
  .floating_contents_box .floating_title {
	font-weight: 700;
	padding-left: 15px;
	display: flex;
  }
  .floating_contents_box .floating_title img {
	margin-right: 10px;
  }
  .floating_contents_box .bt_line {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
  }
  .floating_contents_box .check_filter {
	display: flex;
	justify-content: flex-start;
	padding: 5px 0;
  }
  .floating_contents_box .check_filter:last-child {
	padding-bottom: 0;
  }
  .floating_contents_box .check_filter input {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .more_wrap {
	position: relative;
	overflow: hidden;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .txt_gradient {
	content: "";
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	margin-bottom: -1px;
	background: white;
	background: linear-gradient(0deg, white 0%, white 20%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .row_gradient {
	content: "";
	width: 10%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: white;
	background: linear-gradient(-90deg, white 0%, white 20%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 360px) {
  #arrayFilter {
	display: flex;
	justify-content: center !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #arrayFilter .arrayfilter_txt {
	font-weight: 500;
	color: #A5ABB5;
	margin-right: 16px;
	transition: all 0.2s ease-in-out;
  }
  #arrayFilter .arrayfilter_txt:last-child {
	margin-right: 0;
  }
  #arrayFilter .arrayfilter_txt:hover {
	cursor: pointer;
  }
  #arrayFilter .arrayfilter_txt.txt_on {
	color: #ff9231;
	font-weight: 700;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .blur {
	filter: url("#dropshadow");
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay-container .btn_basic {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 50px;
	color: #fcfcfc;
	background-color: #ff9231;
	border-color: #ff9231;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 2rem;
  }
  .stay-container .stay_leftcolumn {
	width: 190px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .top_toast_contents {
	width: 355px;
	max-height: 50vh;
	position: absolute;
	top: 75px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
  }
  .top_toast_contents::-webkit-scrollbar {
	width: 8px;
	height: calc(100% - 20px);
	background-color: #fcfcfc;
  }
  .top_toast_contents::-webkit-scrollbar-thumb {
	border-radius: 50px;
  }
  .top_toast_contents::-webkit-scrollbar-track {
	border-radius: 50px;
  }
  .top_toast_contents .top_toast_list {
	border-bottom: 0.5px solid #eee;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .top_toast_li_con {
	padding: 10px 0;
	line-height: 1.5;
	word-break: keep-all;
	word-wrap: break-word;
	display: flex;
	justify-content: flex-start;
	flex-shrink: 0;
	transition: all 0.2s ease-in-out;
  }
  .top_toast_li_con:hover {
	background-color: rgba(255, 146, 49, 0.1);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .top_toast_li_arr {
	width: 90%;
	margin-left: 15px;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .top_toast_folder {
	width: 50%;
	padding: 10px;
  }
  .top_toast_folder .folder_opened {
	background-color: #E5E9F4;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .top_toast_folder_contents {
	background-color: #E5E9F4;
	width: 50%;
	padding: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .all_region {
	padding: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .key_btn {
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 8px;
	transition: all 0.2s ease-in-out;
  }
  .key_btn:hover {
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .star-wrap {
	position: relative;
	width: 120px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .star-wrap svg .star-line {
	stroke: #ff9231;
	fill: white;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .star-wrap svg .star-line-uncheck {
	stroke: #adadad;
	fill: white;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .star-wrap p {
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 10px;
	color: #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .key-wrap {
	border: 1px solid #4F5D75;
	color: #4F5D75;
	transition: all 0.2s ease-in-out;
	padding: 5px 10px;
	border-radius: 50px;
  }
  .key-wrap:hover {
	cursor: pointer;
  }
  .key-wrap.key_on {
	border-color: #ff9231;
	color: #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-text {
	line-height: 19px;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-text:hover {
	color: #ff9231;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-text-unchecked {
	color: #adadad;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-check-box:hover ~ .filter-text {
	color: #454444;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filtering-section-wrap .filter .filter-check-box:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-check-box {
	width: 18px;
	height: 18px;
	border: 1px solid #adadad;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
	margin-left: 5px;
	transition: all 0.2s ease-in-out;
  }
  .filter-check-box:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-check-box svg {
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .check_wrap .filter-on .filter-check-box {
	background-color: #ff9231;
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .check_wrap .filter-on .filter-check-box svg path {
	stroke: none;
	fill: white;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_layer {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_toast {
	position: absolute;
	overflow: visible;
	z-index: 310;
	width: 100vw;
	height: 100vh;
	min-height: 500px;
	background-color: #fcfcfc;
  }
  .search_toast .close_img {
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: #4F5D75;
	mask: url(../images/close_small_img.svg) no-repeat center/contain;
	-webkit-mask: url(../images/close_small_img.svg) no-repeat center/contain;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .search_toast .close_img {
	right: 30px;
	top: 35px;
	z-index: 2;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_toast .progress_circle {
	position: absolute;
	top: 35px;
	right: 32px;
	border-radius: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .search_toast .progress_circle {
	width: 64px;
	height: 64px;
	background-color: #ff9231;
	color: #fcfcfc;
  }
  .search_toast .progress_circle .progress_tiny_circle {
	display: none;
  }
  .search_toast .progress_circle .progress_tiny_circle.active {
	display: flex;
  }
  .search_toast .progress_circle .progress_tiny_circle:after {
	content: "/3";
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 800px) {
  .search_toast .progress_circle .progress_tiny_circle {
	width: 32px;
	height: 32px;
	background-color: #FFE0C0;
	border-radius: 32px;
	color: #fcfcfc;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 40px;
	margin-top: 2rem;
	transition: all 0.2s ease-in-out;
	z-index: 1;
  }
  .search_toast .progress_circle .progress_tiny_circle:hover {
	cursor: pointer;
  }
  .search_toast .progress_circle .progress_tiny_circle.active {
	background-color: #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_toast .search_question_sec {
	padding: 35px 32px 20px 32px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	z-index: 320;
  }
  .search_toast .search_question_sec div {
	position: relative;
  }
  .search_toast .search_question_sec div svg {
	position: absolute;
	right: calc(16px / 2);
	top: 9px;
  }
  .search_toast .search_question_sec .h4 {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	color: #ff6f31;
	text-align: left;
  }
  .search_toast .search_question_sec div {
	width: 100%;
	position: relative;
  }
  .search_toast .search_question_sec div .inp_search_icon {
	position: absolute;
	top: 24px;
	right: 10px;
	cursor: pointer;
  }
  .search_toast .search_question_sec input[type=text] {
	width: 100%;
	border-color: #ff6f31;
	background-color: #fcfcfc;
	margin: 0;
	margin-top: 1rem;
  }
  .search_toast .search_question_sec .checkinout .p2 {
	color: #ff6f31;
	font-weight: 700;
  }
  .search_toast .search_question_sec .checkinout div:last-of-type {
	text-align: right;
  }
  .search_toast .search_question_sec .checkinout input {
	border: none;
	outline: none;
	padding: 0;
	font-size: 19px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_toast .prog_box[data-tab="1"] .search_user_sec {
	height: calc(100% - 204px) !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_toast .prog_body[data-tab="3"] .destination {
	width: 60%;
	text-align: left;
	display: flex;
	align-items: flex-end;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_toast .search_user_sec {
	overflow-y: scroll;
	position: relative;
	height: calc(100% - 180px - 64px);
  }
  .search_toast .search_user_sec .pcw45 {
	width: 100%;
  }
  .search_toast .search_user_sec.exist_decider {
	height: calc(100% - 180px - 64px);
  }
  .search_toast .search_user_sec .folder_bottom {
	position: absolute;
	top: 89%;
	width: 100%;
	overflow-y: scroll;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .sliding_folder_title {
	width: 100%;
	padding: 20px 32px;
	background-color: #F6F7FC;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #E5E9F4;
	border-bottom: 1px solid #E5E9F4;
	transition: all 0.2s ease-in-out;
  }
  .sliding_folder_title:hover {
	cursor: pointer;
  }
  .sliding_folder_title .folder_triangle.opened {
	-webkit-animation-name: triangleOpened;
			animation-name: triangleOpened;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
  .sliding_folder_title .folder_triangle.closed {
	-webkit-animation-name: triangleClosed;
			animation-name: triangleClosed;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
  .sliding_folder_title.closed ~ .sliding_folder_contents {
	max-height: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .sliding_folder_contents {
	overflow-y: auto;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .sliding_folder_contents {
	height: calc(100vh - 274px) !important;
	overflow-y: scroll;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .sliding_folder_contents:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .decide_bar {
	position: fixed;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 64px;
	z-index: 500;
	background-color: #F6F7FC;
	color: #ccc;
	font-weight: 700;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	cursor: not-allowed;
  }
  .decide_bar.active {
	background-color: #ff9231;
	color: #fcfcfc;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .nav_box {
	-webkit-tap-highlight-color: transparent;
  }
  .nav_box ul {
	list-style-type: none;
	margin: 0;
	-webkit-margin-before: 0;
			margin-block-start: 0;
	-webkit-margin-after: 0;
			margin-block-end: 0;
	-webkit-margin-start: 0;
			margin-inline-start: 0;
	-webkit-margin-end: 0;
			margin-inline-end: 0;
	-webkit-padding-start: 0;
			padding-inline-start: 0;
  }
  .nav_box li {
	text-align: center;
  }
  .nav_box li p:first-child {
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #E5E9F4;
  }
  .nav_box li p:first-child.selected {
	background: #F6F7FC;
  }
  .nav_box .nav_box {
	background: #E5E9F4;
	width: 250px;
  }
  .nav_box .dep_1 {
	background: #E5E9F4;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
  }
  .nav_box .dep_1 li {
	cursor: pointer;
	background: #fcfcfc;
	width: calc(50% - .5px);
  }
  .nav_box .dep_1 li:nth-child(even) .dep_2 {
	margin-left: -100%;
  }
  .nav_box .dep_1 .dep_2 {
	display: none;
	background: #E5E9F4;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	width: calc(200% - 0.5px);
	display: flex;
	justify-content: space-between;
  }
  .nav_box .dep_1 .dep_2 li {
	cursor: pointer;
	width: calc(50% - 0.5px);
	height: 64px;
	background: #E5E9F4;
	padding: 20px 0;
	border-bottom: 1px solid #F6F7FC;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .person_check_wrap {
	display: flex;
	justify-content: space-between;
	padding-bottom: 1.3rem;
	color: #4F5D75;
	font-weight: 700;
	text-align: center;
  }
  .person_check_wrap #room_tot_num {
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .person_check_wrap select {
	width: 60%;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #E5E9F4;
	-moz-text-align-last: center;
		 text-align-last: center;
	background: transparent;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .calc_input_wrap {
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	border: 1px solid #E5E9F4;
	overflow: hidden;
	width: 60%;
	height: 40px;
  }
  .calc_input_wrap div {
	background-color: #F6F7FC;
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .calc_input_wrap p {
	display: flex;
	justify-content: center;
	align-items: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .allday_toast {
	display: flex;
	justify-content: space-between;
	position: fixed;
	padding: 16px 30px;
	height: 64px;
	color: #fcfcfc;
	background-color: #ff9231;
	z-index: 50;
	width: 95vw;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
	-webkit-animation-name: toastInfinite;
			animation-name: toastInfinite;
	-webkit-animation-duration: 3s;
			animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	transition: all 0.4s ease-in-out;
	display: block;
  }
  .allday_toast.toast_load {
	-webkit-animation-name: toastLoad;
			animation-name: toastLoad;
	-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
  }
  .allday_toast img {
	position: absolute;
	top: 1.3rem;
	right: 25px;
	width: 24px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .full_img_contents {
	overflow: hidden;
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	height: calc((95vw * 0.5 - (16px / 1)) * 2);
  }
  .full_img_contents:hover {
	cursor: pointer;
  }
  .full_img_contents:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .full_img_contents p {
	line-height: 1.6;
	overflow: visible;
  }
  .full_img_contents img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
  }
  .full_img_contents .bottom_txt {
	color: #fcfcfc;
	position: absolute;
	width: 85%;
	bottom: 16px;
	left: 16px;
  }
  .full_img_contents .bottom_txt .item_title {
	height: auto;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .darken_image_gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: black;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .bottom_banner {
	width: 100%;
	height: calc(95vw / 4);
	background-color: #E5E9F4;
	margin-bottom: 1rem;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
	overflow: hidden;
  }
  .bottom_banner:hover {
	cursor: pointer;
  }
  .bottom_banner:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .bottom_banner img {
	width: 100%;
	height: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
  @keyframes triangleOpened {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(180deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
  @keyframes triangleClosed {
	from {
	  transform: rotate(180deg);
	}
	to {
	  transform: rotate(0deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
  @keyframes bottomToTop {
	from {
	  top: 89%;
	}
	to {
	  top: 0;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
  @keyframes openfolderAcc {
	from {
	  max-height: 0;
	}
	to {
	  max-height: 100%;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
  @keyframes toastInfinite {
	0% {
	  bottom: 0px;
	}
	50% {
	  bottom: -8px;
	}
	100% {
	  bottom: 0px;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 64px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
  @keyframes toastLoad {
	0% {
	  bottom: 0;
	  height: 64px;
	}
	100% {
	  height: 100vh;
	  background-color: #fcfcfc;
	  width: 100vw;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
  @keyframes toastJumpUp {
	0% {
	  opacity: 0;
	  bottom: -100vh;
	}
	100% {
	  opacity: 1;
	  bottom: 0;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
  @keyframes toastJumpDown {
	0% {
	  opacity: 1;
	  bottom: 0;
	}
	100% {
	  opacity: 0;
	  bottom: -100vh;
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
  @keyframes cardFlipFront {
	0% {
	  z-index: 2;
	}
	30% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	80% {
	  z-index: 1;
	  transform: rotateY(180deg);
	}
	100% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
  @keyframes cardFlipBack {
	0% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
	30% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	80% {
	  z-index: 2;
	  transform: rotateY(0deg);
	}
	100% {
	  z-index: 1;
	  transform: rotateY(-180deg);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-height: calc(769px - 1px)) {
  .top-btn-wrap {
	position: fixed;
	bottom: 14px;
	right: 14px;
	z-index: 50;
  }

  .top-btn-wrap a {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: relative;
	background-color: white;
	border-radius: 100%;
	box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
  }

  .top-btn-wrap a img {
	text-align: center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
  }

  .top-btn-wrap a:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-height: 769px) {
  .top-btn-wrap {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 50;
  }

  .top-btn-wrap a {
	display: inline-block;
	width: 62px;
	height: 62px;
	position: relative;
	background-color: white;
	border-radius: 100%;
	box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
  }

  .top-btn-wrap a img {
	text-align: center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
  }

  .top-btn-wrap a:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #listcal, #listcal_solo {
	color: #4F5D75;
	padding: 0 32px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 64px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 800px) {
  #listcal .month_wrap, #listcal_solo .month_wrap {
	width: 48%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  #listcal .month_wrap, #listcal_solo .month_wrap {
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #listcal .year_header, #listcal_solo .year_header {
	margin-top: 32px;
	margin-bottom: 6px;
	text-align: center;
	color: #2D3142;
  }
  #listcal .year_header .month, #listcal_solo .year_header .month {
	font-size: 1.8rem;
	font-weight: 700;
  }
  #listcal .year_header .year, #listcal_solo .year_header .year {
	font-size: 16px;
	margin-left: 10px;
	color: #4F5D75;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #listcal table, #listcal_solo table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #listcal thead, #listcal_solo thead {
	color: #4F5D75;
  }
  #listcal thead td, #listcal_solo thead td {
	font-size: 13px;
	background-color: #F6F7FC;
  }
  #listcal thead td:nth-child(1), #listcal_solo thead td:nth-child(1) {
	color: pink;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #listcal td, #listcal_solo td {
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	cursor: pointer;
	height: 53px;
  }
  #listcal td:nth-child(1), #listcal_solo td:nth-child(1) {
	color: pink;
  }
  #listcal td.cal_picker:not(.checkin_date, .checkout_date):hover, #listcal_solo td.cal_picker:not(.checkin_date, .checkout_date):hover {
	background-color: #FFE0C0;
	opacity: 0.5;
	border-radius: 50%;
  }
  #listcal td.cal_picker.today, #listcal_solo td.cal_picker.today {
	color: #ff9231;
	font-weight: 700;
  }
  #listcal td.cal_picker.before, #listcal_solo td.cal_picker.before {
	color: #ccc;
  }
  #listcal td.cal_picker.ing_date, #listcal_solo td.cal_picker.ing_date {
	color: #4F5D75;
  }
  #listcal td.cal_picker.ing_date p, #listcal_solo td.cal_picker.ing_date p {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center !important;
	background-color: rgba(255, 146, 49, 0.5);
  }
  #listcal td.cal_picker.checkin_date, #listcal_solo td.cal_picker.checkin_date {
	background-image: url(../images/circle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	color: #fcfcfc;
	background-position: top;
  }
  #listcal td.cal_picker.checkin_date.ing_date p, #listcal_solo td.cal_picker.checkin_date.ing_date p {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
  }
  #listcal td.cal_picker.checkout_date, #listcal_solo td.cal_picker.checkout_date {
	background-image: url(../images/circle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	color: #fcfcfc;
	background-position: top;
  }
  #listcal td.cal_picker.checkout_date.ing_date p, #listcal_solo td.cal_picker.checkout_date.ing_date p {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_layer .search_user_sec {
	padding-top: 10px;
	height: calc(100% - 75px);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  p {
	line-height: 1.8;
	font-size: 16px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h1 {
	font-size: 4.2rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h2 {
	font-size: 3.2rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h3 {
	font-size: 2.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h4 {
	font-size: 1.8rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h5 {
	font-size: 1.3rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h6 {
	font-size: 19px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .p2 {
	font-size: 19px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .h1 {
	font-size: 4.2rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .h2 {
	font-size: 3.2rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .h3 {
	font-size: 2.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .h3_4 {
	font-size: 2.1rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .h4 {
	font-size: 1.8rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .h4_5 {
	font-size: 1.5rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .h5 {
	font-size: 1.3rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .btn_txt {
	font-weight: 700;
  }
  .btn_txt:hover {
	transition: all 0.2s ease-in-out;
	text-shadow: 0px 0px 4px #A5ABB5;
  }
  .btn_txt:hover:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .btn_basic {
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #A5ABB5;
	border-radius: 10px;
	font-weight: 500;
  }
  .btn_basic:hover {
	cursor: pointer;
  }
  .btn_basic .btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: 1px solid #ff9231;
  }
  .btn_basic.btn_primary {
	background-color: #ff9231;
	color: #fcfcfc;
	border: 1px solid #ff9231;
  }
  .btn_basic.btn_full {
	width: 100%;
	height: 64px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .bigswiper {
	margin-top: calc(64px - 1px);
	width: 100vw;
	height: auto;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .event_banner {
	overflow: hidden;
  }
  .event_banner .banner_items {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .event_banner .swiper-container {
	border-radius: 0;
  }
  .event_banner .swiper-button-prev {
	left: 5%;
  }
  .event_banner .swiper-button-next {
	right: 5%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .main_search {
	z-index: 30;
	width: 95vw;
	margin: 0 auto;
  }
  .main_search .stay-filter-list {
	position: absolute;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay-filter-list {
	position: relative;
	background-color: white;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	/* overflow: hidden; */
	z-index: 35;
	border-radius: 36.5px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
	margin: 15px 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay-filter-box-wrap {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: initial;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .wrap-fi {
	display: flex;
	justify-content: space-between;
	padding: 15px 0 0 38px;
	/* height: fit-content; */
	overflow: hidden;
  }
  .wrap-fi input {
	border: none;
	padding: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter_search_auto_wrap {
	width: 355px;
	max-height: 50vh;
	position: absolute;
	top: 75px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter_search_auto_list {
	border-bottom: 0.5px solid #eee;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter_search_auto_wrap .search_key_wrap:hover {
	/* background-color: rgba(255,146,49, .5); */
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .orange_p {
	color: #ff9231;
	font-weight: bold;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter_search_img_con {
	width: 25px;
	height: 25px;
	background-color: transparent;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter_search_img_con img {
	width: 100%;
	height: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter_search_li_arr {
	width: 100%;
	text-align: left;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #recommend_destination .filter_search_li_arr {
	text-align: left;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter_search_li_con {
	line-height: 1.5;
	word-break: keep-all;
	word-wrap: break-word;
	display: flex;
	justify-content: flex-start;
	flex-shrink: 0;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #recommend_hotel {
	right: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #recommend_destination {
	left: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: 550px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-mini-box {
	border-right: 1px dotted #ccc;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .light-grey-title {
	color: #adadad;
	font-size: 13px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-input-text {
	color: #454444;
	font-size: 16px;
	font-weight: bold;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .navbar-btn {
	border: none;
	color: #454444;
	font-size: 16px;
	font-weight: bold;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .navbar-btn::-moz-placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
  .navbar-btn:-ms-input-placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
  .navbar-btn::placeholder {
	font-weight: 300;
	font-family: "Roboto", "Noto Sans KR", sans-serif !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_area {
	width: 30%;
	height: 43px;
	border-right: 1px solid #ccc;
	padding-right: 1rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .lend-filter {
	width: 25%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .checkinout-time input {
	text-align: center;
  }
  .checkinout-time input:hover {
	transition: all 0.2s ease-in-out;
  }
  .checkinout-time input:hover:hover {
	cursor: pointer;
  }
  .checkinout-time:hover {
	transition: all 0.2s ease-in-out;
  }
  .checkinout-time:hover:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .checkinout-timefilter-wrap {
	width: 30%;
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .personal-count-filter {
	width: 30%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	position: relative;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .checkinout-timefilter-wrap > div {
	width: 50%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-checkout-time p {
	text-align: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .keyword-filter-wrap {
	width: 265px;
	height: 43px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-search-btn-wrap {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: #ff9231;
	margin-right: 8.5px;
	transform: translateY(-8.5px);
	position: relative;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-search-btn-wrap:hover {
	cursor: pointer;
	box-shadow: 0 0 4px #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay-event-banner-wrap {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .filter-search-btn-wrap img {
	width: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #stay-filter-box-label {
	overflow: hidden;
	width: 100%;
	height: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .down-personal-filter {
	position: absolute;
	top: 1px;
	right: 0;
	padding: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .down-personal-filter:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .child-age-mark-wrap {
	font-size: 12px;
	color: #adadad;
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .child-age-mark-wrap .age-text p {
	text-decoration: underline;
	margin-right: 3px;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .child-age-mark-wrap .age-text:hover {
	color: #454444;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .child-age-mark-wrap .age-text {
	display: flex;
	justify-content: flex-start;
	margin-left: 5px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #stay-filter-box-input {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .mobile-stay-view {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .detail-personal-count-wrap {
	position: relative;
	height: 0;
	overflow: hidden;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #stay-filter-box-input:checked ~ .detail-personal-count-wrap {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .end-selected {
	font-size: 12px;
	/* position: absolute; */
	margin-left: 70%;
	margin-bottom: 10px;
	text-align: center;
	/* bottom: 15px; */
	/* right: 0; */
	padding: 5px 15px;
	border-radius: 100px;
	margin-right: 25px;
	background-color: #ff9231;
	color: white;
	transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .end-selected:hover {
	box-shadow: 0 0 4px #ff9231;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .detail-personal-count-wrap .people-age-wrap-2 {
	margin: 20px 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .inner {
	margin: 0 auto;
	width: 95vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .people-age-wrap li {
	margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .login_social_img_wrap {
	width: 100%;
	margin-top: 2rem;
  }
  .login_social_img_wrap a img {
	width: 50px;
	height: 50px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .label_span {
	width: 80%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 {
	width: 100%;
	height: 600px;
	background: #ffffff;
	border: 1px #e4e4e4 solid;
	position: absolute;
	/* top: 100px; */
	/* left: 0px; */
	padding: 20px;
	z-index: 9999;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .checkinout-all-container {
	width: 1200px;
	margin: 0 auto;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .checkinout-all-container #stay_detail_cal #calendar_stay_01 {
	position: relative;
	top: 95px;
	/* left: 13%; */
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .left_btn {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .right_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .calender_inner01 {
	width: 49%;
	height: 100%;
	position: relative;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .calender_title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .calender_table {
	width: 100%;
	border-collapse: collapse;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .calender_table tr th {
	font-size: 14px;
	color: #ff9231;
	height: 4.5em;
	width: 14%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .calender_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: 0.2em;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .calandar_close {
	position: absolute;
	top: -25px;
	right: 10px;
	width: 35px;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .calender_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar_stay_01 .calender_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar {
	width: 856px;
	min-height: 480px;
	background: #ffffff;
	border: 1px #e4e4e4 solid;
	position: absolute;
	top: 158px;
	left: 0px;
	padding: 20px;
	line-height: 1;
	z-index: 1;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .calender_title p {
	font-weight: bold;
	color: #454444;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .calender_title p span {
	font-size: 0.8em;
	font-weight: 300;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .calender_inner01 {
	float: left;
	width: 49%;
	height: 100%;
	position: relative;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .calender_inner01:nth-child(2) {
	float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .left_btn {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .right_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .calender_title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .calender_table {
	width: 100%;
	border-collapse: collapse;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .calender_table tr th {
	font-size: 14px;
	color: #ff9231;
	height: 4.5em;
	width: 14%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .calender_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: 0.2em;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .calender_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #calendar .calender_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .calendar-not {
	background: #efefef !important;
	cursor: not-allowed;
	color: #a5a1a1 !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .calendar-active {
	background: #ff9231 !important;
	color: #ffffff !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .calendar-weekend {
	background: #e23939 !important;
	color: #ffffff !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .none {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .prog_box.active {
	display: block;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .prog_box {
	display: none;
	height: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .search_user_sec .special_type {
	margin: 16px 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .wh5040 {
	width: 95vw !important;
	height: 60vh !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .tendays input, .tendays textarea {
	text-align: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .company_banner {
	height: 100px;
	margin-top: 2rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 480px) {
  .company_view {
	width: 60%;
  }

  .connect_line {
	content: "";
	border: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .stay_designer .flex_between {
	justify-content: space-around;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 481px) {
  .connect_line {
	content: "";
	border-bottom: 2px solid #E5E9F4;
	width: 40%;
	height: 1px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_designer .view5sizing {
	margin-bottom: 1rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  table {
	border-collapse: collapse;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .mt-2, .my-2 {
	margin-top: 0.5rem !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .pb-3, .py-3 {
	padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  thead {
	display: table-header-group;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  img, tr {
	page-break-inside: avoid;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h2, h3, p {
	orphans: 3;
	widows: 3;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h2, h3 {
	page-break-after: avoid;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6 !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-dark {
	color: inherit;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
	border-color: #dee2e6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table .thead-dark th {
	color: inherit;
	border-color: #dee2e6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table {
	width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table td, .table th {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table tbody + tbody {
	border-top: 2px solid #dee2e6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table .table-sm td, .table-sm th {
	padding: 0.3rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-bordered {
	border: 1px solid #dee2e6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 2px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
	border: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.05);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-primary, .table-primary > td, .table-primary > th {
	background-color: #b8daff;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-primary:hover {
	background-color: #9fcdff;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
	background-color: #9fcdff;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-secondary, .table-secondary > td, .table-secondary > th {
	background-color: #d6d8db;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-secondary:hover {
	background-color: #c8cbcf;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
	background-color: #c8cbcf;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-success, .table-success > td, .table-success > th {
	background-color: #c3e6cb;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-success:hover {
	background-color: #b1dfbb;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
	background-color: #b1dfbb;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-info, .table-info > td, .table-info > th {
	background-color: #bee5eb;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-info:hover {
	background-color: #abdde5;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
	background-color: #abdde5;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-warning, .table-warning > td, .table-warning > th {
	background-color: #ffeeba;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-warning:hover {
	background-color: #ffe8a1;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	background-color: #ffe8a1;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-danger, .table-danger > td, .table-danger > th {
	background-color: #f5c6cb;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-danger:hover {
	background-color: #f1b0b7;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	background-color: #f1b0b7;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-light, .table-light > td, .table-light > th {
	background-color: #fdfdfe;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-light:hover {
	background-color: #ececf6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
	background-color: #ececf6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-dark, .table-dark > td, .table-dark > th {
	background-color: #c6c8ca;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-dark:hover {
	background-color: #b9bbbe;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
	background-color: #b9bbbe;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-active, .table-active > td, .table-active > th {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
	background-color: rgba(0, 0, 0, 0.075);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table .thead-dark th {
	color: #fff;
	background-color: #212529;
	border-color: #32383e;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-dark {
	color: #fff;
	background-color: #212529;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-dark td, .table-dark th, .table-dark thead th {
	border-color: #32383e;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-dark.table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.05);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-dark.table-hover tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.075);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 575.98px) {
  .table-responsive-sm {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-sm > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 767.98px) {
  .table-responsive-md {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-md > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 991.98px) {
  .table-responsive-lg {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-lg > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 1199.98px) {
  .table-responsive-xl {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-xl > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .table-responsive > .table-bordered {
	border: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card > hr {
	margin-right: 0;
	margin-left: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card > .list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-title {
	margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-text:last-child {
	margin-bottom: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-link:hover {
	text-decoration: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-link + .card-link {
	margin-left: 1.25rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-header + .list-group .list-group-item:first-child {
	border-top: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-footer {
	padding: 0.75rem 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-img {
	width: 100%;
	border-radius: calc(.25rem - 1px);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 1px);
	border-bottom-left-radius: calc(.25rem - 1px);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-deck {
	display: flex;
	flex-direction: column;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-deck .card {
	margin-bottom: 15px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 576px) {
  .card-deck {
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left: -15px;
  }

  .card-deck .card {
	display: flex;
	flex: 1 0 0%;
	flex-direction: column;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-group {
	display: flex;
	flex-direction: column;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-group > .card {
	margin-bottom: 15px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 576px) {
  .card-group {
	flex-flow: row wrap;
  }

  .card-group > .card {
	flex: 1 0 0%;
	margin-bottom: 0;
  }

  .card-group > .card + .card {
	margin-left: 0;
	border-left: 0;
  }

  .card-group > .card:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }

  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
	border-top-right-radius: 0;
  }

  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
	border-bottom-right-radius: 0;
  }

  .card-group > .card:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }

  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
	border-top-left-radius: 0;
  }

  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
	border-bottom-left-radius: 0;
  }

  .card-group > .card:only-child {
	border-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
	border-radius: 0;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
	border-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .card-columns .card {
	margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 576px) {
  .card-columns {
	-moz-column-count: 3;
	column-count: 3;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
  }

  .card-columns .card {
	display: inline-block;
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .credit_section {
	margin: 2rem 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .detail_header {
	padding-top: 64px;
	width: 100vw;
  }
  .detail_header .name_wrap {
	padding: 0 2.5vw;
  }
  .detail_header .name_wrap .name_wrap_top {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
  }
  .detail_header .name_wrap .name_wrap_inner {
	align-items: baseline;
	margin-bottom: 10px;
  }
  .detail_header .name_wrap .name_wrap_inner .hotel_name {
	font-size: 21px;
	line-height: 140%;
	margin-bottom: 0;
  }
  .detail_header .region {
	padding: 2px 10px;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 14px;
	margin-right: 10px;
  }
  .detail_header .product_code {
	font-size: 12px;
	color: #A5ABB5;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .special_type {
	margin: 0 2.5vw 10px 2.5vw;
  }
  .special_type p {
	font-size: 14px;
	display: inline-block;
	color: #ff9231;
	padding: 2px 10px;
	border: 1px solid #ff9231;
	border-radius: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .hotel_detail_nav {
	width: 100vw;
	height: 64px;
	position: fixed;
	bottom: -1px;
	z-index: 100;
	background-color: #ff9231;
	transform: translateY(10px);
	opacity: 0;
	transition: all 0.4s ease-in-out;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  .hotel_detail_nav ul {
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
  }
  .hotel_detail_nav ul li {
	padding: 20px 30px;
	color: #fcfcfc;
	font-weight: 600;
	font-size: 16px;
	display: none;
  }
  .hotel_detail_nav ul .hotel_detail_mobile_nav {
	display: block;
	color: #fcfcfc;
  }
  .hotel_detail_nav ul .hotel_detail_mobile_nav a:visited {
	color: #fcfcfc;
  }
  .hotel_detail_nav ul .hotel_detail_mobile_nav a:link {
	color: #fcfcfc;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .mo_roomtype {
	display: flex;
	justify-content: flex-start;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .optional_more {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #E5E9F4;
	opacity: 0.8;
	transition: all 0.2s ease-in-out;
  }
  .optional_more img {
	width: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .hotel_detail {
	width: 100vw;
	margin: 0 auto;
  }
  .hotel_detail .img_wrap {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 10px 0;
  }
  .hotel_detail .img_wrap:hover .optional_more {
	background-color: rgba(255, 255, 255, 0.3);
  }
  .hotel_detail .img_wrap .image {
	width: 100vw;
	height: 200px;
	float: left;
	background-size: cover;
	background-position: center;
  }
  .hotel_detail .img_wrap .img_move {
	width: calc(100% - 20px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
  }
  .hotel_detail .option_wrap {
	width: 95vw;
	margin: 30px 2.5vw;
  }
  .hotel_detail .section_title {
	font-weight: 700;
	font-size: 18px;
	color: #111113;
	margin-right: 10px;
  }
  .hotel_detail .view_name {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
  }
  .hotel_detail .check-time-option {
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .hotel_detail .check-time-option img {
	margin-right: 10px;
  }
  .hotel_detail .check-time-option p {
	color: #4F5D75;
	font-size: 14px;
	margin-right: 10px;
  }
  .hotel_detail .check-time-option p span {
	color: #2D3142;
	font-weight: 700;
  }
  .hotel_detail .h_information {
	font-size: 16px;
	color: #111113;
  }
  .hotel_detail .h_information img {
	width: 100%;
  }
  .hotel_detail .check_thing {
	margin-top: 10px;
  }
  .hotel_detail .check_thing .option_check {
	color: #ff9231;
  }
  .hotel_detail .spot_name {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
  .hotel_detail .spot_name p {
	color: #111113;
  }
  .hotel_detail .map {
	width: 100%;
	height: 200px;
	background-color: #E5E9F4;
	margin: 10px 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_detail_inner .hotel_detail .search_only {
	display: none !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .hotel_option_box {
	margin-bottom: 15px;
	width: 100%;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	overflow: hidden;
  }
  .hotel_option_box .first_view {
	border-bottom: 1px solid #E5E9F4;
  }
  .hotel_option_box .first_view .optional_img {
	width: 100%;
	height: 170px;
	overflow: hidden;
	position: relative;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .first_view .optional_img:hover {
	cursor: pointer;
  }
  .hotel_option_box .first_view .optional_img:hover .optional_more {
	background-color: rgba(255, 255, 255, 0.3);
  }
  .hotel_option_box .first_view .optional_img > img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
  }
  .hotel_option_box .first_view .optional_text {
	width: 100%;
	padding: 10px 15px;
  }
  .hotel_option_box .first_view .optional_text .option_name {
	font-size: 18px;
	font-weight: 700;
	color: #111113;
	margin-bottom: 8px;
  }
  .hotel_option_box .first_view .optional_text .option_name span {
	font-size: 14px;
	color: #A5ABB5;
	font-weight: 400;
  }
  .hotel_option_box .first_view .optional_text .special_type {
	height: 32px;
	overflow: hidden;
	margin: 0;
	margin-bottom: 10px;
  }
  .hotel_option_box .first_view .optional_text .option_select {
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #E5E9F4;
  }
  .hotel_option_box .first_view .optional_text .option_select > div {
	align-items: center;
  }
  .hotel_option_box .first_view .optional_text .option_select > div > p {
	padding-right: 5px;
  }
  .hotel_option_box .first_view .optional_text .option_select > div .book {
	margin-top: 10px;
	padding: 8px 20px;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	text-align: center;
  }
  .hotel_option_box .first_view .optional_text .option_select .check {
	font-size: 14px;
	color: #A5ABB5;
  }
  .hotel_option_box .hotel-detail-option-more-btn {
	width: 100%;
	align-items: center;
	position: relative;
	height: 50px;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .hotel-detail-option-more-btn:hover {
	cursor: pointer;
  }
  .hotel_option_box .hotel-detail-option-more-btn > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	justify-content: flex-start;
	color: #ff9231;
  }
  .hotel_option_box .hotel-detail-option-more-btn > div > p {
	padding-right: 5px;
  }
  .hotel_option_box .more-view-option {
	width: 25px;
	height: 25px;
	background-color: #ff9231;
	border-radius: 100%;
	position: relative;
  }
  .hotel_option_box .more-view-option img {
	width: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .hotel_option_box .second_view {
	padding: 10px 15px;
	display: none;
	transition: all 0.2s ease-in-out;
  }
  .hotel_option_box .second_view:hover {
	cursor: pointer;
  }
  .hotel_option_box .second_view > div {
	margin-top: 15px;
  }
  .hotel_option_box .second_view > div .option_check {
	font-weight: 700;
	margin-bottom: 5px;
  }
  .hotel_option_box .second_view .special_type {
	margin: 0 0 10px 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .option_check {
	font-size: 16px;
	color: #111113;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .option_check_text {
	color: #4F5D75;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #detail_closed_btn {
	opacity: 0;
	height: 0;
	transition: all 0.2s ease-in-out;
  }
  #detail_closed_btn:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .tema_move {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .tema-wrap {
	width: 100%;
	overflow-x: scroll;
	margin-top: 30px;
	-ms-overflow-style: none;
	/* IE and Edge */
  }
  .tema-wrap::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Opera*/
  }
  .tema-wrap ul li {
	float: left;
	width: 100px;
	height: 85px;
	text-align: center;
	position: relative;
  }
  .tema-wrap ul li p {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
  }
  .tema-wrap ul::after {
	content: "";
	display: table;
	clear: both;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .review_option_wrap {
	margin-bottom: 100px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .review_box_wrap li {
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: flex-start;
	padding: 20px;
	transition: all 0.2s ease-in-out;
	margin-top: 15px;
  }
  .review_box_wrap li .tag {
	width: 30px;
	position: relative;
  }
  .review_box_wrap li .tag img {
	position: absolute;
	top: -20px;
  }
  .review_box_wrap li .tag p {
	color: white;
	position: absolute;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
  }
  .review_box_wrap li .review_all {
	width: calc(100% - 30px);
	margin-left: 20px;
  }
  .review_box_wrap li .writer {
	display: flex;
	justify-content: space-between;
  }
  .review_box_wrap li .writer > div {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
  }
  .review_box_wrap li .writer > div img {
	width: 15px;
  }
  .review_box_wrap li .writer > div > p {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
	font-weight: 700;
  }
  .review_box_wrap li .writer > p {
	color: #A5ABB5;
  }
  .review_box_wrap li .star_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	margin: 10px 0;
  }
  .review_box_wrap li .star_wrap img {
	width: 15px;
	height: 15px;
	margin-right: 3px;
  }
  .review_box_wrap li .star_wrap p {
	display: inline;
	color: #ff9231;
  }
  .review_box_wrap li .review_03 h5 {
	font-size: 16px;
	margin-bottom: 10px;
  }
  .review_box_wrap li .review_03 p {
	color: #4F5D75;
  }
  .review_box_wrap li .review_03 #review_text {
	height: 50px;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all 0.2s ease-in-out;
  }
  .review_box_wrap li .review_03 .review-more-view {
	color: #ff9231;
	text-align: center;
	width: 100%;
	transform: translateX(-25px);
	transition: all 0.2s ease-in-out;
  }
  .review_box_wrap li .review_03 .review-more-view:hover {
	cursor: pointer;
  }
  .review_box_wrap li .review_03 #review_closed {
	opacity: 0;
	height: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .moreview_images-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(118, 127, 159, 0.3);
  }
  .moreview_images-wrap > div {
	width: 95vw;
	height: 290px;
	border-radius: 10px;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .moreview_images-wrap > div .closed_btn {
	position: absolute;
	top: 20px;
	right: 20px;
	transition: all 0.2s ease-in-out;
  }
  .moreview_images-wrap > div .closed_btn:hover {
	cursor: pointer;
  }
  .moreview_images-wrap > div .closed_btn img {
	width: 25px;
  }
  .moreview_images-wrap > div .img_move {
	width: calc(100% - 20px);
	position: absolute;
	left: 50%;
	top: calc(50% + 30px);
	transform: translateY(-50%) translateX(-50%);
	display: flex;
	justify-content: space-between;
  }
  .moreview_images-wrap > div .images {
	width: 300px;
	height: 200px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
	overflow-X: scroll;
	-ms-overflow-style: none;
  }
  .moreview_images-wrap > div .images::-webkit-scrollbar {
	display: none;
  }
  .moreview_images-wrap > div .images img {
	float: left;
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .only_ml_PC {
	margin: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_book_inner {
	width: 100vw;
	margin: 0 auto;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .m_none {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .book_check {
	width: 100vw;
	padding-top: 64px;
  }
  .book_check .img_wrap {
	width: 100vw;
	height: 180px;
	position: relative;
	overflow: hidden;
  }
  .book_check .img_wrap > img {
	width: 100vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .book_check h3 {
	font-size: 21px;
	text-align: center;
	margin-top: 15px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .book_check_wrap {
	margin: 10px 2.5vw;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px 15px;
  }
  .book_check_wrap .checkinout-time-wrap > div {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
  }
  .book_check_wrap .checkinout-time-wrap .check-mark-top {
	width: 60px;
	color: #4F5D75;
	margin-right: 10px;
  }
  .book_check_wrap .checkinout-time-wrap .check-mark-bottom {
	color: #ff9231;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
	transition: all 0.2s ease-in-out;
  }
  .book_check_wrap .personal-count-filter {
	color: #ff9231;
	font-weight: 700;
	width: 100%;
  }
  .book_check_wrap .personal-count-filter p {
	text-align: right;
	transition: all 0.2s ease-in-out;
  }
  .book_check_wrap .personal-count-filter:hover {
	cursor: pointer;
  }
  .book_check_wrap .personal-count-filter:hover p {
	border-bottom: 2px solid #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  h4 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_book_inner .book_input {
	width: 95vw;
	margin: 0 auto;
	margin-top: 50px;
  }
  .stay_book_inner .book_input .match_id {
	margin-bottom: 10px;
  }
  .stay_book_inner .book_input .match_id > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
  }
  .stay_book_inner .book_input .match_id > div input {
	display: none;
  }
  .stay_book_inner .book_input .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
  }
  .stay_book_inner .book_input .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_book_inner .book_input .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }
  .stay_book_inner .book_input .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .stay_book_inner .book_input .btn_off img {
	display: none;
  }
  .stay_book_inner .book_input .who_input_wrap {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 20px;
  }
  .stay_book_inner .book_input .who_input_wrap > div {
	margin-bottom: 15px;
  }
  .stay_book_inner .book_input .who_input_wrap > div > input {
	width: 100%;
  }
  .stay_book_inner .book_input .who_input_wrap .i_title {
	font-size: 16px;
	font-weight: 600;
  }
  .stay_book_inner .book_input .who_input_wrap .sub_i_title {
	color: #4F5D75;
	font-size: 14px;
  }
  .stay_book_inner .book_input .who_input_wrap .last_none_bottom {
	margin-bottom: 0;
	padding-bottom: 0;
  }
  .stay_book_inner .book_input .who_input_wrap .name_2nd > div {
	margin-bottom: 15px;
  }
  .stay_book_inner .book_input .who_input_wrap .name_2nd > div input {
	width: 100%;
  }
  .stay_book_inner .book_input .who_input_wrap .name_2nd .gender select {
	width: 100%;
	height: 35px;
	padding: 0.5rem;
	border: 1px solid #ccc;
	border-radius: 6px;
  }
  .stay_book_inner .book_input .who_input_wrap .name_2nd .gender select option {
	width: 100%;
	height: 100%;
  }
  .stay_book_inner .book_input .please input {
	display: none;
  }
  .stay_book_inner .book_input .please .please_wrap {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 10px;
  }
  .stay_book_inner .book_input .please .please_wrap > div {
	display: flex;
	justify-content: flex-start;
	align-items: start;
	margin-top: 10px;
	width: 50%;
  }
  .stay_book_inner .book_input .please .please_wrap > div p {
	width: calc(100% - 40px);
  }
  .stay_book_inner .book_input .please .long textarea {
	padding: 10px 15px;
	width: calc(100% - 30px);
	border-radius: 10px;
	border: 1px solid #ccc;
	height: 100px;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .stay_book_inner .book_input .please .long textarea::-moz-placeholder {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .stay_book_inner .book_input .please .warning {
	color: #ff9231;
	font-size: 14px;
  }
  .stay_book_inner .book_input .please .arrive {
	padding-top: 15px;
  }
  .stay_book_inner .book_input .please .arrive > div input {
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .book_pay {
	margin-top: 50px;
  }
  .book_pay .who_input_wrap > div {
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
	margin-bottom: 0;
  }
  .book_pay .who_input_wrap > div > div {
	align-items: right;
	text-align: right;
  }
  .book_pay .who_input_wrap .last_charge {
	border-top: 1px solid #E5E9F4;
	padding-top: 15px;
	padding-bottom: 0;
  }
  .book_pay .who_input_wrap .last_charge .pay_charge {
	font-size: 21px;
  }
  .book_pay .select_coupon {
	padding: 5px 15px;
	border-radius: 6px;
	background-color: #ff9231;
	color: #fcfcfc;
  }
  .book_pay .pay_charge {
	font-size: 16px;
	font-weight: 700;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .payfor {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 50px;
  }
  .payfor > p {
	text-align: center;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 21px;
	padding: 10px;
	border-radius: 100px;
  }
  .payfor .confirm_btn {
	text-align: center;
	background-color: #ff9231;
	color: #fcfcfc;
	font-size: 21px;
	padding: 10px;
	border-radius: 100px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .select_payment {
	flex-wrap: wrap;
  }
  .select_payment input {
	display: none;
  }
  .select_payment > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 15px 0 30px 0;
  }
  .select_payment > div > p {
	font-size: 16px;
  }
  .select_payment > div > img {
	width: 30px;
	margin-right: 10px;
	border-radius: 6px;
  }
  .select_payment .sub_i_title {
	color: #4F5D75;
	padding-bottom: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .provision_wrap {
	display: block !important;
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid #E5E9F4;
  }
  .provision_wrap ul li {
	list-style-type: disc;
	margin-left: 30px;
	line-height: 180%;
  }
  .provision_wrap .pay_title {
	padding: 10px 0;
  }
  .provision_wrap .provision {
	display: flex;
	justify-content: flex-start !important;
	align-items: center;
	margin-top: 15px;
  }
  .provision_wrap .provision input {
	display: none;
  }
  .provision_wrap .provision .full_consent_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .provision_wrap .provision .full_consent_wrap span {
	font-weight: 700;
	margin-right: 5px;
  }
  .provision_wrap .provision .full_consent {
	color: #ff9231;
	font-weight: 700;
	font-size: 14px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .coupon_box .use_this {
	padding: 10px 0 !important;
	border-radius: 100px;
	background-color: #ff9231;
	color: #fcfcfc;
	text-align: center;
	font-size: 16px;
	margin: 0 20px 20px 20px;
	transition: all 0.2s ease-in-out;
  }
  .coupon_box .use_this:hover {
	background-color: #ff6f31;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .stay_mypage_inner {
	width: 100vw;
	padding-top: 64px;
  }
  .stay_mypage_inner .btn_basic {
	text-align: center;
	width: 20%;
	margin: 0 auto;
	padding: 5px 0;
	border-radius: 25px;
  }
  .stay_mypage_inner .w_my {
	display: none;
  }
  .stay_mypage_inner .top_wrap {
	width: 100vw;
	margin: 80px auto;
	margin-bottom: 20px;
  }
  .stay_mypage_inner .top_wrap .top_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
  }
  .stay_mypage_inner .top_wrap .top_wrapper .w1 {
	width: calc(100% - 160px);
  }
  .stay_mypage_inner .top_wrap .top_wrapper .w1 h2 {
	width: 100%;
	word-break: break-all;
  }
  .stay_mypage_inner .top_wrap h2 {
	font-weight: 400;
	font-size: 21px;
	padding-left: 30px;
	margin-bottom: 10px;
  }
  .stay_mypage_inner .top_wrap h2 span {
	font-weight: 700;
  }
  .stay_mypage_inner .top_wrap .top_sub {
	width: calc(100% - 100px);
	font-size: 14px;
	font-weight: 400;
	padding-left: 30px;
	color: #4F5D75;
  }
  .stay_mypage_inner .top_wrap img {
	width: 110px;
	padding-right: 30px;
  }
  .stay_mypage_inner .top_wrap .formy_detail {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
	padding: 15px 20px;
	border-radius: 10px;
	margin: 15px 20px;
  }
  .stay_mypage_inner .top_wrap .formy_detail:hover {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
  }
  .stay_mypage_inner .top_wrap .formy_detail p {
	font-weight: bold;
	font-size: 16px;
  }
  .stay_mypage_inner .top_wrap .formy_detail .mini {
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	color: #4F5D75;
  }
  .stay_mypage_inner .top_wrap .formy_detail .answer {
	color: #ff9231;
	border-bottom: 3px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .top_wrap .formy_detail .answer:hover {
	cursor: pointer;
	border-bottom: 3px solid #ff9231;
  }
  .stay_mypage_inner .book_list_wrap {
	padding: 10px;
	padding-bottom: 50px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
  }
  .stay_mypage_inner .book_list_wrap .list_menu {
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .list_menu p {
	width: calc(50% - 5px);
	padding: 10px 0;
	text-align: center;
	font-weight: 700;
	background-color: #FFE0C0;
	color: #ff9231;
	font-size: 18px;
	border-radius: 100px;
  }
  .stay_mypage_inner .book_list_wrap .list_menu .book_after_btn {
	opacity: 1;
  }
  .stay_mypage_inner .book_list_wrap .book_before_btn {
	opacity: 0.5;
  }
  .stay_mypage_inner .book_list_wrap .none_box {
	text-align: center;
	font-size: 18px;
	margin-top: 30px !important;
  }
  .stay_mypage_inner .book_list_wrap .book_before {
	width: 100%;
	height: 0;
	overflow: hidden;
  }
  .stay_mypage_inner .book_list_wrap .book_before .select_all {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 25px;
	padding-top: 15px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .select_all p {
	color: #4F5D75;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin: 2.5vw;
	padding: 15px;
	display: flex;
	justify-content: flex-start;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info {
	width: calc(95vw - 85px);
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info .booking_code {
	display: none;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info .img_wrap {
	width: calc((95vw - 95px) / 2);
	height: 60px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .book_info .img_wrap img {
	position: absolute;
	height: 130%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align {
	width: 100%;
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .left {
	width: calc((95vw - 95px) / 2);
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .booking_code,
.stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .title_light {
	color: #A5ABB5;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .texts {
	font-size: 16px;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .right {
	width: calc((95vw - 95px) / 2);
	text-align: right;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .right .texts {
	font-size: 21px;
	font-weight: 700;
	color: #ff9231;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap {
	display: flex;
	justify-content: flex-start;
	align-self: center;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap p {
	transition: all 0.2s ease-in-out;
	display: inline;
	border-bottom: 1px solid transparent;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap > img {
	padding: 6px;
	border-radius: 100%;
	background-color: #F6F7FC;
	margin-left: 10px;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap:hover {
	cursor: pointer;
  }
  .stay_mypage_inner .book_list_wrap .book_before .selected_box .box_align .erase_wrap:hover p {
	border-bottom: 1px solid #111113;
  }
  .stay_mypage_inner .book_list_wrap .continue_box {
	background-color: #ff9231;
	color: #fcfcfc;
	text-align: center;
	width: calc((95vw - 95px) / 2);
  }
  .stay_mypage_inner .book_list_wrap .continue_box:hover {
	background-color: #ff6f31;
  }
  .stay_mypage_inner .book_list_wrap .review_box {
	width: calc(95vw - 30px) !important;
	background-color: #fcfcfc;
	border: 1px solid #ff9231;
	color: #ff9231;
  }
  .stay_mypage_inner .book_list_wrap .continue_box,
.stay_mypage_inner .book_list_wrap .delete_box {
	padding: 8px 0;
	border-radius: 100px;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	transition: all 0.2s ease-in-out;
  }
  .stay_mypage_inner .book_list_wrap .delete_box {
	background-color: #E5E9F4;
	color: #4F5D75;
  }
  .stay_mypage_inner .book_list_wrap .align_end {
	align-items: flex-end;
	margin-top: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_after {
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	overflow: hidden;
  }
  .stay_mypage_inner .book_list_wrap .book_after .booking_code {
	display: none;
  }
  .stay_mypage_inner .book_list_wrap .book_after h5 {
	margin-top: 30px;
	margin-left: 25px;
	font-size: 18px;
  }
  .stay_mypage_inner .book_list_wrap .book_after h5 span {
	font-size: 21px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .dday {
	color: #ff9231;
	font-weight: 700;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin: 15px 2.5vw;
	padding: 15px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align {
	display: flex;
	justify-content: space-between;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align > div {
	width: calc(50% - 5px);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align > p {
	width: calc(50% - 5px);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align .right {
	text-align: right;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align .right .texts {
	color: #A5ABB5;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .box_align .title_light {
	font-size: 16px;
	color: #111113;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .img_wrap {
	width: calc((95vw - 95px) / 2);
	height: 60px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .img_wrap img {
	position: absolute;
	height: 130%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .book_after .selected_box .booking_code,
.stay_mypage_inner .book_list_wrap .book_after .selected_box .title_light {
	color: #A5ABB5;
  }
  .stay_mypage_inner .book_list_wrap .check_btn {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
	margin-right: 10px;
  }
  .stay_mypage_inner .book_list_wrap .check_btn > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .stay_mypage_inner .book_list_wrap .btn_on {
	background-color: #ff9231;
	border: 5px solid #FFE0C0;
  }
  .stay_mypage_inner .book_list_wrap .btn_off {
	background-color: #E5E9F4;
	border: 5px solid #F6F7FC;
  }
  .stay_mypage_inner .book_list_wrap .btn_off img {
	display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .point_check_cover {
	width: 100vw;
	height: 100vh;
	position: fixed;
	display: none;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: rgba(118, 127, 159, 0.3);
  }
  .point_check_cover .view_coupon {
	background-color: #fcfcfc;
	width: 90vw;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
  }
  .point_check_cover .view_coupon .coupon_scroll {
	max-height: 60vh;
	overflow-y: scroll;
  }
  .point_check_cover .closed_btn {
	position: absolute;
	top: 20px;
	right: 20px;
  }
  .point_check_cover .closed_btn img {
	width: 30px;
  }
  .point_check_cover .closed_btn:hover {
	cursor: pointer;
  }
  .point_check_cover .check_coupon_wrap {
	margin: 50px 30px 30px 30px;
  }
  .point_check_cover .check_coupon_wrap h6 {
	text-align: center;
  }
  .point_check_cover .check_coupon_wrap h6 span {
	color: #ff9231;
  }
  .point_check_cover .check_coupon_wrap p {
	width: 150px;
	margin: 15px auto;
	text-align: center;
	padding: 10px 20px;
	border-radius: 100px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .check_coupon_wrap p:hover {
	cursor: pointer;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  .point_check_cover .coupon_box {
	margin: 30px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	overflow: hidden;
  }
  .point_check_cover .coupon_box .dday_coupon {
	color: #ff9231;
	background-color: #FFE0C0;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 700;
  }
  .point_check_cover .coupon_box p, .point_check_cover .coupon_box h5, .point_check_cover .coupon_box ul {
	padding: 0 20px;
  }
  .point_check_cover .coupon_box ul {
	padding-bottom: 20px;
  }
  .point_check_cover .coupon_box ul li {
	color: #4F5D75;
  }
  .point_check_cover .coupon_box .discount_amount {
	padding-bottom: 20px;
	color: #ff9231;
	padding-top: 20px;
  }
  .point_check_cover .coupon_box .name {
	font-weight: 700;
	font-size: 16px;
  }
  .point_check_cover .draw_coupon {
	background-color: #fcfcfc;
	width: 90vw;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
	text-align: center;
  }
  .point_check_cover .draw_coupon h6 {
	padding: 30px 0 10px 0;
	font-weight: 400;
  }
  .point_check_cover .draw_coupon h6 span {
	font-weight: 700;
  }
  .point_check_cover .draw_coupon input {
	width: 100%;
  }
  .point_check_cover .draw_coupon > p {
	font-size: 16px;
	color: #fcfcfc;
	background-color: #ff9231;
	padding: 10px 20px;
	border-radius: 100px;
	margin-top: 30px;
  }
  .point_check_cover .draw_coupon > p:hover {
	cursor: pointer;
	background-color: #ff6f31;
  }
  .point_check_cover .draw_review {
	width: 90vw;
	margin: 0 auto;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
  }
  .point_check_cover .draw_review h6 {
	padding: 20px 0;
  }
  .point_check_cover .draw_review .review_worter p {
	color: #A5ABB5;
  }
  .point_check_cover .draw_review .review_worter p span {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
  }
  .point_check_cover .draw_review textarea {
	padding: 10px 15px;
	width: calc(100% - 30px);
	border-radius: 10px;
	border: 1px solid #ccc;
	height: 100px;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .point_check_cover .draw_review textarea::-moz-placeholder {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
  }
  .point_check_cover .draw_review input {
	width: 100%;
	height: 100px;
  }
  .point_check_cover .draw_review > p {
	padding: 15px 0;
	border-radius: 100px;
	color: #fcfcfc;
	background-color: #ff9231;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .draw_review > p:hover {
	cursor: pointer;
	background-color: #ff6f31;
  }
  .point_check_cover .stars_review {
	padding: 10px 0;
  }
  .point_check_cover .stars_review p {
	color: #A5ABB5;
  }
  .point_check_cover .stars_review div {
	display: flex;
	justify-content: flex-start;
	width: 130px;
	padding-top: 5px;
  }
  .point_check_cover .stars_review div img {
	margin-right: 5px;
  }
  .point_check_cover .view_review {
	width: 90vw;
	margin: 0 auto;
	background-color: #fcfcfc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 30px;
  }
  .point_check_cover .view_review .review_scroll {
	max-height: 70vh;
	overflow-y: scroll;
  }
  .point_check_cover .view_review .review_check_box {
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	padding: 10px;
	margin-top: 15px;
  }
  .point_check_cover .view_review .review_check_box .review_change {
	display: flex;
	justify-content: space-between;
  }
  .point_check_cover .view_review .review_check_box .review_change p {
	width: calc(50% - 5px);
	text-align: center;
	padding: 10px 0;
	border-radius: 100px;
	transition: all 0.2s ease-in-out;
  }
  .point_check_cover .view_review .review_check_box .review_change p:hover {
	cursor: pointer;
  }
  .point_check_cover .view_review .review_check_box .review_change .change {
	background-color: #ff9231;
	color: #fcfcfc;
  }
  .point_check_cover .view_review .review_check_box .review_change .change:hover {
	background-color: #ff6f31;
  }
  .point_check_cover .view_review .review_check_box .review_change .delete {
	background-color: #F6F7FC;
	color: #4F5D75;
  }
  .point_check_cover .view_review .review_check_box .review_change .delete:hover {
	background-color: #E5E9F4;
  }
  .point_check_cover .view_review .review_check_box .review_text {
	padding: 10px 3px;
  }
  .point_check_cover .view_review h6 {
	padding: 20px 0;
  }
  .point_check_cover .view_review .review_worter {
	color: #A5ABB5;
  }
  .point_check_cover .view_review .review_worter span {
	color: #111113;
	font-size: 16px;
	margin-left: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .voucher_popup {
	width: 90vw;
	height: 85vh;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fcfcfc;
	border: 1px solid #F6F7FC;
	padding: 20px;
	z-index: 320;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	box-shadow: 1px 2px 10px rgba(5, 26, 41, 0.1);
  }
  .voucher_popup .voucher_close {
	position: fixed;
	top: 0px;
	right: 0px;
	cursor: pointer;
  }
  .voucher_popup .voucher_top {
	overflow: hidden;
	border-bottom: 1px #F6F7FC solid;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-top: 10px;
	display: flex;
	color: #4F5D75;
  }
  .voucher_popup .voucher_top .logo {
	width: 40%;
  }
  .voucher_popup .voucher_top .call {
	font-size: 16px;
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .voucher_popup .voucher_top .call img {
	width: 16px;
	float: left;
	margin-right: 10px;
  }
  .voucher_popup .voucher_check {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 20px;
  }
  .voucher_popup .voucher_check p {
	font-size: 1.8rem;
	color: #ff6f31;
	font-weight: 700;
	line-height: 1.4;
	padding-left: 15px;
  }
  .voucher_popup .voucher_check .icon07 {
	width: 50px;
	float: left;
	margin-right: 10px;
  }
  .voucher_popup .voucher_info {
	overflow: hidden;
	width: 100%;
	padding: 30px 20px;
	background-color: #F6F7FC;
	border-radius: 10px;
	color: #2D3142;
	font-size: 16px;
  }
  .voucher_popup .voucher_info p {
	margin-bottom: 5px;
	font-size: 16px;
	color: #4F5D75;
  }
  .voucher_popup .voucher_info .title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 5px;
	color: #ff6f31;
  }
  .voucher_popup .voucher_info .bar {
	width: 100%;
	height: 0.5px;
	background: #E5E9F4;
	margin: 1rem 0;
  }
  .voucher_popup .voucher_info .text01 {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.4;
  }
  .voucher_popup .cancellation {
	overflow: hidden;
	padding: 20px 15px;
	border-bottom: 0.5px #E5E9F4 solid;
	padding-bottom: 1rem;
  }
  .voucher_popup .cancellation .title {
	font-size: 19px;
	color: #ff6f31;
	font-weight: 700;
  }
  .voucher_popup .cancellation .text01 {
	font-size: 16px;
	font-weight: 400;
  }
  .voucher_popup .voucher_bottom {
	overflow: hidden;
  }
  .voucher_popup .voucher_bottom .logo {
	width: 150px;
	float: left;
	margin-top: 2rem;
	cursor: pointer;
  }
  .voucher_popup .voucher_bottom .download_img {
	float: right;
  }
  .voucher_popup .voucher_bottom .google_play {
	width: 150px;
	margin-top: 15px;
	margin-left: 20px;
	cursor: pointer;
  }
  .voucher_popup .voucher_bottom .app_store {
	width: 150px;
	margin-top: 15px;
	margin-left: 20px;
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .voucher_btn {
	background: #e04d38 !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .popup02 ul {
	margin-top: 1.4rem;
  }
  .popup02 ul li {
	margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .info_con {
	display: flex;
	justify-content: flex-start;
	padding-left: 32px;
	align-items: center;
	transition: all 0.2s ease-in-out;
  }
  .info_con p {
	color: #A5ABB5;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
	font-size: 14px;
  }
  .info_con img {
	width: 30px !important;
  }
  .info_con:hover {
	cursor: pointer;
  }
  .info_con:hover p {
	color: #4F5D75;
	text-decoration: underline;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .prof_erase {
	text-align: center;
	padding-bottom: 30px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_list_wrap {
	margin: auto;
	vertical-align: middle;
	transform: rotate(-0.001deg);
	-webkit-font-smoothing: antialiased;
	padding-top: 100px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .cont_wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	margin: 0 1rem 1rem 1rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .input_wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	margin-bottom: 0.7em;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_list_wrap .input_wrap .res_prof_txt {
	margin: 0 0 10px 0;
	font-weight: 500;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	width: 100%;
	transform: rotate(-0.01deg);
	-webkit-font-smoothing: antialiased;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_sep {
	margin: 5px 4.5rem 5px 0;
	display: flex;
	justify-content: flex-start;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .cont_wrap .res_prof_70 {
	width: auto;
	margin-top: 5px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .mobile_between {
	display: flex;
	justify-content: space-between;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .input_wrap .cont_wrap .w30p {
	width: 30%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .input_wrap .cont_wrap .w40p {
	width: 40%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_inline {
	margin: 0 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_input {
	border: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0.5em 0.8em;
	width: 10em;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .book_input {
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .book_input2 {
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #eng_fst_name {
	width: 10em;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #eng_lst_name {
	width: 12em;
	margin-left: 1em;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #email_ad {
	width: 12em;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #birth_year {
	width: 4em;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_bir {
	margin-top: 5px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #live {
	padding: 0.5em 0.3em;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_list_wrap select {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0 0.3em;
	height: 30px;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_list_wrap select:hover {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_list_wrap select:focus {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_sel {
	width: 8em;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_input:focus {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_input:hover {
	-webkit-animation-name: highlight_input;
			animation-name: highlight_input;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  @-webkit-keyframes highlight_input {
	from {
	  border: 1px solid #ddd;
	}
	to {
	  border: 1px solid #ff9231;
	  box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
	}
  }
  @keyframes highlight_input {
	from {
	  border: 1px solid #ddd;
	}
	to {
	  border: 1px solid #ff9231;
	  box-shadow: 0 0 5px rgba(255, 146, 49, 0.3);
	}
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_com_btn {
	text-align: center;
	padding: 0.8em 4em;
	margin: 2em auto;
	width: 100%;
	background-color: #ff9231;
	color: #fff;
	border-radius: 100px;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .res_prof_com_btn:hover {
	cursor: pointer;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .prof_radio {
	width: 20px;
	height: 20px;
	border: 1px solid #adadad;
	border-radius: 100%;
	position: relative;
	margin-left: 0.5em;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .prof_radio svg {
	width: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .prof_radio svg path {
	stroke: #adadad;
	fill: white;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .cont_wrap .radio_on .prof_radio {
	background-color: #ff9231;
	border: 1px solid #ff9231;
	box-shadow: 0 0 5px #ff9231;
	width: 20px;
	height: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .cont_wrap .radio_on .prof_radio svg path {
	stroke: none;
	fill: white;
	transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  footer {
	width: 100%;
	padding-top: 50px;
	left: 0;
	position: absolute;
	background-color: #F6F7FC;
	position: relative;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .footer-wrap {
	width: 80vw;
	margin: 0 auto;
  }
  .footer-wrap > div {
	width: 100%;
  }
  .footer-wrap h6 {
	color: #4F5D75;
	margin-bottom: 20px;
  }
  .footer-wrap p, .footer-wrap a, .footer-wrap li {
	letter-spacing: normal !important;
	font-size: 13px;
	color: #4F5D75;
	line-height: 200%;
	display: block;
	transition: all 0.2s ease-in-out;
  }
  .footer-wrap .footer-section01 > p {
	font-size: 16px;
  }
  .footer-wrap .footer-section01 img {
	width: 16px;
  }
  .footer-wrap .footer-section02 {
	margin-top: 20px;
  }
  .footer-wrap .footer-section03 {
	position: relative;
	margin-top: 20px;
	height: 180px;
  }
  .footer-wrap .footer-section03 .follow_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
  }
  .footer-wrap .footer-section03 .follow_wrap img {
	width: 30px;
  }
  .footer-wrap .footer-section03 .follow_wrap .dot {
	width: 3px;
	height: 3px;
	border-radius: 100%;
  }
  .footer-wrap .footer-section03 .app_down {
	position: absolute;
	bottom: 10px;
	display: flex;
	justify-content: space-between;
	left: 50%;
	transform: translateX(-50%);
  }
  .footer-wrap .footer-section03 .app_down a {
	width: 48%;
  }
  .footer-wrap .footer-section03 .app_down a img {
	height: 38px;
  }
  .footer-wrap .footer-second-wrap {
	width: 100% !important;
	padding: 20px 0;
	border-top: 1px solid #E5E9F4;
	margin: 20px 0;
	font-size: 13px;
	color: #4F5D75;
	margin-bottom: 50px;
  }
  .footer-wrap .footer-second-wrap span {
	font-weight: 700;
  }
  .footer-wrap .footer-second-wrap p {
	font-weight: 400;
	display: block;
  }
  .footer-wrap .footer-second-wrap .footer-folder-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
  }
  .footer-wrap .footer-second-wrap .footer-folder-title .company_btn {
	padding: 3px 3px 2px 12px;
	background: #fcfcfc;
	border-radius: 20px;
	border: 1px solid #A5ABB5;
	color: #A5ABB5;
  }
  .footer-wrap .footer-second-wrap .footer-folder-title .folder_btn {
	width: 16px;
	height: 10px;
	padding: 8px 5px;
	transform: rotate(0deg);
  }
  .footer-wrap .footer-second-wrap .footer-folder-title .folder_btn.opened {
	transform: rotate(180deg);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .footer_chat_btn {
	background-color: #A5ABB5;
	color: #fcfcfc !important;
	display: inline;
	width: 80px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .footer-folder-title {
	display: flex;
	justify-content: space-between;
  }
  .footer-folder-title .folder_btn {
	width: 16px;
	height: 10px;
	padding: 10px 0;
	transition: all 0.2s ease-in-out;
	transform: rotate(0deg);
  }
  .footer-folder-title .folder_btn.opened {
	transform: rotate(180deg);
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .footer-folder-cont {
	height: 0;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
  }
  .footer-folder-cont.opened {
	height: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .ev_wrap {
	padding-top: 64px;
	width: 100vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
		.swiper-slide {
	  text-align: center;
	  font-size: 18px;

	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}
ㅁ
  .jeju_golf_secti .top_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	width: 100vw;
  }
  .jeju_golf_secti .top_box img {
	width: 100%;
  }
  .jeju_golf_secti .container {
	margin: 0 auto;
	margin-bottom: 16px;
	width: 100%;
	width: 95vw;
	transition: all 0.4s ease-in-out;
  }
  .jeju_golf_secti h3 {
	margin: 0;
	color: #606060;
	font-size: 1.15rem;
	font-weight: 500;
	letter-spacing: -0.06rem;
  }
  .jeju_golf_secti .golf_filter_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px auto;
	padding-bottom: 5px;
	border-bottom: 1px dotted #E5E9F4;
  }
  .jeju_golf_secti .golf_filter_wrap2 {
		margin: 20px 0 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #E5E9F4;
	text-align:center;
  }
	.jeju_golf_secti .cont_header2 > h3 {
	margin-bottom: 10px;
	font-size: 24px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap {
	display: flex;
	justify-content: flex-end;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap .filter_right {
	margin-right: 15px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap .filter_right img {
	width: 16px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div {
	display: flex;
	justify-content: flex-start;
	color: #4F5D75;
	transition: all 0.2s ease-in-out;
	align-items: center;
	font-weight: 500;
	letter-spacing: -0.06rem;
	font-size: 14px;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	color: #767F9F;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div img {
	width: 18px;
	margin-right: 8px;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div:hover {
	cursor: pointer;
  }
  .jeju_golf_secti .golf_filter_wrap .f_w_ap div.active {
	color: #444;
  }
  .jeju_golf_secti .cont_body ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 95vw;
	margin: 0 auto;
  }
  .jeju_golf_secti .golf_card {
	width: calc((95vw - 10px) / 2);
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .golf_card > div {
	padding: 3px 9px;
  }
  .jeju_golf_secti .golf_card > img {
	width: 100%;
	height: 110px;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .jeju_golf_secti .golf_card .golf_name {
	font-size: 16px;
	font-weight: 600;
  }
  .jeju_golf_secti .golf_card .golf_name span {
	font-size: 14px;
	color: #ff9231;
	font-weight: 400;
	margin-left: 5px;
  }
  .jeju_golf_secti .golf_card .spot {
	display: flex;
	justify-content: flex-start;
  }
  .jeju_golf_secti .golf_card .spot p {
	color: #A5ABB5;
	font-size: 14px;
  }
  .jeju_golf_secti .golf_card .spot img {
	width: 16px;
	margin-right: 5px;
  }
  .jeju_golf_secti .golf_card .golf_price {
	text-align: right;
	font-size: 16px;
	font-weight: 600;
  }
  .jeju_golf_secti .cont_header i {
	color: #4CAF50BB;
	font-size: 1.05rem;
	margin-right: 6px;
	transform: translateY(-1px);
  }
  .jeju_golf_secti .calender {
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
	z-index: 100000000;
	transition: all 0.4s ease-in-out;
  }
  .jeju_golf_secti .date_box {
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
  }
  .jeju_golf_secti #horizonCal {
	display: flex;
  }
  .jeju_golf_secti #horizonCal .cal_box {
	overflow: auto;
	white-space: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
  }
  .jeju_golf_secti #horizonCal .cal_box::-webkit-scrollbar {
	display: none;
  }
  .jeju_golf_secti #horizonCal .date_box {
	display: inline-block;
	padding: 10px 0;
	width: calc((100vw - 50px) / 7);
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 2px solid #eee;
  }
  .jeju_golf_secti #horizonCal .date_box:hover {
	background: #f0f0f0;
  }
  .jeju_golf_secti #horizonCal .date_box.sunday {
	color: red;
  }


.jeju_golf_secti #horizonCal .clickable {
	display: inline-block;
	padding: 10px 0;
	width: calc((100% - 50px) / 7);
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
  }

  .jeju_golf_secti .clickable.selected {
    border: 2px solid #ff5b59 !important;
    color: #ff5b59;
    border-radius: 10px;
	}
	
	.jeju_golf_secti #horizonCal .clickable:hover {
	border: 2px solid #ff5b59 !important;
    color: #ff5b59;
    border-radius: 10px;
  }

 .jeju_golf_secti #horizonCal .sunday span{
	color: #f73737;
  }
 .jeju_golf_secti #horizonCal .satday span{
	color: #0072ff;
  }
   .jeju_golf_secti #horizonCal .clickable span {
   display: block;
    padding: 12px;
    text-align: center;
    vertical-align: top;
    height: 18px;
}
 .jeju_golf_secti #horizonCal .clickable .days {
    position: relative;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 300;
}
 .jeju_golf_secti #horizonCal .clickable .date {
    margin-top: 5px;
    padding: 7px 0;
    font-size: 24px;
    word-spacing: -4px;
}
 .jeju_golf_secti #horizonCal .clickable .leftover {
    margin-top: 5px;
    padding: 7px 0;
    font-size: 15px;
    word-spacing: -4px;
}

  .jeju_golf_secti .arrow_box {
	width: 25px;
	display: flex;
	align-items: center;
	padding: 5px;
	cursor: pointer;
  }
  .jeju_golf_secti .arrow_box i {
	color: #A7AFCD;
  }
  .jeju_golf_secti .arrow_box:hover {
	background: #f0f0f0;
  }
  .jeju_golf_secti .arrow_box.left {
	justify-content: flex-start;
	margin-left: 3px;
  }
  .jeju_golf_secti .arrow_box.right {
	justify-content: flex-end;
  }
  .jeju_golf_secti .cal_box {
	width: 100%;
  }
  .jeju_golf_secti .date_box.selected {
/*	border-bottom: 2px solid #4caf50 !important;*/
/*	color: #4caf50;*/
  }
  .jeju_golf_secti .preview_select_wrap {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: 100vw;
	padding: 10px;
	background-color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
	position: fixed;
	bottom: 0;
	z-index: 10000;
  }
  .jeju_golf_secti .preview_select_wrap .jg_total_amount {
	text-align: right;
	font-weight: 700;
	padding: 10px 20px;
	border-top: 1px solid #E5E9F4;
  }
  .jeju_golf_secti .preview_select_wrap .jg_total_amount p {
	font-size: 16px;
  }
  .jeju_golf_secti .preview_select_wrap .title_preview {
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .preview_select_wrap .title_preview img {
	width: 18px;
	transform: rotate(180deg);
  }
  .jeju_golf_secti .preview_select_wrap .title_preview h3 {
	font-size: 14px;
	color: #A5ABB5;
  }
  .jeju_golf_secti .preview_select_wrap > p {
	transition: all 0.2s ease-in-out;
	color: #A5ABB5;
	font-size: 14px;
	padding-bottom: 10px;
  }
  .jeju_golf_secti .preview_select_wrap ul {
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .preview_select_wrap ul li {
	padding: 10px 0;
	border-top: 1px solid #E5E9F4;
	display: flex;
	justify-content: space-between;
	align-items: top;
  }
  .jeju_golf_secti .preview_select_wrap ul li > div {
	width: calc(100% - 35px);
  }
  .jeju_golf_secti .preview_select_wrap ul li > div > div {
	display: flex;
	justify-content: space-between;
  }
  .jeju_golf_secti .preview_select_wrap ul li img {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .preview_select_wrap ul li img:hover {
	cursor: pointer;
	border: 1px solid #A5ABB5;
  }
  .jeju_golf_secti .preview_select_wrap ul li .gt {
	font-size: 16px;
	font-weight: 700;
  }
  .jeju_golf_secti .preview_select_wrap ul li .gt span {
	font-size: 14px;
	color: #ff9231;
	font-weight: 5p00;
  }
  .jeju_golf_secti .preview_select_wrap ul li .price_box {
	font-size: 16px;
	font-weight: 700;
  }
  .jeju_golf_secti .preview_select_wrap ul li > p {
	font-size: 14px;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed {
	height: 69px;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed .title_preview {
	padding-bottom: 0;
	width: 100%;
	text-align: center;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed .title_preview img {
	width: 18px;
	transform: rotate(360deg);
  }
  .jeju_golf_secti .preview_select_wrap.select_closed .title_preview h3 {
	font-size: 14px;
	color: #A5ABB5;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed > p,
.jeju_golf_secti .preview_select_wrap.select_closed .gopay,
.jeju_golf_secti .preview_select_wrap.select_closed ul, .jeju_golf_secti .preview_select_wrap.select_closed .jg_total_amount {
	transition: all 0.2s ease-in-out;
	height: 0;
	overflow: hidden;
	opacity: 0;
  }
  .jeju_golf_secti .preview_select_wrap.select_closed ul .view {
	transition: all 0.2s ease-in-out;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
  }
  .jeju_golf_secti .gopay {
	transition: all 0.2s ease-in-out;
  }
  .jeju_golf_secti .gopay .semi {
	color: #A5ABB5;
	font-size: 14px;
	margin-bottom: 2px;
  }
  .jeju_golf_secti .gopay .btn {
	color: #fcfcfc;
	text-align: center;
	background-color: #ff9231;
	border-radius: 10px;
	padding: 10px 0;
	font-size: 16px;
	display: block;
  }
  .schedule_filter_wrap {
	justify-content: space-between;
    align-items: center;
    margin: 20px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #E5E9F4;
	}
.schedule_filter_wrap .month-schedule {
    padding: 0px;
    width: 100%;
}
.month-schedule {
	width: 100%;
    margin: 0 auto;
    background-color: transparent;
    z-index: 100000000;
    transition: all 0.4s ease-in-out;
	}

  .month-schedule .date-scroll {
    overflow: hidden;
    width: 100%;
/*    overflow-x: auto;*/
    white-space: nowrap;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
/*  .month-schedule .date-scroll::-webkit-scrollbar {*/
/*  width: 1px;*/
/*  height:2px;*/
/*}*/
/* */
/*  .month-schedule .date-scroll::-webkit-scrollbar-track {*/
/*  background: #eeeeee;*/
/*}*/
/* */
/*  .month-schedule .date-scroll::-webkit-scrollbar-thumb {*/
/*  background: #fe9e31;*/
/*}*/

  .month-schedule .date-scroll .date-box {
    width:23.5%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #f1f1f1;
    border-radius: 10px;
    margin-right: 2%;
    display: inline-block;
	cursor:pointer;
}
.month-schedule .date-scroll .active-box {
    background: #fe9e31;
    color: #fff;
}
	.menu_tab {
	width: 100%;
	margin: 10px auto;
	border: 1px #e4e4e4 solid;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgb(0 0 0 / 15%);
	z-index: 99999;
	overflow: hidden;
	padding: 20px 10px;
}
.menu_scroll {
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
}
   .menu_tab .t_menu_01 {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width:800px;
	  }
   .menu_tab .t_menu_01 li {
   width: calc(100%/5);
	text-align: center;
	line-height: 40px;
   }
   .menu_tab .menu-tit {
   font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
   }
   .menu-table {width:800px;}
   .menu-table .li-th {
	height: 45px;
	padding: 0 20px;
	border-bottom: 1px solid #ddd;
	background: #f7f7f7;
	color: #222;
	vertical-align: middle;
	text-align: left;
	width: 15%;
	font-size: 14px;
}
   .menu-table tr:nth-child(1) {
	border-top: 2px solid #444444;
}
   .menu-table .li-td {
   width:85%;
   font-size:14px;
   border-bottom: 1px solid #ddd;
   }
   .menu-table .li-td ul li{
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 12px 0 11px;
	box-sizing: border-box;
   cursor:pointer;
   }
   .menu_tab li.on a{
   color:#f08c36;
   }


.BoxAdd-1 {overflow:hidden;}

.BoxAdd-1 li {
    float: left;
    border: 1px #e4e4e4 solid;
    text-align: center;
    width:calc(97%/4);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	margin-right:1%;
}
.BoxAdd-1 li:nth-child(4) {margin-right:0;}

.jeju_golf_secti .Custom-List {
    width: 100vw;
    padding: 0 calc(50vw - 400px);
    background-color: transparent;
    z-index: 99998;
    transition: all 0.4s ease-in-out;
    padding-top: 20px;
    padding-bottom: 20px;
	overflow: hidden;
}
.jeju_golf_secti .Custom-List .filter-tab {
    float: left;
    width: 20%;
}
.jeju_golf_secti .Custom-List .filter-tab span{
    padding: 0 13px;
    cursor: pointer;
}
.jeju_golf_secti .Custom-List .on {
    color: #fc8c36;
}
.jeju_golf_secti .Custom-List .city-list {
    float: left;
    width: 80%;
}
.jeju_golf_secti .Custom-List .city-list span{
    padding: 0 13px;
    cursor: pointer;
}
.prd_basic {width: 100vw;
    padding: 0 calc(50vw - 400px);
    background-color: transparent;
    z-index: 99998;
    transition: all 0.4s ease-in-out;
    padding-top: 20px;
    padding-bottom: 20px;
	}
.prd_basic .golf-list-item{overflow:hidden;margin-top: 10px;}
.prd_basic .golf-list-item .list-item01 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-top: 1px #e5e9f4 solid;
    border-bottom: 1px #e5e9f4 solid;
}
.prd_basic .golf-list-item .info-form .thumbnail {
    float: left;
    width: 200px;
    height: 174px;
    background: #ffffff;
    position: relative;
}
.prd_basic .golf-list-item .info-form .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prd_basic .golf-list-item .info-form .text-box {
    float: left;
    height: 174px;
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: calc(100% - 365px);
}
.prd_basic .golf-list-item .info-form .text-box p.tit-p {
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 5px;
    clear: both;
}
.prd_basic .golf-list-item .info-form .text-box p.add-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .text-box p.in-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .text-box p.num-p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .info-form .reservation-box {
    width: 165px;
    float: right;
    height: 174px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
    padding-right: 20px;
}
.prd_basic .golf-list-item .info-form .reservation-box p.total-price {
    font-size: 20px;
    margin-top: 10px;
}
.prd_basic .golf-list-item .info-form .reservation-box p.home-link {
    background: #38c1c6;
    color: #ffffff;
    border-radius: 5px;
    padding: 8px 8px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.prd_basic .golf-list-item .list-item01 .time-form {
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    float: left;
    border-top: 1px #dddddd solid;
    padding-top: 10px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li {
    float: left;
    border: 1px #dddddd solid;
    width: calc(93%/5);
    margin-right: 10px;
    cursor: pointer;
    padding-top: 10px;
    border-radius: 5px;
    height: 90px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li p {
    margin-bottom: 0px;
    padding-left: 10px;
}

.prd_basic .golf-list-item .list-item01 .time-form ul li p.t1 {
    font-size: 16px;
    color: #38c1c6;
    line-height: 1;
}
.prd_basic .golf-list-item .list-item01 .time-form ul li p.anpo {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #e10101;
}

.prd_basic .golf-list-item .list-item02 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-top: 1px #e5e9f4 solid;
    border-bottom: 1px #e5e9f4 solid;
}
.prd_basic .golf-list-item .list-item02 {
    padding-top: 10px;
}
.prd_basic .golf-list-item .list-item02 .thumbnail {
    float: left;
    width: 200px;
    height: 174px;
    background: #ffffff;
    position: relative;
}
.prd_basic .golf-list-item .list-item02 .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prd_basic .golf-list-item .list-item02 .text-box {
    float: left;
    height: 174px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: calc(100% - 345px);
}
.prd_basic .golf-list-item .list-item02 .text-box .date-t{
    font-size:18px;
}
.prd_basic .golf-list-item .list-item02 .text-box .tit-t{
    font-size:18px;
}
.prd_basic .golf-list-item .list-item02 .text-box .option-t1{
    color: #636363;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.prd_basic .golf-list-item .list-item02 .text-box .option-t2{
    color: #636363;
    font-size: 14px;
    font-weight: 500;
}
.prd_basic .golf-list-item .list-item02 .text-box .anpo {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    color: #e10101;
}
.prd_basic .golf-list-item .list-item02 .pricecart {
	float:right;
	text-align:center;
	padding-top: 20px;
	}
.prd_basic .golf-list-item .list-item02 .pricecart .txt1{
	font-size: 18px;
	}
.prd_basic .golf-list-item .list-item02 .pricecart .price {
    font-size: 22px;
    margin-bottom: 10px;
}
.prd_basic .golf-list-item .list-item02 .pricecart .confirm_btn{
/*    background: #38c1c6;*/
    background: #24aae1;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
}







.product_body #pack_new_list li {
	width: 100%;
	background: #ffffff;
	padding: 5px;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
	padding-left: 10px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:15px;
}
.product_body #pack_new_list li .item-1 {
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
}
.product_body #pack_new_list li .item-1 p {
	float: left;
	font-size: 14px;
	margin-right: 15px;
}
.product_body #pack_new_list li .item-1 p:last-child {
	float:right;
	font-size:20px;
	line-height: 1;
	}
.product_body #pack_new_list li .item-2 {
	width: 100%;
}
.product_body #pack_new_list li .item-2 p {
	width: 100%;
	font-size: 14px;
}
.product_body #pack_new_list .btn01 {
	width: 144px;
	height: 50px;
	background: #ff9231;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	border: none;
	color: #ffffff;
	cursor: pointer;
	position: absolute;
	right: 10px;
	bottom: 10px;
	border-radius: 3px;
}
		.product_body #product_list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.product_body #product_list .product_item {
	width: calc(98% / 2);
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
	margin-bottom: 15px;
	margin-right: 2%;
	transition: all 0.2s ease-in-out;
}
.product_body #product_list .product_item:nth-child(2n-2){
   margin-right:0px;
}
.product_body #product_list .product_item .thumbnail {
	width: 100%;
	height: calc(800px / 4);
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
}
.product_body #product_list .product_item .info{
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}
.product_body #product_list .product_item .product_title{
	font-size:18px;
	font-weight:700;
	color:#333333;
}
.product_body #product_list .product_item .product_t1 {
	height: 27px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 1;
}
.product_body #product_list .product_item .product_price{
	font-size: 22px;
	color: #ff9231;
	font-weight: 700;
}
.product_body #product_list .product_item .product_date {
	font-size: 14px;
	color: #909090;
	font-weight: 500;
	line-height: 1;
}
.product_body #product_list .product_item .cart_img {
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
}

/*06-10 추가*/
.trip-menu-item {
	overflow:hidden;
	margin-top:40px;
	margin-bottom:20px;
	}
.trip-menu-item ul li {
	float: left;
	width: calc(100%/6);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor:pointer;
}
.trip-menu-item ul li .img-item {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}
.trip-menu-item ul li .img-item img {
	width: 100%;
	height: 100%;
	-webkit-transition: transform .3s ease-out;
	-moz-transition: transform .3s ease-out;
	-ms-transition: transform .3s ease-out;
	-o-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
}
.trip-menu-item ul li:hover img  {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.trip-menu-item ul li p {margin-top:5px;}


#reserv-layer {
	position: fixed;
	top: 0%;
	left: 0%;
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	z-index: 99999;
}
.reserv-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	border-top: 1px solid #ddd;
	width: 100%;
	padding: 50px;
	z-index: 99999;
	position: relative;
	height: 100%;
}
.reserv-layer .personnel_count {
	padding: 15px;
}
.reserv-layer .personnel_count .pord_count_item {
	display: table;
	width: 100%;
	margin: 0;
	border-top: 1px solid #ddd;
}
.reserv-layer .personnel_count .pord_count_item:first-child {
	border-top: 0;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price {
	width: 58%;
	padding: 15px 0;
	vertical-align: top;
	box-sizing: border-box;
	float: left;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price .t1 {
	color: #222;
	font-size: 16px;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_price .txt_price {
	line-height: 1;
	font-size: 17px;
	color: #ff5c46;
	/* margin-top: 2px; */
	text-align: right;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn {
	padding: 15px 0 15px 10px;
	vertical-align: top;
	box-sizing: border-box;
	width: 42%;
	float: right;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 2px;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .ico_typ {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: #555;
	border:none;
	outline:none;
	cursor: pointer;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .btn_minus {
	background-image: url(../images/minus-img.png);
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .btn_plus {
	left: auto;
	right: 0;
	background-image: url(../images/plus-img.png);
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.reserv-layer .personnel_count .pord_count_item .pord_count_btn .count_btn_area .inp_num {
	padding: 10px;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 15px;
	color: #555;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}
.reserv-layer .sum_count {
	overflow: hidden;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 15px;
	padding-right: 15px;
	background: #f3f3f3;
}
.reserv-layer .sum_count p {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height:60px;
}
.reserv-layer .sum_count .sum_count_p1{
	float:left;
	}
.reserv-layer .sum_count .sum_count_p2 {
	float: right;
	color: #ff5c46;
	font-size: 22px;
	font-weight: 700;
}
.reserv-layer .btn_item {
	padding: 15px;
	margin: 0;
	padding-left:0px;
	padding-right:0px;
}
.reserv-layer .btn_item .btn_calendar {
	display: inline-block;
	width: 48%;
	height: 50px;
	line-height: 50px;
	background: #5d5d5d;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: -0.05em;
	float:left;
	outline: none;
	border: none;
	cursor:pointer;
}
.reserv-layer .btn_item .btn_complete {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #ff9231;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: -0.05em;
	float: right;
	outline: none;
	border: none;
	cursor:pointer;
}
.reserv-layer .layer-close {
	position: absolute;
	top: -26px;
	right: 0;
	width: 108px;
	height: 26px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0;
	text-align: center;
	border-right: 0px;
}

.reserv-layer {overflow:hidden;}
.reserv-layer .th{
	line-height: 21px;
	font-size: 15px;
	font-weight: bold;
	color: #222;
	}

.reserv-layer .calneder_box{
	position:relative;
	}
.reserv-layer .calneder_box .calneder_top {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reserv-layer .calneder_box .calneder_top .left_btn {
	position: absolute;
	top: 15px;
	left: 0px;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_top .right_btn {
	position: absolute;
	top: 15px;
	right: 0px;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_top span img{width:12px;}
.reserv-layer .calneder_box .calneder_top .select_calendar_month {
	margin: auto;
	padding-right: 10px;
	border: none;
	letter-spacing: 0;
	font-size: 21px;
	color: #222;
	background: #ffffff;
}
.reserv-layer .calneder_box .calneder_body .calnder_table {width: 100%;} 

.reserv-layer .calneder_box .calneder_body .calnder_table tr th {
	font-size: 14px;
	color: #023167;
	height: 4.5em;
	width: 14%;
}
.reserv-layer .calneder_box .calneder_body .calnder_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: .2em;
	cursor: pointer;
}
.reserv-layer .calneder_box .calneder_body .calnder_table tr td span {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reserv-close {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 28px;
	cursor:pointer;
	}

/*06-10 추가 끝*/
.section02 .div01 {
		width: 100%;
	/*    height: 380px;*/
		border: 8px #eeeeee solid;
		padding-top: 75px;
	}

	.section02 .div01 img {
		padding-bottom: 10px;
		width:100%;
	}

	.section02 .div01 .title01 {
		font-size: 28px;
		color: #333333;
		font-weight: 400;
		text-align: Center;
		line-height: 1;
	}
	.section02 .div01 .bar {
		margin:25px auto 25px;
		width:232px;
		height:6px;
		background:#023167;
	}
	.section02 .div01 .text01 {
		font-size: 18px;
		color: #333333;
		font-weight: 400;
		text-align: Center;
	}

	.section02 .div01 .text01 img {
		width: 100%;
	}

	.itinerary-section .include-parts-wrap-check{
		margin-top: 15px;
	}

	.travel-plans{
		width: 100%;
		margin: 0 auto;
	}

	.travel-plans .itinerary-text img{
		width: 100%;
	}

	.itinerary-section{
		width: 100%;
		margin: 0 auto;

		margin-top: 100px;

		position: relative;
	}

	.itinerary-section-forwarg{
		padding-bottom: 100px;
		border-bottom: 1px dotted #ccc;
	}

	.itinerary-section .point{
		position: absolute;
		top: -16px;
		left: -20px;
	}
	.travel-plans{
		margin-top: 30px;
	}

	.travel-plans .travel-plans-box{
		width: 100%;
		border-radius: 10px;

		margin-bottom: 15px;

		box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);

		display: flex;
		justify-content: start;
	}

	.day-travel{
		margin: 25px 25px;
		width: 100%;
	}

	.day-travel .travelcourse-title{
		width: 100%;
		color: #ff9231;
		font-size: 18px;
		font-weight: 700;

		padding: 5px 0 10px 0;
	}

	.travelcourse{
		width: 100%;
		/* padding-top: 30px; */
		border-top: 1px solid #ccc;
	}

	.travelcourse li{
		display: flex;
		justify-content: start;
		margin: 15px 0;

		color: #454444;
		position: relative;
	}

	.travelcourse li .course-point{
		width: 24px;
		margin-right: 10px;
		height: 24px;
	}

	.travelcourse li .course-name{
		transform: translateY(-2px);
	}

	.travelcourse li .clock{
		width: 60px;
		font-size: 15px;

		font-weight: bold;
	}
	day-mark{
		margin: 25px;
		width: 0;
		display: none;
	}

	.day-mark p{
		display:none;
		padding: 5px 25px;
		border-radius: 100px;

		border: 1px solid #ff9231;
		color: #ff9231;

		font-size: 18px;

		text-transform: capitalize;
	}

	.cuorse-dot{
		width: 7px;
		height: 7px;
		border-radius: 100%;

		background-color: #ff9231;
		margin: 8px;
	}

	.shopping-section{
		padding-top: 100px;
	}

	.course-line{
		position: absolute;
		height: calc(100% + 16px);
		width: 1px;
		border-right: 1px solid #cccccc;

		top: 12px;
		left: 11px;
		transform: translateX(50%);

		z-index: -1;
	}

	.course-point .course-line-last{
		border-right: none;
	}
	.plan_plus_check{
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px dotted #ccc;
		font-size: 15px;
	}

	.hotel_name_plan{
		display: flex;
		justify-content: start;
		margin-bottom: 10px;
	}

.view_thumbnail {text-align:center;}
.view_thumbnail img{width:100%;}

.view_secition01 {overflow:hidden;}
.view_secition01 .list {
	overflow: hidden;
	margin-bottom: 20px;
}
.view_secition01 .list .product01 {
	width: 100%;
	background: #ffffff;
	border: 1px #d6d9da solid;
	position: relative;
	overflow: hidden;
}
.view_secition01 .list .product01 .thumbnail {
	width: 100%;
	height: 240px;
	background: #ffffff;
	position: relative;
}
.view_secition01 .list .product01 .thumbnail .title {
	height: 55px;
	padding-left: 20px;
	padding-right: 20px;
	background: rgba(0,0,0,0.2);
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 55px;
	font-size: 20px;
	z-index: 999;
}
.view_secition01 .list .product01 .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.view_secition01 .list .product01 .product_form {
	width: 100%;
	position:relative;
}
.view_secition01 .list .product01 .product_form .info01 {
	padding-left: 10px;
	width: 100%;
	padding-right: 10px;
	overflow: hidden;
}
.view_secition01 .list .product01 .product_form .info01 .title {
	display: -webkit-box;
	margin: 15px 0 4px;
	line-height: 23px;
	font-size: 16px;
	color: #333333;
	font-weight: 700;
}
.view_secition01 .list .product01 .product_form .info01 .text-1 {
	overflow: hidden;
	font-size: 14px;
}
.view_secition01 .list .product01 .product_form .info01 .title img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}
.view_secition01 .list .product01 .product_form .info01 .text_box {
	overflow: hidden;
	padding-top: 0px;
}
.view_secition01 .list .product01 .product_form .info01 .text_box ul li {
	font-size: 15px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 3px;
	background: url(../images/bullet.png)no-repeat;
	background-size: 10px 10px;
	padding-left: 16px;
	background-position: 0px 6px;
	word-break: keep-all;
}
.view_secition01 .list .product01 .product_form .info01 .text_box .open_tab {
	width: 100%;
	height: 40px;
	color: #ff9231;
	border: 1px #ff9231 solid;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	font-size: 12px;
}
.view_secition01 .list .product01 .product_form .info01 .text_box .open_tab .arrow2 {
	margin-left: 10px;
}
.view_secition01 .list .product01 .check_time {
	padding-top: 12px;
	padding-right: 10px;
	float: right;
}
.view_secition01 .list .product01 .check_time p {
	float: left;
	color: #f06c5e;
	font-size: 16px;
}
.view_secition01 .list .product01 .check_time p:nth-child(1) {
	margin-right: 20px;
}
.view_secition01 .list .product01 .total {
   overflow: hidden;
	width: 100%;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.view_secition01 .list .product01 .total .sum {
	padding-right: 5px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	color: #2b2b2b;
	text-align: right;
	margin-bottom: 10px;
}
.view_secition01 .list .product01 .total .sum span {
	font-size: 18px;
	color: #656565;
	font-weight: 300;
}
.view_secition01 .list .product01 .total .btn01 {
   width: 100%;
	height: 40px;
	background: #ff9231;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	border: none;
	color: #ffffff;
	cursor: pointer;
	padding: 0px;
}
.view_secition01 .tab01 {
	width: 100%;
	background: #ffffff;
	border: 1px #d6d9da solid;
	overflow: hidden;
	border-top: none;
	padding-bottom: 50px;
}
.view_secition01 .tab01 .left {
	width: 100%;
}

.view_secition01 .tab01 .info01 {
	padding-left: 20px;
	padding-top: 20px;
	width: 100%;
	padding-right: 20px;
}
.view_secition01 .tab01 .info01 .title img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}
.view_secition01 .tab01 .info01 .title {
	font-size: 16px;
	color: #333333;
	font-weight: 700;
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 10px;
}
.view_secition01 .tab01 .right {
	width: 100%;
}
.view_secition01 .tab01 .info01 .text_box {
	overflow: hidden;
	padding-top: 20px;
}
.view_secition01 .tab01 .info01 .text_box ul li {
	font-size: 15px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 3px;
	background: url(../images/bullet.png)no-repeat;
	background-size: 10px 10px;
	padding-left: 16px;
	background-position: 0px 6px;
	word-break: keep-all;
}
.view_secition01 .images_view_btn {
	width: 204px;
	height: 48px;
	background: #023167;
	text-align: center;
	line-height: 48px;
	color: #ffffff;
	font-size: 16px;
	margin-left: 30px;
	margin-top: 50px;
	border-radius: 5px;
	cursor: pointer;
}
.view_secition01 .images_view_btn img {
	margin-right: 10px;
}
.view_popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 999999;
}
.view_popup .popup_close {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 30px;
	z-index: 99;
	cursor: pointer;
}
.view_popup .swiper-slide > img {
	max-width: 100% !important;
	height: auto !important;
	width: fit-content;
}



/*2021-03-05*/
#product_calendar {
	width: 100%;
	height: 100vh;
	position: fixed;
	background-color: rgba(0,0,0,0.3);
	top: 0px;
	z-index: 9999;
}
#product_calendar  .calendar_box {
	width: 550px;
	background: #ffffff;
	border-radius: 5px;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	padding-bottom: 50px;
}
#product_calendar .calendar_inner {
	position: relative;
}
#product_calendar .calendar_box .title {
	font-weight: 600;
	line-height: 1.5;
	color: #24334A;
	text-align: center;
	margin-top: 40px;
}
#product_calendar .calendar_box .s_title {
	font-weight: 600;
	line-height: 1.5;
	color: #333333;
	font-size: 20px;
	text-align: center;
	margin-top: 40px;
}
#product_calendar .calandar_close {
	position: absolute;
	top: -25px;
	right: 10px;
	width: 35px;
	cursor: pointer;
}
#product_calendar .left_btn {
	position: absolute;
	top: 62px;
	left: 20px;
	cursor: pointer;
	box-shadow: 0px 0px 5px #969696;
	border-radius: 50%;
}
#product_calendar .right_btn {
	position: absolute;
	top: 62px;
	right: 20px;
	cursor: pointer;
	box-shadow: 0px 0px 5px #969696;
	border-radius: 50%;
}
#product_calendar .calnder_table {
	width: 95%;
	border-collapse: collapse;
	margin: 0 auto;
}
#product_calendar .calnder_table tr th {
	font-size: 14px;
	color: #023167;
	height: 4.5em;
	width: 14%;
}
#product_calendar .calnder_table tr td {
	font-size: 14px;
	color: #333333;
	text-align: center;
	height: 4.5em;
	padding: .2em;
	cursor: pointer;
}
#product_calendar .calnder_table tr td span:hover {
	background: #ff9231 !important;
	color: #ffffff !important;
}
#product_calendar .calnder_table .calCell {
	border: 1px solid #dcdcdc;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#reservation_form {
	border: 8px #eeeeee solid;
	padding: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 95vw;
	margin:0 auto;
	}
#reservation_form .images_box {
	width: 100%;
	height: 285px;
}
#reservation_form .images_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#reservation_form .title {
	margin-top: 10px;
	font-size: 18px;
	color: #333333;
	word-break: keep-all;
	font-weight: 700;
	padding-left: 10px;
}
#reservation_form .location {
	margin-top: 5px;
	font-size: 16px;
	color: #484848;
	word-break: keep-all;
	padding-left: 10px;
	background: url(../images/icon03.png)no-repeat;
	background-position: 10px 5px;
	padding-left: 40px;
	border-bottom: 1px #e4e4e4 solid;
	height: 40px;
}
#reservation_form  .date {
	font-size: 18px;
	color: #232323;
	word-break: keep-all;
	padding-left: 10px;
	background: url(../images/icon04.png)no-repeat;
	background-position: 10px 20px;
	padding-left: 40px;
	border-bottom: 1px #e4e4e4 solid;
	height: 58px;
	line-height: 58px;
	font-weight: 500;
	padding-right: 10px;
}
#reservation_form  .f_r {
	float:right;
}
#reservation_form .room_info {
	font-size: 18px;
	color: #232323;
	word-break: keep-all;
	padding-left: 10px;
	border-bottom: 1px #e4e4e4 solid;
/*	height: 58px;*/
	height: 100%;
	font-weight: 500;
	padding-right: 10px;
	position: relative;
}
#reservation_form .room_info .text01 {
	float: left;
	font-size: 18px;
	color: #232323;
	font-weight: 500;
}
#reservation_form .room_info .text02 {
	float: right;
	text-align: right;
	line-height: 1;
	margin-top: 9px;
}
#reservation_form .room_info .text02 .span01 {
	font-size: 20px;
	color: #333333;
	font-weight: 700;
}
#reservation_form .total_sum {
	color: #232323;
	word-break: keep-all;
	padding-left: 10px;
	height: 58px;
	line-height: 58px;
	font-weight: 500;
	padding-right: 10px;
	position: relative;
}
#reservation_form  .total_sum .text01 {
	float: left;
	font-size: 18px;
	color: #232323;
	font-weight: 500;
}
#reservation_form .total_sum .text02 {
	float: right;
	font-size: 20px;
	color: #333333;
	font-weight: 700;
}

#reservation_form .explanation {padding-left:10px;}

#reservation_form .input_box {
	width: 100%;
	min-height: 53px;
	border: 2px #eeeeee solid;
	margin-bottom: 10px;
	overflow: hidden;
	display:flex;
}
#reservation_form .input_box .t1 {
	float: left;
	line-height: 53px;
	padding-left: 20px;
	font-size: 16px;
	margin-right: 20px;
	width: 140px;
}
#reservation_form .input_box .t1:after {
	content: "";
	width: 1px;
	background: 20px;
	background: #d4d4d4;
	height: 30px;
	float: right;
	margin-top: 10px;
	margin-left: 30px;
}
#reservation_form .input_box .select01 {
	width: 300px;
	height: 53px;
	border: none;
	padding-left: 20px;
	font-size: 16px;
	outline: none;
	background: -webkit-linear-gradient(transparent, transparent);
	-webkit-appearance: none;
	background: url(../images/arrow4.png)no-repeat;
	background-position: 95% 50%;
	background-size: 12px 7px;
	font-family: 'Noto Sans KR', sans-serif !important;
}
#reservation_form .input_box .input01 {
	float: left;
	width: 300px;
	height: 30px;
	border: none;
	background: #f6f6f6;
	margin-top: 10px;
	padding-left: 20px;
}
#reservation_form .input_box .span01 {
	font-size: 13px;
	line-height: 53px;
	color: #ff0000;
	margin-left: 7px;
}
.box800 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 95vw;
	margin: 0 auto;
	}
#reservation_terms .terms {
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
	padding-left:15px;
}
#reservation_terms .terms .terms_check {
	appearance: auto !important;
	margin-right: 3px;
	margin-bottom: 5px;
}
.mt10 {
	margin-top: 10px !important;
}

.reservation_btn {
	width: 95vw;
	margin: 0 auto 20px;
	overflow: hidden;
}
.reservation_btn .btn01{
	width: 100%;
	height: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 50px;
	font-weight: 500;
	float: left;
	border: none;
	cursor: pointer;
	background: #ff9231;
	}


.s_page {width:95vw;margin: 0 auto;padding-top:50px;}
.s_page .s_page_t1{
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	}
.s_page01 .content01 .text01 {
	font-size: 22px;
	font-weight: 600;
}
.s_page01 .content01 .text02 {
	font-size: 17px;
	font-weight: 400;
}
.s_page01 .content02 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.s_page01 .content02 input{
	width:calc(100%/3);
}
.s_page01 .content02 .button {
	height: 33px;
	width:calc(100%/3);
	border-radius: 5px 5px 5px 5px;
	background-color: #ff9231;
	color: #ffffff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mr10 {margin-right:10px;}

.s_page01 .content_item {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}
.s_page01 .content_item .item_top {
	height: 70px;
	width: 100%;
	border-top: 2px solid #696969;
	border-bottom: 1px solid #696969;
	line-height: 70px;
	font-size: 18px;
}
.s_page01 .content_item .item_top p {
	float: left;
	text-align: center;
	font-weight: 600;
	line-height:70px;
}
.s_page01 .content_item .item_top p:nth-child(1) {
	width: 50%;
}
.s_page01 .content_item .item_top p:nth-child(2) {
	width: 20%;
}
.s_page01 .content_item .item_top p:nth-child(3) {
	width: 30%;
}
.content_item .scroll {
	width: 100%;
	overflow: hidden;
}
.s_page01 .content_item > div {
	float: left;
}
.s_page01 .content_item .item_left {
	width: 50%;
	height: 178px;
	padding: 20px 20px;
	overflow: hidden;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_left img {
	display: none;
}
.s_page01 .content_item .item_left .text_box {
	float: left;
	padding: 20px 0px 20px 0px;
}
.s_page01 .content_item .item_left .text_box p{
	font-size:14px;
	}
.s_page01 .content_item .item_center {
	width: 20%;
	height: 178px;
	float: left;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	color: #696969;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_right {
	width: 30%;
	height: 178px;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_page01 .content_item .item_right .button {
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	line-height: 30px;
	width: 100px;
	height: 30px;
	margin: 0 auto;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	cursor: pointer;
	font-weight:400;
}
.s_page01 .content_item .item_right .button p {line-height:30px;}

.s_page01 .content_item .item_bottom {
	width: 100%;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px 0px 20px;
	overflow: hidden;
}
.s_page01 .content_item .item_bottom .text01 {
	float: left;
	font-size: 16px;
	line-height: 50px;
}
.s_page01 .content_item .item_bottom .text01 span {
	color: #e14530;
}
.s_page01 .content_item .item_bottom .text02 {
	float: right;
	font-size: 18px;
	line-height: 50px;
}
.s_page01 .content_item .item_bottom .text02 span {
	color: #ff9231;
	font-size: 22px;
}
.category_rayer {
	display: flex;
	flex-flow: column nowrap;
	align-content: flex-start;
	margin: 0px auto;
	max-width: 800px;
	width: 100%;
	min-height: 1px;
	z-index: 9999999;
	padding-top: 72px;
}
	.category_rayer .category_rayer_in{
	}
	.category_rayer .item-1 {
	width: calc(98%/2);
	margin-right: 2%;
	min-height: 1px;
	padding-top:25px;
	background: #ffffff;
	float: left;
}
	.category_rayer .item-1 ul li{
	width: calc(50% - 2.5px);
	margin-bottom: 5px;
	display: inline-block;
	padding: 15px 20px;
	border-radius: 5px;
	color: rgb(51, 51, 51);
	letter-spacing: -0.42px;
	line-height: 20px;
	background-color: rgb(255 239 225);
	cursor:pointer;
}
	.category_rayer .item-1 .locality_t{
	color: rgb(51, 51, 51);
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: -0.6px;
}
	.category_rayer .item-1:nth-child(2n-2) {margin-right:0;}

}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .modal_box_layer {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: #fcfcfc;
	z-index: 100000 !important;
	top: 0;
	left: 0;
	padding: 2.5vw;
  }
  .modal_box_layer h2 {
	font-size: 21px;
	text-align: center;
	margin-top: 20px;
	font-weight: 700;
  }
  .modal_box_layer ul {
	margin-top: 50px;
	padding: 20px;
  }
  .modal_box_layer ul li {
	padding: 10px 0;
  }
  .modal_box_layer ul li .gt {
	font-size: 16px;
	font-weight: 700;
  }
  .modal_box_layer ul li .gt span {
	font-size: 14px;
	font-weight: 5p00;
  }
  .modal_box_layer ul li .price {
	font-size: 16px;
	font-weight: 700;
	color: #ff9231;
  }
  .modal_box_layer ul li > div {
	display: flex;
	justify-content: space-between;
  }
  .modal_box_layer ul li > p {
	font-size: 14px;
  }
  .modal_box_layer input {
	width: calc(100% - 40px);
	margin: 5px 20px;
	height: 50px;
  }
  .modal_box_layer .check {
	width: calc(100% - 40px);
	margin: 20px;
	display: flex;
	justify-content: flex-start;
  }
  .modal_box_layer .check > div {
	margin-left: 10px;
  }
  .modal_box_layer .check p {
	color: #4F5D75;
	font-size: 14px;
  }
  .modal_box_layer #save_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background-color: #ff9231;
	width: 100%;
	padding: 15px 0;
	text-align: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .jeju_golf_time_layer {
	z-index: 100000 !important;
	padding: 2.5vw;
  }
  .jeju_golf_time_layer .modal_body {
	width: 95vw;
	margin: 0 2.5vw;
  }
  .jeju_golf_time_layer .modal_body ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 25px 0;
	overflow-y: scroll;
  }
  .jeju_golf_time_layer .modal_body ul li {
	height: 100px;
	padding: 12px 10px;
	border: 1px solid #E5E9F4;
	text-align: center;
	width: calc((100% - 15px) / 4);
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	border-radius: 10px;
  }
  .jeju_golf_time_layer .modal_body ul li:nth-child(4n) {
	margin-right: 0;
  }
  .jeju_golf_time_layer .modal_body ul li p {
	line-height: 1.5;
  }
  .jeju_golf_time_layer .modal_body ul li .price {
	color: #ff9231;
  }
  .jeju_golf_time_layer > div > p {
	color: #ff9231;
	font-size: 14px;
	text-align: center;
  }
  .jeju_golf_time_layer h2 {
	font-size: 21px;
	text-align: center;
	margin-top: 20px;
	font-weight: 700;
  }
  .jeju_golf_time_layer #save_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background-color: #ff9231;
	width: 100%;
	padding: 15px 0;
	text-align: center;
  }
  .jeju_golf_time_layer .title_view {
	width: 100vw;
	position: absolute;
	bottom: 55px;
	left: 0;
	background-color: #E5E9F4;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 20px 30px;
  }
  .jeju_golf_time_layer .title_view .gt {
	font-size: 14px;
	font-weight: 700;
  }
  .jeju_golf_time_layer .title_view .gt span {
	font-size: 14px;
	font-weight: 5p00;
  }
  .jeju_golf_time_layer .title_view .price {
	font-size: 16px;
	font-weight: 700;
	color: #ff9231;
  }
  .jeju_golf_time_layer .title_view > div {
	display: flex;
	justify-content: space-between;
  }
  .jeju_golf_time_layer .title_view > p {
	font-size: 14px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .go_s {
	width: 100%;
	background-color: #ff9231;
	color: white;
	font-size: 16px;
	padding: 16px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .company_for_view {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
  }
  .company_for_view > img {
	width: 30%;
  }
  .company_for_view .company_view {
	width: 60%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .recommend_wrap {
	width: 100%;
	padding: 0 1px;
	overflow-x: scroll;
	overflow-y: visible;
  }
  .recommend_wrap::-webkit-scrollbar {
	display: none;
  }
  .recommend_wrap .flex_between {
	width: 195%;
	padding-bottom: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .recommend_wrap {
	width: 100vw;
	margin-left: -2.5vw;
	padding: 0 2.5vw;
  }
  .recommend_wrap .flex_between {
	width: 190%;
  }

  .stay_leftcolumn {
	transition: all 0.2s ease-in-out;
	z-index: 310;
	width: 93vw !important;
	position: fixed;
	left: 50%;
	bottom: -100vh;
	transform: translate(-50%, 0);
  }

  .toastJumpUp {
	-webkit-animation-name: toastJumpUp;
			animation-name: toastJumpUp;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }

  .toastJumpDown {
	-webkit-animation-name: toastJumpDown;
			animation-name: toastJumpDown;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  #c_side_menu {
	width: 190px;
	margin: 57px 0px 20px 0px;
	height: 180px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  }
  #c_side_menu .c_title {
	font-weight: 600;
	padding: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
  }
  #c_side_menu ul li {
	color: #2D3142;
	margin-bottom: 20px;
	padding-left: 15px;
	transition: all 0.2s ease-in-out;
	display: flex;
	align-items: center;
  }
  #c_side_menu ul li:hover {
	cursor: pointer;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .support_visual {
	width: 100%;
	height: 250px;
	background: #F6F7FC;
	background-size: 100% 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .support_visual .a_title {
	font-size: 55px;
	color: #fff;
	font-weight: bold;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .page-title-text {
	font-size: 19px;
	font-weight: 500;
	color: #333;
	padding: 12px;
	padding-left: 0px;
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .support_menu {
	overflow: hidden;
	width: 100%;
  }
  .support_menu li {
	margin-right: 1%;
	width: 19%;
	color: #adadad;
	/* background-color: rgba(0, 0, 0, 0.4); */
	border-radius: 100px;
	font-weight: 400;
	float: left;
	cursor: pointer;
	padding: 8px;
	text-align: center;
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
  }
  .support_menu li:hover {
	border: 1px solid #ff9231 !important;
  }
  .support_menu li:hover a {
	color: #ff9231;
  }
  .support_menu li.on {
	background: #ff9231 !important;
  }
  .support_menu li.on:hover a {
	color: white;
  }
  .support_menu li.on a {
	color: white;
  }
  .support_menu li a {
	color: #4F5D75;
	font-size: 14px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .faq-list {
	overflow: hidden;
	margin-top: 20px;
  }
  .faq-list ul .list-item {
	width: 100%;
	background-color: #E5E9F4;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
	overflow: hidden;
  }
  .faq-list ul .list-item .t1 {
	font-size: 15px;
	margin: 0;
	cursor: pointer;
	padding: 20px 16px;
	font-weight: 400;
	color: #4F5D75;
  }
  .faq-list ul .list-item ul li {
	font-size: 15px;
	padding: 20px 16px;
	cursor: pointer;
	font-weight: 400;
	padding-left: 16px;
	background: #ffffff;
	display: block;
	line-height: 1.8;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .payment_account .res_counter_save {
	margin-top: 10px;
	position: absolute;
	width: 180px;
	bottom: 20px;
	right: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .payment_txt_long {
	width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .sp10 {
	height: 10px;
	clear: both;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .sp15 {
	height: 15px;
	clear: both;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .form_box {
	width: 100%;
	margin: 0 auto;
	background: #f3f3f3;
	padding: 30px;
	border-radius: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .form_box > .input_box {
	width: 85%;
	height: 50px;
	border-radius: 5px;
	border: none;
	padding-left: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .form_box > .input_box2 {
	width: 100%;
	height: 120px;
	border-radius: 5px;
	border: none;
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	padding: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .form_box > .send_btn {
	width: 100%;
	height: 50px;
	background: #2f2f2f;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 100px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .content_bar2 {
	width: 73px;
	height: 3px;
	background: #ffab14;
	margin-bottom: 15px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .mail_text {
	font-size: 14px;
	text-align: left;
	color: #666666;
	line-height: 1.2;
	margin-bottom: 30px;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .el-checkbox {
	border-radius: 100px;
	background: #ccc;
	border-color: #ccc;
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .el-checkbox_on {
	background: #ff9231;
	box-shadow: 0 0 5px #ff9231;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .company_introduction {
	margin-top: 5rem;
  }
  .company_introduction p {
	font-size: 16px;
  }
  .company_introduction h3 {
	margin-bottom: 1.4rem;
  }
  .company_introduction .title_section {
	margin-bottom: 3rem;
  }
  .company_introduction .symbol_logo {
	margin-left: 2.5rem;
	margin-bottom: 24px;
  }
  .company_introduction .type_logo {
	width: 12rem;
	height: calc(12rem / 5.125);
	margin-right: 1rem;
	background-color: #ff6f31;
	mask: url(../images/type_logo_only.svg) no-repeat center/cover;
	-webkit-mask: url(../images/type_logo_only.svg) no-repeat center/cover;
  }
  .company_introduction > div {
	margin-bottom: 100px;
  }
  .company_introduction .year_column {
	position: relative;
	margin-left: -6rem;
  }
  .company_introduction .year_column .left_column {
	margin-right: 2rem;
  }
  .company_introduction .year_column .right_column {
	position: relative;
  }
  .company_introduction .year_column .center_column {
	position: absolute;
	margin-top: 0.7rem;
  }
  .company_introduction .year_column .center_column .check_btn {
	transform: translate(-50%, 0);
	width: 24px;
	height: 24px;
	margin-bottom: 1.51rem;
  }
  .company_introduction .year_column p {
	line-height: 3rem;
  }
  .company_introduction .brand_mission_circle_wrap {
	width: 100%;
  }
  .company_introduction .brand_mission_circle {
	width: 250px;
	height: 250px;
	border-radius: 500px;
	background-color: #ff9231;
	color: #fcfcfc;
	padding: 34px 45px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 1rem auto 0 auto;
  }
  .company_introduction .brand_mission_circle .h4 {
	font-size: 1.8rem;
	margin-left: 1rem;
  }
  .company_introduction .brand_mission_circle .diagonal_div {
	position: absolute;
	width: 122px;
	height: 1px;
	left: 1.8rem;
	border-bottom: 2px solid #fcfcfc;
	transform: rotate(-45deg);
  }
  .company_introduction .brand_mission_circle .text_area .p2 {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 1rem;
  }
  .company_introduction .brand_mission_circle .text_area p {
	line-height: 1.4;
	font-weight: 400;
	color: #F6F7FC;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (min-width: 800px) {
  .company_introduction .p_right_column {
	width: 54%;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) and (max-width: 799px) {
  .company_introduction {
	width: 75vw !important;
	margin: auto auto;
	margin-top: 5rem;
  }
  .company_introduction .year_column {
	margin-left: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .pdp {
	display: none !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .pdpf {
	display: none !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .mdp {
	display: block !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 799px) {
  .mdpf {
	display: flex !important;
  }
}
#pcNav {
  display: flex;
}

#mobileNav {
  display: none;
}

#jeju_golf_map {
  height: 65vh;
  background: gray;
  display: none;
}
#jeju_golf_map .golf_name {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
}
#jeju_golf_map .golf_card {
  margin: 0;
  border-radius: 6px;
}
#jeju_golf_map .gm-style-iw-d {
  overflow: hidden !important;
}
#jeju_golf_map .gm-style-iw {
  padding: 0;
}

@media screen and (min-width: 800px) {
	.top_wrapper .content02{
		float:right;
		width:530px;
		height: 50px;
		}
	.top_wrapper .content02 > *{
		float:left;
		}
	.top_wrapper .content02 input{
		width: 187px;
		height:33px;
		background-color: #ffffff;
		border:1px solid #cccccc;
		margin-right: 15px;
		padding-left:10px;
		}
	.top_wrapper .content02 input::placeholder {
	  color: #414141;
	}

	.top_wrapper .content02 .button {
		height:33px;
		width:108px;
		border-radius: 5px 5px 5px 5px;
		background-color: #2089e0;
		color:#ffffff;
		line-height: 33px;
		text-align: center;
		cursor:pointer;
	}


	.itinerary-section .include-parts-wrap-check{
		margin-top: 15px;
	}

	.travel-plans{
		width: 800px;
		margin: 0 auto;
	}

	.travel-plans .itinerary-text img{
		width: 100%;
	}

	.itinerary-section{
		width: 800px;
		margin: 0 auto;

		margin-top: 100px;

		position: relative;
	}

	.itinerary-section-forwarg{
		padding-bottom: 100px;
		border-bottom: 1px dotted #ccc;
	}

	.itinerary-section .point{
		position: absolute;
		top: -16px;
		left: -20px;
	}
	.travel-plans{
		margin-top: 30px;
	}

	.travel-plans .travel-plans-box{
		width: 100%;
		border-radius: 10px;

		margin-bottom: 15px;

		box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);

		display: flex;
		justify-content: start;
	}

	.day-travel{
		margin: 25px 50px;
		width: 100%;
	}

	.day-travel .travelcourse-title{
		width: 100%;
		color: #ff9231;
		font-size: 18px;
		font-weight: 700;

		padding: 5px 0 10px 0;
	}

	.travelcourse{
		width: 100%;
		/* padding-top: 30px; */
		border-top: 1px solid #ccc;
	}

	.travelcourse li{
		display: flex;
		justify-content: start;
		margin: 15px 0;

		color: #454444;
		position: relative;
	}

	.travelcourse li .course-point{
		width: 24px;
		margin-right: 10px;
		height: 24px;
	}

	.travelcourse li .course-name{
		transform: translateY(-2px);
	}

	.travelcourse li .clock{
		width: 60px;
		font-size: 15px;

		font-weight: bold;
	}
	day-mark{
		margin: 25px;
		width: 0;
		display: none;
	}

	.day-mark p{
		padding: 5px 25px;
		border-radius: 100px;

		border: 1px solid #ff9231;
		color: #ff9231;

		font-size: 18px;

		text-transform: capitalize;
	}

	.cuorse-dot{
		width: 7px;
		height: 7px;
		border-radius: 100%;

		background-color: #ff9231;
		margin: 8px;
	}

	.shopping-section{
		padding-top: 100px;
	}

	.course-line{
		position: absolute;
		height: calc(100% + 16px);
		width: 1px;
		border-right: 1px solid #cccccc;

		top: 12px;
		left: 11px;
		transform: translateX(50%);

		z-index: -1;
	}

	.course-point .course-line-last{
		border-right: none;
	}
	.plan_plus_check{
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px dotted #ccc;
		font-size: 15px;
	}

	.hotel_name_plan{
		display: flex;
		justify-content: start;
		margin-bottom: 10px;
	}

	.meal_plan_p{
		display: flex;
		margin-right: 15px;
	}

	.hotel_icon_width{
		width: 20px;
		margin-right: 15px;
	}

	.plan_titie_text{
		margin-right: 10px;
	}

	.planninf_name{
		font-weight: bold;
	}

	.meal_plan_p img{
		margin-right: 5px;
	}

	.meal_plan_none p{
		color: #adadad;
	}

	.rwh600 {
		color: #ffffff;
		font-size: 14px;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	.rwh601 {
		position:relative;
		margin: 0 auto 10px;
		width: 100%;
	}

	.rwh601 img{
		width: 100%;
	}

	.section02 .div01 {
		width: 100%;
	/*    height: 380px;*/
		border: 8px #eeeeee solid;
		padding-top: 75px;
	}

	.section02 .div01 img {
		padding-bottom: 10px;
	}

	.section02 .div01 .title01 {
		font-size: 28px;
		color: #333333;
		font-weight: 400;
		text-align: Center;
		line-height: 1;
	}
	.section02 .div01 .bar {
		margin:25px auto 25px;
		width:232px;
		height:6px;
		background:#023167;
	}
	.section02 .div01 .text01 {
		font-size: 18px;
		color: #333333;
		font-weight: 400;
		text-align: Center;
	}

	.section02 .div01 .text01 img {
		width: 100%;
	}


}

@media screen and (max-width: 480px) {


	.itinerary-section{
		width: 90vw;
		margin: 0 auto;

		margin-top: 50px;

		position: relative;
	}

	.itinerary-section .point{
		width: 30px;
		position: absolute;
		top: -12px;
		left: -12px;
	}

	.itinerary-section .s_title{
		font-size: 16px;
		color: #454444;
		font-weight: 300;

		margin-bottom: 10px;
	}

	.itinerary-section{
		width: 90vw;
		margin: 0 auto;

		margin-top: 50px;

		position: relative;
	}

	.itinerary-section .point{
		width: 30px;
		position: absolute;
		top: -12px;
		left: -12px;
	}

	.itinerary-section .s_title{
		font-size: 16px;
		color: #454444;
		font-weight: 300;

		margin-bottom: 10px;
	}

	.main-itinerary-section .no-bottom{
		padding-bottom: 0;
	}

	.bold{
		font-weight: bold;
	}

	.travel-plans .travel-plans-box{
		width: 100%;
		border-radius: 10px;

		margin-bottom: 5px;
		padding: 0 0 10px 0;
		box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	}

	.day-mark{
		display: none;
		padding: 20px 20px 10px 20px;
		width: 113px;
		position: relative;
	}

	.day-mark p{
		padding: 5px 15px 5px 20px;
		border-radius: 100px;

		border: 1px solid #ff9231;
		color: #ff9231;

		font-size: 12px;

		text-transform: capitalize;
	}

	.day-travel{
		margin: 0 20px;
		width: calc(100% - 40px);
	}

	.day-travel .travelcourse-title{
		width: 100%;
		color: #ff9231;
		font-size: 14px;
		font-weight: 700;

		padding: 25px 0 10px 0;
	}

	.tour-designer-wrap .experience-box li{
		height: calc(34vw + 120px);
	}

	.travelcourse{
		width: 100%;
		padding-bottom: 5px;
		border-top: 1px solid #ccc;
	}

	.travelcourse li{
		display: flex;
		justify-content: start;
		margin: 15px 0;

		color: #454444;
		position: relative;
	}

	.travelcourse li .course-point{
		width: 24px;
		margin-right: 10px;
		height: 24px;
	}

	.travelcourse li .course-name{
		font-size: 14px;
		transform: translateY(2px);
	}

	.travelcourse li .clock{
		width: 60px;
		font-size: 12px;

		font-weight: bold;
	}

	.cuorse-dot{
		width: 7px;
		height: 7px;
		border-radius: 100%;

		background-color: #ff9231;
		margin: 8px;
	}

	.course-line{
		position: absolute;
		height: calc(100% + 16px);
		width: 1px;
		border-right: 1px solid #cccccc;
		top: 8px;
		left: 10px;
		transform: translateX(50%);
		z-index: -1;s
	}

	.course-point .course-line-last{
		border-right: none;
	}

	.checklist-wrap{
		width: 100%;
		color: #454444;
	}

	.checklist-wrap .checklist-left{
		width: 100%;
		font-weight: 600;
		padding: 25px 0 10px 0;
		font-size: 14px;
	}

	.checklist-wrap .checklist-right{
		width: 100%;
		font-size: 14px;
		line-height: 180%;
	}

	.plan_plus_check{
		margin-top: 15px;
		padding-bottom: 15px;
		padding-top: 15px;
		border-top: 1px dotted #ccc;
		font-size: 14px;
	}

	.hotel_name_plan{
		display: flex;
		justify-content: start;
		margin-bottom: 10px;
	}

	.meal_plan_p{
		display: flex;
		margin-right: 15px;
	}

	.hotel_icon_width{
		width: 20px;
		margin-right: 15px;
	}

	.plan_titie_text{
		margin-right: 10px;
	}

	.planninf_name{
		font-weight: bold;
	}

	.meal_plan_p img{
		margin-right: 5px;
	}

	.meal_plan_none p{
		color: #adadad;
	}
	.rwh600 {
		color: #ffffff;
		font-size: 14px;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	.rwh601 {
		position:relative;
		margin: 0 auto 10px;
	}
	.rwh601 img{
		width: 100%;
	}


	.section02 {
		overflow: hidden;
		margin-bottom: 50px;
	}
	.section02 .div01 {
		width: 96%;
		height: auto;
		border: 8px #eeeeee solid;
		padding-top: 45px;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 auto;
	}
	.section02 .div01 .title01 {
		font-size: 20px;
		color: #333333;
		font-weight: 400;
		text-align: Center;
		line-height: 1;
	}
	.section02 .div01 .bar {
		margin:25px auto 25px;
		width:232px;
		height:6px;
		background:#023167;
	}
	.section02 .div01 .text01 {
		font-size: 13px;
		color: #333333;
		font-weight: 400;
		text-align: Center;
	}

	.section02 .div01 .text01 img {
		width: 324px;
		padding-bottom:10px;
	}


	.top_wrapper .content02 {
		width: 100%;
		margin-top: 10px;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.top_wrapper .content02>* {
		float: left;
	}

	.top_wrapper .content02 input {
		width: 48%;
		height: 33px;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		padding-left: 10px;
	}

	.top_wrapper .content02 input:nth-child(1) {
		margin-right: 4%;
	}

	.top_wrapper .content02 input::placeholder {
		color: #414141;
	}

	.top_wrapper .content02 .button {
		height: 33px;
		width: 108px;
		border-radius: 5px 5px 5px 5px;
		background-color: #2089e0;
		color: #ffffff;
		line-height: 33px;
		text-align: center;
		cursor: pointer;
		float: right;
		margin-top: 10px;
	}

	.top_wrapper .content_item {
		width: 100%;
		float: left;
		margin-bottom: 30px;
		overflow: hidden;
		overflow-x: auto;
	}

}