@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

/* initial */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

img,
fieldset {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

caption,
th {
  text-align: left;
}

q:before,
q:after {
  content: '';
}

html {
  height: 100%;
}

body {
  min-height: calc(100vh + 1px) !important; /* 스크롤 가능하도록 뷰포트보다 1px 크게 설정 */
}

html {
  text-align: center;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

body {
  color: #333;
  text-align: left;
}

body * {
  box-sizing: border-box;
}

:lang(ko) {
  /* font-family: "Pretendard Variable", Pretendard, Inter, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; */
  word-break: auto-phrase;
}

/* page default style */
a,
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

a:focus,
a:active {
  outline: none !important;
}

img {
  vertical-align: middle;
  /* for IE image margin */
}

.border-radius-50p {
  border-radius: 50% !important;
}

ul {
  list-style: none;
}

input:focus {
  outline: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

a.underline {
  text-decoration: underline !important;
  display: inline;
}

a.disabled {
  cursor: default;
  pointer-events: none;
  user-select: none !important;
}

.unselectable {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* //page default style */
span.wehome_emp {
  color: var(--wehome-color);
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.whcolor {
  color: #6800cd;
}

.hidden {
  display: none !important;
}

/** page */
body#body {
  overflow-x: hidden;
}

div#spage {
  margin: 10px;
  font-size: 1em;
  overflow: hidden;
}

div#spage img {
  max-width: 100%;
  height: auto;
}

div#spage p {
  display: block;
  margin: 1em 0;
  font-size: 1em;
}

a.alink {
  color: var(--wehome-color) !important;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.helvetica {
  font-family: "Helvetica Neue", "Arial";
}

div.header_top {
  background-color: #f8f8f8;
  height: 44px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div.header_top img.logo {
  padding: 6px 0 6px 1.5rem;
  width: 120px;
}

div.top_menu {
  margin-right: .5rem;
  display: flex;
}

div.header_top img {
  padding: 13px 10px 10px 15px;
}

div.top_menu a {
  display: flex;
  height: 44px;
  width: 40px;
  align-items: center;
  justify-content: center;
}

div.top_menu a svg path {
  fill: var(--wehome-color);
}

a#user_login {
  width: 15px;
  display: inline-block;
  background: url(/image/m/ic_login.png) no-repeat center center;
  height: 18px;
  background-size: 15px 18px;
}

a#user_search {
  width: 20px;
  display: inline-block;
  background: url(/image/m/ic_search.png) no-repeat center center;
  height: 20px;
  background-size: 24px 25px;
  float: left;
}

a#user_fav {
  width: 20px;
  display: inline-block;
  background: url(/assets/images/btn_fav.png) no-repeat center center;
  height: 18px;
  background-size: 20px 18px;
}

div.nav {
  padding: 1rem;
  text-align: center;
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1em;
  position: relative;
  clear: both;
  border-bottom: 1px solid #dfdfdf;
}

/*div.nav{height:40px; background-color:var(--wehome-color); text-align:center; color:#fff; font-size:15px; line-height:40px; position:relative; clear:both;}*/
header a.btn_noti span.noti_new {
  border-radius: 50%;
  background-color: #ffa000;
  color: #fff;
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  top: 13px;
  right: 5px;
  font-size: 8px;
  text-align: center;
}

div.nav.clean {
  font-size: 1rem;
  font-weight: 600;
  color: #222;
  background: #fff;
  margin-top: 0;
  padding: 0 1rem;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  position: fixed;
  top: 0;
  z-index: 989;
  width: 100%;
  border-bottom: 1px solid #eee;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

div.nav.clean .nav_title {
  text-align: center;
  width: calc(100% - 2rem);
  position: absolute;
}

div.nav.clean a {
  z-index: 1;
}

div.nav.clean a.settings svg {
  width: 1.2rem;
  height: 1.2rem;
}

div.nav > ul {
  list-style: none;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}

div.nav > ul li {
  display: inline;
}

div.nav > ul li a {
  color: #888;
}

div.nav > ul li a.selected {
  color: #222;
}

div.nav > a.btn_back {
  box-shadow: none !important;
  height: 40px !important;
  background: transparent !important;
}

div.nav.nobar {
  height: 0;
}

div.nav a.right {
  position: absolute;
  right: 0;
  top: 0;
}

div.nav a.right img {
  padding: 5px 13px;
}

div.nav_white {
  font-size: 15px;
  position: absolute;
  background: transparent;
  z-index: 112;
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

div.nav_white div.right {
  display: flex;
}

div.nav_white div.right .bi {
  vertical-align: middle;
  padding: 5px;
}

div.nav a.btn_back,
div.nav_white a.btn_back,
div.nav_white #btn_share_win,
div.nav_white #like {
  background: #fff;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

div.nav_white #like {
  margin-left: .5rem;
}

div.nav_white #like.sred path {
  fill: var(--wehome-color);
}

div.nav a.btn_back {
  position: absolute;
}

div.nav.clean a.btn_back {
  width: unset;
  left: 0;
  position: relative;
  z-index: 10;
}

div.nav.clean a.btn_back svg {
  width: 25px;
}

a.menu-icon {
  display: flex;
  align-items: center;
  padding: 0;
  width: 24px;
  height: 20px;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

a.menu-icon span {
  display: block;
  width: 1.5rem;
  height: 1px;
  background: #222;
  position: absolute;
  left: 0;
  top: 50%;
}

a.menu-icon span+span {
  top: calc(50% - .4rem);
}

a.menu-icon span+span+span {
  top: calc(50% + .4rem);
}

div.nav a.btn_back svg,
div.nav_white a.btn_back svg {
  width: 20px;
  height: auto;
}

div.nav_white #btn_share_win svg {
  width: 20px;
  height: 20px;
}

div.nav_white #like svg {
  width: 20px;
  height: auto;
}

img.loading {
  display: none;
  padding: 20px;
}

.textright {
  text-align: right;
}

.linethrough {
  text-decoration: line-through;
}

div.user_panel {
  background-color: #13405a;
  text-align: center;
  color: #fff;
  font-size: 15px;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 100;
  display: none;
}

div.user_panel > ul {
  list-style: none;
  display: inline-block;
  text-align: center;
}

div.user_panel > ul li {
  float: left;
  padding: 0 10px;
  padding-top: 15px;
}

div.user_panel > ul li a {
  color: #fff;
}

div.search_panel {
  font-size: 15px;
  position: absolute;
  top: 44px;
  width: 100%;
  left: 0;
  z-index: 900;
  text-align: left;
  height: 100%;
  display: none;
}

div.search_panel .search_input {
  background-color: var(--wehome-color);
  padding: 7px;
}

div.search_panel .search_input a.loc {
  color: #fff;
  background: url(/image/m/ic_loc_w.gif) no-repeat left center;
  background-size: 10px 14px;
  text-indent: 20px;
  display: block;
  margin: 5px;
}

div.search_panel .search_input input.query {
  width: 100%;
  height: 30px;
  padding-left: 30px;
  background: url(/image/m/ic_search_input.png) no-repeat 10px center #fff;
  background-size: 14px 14px;
  border-radius: 15px;
  -webkit-appearance: none;
  border: 0px;
  font-size: 15px;
  color: #13405a;
}

div.search_panel .search_result {
  background: #fff;
  height: 100%;
}

div.ac_results {}

div.search_panel .search_result ul {
  list-style: none;
}

div.search_panel .search_result ul li {
  padding: 10px;
  border-bottom: 1px solid #c8c8c8;
}

div.search_panel .search_result ul li strong {
  font-weight: normal;
  color: #00a5d5;
}

ul.main li {
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
}

ul.main li.newtype {
  margin-top: 1px;
}

ul.main li img {
  width: 100%;
}

ul.main li div.overtext {
  position: absolute;
  top: 42%;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0px;
}

ul.main li div.overtext h2 {
  color: #fff;
  font-size: 25px;
  text-align: center;
  text-shadow: 0 1px #000;
}

ul.main li div.overtext h3 {
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin-top: 5px;
  text-shadow: 0 1px #000;
}

ul.main li.promotype div.overtext {
  top: 25px;
}

ul.main li.promotype div.overtext h2 {
  font-size: 18px;
  text-align: left;
  margin-left: 25px;
  font-weight: normal;
  line-height: 30px;
}

ul.main li div.promotion {
  position: absolute;
  left: 0;
  top: 26%;
  text-align: center;
  width: 100%;
  text-shadow: 0 1px #000;
}

ul.main li div.promotion span {
  border: 1px solid #00c6ff;
  color: #00c6ff;
  font-size: 13px;
  border-radius: 15px;
  padding: 3px 10px;
  background-color: rgba(0, 0, 0, 0.15);
}

ul.main li div.promotionw {
  position: absolute;
  left: 0;
  top: 30%;
  text-align: center;
  width: 100%;
}

ul.main li div.promotionw span {
  border: 1px solid #fff;
  color: #000;
  font-size: 13px;
  border-radius: 15px;
  padding: 3px 10px;
  background-color: #fff;
}

ul.main li.custom img.left {
  float: left;
}

ul.main li.custom img.right {
  float: right;
}

div.pcmode {
  text-align: center;
}

div.pcmode a {
  color: #7b8496;
}

div.footer_app {
  height: 50px;
}

footer {
  font-size: 13px;
  line-height: 2;
  color: #444;
  background: #f3f3f3;
  padding: 1.5rem;
  border-top: 1px solid #ddd;
}

footer .container-fluid {
  padding: 0;
  margin: 0;
}

footer .container-fluid .row {
  margin: 0;
  flex-direction: column;
}

footer .footer-links {
  display: flex;
  flex-direction: column;
  width: 100%;
}

footer dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}

footer dt {
  margin-bottom: 5px;
  font-weight: 700;
}

footer dd a {
  color: #666 !important;
  font-weight: normal;
}

footer .copyright {
  padding: 15px 0 5rem;
  font-size: 11px;
  line-height: 1.25em;
  color: #666;
  font-weight: normal;
}

footer .copyright address {
  margin-bottom: 1rem;
  font-style: normal;
}

footer .copyright p {
  margin-bottom: 1rem;
}

footer .sns_link {
  display: flex;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}

footer .sns_link span {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}

footer .sns_link span a {
  display: block;
  width: 100%;
}

footer .sns_link img {
  padding-bottom: 10px;
  max-width: 100%;
}

footer .app_link {
  display: flex;
  margin-bottom: 1rem;
}

footer .app_link a {
  width: 120px;
}

footer .app_link a+a {
  margin-left: .5rem;
}

footer .payments {
  margin: 0 0 1rem;
  padding: 0;
}

footer .payments img {
  max-height: 22px;
  width: auto;
  margin-right: 0.5rem;
}

footer .payments img:nth-child(4),
footer .payments img:nth-child(5) {
  max-height: 18px;
}

input.input {
  border-radius: 5px;
  border: 1px solid #c8c8c8;
  height: 29px;
  width: 100%;
  font-size: 15px;
}

input.no_border {
  border: 0;
  font-size: 15px;
}

a.btn,
input.btn,
button.btn {
  border: none;
  height: 44px;
  border-radius: 8px;
  line-height: 1em;
  font-size: 1rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
}

input.btn,
button.btn {
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  width: auto;
  max-width: 100%;
  border: 0;
  display: inline-block;
  color: #fff;
  text-align: center;
  cursor: pointer;
  padding: 0 20px;
  border-radius: 5px;
}

input.btn_wehome,
button.btn.save_btn {
  color: #fff;
  background-color: #222;
  border-radius: .5rem;
}

a.btn.light,
a.btn.light:hover,
button.btn.light,
button.btn.light:hover,
button.btn.save_btn.light,
button.btn.save_btn.light:hover {
  border: 1px solid var(--wehome-color);
  color: var(--wehome-color);
  background: #fff;
}

a.btn_white,
input.btn_white,
button.btn_white {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

a.btn_bright {
  color: #7b8496;
}

a.btn_grey {
  color: #7b8496;
  background-color: #f0f0f0;
}

a.btn_darkgrey {
  background-color: #b0b5c0;
  border-color: #b0b5c0;
}

a.full {
  /* width:99%;  */
  padding-left: 0;
  padding-right: 0;
}

a.btn_blue {
  background-color: #3b5998;
  border-color: #3b5998;
}

a.btn_green {
  background-color: #70b814;
  border-color: #70b814;
}

a.btn_red {
  background-color: #dc4d38;
  border-color: #dc4d38;
}

a.btn_sky {
  background-color: #00a5d5;
  border-color: #00a5d5;
}

a.btn_bred {
  background-color: #ff6b6b;
  border-color: #ff6b6b;
}

a.btn_skytrans {
  background-color: transparent;
  border-color: #00a5d5;
  color: #00a5d5;
}

a.btn_wehome,
button.btn_wehome {
  /* color:var(--wehome-color);  */
  /* background-color:#fff;  */
  /* border: 2px var(--wehome-color) solid;  */
  color: white !important;
  background-color: var(--wehome-color);
  box-sizing: border-box;
}

a.btn_wehome_fill,
button.btn_wehome_fill {
  color: #fff !important;
  background-color: var(--wehome-color);
}

a.btn_wehome_fill:hover,
button.btn_wehome_fill:hover {
  color: white;
}

a.btn_back,
button.btn_back {
  color: #333;
  /* border-color: #333;
  border-width: 1px;
  border-style: solid; */
}

div.nav_white a.btn_back {
  border-color: #333;
  border-width: 1px;
  border-style: solid;
}

.transparent-background {
  background: transparent !important;
}

a.btn_width20 {
  padding: 10px 20px;
}

a.btn_skim {
  padding: 10px;
}

a.btn_skim5,
button.btn_skim5 {
  padding: 5px;
}

a.btn_small {
  font-size: 12px;
}

a.btn_radius,
button.btn_radius {
  border-radius: 5px;
}

a.btn_radius10,
button.btn_radius10 {
  border-radius: 10px;
}

button.disable {
  color: #fff;
  background-color: #7b8496;
}

a.btn_outlined {
  border: none;
  height: 48px;
  border-radius: 8px;
  line-height: 1em;
  font-size: 1rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #222;
  border: 1px solid #222;
}

a.btn_black {
  color: #fff;
  background-color: #000;
  border: none;
  padding: 10px 20px;
  line-height: 1em;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}

a.btn_round {
  border-radius: 24px;
}

h2.required {
  position: relative;
}

h2.required:after {
  content: "*";
  color: red;
  margin-left: .2rem;
}

div#content {
  clear: both;
  padding: 0 var(--padding);
  overflow-x: hidden;
  min-height: 100vh;
  height: auto;
  padding-top: 33px;
  padding-bottom: var(--bottom-naverbar-height);
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  right: 0 !important;
  box-sizing: border-box;
  overflow-y: scroll;
  background-color: white;
}

div.nav.clean+#content {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 0;
  background: #fff;
}

div.nav.clean+#content.no-top-nav {
  padding-top: 0;
}

div.nav.clean+#content > h4 {
  font-size: 1.5rem;
  margin: 0;
}

/* horz-padding must be 0 for main_lists container */
div#content.search,
div#content.wishlist {
  padding-left: 0;
  padding-right: 0;
}

/* adjust title if content has main_lists */
div#content.wishlist > h1 {
  padding-left: var(--padding);
  padding-right: var(--padding);
}

/* div#content.page {
  min-height: 100%;
  height: 100%;
  padding-top: 33px;
  padding-bottom: var(--bottom-naverbar-height);
  margin: 0;
  position: relative;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
} */

div#content.page h1 {
  /* font-size:2rem;  */
  font-size: 20px;
  font-weight: 500;
  /* margin-bottom: 2rem; */
  margin-bottom: 30px;
}

div#content.page > .top {
  margin-bottom: 30px;
}

div#content.page > .top > h1 {
  margin-bottom: 0 !important;
}

div#content.page .h1_right {
  float: right;
  margin-top: 20px;
}

div#content.page h1+h2 {
  margin-bottom: .5rem;
  font-size: 1.375rem;
  font-weight: 600;
}

div#content.page h1+h2+p {
  margin-bottom: 1.5rem;
  color: #717171;
}

div#content.page h1+h2+p+a.btn {
  padding: 1rem 1.5rem;
}

/* div#content.inbox.list {
  padding: 50px 0 0 0;
} */

div#content.travel div.nav {
  padding: 0;
  text-align: left;
  padding-bottom: 2rem;
  border: none;
}

div#content.travel div.nav li {
  font-weight: normal;
  margin-right: 1rem;
}

div#content.travel div.nav li a.selected {
  text-decoration: underline;
}

div#content.travel .submenu {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  grid-gap: 2rem;
  border-bottom: 1px solid #ddd;
}

div#content.travel .submenu li {
  display: flex;
  padding: .5rem 0;
  align-items: center;
  justify-content: flex-start;
}

div#content.travel .submenu li.selected {
  border-bottom: 2px solid #222;
}

div#content.travel .submenu li a {
  color: #717171;
}

div#content.travel .submenu li.selected a {
  color: #222;
}

div#content.travel .nodata {
  height: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

div#content.travel .nodata .material-symbols-outlined {
  font-size: 3rem;
  margin-bottom: 1rem;
}

div#content.travel .days-left {
  font-size: 11px;
  font-weight: 600;
  color: var(--wehome-color);
  margin-right: 15px;
  align-self: center;
}

/* Search */
#searchBar {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  /* border-bottom: 1px solid #f7f7f7;
  box-shadow: 0 1px 1px rgba(0 0 0/0.1); */
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

div#content.search {
  /* margin-top: 85px;
  padding: var(--padding) var(--padding) 4rem; */
  padding-top: 100px;
}

div#content.search ul.lists li {
  border-top: none;
}

div#content.search ul.lists li span.fav_box path {
  stroke-width: 2;
  stroke: #fff;
}

div#content.search li.list_photo div.price_box div.price_cont {
  color: #222;
}

div#content.search li.list_photo div.price_box div.price_cont span.currency,
div#content.search li.list_photo div.price_box div.price_cont span.price {
  font-size: 1rem;
  font-weight: 500;
}

div#content.search li.list_photo div.title_box div.title {
  font-weight: 500;
}

div#content.search li.list_photo .host_box {
  display: none;
}

/* Removed search page specific CSS - use universal main_lists styling instead */

div.search_sub_title {
  border-top: 2px solid #000;
  font-weight: bold;
  padding: 10px 0;
}

#search_bar {
  height: 50px;
  display: flex
}

#search_bar .option_cont {
  flex-grow: 2;
  font-size: 15px;
}

#search_bar .option_cont .option_box {
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0 0 0 0;
  line-height: 30px;
  margin: 10px 10px 0 0;
  height: 30px;
  overflow: hidden;
  position: relative;
}

#search_bar .option_cont:first-child .option_box {
  margin-left: 10px;
  margin-right: 5px;
}

a.view_map,
.bottom_float {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  position: fixed;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  column-gap: 6px;
  height: 40px;
  /* width: 86px; */
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  background: #222;
  color: #fff;
  border-radius: 24px;
}

/* visual enhancement */
a.view_map {
  background: #000000b8 !important;
  color: #fff !important;
  border-radius: 24px;
  border-color: #00000096 !important;
  border-width: 1px !important;
  border-style: solid !important;
}

a.view_map .material-symbols-outlined {
  font-size: 18px;
}

.option_box .btn_back {
  height: 30px;
  display: inline-block;
  float: left;
  margin-top: 3px;
}

#control {
  position: absolute;
  top: 5px;
  right: 0;
  padding: 0 5px 0 10px;
  border-left: 1px solid #ccc;
  height: 20px;
  background-color: #fff;
}

span.search_query {
  height: 20px;
  padding-left: 10px;
  word-break: break-all;
  line-height: 20px;
}

span.date_query {
  display: inline-block;
  text-align: center;
  padding-left: 20px;
}

#search_tag {
  padding: 5px 10px;
  height: 20px;
  margin-bottom: 10px;
  display: none;
}

#search_tag span.tag_btn {
  border: 1px solid #cdcdcd;
  padding: 5px 10px;
  border-radius: 5px;
  color: #808080;
}

#search_tag span.tag_btn.on {
  border: none;
  background-color: #f6f0fc;
  color: var(--wehome-color)
}

#search_tag a.view_map {
  float: right;
}

a.list {
  color: #13405a;
}

a.list:hover {
  text-decoration: none;
}

div.txt_results {
  color: #7b8496;
  font-size: 12px;
  padding-left: 10px;
  height: 24px;
  line-height: 24px;
  border-bottom: 1px solid #ced1d9;
}

div.nav_filter {
  display: none;
}

div.filter_cont {
  height: 40px;
}

div.filter {
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
}

div.filter div.show_filter {
  height: 40px;
  line-height: 40px;
  text-align: left;
  color: #00c6ff;
  font-size: 14px;
  padding: 0 15px;
}

.wehome-your-home {
  display: flex;
  border: 1px solid #e7e7e7;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 0 20px #ddd;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  cursor: pointer;
  text-decoration: none !important;
}

.wehome-your-home .text-wrapper {
  padding: 1.2rem;
}

.wehome-your-home .text-wrapper h5 {
  font-size: 1.1rem;
  margin-bottom: .5rem;
}

.wehome-your-home .text-wrapper p {
  font-size: .8rem;
  color: #999;
  line-height: 1.4em;
  margin: 0;
}

.wehome-your-home .image-wrapper {}

.wehome-your-home .image-wrapper img {
  width: 120px;
  height: 120px;
}

.wehome-your-home+ul.menu {
  margin-top: .5rem;
  border-top: 0;
}

ul.menu {
  margin-top: 2rem;
  border-top: 1px solid #dfdfdf;
  padding: 0;
  margin-bottom: 20px !important;
}

ul.menu+ul.menu {
  margin-top: 0;
}

ul.menu li.menu-title {
  /* margin-top: 2rem; */
  margin-top: 25px;
  margin-bottom: 20px;
}

ul.menu li.menu-title h3 {
  font-size: 1.5rem;
}

ul.menu li a.icon-menu {
  display: flex;
  /* padding: 1rem 0; */
  padding-right: 2rem;
  padding-top: 8px;
  padding-bottom: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
  color: #222;
}

ul.menu li a.icon-menu:hover {
  color: #222;
  text-decoration: none;
}

ul.menu li a.icon-menu:after {
  content: '';
  position: absolute;
  display: block;
  background: url(/image/m/arrow_right.png) no-repeat right center;
  background-size: contain;
  width: 15px;
  height: 15px;
  right: 0;
}

ul.menu li a.icon-menu .material-symbols-outlined {
  margin-right: 1rem;
  font-size: 1.5rem;
}

/* ul.menu.help-menu li:not(.menu-title)+li a {
  padding-top: 0;
} */

ul.menu span.title {
  font-weight: 400;
}

ul.menu .btn_outlined {
  margin: 1rem 0;
}

ul.menu .dropdowns {
  display: flex;
  margin: 1rem 0 1rem;
}

ul.menu .dropdown {
  padding: 0 1.5rem 0 .5rem;
  margin: 1rem 0 .5rem;
}

ul.menu .dropdown-toggle {
  background: none;
  border: none;
  font-size: .8rem;
  padding: 0;
}

div.popup_modal {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: 100%;
  z-index: 120;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 150px;
  padding-top: 50px;
  display: none;
}

div.popup_modal h2.title {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

div.popup_modal section.cont {
  padding: 15px;
}

div.popup_modal section.forms {
  padding: 15px;
}

div.popup_modal section.forms h2 {
  margin-bottom: 13px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

div#share_win {
  padding: 1rem;
}

div#share_win h2 {
  margin: 1rem 0;
}

div#share_win .cont {
  padding: 0;
}

div#cal_win .header {
  position: fixed;
  top: 0;
  background: #fff;
  width: 100%;
  height: 3rem;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  z-index: 115;
}

div#cal_win .header .btn_close_cal {
  position: relative;
  left: 1rem;
  width: 20px;
  height: 20px;
}

div#cal_win .body .form_cal {
  margin-top: 2rem;
}

div#cal_win .discount_box {
  padding: .5rem 1.5rem;
  background: #eee;
  font-size: .85rem;
  line-height: 1.5;
}

div#cal_win section.form_cal div.date_info,
div.filter_form section.form_cal div.date_info {
  position: relative;
  margin: 10px 0px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 300;
  color: #666;
}

div#cal_win section.form_cal div.calendar,
div.filter_form section.form_cal div.calendar {}

div#cal_win {
  padding-bottom: 0;
  z-index: 999;
  padding-top: 3rem;
  padding-bottom: 2rem;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
}

div#cal_win .price_box {
  margin: 1rem 0;
  font-size: 1rem;
  font-weight: 300;
}

div#cal_win h2.title {
  text-align: left;
}

div.filter_form a#save_filter,
div#cal_win a#save_calendar {
  padding: 1rem;
  font-size: 18px;
  font-weight: 600;
  width: calc(100% - 3rem);
  border: none;
  border-radius: .5rem;
  margin: 0 auto;
}

div.filter_form a#save_filter:disabled,
div.filter_form a#save_filter[disabled=disabled],
div#cal_win a#save_calendar:disabled,
div#cal_win a#save_calendar[disabled=disabled] {
  background: #aaa;
}

div.filter_form a#cal_reset,
div#cal_win a#cal_reset {
  position: relative;
  top: unset;
  right: unset;
  float: right;
  color: var(--wehome-color);
  text-decoration: underline;
}

div#cal_win .form_cal {
  padding: 0 1.5rem 2rem;
}

div#cal_win .title+.forms {
  padding: 0 1.5rem 1rem;
}

div.search_filter section.forms {
  padding: 1.5rem 0 0;
  margin-top: 1.5rem;
  border-top: 1px solid #ddd;
}

div#cal_win .forms {
  padding: 2rem;
  border-top: 3px solid #eee;
}

div#cal_win section.forms h2 {
  text-align: left;
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0;
}

div#calendar div.cal_name,
div#cal_win div.cal_name {
  margin: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div#calendar ul.week_name,
div#cal_win ul.week_name {
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #ddd;
}

div#calendar ul.cal li,
div#cal_win ul.cal li {
  margin-top: .15rem;
  display: flex;
  justify-content: center;
}

div#calendar ul.cal li div.day_cont,
div#cal_win ul.cal li div.day_cont {
  padding: 0;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

div#calendar ul.cal li div.day,
div#cal_win ul.cal li div.day {
  line-height: 1em;
  font-size: 1rem;
}

div#calendar ul.cal li div.month,
div#cal_win ul.cal li div.month {
  display: none;
}

div#cal_win .form_guest {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
}

div#cal_win .ctr_num .guest_ctr {
  display: flex;
  justify-content: space-between;
  width: 120px;
}

div#cal_win .ctr_num .guest_ctr a {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 50%;
}

div#cal_win .ctr_num .guest_ctr a span {
  font-size: 1rem;
}

div#cal_win .ctr_num .guest_ctr .ctr_value {
  font-size: 1.2rem;
}

div.filter_form {
  background: #fff;
  padding: 1.5rem 1.5rem 3.5rem;
}

div.filter_form h2 {
  margin-bottom: 1rem;
}

div.filter_form .ctr_num {
  height: 2rem;
  position: relative;
}

div.filter_form .ctr_num .minus,
div.filter_form .ctr_num .plus {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  border: 1px solid #222;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

div.filter_form .ctr_num .plus {
  float: right;
}

div.filter_form .ctr_num .minus {
  float: left;
}

div.filter_form .ctr_num .ctr_value {
  position: absolute;
  z-index: 0;
  text-align: center;
  line-height: 2rem;
  width: 100%;
}

div.filter_form a#save_filter {
  width: 100%;
}

div.search_filter div.init_filter {
  background-color: #fff;
  padding: 15px;
}

div.search_filter div.init_filter a.btn {
  border-radius: 5px;
  margin-top: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

div.search_filter section.form_date {
  border-bottom: 1px solid #c8c8c8;
}

div.search_filter div.check_date {
  clear: both;
  overflow: hidden;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  background-color: #fff;
}

div.search_filter a.allsearch {
  display: block;
  float: right;
  margin: 50px 10px 0 0;
  color: #4d4d4d;
}

div.search_filter a.allsearch .bi {
  vertical-align: -2px;
}

div.filter_form > section {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ddd;
}

div.filter_form > section h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

div.filter_form > section h4 {
  font-weight: 500;
}

div.filter_form > section p {
  font-weight: 300;
  margin-bottom: 1.5rem;
}

div.filter_form div.roomtype {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 1rem;
  overflow: hidden;
}

div.filter_form div.roomtype > div {
  flex: 33.333%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

div.filter_form div.roomtype > div.border {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

div.filter_form div.roomtype > input {
  display: none;
}

div.filter_form div.roomtype label {
  text-align: center;
  font-size: 1rem;
  color: #000;
  font-weight: 500;
  padding: 1rem;
}

div.filter_form div.roomtype > input[type=radio]:checked+div {
  background: #222;
}

div.filter_form div.roomtype > input[type=radio]:checked+div label {
  color: #fff;
}

div.filter_form > section.form_buildingtype {}

div.filter_form > section.form_buildingtype .buildingtype {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  margin-top: 1.5rem;
}

div.filter_form > section.form_buildingtype .buildingtype > a {
  width: calc((100% - 1rem) / 2);
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 130px;
}

div.filter_form > section.form_buildingtype .buildingtype > a span.material-symbols-outlined {
  font-size: 3.5rem;
  font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}

div.filter_form > section.form_buildingtype .buildingtype > a p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}

div.filter_form > section.form_buildingtype .buildingtype > a input {
  display: none;
}

div.filter_form > section.form_buildingtype .buildingtype > a.on {
  border-color: var(--wehome-color);
  color: var(--wehome-color);
  background: #f7f7f7;
}

div.filter_form > section.form_buildingtype .buildingtype > a.on {}

div.filter_form > section.form_price .range-input {
  display: flex;
  justify-content: space-between;
}

div.filter_form > section.form_price .range-input .input-wrapper {
  position: relative;
  padding: 0px;
  cursor: text;
  line-height: 1em;
}

div.filter_form > section.form_price .range-input .input-wrapper > label {
  position: absolute;
  font-size: .8rem;
  color: #999;
  top: 8px;
  left: 12px;
  font-weight: 500;
  color: #999;
  border: none;
  padding: 0;
  margin: 0;
}

div.filter_form > section.form_price .range-input .input-wrapper > label+div {
  display: flex;
  border: 1px solid #aaa;
  border-radius: 8px;
  position: relative;
}

div.filter_form > section.form_price .range-input .input-wrapper > label+div input {
  width: 120px;
  border: none;
  outline: none;
  padding: 0 0 0 20px;
  margin: 26px 12px 6px;
  background-color: transparent;
  appearance: none;
  height: unset;
  font-size: 1rem;
}

div.filter_form > section.form_price .range-input .input-wrapper > label+div:before {
  content: '\20A9';
  left: 12px;
  bottom: 7px;
  line-height: 1em;
  position: absolute;
}

div.filter_form > section.form_price .range-input .separator {
  display: block;
  width: 30px;
  height: 1px;
  background: #bbb;
  margin-top: 25px;
}

div.collapse-trigger {
  position: relative;
  border-top: 1px solid #ddd;
  padding-top: 1rem;
  display: flex;
}

div.collapse-trigger::after {
  content: '';
  position: absolute;
  display: block;
  background: url(/image/m/arrow_right.png) no-repeat right center;
  background-size: contain;
  width: 15px;
  height: 15px;
  right: 0;
  transition: all 0.2s;
}

div.collapse-trigger.active::after {
  transform: rotate(90deg);
}

div.collapsible {
  display: none;
  margin-top: 1rem;
}

div.collapse-trigger.active+.collapsible {
  display: block;
}

div.filter_form .form_amenities {
  border-bottom: 0;
}

div.filter_form .form_amenities .cont_wrap {
  margin-top: 1rem;
}

div.filter_form .form_amenities h4 {
  font-weight: 600;
}

div.filter_form .form_amenities .active h4 {}

div.filter_form .form_amenities label {
  display: block;
  padding: .5rem 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

div.filter_form .form_amenities label input[type=checkbox] {
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */
  transform: scale(1.5);
  transform-origin: right;
  accent-color: #222;
}

div.filter_form .form_amenities h4 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

div.filter_form .form_amenities .collapsible {
  display: none;
  margin: 0;
}

div.filter_form .form_amenities .collapsible.active {
  display: block;
}

div.filter_form .form_amenities .collapse-trigger {
  text-decoration: underline;
  font-weight: 500;
  margin-top: 1rem;
  display: block;
}

div.filter_form .irs {
  height: 50px;
}

div.filter_form .irs .irs-slider {
  top: 0;
  border-radius: 50%;
  transform: scale(1.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, .35);
}

div.filter_form .irs .irs-line {
  top: 8px;
}

div.filter_form .irs .irs-bar {
  top: 8px;
  background: #222;
}

div.filter_form .irs .irs-min,
div.filter_form .irs .irs-max,
div.filter_form .irs .irs-from,
div.filter_form .irs .irs-to,
div.filter_form .irs .irs-single {
  top: 35px;
}

ul.lists {
  list-style: none;
}

/* Commented out to allow Bootstrap grid to work properly in search page */
/*
ul.lists li {
  min-height: 87px;
  position: relative;
  border-top: 1px solid #ced1d9;
  display: flex;
}

ul.lists li:first-child {
  border-top: 0;
}
*/

ul.lists a.thumb {
  top: 0;
  left: 0;
  padding-right: 1rem;
}

ul.lists a.thumb img {
  object-fit: cover;
  width: 80px;
  height: 80px;
  border-radius: 5px;
}

div.desc {
  display: flex;
  flex-direction: row;
}

div.desc a.thumb {
  position: relative;
  padding-right: 1rem;
}

div.desc+div.desc {
  margin: 0;
  width: 100%;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}

div.desc .list_title {
  font-size: 1rem;
  color: #13405a;
  line-height: 18px;
  overflow: hidden;
  height: 18px;
}

div.desc .address {
  font-size: 11px;
  color: #7b8496;
  margin-top: 3px;
  line-height: 15px;
  overflow: hidden;
}

div.desc .etc {
  margin-top: 8px;
  font-size: 11px;
  color: #7b8496;
}

li .desc div.inq_about {
  color: #999;
  font-size: 12px;
  margin-top: 5px;
}

li .desc span.guest {
  color: #13405a;
  font-weight: bold;
}

span.address {
  font-size: 1rem;
  display: block;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

span.reviews {
  margin-left: 5px;
}

span.heart {
  background: url(/image/m/ic_heart.gif) left center no-repeat;
  background-size: 11px 9.5px;
  padding-left: 11px;
  margin-left: 5px;
}

span.red {
  background: url(/image/m/ic_heart_red.gif) left center no-repeat;
  background-size: 11px 9.5px;
  padding-left: 11px;
  margin-left: 5px;
}

div.price_cont {
  font-size: 24px;
  color: var(--wehome-color);
}

div.price_cont span.currency,
div.price_cont span.krw_total {
  font-size: 14px;
  margin-top: 4px;
}

div.price_cont span.price {
  margin-left: 0px;
  margin-bottom: 0px;
}

div.price_cont2 {
  font-size: 15px;
  color: #bbb;
}

/* Commented out to allow Bootstrap grid to work properly in search page */
/*
ul.lists li.list_photo {
  height: auto;
  margin-bottom: 0px;
  position: relative;
}

ul.lists li.list_photo .photo {
  width: 100%;
}
*/

div.list_photo {
  position: relative;
}

ul.lists li.list_photo div.slide_wrap {
  padding-bottom: 100%;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.19), 0 4px 6px rgba(0, 0, 0, 0);
}

ul.lists li.list_photo div.slide_photos {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}

ul.lists li.list_photo div.slide_photos div {
  height: 100%;
}

ul.lists li.list_photo div.slide_photos div.slick-slide {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eee;
}

div.overlay_box {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 100;
  display: table;
  background-color: #fff;
}

div.title_box {
  color: #fff;
  display: table-cell;
  padding: 10px;
  width: 210px;
}

div.title_box dt {
  font-size: 15px;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
  margin: 3px 0;
}

div.title_box dd {
  font-size: 11px;
}

li.list_photo div.overlay_box {
  width: 100%;
  z-index: 100;
  display: table;
  position: relative;
}

li.list_photo div.title_box {
  display: flex;
  color: #222;
  padding: 1rem 0 0;
  width: 100%;
  justify-content: space-between;
  column-gap: 5px;
}

li.list_photo div.title_box div.title {
  color: #222;
  font-size: 1rem;
  overflow: hidden;
  margin: 0 0 .25rem;
  word-break: break-all;
}

li.list_photo div.title_box div.loc_info {
  color: #808080;
  font-size: 14px;
  display: flex;
  align-items: center;
}

li.list_photo div.title_box div.loc_info > svg {
  margin-left: 2px;
  transform: scale(.8);
}

li.list_photo div.title_box .review {
  display: flex;
  flex-direction: row;
  font-size: .8rem;
  column-gap: .25rem;
  /* width:85px;  */
  white-space: nowrap;
  margin-left: 10px;
  margin-top: 1px;
}

li.list_photo div.title_box .review span {
  /* width:55px; */
  margin-top: 1px;
}

dl.map_info dt {
  font-size: 16px;
  color: #13405a;
}

dl.map_info dd {
  font-size: 11px;
  color: #7b8496;
}

span.fav_box {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: block;
  z-index: 10;
}

span.sheart svg,
a.sheart svg {
  fill: #ccc;
  width: 22px;
  height: 19px;
  transform: scale(1.2);
}

span.sred svg,
a.sred svg {
  fill: var(--wehome-color);
}

div.show_more {
  background-color: #f8f8f8;
  text-align: center;
}

a.btn_more {
  background-color: #fff;
  color: #7b8496;
  margin: 10px;
}

#content.travel .info_box {
  padding: 0;
}

#content.travel .title {
  padding-top: 3rem;
  padding-bottom: 1.5rem;
  font-weight: 600;
}

/* #content.travel .cont {
  padding: var(--padding) 0;
} */

/* rooms */
#content.room {
  padding: 0 var(--padding) 6rem;
  line-height: 1.3em;
  z-index: 111;
  position: relative;
  background: #fff;
}

#content.room .image_slide {
  margin: 0 calc(-1 * var(--padding)) var(--padding);
  position: relative;
}

#content.room .info_box.review .title .overall_point {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

#content.room .info_box.review .title .overall_point svg {
  margin-bottom: 3px;
}

div#slide_map_cont {
  display: none;
}

div#slide_image {
  background-color: #000;
}

div#slide_image div.item {
  background: #fff no-repeat center;
  background-size: cover;
  height: 100%;
  width: 100%;
  padding-bottom: 70%;
  position: relative;
}

#imgmap {
  border-radius: 0.5rem;
}

img#map_close {
  position: absolute;
  top: 10px;
  left: 10px;
}

a.like {
  position: absolute;
  right: 0;
  top: 0;
}

a.like img {
  padding: 5px 13px;
}

li.list_photo div.price_box {
  padding: .75rem 0 2rem;
  line-height: 1em;
}

li.list_photo div.price_box div.price_cont span.if_discount {
  font-size: 12px;
  color: #4d4d4d;
  text-decoration: line-through;
}

li.list_photo div.price_box div.price_cont {
  color: var(--wehome-color);
  position: relative;
  display: block;
  left: 0;
}

li.list_photo div.price_box div.price_cont span.currency {
  font-size: 20px;
  display: inline;
  float: none;
  padding: 0;
  font-weight: bold;
}

li.list_photo div.price_box div.price_cont span.price {
  font-size: 20px;
  display: inline;
  float: none;
  padding: 0;
  font-weight: bold;
}

li.list_photo div.price_box div.price_cont span.base {
  font-size: 13px;
  color: #4c4c4c;
}

div.overlay_box div.host_box {
  position: absolute;
  top: -20px;
  left: 15px;
}

div.overlay_box div.host_box img {
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  width: auto;
}

div.room div.ribbon_image {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 2;
}

div.room div#bottom_button {
  position: fixed;
  bottom: 0;
  /* left: 0; */
  z-index: 101;
  /* margin: 0; */
  margin-left: calc(-1 * var(--padding));
  margin-right: calc(-1 * var(--padding));
  background-color: #fff;
  border-top: 1px solid var(--bottom-naverbar-border-top-color);
  border-left: 1px solid var(--bottom-naverbar-border-side-color);
  border-right: 1px solid var(--bottom-naverbar-border-side-color);
  padding: 1rem 1.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: var(--max-width-in-mobile-only-mode) !important;
}

div.room div#bottom_button div.left {
  display: inline-block;
}

div.room div#bottom_button div.left div.price {
  color: var(--wehome-color);
  font-size: 15px;
  font-weight: bold;
}

div.room div#bottom_button div.left a {
  font-size: .8rem;
  text-decoration: underline;
}

div.room div#bottom_button div.right {
  float: right;
  display: inline;
}

div.room div.default_info {
  padding: 0 0 2rem;
  border-bottom: 1px solid #ddd;
}

div.room div.default_info div.title {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 1rem;
}

div.room div.default_info div.loc_info {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

div.room div.default_info div.short_info {
  font-size: .95rem;
  font-weight: 400;
}

div.room div.default_info .tag_info {
  margin-top: 1.5rem;
}

div.room div.default_info span.keyword {
  margin-right: 5px;
  padding: 5px 10px;
  color: #6800cd;
  background-color: #f9f4fd;
  border-radius: 5px;
  display: inline-block;
  margin-top: .5rem;
}

div.room div.default_info div.review_point {
  font-size: .95rem;
  margin-top: .5rem;
}

div.room div.default_info div.review_point .overall_point {
  display: flex;
  align-items: center;
}

div.room div.default_info div.review_point .overall_point h4 {
  display: inline-block;
  padding-left: .35rem;
  font-weight: 500;
}

div.room div.default_info div.review_point .overall_point h4 a {
  font-weight: 500;
  text-decoration: underline;
}

div.imp,
div.min_stay {
  font-weight: bold;
}

div.room div.price_container {
  padding: 10px;
  border-bottom: 1px solid #d5d5d6;
}

div.room div.price_container a.btn_popup {
  display: block;
  border: 1px solid #6800cd;
  padding: var(--padding);
  border-radius: 10px;
}

div.room div.price_container a.btn_popup img {
  float: right;
}

div.pointbox {
  background-color: #f6f0fc;
  padding: 10px 20px;
  margin-top: 10px;
  border-radius: 10px;
}

div.pointbox span.discount_rate {
  color: #6800cd;
  font-weight: bold;
}

div.price_box {
  overflow: hidden;
}

div.price_box dl.default_price {
  border-bottom: 1px solid #c8c8c8;
  overflow: hidden;
  padding-bottom: 0.5rem;
}

div.price_box dl.default_price dt {
  float: left;
  font-weight: 500;
}

div.price_box dl.default_price dt span.txt_base_price {
  font-size: 12px;
  font-weight: normal;
}

div.price_box dl.default_price dd {
  float: right;
  font-weight: 500;
}

div.price_box dl.default_price dd span.org_price,
div#bottom_button span.org_price {
  text-decoration: line-through;
  font-size: 12px;
  color: #4d4d4d;
  margin-right: 5px;
}

div.price_box div.price_detail dl {
  clear: both;
  color: #4d4d4d;
  padding: .5rem 0;
  line-height: 1em;
}

div.price_box div.price_detail dl dt {
  float: left;
}

div.price_box div.price_detail dl dd {
  float: right;
}

div.price_box div.price_detail dl.total {
  font-weight: 500;
  padding: 1rem 0;
  font-size: 1rem;
  border-top: 1px solid #ddd;
  margin-top: 1rem;
}

div.price_box div.price_detail div.price_help {
  text-align: right;
  clear: both;
}

div.price_box div.price_detail dl dt.info {
  font-size: .8rem;
}

div.price_box div.price_detail dl.detail_deposit {
  color: red;
}

div.price_box div.pre_price_detail {
  padding: 10px 0;
  color: #4d4d4d;
}

div.host_cont {
  padding: 1.5rem 0;
  position: relative;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ddd;
}

div.host_cont .content-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

div.host_cont a.host_name {
  font-size: 1.1rem;
  font-weight: 400;
  padding: 0;
}

div.host_cont div.profile_img {
  position: relative;
}

div.host_cont div.profile_img img {
  border-radius: 50%;
}

div.host_cont div.join_date {
  margin-top: 0.5rem;
  color: #717171;
}

div.host_contact .content-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

div.host_contact a.host_name {
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0;
  margin-bottom: 1rem;
  display: inline-block;
  line-height: 1.2em;
}

div.host_contact div.profile_img {
  position: relative;
}

div.host_contact div.profile_img img {
  border-radius: 50%;
}

div.host_contact div.join_date {
  color: #717171;
}

#content.itinerary .btn_wehome,
div.room .btn_wehome {
  margin: 2.5rem 0 0;
  border-width: 1px;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1rem;
  padding: 0;
  width: 100%;
}

div.room dl.amenities {
  margin-top: 1.5rem;
}

div.room dl.amenities dd {
  margin-bottom: .85rem;
  display: flex;
  align-items: center;
}

div.room dl.amenities dd span.ico_amnt {
  margin-right: 1rem;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}

div.room dl.amenities dd span.ico_amnt img {
  display: block;
  width: 100%;
}

div.room a.viewmore {
  margin-top: 1rem;
}

div.room dl.amenities {
  margin-top: 1.5rem;
}

#full-amenities dl dd,
div.room dl dd {
  margin-bottom: .85rem;
  display: flex;
  align-items: center;
}

#full-amenities dl dd span.ico_amnt,
div.room dl dd span.ico_amnt {
  margin-right: 1rem;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}

#full-amenities dl dd span.ico_amnt img,
div.room dl dd span.ico_amnt img {
  display: block;
  width: 100%;
}

div.room div.rules ul {
  margin-top: 1rem;
}

div.room div.rules ul li {
  color: #717171;
  font-size: 1rem;
  margin-bottom: .25rem;
}

a.block_button {
  display: block;
  border: 1px solid #b0b5c0;
  padding: 7px 20px;
  border-radius: 10px;
  margin-bottom: 10px;
}

a.block_button img.button_image {
  margin-right: 10px;
}

a.block_button img.button_arrow {
  float: right;
  margin-top: 11px;
}

div.room div.book_btn {
  text-align: center;
  overflow: hidden;
}

div.room div.book_btn ul li {
  float: left;
  width: 50%;
}

div.room div.book_btn a.btn {
  height: 40px;
  padding: 0;
  line-height: 40px;
  margin: 5px;
  display: block;
  border: none;
}

div.room div.book_btn a.btn_contact {
  background-color: #fff;
  color: var(--wehome-color);
  border: 2px solid var(--wehome-color);
}

div.room div.book_btn a.btn_directcall {
  background-color: #007599;
  line-height: 40px;
}

div.room div.book_btn a.btn_directcall.off {
  background-color: #c0c0c0;
}

div.room div.book_btn a.btn_directcall div.dc_text {
  line-height: 25px;
}

div.room div.book_btn a.btn_directcall div.dc_time {
  font-size: 10px;
  line-height: 12px;
}

.book_btn {
  text-align: center;
  margin: 10px 10px 0 10px;
}

.info_box {
  clear: both;
  border-bottom: 1px solid #ddd;
  padding: 2rem 0 2rem;
}

.info_box:last-child {
  border-bottom: none;
}

.info_box .title {
  /*line-height:1em;*/
  font-size: 1.5rem;
  color: #000;
}

.info_box .cont {
  font-size: 1rem;
  font-weight: 300;
  color: #000;
}

.info_box div.info {
  margin-top: 1rem;
  color: #000;
}

.info_box div.info dl dt {
  margin: 10px 0 0;
  font-weight: bold;
}

.info_box div.info dl dd {
  margin-bottom: 0;
}

.info_box .title+span {
  line-height: 1.35em;
  margin-top: 1rem;
  color: #717171;
  display: block;
}

.info_box span.info {
  line-height: 1.35em;
  margin-top: 1rem;
  color: #717171;
  display: block;
}

.info_box .cont .description {
  overflow: hidden;
  font-size: 1rem;
  margin: 1.5rem 0 0;
  line-height: 1.7em;
  font-weight: 300;
  line-height: 1.35em;
  color: #000;
}

.info_box .cont .description b {
  font-weight: 300;
}

.info_box .profile_id {
  color: #5E0EC5;
}

.info_box .pop-btn {
  display: flex;
  margin-top: 2rem;
  line-height: 1em;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}

.info_box .pop-btn svg {
  margin-left: 5px;
}

.nodata {
  font-size: 1rem;
  margin-top: 1rem;
}

.nodata a {
  text-decoration: underline;
}

#show_more_cont,
.show_more_cont {
  height: 65px;
  overflow: hidden;
}

.title .right {
  float: right;
  font-size: 11px;
  color: #7b8496;
  margin-right: 10px;
}

a.read_more {
  float: right;
  background: url(/image/m/arrow_down.gif) no-repeat right center;
  background-size: 7px 5px;
  padding: 5px 10px;
  color: #7b8496;
  font-size: 11px;
  display: none;
}

.info_box .table tr:nth-child(even) {
  background-color: #f8f8f8;
}

.info_box .table tr td {
  padding: 7px 10px;
}

.info_box a#cancel_policy,
.info_box a#cancel_policy_longterm {
  color: var(--wehome-color);
  text-decoration: underline;
}

span.has {
  background: url(/image/m/ic_check.png) no-repeat left center;
  background-size: 11px 9px;
  padding-left: 20px;
}

span.nohas {
  background: url(/image/m/ic_x.png) no-repeat left center;
  background-size: 11px 9px;
  padding-left: 20px;
  color: #c8c8c8;
}

.info_box .right_arrow {
  background: url(/image/m/arrow_right.png) no-repeat right center;
  background-size: 8.5px 14.5px;
  padding-right: 20px;
  margin-right: 10px;
}

.info_box .title span.arrow {
  float: right;
  background: url(/image/m/arrow_right.png) no-repeat right center;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: block;
}

.info_box .name_s {
  font-size: 10px;
  color: #7b8496;
}

div.memo {
  border: 1px solid #c8c8c8;
  border-radius: 10px;
  border-top-left-radius: 0;
  padding: 10px;
  position: relative;
  margin-top: 5px;
  word-break: break-all;
  background-color: #fff;
}

div.memo .balloon_arrow {
  background: url(/image/m/balloon_arrow.png) no-repeat;
  width: 10px;
  height: 12px;
  background-size: 10px 12px;
  display: block;
  position: absolute;
  top: -1px;
  left: -10px;
}

div.min40 {
  min-height: 40px;
}

.info_box .cont .description+.description {
  margin-top: 20px;
}

.info_box .cont .description > img.profile {
  border-radius: 50%;
}

.info_box .cont .description .host_response {
  margin-top: 10px;
  display: flex;
}

.info_box .cont .description .host_response .profile {
  padding-left: 39px;
  margin-right: 10px;
}

.info_box .cont .description .host_response .profile img {
  width: 39px;
  height: 39px;
  border-radius: 50%;
}

.info_box .cont .description .host_response dl {
  width: 100%;
}

.info_box .cont .description .host_response dl dt {
  color: #888;
  font-size: 12px;
  letter-spacing: 1px;
}

.info_box .cont .description .host_response dl dd {
  margin-top: 3px;
  padding-bottom: 5px;
}

ul.reviews li div.review .host_response {
  display: flex;
  justify-content: start;
  margin-top: 12px;
  border-top: 1px solid #ddd;
  padding-top: 12px;
  cursor: pointer;
}

ul.reviews li div.reviews .thumb {
  border-radius: 50%;
}

ul.reviews li div.review .host_response .profile img {
  border-radius: 50%;
}

ul.reviews li div.review .host_response dl {
  padding: 0 0 0 10px;
}

ul.reviews li div.review .host_response dt {
  color: #888;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}

ul.reviews li div.review .host_response dd {
  line-height: 1.3em;
  border-top: 10px;
}

ul.photos {
  list-style: none;
}

ul.photos li {
  margin-bottom: .5rem;
}

ul.photos li img {
  display: block;
  width: 100%;
}

/* div.slides{display:none;} */
.slidesjs-navigation {
  display: none;
}

/* Profile */
div#content.profile_photo {
  position: relative;
  min-height: 100px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

div#content.profile_photo .photo {
  position: absolute;
  left: 0px;
  top: 0px;
}

div#content.profile_photo .info {
  padding: 0;
  margin-bottom: .5rem;
  font-size: .9rem;
}

div#content.profile_desc .name,
div#content.my-profile .profile_desc .name {
  font-size: 1.15rem;
  color: #222;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: .15rem;
}

div#content.profile_desc .join_date,
div#content.my-profile .profile_desc .join_date {
  margin-top: .5rem;
  font-size: .8rem;
  color: #7b8496;
}

div#content.profile_desc .profile_id,
div#content.my-profile .profile_desc .profile_id {
  font-size: .8rem;
  color: #7b8496;
}

div#content.profile_desc .profile_edit,
div#content.my-profile .profile_desc .profile_edit {
  margin-top: 10px;
}

div#content.profile_desc span,
div#content.my-profile .profile_desc span {
  color: #888;
  font-weight: 400;
  margin-top: 0;
  font-size: .9rem;
}

/* Hosting */
div#content.message-setup,
div#content.edit-room {
  padding-top: 0rem;
}

div#content.message-setup h2,
div#content.edit-room h2 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: .5rem;
}

div#content.message-setup p.info,
div#content.edit-room p.info {
  margin-bottom: 2rem;
  line-height: 1.35em;
  color: #666;
  font-weight: 300;
}

.edit-listing .modal-body p.note,
div#content.edit-room p.note {
  font-size: 0.8rem;
  margin-top: 1rem;
  color: #000;
  font-weight: 400;
  display: flex;
}

.edit-listing .modal-body p.note+p.note,
div#content.edit-room p.note+p.note {
  margin-top: 0;
}

.edit-listing .modal-body p.note svg,
div#content.edit-room p.note svg {
  width: 1rem;
  height: 1rem;
  margin-right: .5rem;
  fill: #222;
}

.edit-listing .modal-body .input-row+p.note,
.edit-listing .modal-body .input-wrapper+p.note {
  margin-top: -.5rem;
  margin-bottom: 1rem;
}

.edit-listing .modal-body p.note a {
  text-decoration: underline;
}

.edit-listing .modal-body p.note .material-symbols-outlined {
  margin-right: .35rem;
  padding-top: .1rem;
  font-size: 1rem;
}

.edit-listing .modal-body p.note .list-item {
  margin-bottom: 0.5rem;
  display: block;
}

div#content.edit-room {
  min-height: 100vh;
}

div#content.edit-room .btns {
  margin-top: 1.5rem;
}

div.text-input,
.signup_input li {
  position: relative;
  flex: 1 1 0%;
  padding: 0px;
  cursor: text;
  margin-bottom: 16px;
  line-height: 1em;
}

div.text-input label,
.signup_input li label {
  position: absolute;
  font-size: .8rem;
  color: #999;
  top: 9px;
  left: 12px;
  font-weight: 500;
  background: transparent !important;
}

div.text-input label+div,
.signup_input li label+div {
  display: flex;
  border: 1px solid #aaa;
  border-radius: 8px;
}

div.text-input label+div input,
.signup_input li label+div input {
  width: 100%;
  border: none;
  outline: none;
  padding: 0px;
  margin: 26px 12px 6px;
  background-color: transparent;
  appearance: none;
  height: unset;
  line-height: 1.5em;
}


a.btn_message {
  background-color: #00a5d5;
  width: 160px;
  padding: 10px 0;
  border: none;
  margin-top: 20px;
}

div.profile_photo p#info {
  padding: 0;
}

div.profile_photo div.img-box {
  text-align: center;
  margin: 1rem 0;
}

div.profile_photo div.img-box img {
  max-width: 100%;
}

div.profile_photo div.buttons {
  display: flex;
}

div.profile_photo div.buttons a {
  width: 50%;
  padding: 1rem;
}

div.profile_photo div.buttons .fileinput-button input {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    /* font-size: 100%; */
    /* height: 100%; */
  }
}

/* delete account */
.deactivate div.cont {
  padding: 20px;
  text-align: center;
  margin-top: 50px;
}

.deactivate div.cont h1 {
  font-size: 2em;
  margin: 20px 0;
}

.deactivate div.cont ul {
  text-align: left;
  margin: 20px 0;
}

.help {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem .5rem 0;
}

.help a {
  font-size: 14px;
  text-decoration: underline;
}

/* Signup */
div#content.signup {
  padding-top: 2rem;
  padding-bottom: 6rem;
}

div#content.signup .login .what {
  font-size: 1rem;
  padding: 0;
  margin-bottom: 1.5rem;
  font-weight: 300;
}

.signupwith {
  margin: 30px 0 10px 0;
  font-size: 13px;
  color: #7b8496;
}

.ins_login .what {
  -webkit-box-align: center;
  display: flex;
  align-items: center;
  margin: 1rem 0px;
}

.ins_login .what:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgb(221, 221, 221);
  margin-right: 16px;
}

.ins_login .what:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgb(221, 221, 221);
  margin-left: 16px;
}

.ins_login .what span {
  width: 15rem;
  text-align: center;
}

.ins_login a,
.ins_login a:hover {
  background: #fff;
  color: #222;
  margin-bottom: 1rem;
  -webkit-box-align: center;
  display: flex;
  align-items: center;
}

.ins_login a .login-logo {
  width: 20px;
}

.ins_login a .login-logo img {
  display: block;
  width: 100%;
}

.ins_login a .login-logo+div {
  width: calc(100% - 20px);
  font-weight: 600;
  font-size: .9rem;
}

.ins_login a.apple_login .login-logo img {
  width: 15px;
}

.signup_btn,
a.signup_btn {
  width: 180px;
  color: #fff;
}

div.signup ul.btns {
  list-style: none;
}

div.signup ul.btns li {
  margin: 5px 0;
}

.signup_input {
  list-style: none;
}

.signup_input li:last-child {
  margin-bottom: 0;
}

.signup_input li a.btn {
  border: none;
  height: 48px;
  border-radius: 8px;
  line-height: 1em;
  font-size: 1rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.signup_input li a.btn.light {
  border: 1px solid var(--wehome-color)
}

.signup_input li.help {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem .5rem 0;
}

.signup_input li.help a {
  font-size: 14px;
  text-decoration: underline;
}

.signup_input li.check {
  display: flex;
  align-items: flex-start;
}

.signup_input li.check input {
  margin-right: .5rem;
}

.signup_input li.check label {
  position: relative;
  top: unset;
  left: unset;
}

div.member {
  font-size: 15px;
  color: #7b8496;
}

div.member a {
  color: #13405a;
  font-weight: bold;
}

a.terms {
  font-weight: bold;
}

/* Login */
.ins_login {
  margin-bottom: 20px;
}

.ins_login a {
  padding: 13px 23px;
  border: 1px solid #222;
  border-radius: .5rem;
  font-size: 1rem;
}

.what {
  font-size: 13px;
  color: #000;
  padding: 5px;
}

img.sns_logo {
  padding-right: 10px;
  vertical-align: middle;
}

/* Reviews */
.info_box.review h4 {
  display: inline-block;
  font-weight: 500;
}

.info_box.review h4 a {
  font-weight: 500;
  color: var(--wehome-color);
}

.info_box.review .reviews-wrapper {
  margin-right: -2rem;
  margin-left: -2rem;
  overflow-x: hidden;
}

.info_box.review .reviews-wrapper li {
  margin-top: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  margin-right: 1rem;
}

.info_box.review .reviews-wrapper li .profile {
  display: flex;
  padding-top: 1.5rem;
  align-items: center;
}

.info_box.review .reviews-wrapper li .profile a {
  padding-right: .5rem;
  font-size: 14px;
}

.info_box.review .reviews-wrapper li .profile a img {
  border-radius: 50%;
}

.info_box.review .reviews-wrapper li .profile .date {
  font-size: 12px;
  color: #A7A7A7;
}

.info_box.review .review_cont {
  display: flex;
  flex-direction: column;
  min-height: 12rem;
  justify-content: space-between;
}

.info_box.review .review_cont .stars {
  display: flex;
  flex-direction: row;
  color: #6800cd;
  gap: 4px;
  margin-bottom: 10px;
}

.info_box.review .review_cont .stars .glyphicon {
  margin: 0px;
  height: auto;
}

.info_box.review .review_cont .stars .unchecked {
  color: #d7d7d7;
}

.info_box.review .slick-track {
  padding: 0 4rem 0 2rem;
  margin-bottom: .5rem;
}

.info_box.review .slick-list {
  padding: 0 6rem 0 0 !important;
}

.info_box.review ul.reviews li span.review_cont div.tools {
  margin-top: 1.5rem;
}

.info_box.review ul.reviews li span.review_cont div.tools a {
  font-size: .8rem;
  text-decoration: underline;
  color: var(--wehome-color);
}

.info_box.review ul.reviews li span.review_cont div.tools img.loading {
  display: none;
}

/* 리뷰 항목들 높이 통일 */
.info_box.review .reviews-wrapper ul.reviews {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.info_box.review .reviews-wrapper ul.reviews li {
  display: flex;
  min-height: 120px; /* 최소 높이 설정 */
}

.info_box.review .reviews-wrapper ul.reviews li a {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: inherit;
  gap: 13px;
  padding: 15px;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  min-height: inherit;
  gap: 5px;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .review {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.info_box.review .reviews-wrapper ul.reviews li a {
  text-decoration: none !important;
}

.info_box.review .reviews-wrapper ul.reviews li a:hover {
  text-decoration: none !important;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .review .stars {
  display: flex;
  flex-direction: row;
  color: #6800cd;
  gap: 2px;
  margin-bottom: 5px;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .review .stars svg {
  fill: #6700ca !important;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .review .stars svg.bi-star-fill {
  fill: #6700ca !important;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .review .stars svg.bi-star-fill path {
  fill: #6700ca !important;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .review .stars svg.bi-star {
  fill: #d7d7d7 !important;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .review .stars svg.bi-star path {
  fill: #d7d7d7 !important;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .review-text {
  font-size: 13px;
  color: rgb(102, 102, 102);
  font-weight: normal;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc .date {
  font-size: 0.8em;
  color: rgb(102, 102, 102);
}

.info_box.review .reviews-wrapper ul.reviews li a .right_cont {
  margin-top: 15px;
}

/* 높이 통일을 위한 CSS */
.info_box.review .reviews-wrapper ul.reviews {
  display: grid;
  gap: 1rem;
}

.info_box.review .reviews-wrapper ul.reviews li {
  display: flex;
  min-height: 120px;
}

.info_box.review .reviews-wrapper ul.reviews li a {
  width: 100%;
  display: flex;
  align-items: flex-start;
  min-height: inherit;
  gap: 13px;
}

.info_box.review .reviews-wrapper ul.reviews li a .desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: inherit;
  gap: 5px;
}

.review-list > ul.reviews {
  list-style: none;
  margin: 0;
  padding: 0;
}

.review-list > ul.reviews li {
  position: relative !important;
  border-bottom: 1px solid #d4d4d4;
  padding: 0;
  clear: both;
  min-height: auto;
  display: block;
}

.review-list > ul.reviews li:last-child {
  border-bottom: none;
}

.review-list > ul.reviews li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  text-decoration: none;
  color: inherit;
}

.review-list > ul.reviews li a.thumb {
  position: unset;
  flex-shrink: 0;
}

.review-list > ul.reviews li a.thumb img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.review-list > ul.reviews li .desc {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}

.review-list > ul.reviews li a.name,
ul.reviews li .name {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  text-decoration: none;
}

.review-list > ul.reviews li span.time {
  position: static;
  right: auto;
  top: auto;
  font-size: .8em;
  color: #666;
}

.review-list > ul.reviews li img.thumb {
  align-self: flex-start;
  margin-top: 2px;
}

.review-list > ul.reviews li div.review {
  font-size: 13px;
  color: #666;
  font-weight: normal;
}

.review-list > ul.reviews li div.review .stars {
  display: flex;
  flex-direction: row;
  color: #6800cd;
  gap: 4px;
  margin-bottom: 5px;
}

.review-list > ul.reviews li div.review .stars .glyphicon {
  margin: 0px;
  height: auto;
}

.review-list > ul.reviews li div.review .stars .unchecked {
  color: #d7d7d7;
}

.review-list > ul.reviews li div.review .tools {
  margin-top: 10px;
}

.review-list > ul.reviews li .right_cont {
  align-self: flex-start;
  margin-top: 18px;
}

.review-list > ul.reviews li div.inq_about {
  color: #666;
  font-size: .9rem;
}

.review-list > ul.reviews li div.inq_about .inq_what {
  color: #222;
  font-weight: 500;
}

.review-list > ul.reviews li .date {
  font-size: .8em;
  color: #666;
}

.review-list > ul.reviews li .review {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* .review-list > ul.reviews li .review-text {
} */

.review-list > ul.reviews li .host_response {
  margin-top: 10px;
  padding: 15px;
  background-color: #f9f9f9;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.review-list > ul.reviews li .host_response .title {
  font-weight: 500;
  color: #222;
}

.review-list > ul.reviews li .host_response .host_response_body {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
}

.review-list > ul.reviews li .host_response .host_response_body .reivew_memo_container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}

.review-list > ul.reviews li .host_response .host_response_body .reivew_memo_container .name {
  font-size: 14px;
  color: #222;
  font-weight: 500;
}

.review-list > ul.reviews li .host_response .host_response_body .reivew_memo_container .review_memo {
  font-size: 13px;
  color: #666;
  font-weight: normal;
}

.review-list > ul.reviews li .host_response .host_response_body .right_cont {
  margin-top: 10px !important;
}

.review-list > ul.reviews li .host_response .host_response_body img.profile {
  border-radius: 50%;
  width: 39px;
  height: 39px;
  align-self: flex-start;
  margin-top: 2px;
}

.review-list > ul.reviews li .stars .star {
  width: 12px;
  height: 12px;
  display: inline-block;
}

.review-list > ul.reviews li .reply_section {
  margin-top: 10px;
}

.review-list > ul.reviews li .reply_section .comment_btn {
  font-size: 13px;
  width: auto !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  line-height: inherit !important;
}

ul.message li {
  min-height: 39px;
}

ul.message li div.desc {
  margin-left: 1rem;
}

/* write review */
/*
div.write_review li.room{background-color: #f6f0fc; padding:10px;}
div.write_review ul.list img.thumb{position:absolute;top:10px;left:10px;}
div.write_review ul.list{padding:10px 10px;}
div.write_review ul.list li.room{min-height:93px; position:relative; border-top:none;}
div.write_review ul.list li.room div.desc{margin-left:103px; padding:0;}
div.write_review ul.list li.room div.desc .list_title {font-size: 1.1rem; color: #000; line-height: 18px; overflow:visible; height: auto;font-weight: 500}
div.write_review ul.list li.room div.address_box{margin-left:103px; color:#4d4d4d; margin-top:10px;}
div.write_review ul.list li.room div.address_box div.trip_date{font-weight: bold;}
div.write_review ul.list li.who{text-align: center; color:#6700ca; font-weight: bold; padding: 30px 20px;}
div.write_review section.message{margin-top:50px;}
*/

section.rate_cont {
  padding: 0;
}

section.rate_cont h2 {
  font-size: 1.2em;
}

section.rate_cont h3 {
  font-size: 1em;
  margin-top: 25px;
  font-weight: 300;
}

section.rate_cont div.rate {
  margin: 10px 0;
  text-align: center;
}

.star {
  width: 45px;
  height: 45px;
  margin: 5px;
}

/* 
.starfill {
  display: inline-block;content: "";vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%236700ca' viewBox='0 0 16 16' > <path d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/ > </svg > ");
  background-repeat: no-repeat;
}
.starempty {
  display: inline-block;content: "";vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%236700ca' viewBox='0 0 16 16' > <path d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z'/ > </svg > ");
  background-repeat: no-repeat;
} */
.starfill {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%236700ca' stroke='%236700ca' stroke-width='1' viewBox='0 0 32 32' > <path d='M16 2.5l4.5 9.1 10 1.5-7.2 7 1.7 10-9-4.7-9 4.7 1.7-10-7.2-7 10-1.5L16 2.5z'/ > </svg > ");
  background-repeat: no-repeat;
  background-size: contain;
}

.starempty {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236700ca' stroke-width='1' viewBox='0 0 32 32' > <path d='M16 2.5l4.5 9.1 10 1.5-7.2 7 1.7 10-9-4.7-9 4.7 1.7-10-7.2-7 10-1.5L16 2.5z'/ > </svg > ");
  background-repeat: no-repeat;
  background-size: contain;
  /* SVG가 div 크기에 맞게 조정되도록 설정 */
}

section.sub {
  margin-top: 50px;
}

section.sub .star {
  width: 45px;
  height: 45px;
  margin: 5px;
}

section.rate_cont textarea {
  width: 100%;
}

section.rate_cont div.rate_text {
  text-align: center;
}

div.review_done {
  text-align: center;
  padding: 20px;
}

div.review_done h1 {
  font-size: 2em;
  color: var(--wehome-color);
}

div.rate.radio label {
  margin-right: 20px;
}

.review_header {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}

.review_header .list {
  display: flex;
  flex-direction: row;
}

.review_header .list .thumb {
  width: 93px;
  height: 93px;
  border-radius: 5px;
  margin-right: 15px;
}

.review_header .list .details {
  display: flex;
  flex-direction: column;
}

.review_header .list .details .confirm-code {
  color: #888;
  font-size: 0.9rem;
}

.review_header .list .details .title {
  margin-top: 5px;
}

.review_header .list .details .address {
  margin-top: 7px;
  color: #888;
  font-size: 0.8rem;
}

.review_header .date-and-price {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  justify-content: space-between;
}

.review_header .date-and-price .date {
  color: #6800cd;
  font-size: 0.8rem;
}

.review_header .date-and-price .price {
  color: #6800cd;
  font-size: 1.3rem;
}

.review_header .date-and-price .currency {
  font-size: 0.8rem;
  margin-right: 5px;
}

.review_header .who {
  text-align: center;
  color: #5E5E5E;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 40px;
}

section.rate_cont {
  margin-top: 40px;
}

section.rate_cont textarea {
  margin-top: 15px;
}

section.request {
  margin-top: 25px;
  margin-bottom: 15px;
}

/* Book */
div.book {
  width: 100%;
  overflow: hidden;
}

div.book ul.lists {
  padding: 1.5rem 0;
}

div.book ul.lists li {
  min-height: unset;
  position: relative;
  border-top: none;
  flex-direction: row;
  display: flex;
}

div.book ul.lists li div.desc {
  margin-left: 1rem;
  padding: 0;
  display: flex;
  flex-direction: column;
}

div.book ul.lists li div.desc .list_title {
  font-size: 16px;
  color: #000;
  line-height: 18px;
  overflow: visible;
  height: auto;
  font-weight: bold;
}

div.book ul.lists li div.desc .address {
  margin-top: 0.5rem;
}

div.book ul.lists li div.address_box {
  color: #4d4d4d
}

div.book ul.lists li div.address_box div.trip_date {
  font-weight: bold;
}

div.book div.coupon_input {
  text-align: center;
  margin: 20px 10px;
}

div.book div.coupon_input input {
  border: 0;
  border: 1px solid #000;
  margin: 0 5px 15px;
  padding: 5px 10px;
}

div.book section.request {
  margin: 20px 0;
}

ul.book {
  list-style: none;
}

ul.book li {
  padding: 15px 0;
  border-top: 1px solid #c8c8c8;
  font-size: 15px;
  color: #000;
}

/* ul.book li.date{background:url(/image/m/ic_cal.gif) no-repeat 10px center; background-size:23px 21.5px; text-indent:40px;} */
ul.book li.calendar {
  padding: 0;
  background-color: #f8f8f8;
  display: none;
}

/* ul.book li.price{background:url(/image/m/ic_dollar.gif) no-repeat 10px 15px; background-size:23px 21.5px; padding-left:40px;
 padding:15px 0 0 40px;} */
ul.book li.price div.total {
  padding-bottom: 10px;
}

ul.book li.price dl {
  border-top: 1px solid #ced1d9;
  clear: both;
  padding: 10px 0;
  font-size: 13px;
  overflow: hidden;
}

ul.book li.price dl dt {
  float: left;
  color: #7a8d99;
}

ul.book li.price dl dd {
  float: right;
  margin-right: 10px;
  color: #667680;
}

ul.book div.price_detail a#coupon_cancel {
  display: none;
}

dl#detail_coupon dd input.no_border {
  width: 100px;
}

ul.book li.result {
  padding: 10px;
}

ul.book li div.right {
  color: var(--wehome-color);
  margin-right: 10px;
}

ul.book li div.right a {
  padding-left: 10px;
}

ul.book li.price div.right {
  font-size: 18px;
  line-height: 1em;
}

span#num_guest {
  background-color: #000;
  border-radius: 5px;
  padding: 5px 7px;
  margin: 0 10px;
  color: #fff;
  font-size: 16px;
}

div.book div.message {
  background-color: #f8f8f8;
  padding: 1rem;
  border-top: 1px solid #ced1d9;
  border-bottom: 1px solid #ced1d9;
}

div.book div.message label {
  display: block;
  font-size: 15px;
  color: #13405a;
  padding: 0;
  margin-bottom: .5rem;
}

div.book div.message textarea {
  width: 100%;
  border-radius: 0;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  margin-bottom: 0.5rem;
}

div.book div.message div.info a {
  font-weight: bold;
  text-decoration: underline;
}

ul.book li.result dl {
  margin-top: 10px;
}

ul.book li.result dl dt {
  font-weight: bold;
}

ul.bank_info li {
  border-top: 0;
  padding: 0;
  line-height: 1.5em;
}

ul.bank_info li label {
  display: inline-block;
  width: 100px;
  font-weight: 400;
}

div#calendar {
  overflow: hidden;
}

div.cal_name {
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
}

div.cal_name a {
  padding: 0;
  display: flex;
}

div.cal_name a span {
  font-size: 2.5rem;
}

div.cal_name span#month_name {
  font-size: 22px;
  font-weight: 400;
}

ul.week_name,
ul.cal {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
  clear: both;
}

ul.week_name {
  width: 100%;
}

ul.week_name li {
  width: calc(100% / 7);
  float: left;
  border-top: 0;
  text-align: center;
  position: relative;
  font-size: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

ul.week_name li.end {
  color: #959595;
}

div.cal_box {
  width: 100%
}

ul.cal {
  background-color: #fff;
}

ul.cal li {
  width: calc(100% / 7);
  float: left;
  text-align: center;
  position: relative;
  font-size: 1rem;
  padding: 0;
}

ul.cal li.cmon {
  opacity: 1;
}

ul.cal li div.day_cont {
  padding: 1px 0 0 0;
  height: 39px;
}

ul.cal li div.month {
  color: #b8b8b8;
  font-size: 9px;
}

ul.cal li div.day {
  color: #000;
  font-size: 18px;
}

ul.cal li.sel div.day_cont {
  background-color: var(--wehome-color);
  color: #fff;
  border-radius: 50%;
}

ul.cal li.sel div.month,
ul.cal li.sel div.day {
  color: #fff;
}

ul.cal li.notavail div.day {
  font-weight: 300;
  color: #ccc !important;
}

ul.cal li.notavail2 div.day {
  /* color:#888; */
  color: #ccc;
}

div.cal_btn {
  padding: 10px;
  border-top: 1px solid #ced1d9;
  text-align: center;
  position: relative;
}

span#pick_date {
  display: none;
}

/* Message */
#content.inbox {
  /* height: calc(100% - 67px); */
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 50px !important;
  padding-bottom: var(--bottom-naverbar-height) !important;
  display: flex;
  flex-direction: column;
  /* position: relative; */
  /* justify-content: space-between; */
}

#content.inbox+nav+footer {
  display: none;
}

#content.inbox .messages {
  padding: 1.5rem;
  flex-grow: 2;
}

#content.inbox div.write_cont {
  flex-grow: 1;
  width: 100%;
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background-color: #f5f5f5;
  border-top: 1px solid #efefef;
}

#content.inbox div.write_cont .write_box {
  width: calc(100% - 30px - 1rem);
}

#content.inbox div.write_cont #sendbox {
  border: 2px solid #ccc;
  border-radius: 0;
  width: calc(100% - 1rem - 10px);
  margin: 10px 1rem 10px 10px;
  padding: 10px 45px 10px 10px;
  font-size: 14px;
  resize: none;
  overflow: hidden;
  line-height: 1.5em;
  border-radius: 10px;
  height: 46px;
  min-height: 46px;
  max-height: 116px;
  display: block;
  overflow-y: scroll;
}

#content.inbox div.write_cont button,
#content.inbox div.write_cont a.btn {
  line-height: normal;
  width: 30px;
  height: 30px;
  display: flex;
  padding: 0;
  bottom: 18px;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  background-color: var(--wehome-color);
  border-radius: 50%;
  cursor: pointer;
}

#content.inbox div.write_cont button span,
#content.inbox div.write_cont a.btn span {
  font-size: 18px;
  color: #fff;
}

#content.inbox div.write_cont button#submit_btn.send_btn {
  display: none;
  opacity: 0;
  transition: opacity .5s;
  position: absolute;
  right: calc(1rem + 10px);
}

#content.inbox div.write_cont button#submit_btn.show {
  opacity: 1;
  display: flex;
}

#content.inbox * {
  box-sizing: border-box;
}

#content.inbox .fileinput-button input {
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 50px;
  direction: ltr;
  cursor: pointer;
}

ul.messages {
  overflow-y: scroll;
  padding: 1.5rem 1.5rem 3rem;
}

ul.messages li.buttons {
  margin: 10px;
}

ul.messages li {
  position: relative;
  width: 100%;
  display: flex;
  float: none;
}

ul.messages li+li {
  margin-top: 2rem;
}

ul.messages li div.name {
  color: #222;
  font-size: 14px;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 5px;
}

ul.messages li div.name .time {
  font-size: 11px;
  font-weight: normal;
  color: #bbbbbc;
}

ul.messages li div.name span+span.time {
  margin-left: 5px;
}

ul.messages li a.thumb img {
  border-radius: 50%;
}

ul.messages li a.thumb {
  position: relative;
  margin-right: .75rem;
  margin-top: 3px;
}

ul.messages li.right a.thumb {
  top: 0;
  left: auto;
  right: 0;
}

ul.messages li.right div.name {
  text-align: right
}

ul.messages li div.desc {
  font-size: 14px;
  display: inline-block;
  line-height: 1.35em;
  display: flex;
  flex-direction: column;
}

ul.messages li.left div.desc {
  display: inline-block;
}

ul.messages li.right div.desc {
  margin: 0 50px;
  position: relative;
  padding: 0;
  display: inline-block;
}

ul.messages li div.desc.system {
  margin: 0;
  display: block;
  width: 100%;
}

ul.messages li div.desc.system .memo {
  border-radius: 5px;
  padding: 15px;
  margin: 0;
  position: relative;
  background: #eee;
  border: none;
  font-size: 12px;
}

ul.messages li div.memo a.out_link {
  text-decoration: underline;
}

ul.messages li.right div.memo {
  text-align: left;
}

ul.messages li div.system div.list_name a {
  color: var(--wehome-color);
  text-decoration: underline;
}

ul.messages li div.system div.address {
  font-size: 12px;
  color: #717171;
  font-weight: 500;
}

ul.messages li div.system div.host_price {
  color: var(--wehome-color);
}

ul.messages li div.system div.alarm_text {
  color: #ffa200;
  margin-top: 3px;
}

ul.messages li div.system div.btns {
  margin-top: 10px;
}

ul.messages li .is_read {
  margin-top: 0.5rem;
  font-size: 12px;
  color: var(--wehome-color);
  display: none;
}

img.msg_img {
  max-width: 60vw;
}

div.img_info {
  font-size: 11px;
  color: #999;
  font-style: italic;
  margin-top: 5px;
}

div.reply {
  padding: 10px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ced1d9;
}

div.reply textarea {
  width: 100%;
  margin: 0;
  border-radius: 10px;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 16px;
}

div.reply a#send_message {
  margin-bottom: 10px;
}

div#layer_upload {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  overflow-y: auto;
  padding: 20px;
  background-color: #fff;
  text-align: center;
  z-index: 9999;
}

div.pop_upload_tools {
  margin: 0;
}

div.pop_upload_tools button {
  margin-bottom: 10px;
}

div.pop_upload_tools .upload_cancel {
  background: #aaa;
}

div.layer_cont {
  margin-bottom: 50px;
}

img#upload_image {
  width: 100%;
}

div.layer_bottom {
  height: 150px;
}

.cropper-point.point-nw {
  width: 20px;
  height: 20px;
}

div.checkinout {
  color: var(--wehome-color);
  font-size: 12px;
  margin-top: 10px;
}

ul.lists a.thumb2 {}

ul.lists div.travel div.booking_code {
  text-align: left;
  margin-bottom: 5px;
  color: #7b8496;
}

ul.lists div.status_bar {
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  padding-top: 1rem;
}

ul.lists div.status_bar div.right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.review-btn-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.review-btn-container .review-done-hint {
  background-color: #6800cd;
  color: #fff;
  display: block;
  font-size: 11px;
  padding: 2px 5px;
  border-radius: 12px;
  line-height: 12px;
  user-select: none !important;
  cursor: pointer;
  margin-right: 8px;
}

ul.lists div.status_bar div.right a {
  text-decoration: underline;
}

ul.lists div.status_bar div.right a.disabled {
  color: #aaa;
}

/* ul.lists div.status_bar div.right a + a { margin-left: 1rem;} */
ul.lists div.status_bar .helper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

ul.lists div.status_bar .helper img {
  margin-bottom: 2px;
}

div.travel div.accept,
div.travel div.reviewed {
  color: var(--wehome-color);
}

div.travel div.pending,
div.travel div.review a {
  color: var(--wehome-color);
}

div.travel div.declined {
  color: #aba7b1;
}

div.travel ul.lists li {
  min-height: unset;
  border: 1px solid #ddd;
  border-radius: 10px;
  display: block;
  width: 100%;
  padding: 1rem;
  margin-bottom: 2rem;
}

div.travel ul.lists li a.thumb {
  position: relative;
}

div.travel ul.lists li a.thumb img {
  object-fit: cover;
}

div.travel ul.lists .spacer {
  display: none;
}

/* My Profile */
div#content .header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

div#content .header_main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 3px;
}

div#content .header_right_m {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

div#content .header_right_m #btn_menu {
  display: none !important;
}

div#content .header_right_m a.btn_noti,
div#content .header_right_m a.btn_noti:hover {
  position: relative;
  padding: 0;
  line-height: 1em;
  border: none;
  width: 24px;
  height: 24px;
  margin-right: -12px;
  color: var(--wehome-color) !important;
  background-color: transparent !important;
}

div#content .header_right_m a.btn_noti svg {
  display: block;
  width: 100%;
  height: 100%;
}

div#content.my-account h1 {
  /* margin-bottom: 1rem;  */
  margin-bottom: 0px;
}

/* div#content.my-account h1 + p { margin-bottom: 1.5rem; color: #717171; } */

div#content.my-account h1+.id {
  font-size: .8rem;
  /* margin-top: -1rem;  */
  color: var(--wehome-color);
  margin-bottom: 0px !important;
}

div#content.my-account #login-btn+p {
  margin-top: 1rem;
  font-weight: 400;
}

div#content.my-account #login-btn+p a {
  text-decoration: underline;
  color: #000;
}

div#content.my-account .profile_box {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 2rem;
}

div#content.my-account .profile_box img {
  margin-right: 1rem;
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
}

div#content.my-account .profile_desc {
  padding: 0;
  margin: 0;
  width: calc(100% - 4.5rem);
  color: #222;
  text-decoration: none;
  line-height: 1.35em;
  line-height: 1.35em;
}

div#content.my-account .profile_desc:after {
  content: '';
  position: absolute;
  display: block;
  background: url(/image/m/arrow_right.png) no-repeat right center;
  background-size: contain;
  width: 15px;
  height: 15px;
  right: 0;
  top: 50%;
  margin-top: -7px;
}

div#content.my-account .profile_desc .name {
  font-size: 1.2rem;
  margin-bottom: .35rem;
}

div#content.my-account .profile_desc .view {
  font-size: 1rem;
  color: #999;
  margin-bottom: .35rem;
}

div#content.my-account .changemenu {
  margin-top: 2rem;
}

div#content.my-account ul.lists {
  margin-top: 1.5rem;
}

div#content.my-account ul.lists li {
  display: flex;
  flex-direction: column;
  border-radius: .5rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
}

div#content.my-account ul.lists li > div {
  display: flex;
}

div#content.my-account ul.lists li > div+div {
  padding-top: 1rem;
}

div#content.my-account ul.lists a.thumb {
  position: relative;
}

div#content.my-account ul.lists a.thumb img {
  object-fit: cover;
}

div#content.my-account ul.lists div.desc {
  flex-direction: column;
  width: 100%;
}

div#content.my-account ul.lists div.last_box {
  margin: 1rem 0 0;
  padding: .5rem 0 0;
  border: 0;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
}

div#content.my-account ul.lists div.last_box > div {
  display: flex;
  align-items: center;
  grid-gap: .5rem;
}

div#content.my-account ul.lists div.desc .price_cont {
  margin-top: 1rem;
  text-align: right;
  line-height: 1em;
  margin-top: 2.5rem;
}

div#content.my-account .info_box .title {
  font-size: 1.2rem;
  font-weight: 600;
}

div#content.edit-account .menu {
  border: none;
  /* margin-top:1rem;  */
  margin: 0;
}

div#content.edit-account .menu > li {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0;
  border-bottom: 1px solid #ddd;
}

div#content.edit-account .menu > li .text {
  line-height: 1em;
}

div#content.edit-account .menu > li .text span {
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

div#content.edit-account .menu > li .text p {
  color: #888;
  margin: 0;
}

div#content.edit-account .menu > li a {
  text-decoration: underline;
}

.modal.edit-account .modal-body h4 {
  margin-bottom: 1.5rem;
}

.modal.edit-account .modal-body .editmobile {
  border: none;
  margin: 0;
  padding: 0;
  max-width: unset;
  width: 100%;
}

.modal.edit-account .modal-body .editmobile h1 {
  font-size: 1rem;
}

.modal.edit-account .modal-body .editmobile .row {
  margin: 0 0 .5rem;
}

.modal.edit-account .modal-body .editmobile #country_code {
  display: none;
}

div#content.account-payments {
  position: relative;
  z-index: 111;
  background: #fff;
  min-height: calc(100vh - 50px);
}

div#content.account-payments .menu {
  border: none;
  margin-top: 1rem;
}

div#content.account-payments .menu > li {
  padding: 1.5rem 0;
  border-bottom: 1px solid #ddd;
}

div#content.account-payments .menu > li a {
  padding: 0;
}

div#content.account-payments .info_box > h4 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

div#content.account-payments .info_box > .list-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

/* div#content.account-payments .list { 
  margin-top: 3rem; 
} */
div#content.account-payments .list li {
  margin-bottom: 1.5rem;
}

div#content.account-payments .list .thumb+a {
  width: 100%;
}

div#content.account-payments .list .thumb img {
  width: 45px;
  height: 45px;
  border-radius: 3px;
  object-fit: cover;
}

div#content.account-payments .list .payment {
  display: flex;
  justify-content: space-between;
  font-size: .9rem;
  font-weight: 500;
  margin-bottom: 4px;
}

div#content.account-payments .list .method,
div#content.account-payments .list .address,
div#content.account-payments .list .dates {
  font-size: .8rem;
  color: #888;
  margin-bottom: 2px;
}

div#content .list li:last-child {
  margin-bottom: 0 !important;
}

/* My Profile */
div#content.user-profile {
  padding-top: 1.5rem;
  position: relative;
  z-index: 0 !important;
  background: #fff;
}

div#content.user-profile h1 {
  margin-bottom: 1rem;
}

div#content.user-profile h1+p {
  margin-bottom: 1.5rem;
  color: #717171;
}

a.edit-profile {
  position: absolute;
  right: 1.5rem;
  color: #222;
  text-decoration: underline;
}

a.edit-profile:hover {
  color: #222;
}

div#content.user-profile .profile-box {
  padding: 2rem;
  border-radius: 1.5rem;
  /* box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); */
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.11);
  display: flex;
  column-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  /* margin-top: 50px; */
  /* border-color: #ededed;
  border-width: 1px;
  border-style: solid;
  background-color: #f7f7f7;   */
}

div#content.user-profile .profile-box > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}

div#content.user-profile .profile-box .name {
  font-size: 1.75rem;
  font-weight: 600;
  margin-top: 1rem;
  line-height: 1em;
}

div#content.user-profile .profile-box .type {
  margin-top: .5rem;
  line-height: 1em;
}

div#content.user-profile .profile-box .profile_photo {
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
}

div#content.user-profile .profile-box .profile_desc {
  width: 100px;
}

div#content.user-profile .profile-box .profile_desc > div {
  border-bottom: 1px solid #ddd;
  padding-bottom: .75rem;
}

div#content.user-profile .profile-box .profile_desc > div+div {
  padding-top: .75rem;
}

div#content.user-profile .profile-box .profile_desc > div:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

div#content.user-profile .profile-box .profile_desc > div p {
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 5px;
}

div#content.user-profile .profile-box .profile_desc > div span {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1em;
  display: flex;
  align-items: flex-end;
  column-gap: .15rem;
}

div#content.user-profile .profile-box .profile_desc > div span p {
  margin-bottom: 3px;
}

div#content.user-profile .aboutme {
  border-bottom: 1px solid #ddd !important;
}

div#content.user-profile .aboutme:first-child {
  border-top: 1px solid #ddd !important;
}

div#content.user-profile .bio {
  margin: 0px !important;
  line-height: 1.65em;
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

div#content.user-profile .info_box.review {
  /* padding-top: 2.5rem;
  padding-bottom: 2.5rem; */
  padding: 2rem 0 2rem;
}

div#content.user-profile .verified ul {
  margin-top: 1.5rem;
  margin-bottom: 0px;
}

div#content.user-profile .verified ul li {
  display: flex;
  align-items: center;
  column-gap: .5rem;
  margin-bottom: .5rem;
}

div#content.user-profile .verified ul li:last-child {
  margin-bottom: 0;
}

div#content.user-profile .listing ul {
  margin-top: 1.5rem;
  display: flex;
  column-gap: 1.5rem;
  overflow: auto;
  white-space: nowrap;
  width: 100vw;
  margin-left: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

div#content.user-profile .listing ul li {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 230px;
  border: none;
}

div#content.user-profile .listing ul li a.thumb {
  padding: 0;
}

div#content.user-profile .listing ul li a.thumb img {
  width: 230px;
  height: 230px;
  border-radius: 1rem;
}

div#content.user-profile .listing ul li div.desc {
  flex-direction: column;
  margin-top: .75rem;
  line-height: 1.35em;
}

div#content.user-profile .listing ul li div.desc > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.5rem;
}

div#content.user-profile .listing ul li div.desc .type {
  font-weight: 500;
}

div#content.user-profile .listing ul li div.desc .review {
  display: flex;
  font-size: .8rem;
  justify-content: flex-end;
  align-items: center;
  column-gap: .25rem;
  width: 80px;
}

div#content.user-profile .listing ul li div.desc .review svg {
  width: 14px;
  height: 14px;
}

div#content.user-profile .listing ul li div.desc a.list {
  display: grid;
}

div#content.user-profile .listing ul li div.desc a.list .list_title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  color: #222;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5em;
  height: unset;
}

div#content.user-profile .listing ul li div.desc a.list .address {
  font-size: .75rem;
  color: #666;
  line-height: 1em;
  font-weight: 500;
  margin-top: .15rem;
}

/* Edit Profile */
div#content.edit-profile {
  padding-top: 2.5rem;
  position: relative;
  z-index: 111;
  background: #fff;
}

div#content.edit-profile .img-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

div#content.edit-profile .img-box #profile_image {
  width: 100%;
  height: 100%;
  max-width: 220px;
  max-height: 220px;
  border-radius: 50%;
}

div#content.edit-profile .img-box .buttons {
  margin-top: -1rem;
  display: flex;
  justify-content: center;
  transition: all .2s;
  width: 100%;
}

div#content.edit-profile .img-box .buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  line-height: 36px;
  width: 5rem;
  text-decoration: none;
  color: #222;
  column-gap: .4rem;
  background: #fff;
  /* box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px; */
  position: relative;
  /* border: 1px solid #eee; */
  border: 1px solid #ddd;
}

div#content.edit-profile .img-box .buttons a .material-symbols-outlined {
  color: #222;
  font-size: 20px;
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

div#content.edit-profile .img-box .buttons a .text {
  color: #222;
  font-size: 14px;
  font-weight: 500;
}

div#content.edit-profile .fileinput-button input {
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 50px;
  direction: ltr;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

div#content.edit-profile .img-box .buttons .edit_buttons {
  display: flex;
  column-gap: .5rem;
}

div#content.edit-profile .img-box .buttons .edit_buttons a {
  border-radius: 0;
  width: auto;
  padding: 0 .5rem;
  column-gap: .2rem;
}

div#content.edit-profile .img-box .buttons #btn_save {
  display: none;
  background-color: var(--wehome-color);
}

div#content.edit-profile .img-box .buttons #btn_save .material-symbols-outlined {
  color: #fff;
}

div#content.edit-profile .img-box .buttons #btn_save .text {
  color: #fff;
}

div#content.edit-profile .img-box .buttons #btn_cancel {
  display: none;
  background-color: #ddd;
}

div#content.edit-profile .img-box.active .buttons {
  margin-top: 1rem;
  justify-content: space-between;
}

div#content.edit-profile .img-box.active .buttons #btn_save {
  display: flex;
}

div#content.edit-profile .img-box.active .buttons #btn_cancel {
  display: flex;
}

div#content.edit-profile .info_box {
  padding: 2.5rem 0;
}

div#content.edit-profile .info_box.listing {
  padding-bottom: 7px;
}

div#content.edit-profile .info_box .title h4+p {
  font-size: 1rem;
  line-height: 1.25em;
  margin-top: 1rem;
}

div#content.edit-profile a.popinfo {
  text-decoration: underline;
  margin-top: 1rem;
  display: block;
}

div#content.edit-profile .setting-panel {
  border-bottom: none;
  padding-bottom: 0;
}

div#content.edit-profile .profile-list {
  margin-bottom: 0;
  border-top: 1px solid #ddd;
  margin-top: 2.5rem;
  margin-bottom: 0px !important;
}

div#content.edit-profile .profile-list li.aboutme .aboutme-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  padding: 1rem 0;
}

div#content.edit-profile .profile-list li.aboutme .aboutme-content .icon.material-symbols-outlined {
  margin: 0px;
}

div#content.edit-profile .profile-list li.aboutme .aboutme-content .cont {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

div#content.edit-profile .profile-list li.aboutme .aboutme-content .cont .title {
  font-size: 13px;
  font-weight: bold;
}

div#content.edit-profile .profile-list li.aboutme .aboutme-content .cont .desc {
  font-size: 12px;
  font-weight: normal;
}

div#content.edit-profile .profile-list li.aboutme .aboutme-content .arrow,
div#content.edit-profile .bio .arrow {
  background: url(/image/m/arrow_right.png) no-repeat right center;
  background-size: auto;
  background-size: contain;
  width: 15px;
  height: 15px;
}

div#content.edit-profile .bio {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

div#content.edit-profile .bio .title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

div#content.edit-profile .bio .title-container .title {
  flex-grow: 1;
}

div#content.edit-profile .bio .title-container .desc {
  font-size: 12px;
  font-weight: normal;
}

div#content.edit-profile .bio a {
  text-decoration: underline;
  margin-top: 1rem;
  display: block;
}

div#content.edit-profile .phone {
  margin-top: 0;
  border-bottom: 0;
}

div#content.edit-profile .phone .tel {
  margin-top: 1.5rem;
}

div#content.edit-profile div#bottom_button {
  /* position: fixed; */
  bottom: 0;
  left: 0;
  z-index: 101;
  margin: 0;
  background-color: #fff;
  border-top: 1px solid #ddd;
  /* padding: 1rem 1.5rem; */
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div#content.edit-profile div#bottom_button a {
  width: 100%;
}

div#content.user-profile .profile-list {
  border-top: none !important;
}

div#content.user-profile .copyable-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: black;
  margin-top: 5px;
}

div#content.user-profile .copyable-list li {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

div#content.user-profile .copyable-list .head-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

div#content.user-profile .copyable-list .head-container .title {
  font-size: 13px;
  font-weight: bold;
}

div#content.user-profile .copyable-list .hint {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

div#content.user-profile .copyable-list .head-container .copy-button {
  font-size: 10px;
  font-weight: normal;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div#content.user-profile .copyable-list .value {
  font-size: 12px;
  font-weight: normal;
}

div#content.user-profile .copyable-list .value a {
  text-decoration: underline;
}

/* special offer */
div.s_offer {
  margin-top: 20px;
}

div.soffer select.select {
  width: 100%;
  height: 50px;
  border: 0;
  padding: 0 10px;
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
  background-position: right center;
  background-repeat: no-repeat;
}

ul.soffer li.date {
  background: url(/image/m/ic_cal_p.png) no-repeat 10px center;
  background-size: 23px 21.5px;
  text-indent: 40px;
}

ul.soffer span#num_guest {
  background-color: var(--wehome-color);
}

ul.soffer li.item {
  padding: 15px 10px;
}

ul.soffer li.gray {
  color: #7b8496;
}

ul.soffer li.gray div.right {
  color: #7b8496;
}

ul.soffer li span.name span.small {
  font-size: .8em;
}

ul.soffer li.item div.right span {
  font-size: 17px;
}

ul.new_price {
  border-top: 1px solid #6800cd;
  border-bottom: 1px solid #6800cd;
}

ul.new_price li {
  padding: 15px 10px;
  border-top: 1px solid #eee;
}

ul.new_price li div.right {
  float: right;
  margin-right: 10px;
  font-size: 24px;
  color: var(--wehome-color);
  margin-top: -10px;
}

ul.new_price li.gray {
  color: #7b8496;
}

ul.new_price li.gray div.right {
  color: #7b8496;
}

ul.new_price li span.name {
  font-weight: bold;
  font-size: 1em;
}

ul.new_price label.checkbox {
  padding: 5px;
  background-color: #f6f0fc;
  border-radius: 5px;
  display: inline-block;
}

input.new_price {
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  height: 20px;
  padding: 5px 5px;
  width: 70px;
}

ul.new_price li div.right span.symbol {
  vertical-align: middle;
}

div.so_expiry {
  color: #7b8496;
  margin-bottom: 10px;
}

.notice {
  font-size: 14px;
  color: var(--wehome-color);
}

ul.book li.so_desc {
  padding: 10px;
  color: var(--wehome-color);
}

ul.book li.ep_desc {
  padding: 10px;
  color: var(--wehome-color);
}

ul.eppay li.ep_desc div.title {
  font-size: 20px;
  text-align: center;
}

/* Itinerary */
#content.itinerary {
  z-index: 111;
  position: relative;
  background: #fff;
  padding-bottom: 1.5rem;
}

#content.itinerary ul.lists {
  margin: 1rem 0 2rem;
}

#content.itinerary .p_images {
  aspect-ratio: 14/9;
  border-radius: 10px;
  aspect-ratio: 1/1;
  margin-bottom: 2rem;
}

#content.itinerary .info_box .title h2 {
  font-size: 1.35rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

#content.itinerary .list-box {
  display: flex;
  flex-direction: row;
}

#content.itinerary .list-box .list-img img {
  width: 110px;
  height: 100px;
  margin-right: 1rem;
  object-fit: cover;
  border-radius: .75rem;
}

#content.itinerary .list-box .list-desc .list-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: .5rem;
  color: #222;
}

#content.itinerary .list-box .list-desc .address {
  font-size: .9rem;
  font-weight: 300;
}

#content.itinerary div.host_cont {
  padding-bottom: 0;
  border-bottom: 0;
}

#content.itinerary h3 {
  font-size: 1rem;
  margin-bottom: .5rem;
}

#content.itinerary .stay_info span {
  font-size: 1rem;
  font-weight: 300;
}

#content.itinerary .stay_info span+h3 {
  margin-top: 1rem;
}

#content.itinerary .refund .cont {
  display: none;
}

#content.itinerary .refund h3 {
  margin-top: 2rem;
}

#content.itinerary .refund a,
#content.itinerary a.popit {
  margin-top: .75rem;
  display: block;
  font-weight: 400;
  text-decoration: underline;
  color: #222;
}

#content.itinerary .cancel_btn {
  display: block;
  margin-top: 1rem;
  font-weight: 400;
  /* 
  text-decoration: underline; 
  color:#222;  
  */
  color: white;
  text-decoration: none;
}

#content.itinerary #imgmap {
  margin: 2rem 0 1rem;
}

#content.itinerary .direction {
  font-weight: 300;
}

#content.itinerary ul.check_info,
#content.itinerary ul.travel-info,
#content.itinerary ul.kozaza_contact,
#content.itinerary ul.house-rules,
#content.itinerary ul.profile_detail {
  margin: 1.5rem 0 0;
  border-top: 0;
  font-size: 1rem;
  color: #222;
  font-weight: 300;
}

#content.itinerary ul.check_info li,
#content.itinerary ul.travel-info li,
#content.itinerary ul.kozaza_contact li,
#content.itinerary ul.house-rules li,
#content.itinerary ul.profile_detail li {
  display: flex;
  padding: 0;
  line-height: 1.5em;
}

#content.itinerary ul.check_info li label,
#content.itinerary ul.travel-info li label,
#content.itinerary ul.kozaza_contact li label,
#content.itinerary ul.profile_detail li label {
  width: 5rem;
  font-weight: 400;
}

#content.itinerary ul.lists li {
  column-gap: 1rem;
}

#content.itinerary ul.check_info li+li {
  margin-top: .5rem;
}

#content.itinerary ul.check_info li label {
  width: 30%;
}

#content.itinerary ul.check_info li span {
  display: block;
}

#content.host-itinerary .status h2,
#content.host-itinerary .refund h2 {
  margin-bottom: .5rem;
}

#content.host-itinerary .kozaza_contact {
  border-top: 1px solid #ddd;
  margin-top: 2rem;
  padding-top: 2rem;
}

#content.host-itinerary .kozaza_contact ul {
  margin-top: 1rem;
}

#content.host-itinerary .kozaza_contact ul li {
  display: flex;
  margin-bottom: .5rem;
}

#content.host-itinerary .kozaza_contact ul li a {
  margin: 0 0 0 .5rem;
}

#content.host-itinerary .cont.right_arrow .description {
  display: flex;
  column-gap: 1rem;
}

#content.host-itinerary .cont.right_arrow .description .name {
  font-size: 1.2rem;
  font-weight: 500;
}

#content.host-itinerary .cont.right_arrow .description .join_date {
  font-size: .9rem;
}

#content.host-itinerary .user_detail {
  margin: 1rem 0 0;
  padding: .5rem 0;
}

#content.host-itinerary ul.lists {
  margin-bottom: 0;
  position: relative;
}

#content.host-itinerary ul.lists .thumb {
  position: relative;
  border-radius: .5rem;
  overflow: hidden;
  width: 80px;
  height: 80px;
  padding: 0;
}

#content.host-itinerary ul.lists .thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#content.host-itinerary ul.lists .desc {
  width: calc(100% - 80px);
}

#content.host-itinerary ul.lists .list_title {
  color: #222;
  font-weight: 400;
}

#content.host-itinerary ul.lists .address {
  color: #999;
  font-weight: 400;
  font-size: .8rem;
}

#content.host-itinerary .user_detail ul li {
  color: #222;
  font-size: .9rem;
  padding: .5rem 0;
}

#content.host-itinerary .user_detail ul li label {
  color: #222;
  font-size: .9rem;
}

#content.host-itinerary .guest_message {
  padding: 1.5rem 0 0;
  margin: 0;
}

#content.host-itinerary .guest_message h2 {
  font-size: 1rem;
  color: #222;
}

#content.host-itinerary ul.check_info li {
  justify-content: space-between;
}

#content.host-itinerary ul.stay_info {
  margin-top: 1rem;
  padding: 1.5rem 0;
}

#content.host-itinerary ul.stay_info #num_box {
  background: transparent;
  color: #222;
  font-weight: 500;
  margin-right: 0.5rem;
  padding: 0;
}

#content.host-itinerary ul.book_date li+li {
  margin-top: 1rem;
}

#content.host-itinerary ul.book_date li label {
  display: block;
  width: 100%;
  font-weight: 500;
  margin-bottom: .25rem;
}

#content.host-itinerary ul.payment li {
  display: flex;
  justify-content: space-between;
}

#content.host-itinerary ul.payment li+li {
  margin-top: .5rem;
}

#content.host-itinerary ul.payment li span {
  font-weight: 400;
}

ul.stay_info {
  clear: both;
  border-top: 1px solid #e2e2e2;
  padding: 10px 0;
  overflow: hidden;
}

ul.stay_info li {
  width: 50%;
  float: left;
}

span#num_box {
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 5px 7px;
  margin: 0 0;
  color: #13405a;
  font-size: 16px;
}

table.payment {
  width: 100%;
}

table.payment tr {
  clear: both;
}

table.payment tr td {
  padding: 0;
  line-height: 1.5em;
}

table.payment tr.discount td {
  color: #ff6b6b;
}

table.payment tr.total td {
  font-weight: 500;
}

table.payment tr td.price {
  text-align: right;
  font-size: 16px;
}

table.payment tr td.minus {
  color: #ff6b6b;
}

table.payment tr td.etc {
  text-align: right;
}

ul.profile_detail {
  margin: 0 7px;
  border-top: 1px solid #e2e2e2;
  color: #7b8496;
  font-size: 12px;
}

ul.profile_detail li {
  padding: 6px 5px;
}

ul.profile_detail li label {
  display: inline-block;
  width: 100px;
}

div.hosting {
  border-bottom: 1px solid #c8c8c8;
}

div.user_detail,
div.guest_message {
  margin: 0 7.5px;
  border-top: 1px solid #e2e2e2;
  padding: 13px 4px;
}

div.user_detail ul li {
  padding: 5px 0;
  font-size: 11px;
  color: #13405a;
}

div.user_detail ul li label {
  display: inline-block;
  width: 100px;
  color: #7b8496;
  font-size: 11px;
}

div.guest_message h2 {
  color: #7b8496;
  font-size: 12px;
  font-weight: normal;
}

div.guest_message_memo_bar {
  background-color: #e4e5e9;
  margin-top: 10px;
}

div.guest_message_memo {
  margin-left: 6px;
  background-color: #fff;
  padding-left: 10px;
}

span.remain_time {
  color: #00a5d5;
}

div.select_accept {
  margin: 10px 0;
}

div.booking_reply h2 {
  color: #13405a;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}

div.booking_reply textarea {
  width: 100%;
  margin: 0;
  border-radius: 10px;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 16px;
}

div#deny_cont {
  display: none;
}

div.white_popup {
  padding: 20px;
  margin: 0 auto;
  background-color: #fff;
  max-width: 320px;
  width: auto;
  position: relative;
}

.center {
  text-align: center;
}

div.change_currency {
  text-align: center;
  padding: 10px 0;
}

label.disabled {
  color: #ddd;
}

.hide {
  display: none;
}

div.bitberry {
  background-color: #fff;
  padding: 10px;
  border: 1px solid #000;
}

div.bitberry h2 {
  font-size: 2em;
  border-bottom: 1px solid #000;
  margin-top: 10px;
}

div.bitberry div.infodesc {
  padding: 10px;
}

div.bitberry div.button {
  margin: 10px;
  background-color: #2da252;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
  font-size: 1.2em;
}

div.pop_win {
  width: auto;
  border: none;
  position: relative;
  margin: 0 auto;
}

div.pop_win h1,
div.pop_win div.h1 {
  background-color: #f8f8f8;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  text-align: center;
  position: relative;
  font-weight: bold;
}

div.pop_win div.cont {
  padding: 30px;
  background-color: #fff;
  overflow: hidden;
}

div.pop_win div.cont h2 {
  font-size: 18px;
  font-weight: normal;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 20px;
}

div.pop_win div.cont input.text {
  width: 278px;
  border-radius: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  height: auto;
}

div.pop_win div.cont span.half {
  width: 50%;
  display: block;
  float: left;
}

div.pop_win div.cont span.half input {
  width: 128px;
}

div.pop_win div.cont span.half.fname input {
  width: 118px;
}

div.pop_win div.cont .label2 a {
  color: #0082d0;
}

div.pop_cancel_policy dl dt {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 20px;
}

dd.highlight {
  color: #ed1c24;
}

div#pop_price_help dl {
  margin-bottom: 10px;
}

div#pop_price_help dl dt {
  font-weight: bold;
  float: left;
  color: var(--wehome-color);
}

.apple_login > div {
  max-width: 100% !important;
}

#btn_morefilters {
  color: var(--wehome-color);
}

div.ribbon_cont {
  position: absolute;
  top: 10px;
  left: 10px;
}

div.ribbon_cont div.keyword {
  float: left;
  margin-right: 5px;
  padding: 5px 10px;
  color: #6800cd;
  background-color: #f9f4fdaf;
  border-radius: 5px;
  font-weight: bold;
}

div.ribbon_cont div.ribbon_image {
  float: left;
  margin-right: 5px;
}

/* Paging */
div.pager {
  clear: both;
  border-top: 1px solid #eee;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: calc(var(--bottom-naverbar-height) + 20px);
  padding-left: 0px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: var(--max-width-in-mobile-only-mode);
  margin-left: auto;
  margin-right: auto;  
  background-color: #f9f9f9;
}

div.pager.empty {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: var(--bottom-naverbar-height);
  border-top: none;
  background-color: transparent;
}

div.pager div.num_result {
  font-size: 14px;
  color: #202020;
  margin-bottom: 26px;
  float: left;
  margin: 0 20px;
}

div.pager div.paging {
  flex-grow: 1;
}

div.pager div.paging ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

div.pager div.paging a {
  display: block;
  font-size: .9rem;
  color: #202020;
  text-align: center;
  /* width: 1.5rem; 
  height: 1.5rem; 
  line-height: 1.5rem;  */
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  margin: 0;
  height: 100% !important;
  border: 1px solid transparent !important;
}

div.pager div.paging a:hover {
  border: 1px solid #999;
  background-color: #fff;
}

div.pager div.paging a.on {
  border: 1px solid #6800cd;
  background-color: #6800cd;
  color: #fff;
  margin: 0;
}

div.pager div.paging a.arrow {
  color: #808080;
  width: 20px;
  height: 20px;
}

/* div.pager div.paging li.trunk {
  line-height:28px; 
  padding:5px;
} */

/* notification */
div.top_text {
  padding: 1.5rem 0;
  color: #222;
  font-size: 1.2em;
  border-bottom: 1px solid #d4d4d4;
  font-weight: 600;
}

div.top_text span.num {
  color: var(--wehome-color);
}

ul.noti_list li {
  position: relative !important;
  border-bottom: 1px solid #d4d4d4;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;  
}

ul.noti_list li:last-child {
  border-bottom: none;
}

ul.noti_list li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  width: 100%;
}

ul.noti_list li img.thumb {
  width: 40px;
  height: 40px;
}

ul.noti_list li div.main_cont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}

ul.noti_list li div.main_cont div.title {
  font-weight: 500;
}

ul.noti_list li div.main_cont div.text,
ul.noti_list li div.main_cont div.text * {
  font-size: .9rem !important;
  color: #666 !important;
}

ul.noti_list li div.main_cont div.date {
  font-size: .8em;
  color: #666;
}

ul.noti_list li div.right_cont {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}

ul.noti_list li div.right_cont .bi-chevron-right {
  margin-left: auto;
}

div.noti_head a.settings {
  color: #222;
}

dl.setting_list {
  margin: 20px;
}

dl.setting_list dt {
  color: var(--wehome-color);
  font-weight: bold;
  padding: 10px 0;
}

dl.setting_list dd {
  min-height: 40px;
  line-height: 40px;
}

dl.setting_list dd span.right {
  float: right;
}

header a.right_btn {
  float: left;
}

header a.right_btn .bi {
  vertical-align: -3px;
  color: var(--wehome-color);
}

header a.btn_noti {
  color: var(--wehome-color);
  position: relative;
}

header a.btn_noti span.noti_new {
  border-radius: 50%;
  background-color: #ffa000;
  color: #fff;
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  top: 13px;
  right: 5px;
  font-size: 8px;
  text-align: center;
}

/* Calendar */
.edit_calendar {
  padding: 3rem 0 70px 0;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

section.calendar {
  position: relative;
  z-index: 100;
  background: #fff;
  padding-bottom: 2rem;
}

section.calendar div.box_cont {}

section.calendar div.box_cont h2 {
  font-size: 18px;
  color: #8c8c8c;
  font-weight: normal;
}

section.calendar div.cal_title {
  padding: 25px 10px;
}

section.calendar a.cal_arrow {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 9px 15px;
  display: block;
  background-color: #fff;
}

section.calendar a.cal_arrow img {}

section.calendar table.calendar th {
  text-align: center;
  font-size: 16px;
  color: #666;
  border-top: 1px solid #d6d6d6;
  padding: 5px 0;
  width: 107px;
}

section.calendar table.calendar td {
  border: 1px solid hsl(0, 0%, 80%);
  padding: 5px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}

section.calendar table.calendar td.today .cal_cont:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  display: block;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 1px solid var(--wehome-color);
  background: transparent;
  z-index: 2;
  border-radius: 5px;
}

section.calendar table.calendar td div.cal_cont {
  position: relative;
  height: 100%;
  padding-top: 140%;
}

section.calendar table.calendar td span.date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  font-weight: 300;
  color: #444;
  line-height: 1em;
}

section.calendar table.calendar td span.price {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  font-size: 11px;
  color: #666;
}

section.calendar table.calendar td span.min-stays {
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 10px;
  display: flex;
  width: 13px;
  height: 13px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--wehome-color);
  border-radius: 50%;
}

section.calendar table.calendar td span.price div.r_price {
  color: #999;
  font-weight: 300;
}

section.calendar table.calendar td span.price.modified div.r_price {}

section.calendar table.calendar td.booked:not(.wehome) {
  background-color: rgba(104, 0, 205, .1);
}

/* section.calendar table.calendar td.booked.end{background:url(/image/cmn/cal_ba.gif) no-repeat;}
section.calendar table.calendar td.booked.start{background:url(/image/cmn/cal_ab.gif) no-repeat;} */
section.calendar table.calendar td.unavailable {
  background-color: #eee;
}

section.calendar table.calendar td.past span.date {
  color: #bbb;
  text-decoration: line-through;
}

section.calendar table.calendar td.past span.price {}

section.calendar table.calendar td.past {
  cursor: default;
}

section.calendar ul.legend {
  margin-top: 20px;
  overflow: hidden;
  margin-left: 10px;
}

section.calendar ul.legend li {
  font-size: 14px;
  float: left;
  margin-right: 12px;
  line-height: 24px;
}

section.calendar ul.legend span {
  width: 24px;
  height: 24px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 4px;
}

section.calendar ul.legend span.unavailable {
  background-color: #eee;
}

section.calendar ul.legend span.booked {
  background-color: rgba(104, 0, 205, .1);
}

section.calendar ul.legend span.available {
  background-color: #fff;
}

section.calendar table.calendar td.booked span.price {
  display: block;
}

section.calendar table.calendar td.booked span.price .using {
  display: none;
}

section.calendar table.calendar td.booked span.price .r_code {
  display: none;
}

section.calendar table.calendar td.booked span.price .date {
  display: block;
}

section.calendar table.calendar td.start span.price .r_code {
  color: var(--wehome-color);
  padding-bottom: 25%;
  font-size: 11px;
}

section.calendar table.calendar td.start span.price .date {
  display: block;
}

section.calendar table.calendar td.booked.wehome span.price {
  display: none;
}

section.calendar table.calendar td.booked.wehome.start span.price {
  display: none;
}

section.calendar table.calendar td.booked.start.wehome .reservation_card {
  position: absolute;
  left: 50%;
  bottom: 8px;
  height: 34px;
  width: 34px;
  margin-left: -17px;
  z-index: 1;
}

section.calendar table.calendar td.booked.start.wehome .reservation_card > div.guest_img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  border: 3px solid #222;
}

section.calendar table.calendar td.booked.start:not(.wehome) .reservation_card:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #222;
  position: absolute;
  left: 10%;
  top: 10%;
  border-radius: 50%;
}

section.calendar table.calendar td.booked.wehome .reservation_info {
  font-size: 12px;
  position: absolute;
  color: #fff;
  font-weight: 600;
  bottom: 17px;
  z-index: 3;
  width: max-content;
  display: block;
}

section.calendar table.calendar td .reservation_info {
  display: none;
}

section.calendar table.calendar td.booked.wehome:after {
  content: '';
  display: block;
  left: 0;
  width: calc(100% + 1px);
  height: 34px;
  background: #222;
  position: absolute;
  bottom: 8px;
}

section.calendar table.calendar td.booked.start:after {
  width: calc(50% + 1px);
  left: 50%;
}

section.calendar table.calendar td.end:before {
  content: '';
  display: block;
  width: 17px;
  height: 34px;
  background: #222;
  position: absolute;
  left: 0;
  bottom: 8px;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
}

section.calendar table.calendar td.booked.past.wehome:after {
  background-color: #888;
}

section.calendar table.calendar td.booked.past.start.wehome .reservation_card > div.guest_img {
  border-color: #888;
}

section.calendar table.calendar td.past.end:before,
section.calendar table.calendar td.today.end:before {
  background-color: #888;
}

section.calendar table.calendar td.booked.active.wehome:after {
  background-color: var(--wehome-color);
}

section.calendar table.calendar td.booked.active.start.wehome .reservation_card > div.guest_img {
  border-color: var(--wehome-color);
}

/*section.calendar table.calendar td.active.end:before { background-color: var(--wehome-color); }*/
section.calendar table.calendar td.end-active:before {
  background: var(--wehome-color);
}

#content.book #calendar ul.week_name li {
  padding: 4px 0;
}

#content.book #calendar .cal_name {
  padding-bottom: 0;
}

#content.book #calendar .cal_name a {
  display: inline-block;
  padding: 10px;
}

#content.book #calendar .cal_btn {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  background: #fff;
}

#content.book #calendar .cal li {
  aspect-ratio: 1 / 1;
}

#content.book #calendar .cal li div.day_cont {
  height: 100%;
  border: 4px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

div#popup_edit {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 90%;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}

div#popup_edit div.availability {
  border: 1px solid #ccc;
  overflow: hidden;
  display: flex;
}

div#popup_edit div.availability a {
  width: 33.3333%;
  display: block;
  text-align: center;
  float: left;
  padding: 10px 0;
  color: #999;
}

div#popup_edit div.availability a.sel {
  background-color: #ccc;
  color: #202020;
}

div#popup_edit div.availability a.available {
  border-right: 1px solid #ccc;
}

div#popup_edit div.availability a.booked {
  border-left: 1px solid #ccc;
}

div#popup_edit fieldset {
  margin-bottom: 10px;
}

div#popup_edit fieldset h4 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px;
  margin-top: 16px;
}

div#popup_edit input.date {
  width: 121px;
  background: #fff;
  color: #202020;
  margin: 0;
}

div#popup_edit input.date[disabled] {
  color: #999;
}

div#popup_edit #book_now {
  margin-top: 25px;
}

div#popup_edit #book_now label {
  display: inline-block;
  width: 60px;
}

div#popup_edit #book_now #lwlb_booking_service {
  height: unset;
  font-size: 14px;
}

fieldset.table {
  display: table;
}

fieldset.table div.row {
  display: table-row;
}

fieldset.table div.row label.cell {
  padding-right: 10px;
}

fieldset.table div.row .cell {
  display: table-cell;
}

input.book_price {
  width: 100px;
  padding: 5px 10px;
}

fieldset#book_button input.btn {
  width: 100%;
  margin-top: 10px;
}

div.selectbox_arr {
  position: relative;
  background-color: #fff;
}

select.select_normal {
  border: 1px solid #ccc;
  padding: 5px 20px 5px 7px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: normal;
  color: #202020;
  height: 34px;
  min-width: 55px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  line-height: 18px;
  text-indent: 0.01px;
  text-overflow: '';
  position: relative;
}

select.select_normal.disabled {
  background-color: #ccc;
}

div.selectbox_arr span.op_down {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  border-left: 1px solid #ccc;
  padding-right: 1px;
  width: 17px;
  height: 100%;
  line-height: 34px;
  color: #202020;
  font-size: 9px;
  text-align: center;
}

div.selectbox_arr span.op_down span {
  line-height: normal;
}

div.selectbox_arr.big select.select_normal {
  font-size: 16px;
  height: 42px;
  padding: 10px 20px 10px 7px;
}

div.selectbox_arr.big span.op_down {
  line-height: 42px;
  width: 25px;
}

div.center {
  text-align: center;
}

.left {
  float: left;
}

.right {
  float: right;
}

input.text {
  height: 13px;
  line-height: 13px;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 12px;
  width: 253px;
}

input.book_price {
  width: 100px;
  padding: 5px 10px;
}

input.round {
  border-radius: 5px;
  font-size: 16px;
  height: auto;
}

input.date {
  width: 98px;
  font-size: 15px;
  line-height: 32px;
  height: 32px;
  border-radius: 5px;
  padding: 0 7px;
  color: #999;
  border: 1px solid #ccc;
  margin: 10px 5px 0 0;
  background: url(/image/cmn/icon_cal.gif) no-repeat 89px center;
}

textarea.single {
  height: 140px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: .5rem;
  padding: 1rem;
  font-size: 1rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #222;
  font-weight: 300;
  line-height: 1.35em;
}

div.selectbox {
  width: 112px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  position: relative;
  z-index: 5;
  background-color: #fff;
}

div.selectbox span.op_down {
  border-left: 1px solid #ccc;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 17px;
  height: 42px;
  line-height: 42px;
  padding-left: 3px;
  color: #202020;
}

div.selectbox ul.selectbox_value {
  width: 112px;
  position: absolute;
  top: 42px;
  left: 0;
  background-color: #fff;
  z-index: 100;
  display: none;
  border: 1px solid #c8c8c8;
}

div.selectbox ul.selectbox_value li {
  height: 16px;
  line-height: 16px;
  position: relative;
  padding: 5px;
  width: auto;
  cursor: pointer;
}

div.selectbox ul.selectbox_value li:hover {
  background-color: #eee;
}

div.selectbox .selectbox_show {
  width: 80px;
  padding: 0 10px;
  color: #999;
  font-size: 15px;
  border: 0;
  background-color: transparent;
  height: 42px;
  line-height: 42px;
}

.reviews.message {
  /* margin-top: 1.5rem; */
  margin-bottom: 30px;
}

.reviews.message .top {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.reviews.message .top .title {
  flex-grow: 1;
}

.reviews.message .top .message-setup span {
  font-size: 1.5rem;
}

.reviews.message li:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.reviews.message li > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
  gap: 18px;
}

.reviews.message li > a .item-thumb img {
  display: block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.reviews.message li > a .item-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
}

.reviews.message li > a .item-content .item-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

.reviews.message li > a .item-content .item-title .name {
  font-size: 16px;
  color: #13405a;
  flex-grow: 1;
}

.reviews.message li > a .item-content .item-title .time {
  font-size: 0.7rem;
  color: #666;
}

.reviews.message li > a .item-content .item-desc {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.reviews.message li > a .item-content .item-desc .review {
  font-size: 0.85rem;
  color: #666;
}

.reviews.message li > a .item-content .item-desc .inq_about {
  color: #999;
  font-size: 12px;
}

/* .reviews.message li {
  position: relative;
  display: flex;
}

.reviews.message li+li {
  margin-top: 2rem;
}

.reviews.message a.thumb {
  position: relative;
  padding-right: 1rem;
}

.reviews.message a.thumb img {
  display: block;
  overflow: hidden;
  border-radius: 50%;
}

.reviews.message li div.desc {
  flex-direction: column;
  margin: 0
}

.reviews.message li div.desc .time {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.7rem;
  color: #666;
}

.reviews.message li div.desc .review {
  font-size: 0.85rem;
  color: #666;
  margin-top: .5rem;
}

.reviews.message a+a {
  width: 100%;
} */



.mfp-bg.mfp-ready {
  background: #000;
}

@media (max-width: 622px) and (min-width: 1px) {
  #ui-datepicker-div {
    width: 90% !important;
    left: 5% !important;
    margin-top: 10px;
  }

  .ui-datepicker-multi,
  .ui-datepicker-group {
    float: none !important;
  }

  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 100% !important;
  }
}

@media only screen and (max-width: 622px) and (min-width: 1px) {
  .ui-datepicker-group-last {
    display: none !important;
  }
}

/* 캘린더 small screen */
@media only screen and (max-width: 375px) {
  div.selectbox_arr.big select.select_normal {
    font-size: 14px;
    height: auto;
    padding: 5px 20px 5px 5px;
  }

  div.selectbox_arr.big span.op_down {
    line-height: 33px;
  }

  section.calendar a.cal_arrow {
    padding: 0;
    display: flex;
    align-items: center;
    border: none;
  }

  section.calendar a.cal_arrow img {
    height: 28px;
    width: auto;
  }

  section.calendar table.calendar td {
    padding: 2px;
  }

  section.calendar table.calendar td span.date {
    font-size: 12px;
  }

  section.calendar table.calendar td span.price {
    font-size: 10px;
  }

  section.calendar table.calendar td span.price.modified {
    display: block;
  }

  section.calendar table.calendar td.today .cal_cont:before {
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
  }

  section.calendar ul.legend li {
    font-size: 12px;
    line-height: 16px;
  }

  section.calendar ul.legend span {
    width: 16px;
    height: 16px;
  }
}

.modal {
  display: none;
  position: fixed;
  z-index: 111;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  align-items: flex-end;
  z-index: 99999999;
}

.modal .modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  width: 100%;
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.1);  */
  animation-name: animatetop;
  animation-duration: 0.4s;
  /* border-top-right-radius: 1rem; 
  border-top-left-radius: 1rem;  */
  /* height: 85vh;  */
  height: 100vh;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
}

#info-panel .modal-header {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

#info-panel .modal-content {
  border-radius: 0px !important
}

.modal .modal-header {
  padding: 0;
  background: #fff;
  position: relative;
  z-index: 1;
  height: 3.5rem;
  border-bottom: 1px solid #ddd;
  align-items: center;
  display: flex;
}

.modal .modal-header .close {
  color: #222;
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  left: 1rem;
  margin: 0;
  padding: 0;
}

.modal .modal-header .close:before,
.modal .modal-header .close:after {
  position: absolute;
  left: 11px;
  content: '';
  height: 25px;
  width: 2px;
  background-color: #000;
  top: 0;
}

.modal .modal-header .close:before {
  transform: rotate(45deg);
}

.modal .modal-header .close:after {
  transform: rotate(-45deg);
}

.modal .modal-header .close:hover,
.modal .modal-header .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal .modal-body {
  padding: 2rem 1.5rem;
  height: calc(100% - 3.5rem);
  font-size: 16px;
  display: flex;
  flex-flow: column;
  width: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
}

.modal .modal-body .r_info {
  flex: 2;
  overflow: auto;
}

.modal .modal-body .name {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.modal .modal-body .profile-image {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  object-fit: contain;
  float: right;
}

.modal .modal-body label {
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 4px;
  color: #222;
  padding-top: 15px;
  border-top: 1px solid #ddd;
  margin-top: 15px;
  display: block;
  width: 100%;
}

.modal .modal-body label.noborder {
  border: 0;
}

.modal .modal-body p {
  margin-bottom: 10px;
  line-height: 1.35em;
  color: #222;
  font-size: 1rem;
  font-weight: 400;
}

.modal .modal-body p#info {
  margin-bottom: 1.5rem;
  margin-top: 0;
}

.modal .buttons {
  padding-top: 10px;
  width: 100%;
  bottom: 10px;
  background: #fff;
}

.modal .buttons input {
  color: var(--wehome-color);
  font-size: 18px;
  font-weight: 700;
  border: 2px solid var(--wehome-color);
  border-radius: 5px;
  transition: all .5s;
  position: relative;
  height: 45px;
  line-height: 45px;
  background: #fff;
  width: 100%;
}

.modal .buttons input+input {
  margin-top: 10px;
}

.modal .buttons input:hover {
  background: var(--wehome-color) !important;
  color: #fff;
}

.modal.room-info-modal h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 2rem;
}

.modal.room-info-modal dl+dl {
  margin-top: 1rem;
}

.modal.room-info-modal dl dt {
  font-weight: 600 !important;
  font-size: 1.125rem !important;
  line-height: 1.375rem !important;
  margin-bottom: 0px !important;
  padding-bottom: 16px !important;
  padding-top: 16px !important;
}

.modal.room-info-modal dl dd {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0 !important;
}

.modal.policy-info-modal h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 2rem;
}

.modal.policy-info-modal dl+dl {
  margin-top: 1rem;
}

.modal.policy-info-modal dl dt {
  font-weight: 600 !important;
  line-height: 1.375rem !important;
  margin-bottom: 0px !important;
  padding-top: 1.5rem;
  border-top: 1px solid #ddd;
  margin-top: 1.5rem;
}

.modal.policy-info-modal dl dd {
  padding-top: .5rem;
  margin-bottom: 0 !important;
}

.modal.policy-info-modal dl dd a {
  margin-top: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid #ddd;
  font-weight: 600;
  text-decoration: underline;
  display: block;
}

.message-modal.next-step .modal-header a {
  padding: 1rem;
}

.message-modal.next-step .close {
  right: unset;
  left: 0;
}

.message-modal.next-step .close:before,
.message-modal.next-step .close:after {
  right: unset;
  left: 1.5rem;
  height: 20px;
}

.message-modal.next-step .close:after {
  top: 13px;
}

.message-modal.next-step .modal-body {
  padding-top: 1rem;
}

.message-modal .close {
  width: 23px;
  height: 23px;
  top: 1rem;
  left: 1rem;
  right: unset;
  margin: 0;
  padding: 0;
}

.message-modal .modal-header {
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.message-modal .modal-content {
  border-radius: 0;
}

.message-modal .modal-body ul {
  padding-top: 2rem;
}

.message-modal .modal-body ul li {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
  display: flex;
  position: relative;
}

.message-modal .modal-body ul li .material-symbols-outlined {
  font-size: 1.5rem;
  margin-right: 1rem;
}

.message-modal .fileinput-button {
  position: relative;
  overflow: hidden;
}

.message-modal .fileinput-button input {
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 50px;
  direction: ltr;
  cursor: pointer;
}

.modal.itinerary-info-modal h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 1rem;
}

.modal.itinerary-info-modal dl+dl {
  margin-top: 1rem;
}

.modal.itinerary-info-modal dl dt {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0px;
  padding-bottom: .5rem;
  padding-top: 1rem;
}

.modal.itinerary-info-modal dl dd {
  padding-top: 1.5rem;
  padding-bottom: .5rem;
  margin-bottom: 0 !important;
  font-weight: 300;
}

.modal.itinerary-info-modal dl dd+dd,
.modal.itinerary-info-modal dl dt+dd {
  padding-top: 0;
}

.modal .quick_close,
.modal .scheduled_close {
  position: relative;
  height: 30px;
  width: 30px;
}

.modal .quick_close svg,
.modal .scheduled_close svg {
  width: 30px;
  height: 30px;
  position: relative;
  left: 10px;
}

.modal#res_info .buttons input {
  padding: 0;
}

.modal#res_info .modal-header {
  height: 10vh;
}

.modal#res_info .modal-body {
  height: calc(80vh);
}

#quick-message .modal-body ul li.qmsg {
  flex-direction: column;
  margin-bottom: 2rem;
}

#quick-message .modal-body ul li.qmsg > a {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--wehome-color);
  border-radius: 5px;
  width: fit-content;
  line-height: 1;
  font-size: .9rem;
  font-weight: 600;
  color: var(--wehome-color);
}

#quick-message .modal-body ul li.qmsg.empty p.text {
  background: #efefef;
  font-size: .85rem;
  padding: 1rem 1rem 1rem 3rem;
  border-radius: .5rem;
  position: relative;
  margin: 0;
}

#quick-message .modal-body ul li.qmsg.empty p.text .material-symbols-outlined {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: .8rem;
  color: var(--wehome-color);
  font-size: 1.5rem;
}

#quick-message .modal-body ul li.qmsg.empty p.text > a {
  display: block;
  margin-top: .5rem;
  color: var(--wehome-color);
  text-decoration: underline;
}

#scheduled-message .modal-body ul li.smsg {
  flex-direction: column;
  margin-bottom: 1.5rem;
}

#scheduled-message .modal-body ul li.smsg p.time {
  font-size: .9rem;
  margin-top: 0;
  color: #666;
}

#scheduled-message .modal-body ul li.smsg a {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--wehome-color);
  border-radius: 5px;
  width: fit-content;
  line-height: 1;
  font-size: .9rem;
  font-weight: 600;
  color: var(--wehome-color);
}

#scheduled-message .modal-body ul li.smsg .buttons {
  margin: 0;
  padding: .5rem 0 1rem;
  display: flex;
}

#scheduled-message .modal-body ul li.smsg .buttons a+a {
  margin-left: .75rem;
}

#scheduled-message .modal-body ul li.smsg p.time > span {
  margin-right: .35rem;
}

#scheduled-message .modal-body ul li.smsg p.time > span.before {
  color: orange;
}

#scheduled-message .modal-body ul li.smsg p.time > span.after {
  color: green;
}

#scheduled-message .modal-body ul li.smsg p.time > span.cancel {
  color: red;
}


@-webkit-keyframes animatetop {
  from {
    transform: translatey(100%);
    opacity: 0
  }

  to {
    transform: translatey(0);
    opacity: 1
  }
}

.modal.gallery-modal .modal-content {
  border-radius: 0;
  padding: 0;
  height: 100%;
}

.modal.gallery-modal .modal-content .modal-body {
  height: calc(100% - 84px);
  padding: 0;
}

.modal.gallery-modal .modal-content .modal-body img+img {
  margin-top: .5rem;
}

.modal.login-panel .modal-content {
  border-width: 0;
  /* border-top-right-radius:.5rem; 
  border-top-left-radius:.5rem;  */
  max-height: none;
  overflow: visible;
  border-radius: 10px;
}

.modal.login-panel .modal-header h2 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  margin: 0;
}

.modal.login-panel .close {
  width: 23px;
  height: 23px;
  top: 1rem;
  left: 1rem;
  margin: 0;
  padding: 0;
}

.modal.login-panel .close:before,
.modal.login-panel .close:after {
  right: 12px;
  height: 24px;
}

.modal.login-panel .modal-body {
  /* padding-top: 2rem; */
  max-height: none;
  overflow: visible;
}

.modal.login-panel {
  align-items: flex-start;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 앱 설치 유도 배너가 있을 때 상단 여백 조정 */
/* .modal.login-panel.with-app-banner {
  padding-top: 0px;
} */

/* 모달이 열려있을 때 body 스크롤 방지 (pull-to-refresh 비활성화) */
body.modal-open {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
}

.modal.login-panel .ins_login,
.modal.login-panel .ins_login a:last-child {
  margin-bottom: 0;
}

.modal.login-panel label {
  font-weight: 500;
  font-size: .8rem;
  margin: 0;
  color: #999;
  border: none;
  padding: 0;
  background: #ddd;
}

.modal.info-panel .modal-content p.heading_2 {
  font-size: 1.2rem;
  color: #222;
  margin-bottom: 0;
}

.setting-panel ul.menu {
  /* margin-top: 0; */
  border-top: none;
}

.setting-panel ul.menu a {
  display: block;
  margin-top: 0;
  border-top: none;
  padding: 1rem 0;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.setting-panel ul.menu a:hover {
  /* color: #717171; */
  text-decoration: none;
}

.setting-panel ul.menu a:after {
  top: 50%;
  transform: translateY(-50%);
}

.setting-panel .modal-body {
  padding-top: 0 !important;
}

.setting-panel ul.menu a span.material-symbols-outlined {
  float: right;
  color: #222;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
}

.setting-panel ul.menu a.icon-menu span+span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
}

.modal#info-panel .modal-body {
  padding: 0;
}

.modal#info-panel .info-close {
  width: 23px;
  height: 23px;
  top: 1rem;
  left: 1rem;
  right: unset;
  margin: 0;
  padding: 0;
}

.modal#info-panel iframe#info-page {
  width: 100%;
  height: 100%;
  border: none;
}

/* iPhone SE3 및 작은 화면에서 로그인 모달 스크롤 개선 */
/* @media screen and (max-height: 700px) {
  .modal.login-panel {
    padding: 10px;
  }
  
  .modal.login-panel.with-app-banner {
    padding-top: 40px;
  }
  
  .modal.login-panel .modal-body {
    padding-top: 1rem;
  }
} */

@keyframes animatetop {
  from {
    bottom: -100vh;
    opacity: 1
  }

  to {
    bottom: 0;
    opacity: 1
  }
}

.d-none {
  display: none !important;
}

/* Common swiper styles moved to style_common.css */

/* Mobile specific swiper button overrides */
.p_images .swiper-button-prev2,
.p_images .swiper-button-next2 {
  margin-top: -15px;
  opacity: 1;
}

.p_images .swiper-button-prev2 img,
.p_images .swiper-button-next2 img {
  width: 30px;
}

/* .swiper-lazy-preloader moved to style_common.css */

#content.message-setup {
  padding-top: 1.5rem;
  padding-bottom: 150px !important;
}

#content.message-setup button.add {
  margin-top: 1rem;
}

#content.message-setup ul.message-list {
  margin-top: 1.5rem;
}

#content.message-setup ul.message-list li {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #ddd;
}

#content.message-setup ul.message-list li a {
  display: block;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.2em;
  margin-bottom: .5rem;
  position: relative;
}

#content.message-setup ul.message-list li a:after {
  content: '';
  display: block;
  background: url(/image/m/arrow_right.png) no-repeat right center;
  background-size: contain;
  width: 12px;
  height: 24px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

#content.message-setup ul.message-list li p.content {
  line-height: 1.5rem;
}

#content.message-setup div#bottom_button {
  position: fixed;
  bottom: var(--bottom-naverbar-height);
  left: 0;
  z-index: 101;
  margin: 0;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d5d5d6;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
}

#content.message-setup div#bottom_button div.left {
  display: inline-block;
}

#content.message-setup div#bottom_button div.left a {
  font-size: 1rem;
  border-bottom: 1px solid #ccc;
}

#content.message-setup div#bottom_button div.right {
  float: right;
  display: inline;
}

#content.message-setup form {
  margin-top: 2rem;
}

#content.message-setup form fieldset {
  margin-bottom: 2rem;
  position: relative;
}

#content.message-setup form label {
  font-weight: 600;
  font-size: 1rem;
  display: block;
  margin-bottom: .5rem;
}

#content.message-setup form input.text {
  width: 100%;
  font-weight: 300;
}

#content.message-setup form textarea {
  width: 100%;
  border-radius: 0;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  margin-bottom: 0.5rem;
}

#content.message-setup form fieldset h4 {
  font-size: 1rem;
  margin-bottom: .5rem;
}

#content.message-setup form fieldset p {
  color: #222;
  font-weight: 300;
}

#content.message-setup form fieldset a {
  display: inline-block;
  margin-top: .5rem;
  color: #222;
  font-weight: 500;
  text-decoration: underline;
}

#content.message-setup form fieldset a+a {
  margin-left: 1rem;
}

#content.message-setup ul.message-list li.smsg a {
  font-size: 1rem;
}

#content.message-setup ul.message-list li.smsg a:after {
  width: 8px;
  height: 16px;
}

#content.message-setup ul.message-list li.smsg p.time {
  font-size: .85rem;
  color: #888;
  margin-top: .75rem;
}

#content.message-setup ul.message-list li.smsg p.list {
  font-size: .85rem;
  color: #888;
  margin-top: .1rem;
}

#content.message-setup form fieldset .homes-list {
  margin-top: 1rem;
}

#content.message-setup form fieldset .homes-list input {
  margin-right: .5rem;
}

#content.message-setup form fieldset .homes-list label {
  font-size: .9rem;
  font-weight: 400;
}

#content.message-setup form fieldset #condition {
  margin-top: 1.5rem;
}

#content.message-setup select,
input {
  padding: .5rem;
}

#content.message-setup select#r_time,
#content.message-setup select#c_days,
#content.message-setup select#c_time {
  display: none;
}

#content.message-setup select#r_time.show,
#content.message-setup select#c_days.show,
#content.message-setup select#c_time.show {
  display: block;
}

#content.message-setup .select-time {
  border-top: 1px solid #ddd;
  padding-top: 2rem;
}

#content.message-setup .select-time select {
  padding-left: 1rem;
  padding-right: 1.5rem;
  width: 100%;
  margin-bottom: .5rem;
  border: 1px solid #ccc;
  height: 3rem;
  border-radius: .5rem;
  font-size: .9rem;
  background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-position: right .75rem top 15px;
  background-repeat: no-repeat;
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

#content.message-setup .empty-message {
  display: flex;
  padding-top: 25vh;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

#content.message-setup .empty-message h4,
.modal .modal-body .empty-message h4 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

#content.message-setup .empty-message p,
.modal .modal-body .empty-message p {
  margin-bottom: 1.1rem;
  font-weight: 300;
}

#content.message-setup div.scode-tip {
  margin-top: 1rem;
  padding: 1rem;
  background: #f3f3f3;
  font-size: .9rem;
  border-radius: .5rem;
  font-weight: 300;
}

#short_code_menu h2 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

#short_code_menu ul {
  border-top: 1px solid #ddd;
  margin-top: 1rem;
  padding-top: 1.5rem;
}

#short_code_menu ul li {
  font-size: 1rem;
  margin-bottom: 1rem;
}

#loader-overlay {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

#loader-overlay .cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader-overlay .cv-spinner .spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}

.is-hide {
  display: none;
}

#content.edit-room {}

#content.edit-room .edit-menu {
  display: flex;
  background: #ededed;
  border-radius: 1.5rem;
  height: 3rem;
  width: 100%;
  margin: 0 auto 2rem;
  justify-content: space-between;
  padding: .25rem;
}

#content.edit-room .edit-menu a {
  height: 2.5rem;
  border-radius: 1.25rem;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  font-weight: 600;
}

#content.edit-room .edit-menu a.selected {
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1)
}

#content.edit-room .setup-list li {
  display: flex;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
  border-radius: .75rem;
  position: relative;
}

#content.edit-room .setup-list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}

#content.edit-room .setup-list li a h4 {
  color: #222;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 400;
}

#content.edit-room .setup-list li a.status h4 {
  display: flex;
  margin: 0;
  align-items: center;
}

#content.edit-room .setup-list li a.status h4 .material-symbols-outlined {
  margin-right: .5rem;
  color: red;
}

#content.edit-room .setup-list li a.status h4.on .material-symbols-outlined {
  color: green;
}

#content.edit-room .setup-list li a.status p {
  margin-top: .5rem;
  font-size: .9rem;
}

#content.edit-room .setup-list li a p {
  color: #222;
  font-weight: 300;
}

#content.edit-room .setup-list li a p.description {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

#content.edit-room .setup-list li a p span.info {
  color: #666;
  font-size: .9rem;
  font-weight: 400;
}

#content.edit-room .setup-list li a .row {
  display: flex;
}

#content.edit-room .setup-list li a .row > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#content.edit-room .setup-list li a .row > div > span:first-child {
  font-size: .8rem;
  color: #666;
  margin-bottom: .5rem;
}

#content.edit-room .setup-list li a .row > div > span+span {
  font-weight: 300;
}

#content.edit-room .setup-list .amen {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}

#content.edit-room .setup-list .amen span.ico_amnt {
  margin-right: 1rem;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
}

#content.edit-room .setup-list .amen span.ico_amnt img {
  display: block;
  width: 100%;
}

#content.edit-room .setup-list .amen span.txt_amnt {
  font-weight: 300;
}

#content.edit-room .setup-list .amen:last-child {
  margin-bottom: 0;
}

div.textarea {
  border: 1px solid #ccc;
  border-radius: .5rem;
  padding: 10px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.35em;
  min-height: 10rem;
  width: 100%;
}

div.textarea span.scode,
ul.message-list .smsg span.scode,
ul.message-list .qmsg span.scode {
  padding: .1rem .2em;
  background: #e7e7e7;
  font-size: .8rem;
  font-weight: 400;
  border-radius: .2rem;
  border: 1px solid #ddd;
  margin: 0 .1rem;
  line-height: .8rem;
}

a.add-msg {
  position: absolute;
  right: 1rem;
  background: #222;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

a.add-msg svg {
  width: 1rem;
  height: 1rem;
  fill: #fff;
}

.nav a.add-img-btn {
  background: #222;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.nav a.add-img-btn svg {
  width: 1rem;
  height: 1rem;
  fill: #fff;
}

#more_menu .add-img input {
  opacity: 0;
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
}

.add_short_code {
  display: block;
  font-size: .9rem;
}

.updated {
  margin-top: 3rem;
  font-size: .9rem;
}

#btn_delete {
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: .9rem;
  color: rgb(193, 53, 21);
  text-decoration: underline;
}

a.help {
  display: inline-block;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 1rem;
}

ul.menu li a.icon-menu.x {
  color: red;
}

/* Booking Page */
#content.reservation {
  padding-top: 2rem;
  padding-bottom: 2rem;
  z-index: 111;
  position: relative;
  background: #fff;
}

#content.reservation .list-box {
  display: flex;
  flex-direction: row;
}

#content.reservation .list-box .list-img img {
  width: 110px;
  height: 100px;
  margin-right: 1rem;
  object-fit: cover;
  border-radius: .75rem;
}

#content.reservation .list-box .list-desc {
  width: calc(100% - 110px - 1rem);
}

#content.reservation .list-box .list-desc .list-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: .5rem;
  color: #222;
}

#content.reservation .list-box .list-desc .address {
  font-size: .9rem;
  font-weight: 400;
}

#content.reservation .reservation-info {
  border-top: 1px solid #ddd;
  margin-top: 2rem;
  padding-top: 2rem;
}

#content.reservation .reservation-info > div {
  margin-bottom: 1rem;
  font-weight: 400;
}

#content.reservation .reservation-info h2,
div#content.reservation .price_wrapper h2 {
  font-size: 1.35rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

#content.reservation .reservation-info h3 {
  margin-bottom: .5rem;
  font-weight: 500;
}

div#content.reservation .price_wrapper {
  border-top: 1px solid #ddd;
  margin-top: 2rem;
  padding-top: 2rem;
}

div#content.reservation .price_wrapper .price_detail dl {
  margin-bottom: .5rem;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
}

div#content.reservation .price_wrapper .price_detail dl.hide {
  display: none;
}

div#content.reservation .price_wrapper .price_detail dl.total {
  font-size: 1.2rem;
  font-weight: 500;
  padding: 1.5rem 0;
  margin-bottom: 0;
}

div#content.reservation .price_wrapper .price_detail dl.discount {
  color: var(--wehome-color);
  font-weight: 500;
}

div#content.reservation .price_wrapper .btn_price_help {
  display: flex;
  justify-content: flex-end;
  text-decoration: underline;
}

div#content.reservation .price_wrapper .coupon_input {
  margin: 2rem 0 0;
}

div#content.reservation .price_wrapper .coupon_input #coupon_show {
  display: flex;
  flex-direction: row;
}

div#content.reservation .price_wrapper .coupon_input #coupon_show > div {
  position: relative;
  flex: 1 1 0%;
  padding: 0px;
  cursor: text;
  line-height: 1em;
}

div#content.reservation .price_wrapper .coupon_input #coupon_show > div label {
  font-weight: normal;
  font-size: .8rem;
  margin: 0;
  color: #999;
  border: none;
  padding: 0;
  position: absolute;
  top: 10px;
  left: 12px;
  font-weight: 500;
}

div#content.reservation .price_wrapper .coupon_input #coupon_show > div div {
  display: flex;
  border: 1px solid #aaa;
  border-radius: 8px;
}

div#content.reservation .price_wrapper .coupon_input #coupon_show > div div input {
  width: 100%;
  border: none;
  outline: none;
  padding: 0px;
  margin: 26px 12px 6px;
  background-color: transparent;
  appearance: none;
  height: unset;
}

div#content.reservation .price_wrapper .coupon_input #coupon_show > button {
  width: 50px;
  height: 50px;
  border-radius: .5rem;
  margin-left: 10px;
  line-height: 50px;
  padding: 0;
  font-size: 1rem;
  border: 1px solid var(--wehome-color);
  color: var(--wehome-color);
  background: #fff;
}

div#content.reservation .price_wrapper .coupon_input #coupon_show {
  display: flex;
  flex-direction: row;
}

div#content.reservation .price_wrapper .coupon_input #coupon_show.hide {
  display: none;
}

div#content.reservation .price_wrapper .coupon_input #coupon_done > div {
  margin-bottom: .5rem;
}

div#content.reservation .price_wrapper .coupon_input #coupon_done label {
  font-size: 1rem;
}

div#content.reservation .price_wrapper .coupon_input #coupon_cancel {
  font-size: 1rem;
  margin-left: .5rem;
  text-decoration: underline;
}

div#content.reservation ul.book li {
  margin-top: 2rem;
  padding: 2rem 0 0;
  border-top: 1px solid #ddd;
}

div#content.reservation ul.book li #kcoupon_buttons dd {
  margin-bottom: .5rem;
}

div#content.reservation ul.book li #kcoupon_buttons #btn_coupon {
  background: var(--wehome-color);
  display: flex;
  padding: 1rem;
  margin-top: 1rem;
  border-radius: .5rem;
}

div#content.reservation ul.book li #kcoupon_buttons #btn_coupon img {
  display: block;
  width: 6rem;
  padding-right: 1rem;
}

div#content.reservation ul.book li #kcoupon_buttons #btn_coupon span {
  display: flex;
  border-left: 1px solid #aaa;
  padding-left: 1rem;
  flex-direction: column;
  color: #fff;
}

div#content.reservation ul.book li #kcoupon_buttons #btn_coupon span h4 {
  font-size: 1.3rem;
  margin-bottom: .2rem;
}

div#content.reservation .price_wrapper .coupon_input #coupon_done {
  display: flex;
}

div#content.reservation .price_wrapper .coupon_input #coupon_done.hide {
  display: none;
}

div#content.reservation .price_wrapper .coupon_input #coupon_done label {
  font-size: 1rem;
}

div#content.reservation .price_wrapper .coupon_input #coupon_cancel {
  font-size: 1rem;
  margin-left: .5rem;
  text-decoration: underline;
}

div#content.reservation ul.book .kcoupon div.info {
  margin: 1.5rem 0 0;
  font-size: .85rem;
  padding: 1rem 1rem 1rem 3rem;
  border-radius: .5rem;
  position: relative;
  background: #f3f3f3;
}

div#content.reservation ul.book .kcoupon div.info .material-symbols-outlined {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: .8rem;
  color: var(--wehome-color);
  font-size: 1.5rem;
}

div#content.reservation ul.book li #kcoupon_buttons dd label a,
div#content.reservation ul.book .kcoupon div.info a {
  text-decoration: underline;
}

div#content.reservation ul.book .kcoupon div.info a {
  display: block;
  margin-top: .5rem;
}

div#content.reservation ul.book .kcoupon div.info ul li {
  margin: 0;
  padding: 0;
  border: none;
  font-size: .85rem;
  line-height: 1.25em;
  margin-bottom: .5rem;
}

div#content.reservation ul.book .payment label,
div#content.reservation ul.book .payment label input {
  cursor: pointer;
}

div#content.reservation ul.book .payment label.radio-card {
  cursor: pointer;
  display: block;
  margin-bottom: 1rem;
}

div#content.reservation ul.book .payment label.radio-card:last-child {
  margin-bottom: 0;
}

div#content.reservation ul.book .payment label.radio-card .card-content-wrapper {
  border-radius: .5rem;
  padding: 1rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  transition: 200ms linear;
  box-shadow: 0 0 0 0 #ddd, 0 0 0 1px #ddd;
}

div#content.reservation ul.book .payment label.radio-card .check-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: solid 2px #e3e3e3;
  border-radius: 50%;
  transition: 200ms linear;
  position: relative;
}

div#content.reservation ul.book .payment label.radio-card .check-icon:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center center;
  transform: scale(1.6);
  transition: 200ms linear;
}

div#content.reservation ul.book .payment label.radio-card input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
}

div#content.reservation ul.book .payment label.radio-card input[type=radio]:checked+.card-content-wrapper {
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px var(--wehome-color);
  background: #f3f3f3;
}

div#content.reservation ul.book .payment label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon {
  background: var(--wehome-color);
  border-color: var(--wehome-color);
  transform: scale(1.2);
}

div#content.reservation ul.book .payment label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon:before {
  transform: scale(1);
  opacity: 1;
}

div#content.reservation ul.book .payment label.radio-card input[type=radio]:focus+.card-content-wrapper .check-icon {
  box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
  border-color: var(--wehome-color);
}

div#content.reservation ul.book .payment label.radio-card .card-content {
  width: 100%;
}

div#content.reservation ul.book .payment label.radio-card .card-content .images {
  height: 1.8rem;
  display: flex;
  align-items: flex-end;
  gap: 4px;
}

div#content.reservation ul.book .payment label.radio-card .card-content .images img {
  max-height: 1.35rem;
  height: 20px !important;
  width: auto !important;
}

div#content.reservation ul.book .payment label.radio-card .card-content .images img.naverpay {
  border-radius: 5px;
}

div#content.reservation ul.book .payment label.radio-card .card-content .images img.sm {
  max-height: 1.2rem;
}

div#content.reservation ul.book .payment label.radio-card .card-content label.promotion {
  color: #5F0FC5;
  font-size: 14px;
}

div#content.reservation ul.book li.telnum #phone-num > div {
  display: flex;
  justify-content: space-between;
}

div#content.reservation ul.book li.telnum #phone-num > div a {
  text-decoration: underline;
  font-weight: 500;
}

div#content.reservation ul.book li.telnum #phone-num div.add {
  display: block;
}

div#content.reservation ul.book li.telnum #phone-num div.add a {
  text-decoration: none;
  width: 100%;
}

div#content.reservation section.message,
div#content.reservation section.cancel_policy {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ddd;
}

div#content.reservation section.message label {
  display: block;
  font-size: 15px;
  color: #000;
  padding: 5px 0;
  font-weight: bold;
}

div#content.reservation section.message textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
}

div#content.reservation section.message div.info a {
  font-weight: bold;
  text-decoration: underline;
}

div#content.reservation section.cancel_policy p {
  font-weight: 400;
}

div#content.reservation section.cancel_policy a.btn_popup {
  font-weight: 500;
  text-decoration: underline;
}

div#content.reservation section.cancel_policy h4 {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 500;
}

div#content.reservation section.cancel_policy p.desc {
  margin-bottom: .5rem;
}

div#content.reservation section.cancel_policy .agree {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ddd;
  text-align: left;
  position: relative;
}

div#content.reservation section.cancel_policy .agree .check {
  cursor: pointer;
  position: relative;
  margin: auto;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
  display: flex;
}

div#content.reservation section.cancel_policy .agree .check svg {
  width: 2rem;
  height: 2rem;
  position: relative;
  z-index: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #c8ccd4;
  stroke-width: 1.5;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
}

div#content.reservation section.cancel_policy .agree .check svg path {
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}

div#content.reservation section.cancel_policy .agree .check svg polyline {
  stroke-dasharray: 22;
  stroke-dashoffset: 66;
}

div#content.reservation section.cancel_policy .agree .check:hover svg {
  stroke: var(--wehome-color);
}

div#content.reservation section.cancel_policy .agree #agree_button:checked+.check svg {
  stroke: var(--wehome-color);
}

div#content.reservation section.cancel_policy .agree #agree_button:checked+.check svg path {
  stroke-dashoffset: 60;
  transition: all 0.3s linear;
}

div#content.reservation section.cancel_policy .agree #agree_button:checked+.check svg polyline {
  stroke-dashoffset: 42;
  transition: all 0.2s linear;
  transition-delay: 0.15s;
}

div#content.reservation section.cancel_policy .agree .check p {
  padding-left: 1rem;
  font-weight: 400;
  /* width: calc(100% - 3.5rem); */
  line-height: 1.35em;
}

div#content.reservation section.cancel_policy .agree .check p a {
  text-decoration: underline;
}

div#content.reservation ul.book li.kcoupon .select {
  display: flex;
  column-gap: .5rem;
  margin-top: .5rem;
}

div#content.reservation ul.book li.kcoupon .select select,
div.editmobile select {
  padding-left: 1rem;
  padding-right: 1.5rem;
  width: 100%;
  margin-bottom: .5rem;
  border: 1px solid #ccc;
  height: 3rem;
  border-radius: .5rem;
  font-size: .9rem;
  background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-position: right .75rem top 15px;
  background-repeat: no-repeat;
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

div.editmobile {
  border: 1px solid #000;
}

div.editmobile h1 {
  margin-bottom: 1.5rem;
}

div.editmobile .row {
  display: flex;
  column-gap: .5rem;
  margin-bottom: 1rem;
  align-items: center;
  justify-content: space-between;
}

div.editmobile select {
  margin-bottom: 0;
}

div.editmobile div.input {
  position: relative;
  flex: 1 1 0%;
  padding: 0px;
  cursor: text;
  line-height: 1em;
}

div.editmobile div.input label {
  font-weight: normal;
  font-size: .8rem;
  margin: 0;
  color: #999;
  border: none;
  padding: 0;
  position: absolute;
  top: 10px;
  left: 12px;
  font-weight: 500;
}

div.editmobile div.input div {
  display: flex;
  border: 1px solid #aaa;
  border-radius: 8px;
}

div.editmobile div.input div input {
  width: 100%;
  border: none;
  outline: none;
  padding: 0px;
  margin: 26px 12px 6px;
  background-color: transparent;
  appearance: none;
  height: unset;
}

div.editmobile div.input+button {
  width: fit-content;
  height: 50px;
  border-radius: .5rem;
  line-height: 50px;
  padding: 0 .5rem;
  font-size: .8rem;
  border: 1px solid var(--wehome-color);
  color: var(--wehome-color);
  background: #fff;
}

div.editmobile input[type=submit] {
  height: 50%;
  margin-top: 1rem;
}

.policy-notes {
  font-size: 1rem;
  padding-bottom: 1.5rem;
}

.policy-notes dt {
  font-weight: 600 !important;
  line-height: 1.375rem !important;
  margin-bottom: 1rem !important;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #ddd;
}

.policy-notes dd {
  position: relative;
  /* padding-top: .5rem; */
  margin-bottom: 0 !important;
  padding-left: 1rem;
}

.policy-notes dd:before {
  content: "-";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.policy-notes a {
  text-decoration: underline;
  font-weight: 500;
  display: inline-block;
  margin-top: 1.5rem;
}

.policy-list {
  margin-top: 1rem;
}

.policy-list li {
  position: relative;
  padding-top: .5rem;
  margin-bottom: 0 !important;
  padding-left: 1rem;
}

.policy-list li:before {
  content: "-";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

div#content.map {
  padding: 0;
}

div#content.map #map-canvas {
  /* height: calc(100vh - 117px); */
  height: 100vh;
}

#search .search_box {
  border: 1px solid #efefef;
  border-radius: 2rem;
  /* margin: 1rem 0; */
  display: flex;
  padding: .5rem;
  cursor: pointer;
  /* width: calc(100% - 3.5rem); */
  box-shadow: 0 3px 10px rgba(0 0 0/0.1);
  background-color: white;
  flex-grow: 1;
}

#search .search_box .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .8rem 0 .5rem;
}

#search .search_box .icon-wrapper span {
  font-size: 28px;
}

#search .search_box .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: .15rem;
}

#search .search_box .text-wrapper span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25em;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#search .search_box .text-wrapper span+span {
  font-size: 12px;
  font-weight: 400;
  color: #666;
}

#search .filter_icon {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  background-color: white;
}

#search .main_page_icon {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  background-color: var(--wehome-color);
}

#search .main_page_icon .material-symbols-outlined {
  color: white !important;
}

#search .filter_icon #filter_num {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #222;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  line-height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter-modal {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  max-height: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.2s;
  background: #fff;
  overflow: hidden;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
}

.filter-modal.show {
  max-height: 100vh;
  opacity: 1;
  z-index: 1050;
}

.filter-modal .modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  padding: 0;
  background: #fff;
  position: relative;
  z-index: 1;
  height: 3.5rem;
}

.filter-modal .modal-header .close {
  width: 23px;
  height: 23px;
  top: 1rem;
  left: 1rem;
  right: unset;
  margin: 0;
  padding: 0;
  position: absolute;
}

.filter-modal .modal-header .close:before,
.filter-modal .modal-header .close:after {
  position: absolute;
  left: 11px;
  content: '';
  height: 20px;
  width: 2px;
  background-color: #000;
  top: 0;
}

.filter-modal .modal-header .close:before {
  transform: rotate(45deg);
}

.filter-modal .modal-header .close:after {
  transform: rotate(-45deg);
}

.filter-modal .modal-header .close:hover,
.filter-modal .modal-header .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.filter-modal .modal-header h2 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}

.filter-modal .modal-body {
  background: #fff;
  height: calc(100% - 3.5rem);
  overflow-y: scroll;
  overflow-x: hidden;
}

/* Moved all #searchbox styles to style_common.css for unified management */
/* Kept only filter_area-specific bottom_button styles */

.filter_area div#bottom_button {
  position: fixed;
  bottom: 0;
  z-index: 101;
  margin: 0;
  background-color: #fff;
  border-top: 1px solid var(--bottom-naverbar-border-top-color);
  border-left: 1px solid var(--bottom-naverbar-border-side-color);
  border-right: 1px solid var(--bottom-naverbar-border-side-color);
  padding: 1rem 1.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.filter_area div#bottom_button div.left {
  display: inline-block;
}

.filter_area div#bottom_button div.left a {
  font-size: 1rem;
  text-decoration: underline;
}

.filter_area div#bottom_button div.right {
  float: right;
  display: inline;
}

.filter_area div#bottom_button .btn {
  background-color: var(--wehome-color);
}

.search_box div.sc {
  margin: 1rem 0;
  height: 2rem;
}

.search_box div.ln {
  border-right: 0;
}

.search_box div input.text2 {
  border: none;
  height: 2rem;
  width: 100%;
  outline: none;
  font-size: 14px;
}

.search_box div.search_keyword {
  flex: 2;
}

.search_box div.search_keyword input.text2 {
  padding-left: 20px;
  background: transparent;
}

.search_box div.search_checkin {
  flex: 1;
}

.search_box div.search_checkout {
  flex: 1;
}

.search_box div.search_guests {
  flex: 1;
}

.search_box div.search_btn {
  margin: 12px 14px;
}

.search_box div.search_btn button#search_btn {
  background-color: var(--wehome-color);
}

.search_box div.search_btn button#search_btn img {
  vertical-align: top;
  margin-top: 4px;
}

section#search {
  position: relative;
  /* background-color: #fff; */
  background-color: transparent;
  /* max-width: 1180px; */
  /* padding: 0 var(--padding); */
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
  gap: 12px;
  padding-top: var(--padding);
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 0px;
}



.filter_area .switch-menu {
  display: flex;
  justify-content: space-between;
  column-gap: 2rem;
}

.filter_area .switch-menu+.switch-menu {
  margin-top: 1rem;
}

.filter_area .switch-menu > div > span {
  margin-bottom: .5rem;
  display: block;
  font-weight: 500;
}

.filter_area .switch-menu > div > p {
  margin: 0;
  font-weight: 400;
  color: #888;
}

.radio-button-filter {
  -webkit-scrollbar-width: none;
  -moz-scrollbar-width: none;
  -ms-scrollbar-width: none;
  scrollbar-width: none;
  display: flex;
  overflow: auto;
  padding: 0 1.5rem;
  margin: 1rem -1.5rem 1.5rem;
}

.radio-button-filter:last-child {
  margin-bottom: 0;
}

.radio-button-filter li {
  margin-right: 10px;
}

.radio-button-filter input {
  visibility: hidden;
  position: absolute;
}

.radio-button-filter label {
  padding: 10px 24px;
  border-radius: 20px;
  border: 1px solid #ddd;
  position: relative;
  display: flex;
  word-break: keep-all;
}

.radio-button-filter input:checked+label {
  background: #222;
  color: #fff;
}

.msg-before-noti_list {
  margin-bottom: 15px;
}

.notif-top-buttons {
  display: flex;
  align-items: center;
}

.notif-top-buttons .refresh-icon {
  padding: 6px;
}

.notif-top-buttons .settings-icon {
  padding: 6px;
}

.notif-top-buttons .settings-icon svg {
  width: 100%;
  height: 100%;
}

.create-listing .input-wrapper,
.modal .modal-body .input-wrapper {
  position: relative;
  padding: 0px;
  cursor: text;
  margin-bottom: 2rem;
  line-height: 1em;
}

.create-listing .input-wrapper > label,
.modal .modal-body .input-wrapper > label {
  position: absolute;
  font-size: .8rem;
  color: #999;
  top: 9px;
  left: 12px;
  font-weight: 500;
  color: #999;
  border: none;
  padding: 0;
  margin: 0;
}

.create-listing .input-wrapper > label+div,
.modal .modal-body .input-wrapper > label+div {
  display: flex;
  border: 1px solid #aaa;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}

.create-listing .input-wrapper > label+div input,
.modal .modal-body .input-wrapper > label+div input {
  width: 100%;
  border: none;
  outline: none;
  padding: 0px;
  margin: 26px 12px 6px;
  background-color: transparent;
  appearance: none;
  height: unset;
}

.modal .modal-body .input-wrapper .lang_cont {
  margin: 1rem 0 0;
}

.modal .modal-body .input-wrapper .lang_cont li label {
  display: block;
  padding: .5rem 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0;
  border: none;
  font-size: .9rem;
  font-weight: 400;
  padding: 1rem 0;
  border-top: 1px solid #ddd;
}

.modal .modal-body .input-wrapper .lang_cont li label input[type=checkbox] {
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */
  transform: scale(1.5);
  transform-origin: right;
}

ul.sync_list li label {
  position: absolute;
  font-size: .8rem;
  color: #999;
  top: 9px;
  left: 12px;
  font-weight: 500;
  color: #999;
  border: none;
  padding: 0;
  margin: 0;
}

ul.sync_list li {
  border: 1px solid #aaa;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  padding: 9px;
  margin-bottom: 10px;
}

ul.sync_list div.sync_name {
  color: #999;
  font-weight: bold;
}

ul.sync_list div.sync_url {
  word-break: break-all;
}

ul.sync_list div.sync_etc {
  margin-top: 10px;
}

ul.sync_list div.sync_cmd {
  margin-top: 10px;
}

ul.sync_list div.sync_cmd a {
  display: inline-flex;
}

ul.sync_list span.material-symbols-outlined {
  padding-top: 2px;
  font-size: 18px;
}

p#info {
  margin: 1.5rem 0 0;
  font-size: .85rem;
  padding: 1rem 1rem 1rem 3rem;
  border-radius: .5rem;
  position: relative;
  background: #f3f3f3;
  line-height: 1.15em;
}

p#info .material-symbols-outlined {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: .8rem;
  color: var(--wehome-color);
  font-size: 1.5rem;
}

p#info span.refund-date {
  display: block;
  margin-top: .2rem;
  font-weight: 400;
}

.modal#edit-contacts .input-wrapper {
  margin: 1rem 0;
}

.modal.edit-listing {
  height: 100vh;
  z-index: 990;
}

.modal.edit-listing .modal-content {
  height: 100%;
}

.modal.edit-listing .modal-header h4 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  margin: 0;
}

.modal.edit-listing h4.mid {
  font-size: 1.35rem;
  font-weight: 500;
  margin-top: 2rem;
  padding-top: 1.5rem;
  margin-bottom: .5rem;
  border-top: 1px solid #ddd;
}

.modal.edit-listing h4.top {
  font-size: 1.35rem;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

#edit-refund-policy h4.top {
  margin-bottom: 10px;
}

#edit-refund-policy h4.top+p {
  margin-bottom: 0px;
}

.modal.edit-listing h4+form {
  margin-top: 1.5rem;
}

.modal.edit-listing h4+p {
  margin-bottom: 1.5rem;
  font-weight: 300;
}

.modal.edit-listing .modal-body h3 {
  font-size: 1.15rem;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.modal.edit-listing .modal-body h3+.explain {
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ddd;
}

.modal.edit-listing .modal-body h3+.explain #short_link {
  margin-bottom: .5rem;
  display: block;
}

.modal.edit-listing .modal-body h3+.explain #copy {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  column-gap: .5rem;
}

.modal.edit-listing .modal-body > p {
  margin: 0 0 2rem;
}

.modal.edit-listing .modal-body > p+p {
  margin-top: -1.5rem;
}

.modal.edit-listing .modal-body > p.note {
  margin-top: 1rem;
}

.modal.edit-listing .input-wrapper {
  margin-bottom: 1rem;
}

.modal.edit-listing .input-wrapper h6 {
  font-weight: 500;
  margin-bottom: .5rem;
}

.modal.edit-listing .input-wrapper > label+div input {
  font-size: 1rem;
  margin-top: 30px;
  margin-bottom: 8px;
}

.modal.edit-listing .btns {
  margin-top: 2rem;
}

.modal.edit-listing .input-wrapper > label+div select {
  padding-left: 12px;
  padding-right: 36px;
  border: none;
  margin: 0;
  padding-top: 26px;
  padding-bottom: 10px;
  background-color: transparent;
  min-height: 56px;
  width: 100%;
  outline: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-appearance: none;
}

.modal.edit-listing .input-wrapper > label+div+span.material-symbols-outlined {
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  margin-bottom: 0;
}

.modal.edit-listing .input-row {
  display: flex;
  column-gap: .5rem;
}

.modal.edit-listing .input-row > .input-wrapper {
  flex: 1;
}

.modal.edit-listing .checkbox {
  margin-top: 0;
}

.modal.edit-listing .checkbox label {
  font-size: 1.2rem;
  font-weight: 500;
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.modal.edit-listing .input-row.radio {
  justify-content: space-between;
  line-height: 1em;
  column-gap: 1rem;
  margin-bottom: 1.5rem;
  margin-top: .5rem;
}

.modal.edit-listing .input-row.radio span {
  margin-bottom: 0.35rem;
  display: block;
}

.modal.edit-listing .input-row.radio p {
  font-size: .8rem;
  font-weight: 500;
  color: #999;
  margin: 0;
}

.modal.edit-listing .input-row.radio .button-wrap {
  position: relative;
  display: flex;
}

.modal.edit-listing .input-row.radio .button-label {
  display: inline-block;
  cursor: pointer;
  transition: 0.3s;
  user-select: none;
  margin: 0;
  border: none;
  padding: 0;
}

.modal.edit-listing .input-row.radio .button-label span {
  font-size: 2.5rem;
  margin: 0;
  color: #999;
}

.modal.edit-listing .input-row.radio :checked+.button-label span {
  color: #222;
  font-variation-settings: 'FILL' 1
}

.modal.edit-listing .input-row.radio .input-wrapper {
  flex: 0;
  height: fit-content;
  margin-bottom: 0;
}

.modal.edit-listing .input-row.radio .input-wrapper > label {
  display: none;
}

.modal.edit-listing .input-row.radio .input-wrapper > label+div {
  width: 4rem;
}

.modal.edit-listing .input-row.radio .input-wrapper > label+div select {
  padding-top: 10px;
  min-height: 40px;
}

.modal.edit-listing .amenities {
  margin-bottom: 2rem;
}

.modal.edit-listing .amenities h5 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.modal.edit-listing .amenities+.amenities h5 {
  border-top: 1px solid #ddd;
  padding-top: 1rem;
}

.modal.edit-listing .amenities label {
  border: none;
  padding: 0;
  font-size: .9rem;
  font-weight: 400;
}

.modal.edit-listing .amenities h5+label {
  border-top: none;
}

.modal.edit-listing .checkbox input {
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  transform-origin: left;
  accent-color: #222;
  margin-right: 1rem;
}

.modal.edit-listing .amenities input {
  -ms-transform: scale(1.5) translateY(1px);
  -moz-transform: scale(1.5) translateY(1px);
  -webkit-transform: scale(1.5) translateY(1px);
  -o-transform: scale(1.5) translateY(1px);
  transform: scale(1.5) translateY(1px);
  transform-origin: left;
  accent-color: #222;
  margin-right: 1rem;
}

.modal.edit-listing .amenities .sub_amnt {
  padding-left: 2rem;
}

.modal.edit-listing .radio-input-wrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  margin-top: 2rem;
}

.modal.edit-listing .radio-input-wrapper > label {
  width: 100%;
  padding: 1rem;
  border: 2px solid #ddd;
  border-radius: 1rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  column-gap: 1rem;
  margin: 0;
}

.modal.edit-listing .radio-input-wrapper > label span.material-symbols-outlined {
  font-size: 2.5rem;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.modal.edit-listing .radio-input-wrapper > label h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: .5rem;
}

.modal.edit-listing .radio-input-wrapper > label p {
  font-size: .9rem;
  font-weight: 300;
  margin-bottom: 0;
}

.modal.edit-listing .radio-input-wrapper > input {
  display: none;
}

.modal.edit-listing .radio-input-wrapper > input:checked+label,
.modal.edit-listing .radio-input-wrapper > label.on {
  border-color: #222;
  background: #f7f7f7;
}

.modal.edit-listing .radio-input-wrapper > input+label .material-symbols-outlined {
  font-size: 2rem;
}

.modal.edit-listing .radio-input-wrapper > input+label .material-symbols-outlined.checked {
  display: none;
  font-variation-settings: 'FILL' 1
}

.modal.edit-listing .radio-input-wrapper > input:checked+label .material-symbols-outlined.checked {
  display: block;
}

.modal.edit-listing .radio-input-wrapper > input+label .material-symbols-outlined.unchecked {
  display: block;
}

.modal.edit-listing .radio-input-wrapper > input:checked+label .material-symbols-outlined.unchecked {
  display: none;
}

#edit-refund-policy .radio-input-wrapper {
  margin: 0;
}

a#list_del_btn {
  position: absolute;
  right: 25px;
  bottom: 150px;
  text-decoration: underline;
}


.mfp-wrap,
.mfp-bg {
  max-height: 100dvh;
  top: 0 !important;
  position: fixed !important;
}

.mfp-container {
  padding: 0 !important;
  max-height: 100dvh;
  overflow-y: auto;
  max-width: var(--max-width-in-mobile-only-mode) !important;
  margin-left: auto;
  margin-right: auto;
  left: 0 !important;
  right: 0 !important;
}

.mfp-content {
  /* background: #fff; */
  background-color: transparent;
}

.photo-stack {
  position: relative;
  margin-top: 2rem;
  width: 100%;
  padding-bottom: 2rem;
}

.photo-stack > span {
  padding: .5rem .75rem;
  background: #fff;
  border-radius: .75rem;
  position: absolute;
  left: calc(10% + 1rem);
  top: 1rem;
  z-index: 100;
  font-size: .8rem;
  line-height: 1em;
}

.photo-stack img {
  position: absolute;
  top: 0;
  left: 10%;
  transition: all 0.3s ease-out;
  max-width: 80%;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 1rem;
}

.photo-stack img:nth-child(1) {
  z-index: 99;
  position: relative;
}

.photo-stack img:nth-child(2) {
  transform: translate(1rem, 1rem) rotate(5deg);
  z-index: 98;
}

.photo-stack img:nth-child(3) {
  transform: translate(-1rem, 1rem) rotate(-5deg);
  z-index: 97;
}

.photo_list {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
}

.photo_list li {
  flex: calc(50% - .5rem);
}

.photo_list li div.img {
  position: relative;
}

.photo_list li div.img a {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: .5rem;
  overflow: hidden;
}

.photo_list li div.img a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo_list li div.img .photo_star {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.photo_list li .handle {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #fff;
  padding: 5px;
  border-radius: 50%;
}

#num_photo {
  font-size: .9rem;
}

div#content.my-listing {}

div#content.my-listing .add-msg {
  top: 1rem;
}

div#content.my-listing .listings .card {
  display: block;
  margin-bottom: 3rem;
  position: relative;
}

div#content.my-listing .listings .card .image {
  position: relative;
  aspect-ratio: 1 / 1;
  display: block;
}

div#content.my-listing .listings .card .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

/* div#content.my-listing .listings .card .card-body {
  margin-top: 1rem;
} */

div#content.my-listing .listings .card .card-body .card-title {
  font-weight: 400;
  font-size: 1rem;
  /* margin-bottom: .25rem; */
  line-height: inherit;
}

div#content.my-listing .listings .card .card-body .card-subtitle {
  font-weight: 400;
  font-size: .9rem;
  color: #999;
}

div#content.my-listing .listings .card .card-body .card-pid {
  color: #5E0EC5;
  font-size: 12px;
  margin-bottom: 3px;
}

div#content.my-listing .listings .card .badge {
  position: absolute;
  z-index: 1;
  top: 1rem;
  left: 1rem;
  border-radius: 1rem;
  background: #fff;
  padding: 8px 12px;
  font-size: .8rem;
  font-weight: 500;
}

div#content.my-listing .listings .card .badge.running {
  color: #5E0EC5;
}

.material-symbols-outlined.fill {
  font-variation-settings: 'FILL' 1;
  color: var(--wehome-color);
}

.material-symbols-outlined.fill.lp {
  padding-left: 15px;
}

/* div#content.my-calendar {} */

div#content.my-calendar .listings {
  margin-top: 30px;
  margin-bottom: 30px;
}

div#content.my-calendar .listings h2 {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 1rem;
}

div#content.my-calendar .listings .card {
  display: flex;
  position: relative;
  border: 1px solid #ddd;
  padding: 1rem;
  border-radius: 1rem;
}

div#content.my-calendar .listings .card:not(:last-child) {
  margin-bottom: 15px;
}

div#content.my-calendar .listings .card .image {
  position: relative;
  display: block;
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
}

div#content.my-calendar .listings .card .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .5rem;
}

div#content.my-calendar .listings .card .card-body {
  width: calc(100% - 6rem);
}

div#content.my-calendar .listings .card .card-body .card-title {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: .25rem;
}

div#content.my-calendar .listings .card .card-body .card-subtitle {
  font-weight: 400;
  font-size: .9rem;
  color: #999;
}

div#content.my-calendar .listings .card .badge {
  position: absolute;
  z-index: 1;
  top: 1rem;
  left: 1rem;
  border-radius: 5px;
  background: #e86a6a;
  padding: 5px 6px;
  font-size: .8rem;
  font-weight: 500;
  margin-left: -7px;
  margin-top: -5px;
  color: white;
}

div#content.host-menu .profile-img {
  display: block;
  margin-right: 1rem;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

div#content.host-menu .profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.setting-panel ul.menu p.info {
  font-size: .8rem;
  color: #999;
  margin: 0;
}

nav#bottom_nav .host-nav-1 img {
  transform: scale(1.2);
}

nav#bottom_nav .host-nav-5 img {
  transform: scale(1.15);
}

div#content.edit-room section.photo {
  overflow-x: hidden;
}

div#content.edit-room section.photo .photo_list li {
  position: relative;
}

div#content.edit-room section.photo .photo_list li:first-child:before {
  content: '커버';
  padding: 8px 12px;
  background: #fff;
  border-radius: 16px;
  font-size: .8rem;
  color: #666;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  border: 1px solid #eee;
}

div#content.edit-photo .image {
  border-radius: 1rem;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

div#content.edit-photo .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div#content.edit-photo .btns {
  margin-top: 2rem;
  display: none;
}

div#content.edit-photo .btns.on {
  display: block;
}

div.upload_progress_box {
  width: 100%;
  position: fixed;
  /* top:50px;  */
  top: 18px;
  left: 0;
  height: 5px;
  z-index: 120;
  display: none;
  text-align: center;
}

div.upload_progress_box div.upload_progress {
  width: 0%;
  background-color: #222;
  height: 5px;
  display: block;
}

#ical_url {
  font-size: .8rem;
  word-break: break-all;
  border: 1px solid #ddd;
  padding: .75rem;
  border-radius: .5rem;
  line-height: 1em;
  margin-bottom: 1rem;
}

hr {
  width: 100%;
  background-color: #ddd;
  border: 0;
  height: 1px;
}

a.learnmore {
  text-decoration: underline;
  margin-bottom: 2rem;
}

a.learnmore.ical-sync {
  color: #ff3366;
  font-weight: 500;
  display: block;
  text-align: right;
}

div.create-listing-menu a {
  font-weight: 500;
  font-size: .9rem;
  line-height: 1em;
  text-decoration: underline;
}

div#content.create-listing h2 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

div#content.create-listing p {
  margin-bottom: 1rem;
}

div#content.create-listing ul {
  line-height: 1.3em;
  margin-bottom: 5px;
}

div#content.create-listing p.note {
  font-size: 0.8rem;
  margin-bottom: .5rem;
  margin-top: 1rem;
  color: #000;
  font-weight: 400;
  display: flex;
}

div#content.create-listing p.note+p.note {
  margin-top: 0;
}

div#content.create-listing p.note span.material-symbols-outlined {
  margin-right: .35rem;
  padding-top: .1rem;
  font-size: 1rem;
}

div#content.create-listing div.listing_progress_box {
  width: 100%;
  position: fixed;
  bottom: var(--bottom-naverbar-height);
  left: 0;
  height: 10px;
  z-index: 120;
  background: #e6e6e6;
}

div#content.create-listing div.listing_progress_box div.listing_progress {
  width: 0%;
  height: 100%;
  display: block;
  background-color: #ff3366;
  background-image: repeating-linear-gradient(45deg,
      #6800cd,
      /* 기준이 되는 진한 보라색 */
      #6800cd 8px,
      #ae7aee 8px,
      /* 약간 더 밝은 보라색 */
      #ae7aee 16px);
  background-size: 22.63px 100%;
  /* 16px * √2 */
  animation: progress-stripe 0.4s linear infinite;
}

@keyframes progress-stripe {
  from {
    background-position-x: 0;
  }

  to {
    background-position-x: 22.63px;
  }
}

#airbnb-loader-form {
  margin-top: 2rem;
}

#airbnb-loader-form+.info {
  margin-top: 2rem;
}

#airbnb-loader-form+.info ul {
  list-style: disc;
  margin-left: 15px;
  margin-top: .5rem;
}

#airbnb-loader-form+.info ul li {
  font-size: .8rem;
}

.mfp-content {
  /* max-width: 90%; */
}

.mfp-content p {
  margin-top: .75rem;
}

div#content.create-listing {
  /* padding-bottom: 8rem;  */
  padding-bottom: 5rem;
}

div#content.create-listing h4 {
  font-size: 1.15rem;
  font-weight: 400;
}

div#content.create-listing form .icon-buttons > label,
div#content.create-listing form .buildingtype > label {
  cursor: pointer;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

div#content.create-listing .buildingtype {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  margin-top: 1.5rem;
  /* margin-bottom: 80px; */
}

div#content.create-listing .buildingtype > label {
  width: calc((100% - 1rem) / 2);
  padding: 1rem;
  border: 2px solid #ddd;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 130px;
}

div#content.create-listing .buildingtype > label span.material-symbols-outlined {
  font-size: 3.5rem;
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

div#content.create-listing .buildingtype > label p {
  /* font-size: 1rem;  */
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
}

div#content.create-listing .buildingtype > label.full {
  width: 100%;
  height: 50px;
  text-align: center;
}

div#content.create-listing .buildingtype > input {
  display: none;
}

div#content.create-listing .buildingtype > input:checked+label,
div#content.create-listing .buildingtype label.on {
  border-color: #222;
  background: #f7f7f7;
}

div#content.create-listing #map {
  position: absolute !important;
  display: block;
  width: 100vw;
  height: 75vh;
  background: #f3f3f3;
  margin: 0 -1.5rem;
  overflow: hidden;
}

div#content.create-listing .address {
  position: relative;
  margin: 2rem 0;
  padding: 2rem 0;
  background: #f3f3f3;
  border-radius: 10px;
}

div#content.create-listing .address .address-input-wrapper .material-symbols-outlined {
  font-variation-settings: 'FILL' 1
}

div#content.create-listing .address .address-input-wrapper {
  -webkit-box-align: center;
  position: relative;
  cursor: text;
  display: flex;
  min-height: 48px;
  width: calc(100% - 2rem);
  left: 1rem;
  color: #222;
  background-color: rgb(255, 255, 255) !important;
  align-items: center;
  padding: 12px 12px 12px 16px;
  border-radius: 78px;
  column-gap: .5rem;
}

div#content.create-listing .address .address-input-wrapper .address-input {
  width: 100%;
  border: none;
  background: transparent;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  padding: 0;
  font-size: 1rem;
}

div#content.create-listing .address .address-input-wrapper .address-input {
  width: 100%;
  border: none;
  background: transparent;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  padding: 0;
  font-size: 1rem;
}

div#content.create-listing .icon-buttons {
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  margin-top: 2rem;
}

div#content.create-listing .icon-buttons > label {
  width: 100%;
  padding: 1rem;
  border: 2px solid #ddd;
  border-radius: 1rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  column-gap: 1rem;
}

div#content.create-listing .icon-buttons > label span.material-symbols-outlined {
  font-size: 2.5rem;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

div#content.create-listing .icon-buttons > label h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

div#content.create-listing .icon-buttons > label p {
  font-size: .9rem;
  font-weight: 300;
  margin-bottom: 0;
}

div#content.create-listing .icon-buttons > input {
  display: none;
}

div#content.create-listing .icon-buttons > input:checked+label {
  border-color: #222;
  background: #f7f7f7;
}

div#content.create-listing .listings {
  margin-bottom: 1.5rem;
}

div#content.create-listing .listings label {
  padding: .5rem;
  align-items: center;
}

div#content.create-listing .listings .image {
  width: 4rem;
  height: 4rem;
  border-radius: .5rem;
  overflow: hidden;
}

div#content.create-listing .listings .image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

div#content.create-listing .listings .text {
  flex: 1;
}

div#content.create-listing .listings .text h5 {
  font-size: .9rem;
  font-weight: 400;
}

div#content.create-listing .listings+.info-box {
  margin-top: 0;
  padding: 1rem 0;
  font-weight: 400;
  border-top: 1px solid #ddd;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div#content.create-listing .forms {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 3rem 0 0;
}

div#content.create-listing .forms+.forms {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #ddd;
}

div#content.create-listing .forms_sub {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #ddd;
}

div#content.create-listing .forms_sub .forms {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  border: 0;
}

div#content.create-listing .ctr_num {
  height: 2rem;
  position: relative;
  display: flex;
  grid-gap: 3rem;
}

div#content.create-listing .ctr_num .minus,
div#content.create-listing .ctr_num .plus {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  border: 1px solid #222;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

div#content.create-listing .ctr_num .plus {
  float: right;
}

div#content.create-listing .ctr_num .minus {
  float: left;
}

div#content.create-listing .ctr_num .ctr_value {
  position: absolute;
  z-index: 0;
  text-align: center;
  line-height: 2rem;
  width: 100%;
}

div#content.create-listing .forms.form_guests {
  margin-top: 6rem;
  flex-direction: column;
}

div#content.create-listing .forms.form_guests .ctr_num {
  width: 100%;
  justify-content: space-between;
}

div#content.create-listing .forms.form_guests .ctr_value {
  font-size: 4rem;
  font-weight: 600;
}

div#content.create-listing .amenities-wrapper {
  margin-top: 2rem;
}

div#content.create-listing .amenities {
  margin-bottom: 2rem;
}

div#content.create-listing .amenities h5 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

div#content.create-listing .amenities+.amenities h5 {
  border-top: 1px solid #ddd;
  padding-top: 1rem;
}

div#content.create-listing .amenities label {
  border: none;
  padding: 0;
  font-size: .9rem;
  font-weight: 400;
  display: block;
  width: 100%;
  margin-bottom: .5rem;
}

div#content.create-listing .amenities h5+label {
  border-top: none;
}

div#content.create-listing .amenities input {
  -ms-transform: scale(1.5) translateY(1px);
  -moz-transform: scale(1.5) translateY(1px);
  -webkit-transform: scale(1.5) translateY(1px);
  -o-transform: scale(1.5) translateY(1px);
  transform: scale(1.5) translateY(1px);
  transform-origin: left;
  accent-color: #222;
  margin-right: 1rem;
}

div#content.create-listing .amenities .sub_amnt {
  padding-left: 2rem;
}

div#content.create-listing .list-title,
div#content.create-listing .list-description {
  padding-top: 2rem;
}

div#content.create-listing .list-description h4 {
  margin-bottom: .5rem;
}

div#content.create-listing .input-wrapper {
  margin-bottom: 1rem;
}

div#content.create-listing .input-wrapper > label+div select {
  padding-left: 12px;
  padding-right: 36px;
  border: none;
  margin: 0;
  padding-top: 26px;
  padding-bottom: 10px;
  background-color: transparent;
  min-height: 56px;
  width: 100%;
  outline: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-appearance: none;
}

div#content.create-listing .input-wrapper > label+div input {
  font-size: 1rem;
  margin-top: 30px;
  margin-bottom: 8px;
}

div#content.create-listing .input-wrapper > label+div+span.material-symbols-outlined {
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  margin-bottom: 0;
}

div#content.create-listing .input-row {
  display: flex;
  column-gap: .5rem;
}

div#content.create-listing .input-row > .input-wrapper {
  flex: 1;
}

div#content.create-listing #create-listing-panel label.input-row.radio {
  justify-content: space-between;
  color: #000;
  background-color: #fff;
  font-size: 1rem;
}

div#content.create-listing .input-row+p.note,
div#content.create-listing .input-wrapper+p.note {
  margin-top: -.5rem;
  margin-bottom: 1rem;
}

div#content.create-listing h2.mid {
  margin-top: 2rem;
  padding-top: 1.5rem;
  margin-bottom: .5rem;
  border-top: 1px solid #ddd;
}

div#content.create-listing h2.mid+p {
  margin-bottom: 1.5rem;
  font-weight: 300;
}

div.create1 div.modal ul.select li {
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}

div.create1 div.modal .modal-body {
  padding-bottom: 80px;
}

div#content.create-listing .promotions label {
  flex-direction: row;
  align-items: center;
  background: #f3f3f3;
}

div#content.create-listing .promotions label > span {
  width: 60px;
  font-size: 1.15rem;
  font-weight: 700;
  position: relative;
}

div#content.create-listing .promotions label > span+div {
  flex: 1;
}

div#content.create-listing .promotions label > span+div+div {
  flex: 0;
}

div#content.create-listing .promotions .promotion-input {
  width: 100%;
  font-size: 1.15rem;
  font-weight: 700;
  border-radius: .5rem;
  border: 1px solid #999;
  padding: 8px 14px 8px 8px;
}

div#content.create-listing .promotions .input-after {
  position: absolute;
  right: 8px;
  top: 9px;
}

div#content.create-listing .promotions .on {
  display: none;
}

div#content.create-listing .promotions .off {
  transform: translateY(2px);
}

div#content.create-listing .promotions > input:checked+label .on {
  display: block;
}

div#content.create-listing .promotions > input:checked+label .off {
  display: none;
}

div#content.create-listing .promotions > label span.material-symbols-outlined {
  font-size: 2rem;
  font-variation-settings: 'FILL' 1, 'wght' 400
}

div#content.create-listing .gallery.empty {
  border: 1px dashed #999;
  padding: 2rem;
  margin-top: 3rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

div#content.create-listing .gallery.empty .material-symbols-outlined {
  font-size: 5rem;
  font-variation-settings: 'wght' 100;
}

div#content.create-listing .gallery.empty p {
  font-size: 1.2rem;
  margin-bottom: 3.5rem;
}

div#content.create-listing .gallery.empty .add-img-btn {
  cursor: pointer;
  /* text-decoration: underline; */
  /* position:relative;  */
}

div#content.create-listing .top-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}

div#content.create-listing .top-bar > h2 {
  flex: 1;
  margin-bottom: 0px;
}

div#content.create-listing .top-bar .add-img-btn {
  /* position:absolute;  */
  top: 3.0rem;
  right: 1.5rem;
  /* 
  background: #fff; 
  border: 1px solid #999;  
  */
  background: var(--wehome-color);
  color: white;
  width: auto;
  height: auto;
  padding: 6px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
}

div#content.create-listing .top-bar .add-img-btn span {
  font-size: 1rem;
}

div#content.create-listing .top-bar .add-img-btn p {
  margin: 0;
  font-weight: 500;
  font-size: .9rem;
  /* margin: 0 4px;  */
  padding: 4px;
}

div#content.create-listing .gallery.loaded section.photo {
  overflow-x: hidden;
}

div#content.create-listing .gallery.loaded section.photo .photo_list li {
  position: relative;
}

div#content.create-listing .gallery.loaded section.photo .photo_list li:first-child:before {
  content: '커버';
  padding: 8px 12px;
  background: #fff;
  border-radius: 16px;
  font-size: .8rem;
  color: #666;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  border: 1px solid #eee;
  line-height: 1em;
}

div#content.edit-photo .image {
  border-radius: 1rem;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

div#content.edit-photo .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div#content.edit-photo .btns {
  margin-top: 2rem;
  display: none;
}

div#content.edit-photo .btns.on {
  display: block;
}

div#content.create-listing .review-box {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 1rem;
  /* box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); */
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.11);
  margin: 2rem 0 3rem;
}

div#full-review .image,
div#content.create-listing .review-box .image {
  width: 100%;
  padding-top: 100%;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}

div#full-review .image img,
div#content.create-listing .review-box .image img {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div#content.create-listing .review-box h4.title {
  font-size: 1rem;
  font-weight: 400;
  margin: 1rem 0 0.25rem;
}

div#full-review p.price,
div#content.create-listing .review-box p.price {
  margin-bottom: 0;
  font-weight: 400;
}

div#content.create-listing .review-next {
  margin-top: 2rem;
}

div#content.create-listing .review-next h4 {
  font-size: 1.35rem;
}

div#content.create-listing .review-next ul {
  margin-top: 1.5rem;
}

div#content.create-listing .review-next ul li {
  display: flex;
  column-gap: 1rem;
  margin-bottom: .5rem;
}

div#content.create-listing .review-next ul li .material-symbols-outlined {
  font-size: 3rem;
}

div#content.create-listing .review-next ul li h5 {
  margin-bottom: .5rem;
  font-weight: 500;
  font-size: 1.1rem;
}

div#content.create-listing .review-next ul li p {
  font-weight: 300;
}

div#full-review h4.title {
  font-size: 1.625rem;
  line-height: 1.875rem;
  font-weight: 500;
  margin: 1.5rem 0;
}

div#full-review div.info_box .title {
  font-size: 1.1rem;
  font-weight: 400;
}

div#full-review div.default_info {
  padding: 1.5rem 0 2rem;
  border-bottom: 1px solid #ddd;
}

div#full-review div.default_info div.title {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 1rem;
}

div#full-review div.default_info div.loc_info {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

div#full-review div.default_info div.short_info {
  font-size: .95rem;
  font-weight: 400;
}

div#full-review div.default_info .tag_info {
  margin-top: 1.5rem;
}

div#full-review div.default_info span.keyword {
  margin-right: 5px;
  padding: 5px 10px;
  color: #6800cd;
  background-color: #f9f4fd;
  border-radius: 5px;
  display: inline-block;
  margin-top: .5rem;
}

div#full-review .description {
  margin-top: 1.5rem;
}

div#full-review .description p {
  font-size: 1rem;
  margin: 0;
  line-height: 1.7em;
  font-weight: 300;
  color: #000;
}

div#full-review .description b {
  font-weight: 300;
}

div#full-review dl.amenities {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

div#full-review dl.amenities dd {
  margin-bottom: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-size: .9rem;
}

div#full-review dl.amenities dd span.ico_amnt {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}

div#full-review dl.amenities dd span.ico_amnt img {
  display: block;
  width: 100%;
}

div#full-review dl.amenities+p.info {
  font-size: .9rem;
  color: #999;
}

div#content.create-listing #bottom_button {
  z-index: 101;
  margin: 0;
  margin-top: 1.5rem;
  background-color: #fff;
  border-top: 1px solid #ddd;
  padding: 1rem 1.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*
div#content.create1 #bottom_button {
  position: fixed; 
  bottom:75px; 
  left:-10px;
}
*/
div#content.create-listing #bottom_button .btn {
  font-size: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

div#content.create-listing #bottom_button #next:disabled {
  background: #999;
}

/* div#content.my-today {
  padding-bottom: 8rem;
} */

div#content.my-today .account-update-box {
  margin-bottom: 3rem;
  padding: 1.5rem;
  border: 1px solid #ddd;
  border-radius: .75rem;
}

div#content.my-today .account-update-box h5 {
  font-weight: 500;
  margin-bottom: .25rem;
}

div#content.my-today .account-update-box a {
  margin-top: 1rem;
  text-decoration: underline;
  display: block;
}

div#content.my-today .reservations-wrapper {
  margin-bottom: 30px;
}

div#content.my-today .reservations-wrapper h2 {
  font-size: 1.5rem;
  font-weight: 500;
}

div#content.my-today .reservations-wrapper .submenu {
  margin: 1.5rem -1.5rem;
  padding: 0 1.5rem;
  display: flex;
  justify-content: flex-start;
  grid-gap: .5rem;
  overflow: auto;
  white-space: nowrap;
}

div#content.my-today .reservations-wrapper .submenu li {
  padding: .5rem 1rem;
  border: 1px solid #ddd;
  border-radius: 1.25rem;
}

div#content.my-today .reservations-wrapper .submenu li.selected {
  border: 2px solid #222;
  background: #f3f3f3;
}

div#content.my-today .reservations-wrapper .submenu li a {
  color: #222;
  font-size: 0.9rem;
}

div#content.my-today .reservations-wrapper .submenu li.selected a {
  color: #222;
}

div#content.my-today .reservations-wrapper .reservations {
  display: flex;
  flex-direction: column;
}

div#content.my-today .reservations-wrapper .reservations .card {
  border-radius: .75rem;
  border: 1px solid #ddd;
  margin-bottom: 1.5rem;
}

div#content.my-today .reservations-wrapper .reservations .card .top {
  font-weight: 400;
  font-size: 1rem;
  padding: 1rem 1rem 0 1rem;
}

div#content.my-today .reservations-wrapper .reservations .card .guest-profile {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}

div#content.my-today .reservations-wrapper .reservations .card .guest-profile .image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}

div#content.my-today .reservations-wrapper .reservations .card .guest-profile .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div#content.my-today .reservations-wrapper .reservations .card .name {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: .15rem;
}

div#content.my-today .reservations-wrapper .reservations .card .date {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
}

div#content.my-today .reservations-wrapper .reservations .card .location {
  display: block;
  font-size: .9rem;
  margin-top: .5rem;
  color: #999;
}

div#content.my-today .reservations-wrapper .reservations .card .buttons {
  display: flex;
  border-top: 1px solid #ddd;
}

div#content.my-today .reservations-wrapper .reservations .card .buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  line-height: 2.5rem;
  font-size: .9rem;
}

div#content.my-today .reservations-wrapper .reservations .card .buttons a+a {
  border-left: 1px solid #ddd;
}

div#content.my-today .reservations-wrapper .reservations > a {
  text-decoration: underline;
  font-weight: 500;
}

div#content.my-today .reservations-wrapper .reservations.nodata {
  border-radius: .75rem;
  background: #f3f3f3;
  min-height: 20rem;
  justify-content: center;
  align-items: center;
}

div#content.my-today .reservations-wrapper .reservations.nodata .material-symbols-outlined {
  font-size: 3rem;
  margin-bottom: 1rem;
}

div#content.my-today .reservations-wrapper .reservations.nodata p {
  font-size: .9rem;
  max-width: 10rem;
  text-align: center;
}

div#content.hosting-account h6 {
  font-weight: 500;
  font-size: 1.2rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

div#content.hosting-account ul {
  list-style: disc;
  margin-left: 1rem;
}

div#content.hosting-account ul li {
  margin-bottom: .25rem;
}

div#content.hosting-account h4 {
  margin-top: 2.5rem;
  margin-bottom: .5rem;
  font-weight: 500;
}

div#content.hosting-account .radio-buttons > label {
  flex-direction: row;
}

div#content.hosting-account .radio-buttons > label h3 {
  font-size: 1rem;
  font-weight: 500;
}

div#content.hosting-account .radio-buttons .on {
  display: none;
  font-variation-settings: 'FILL' 1 !important;
}

div#content.hosting-account .radio-buttons .off {}

div#content.hosting-account .radio-buttons > input:checked+label .on {
  display: block;
}

div#content.hosting-account .radio-buttons > input:checked+label .off {
  display: none;
}

div#content.hosting-account .radio-buttons > label span.material-symbols-outlined {
  font-size: 2rem;
}

div#content.hosting-account .id-upload-box {
  border: 1px dashed #999;
  min-height: 12.5rem;
  border-radius: .75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  position: relative;
  overflow: hidden;
}

div#content.hosting-account .id-upload-box span {
  font-variation-settings: 'wght' 200;
  font-size: 3rem;
  margin-bottom: .5rem;
}

div#content.hosting-account .id-upload-box h5 {
  margin-bottom: .5rem;
}

div#content.hosting-account .id-upload-box p {
  font-size: .9rem;
  color: #999;
  margin: 0;
}

div#content.hosting-account .id-upload-box input {
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 50px;
  direction: ltr;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

div#content.hosting-account .id-upload-box .image {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

div#content.hosting-account .box {
  padding: 2rem 0;
  border-bottom: 1px solid #ddd;
}

div#content.hosting-account .box h4 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.25rem;
}

div#content.hosting-account .box p {
  margin-bottom: 0.25rem;
  color: #999;
}

div#content.hosting-account .box a {
  margin-top: 1.5rem;
  text-decoration: underline;
  display: block;
}

div#content.create-listing #bottom_button.review {
  display: flex;
  flex-direction: column;
}

div#content.create-listing #bottom_button.review > div {
  width: 100%;
}

div#content.create-listing #bottom_button.review p {
  font-size: .8rem;
  margin-bottom: .75rem;
  text-align: center;
}

div#content.create-listing #bottom_button.review .btn {
  width: 100%;
  display: block;
}

#toast_message {
  opacity: 0;
  position: fixed;
  bottom: -100px;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 10px 50px;
  background: rgba(0, 0, 0, 0.70);
  border-radius: 100px;
  color: #fff;
  box-shadow: 3px 4px 11px 0px #00000040;
  transition: all 0.5s;
  z-index: 999;
}

#toast_message.active {
  opacity: 100%;
  bottom: 100px;
}

/* div#content.transaction {} */

div#content.transaction .submenu {
  margin-bottom: 3rem;
}

div#content.transaction .earning h3 {
  font-size: 1.2rem;
  font-weight: 600;
}

div#content.transaction .earning-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1.5rem;
}

div#content.transaction .earning-container .earning {
  flex-grow: 1;
}

div#content.transaction .earning-container .download-btn {
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 7px;
  padding-top: 7px;
  border-radius: 10px;
  background-color: var(--wehome-color);
  color: white;
  border-width: 0px;
  font-weight: normal;
}

div#content.transaction .transaction-history {
  padding: 1rem 0;
}

div#content.transaction .transaction-history h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

div#content.transaction .transaction-history .cards-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

div#content.transaction .transaction-history .cards-container .card {
  font-size: .8rem;
  border-top: 1px solid #ddd;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

div#content.transaction .transaction-history .cards-container .card p {
  margin: 0;
  display: flex;
  margin-bottom: .15rem;
}

div#content.transaction .transaction-history .cards-container .card p span {
  width: 5rem;
}

div#content.transaction .transaction-history .cards-container .card p span+span {
  width: calc(100% - 5rem);
}

div#content.transaction .transaction-history .cards-container .card p.date {
  margin-bottom: .65rem;
  font-weight: 600;
}

div#content.transaction .transaction-history .cards-container .card p.date span {
  width: 100%;
}

div#content.transaction .no-transactions {
  text-align: left;
  color: #666;
  font-size: 12px;
  margin-top: 15px;
}

#map-canvas .wehome-marker {
  position: relative;
  background: #fff;
  font-size: .8rem;
  font-weight: 600;
  padding: .5rem;
  border-radius: 1rem;
  z-index: 9999;
  line-height: 1em;
  border: 1px solid #ddd;
  z-index: 1;
}

#map-canvas .wehome-marker.active {
  background: #222;
  color: #fff;
  z-index: 2;
}

#map-info-box {
  position: absolute;
  z-index: 1000;
  bottom: 9rem;
  left: 1rem;
  width: calc(100vw - 2rem);
  height: 18rem;
  background: #fff;
  transform: translateY(30rem);
  transition: transform .3s linear;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
}

#map-info-box.on {
  transform: translateY(0);
}

#map-info-box .image {
  height: 11rem;
  position: relative;
}

#map-info-box .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#map-info-box .text {
  padding: .75rem;
  position: relative;
}

#map-info-box .text span {
  display: block;
  margin-bottom: .15rem;
  font-size: .9rem;
}

#map-info-box .text span.location {}

#map-info-box .text span.title {
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

#map-info-box .text span.type {
  color: #999;
}

#map-info-box .text span.price {
  margin: .75rem 0 0;
}

#map-info-box .text .review {
  position: absolute;
  right: .5rem;
  top: .5rem;
  display: flex;
  font-size: .8rem;
  justify-content: flex-end;
  column-gap: .15rem;
  width: 80px;
}

#map-info-box .text .review svg {
  transform: scale(.8);
}

#map-info-box .info-btn {
  position: absolute;
  right: 3.25rem;
  top: .75rem;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

#map-info-box .info-btn+.info-btn {
  right: .75rem;
}

#map-info-box .info-btn .material-symbols-outlined {
  font-size: 20px;
}

#map-info-box .info-btn.sred span {
  color: var(--wehome-color);
  font-variation-settings: 'FILL' 1;
}

div.nav.clean+div#content.review-list {
  padding-bottom: 10px;
}

.modal.edit-listing form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.modal.edit-listing form .text-with-checkbox {
  display: flex;
  flex-direction: row;
}

.modal.edit-listing form .text-with-checkbox > .text {
  flex-grow: 1;
}

.modal.edit-listing form .text-with-checkbox > .text > .hint {
  margin-top: 5px;
  font-size: .8rem;
  color: #999;
}

.modal.edit-listing form .text-with-checkbox > .checkbox {
  align-content: center;
  padding-left: 10px;
  padding-right: 10px;
}

.modal.edit-listing form .text-with-checkbox > .checkbox input {
  margin-right: 0px !important;
}

.modal.edit-listing form .input-wrapper {
  margin-bottom: 0px !important;
}

.modal.edit-listing form .btns {
  margin-top: 0px !important;
}

.modal.edit-listing form input.numericOnly[disabled] {
  color: #9f9d9d;
}

.btn_width_fit {
  width: auto !important;
}

/* Pager empty state - when only 1 page exists */
div.pager.empty {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: var(--bottom-naverbar-height);
  border-top: none;
}

/* iPhone Style Switch - 높은 우선순위로 적용 */
.setting-panel ul.menu .switch-wrapper .switch {
  position: absolute !important;
  opacity: 0 !important;
  cursor: pointer !important;
  height: 0 !important;
  width: 0 !important;
}

.setting-panel ul.menu .switch-wrapper .switch_label {
  position: relative !important;
  display: inline-block !important;
  width: 50px !important;
  height: 28px !important;
  background-color: #ccc !important;
  border-radius: 28px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  flex-shrink: 0 !important;
}

.setting-panel ul.menu .switch-wrapper .switch_label .onf_btn {
  position: absolute !important;
  content: "" !important;
  height: 22px !important;
  width: 22px !important;
  left: 3px !important;
  top: 3px !important;
  background-color: white !important;
  border-radius: 50% !important;
  transition: transform 0.3s ease !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  display: block !important;
}

.setting-panel ul.menu .switch-wrapper .switch:checked + .switch_label {
  background-color: var(--wehome-color) !important;
}

.setting-panel ul.menu .switch-wrapper .switch:checked + .switch_label .onf_btn {
  transform: translateX(22px) !important;
}

.setting-panel ul.menu .switch-wrapper .switch:focus + .switch_label {
  outline: none !important;
}

.setting-panel ul.menu .switch-wrapper .switch:disabled + .switch_label {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.setting-panel ul.menu .switch-wrapper .switch:disabled + .switch_label .onf_btn {
  cursor: not-allowed !important;
}

/* Switch wrapper - 기존 flex 레이아웃과 충돌 방지 */
.setting-panel ul.menu .switch-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  width: auto !important;
  flex-shrink: 0 !important;
}