@charset "UTF-8";
/***************************************************************************************
   SVG Sprite
***************************************************************************************/
.svg-arrow-agree, .page-payment .section-agree .list-agree li .btn-arrow, .svg-arrow-calen-next, .box-calen .arrow-page .btn-next,
.box-calen .arrow-page .btn-prev, .svg-arrow-link, .page-payment .section-pet .btn-link-enter:after, .svg-arrow-recommend, .page-home .section-recommend .wrap-address .icon-go, .svg-arrow-select-line, .component-select-line:before, .svg-arrow-slider-next, .page-rooms-detail .section-room-summary .swiper-button-prev,
.page-rooms-detail .section-room-summary .swiper-button-next, .page-rooms-view .section-room-summary .swiper-button-prev,
.page-rooms-view .section-room-summary .swiper-button-next, .svg-arrow-ticket, .svg-btn-banner-go, .page-home .wrap-main-banner .wrap-banner .btn-go, .svg-btn-search, .component-search .btn-search, .layout-header .form-search .btn-search, .svg-icon-box-bed, .page-rooms-view .section-facility .list-facility li .area-image.type-bed:before, .svg-icon-box-bluetooth, .page-rooms-view .section-facility .list-facility li .area-image.type-bluetooth:before, .svg-icon-box-board, .page-rooms-view .section-facility .list-facility li .area-image.type-board:before, .svg-icon-box-computer, .page-rooms-view .section-facility .list-facility li .area-image.type-computer:before, .svg-icon-box-dryer, .page-rooms-view .section-facility .list-facility li .area-image.type-dryer:before, .svg-icon-box-netflix, .page-rooms-view .section-facility .list-facility li .area-image.type-netflix:before, .svg-icon-box-shampoo, .page-rooms-view .section-facility .list-facility li .area-image.type-shampoo:before, .svg-icon-box-strongbox, .page-rooms-view .section-facility .list-facility li .area-image.type-strongbox:before, .svg-icon-box-tableware, .page-rooms-view .section-facility .list-facility li .area-image.type-tableware:before, .svg-icon-calen, .page-rooms-detail .section-calen .form-calen .btn-calen, .svg-icon-calender, .component-calen2 .btn-calen, .component-calen .icon-calen, .svg-icon-check-off, .component-radio i, .svg-icon-check-off-s, .component-radio.type-s i, .svg-icon-check-on, .component-radio input:checked + i, .svg-icon-check-on-s, .component-radio.type-s input:checked + i, .svg-icon-detail-popup-close, .popup-room-detail .btn-popup-close, .svg-icon-edit, .layout-mypage .txt-user:after, .svg-icon-fav, .page-home .section-main .area-photo .photo-button .btn-fav i, .page-curation .section-curation .area-photo .photo-button .btn-fav i, .page-post .section-post .area-photo .photo-button .btn-fav i, .page-best .section-best .area-photo .photo-button .btn-fav i, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav i, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav i, .section-recent .area-photo .photo-button .btn-fav i, .section-fav .area-photo .photo-button .btn-fav i, .svg-icon-fav-check, .page-home .section-main .area-photo .photo-button .btn-fav input:checked + i, .page-curation .section-curation .area-photo .photo-button .btn-fav input:checked + i, .page-post .section-post .area-photo .photo-button .btn-fav input:checked + i, .page-best .section-best .area-photo .photo-button .btn-fav input:checked + i, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav input:checked + i, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav input:checked + i, .section-recent .area-photo .photo-button .btn-fav input:checked + i, .section-fav .area-photo .photo-button .btn-fav input:checked + i, .svg-icon-header-back, .layout-header .btn-back, .svg-icon-header-close, .layout-header .btn-close, .svg-icon-header-menu, .layout-header .header-right .btn-menu, .svg-icon-header-search, .layout-header .header-right .btn-search, .svg-icon-header-ticket, .layout-header .header-right .btn-ticket, .svg-icon-input-error, .component-input.is-error i.icon-error, .svg-icon-map, .component-map .icon-map, .svg-icon-menu-close, .layout-menu .box-menu .btn-menu-close, .svg-icon-photo-del, .page-room-review .section-photo .list-photo .photo-file .btn-delete:before, .svg-icon-photo-plus, .page-room-review .section-photo .list-photo .photo-file:before, .page-pet-card .section-add-pet .area-add-pet:before, .page-pet-card .area-file-add:before, .svg-icon-popup-close, .page-ticket .btn-popup-close:before, .svg-icon-profile-dog, .layout-menu .box-menu .data-user .user-img:before, .svg-icon-selectbox, .component-selectbox:before, .svg-icon-share, .page-home .section-main .area-photo .photo-button .btn-share, .page-curation .section-curation .area-photo .photo-button .btn-share, .page-post .section-post .area-photo .photo-button .btn-share, .page-best .section-best .area-photo .photo-button .btn-share, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-share, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-share, .section-recent .area-photo .photo-button .btn-share, .section-fav .area-photo .photo-button .btn-share, .svg-img-logo, .layout-header .img-logo, .svg-img-logo-footer, .layout-footer .img-logo, .svg-logo-illust, .page-login .login-info:before, .section-psw-change .logo-illust {
  background: url("../images/petel_sprite.svg") no-repeat;
}

.svg-arrow-agree, .page-payment .section-agree .list-agree li .btn-arrow {
  background-position: 85.45454545454545% 71.57894736842105%;
}

.svg-arrow-agree-dims, .page-payment .section-agree .list-agree li .btn-arrow {
  width: 16px;
  height: 16px;
}

.svg-arrow-calen-next, .box-calen .arrow-page .btn-next,
.box-calen .arrow-page .btn-prev {
  background-position: 92.72727272727273% 71.57894736842105%;
}

.svg-arrow-calen-next-dims, .box-calen .arrow-page .btn-next,
.box-calen .arrow-page .btn-prev {
  width: 16px;
  height: 16px;
}

.svg-arrow-link, .page-payment .section-pet .btn-link-enter:after {
  background-position: 57.72727272727273% 56.8421052631579%;
}

.svg-arrow-link-dims, .page-payment .section-pet .btn-link-enter:after {
  width: 16px;
  height: 16px;
}

.svg-arrow-recommend, .page-home .section-recommend .wrap-address .icon-go {
  background-position: 43.90243902439025% 26.865671641791046%;
}

.svg-arrow-recommend-dims, .page-home .section-recommend .wrap-address .icon-go {
  width: 72px;
  height: 72px;
}

.svg-arrow-select-line, .component-select-line:before {
  background-position: 65% 56.8421052631579%;
}

.svg-arrow-select-line-dims, .component-select-line:before {
  width: 16px;
  height: 16px;
}

.svg-arrow-slider-next, .page-rooms-detail .section-room-summary .swiper-button-prev,
.page-rooms-detail .section-room-summary .swiper-button-next, .page-rooms-view .section-room-summary .swiper-button-prev,
.page-rooms-view .section-room-summary .swiper-button-next {
  background-position: 72.27272727272727% 56.8421052631579%;
}

.svg-arrow-slider-next-dims, .page-rooms-detail .section-room-summary .swiper-button-prev,
.page-rooms-detail .section-room-summary .swiper-button-next, .page-rooms-view .section-room-summary .swiper-button-prev,
.page-rooms-view .section-room-summary .swiper-button-next {
  width: 16px;
  height: 16px;
}

.svg-arrow-ticket {
  background-position: 0 0;
}

.svg-arrow-ticket-dims {
  width: 188px;
  height: 12px;
}

.svg-btn-banner-go, .page-home .wrap-main-banner .wrap-banner .btn-go {
  background-position: 88.67924528301887% 35.16483516483517%;
}

.svg-btn-banner-go-dims, .page-home .wrap-main-banner .wrap-banner .btn-go {
  width: 24px;
  height: 24px;
}

.svg-btn-search, .component-search .btn-search, .layout-header .form-search .btn-search {
  background-position: 88.67924528301887% 48.35164835164835%;
}

.svg-btn-search-dims, .component-search .btn-search, .layout-header .form-search .btn-search {
  width: 24px;
  height: 24px;
}

.svg-icon-box-bed, .page-rooms-view .section-facility .list-facility li .area-image.type-bed:before {
  background-position: 70.58823529411765% 20.689655172413794%;
}

.svg-icon-box-bed-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-bed:before {
  width: 32px;
  height: 32px;
}

.svg-icon-box-bluetooth, .page-rooms-view .section-facility .list-facility li .area-image.type-bluetooth:before {
  background-position: 70.58823529411765% 39.08045977011494%;
}

.svg-icon-box-bluetooth-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-bluetooth:before {
  width: 32px;
  height: 32px;
}

.svg-icon-box-board, .page-rooms-view .section-facility .list-facility li .area-image.type-board:before {
  background-position: 0 72.41379310344827%;
}

.svg-icon-box-board-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-board:before {
  width: 32px;
  height: 32px;
}

.svg-icon-box-computer, .page-rooms-view .section-facility .list-facility li .area-image.type-computer:before {
  background-position: 15.686274509803921% 72.41379310344827%;
}

.svg-icon-box-computer-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-computer:before {
  width: 32px;
  height: 32px;
}

.svg-icon-box-dryer, .page-rooms-view .section-facility .list-facility li .area-image.type-dryer:before {
  background-position: 31.372549019607842% 72.41379310344827%;
}

.svg-icon-box-dryer-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-dryer:before {
  width: 32px;
  height: 32px;
}

.svg-icon-box-netflix, .page-rooms-view .section-facility .list-facility li .area-image.type-netflix:before {
  background-position: 47.05882352941177% 72.41379310344827%;
}

.svg-icon-box-netflix-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-netflix:before {
  width: 32px;
  height: 32px;
}

.svg-icon-box-shampoo, .page-rooms-view .section-facility .list-facility li .area-image.type-shampoo:before {
  background-position: 62.745098039215684% 72.41379310344827%;
}

.svg-icon-box-shampoo-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-shampoo:before {
  width: 32px;
  height: 32px;
}

.svg-icon-box-strongbox, .page-rooms-view .section-facility .list-facility li .area-image.type-strongbox:before {
  background-position: 92.15686274509804% 0;
}

.svg-icon-box-strongbox-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-strongbox:before {
  width: 32px;
  height: 32px;
}

.svg-icon-box-tableware, .page-rooms-view .section-facility .list-facility li .area-image.type-tableware:before {
  background-position: 92.15686274509804% 18.39080459770115%;
}

.svg-icon-box-tableware-dims, .page-rooms-view .section-facility .list-facility li .area-image.type-tableware:before {
  width: 32px;
  height: 32px;
}

.svg-icon-calen, .page-rooms-detail .section-calen .form-calen .btn-calen {
  background-position: 88.67924528301887% 61.53846153846154%;
}

.svg-icon-calen-dims, .page-rooms-detail .section-calen .form-calen .btn-calen {
  width: 24px;
  height: 24px;
}

.svg-icon-calender, .component-calen2 .btn-calen, .component-calen .icon-calen {
  background-position: 71.69811320754717% 6.593406593406593%;
}

.svg-icon-calender-dims, .component-calen2 .btn-calen, .component-calen .icon-calen {
  width: 24px;
  height: 24px;
}

.svg-icon-check-off, .component-radio i {
  background-position: 75.47169811320755% 69.23076923076923%;
}

.svg-icon-check-off-dims, .component-radio i {
  width: 24px;
  height: 24px;
}

.svg-icon-check-off-s, .component-radio.type-s i {
  background-position: 76.36363636363636% 95.78947368421052%;
}

.svg-icon-check-off-s-dims, .component-radio.type-s i {
  width: 16px;
  height: 16px;
}

.svg-icon-check-on, .component-radio input:checked + i {
  background-position: 0 86.81318681318682%;
}

.svg-icon-check-on-dims, .component-radio input:checked + i {
  width: 24px;
  height: 24px;
}

.svg-icon-check-on-s, .component-radio.type-s input:checked + i {
  background-position: 83.63636363636364% 95.78947368421052%;
}

.svg-icon-check-on-s-dims, .component-radio.type-s input:checked + i {
  width: 16px;
  height: 16px;
}

.svg-icon-detail-popup-close, .popup-room-detail .btn-popup-close {
  background-position: 11.320754716981131% 86.81318681318682%;
}

.svg-icon-detail-popup-close-dims, .popup-room-detail .btn-popup-close {
  width: 24px;
  height: 24px;
}

.svg-icon-edit, .layout-mypage .txt-user:after {
  background-position: 22.641509433962263% 86.81318681318682%;
}

.svg-icon-edit-dims, .layout-mypage .txt-user:after {
  width: 24px;
  height: 24px;
}

.svg-icon-fav, .page-home .section-main .area-photo .photo-button .btn-fav i, .page-curation .section-curation .area-photo .photo-button .btn-fav i, .page-post .section-post .area-photo .photo-button .btn-fav i, .page-best .section-best .area-photo .photo-button .btn-fav i, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav i, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav i, .section-recent .area-photo .photo-button .btn-fav i, .section-fav .area-photo .photo-button .btn-fav i {
  background-position: 33.9622641509434% 86.81318681318682%;
}

.svg-icon-fav-dims, .page-home .section-main .area-photo .photo-button .btn-fav i, .page-curation .section-curation .area-photo .photo-button .btn-fav i, .page-post .section-post .area-photo .photo-button .btn-fav i, .page-best .section-best .area-photo .photo-button .btn-fav i, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav i, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav i, .section-recent .area-photo .photo-button .btn-fav i, .section-fav .area-photo .photo-button .btn-fav i {
  width: 24px;
  height: 24px;
}

.svg-icon-fav-check, .page-home .section-main .area-photo .photo-button .btn-fav input:checked + i, .page-curation .section-curation .area-photo .photo-button .btn-fav input:checked + i, .page-post .section-post .area-photo .photo-button .btn-fav input:checked + i, .page-best .section-best .area-photo .photo-button .btn-fav input:checked + i, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav input:checked + i, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav input:checked + i, .section-recent .area-photo .photo-button .btn-fav input:checked + i, .section-fav .area-photo .photo-button .btn-fav input:checked + i {
  background-position: 45.283018867924525% 86.81318681318682%;
}

.svg-icon-fav-check-dims, .page-home .section-main .area-photo .photo-button .btn-fav input:checked + i, .page-curation .section-curation .area-photo .photo-button .btn-fav input:checked + i, .page-post .section-post .area-photo .photo-button .btn-fav input:checked + i, .page-best .section-best .area-photo .photo-button .btn-fav input:checked + i, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav input:checked + i, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav input:checked + i, .section-recent .area-photo .photo-button .btn-fav input:checked + i, .section-fav .area-photo .photo-button .btn-fav input:checked + i {
  width: 24px;
  height: 24px;
}

.svg-icon-header-back, .layout-header .btn-back {
  background-position: 56.60377358490566% 86.81318681318682%;
}

.svg-icon-header-back-dims, .layout-header .btn-back {
  width: 24px;
  height: 24px;
}
.layout-header .btn-close-b {
  width:24px;
  height:24px;
  position:relative;

}
.layout-header .btn-close-b:before {
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  margin:-9px 0 0 -9px;
  width:18px;
  height:18px;
  background:url(../images/icon-close-b.svg) no-repeat;
  content:'';
}


.svg-icon-header-close, .layout-header .btn-close {
  background-position: 67.9245283018868% 86.81318681318682%;
}

.svg-icon-header-close-dims, .layout-header .btn-close {
  width: 24px;
  height: 24px;
}
.svg-icon-header-menu, .layout-header .header-right .btn-menu {
  background-position: 79.24528301886792% 86.81318681318682%;
}

.svg-icon-header-menu-dims, .layout-header .header-right .btn-menu {
  width: 24px;
  height: 24px;
}

.svg-icon-header-search, .layout-header .header-right .btn-search {
  background-position: 90.56603773584905% 86.81318681318682%;
}

.svg-icon-header-search-dims, .layout-header .header-right .btn-search {
  width: 24px;
  height: 24px;
}

.svg-icon-header-ticket, .layout-header .header-right .btn-ticket {
  background-position: 0 100%;
}

.svg-icon-header-ticket-dims, .layout-header .header-right .btn-ticket {
  width: 24px;
  height: 24px;
}

.svg-icon-input-error, .component-input.is-error i.icon-error {
  background-position: 90.9090909090909% 95.78947368421052%;
}

.svg-icon-input-error-dims, .component-input.is-error i.icon-error {
  width: 16px;
  height: 16px;
}

.svg-icon-map, .component-map .icon-map {
  background-position: 11.320754716981131% 100%;
}

.svg-icon-map-dims, .component-map .icon-map {
  width: 24px;
  height: 24px;
}

.svg-icon-menu-close, .layout-menu .box-menu .btn-menu-close {
  background-position: 22.641509433962263% 100%;
}

.svg-icon-menu-close-dims, .layout-menu .box-menu .btn-menu-close {
  width: 24px;
  height: 24px;
}

.svg-icon-photo-del, .page-room-review .section-photo .list-photo .photo-file .btn-delete:before {
  background-position: 100% 0;
}

.svg-icon-photo-del-dims, .page-room-review .section-photo .list-photo .photo-file .btn-delete:before {
  width: 16px;
  height: 16px;
}

.svg-icon-photo-plus, .page-room-review .section-photo .list-photo .photo-file:before, .page-pet-card .section-add-pet .area-add-pet:before, .page-pet-card .area-file-add:before {
  background-position: 33.9622641509434% 100%;
}

.svg-icon-photo-plus-dims, .page-room-review .section-photo .list-photo .photo-file:before, .page-pet-card .section-add-pet .area-add-pet:before, .page-pet-card .area-file-add:before {
  width: 24px;
  height: 24px;
}

.svg-icon-popup-close, .page-ticket .btn-popup-close:before {
  background-position: 45.283018867924525% 100%;
}

.svg-icon-popup-close-dims, .page-ticket .btn-popup-close:before {
  width: 24px;
  height: 24px;
}

.svg-icon-profile-dog, .layout-menu .box-menu .data-user .user-img:before {
  background-position: 56.60377358490566% 100%;
}

.svg-icon-profile-dog-dims, .layout-menu .box-menu .data-user .user-img:before {
  width: 24px;
  height: 24px;
}

.svg-icon-selectbox, .component-selectbox:before {
  background-position: 100% 8.421052631578947%;
}

.svg-icon-selectbox-dims, .component-selectbox:before {
  width: 16px;
  height: 16px;
}

.svg-icon-share, .page-home .section-main .area-photo .photo-button .btn-share, .page-curation .section-curation .area-photo .photo-button .btn-share, .page-post .section-post .area-photo .photo-button .btn-share, .page-best .section-best .area-photo .photo-button .btn-share, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-share, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-share, .section-recent .area-photo .photo-button .btn-share, .section-fav .area-photo .photo-button .btn-share {
  background-position: 67.9245283018868% 100%;
}

.svg-icon-share-dims, .page-home .section-main .area-photo .photo-button .btn-share, .page-curation .section-curation .area-photo .photo-button .btn-share, .page-post .section-post .area-photo .photo-button .btn-share, .page-best .section-best .area-photo .photo-button .btn-share, .page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-share, .page-find .section-find-result .find-summary .area-photo .photo-button .btn-share, .section-recent .area-photo .photo-button .btn-share, .section-fav .area-photo .photo-button .btn-share {
  width: 24px;
  height: 24px;
}

.svg-img-logo, .layout-header .img-logo {
  background-position: 46.15384615384615% 6.593406593406593%;
}

.svg-img-logo-dims, .layout-header .img-logo {
  width: 80px;
  height: 24px;
}

.svg-img-logo-footer, .layout-footer .img-logo {
  background-position: 39.77900552486188% 57.142857142857146%;
}

.svg-img-logo-footer-dims, .layout-footer .img-logo {
  width: 55px;
  height: 17px;
}

.svg-logo-illust, .page-login .login-info:before, .section-psw-change .logo-illust {
  background-position: 0 13.043478260869565%;
}

.svg-logo-illust-dims, .page-login .login-info:before, .section-psw-change .logo-illust {
  width: 72px;
  height: 114px;
}

/***************************************************************************************
   Image Sprite
***************************************************************************************/
.page-home .section-pet:after {
  display: inline-block;
  background-image: url(../images/petel_sprite.png);
  background-repeat: no-repeat;
}

/***************************************************************************************
   common
***************************************************************************************/
/***************************************************************************************
   Mixin
***************************************************************************************/
/***************************************************************************************
   base
***************************************************************************************/
/***************************************************************************************
   Setting
***************************************************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:before, *:after {
  box-sizing: border-box;
}

body, button, input, select, table, textarea, h1, h2, h3, h4 {
  font-family: 'Pretendard','Apple SD Gothic Neo', 'Malgun Gothic',맑은 고딕,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #1b1b1b;
}

html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #fff;
  height: 100%;
}

ul, ol {
  list-style: none;
}

img, button, fieldset {
  border: 0 none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

em, address {
  font-style: normal;
}

i {
  font-style: normal;
}

a, u {
  text-decoration: none;
}

fieldset, legend {
  border: 0;
}

legend {
  height: 0;
  visibility: hidden;
}

button {
  background: none;
}

button * {
  position: relative;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input::-ms-clear,
input[type=password]::-ms-reveal {
  display: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input, textarea {
  box-sizing: border-box;
}

textarea {
  resize: none;
}

a, button, input, select, textarea, [contenteditable] {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

button, select, input[type=checkbox], input[type=radio] {
  cursor: pointer;
}

button:disabled, input:disabled {
  cursor: default;
}

/***************************************************************************************
   Web Font
***************************************************************************************/
@font-face {
  font-family: "Pretendard";
  src: local("Pretendard"), url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Pretendard";
  src: local("Pretendard"), url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Pretendard";
  src: local("Pretendard"), url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/***************************************************************************************
   component : Switch
***************************************************************************************/
.component-switch {display:inline-block; position:relative;}
.component-switch input {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0;
}
.component-switch i {
  display:inline-block;
  width:51px;
  height:34px;
  background:url(../images/img-switch.svg) no-repeat;
}
.component-switch input:checked + i {
  background:url(../images/img-switch-select.svg) no-repeat;
}


/***************************************************************************************
   Component : radio
***************************************************************************************/

.component-checkbox input {
  display: none;
}

.component-checkbox input:checked + i {
  display: inline-block;
  vertical-align: top;
  background:url(../images/icon-checkbox-checked.svg) no-repeat;
}

.component-checkbox.type-r input:checked + i {
  background:url(../images/icon-checkbox-r.svg) no-repeat;
  border:none;
}
.component-checkbox.type-r i {
  background:none;
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid #C6C4C8;
}

.component-checkbox.type-s i {
  width:15px;
  height:15px;
  background-size:100% 100%;
  top:0;
}
.component-checkbox i {
  width:20px;
  height:20px;
  vertical-align: top;
  position:relative;
  top:2px;
  display: inline-block;
  background:url(../images/icon-checkbox.svg) no-repeat;
}

.component-checkbox .txt-checkbox {
  margin-left: 8px;
  display: inline-block;
  font-size: 12px;
  color: #000;
  line-height: 24px;
  vertical-align: top;
}

.component-checkbox .txt-checkbox strong {
  font-size: 15px;
  color: #19181b;
  font-weight: bold;
}


.component-radio input {
  display: none;
}

.component-checkbox .icon-coupon {
  margin-right:5px;
  display:inline-block;
  width:24px;
  height:14px;
   background:url(../images/icon-sale-coupon.png) no-repeat;
   background-size:100% 100%;

}
.component-radio input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.component-radio i {
  vertical-align: top;
  display: inline-block;
  vertical-align: top;
}


.component-radio .txt-radio {
  margin-left: 8px;
  display: inline-block;
  font-size: 12px;
  color: #000;
  line-height: 24px;
  vertical-align: top;
}

.component-radio .txt-radio strong {
  font-size: 15px;
  color: #19181b;
  font-weight: bold;
}

.component-radio .txt-radio.type-size {
  font-size: 14px;
}

.component-radio.type-s input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.component-radio.type-s i {
  display: inline-block;
  vertical-align: top;
}

.component-radio.type-s .txt-radio {
  margin-left: 7px;
  font-size: 12px;
  line-height: 16px;
}
.component-radio.type-radio input:checked + i {
  display: inline-block;
  vertical-align: top;
  background:url(../images/icon-checkbox-checked.svg) no-repeat;
}
.component-radio.type-radio input:checked + i {
  width:20px;
  height:20px;

}
.component-radio.type-radio i {
  width:20px;
  height:20px;
  vertical-align: top;
  position:relative;
  top:2px;
  display: inline-block;
  background:url(../images/icon-checkbox.svg) no-repeat;
}
/***************************************************************************************
   Component : input
***************************************************************************************/
.component-input {
  position:relative;
  width: 100%;
  border: 1px solid #f9f8fa;
  background-color: #f9f8fa;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.component-input .link-check {
  margin-right:16px;
  color:#FF6A29;
  font-size:14px;
  line-height:22px;
  font-weight:500;
  flex:none;
}
.component-input .link-check.type-complete {
  color:#1BB258;
}
.component-input .icon-eye i {display:inline-block; width:20px; height:20px; background:url(../images/icon-eye.png) no-repeat; background-size:100% 100%; position:absolute; top:50%; right:10px; margin-top:-8px; opacity:0.5;}
.component-input .icon-eye input {opacity:0;}
.component-input .icon-eye input:checked + i {background:url(../images/icon-visible-eye.png) no-repeat; background-size:100% 100%; }
.component-input input {
  width: 100%;
  padding: 0 18px;
  font-size: 14px;
  line-height: 56px;
  border: none;
  background: none;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.component-input.is-error {
  border: 1px solid #ff6a29;
  background-color: #ffeee1;
}

.component-input.is-error i.icon-error {
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}

.form-error-msg {
  padding: 4px 0 0 0;
  margin-bottom: -14px;
  font-size: 11px;
  color: #ff6a29;
}

.component-input-multi {
    position:relative;
  display: block;
  width: 100%;
  padding: 0 16px 0 0;
  background-color: #f9f8fa;
    border:1px solid #f9f8fa;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;flex-direction:row;
  align-items: center;
  -webkit-align-items: center;
}
.component-input-multi.is-error {
    border: 1px solid #ff6a29;
    background-color: #ffeee1;
}
.component-input-multi input {
    position:relative;
    z-index:1;
  padding: 0 18px;
  font-size: 14px;
  width:100%;
  line-height: 56px;
  border: none;
  background: none;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.component-input-multi .btn-form {
    position:relative;
    z-index:1;
  display: block;
  min-width: 60px;
  padding: 0 10px;
  background-color: #ff6a29;
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  color: #ffffff;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

/***************************************************************************************
   Component : form group
***************************************************************************************/
.component-form-group .radio-inline {
    display:flex;
    align-items: center;
    padding:10px 0 0 0;
}

.component-form-group .form-switch {
  display:flex;
  align-items: center;
}
.component-form-group .form-switch .component-switch {
  font-size:0;
  margin-left:auto;
}
.component-form-group .form-switch .label-form {
  color:#504E4D;
  font-weight:500;
  font-size:13px;
  line-height:18px;
}
.component-form-group .radio-inline .component-radio + .component-radio {
    margin-left:20px;

}
.component-form-group .group-label {
  padding: 0 0 6px 0;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 500;
}

.component-form-group.type-phone {
  padding: 46px 0 0 0 !important;
}

.component-form-group .form-desc {
  padding: 4px 0 0 0;
  margin-bottom: -14px;
  color: #6f6f6f;
  font-size: 11px;
}

.component-form-group .form-desc.type-desc {
  margin-bottom: -14px;
}

/***************************************************************************************
   Component : button
***************************************************************************************/
.component-btn-select {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #efedf0;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 50px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.component-btn-select + .component-btn-select {
  margin-left: 5px;
  margin-right: 0;
}

.component-btn-select[aria-selected="true"] {
  border-color: #ff6a29;
  background-color: #ffeee1;
  color: #ff6a29;
}


.component-btn-solid {
  display: block;
  width: 100%;
  line-height: 46px;
  background-color: #1b1b1b;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position:relative;
}
.component-btn-solid.type-s {
    display:inline-block;
    width:auto;
    line-height:30px;
    font-size:12px;
    padding:0 30px;
}
.component-btn-refresh {
  display:inline-block;
  width:70px;
  height:44px;
  text-align:center;
  margin-left:7px;
}

.component-btn-refresh .icon-refresh {
  display:inline-block;
  width:30px;
  height:30px;

  background:url(../images/icon-refresh.png) no-repeat;
  background-size:100% 100%;
}
.component-btn-solid:disabled {
  background-color: #f9f8fa;
  border-color: #f9f8fa;
  color: #aeadb0;
}

.component-btn-solid.type-line {
  border: 1px solid #efedf0;
  background-color: #fff;
  line-height: 44px;
  color: #1b1b1b;
}

.component-btn-solid.type-line:disabled {
  background-color: #f9f8fa;
  border-color: #f9f8fa;
  color: #aeadb0;
}

.component-btn-line,
.component-btn-solid {
  position:relative;
  display: block;
  width: 100%;
  line-height: 46px;
  background-color: #1b1b1b;
  border:1px solid #1b1b1b;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.component-btn-line {
  color:#1b1b1b;
  border:1px solid #EFEDF0;
  background-color:#fff;

}
.component-btn-solid.type-orange {background-color:#FF6A29;}
.component-btn-line.type-s,
.component-btn-solid.type-s {
    display:inline-block;
    width:auto;
    line-height:30px;
    font-size:12px;
    padding:0 30px;
}
.component-btn-line {
  color:#1b1b1b;
  border:1px solid #EFEDF0;
  background-color:#fff;

}
.component-btn-line.type-m {
  display:inline-block;
  width:160px;
  line-height:40px;
  font-size:14px;
}

/***************************************************************************************
   Component : search
***************************************************************************************/
.component-search {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 64px 0 0;
  background-color: #f9f8fa;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.component-search input {
  display: block;
  width: 100%;
  padding: 0 0 0 18px;
  line-height: 56px;
  font-size: 14px;
  border: none;
  background: none;
}

.component-search .btn-search {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px;
  display: inline-block;
  vertical-align: top;
}

/***************************************************************************************
   Component : calen2
***************************************************************************************/
.component-calen2 {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 64px 0 0;
  background-color: #f9f8fa;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.component-calen2 input {
  display: block;
  width: 100%;
  padding: 0 0 0 18px;
  line-height: 56px;
  font-size: 14px;
  border: none;
  background: none;
}

.component-calen2 .btn-calen {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px;
  display: inline-block;
  vertical-align: top;
}

.component-enter {
  display:flex;
}
.component-enter input {
  border:1px solid #EFEDF0;
  border-radius:8px;
  font-size:14px;
  line-height:42px;
  margin-right:10px;
  flex:auto;
  width:100%;
  padding:0 12px;
}
.component-enter button {
  padding:0 10px;
  line-height:44px;
  color:#fff;
  font-size:12px;
  width:auto;
  flex:none;
}

/***************************************************************************************
   Component : selectbox
***************************************************************************************/
.component-selectbox {
  position: relative;
  padding: 0 18px;
  background-color: #f9f8fa;
}

.component-selectbox select {
  position: relative;
  Display: block;
  width: 100%;
  border: none;
  background: none;
  line-height: 56px;
  appearance: none;
  z-index: 1;
}

.component-selectbox:before {
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -8px 0 0 0;
  content: '';
  display: inline-block;
  vertical-align: top;
}

.component-select-line {
  display: inline-block;
  position: relative;
  border: 1px solid #efedf0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.component-select-line select {
  display: block;
  position: relative;
  padding: 0 26px 0 12px;
  width: 100%;
  border: none;
  background: none;
  appearance: none;
  line-height: 30px;
  font-size: 12px;
  color: #1b1b1b;
  z-index: 1;
}

.component-select-line:before {
  position: absolute;
  top: 50%;
  right: 6px;
  margin: -8px 0 0 0;
  content: '';
  display: inline-block;
  vertical-align: top;
}

/***************************************************************************************
   Component : map
***************************************************************************************/
.component-map {
  position: relative;
  padding: 0 0 0 48px;
  border: 1px solid #efedf0;
  background-color: #fff;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.component-map .icon-search {
  display:inline-block;
  position: absolute;
  top: 50%;
  left: 16px;
  margin:-10px 0 0 0;
  width:20px;
  height:20px;
  background:url(../images/icon-search-form.svg) no-repeat;

}
.component-map .icon-map {
  position: absolute;
  top: 50%;
  left: 16px;
  margin: -12px 0 0 0;
  display: inline-block;
  vertical-align: top;
}

.component-map input {
  display: block;
  width: 100%;
  padding: 0 10px 0 0;
  border: none;
  line-height: 42px;
  font-size: 14px;
}

/***************************************************************************************
   Component : calen
***************************************************************************************/
.component-calen {
  position: relative;
  padding: 0 0 0 48px;
  border: 1px solid #efedf0;
  background-color: #fff;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.component-calen .icon-calen {
  position: absolute;
  top: 50%;
  left: 16px;
  margin: -12px 0 0 0;
  display: inline-block;
  vertical-align: top;
}

.component-calen input {
  display: block;
  width: 100%;
  padding: 0 10px 0 0;
  border: none;
  line-height: 42px;
  font-size: 14px;
}

/***************************************************************************************
   page
***************************************************************************************/
/************************************************************************
   Layout Wrap
***********************************************************************/
.wrap-page {
  width: 414px;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .wrap-page {
    width: 100%;
    margin: 0 auto;
  }
}

.box-image {
  position:fixed;
  bottom:160px;
  left:50%;
  width:1500px;
  height:0;
  margin:0 0 0 -750px;
  z-index:90;
  display:flex;
  flex-flow:column;
  text-align:right;
  align-items: end;
}
.box-image.box-recent {
  bottom:243px;
}
.box-image .img-petel {
  display:inline-block;
  width:60px;
  position:absolute;
  right:0;
  top:0;
}
.box-image .img-recent {
  display:inline-block;
  width:60px;
  position:absolute;
  right:0;
  top:0;
}
.box-image.box-recent .img-recent div {
 width: 60px; height: 60px;
 border-radius: 50%;
 overflow: hidden;
 border: 1px solid #ff6a29;
}
.box-image .img-petel img {
  width:60px;
}
.box-image.box-recent .img-recent div img {
  width: 100%;
}
.box-image.box-recent .img-recent p {
  font-size: 11px;
  background-color: #ff6a29;
  color: #fff;
  text-align: center;
  padding: 2px 0;
  border-radius: 8px;
}
.box-image .img-petel + .img-petel {
  margin-top:-30px;
}
@media screen and (max-width: 1500px) {
  /* .page-rooms-view .section-room-summary .option_box {
    margin: 0 !important;
    right: 0;
    left: initial !important;
  } */
  .fix-calen {
  margin-left: -207px;
  left: initial !important;

  }

}
@media screen and (max-width: 1024px) {
  .box-image {
    position: fixed;
    left: 50%;
    width: 414px;
    margin: 0 0 0 -207px;
  }

  .box-image img {
  }
/* .page-rooms-view .section-room-summary .option_box {
  left: 50% !important;
  margin: 0 0 0 -207px !important;
  
} */

}
@media screen and (max-width: 700px) {
  .box-image {
    position:fixed;
    width: 100%;

    margin: 0;
    left: 0;
    right: 0;

  }
  .box-image img {
  }
  /* .page-rooms-view .section-room-summary .option_box {
    width: 100% !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0;
  } */
}

/************************************************************************
   Header
***********************************************************************/
.layout-header {
  height: 45px;
  width: 414px;
  margin: 0 auto;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  z-index: 100;
}

.layout-header .form-search {
  padding: 0 50px 0 0;
  border: 1px solid #efedf0;
  background-color: #fff;
  z-index: 20;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.layout-header .form-search input {
  display: block;
  padding: 0 0 0 16px;
  width: 100%;
  line-height: 42px;
  background: none;
  border: none;
  font-size: 14px;
  color: #1b1b1b;
}

.layout-header .form-search .btn-search {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -12px;
  display: inline-block;
  vertical-align: top;
}

.layout-header .btn-back {
  position: Relative;
  margin-left: 24px;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
}

.layout-header .btn-close {
  position: Relative;
  margin-left: 24px;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
}
.layout-header .btn-option {
  display:inline-block;
  width:24px; 
  height:24px;
  background:url(../images/icon-option.svg) no-repeat;

}
.layout-header .header-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 45px;
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 500;
}

.layout-header .img-logo {
  margin: 0 0 0 24px;
  display: inline-block;
  vertical-align: top;
}

.layout-header .header-right {
  position: relative;
  padding-right: 24px;
  margin-left: auto;
  z-index: 1;
  display:flex;align-items: center;
  justify-content: center;
}
.layout-header .header-right .btn-home {
  width:21px;
  height:24px;
  background:url(../images/footer-home.svg) no-repeat;

}
.layout-header .header-right .ui-calen {
  position:relative;
  font-size:0;
}
.layout-header .header-right .ui-calen input {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:10;
  opacity:0;
  font-size:0;
}
.layout-header .header-right .link-alarm {
  display:inline-block;
  position:relative;
  margin-left:15px;
  width:20px; 
  height:21px;
  background:url(../images/icon-head-alarm.svg) no-repeat;
  content:'';

}

.layout-header .header-right .link-alarm .icon-new {
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background-color:#F14E08;
  position:absolute;
  top:0;
  right:0;
  border:1px solid #fff;

}
.layout-header .header-right .link-calen,
.layout-header .header-right .link-local {
  font-size:12px;
  color:#1B1B1B;
  margin-left:7px;
  vertical-align:top;
  letter-spacing:-0.5px;
  white-space:nowrap;
}

.layout-header .header-right .link-calen {
  line-height:24px;
}
.layout-header .header-right .link-local {
  margin-left:0;
}
.layout-header .header-right .link-local:before {
  display:inline-block;
  position:relative;
  width:18px;
  height:20px;
  margin-right:6px;
  background:url(../images/icon-local.svg) no-repeat;
  content:'';
  vertical-align:middle;
}
.layout-header .header-right .link-calen:before {
  display:inline-block;
  position:relative;
  width:24px;
  height:24px;
  margin-right:6px;
  background:url(../images/icon-calen.svg) no-repeat;
  vertical-align:middle;
  content:'';
}
.layout-header .header-right > [class^="btn-"] {
  margin-left: 20px;
}

.layout-header .header-right .btn-txt {
  color: #ff6a29;
  font-size: 14px;
  font-weight: 500;
}

.layout-header .header-right .btn-ticket {
  display: inline-block;
  vertical-align: top;
}
.layout-header .header-right .btn-share {
  display: inline-block;
  vertical-align: top;
  width:24px;
  height:24px;
  background:url(../images/img-header-share.svg) no-repeat;
}

.layout-header .header-right .btn-search {
  display: inline-block;
  vertical-align: top;
}

.layout-header .header-right .btn-menu {
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .layout-header {
    width: 100%;
    margin: 0 auto;
      position:relative;
  }
    .layout-container {
        margin-top:0 !important;
    }
}

/************************************************************************
   Container
***********************************************************************/
.layout-container {
  height: 100%;

  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  overflow: auto;
}

.layout-container .section-contents {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.layout-container .ui-foot-buttons {
  padding: 20px 0;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

/************************************************************************
   Footer
***********************************************************************/

.footer-menu {
  width: 414px;
  bottom:0;
  margin: 0 auto;
  display:flex;
  background-color:#fff;
  flex:none;

}

@media screen and (max-width: 767px) {
  .footer-menu {
    width:100%;
    left: 0;
    margin: 0;
    right: 0;
  }

}

.footer-menu .tag-beta {
    position:absolute;
    top:10px;
    right:16px;
    font-size:10px;
    color:#fff;
    display:inline-block;
    padding:0px 3px;
    font-weight:700;

    background-color:#FF6A29;

}

.footer-menu a:nth-child(3) .tag-beta {right:3px}
.footer-menu .btn-footer {
  display:flex;
  position:relative;
  flex-flow:column;
  justify-content: center;
  align-items: center;
  font-size:11px;
  padding:37px 0 0 0;
  line-height:16px;
  color:#6F6F6F;
  height:64px;
  flex:auto;
}
.footer-menu .btn-footer.is-selected {
  color:#FF6A29;
}
.footer-menu .btn-footer:before {
  display:inline-block;
  position:absolute;
  top:0;
  left:50%;
  margin-bottom:5px;
  content:'';
}
.footer-menu .btn-footer.type-home.is-selected:before {
  background:url(../images/footer-home-select.svg) no-repeat;
}
.footer-menu .btn-footer.type-home:before {
  top:14px;
  width:21px;
  height:24px;
  margin-left:-10px;
  background:url(../images/footer-home.svg) no-repeat;

}
.footer-menu .btn-footer.type-search:before {
  top:14px;
  width:21px;
  height:20px;
  margin-left:-11px;
  background:url(../images/footer-search.svg) no-repeat;
}
.footer-menu .btn-footer.type-search.is-selected:before {
  background:url(../images/footer-search-select.svg) no-repeat;
}
.footer-menu .btn-footer.type-promotion:before {

  top:13px;
  width:21px;
  height:20px;
  margin-left:-11px;
  background:url(../images/footer-promotion.svg) no-repeat;
}
.footer-menu .btn-footer.type-promotion.is-selected:before {
  background:url(../images/footer-promotion-select.svg) no-repeat;
}
.footer-menu .btn-footer.type-travel:before {
  top:12px;
  width:25px;
  height:24px;
  margin-left:-13px;
  background:url(../images/footer-travel.svg) no-repeat;
}
.footer-menu .btn-footer.type-travel.is-selected:before {
  background:url(../images/footer-travel-select.svg) no-repeat;
}
.footer-menu .btn-footer.type-my:before {
  top:14px;
  width:25px;
  height:24px;
  margin-left:-13px;
  background:url(../images/footer-my.svg) no-repeat;
}
.footer-menu .btn-footer.type-my.is-selected:before {
  background:url(../images/footer-my-select.svg) no-repeat;
}
.layout-footer {
  padding: 40px 24px;
  background-color: #f9f8fa;
}

.layout-footer .img-logo {
  margin-bottom: 24px;
  display: inline-block;
  vertical-align: top;
}

.layout-footer .txt-footer {
  padding: 4px 0 0 0;
  color: #6f6f6f;
  font-size: 12px;
}

.layout-footer .txt-footer:first-of-type {
  padding-top: 0;
}

.layout-footer .txt-copy {
  padding: 48px 0 0 0;
  font-size: 12px;
  color: #aeadb0;
}
.layout-footer .ui-link {
  padding:5px 0 0 0;


}
.layout-footer .ui-link {
  padding:5px 0 0 0;

}
.layout-footer .ui-link .link-footer {
  display:inline-block;
  color:#8E8E8E;
  font-size:14px;
  text-decoration:underline;
  margin-right:5px;
}
.layout-footer .ui-link .link-footer-02 {
  display:inline-block;
  color:#8E8E8E;
  font-size:9px;
  text-decoration:underline;
  margin-right:2px;
}

.layout-footer .business_input {
  width:0;
  background-color: transparent;
  border:none
}
/************************************************************************
   Layout Menu
***********************************************************************/
.layout-menu {
  position: fixed;
  right: -100%;
  bottom: 0;
  top: 0;
  z-index: 10;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

.layout-menu.open {
  left: 56px;
  right: 0;
  bottom: 0;
  top: 0;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

.layout-menu.open:before {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
}

.layout-menu.open .box-menu {
  right: 0;
}

.layout-menu .box-menu {
  width: 100%;
  height: 100%;
  max-width: 750px;
  background: #fff;
  position: absolute;
  z-index: 10;
  overflow: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

.layout-menu .box-menu .menu-scroll {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  overflow: auto;
}

.layout-menu .box-menu .btn-menu-close {
  position: absolute;
  top: 16px;
  right: 24px;
  display: inline-block;
  vertical-align: top;
}


.layout-menu .data-user .img-photo {
  display: inline-block;
  float: left;
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.layout-menu .data-user .img-photo {
  margin-right:12px;
}
.layout-menu .data-user .img-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.layout-menu .data-user .txt-name {
  display: block;
  color: #1b1b1b;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}
.layout-menu .wrap-data {
  display:block;
  overflow:hidden;
}
.layout-menu .data-user .txt-kg {
  display: block;
  padding: 4px 0 0 0;
  font-size: 12px;
  color: #504e4d;
  font-weight: 500;
}
.layout-menu .data-user .link-modify {
  display: inline-block;
  margin-top: 4px;
  color: #c6c4c8;
  font-size: 11px;
}
.layout-menu .box-menu .data-user {
  padding: 48px 32px 0 32px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
}

.layout-menu .box-menu .data-user a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
}

.layout-menu .box-menu .data-user .user-img {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-right: 12px;
  background-color: #f9f8fa;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.layout-menu .box-menu .data-user .user-img img {
  position: relative;
  width: 100%;
  height: 100%;
}

.layout-menu .box-menu .data-user .user-img:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  content: '';
  display: inline-block;
  vertical-align: top;
}

.layout-menu .box-menu .data-user .info-login {
  font-size: 20px;
  color: #aeadb0;
  font-weight: bold;
  line-height: 28px;
}

.layout-menu .box-menu .data-user .info-enter {
  font-size: 16px;
  color: #aeadb0;
  line-height: 24px;
  font-weight: bold;
}

.layout-menu .box-menu .data-user .user-name {
  color: #1b1b1b;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}

.layout-menu .box-menu .data-user .user-name span {
  display: block;
  color: #1b1b1b;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}

.layout-menu .box-menu .list-menu {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  overflow: auto;
  margin-top: 45px;
  padding: 0 32px;
}

.layout-menu .box-menu .list-menu li a {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid #efedf0;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: bold;
}

.layout-menu .link-logout {
  display: inline-block;
  padding: 13px 32px 13px 32px;
  margin-bottom: 36px;
  color: #aeadb0;
  font-weight: 500;
  font-size: 16px;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

/************************************************************************
   Popup Layout
***********************************************************************/
.layout-popup {
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  margin-left: 336px;
  width: 414px;
  padding: 0 32px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  z-index:200;
}

@media screen and (max-width: 1500px) {
  .layout-popup {

  margin-left:0;
  left:initial;
  right:0;
  }
  
}
@media screen and (max-width: 1024px) {
  .layout-popup {
    left:50%;
  margin-left:-207px;
  }
  
}
.layout-popup.type-popup {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  margin-left:0;
  left:0;

}

.layout-popup .box-popup {
  position:relative;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}


.layout-popup .box-popup .btn-popup-close {
  display:inline-block;
  width:18px;
  position:absolute;
  top:28px;
  right:28px;
  height:18px;
  background:url(../images/pop-close.svg) no-repeat;

}


.layout-popup .box-popup .popup-contents {
  padding:30px 30px 0 30px;
  display:flex;
  flex-direction: column;;
}
.layout-popup .popup-bottom {
  padding: 37px 20px 20px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}
.layout-popup .popup-bottom.txt-center {
  align-items: center;
  justify-content: center;
}
.layout-popup .popup-bottom .btn-layer-solid {
  display: inline-block;
  width: 60px;
  line-height: 38px;
  background-color: #1b1b1b;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.layout-popup .box-popup .tag-event {
  display:inline-block;
  padding:0 20px;
  line-height:30px;
  border-radius:4px;
  border:1px solid #FF6A29;
  text-align:center;
  font-size:13px;
  text-align:center;
  color:#FF6A29;

}
.layout-popup .box-popup .tag-event + .tag-event {
  margin-top:10px;
}
.layout-popup .popup-bottom .btn-pop-line {
  display: inline-block;
  width: 103px;
  margin-right: 8px;
  line-height: 44px;
  border: 1px solid #efedf0;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.layout-popup .popup-bottom .btn-pop-solid {
  width: 100%;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  line-height: 44px;
  -webkit-box-flex: aoto;
  -moz-box-flex: aoto;
  -webkit-flex: aoto;
  -ms-flex: aoto;
  flex: aoto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

@media screen and (max-width: 767px) {
  .layout-popup {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
  }
}

.layout-popup .popup-bottom [class^="component-btn-"] {margin-right:4px;}
.layout-popup .popup-bottom [class^="component-btn-"] + [class^="component-btn-"] {margin-left:4px; margin-right:0;}
.layout-popup .popup-bottom.txt-center {
  align-items: center;
  justify-content: center;
}
/***************************************************************************************
   Page : Home
***************************************************************************************/


.page-home .wrap-main-banner .wrap-menu {

  margin-bottom:25px;
}
.page-home .wrap-main-banner .wrap-menu .list-menu {
  display:flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.page-home .wrap-main-banner .wrap-menu .list-menu li {
  display:flex;
  flex-flow:column;
  align-items: center;
  justify-content: center;
  font-size:12px;
  color:#000;
  flex:auto;
  cursor:pointer;
}
.page-home .wrap-main-banner .wrap-menu .list-menu li a {
  display:flex;
  flex-flow:column;
  align-items: center;
  justify-content: center;
  font-size:12px;
  color:#000;
  flex:auto;
  cursor:pointer;
}
.page-home .wrap-main-banner .wrap-menu .list-menu li img {
  display:inline-block;
  width:65px;
  margin-bottom:5px;
}

.page-home .wrap-main-banner .main-top { position: relative; }
.page-home .main-top .swiper-button-next,
.page-home .main-top .swiper-button-prev { top: initial; bottom: 0; width: 28px; height: 26px; background: rgba(0, 0, 0, 0.4); }
.page-home .main-top .swiper-button-next:after,
.page-home .main-top .swiper-button-prev:after { font-size: 10px; color:#fff; }
.page-home .main-top .swiper-button-next {
  left: initial;
  right: 15px;
}
.page-home .main-top .swiper-button-prev {
  left: initial;
  right: 43px;

}
.page-home .main-top .swiper-pagination-fraction {
  bottom: 0;
  color: #fff;
  left: initial;
  right:71px;
  border-radius: 0 0 0 12px;
  width: fit-content; height: 26px; line-height: 26px; padding: 0 10px; font-size: 12px; background: rgba(0, 0, 0, 0.4); }
.page-home .main-top .swiper-pagination-fraction:after { content: "ㅣ"; position: absolute; right: -3px; font-size: 10px; opacity: 0.5; }
.page-home .main-top .swiper-button-next.swiper-button-disabled,
.page-home .main-top .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: auto; }

.swiper-main {
  overflow:hidden;
}

.page-home .wrap-main-banner .swiper-container {
  font-size:0;
}

.page-home .wrap-main-banner .wrap-banner {
  position: relative;
  overflow: hidden;
  text-align:center;
  width:100%;
}
.page-home .wrap-main-banner a {
  display:block;
  position:relative;

}
.page-home .wrap-main-banner .wrap-banner {

  padding:0 15px;
}
.page-home .wrap-main-banner .wrap-banner img {
  width:100%;
  border-radius:12px;
}

@media screen and (max-width: 366px) {
  .page-home .wrap-main-banner .wrap-banner img {
    width:100%;
  }
}

.page-home .wrap-main-banner .wrap-banner .btn-go {
  position: absolute;
  bottom: 92px;
  left: 24px;
  display: inline-block;
  vertical-align: top;
  z-index:3;
}
.page-home .wrap-main-banner .wrap-banner .btn-go:after {
  display:none;
}

.page-home .wrap-main-banner .wrap-banner .tag-promotion {
  position: absolute;
  top: 24px;
  right: 24px;
  display: inline-block;
  width: 72px;
  height: 72px;
  text-align: center;
  line-height: 72px;
  color: #ff6a29;
  font-size: 12px;
  font-weight: 500;
  background-color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index:3;
}

.page-home .wrap-main-banner .wrap-banner .txt-banner {
  position: absolute;
  bottom: 140px;
  left: 24px;
  z-index:3;
}

.page-home .wrap-main-banner .wrap-banner .txt-banner .txt-title {
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  z-index:3;
}

.page-home .wrap-main-banner .wrap-banner .txt-banner .txt-det {
  font-size: 14px;
  color: #dcd9de;
  margin-top: 6px;
  z-index:3;
}

.page-home .section-main {
  position:relative;
  margin-top: 25px;
  padding: 0 15px;
}
.page-home .section-main  .link-more {
  position:absolute;
  top:0;
  right:24px;
  font-size:14px;
  color:#F14E08;
  text-decoration:underline;
}

.page-home .section-main.type-post {
  padding:0 24px;
}

.page-home .section-main:first-of-type {
  margin-top: 0;
}

.page-home .section-main .swiper-container .swiper-pagination {
  position: relative;
  margin: 32px 0 0 0;
  font-size: 0;
}

.page-home .section-main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  margin: 0 3px;
  background-color: #dcd9de;
  opacity: 1;
}

.page-home .section-main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 12px;
  background-color: #1b1b1b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.page-home .section-main .swiper-slide {
  width: 266px;
}

.page-home .section-main .ui-num {
  color: #8e8e8e;
  font-size: 14px;
  font-weight: 500;
}
.page-home .section-main .btn-view {
  padding:20px 0 0 0;
}
.page-home .section-main .list-rooms {
  overflow:hidden;
  display:flex;
  flex-wrap:wrap;

}
.page-home .section-main .list-rooms a {
  display:block;
  width:50%;
  padding-right:7px;
  padding-bottom:24px;
  flex:none;
}
.page-home .section-main .list-rooms .ui-rooms {
  float:left;
  position:relative;
}
.page-home .section-main .list-rooms .ui-rooms .tag-single {
  position:absolute;
  top:12px;
  left:12px;
  border-radius:4px;
  padding:0 6px;
  background-color:#FF6A29;
  display:none;
  /* display:inline-block; */
  font-size:11px;
  line-height:20px;
  color:#FFF;
}
.page-home .section-main .list-rooms .ui-rooms img {
  display:inline-block;
  max-width:176px;
  margin-bottom:12px;
  width:100%;
  border-radius:5px;
}
.page-home .section-main .list-rooms .ui-rooms .ui-benefits {
  overflow:hidden;
  padding-bottom:5px;
  padding-top:5px;
}
.page-home .section-main .list-rooms .ui-rooms .ui-benefits .tag-benefit {
  display:inline-block;
  float:left;
  padding:0 6px;
  color:#FF6A29;
  font-size:11px;

  border: 1px solid #FE9B52;
  border-radius: 4px;
  line-height:20px;
}
.page-home .section-main .list-rooms .ui-rooms .ui-benefits .tag-benefit + .tag-benefit {
  margin-left:10px;
}
.page-home .section-main .list-rooms .ui-rooms .data-name {
  display:block;
  font-size:14px;
  color:#1B1B1B;
  font-weight: 500;
  padding-bottom:4px;
}
.page-home .section-main .list-rooms .ui-rooms .data-det {
  display:block;
  font-size:12px;
  color:#8E8E8E;
  line-height: 20px;
  margin-bottom:8px;
  min-height:40px;
}
.page-home .section-main .list-rooms .ui-rooms .data-price {
  font-size:14px;
  display:block;
  text-align:right;
  font-weight:600;
  color:#1B1B1B;
  letter-spacing:-1px;
}
.page-home .section-main .list-rooms .ui-rooms .data-price strong {
  font-size:16px;
  font-weight:bold;
}
.page-home .section-main .list-rooms .ui-rooms:nth-child(2n) {
  padding-left:7px;
  padding-right:0;
}
.page-home .section-main .ui-title .tag-hot {
  border:1px solid #FF6A29;
  position:relative;
  top:5px;
  border-radius:16px;
  font-size:10px;
  color:#FF6A29;
  font-weight: 400;
  line-height: 16px;
  margin-left:8px;
  display:inline-block;
  padding:0 6px;
  vertical-align:top;
}
.page-home .section-main .ui-title {
  padding-bottom:20px;
  font-size: 24px;
  font-weight: bold;
  color: #1b1b1b;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.page-home .section-main .ui-title .traveler-title-info {
  font-size: 14px; line-height: 22px; color: #AEADB0;
  overflow: hidden; font-weight: 400;
}
.page-home .section-main .ui-title .traveler-title-info a {
  font-size: 12px; float: right; line-height: 20px; color: #302f2e;
  font-weight: 500;
}
.page-home .section-main .slide-traveler {
  overflow: hidden; padding: 10px 0; margin-bottom: 25px;}
.page-home .section-main .slide-traveler .swiper-slide {
  //width: 145px !important;
  //height: 187px !important;
  padding: 10px;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 7%), 0 4px 20px 0 rgb(0 0 0 / 6%);
}
.page-home .section-main .slide-traveler .swiper-slide a,
.page-home .section-main .slide-traveler .swiper-slide a > div {
  width: 100%;
}
.page-home .section-main .slide-traveler .swiper-slide .traveler-summary-title {
  font-size: 14px; line-height: 22px; text-align: center; color: #1b1b1b;
  width: calc(100% - 2px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.page-home .section-main.type-post .area-photo {
  height: 300px;
  border-radius:0;
}

.page-home .section-main.type-post .swiper-slide {
  width: 258px;
}

.page-home .section-main.type-post .area-summary {
  padding-top: 12px;
}

.page-home .section-main.type-post .area-summary .txt-title {
  padding-bottom: 8px;
  font-size: 15px;
}

.page-home .section-main.type-post .area-summary .data-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
  color:#1B1B1B;
  font-size:12px;
}

.page-home .section-main.type-post .area-summary .data-name .img-photo {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-home .section-main.type-post .area-summary .data-name .img-photo img {
  width: 100%;
  height: 100%;
}

.page-home .section-main .area-photo {
  position: relative;
  height: 212px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.page-home .section-main .area-photo img {
  width: 100%;
  height: 100%;
}

.page-home .section-main .area-photo .photo-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.page-home .section-main .area-photo .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.page-home .section-main .area-photo .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.page-home .section-main .area-photo .photo-button .btn-fav input {
  display: none;
}

.page-home .section-main .area-photo .photo-button .btn-share {
  margin-left: 16px;
  display: inline-block;
  vertical-align: top;
}

.page-home .section-main .area-summary {
  padding: 12px 0 0 0;
}

.page-home .section-main .area-summary .txt-title {
  padding: 0 0 4px 0;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: 500;
}
.page-home .section-main .area-summary .txt-title a {
  color: #1b1b1b;

}

.page-home .section-main .area-summary .txt-det {
  padding-bottom: 8px;
  color: #8e8e8e;
  font-size: 12px;
}

.page-home .section-main .area-summary .txt-price {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: bold;
}

.page-home .section-main .data-number {
  width: 40px;
  height: 40px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}

.page-home .section-recommend {
  position: relative;
  padding: 16px 24px 170px 24px;
}


.page-home .section-recommend .txt-hash {
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #8e8e8e;
}

.page-home .section-recommend .txt-title {
  padding-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: #1b1b1b;
}
.page-home .section-recommend .txt-title strong {
  color:#F14E08;
}

.page-home .section-recommend .txt-det {
  padding-bottom: 20px;
  color: #302f2e;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.page-home .section-recommend .txt-det .txt-sharp {
  color: #ff6a29;
  font-weight: bold;
}

.page-home .section-recommend .wrap-address {
  position: relative;
}

.page-home .section-recommend .wrap-address .txt-address {
  display: block;
  text-align: right;
  text-decoration: underline;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}
.page-home .section-recommend .wrap-address .txt-address.type-instar:before {
  display:inline-block;
  position:relative;
  top:8px;
  width:30px;
  height:30px;
  background:url(../images/img_instar.png) no-repeat;
  content:'';
  margin-right:6px;
}

.page-home .section-recommend .wrap-address .txt-address + .txt-address {
  display:inline-block;
  float:right;
  margin-top: 8px;
}

.page-home .section-recommend .wrap-address .icon-go {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: top;
}

.page-home .section-pet {
  position: relative;
  padding: 47px 15px 24px 15px;
  border-bottom:1px solid #EFEDF0;
}

/*.page-home .section-pet:after {*/
/*  display:inline-block;*/
/*  position: absolute;*/
/*  bottom: 20px;*/
/*  right: 0;*/
/*  content: '';*/
/*  width: 174px;*/
/*  height: 174px;*/
/*  background:url(../images/img_petel_host.png) no-repeat;*/
/*  background-size:100% 100%;*/
/*}*/

.page-home .section-pet .txt-hash {
  font-size: 14px;
  color: #8e8e8e;
  font-weight: 500;
}

.page-home .section-pet .txt-title {
  padding: 4px 0 0 0;
  font-size: 24px;
  color: #1b1b1b;
  font-weight: bold;
  line-height: 34px;
}
.page-home .section-pet .txt-title strong {
  color:#F14E08;

}
.page-home .section-pet .txt-det-bg {
  background: url(../images/host-bg.png) no-repeat;
  background-size: cover;
  height: 200px;
  padding: 0 20px;
  margin-top: 15px;
}
.page-home .section-pet .txt-det {
  position:relative;
  z-index:1;
  padding: 24px 0 0 0;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
.page-home .section-pet .link-box {
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
}
.page-home .section-pet .link-box .link-read {
  display: block;
  width: 48%;
  background-color: #ff6a29;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  padding: 10px 0;
  border-radius: 10px;
}

/***************************************************************************************
   Popup : Home Ticket
***************************************************************************************/
.page-ticket .box-ticket {
  position: absolute;
  bottom: 144px;
  left: 32px;
  right: 32px;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  -webkit-justify-content: center;
}

.page-ticket .box-ticket .area-ticket {
  position: relative;
  padding: 24px 0 0 0;
  max-width: 350px;
  height: 256px;
  width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  background-size: 100% 100%;
}

.page-ticket .box-ticket .area-ticket:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 350px;
  height: 256px;
  background: url(../images/bg_ticket.png) no-repeat 100% 100%;
  background-size: 100% 100%;
  content: '';
}

.page-ticket .box-ticket .ticket-title {
  position: relative;
  padding: 0 0 4px 0;
  color: #1b1b1b;
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}

.page-ticket .box-ticket .ticket-no {
  position: relative;
  padding-bottom: 28px;
  color: #1b1b1b;
  font-size: 11px;
  text-align: center;
}

.page-ticket .box-ticket .ticket-no:after {
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  content: '';
  border-bottom: 1px dashed #f0edf1;
}

.page-ticket .box-ticket .wrap-data-ticekt {
  position: relative;
  padding: 24px 32px 22px 32px;
}

.page-ticket .box-ticket .wrap-data-ticekt:before {
  display: block;
  position: absolute;
  top: 26px;
  right: 0;
  left: 75px;
  height: 50px;
  background: url(../images/arrow_ticket.svg) no-repeat;
  content: '';
}

.page-ticket .box-ticket .wrap-data-ticekt:after {
  display: block;
  clear: both;
  content: '';
}

.page-ticket .box-ticket .wrap-data-ticekt .data-ticket {
  float: left;
}

.page-ticket .box-ticket .wrap-data-ticekt .data-ticket:last-of-type {
  float: right;
  text-align: right;
}

.page-ticket .box-ticket .wrap-data-ticekt .data-ticket .data-title {
  display: block;
  padding-bottom: 3px;
  color: #aeadb0;
  font-size: 12px;
  line-height: 20px;
}

.page-ticket .box-ticket .wrap-data-ticekt .data-ticket .data-day {
  display: block;
  padding-bottom: 1px;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: bold;
  line-height: 22px;
}

.page-ticket .box-ticket .wrap-data-ticekt .data-ticket .data-time {
  display: block;
  color: #504e4d;
  font-size: 10px;
  line-height: 16px;
}

.page-ticket .box-ticket .txt-status {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  color: #ff6a29;
  font-size: 12px;
  font-weight: 500;
}

.page-ticket .btn-popup-close {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -32px;
  width: 64px;
  height: 64px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-ticket .btn-popup-close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  content: '';
  display: inline-block;
  vertical-align: top;
}

/***************************************************************************************
   Page : curation
***************************************************************************************/
.page-curation .ui-contents {
  padding: 24px 0 0 0;
}

.page-curation .page-label {
  padding: 32px 0 56px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #1b1b1b;
}

.page-curation .section-curation {
  padding: 0 24px 0 24px;
}

.page-curation .section-curation + .section-curation {
  margin-top: 80px;
}

.page-curation .section-curation .swiper-container .swiper-pagination {
  position: relative;
  margin: 32px 0 0 0;
  font-size: 0;
}

.page-curation .section-curation .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  margin: 0 3px;
  background-color: #dcd9de;
  opacity: 1;
}

.page-curation .section-curation .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 12px;
  background-color: #1b1b1b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.page-curation .section-curation .swiper-slide {
  width: 100%;
}
.page-curation .section-curation {
  position:Relative;
}
.page-curation .section-curation .ui-num {
  color: #8e8e8e;
  font-size: 14px;
  font-weight: 500;
}
.page-curation .section-curation .area-summary .txt-title a {
  font-size: 20px;
  color: #1b1b1b;

}
.page-curation .section-curation .ui-title {
  padding: 4px 0 16px 0;
  font-size: 24px;
  font-weight: bold;
  color: #1b1b1b;
}

.page-curation .section-curation.type-post .area-photo {
  height: 240px;
}

.page-curation .section-curation.type-post .swiper-slide {
  width: 276px;
}

.page-curation .section-curation.type-post .area-summary {
  padding-top: 12px;
}

.page-curation .section-curation.type-post .area-summary .txt-title {
  padding-bottom: 8px;
  font-size: 15px;
}

.page-curation .section-curation.type-post .area-summary .data-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
}

.page-curation .section-curation.type-post .area-summary .data-name .img-photo {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-curation .section-curation.type-post .area-summary .data-name .img-photo img {
  width: 100%;
  height: 100%;
}

.page-curation .section-curation .area-photo {
  position: relative;
  height: 212px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.page-curation .section-curation .area-photo img {
  width: 100%;
  height: 100%;
}

.page-curation .section-curation .area-photo .photo-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.page-curation .section-curation .area-photo .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.page-curation .section-curation .area-photo .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.page-curation .section-curation .area-photo .photo-button .btn-fav input {
  display: none;
}

.page-curation .section-curation .area-photo .photo-button .btn-share {
  margin-left: 16px;
  display: inline-block;
  vertical-align: top;
}

.page-curation .section-curation .area-summary {
  padding: 12px 0 0 0;
}

.page-curation .section-curation .area-summary .txt-title {
  padding: 0 0 4px 0;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-curation .section-curation .area-summary .txt-det {
  padding-bottom: 8px;
  color: #8e8e8e;
  font-size: 12px;
}

.page-curation .section-curation .area-summary .txt-price {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: bold;
}

.page-curation .section-curation .data-number {
  width: 40px;
  height: 40px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}

.page-curation .ui-more {
  padding: 58px 0 90px 0;
  text-align: center;
}

.page-curation .ui-more .link-more {
  color: #8e8e8e;
  font-size: 16px;
  text-decoration: underline;
  line-height: 24px;
}

/***************************************************************************************
   Page : post
***************************************************************************************/
.page-post .ui-contents {
  padding-top: 24px;
}

.page-post .page-label {
  padding: 32px 0 56px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #1b1b1b;
}

.page-post .section-post {
  padding: 0 24px 0 24px;
}

.page-post .section-post + .section-post {
  margin-top: 80px;
}

.page-post .section-post .ui-num {
  color: #8e8e8e;
  font-size: 14px;
  font-weight: 500;
}

.page-post .section-post .ui-title {
  padding: 4px 0 16px 0;
  font-size: 24px;
  font-weight: bold;
  color: #1b1b1b;
}

.page-post .section-post .area-summary {
  padding-top: 12px;
}

.page-post .section-post .area-summary .txt-title {
  padding-bottom: 8px;
  font-size: 15px;
  color:#1B1B1B;
}

.page-post .section-post .area-summary .data-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
  color:#1b1b1b;
}

.page-post .section-post .area-summary .data-name .img-photo {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-post .section-post .area-summary .data-name .img-photo img {
  width: 100%;
  height: 100%;
}

.page-post .section-post .area-photo {
  position: relative;
  width:258px;
  height:300px;
  margin:0 auto;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.page-post .section-post .area-photo img {
  width: 100%;
  height: 100%;
}

.page-post .section-post .area-photo .photo-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.page-post .section-post .area-photo .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.page-post .section-post .area-photo .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.page-post .section-post .area-photo .photo-button .btn-fav input {
  display: none;
}

.page-post .section-post .area-photo .photo-button .btn-share {
  margin-left: 16px;
  display: inline-block;
  vertical-align: top;
}

.page-post .post-detail {
  padding: 28px 24px 0 24px;
}

.page-post .post-detail .area-photo {
  display: block;
  height: 212px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.page-post .post-detail .area-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.page-post .post-detail .txt-detail {
  padding: 18px 0 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #1B1B1B;
}
.page-post .post-detail .txt-detail img {
  width:366px !important;
  max-width:100% !important;
  height:212px !important;;
}
.page-post .post-buttons {
  text-align: center;
}

.page-post .post-buttons .component-btn-solid {
  display: inline-block;
  width: 217px;
  margin: 20px 0;
}

.page-post .ui-more {
  padding: 58px 0 90px 0;
  text-align: center;
}

.page-post .ui-more .link-more {
  color: #8e8e8e;
  font-size: 16px;
  text-decoration: underline;
  line-height: 24px;
}

/***************************************************************************************
   Page : Best
***************************************************************************************/
.view-menu {
  padding:0 24px;
}
.box-my-menu {
  display:flex;
  align-items: center;

  height:95px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
  border-radius:12px;

}
.box-my-menu [class^="icon-"] {
  margin-bottom:10px;
}
.box-my-menu a {
  display:flex;
  width:100%;
  justify-content: center;
  align-items: center;
  height:100%;
  flex:auto;
  flex-direction: column;
  color:#302F2E;
  font-size:12px;
  line-height:20px;
}
.box-my-menu .icon-recent {
  display:inline-block;
  width:24px;
  height:24px;
   background:url(../images/icon-recent.svg) no-repeat;
}
.box-my-menu .icon-like {
  display:inline-block;
  width:24px;
  height:24px;
   background:url(../images/icon-like.svg) no-repeat;
}
.box-my-menu .icon-coupon {
  display:inline-block;
  width:24px;
  height:24px;
   background:url(../images/icon-coupon.svg) no-repeat;
}
.page-best .ui-contents {
  padding-top: 24px;
}

.page-best .page-label {
  padding: 32px 0 56px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #1b1b1b;
}

.page-best .section-best {
  padding: 0 24px 40px 24px;
}

.page-best .section-best .ui-num {
  color: #8e8e8e;
  font-size: 14px;
  font-weight: 500;
}

.page-best .section-best .ui-main-slider + .ui-main-slider {
  margin-top: 32px;
}

.page-best .section-best .ui-title {
  padding: 4px 0 16px 0;
  font-size: 24px;
  font-weight: bold;
  color: #1b1b1b;
}

.page-best .section-best .area-photo {
  position: relative;
  height: 212px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.page-best .section-best .area-photo img {
  width: 100%;
  height: 100%;
}

.page-best .section-best .area-photo .photo-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.page-best .section-best .area-photo .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.page-best .section-best .area-photo .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.page-best .section-best .area-photo .photo-button .btn-fav input {
  display: none;
}

.page-best .section-best .area-photo .photo-button .btn-share {
  margin-left: 16px;
  display: inline-block;
  vertical-align: top;
}

.page-best .section-best .area-summary {
  padding: 12px 0 0 0;
}

.page-best .section-best .area-summary .txt-title {
  padding: 0 0 4px 0;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-best .section-best .area-summary .txt-det {
  padding-bottom: 8px;
  color: #8e8e8e;
  font-size: 12px;
}

.page-best .section-best .area-summary .txt-price {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: bold;
}

.page-best .section-best .data-number {
  width: 40px;
  height: 40px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}

.page-best .ui-more {
  padding: 58px 0 90px 0;
  text-align: center;
}

.page-best .ui-more .link-more {
  color: #8e8e8e;
  font-size: 16px;
  text-decoration: underline;
  line-height: 24px;
}


/****************************************************************************
   Page : Rooms Detail
***************************************************************************/
.page-rooms-detail .section-room-summary.type-info .btn-popup-close {
  position:absolute;
  top:7px;
  right:14px;
}
.page-rooms-detail .section-room-summary .btn-popup-close {

  margin-left:16px;
  display:inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/petel_sprite.svg") no-repeat;
  background-position: 11.320754716981131% 86.81318681318682%;
}

.page-rooms-detail .section-summary-info {
  padding:8px 24px ;
}
.page-rooms-detail .section-summary-info .ui-info {
  padding:24px 0;
  border-bottom:1px solid #DCD9DE;

}

.page-rooms-detail .section-summary-info .ui-info .list-room-detail li {
  position: Relative;
  padding-left: 15px;
  line-height: 22px;
  color: #302F2E;
  font-size: 14px;
}

.page-rooms-detail .section-summary-info .ui-info .list-room-detail li:before {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #504e4d;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-rooms-detail .section-summary-info .ui-info:last-of-type {
  border-bottom:none;
}
.page-rooms-detail .section-summary-info .ui-info .label-type {
  font-size:14px;
  color:#1B1B1B;
  font-weight:bold;
  padding:0 0 12px 0;
}

.page-rooms-detail .section-summary-info .ui-info .txt-info {
  font-size:14px;
  color:#302F2E;
  line-height: 22px;
}

.page-rooms-detail .section-room-summary {
  position: relative;
}
.page-rooms-detail .section-room-summary .swiper-slide {
  position:relative;
}
.page-rooms-detail .section-room-summary .ui-buttons {
    position:absolute;
    top:0;
    left:0;
    right:0;
  height:40px;
  background-color:rgba(0,0,0,0.5);
  z-index:5;

}

.page-rooms-detail .section-room-summary .room-summary {
  position:relative;
 
  padding:16px 24px; 
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary {
  flex:auto;
}
.page-rooms-detail .section-room-summary .room-summary .link-detail {
  display:block;

}
.page-rooms-detail .section-room-summary .room-summary .link-detail .info-photo {
  display:inline-block;
  width:120px;
}
.page-rooms-detail .section-room-summary .room-summary .link-detail .info-photo img {
  display:block;
  width:100%;
}
.page-rooms-detail .section-room-summary .room-summary .link-detail .info-det {
  text-align:center;
}
.page-rooms-detail .section-room-summary .room-summary .link-detail .info-det span {
  font-size:12px;
  color:#ff6a29;
}
.page-rooms-detail .section-room-summary .btn-back {
  position:absolute;
  top:8px;
  left:16px;
  width:24px;
  height:24px;
  z-index:3;


}
.page-rooms-detail .section-room-summary .btn-back:before {
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px;
  width:16px;
  height:16px;
  background:url(../images/icon-back.svg) no-repeat;
  content:'';
}
.page-rooms-detail .section-room-summary .det-info {
  padding:20px 24px 32px 24px;
  border-bottom:8px solid #EFEDF0;
}
.page-rooms-detail .section-room-summary .det-info .info-name {
  font-size:20px;
  color:#1B1B1B;
  font-weight:500;
  padding:0 0 8px 0;
}
.page-rooms-detail .section-room-summary .det-info .info-det {
  font-size:12px;
  color:#8E8E8E;
  line-height: 20px;
}
.page-rooms-detail .section-room-summary .ui-page-buttons {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:40px;
  z-index:3;

 }
.page-rooms-detail .section-room-summary .photo-button {
  position: absolute;
  top: 7px;
  right: 20px;
  z-index:5;
}

.page-rooms-detail .section-room-summary .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
  width:24px;
  height:24px;
  background:url(../images/icon-fav.svg) no-repeat;
}

.page-rooms-detail .section-room-summary .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
  background:url(../images/icon-fav-check.svg) no-repeat;
}

.page-rooms-detail .section-room-summary .photo-button .btn-fav input {
  display: none;
}

.page-rooms-detail .section-room-summary .photo-button .btn-share.type-white {
  background:url(../images/icon-share-w.svg) no-repeat;

}
.page-rooms-detail .table-cancel {
  width:100%;
}
.page-rooms-detail .table-cancel tr td {
  padding:4px 0;
  text-align:center;
  color:#504E4D;
  font-size:12px;
  border:1px solid #D8D8D8;
}
.page-rooms-detail .table-cancel.type-cancel tr td {
  color:#D64102;
}


.page-rooms-detail .section-room-summary:after {
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  content: '';
  /* border-bottom: 1px solid #efedf0; */
}

.page-rooms-detail .section-room-summary .img-photo.type-photo .swiper-button-prev,
.page-rooms-detail .section-room-summary .img-photo.type-photo .swiper-button-next {
  top:50%;
}

.page-rooms-detail .section-room-summary .swiper-button-prev,
.page-rooms-detail .section-room-summary .swiper-button-next {
  position: absolute;
  top: 126px;
  right: 0;
  left: initial;
  margin: 0;
  background-color: rgba(27, 27, 27, 0.7);
  display: inline-block;
  vertical-align: top;
}

.page-rooms-detail .section-room-summary .swiper-button-prev:after,
.page-rooms-detail .section-room-summary .swiper-button-next:after {
  display: none;
}

.page-rooms-detail .section-room-summary .swiper-button-prev {
  right: initial;
  left: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.page-rooms-detail .section-room-summary.type-info .room-summary .img-photo {
  border-radius:0;
}
.page-rooms-detail .section-room-summary.type-info .room-summary .img-photo img {
  display:block;
  width:100%;
  height: 220px;

}
.page-rooms-detail .section-room-summary .room-summary .img-photo {
  position:relative;
  display: block;
  width:100%;
  /* height: 240px; */

  overflow: hidden;
}
.page-rooms-detail .section-room-summary .room-summary .img-photo .area-bar {position:absolute; bottom:0; left:0; right:0; font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; color:#000; text-align:center; padding:5px 0;background:url(../images/bg-info.svg) no-repeat; background-size:cover;}

.page-rooms-detail .section-room-summary .room-summary .img-photo .img-wrapper {
  position: relative;
  width: 414px;
  height: 276px;
}
.page-rooms-detail .section-room-summary .room-summary .img-photo .img-wrapper img {
  position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    object-fit: cover;
    margin: auto;
  width: 100%;
  height: 100%;
}


.page-rooms-detail .section-room-summary .room-summary .txt-summary .txt-title {
  position:relative;
  font-size: 20px;
  color: #1b1b1b;
  font-weight:500;
  line-height: 28px;
  overflow:hidden;
  max-width: 68%;
}

.page-rooms-detail .section-room-summary .room-summary .txt-det .btn-share {
  display: inline-block;
  position:absolute;
  top:16px;
  right:24px;
  width:24px;
  height:24px;
  background:url(../images/icon-share.svg) no-repeat;
  z-index: 9999;
}
.fix-calen  .btn-share {
  display: inline-block;
  width:24px;
  height:24px;
  background:url(../images/icon-share.svg) no-repeat;
  z-index: 9999;
}

.page-rooms-detail .section-room-summary .room-summary .txt-det .det-tag {
  position: absolute;
  right:24px; 
  top:15px;

}
.page-rooms-detail .section-room-summary .room-summary .txt-det .btn_festa {
  display:inline-block;
  width:90px;
 padding: 2px 8px;
 border: 1px solid #EFEDF0;
 border-radius: 20px;
 color:#f53c44;
 display: flex; gap: 2px;
 align-items: center;
 white-space:nowrap;
 font-weight:500;

}

.page-rooms-detail .section-room-summary .room-summary .txt-det .btn_cover {
  display:inline-block;
  width:90px;
 padding: 2px 8px;
 border: 1px solid #EFEDF0;
 border-radius: 20px;
 display: flex; gap: 2px;
 align-items: center;
 font-weight:500;
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .txt-det .btn_cover span {
  color: #ff6a29;
  font-size: 12px;
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .txt-det .btn_cover .img_petel_cover  {
  width:17%
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow {
    margin-bottom:24px;
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow + .ui-benefits {
    padding:0 0 24px 0;

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-benefits {
  display:flex;
  align-items: center;
  overflow: hidden;
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-benefits .tag-benefit {
  display:inline-block;
  padding: 10px 5px;
  width:100%;
  border: 1px solid #FF6A29;
  border-radius: 8px;
  font-size:14px;
  color:#FF6A29;
  text-align:center;
  cursor:pointer;
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-benefits .tag-benefit + .tag-benefit {
  margin-left:8px;
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-benefits .swiper-slide {width: 85px !important;}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-benefits .swiper-container {margin-left: 0; margin-right: 0;}



.page-rooms-detail .section-room-summary .room-summary .wrap-tag .tag-benefit2 {
  align-items: center;
 padding: 2px 8px;
 line-height:20px;
 font-size:12px;
 border: 1px solid #EFEDF0;
 border-radius: 20px;
 color:#f53c44;
 display: inline-flex; gap: 2px;
 align-items: center;
 white-space:nowrap;
 font-weight:500;
}

.page-rooms-detail .section-room-summary .room-summary .wrap-tag .tag-benefit2 img {display:inline-block; margin-right:6px;}
.page-rooms-detail .section-room-summary .room-summary .wrap-tag .type-tag + .type-tag {
  margin-top:8px;
}



.page-rooms-detail .member-guide {
  padding: 16px 0;
  font-size: 12px; color: #302F2E;
}

.page-rooms-detail .member-guide .first { text-align: center; }
  .page-rooms-detail .member-guide .first h6 { padding: 0 0 6px 0; font-size: 16px; }
  .page-rooms-detail .member-guide .first p { padding: 12px 0; font-size: 14px; color: #302F2E; border-radius: 6px; background: #F9F8FA; }
  .page-rooms-detail .member-guide .first p i { color: #ff6a29; }

.page-rooms-detail .member-guide .silver p { margin-bottom: 10px; }
.page-rooms-detail .member-guide .silver p b{ color: #ff6a29; }

.page-rooms-detail .member-guide .platinum { text-align: center; }
  .page-rooms-detail .member-guide .platinum p { padding: 12px 0; font-size: 14px; color: #302F2E; border-radius: 6px; background: #F9F8FA; }
  .page-rooms-detail .member-guide .platinum p i { color: #ff6a29; }

.page-rooms-detail .member-guide .member-guide-box {
  display: flex; justify-content: space-between;
}
.page-rooms-detail .member-guide .member-guide-box li {
  width: 48%;
  background-color: #F9F8FA;
  padding: 10px 0 ;
  border-radius: 6px;
  text-align: center;
  display: flex;
  align-items: center;
}
.page-rooms-detail .member-guide .member-guide-box li img {
  width: 20px;
  margin: 0 5px 0 25% ;

}

.page-rooms-detail .traveler-guide,
.page-home .section-main .traveler-guide {
  padding: 16px 0 0;
  border-top: 1px solid #EFEDF0;
}

.page-rooms-detail .traveler-guide a,
.page-home .section-main  .traveler-guide a {
  display: flex;
 align-items: center;
 justify-content: space-between;
}
.page-rooms-detail .traveler-guide span,
.page-home .section-main .traveler-guide span {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: 500;
}
.page-rooms-detail .traveler-guide .traveler-icon,
.page-home .section-main .traveler-icon {
  display: flex; align-items: center;
  gap: 5px;
}
.page-rooms-detail .traveler-guide img,
.page-home .section-main .traveler-guide img {
  width: 40px;
}
.page-rooms-detail .member-info {
  background: linear-gradient(90deg, rgba(241,39,17,1) 0%, rgba(245,175,25,1) 100%);
  padding: 10px 15px;
}
.page-rooms-detail .member-info p {
  color: #fff; font-weight: 600; font-size: 13px; 
  display: flex; align-items: center;
  gap: 3px; margin: 0 auto;
  width:236px;
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow {
  overflow:hidden;
  display:flex;
  padding-top: 20px;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow a {
  float:left;
  font-size:12px;
  line-height:20px;
  color:#000000;
  padding:0 13px 0 0;
  margin-right:6px;
  position:relative;

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow a:last-of-type {
  margin-right:0;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow a:after {
  position:absolute;
  top:50%;
  right:0;
  margin-top:-5px;
  display:inline-block;
  width:6px;
  height:10px;
  background:url(../images/arrow-view.svg) no-repeat;
  content:'';

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow a .icon-youtube {
  position:relative;
  top:2px;
  display:inline-block;
  width:16px;
  margin-right:4px;
  height:16px;
  vertical-align:top;
  background:url(../images/icon-youtube.svg) no-repeat;

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow a .icon-local {
  position:relative;
  top:2px;
  display:inline-block;
  width:16px;
  margin-right:4px;
  height:16px;
  vertical-align:top;
  background:url(../images/icon-with-local.svg) no-repeat;

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow a .icon-heart {
  position:relative;
  top:4px;
  display:inline-block;
  width:15px;
  margin-right:4px;
  height:13px;
  vertical-align:top;
  background:url(../images/icon-heart.svg) no-repeat;

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .ui-arrow a .icon-room {
  position:relative;
  top:2px;
  display:inline-block;
  width:15px;
  margin-right:4px;
  height:15px;
  vertical-align:top;
  background:url(../images/icon-room.svg) no-repeat;

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .txt-det {
  padding: 8px 0 0 0;
  color: #8e8e8e;
  font-size: 12px;
  line-height:20px;

}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .txt-price {
  padding: 16px 0 0 0;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .txt-price .data-per {
  font-size: 16px;
  color: #ff6a29;
  font-weight: bold;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .txt-price .data-price {
  color: #1b1b1b;
  font-size: 16px;
  font-weight: bold;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-fav input {
  display: none;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .btn-share {
  margin-left: 6px;
  display: inline-block;
  vertical-align: top;
}

.page-rooms-detail .section-room-summary .room-summary .txt-summary .view-download {

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .view-download a {
  display:flex;


  overflow:hidden;
  border-radius:8px;
  background:url(../images/bg-down.png) no-repeat;
  background-size:100% 100%;
  
  
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .view-download a .txt-coupon {
  display:flex;
  align-items: center;
  border-radius:8px; 
  padding-left:16px;
  border:1px solid #FF6929;
  flex:auto;
  overflow:hidden;
  color:#FF6A29;
  font-size:14px;
  font-weight:600;
  line-height:46px;
  border-right:none;

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .view-download a .txt-coupon:before {
  display:inline-block;
  width:16px;
  height:16px;
  background:url(../images/icon-ticket-s.svg) no-repeat;
  background-size:100% 100%;
  content:'';
  margin-right:8px;

}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .view-download a .icon-download {
  width:47px;
  flex:none;
  border:1px solid #FF6929;
  overflow:hidden;
  border-radius:8px;
  position:relative;
  display:flex;
  align-items: center;
  justify-content: center;
  border-left:none;
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .view-download a .icon-download:after {
  position:absolute;
  top:8px;
  left:0;
  bottom:8px;
  border-left:1px dashed #FF6929;
  content:'';
}
.page-rooms-detail .section-room-summary .room-summary .txt-summary .view-download a .icon-download:before {
  display:inline-block;
  width:26px;
  height:26px;
  background:url(../images/icon-down-r.svg) no-repeat;
  background-size:100% 100%;
  content:'';

  
}
.page-rooms-detail .section-room-info {
  padding: 10px 24px 0 24px;
}
.page-rooms-detail .section-room-info a{
  display:block;
  overflow:hidden;
}

.page-rooms-detail .section-room-info .info-photo {
  float: left;
  width: 208px;
  height: 241px;
  padding-right: 12px;
  overflow: hidden;
  border-right:1px solid #1B1B1B;
}

.page-rooms-detail .section-room-info .info-photo img {
  width: 100%;
  height: 100%;
}

.page-rooms-detail .section-room-info .info-det {
  display: block;
  padding-left: 10px;
  overflow: hidden;
}

.page-rooms-detail .section-room-info .info-det .info-hash {

  display: block;
  line-heihgt:24px;
  font-size: 16px;
  color: #1b1b1b;
}
.page-rooms-detail .section-room-info .info-det .info-hash strong {
  color:#FF6A29;
}
.page-rooms-detail .section-room-info .info-det .info-sub {
  padding-bottom:20px;
}
.page-rooms-detail .section-room-info .info-det .info-sub span {
  display:block;
  font-size:12px;
  line-heihgt:20px;
  color:#504E4D;
  display:block;
  text-align:right;

}
.page-rooms-detail .section-room-info .info-det .txt-info {

  font-size: 12px;
  line-height: 20px;
  color: #504e4d;
  word-break: keep-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow:hidden;

}

.page-rooms-detail .section-room-info .link-more {
  display:inline-block;
  margin-top:20px;
  color: #8e8e8e;
  font-size: 14px;
  text-decoration: underline;
}

.page-rooms-detail .section-calen {
  padding: 30px 24px 0 24px;
}

.page-rooms-detail .section-calen .txt-label {
  padding-bottom: 12px;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-rooms-detail .section-calen .form-calen {
  display: block;
  position: relative;
  padding-left: 48px;
  border: 1px solid #efedf0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
}



.page-rooms-view .section-room-summary .room-summary .form-calen-01 {
  padding: 0px !important;

}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content>li {
  border-bottom: 1px solid #efedf0;
  overflow: hidden;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content>li .option_title {
  padding: 12px 16px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
  width: 100%;
  border: none;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content>li .option_title option{
  padding: 10px;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content>li.open {
  border: 1px solid #aaa;
}

.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content>li.open .option_title svg {
  transform: rotate(180deg);
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content .option_chioce {
  display: none;
  height: auto;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content>li.open .option_chioce {
  display: block;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content>li.close .option_chioce {height: 0;}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content .option_chioce li {
  padding: 10px 16px;
  border-bottom: 1px solid #efedf0;
  align-items: center;
}

/* .page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content li {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content li .number_box{
  display: flex;
  justify-content: space-between;
  border: 1px solid #ccc;
  align-items: center;

}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content li .number_box p {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 5px 14px;
  font-size: 15px;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content li .number_box button {
  font-size: 21px;
  padding: 3px 7px;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content li .number_box button.plus_btn {
  padding: 2px 7px 5px 7px;
}
.page-rooms-view .section-room-summary .room-summary .form-calen-01 .option_content li strong span {
  font-weight: 300;
  font-size: 12px;
}  */

.page-rooms-detail .section-calen .form-calen .btn-calen {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
  display: inline-block;
  vertical-align: top;
}

.page-rooms-detail .section-calen .form-calen .data-calen {
  line-height: 42px;
  color: #1b1b1b;
  font-size: 14px;
}
.page-rooms-detail .section-calen .form-calen .data-calen input {
  display:block;
  border:none;
  width:100%;
  line-height:42px;
}
.page-rooms-detail .section-room-select {
  position: relative;
  padding: 12px 24px 40px 24px;
  border-bottom:8px solid #EFEDF0;;
  border-top:8px solid #EFEDF0;;
}
.page-rooms-detail .section-room-select .txt-member-info {
    display:flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #FF6A29;
}
.page-rooms-detail .section-room-select .txt-member-info img {
    margin-right:10px;
}
.page-rooms-detail .section-room-select .form-calen .data-price {
  font-size:14px;
  line-height:1em;
  white-space:nowrap;
}
.page-rooms-detail .section-room-select .form-calen .data-price i { display:block; padding: 0 0 2px 0; font-size: 11px; text-align: right; color: #8E8E8E; text-decoration: line-through; }
.page-rooms-detail .section-room-select .form-calen .data-price strong {
  font-size:16px;
  font-weight:bold;
}
.page-rooms-detail .section-room-select .form-calen .btn-calen {
  background:url("../images/petel_sprite.svg") no-repeat;
  background-position: 88.67924528301887% 61.53846153846154%;
}

.page-rooms-detail .section-room-select .form-calen .btn-calen {
  width: 24px;
  height: 24px;
}
.page-rooms-detail .section-room-select:after {
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  content: '';
  border-bottom: 1px solid #efedf0;
}
.page-rooms-detail .wrap-add-view {
  padding:6px 0;
  text-align:center;

}
.page-rooms-detail .wrap-add-view .btn-view {
  display:inline-block;
  width:130px;
  height:46px;
  line-height:46px;
  font-size:14px;
  color:#fff;
  background-color:#000000;
  border-radius:6px;
}
.page-rooms-detail .section-room-select .btn-more {
  position: absolute;
  top: 49px;
  right: 24px;
  color: #6f6f6f;
  font-size: 12px;
}

.page-rooms-detail .section-room-select .form-calen {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 12px 0 48px;
  margin-bottom:9px;
  border: 1px solid #efedf0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.page-rooms-detail .section-room-select .form-calen.bg { border: 0; background: #F9F8FA; }
.page-rooms-detail .section-room-select .form-calen.bg input { background: none; }
.page-rooms-detail .section-room-select .form-calen .btn-calen {
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -12px;
  display: inline-block;
  vertical-align: top;
}

.page-rooms-detail .section-room-select .form-calen .data-calen {
  line-height: 42px;
  color: #1b1b1b;
  font-size: 14px;
}
.page-rooms-detail .section-room-select .form-calen .data-calen input {
  display:block;
  border:none;
  width:100%;
  line-height:42px;
  cursor:pointer;
}

.page-rooms-detail .section-room-select .txt-label {
  padding-bottom: 12px;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: bold;
}
.page-rooms-detail .section-room-select .list-room-select li .ui-buttons {
  padding:26px 0 0 0;
  overflow:hidden;
  margin:0 -5px;
}
.page-rooms-detail .section-room-select .list-room-select li .ui-buttons span {
  display:inline-block;
  float:left;
  width:50%;
  padding:0 5px;
}
.page-rooms-detail .section-room-select .list-room-select li .ui-buttons button {
  position:relative;
  width:100%;
  line-height:46px;
  text-align:center;
  font-size:14px;
  color:#1B1B1B;
  font-weight: 500;
  background: #F9F8FA;
  border-radius: 6px;
}
.page-rooms-detail .section-room-select .list-room-select li .ui-buttons button input {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index:5;
  opacity:0;
  cursor:pointer;
}
.page-rooms-detail .section-room-select .list-room-select li  {
  display: block;
  overflow:hidden;
  position:Relative;
}
.page-rooms-detail .section-room-select .list-room-select li .link-form {
  font-size: 12px;
  color: #F14E08;
  font-weight: normal;
}
.page-rooms-detail .section-room-select .list-room-select li .link-form span {
  font-size: 9px;
}

.page-rooms-detail .section-room-select .list-room-select li .img-photo {
  float: left;
  flex:none;
  width: 132px;
  height: 164px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.page-rooms-detail .section-room-select .list-room-select li .wrap-image {position:relative; border-radius:5px; overflow:hidden;}
.page-rooms-detail .section-room-select .list-room-select li .wrap-image .ui-best {position:absolute;bottom:0; left:0; right:0; padding:3px 0; color:#fff; font-size:11px; text-align:center; background-color:rgba(0,0,0,0.3);}
.page-rooms-detail .section-room-select .list-room-select li .area-link {
  
    display:flex;
    align-items:flex-start;
    justify-content: flex-end;
    margin:5px 0 0 0;

}
.page-rooms-detail .section-room-select .list-room-select li .area-link .wrap-badge {display:flex; flex-wrap:wrap;}
.page-rooms-detail .section-room-select .list-room-select li .area-link .wrap-badge [class^="badge-"] {
  display:inline-block;
  border-radius:16px;
  padding:1px 6px;
  font-size:10px;
  font-weight:600;
  line-height:16px;
  margin:2px;

}
.page-rooms-detail .section-room-select .list-room-select li .area-link .wrap-badge .badge-sale {
  border:1px solid #FF6A29;
  background-color:#FFF3EB;
  color:#FF6A29;
}
.page-rooms-detail .section-room-select .list-room-select li .wrap-badge {
  display:flex;
  margin:5px 0 0 0;

}
.page-rooms-detail .section-room-select .list-room-select li .wrap-badge .badge-sale {padding: 0 5px; font-size: 10px; line-height: 18px; color: #ff6a29; border: 1px solid #ff6a29; border-radius: 50px;
}
.page-rooms-detail .section-room-select .list-room-select li .badge-event { display:inline-block;
  padding: 2px 8px;
  margin-bottom:6px;
  margin-right:auto;
  font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 16px;
border:1px solid #E8E8E8;
border-radius:5px;
color:#111;
} 
.page-rooms-detail .section-room-select .list-room-select li .img-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;;
}
.page-rooms-detail .section-room-select .list-room-select li .wrap-photo {position:relative; border-radius:5px; overflow:hiddn;}
.page-rooms-detail .section-room-select .list-room-select li .wrap-photo .ui-best {position:absolute; bottom:0; left:0; right:0;
  background-color:rgba(0,0,0,0.4);
  color:#fff;
  padding:3px 0;
  font-size:12px;
  text-align:center;
}

.page-rooms-detail .section-room-select .list-room-select li .room-detail {
    display:flex;
    flex-direction: column;
  position:relative;
  width: calc(100% - 132px);
  padding-left: 11px;
  overflow: hidden;
}
.page-rooms-detail .section-room-select .list-room-select li .txt-link {
  flex:none;

  font-size:12px;
  font-weight:normal;
  background-color: #ff6a29;
  color:#fff;
  padding: 6px 13px; border-radius: 4px;
}

.page-rooms-detail .section-room-select .list-room-select li .room-discount-info {
  position:absolute;
  bottom:0;
  right:48px;
  font-size:10px;
  font-weight:normal;
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.page-rooms-detail .section-room-select .list-room-select li .room-discount-info span {
  background-color: #ff6a29;
  color: #fff;
  display: block;
  border-radius: 2px;
  text-align: center;
  padding: 1px 3px;


}
.page-rooms-detail .section-room-select .list-room-select li .room-detail .txt-title {
  padding-bottom: 6px;
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 24px;
}

.page-rooms-detail .section-room-select .list-room-select li .room-detail .txt-det {
  padding: 0 0 0 0;
    flex:auto;
    height:100%;
  color: #8e8e8e;
  font-size: 12px;
  line-height: 20px;
}

.page-rooms-detail .section-room-select .list-room-select li .room-detail .txt-price {
  padding-top: 16px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.page-rooms-detail .section-room-select .list-room-select li .room-detail .txt-status {
  font-size: 10px;
  color: #ff6a29;
}

.page-rooms-detail .section-room-select .list-room-select li .room-detail .icon { display: flex; flex-wrap: wrap; gap: 5px; padding: 12px 0 0 0; }
.page-rooms-detail .section-room-select .list-room-select li .room-detail .icon span { padding: 0 5px; font-size: 10px; line-height: 18px; color: #ff6a29; border: 1px solid #ff6a29; border-radius: 50px; }
.page-rooms-detail .section-room-select .component-btn-solid {
  margin:24px 0 0 0;
}
.page-rooms-detail .section-room-select .list-room-select li + li {
  border-top: 1px solid #efedf0;
  margin-top: 15px;
  padding-top: 30px;
}

.page-rooms-detail .section-rule {
  padding: 40px 24px 0 24px;
}

.page-rooms-detail .section-rule .txt-label {
  padding-bottom: 12px;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: bold;
}

.page-rooms-detail .section-rule .list-rule li {
  color: #504e4d;
  font-size: 12px;
  line-height: 20px;
}
.page-rooms-detail .section-rule .list-rule li.type-strong {
  color:#FF6A29;
}
.page-rooms-detail .section-rule .list-rule li a {
  color:#FF6A29;
}

.page-rooms-detail .section-rule .list-rule li:before {
  display: inline-block;
  margin: 8px 5px 0 0;
  width: 3px;
  height: 3px;
  background-color: #504e4d;
  vertical-align: top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  content: '';
}

.page-rooms-detail .section-service {
  position: relative;
  padding: 40px 24px 26px 24px;
  border-bottom:8px solid #EFEDF0;
}

.page-rooms-detail .section-service .wrap-service + .wrap-service {
  padding-top: 40px;
}
.page-rooms-detail .section-rule .txt-label .tag-import,
.page-rooms-detail .section-service .txt-label .tag-import {
  border: 1px solid #FF6A29;
  border-radius: 16px;
  line-height:16px;
  font-size:10px;
  color:#FF6A29;
  display:inline-block;
  padding:0 6px;
  vertical-align:top;
  margin-left:6px;
  font-weight:normal;
}
.page-rooms-detail .section-service .txt-label {
  padding-bottom: 12px;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: bold;
}
.page-rooms-detail .section-service .txt-label .icon-local {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  margin-right: 4px;
  height: 16px;
  vertical-align: top;
  background: url(../images/icon-with-local.svg) no-repeat;
}
.page-rooms-detail .section-service .swiper.slide-photo {overflow: hidden;}
.page-rooms-detail .section-service .swiper-slide.type-slide{
  width:132px;

}
.page-rooms-detail .section-service .swiper-slide.type-slide img {
  width:135px;
  height:90px;
}
.page-rooms-detail .section-service .swiper-slide {
  width:135px !important;
}
.page-rooms-detail .section-service .swiper-slide a {
  display:block;
}
.page-rooms-detail .section-service .swiper-slide img {
  display:block;
  width:135px;
  height:90px;
  border-radius:5px;
}
.page-rooms-detail .section-service .room-summary {
  width:100%;
  height:100%;
  padding: 0;
}
.page-rooms-detail .section-service .room-summary .summary-name {
  padding:6px 0 2px 0;
  font-size:16px;
  color:#1B1B1B;

}
.page-rooms-detail .section-service .room-summary .summary-det {
  font-size: 12px;
  line-height: 20px;
  color: #8E8E8E;
}
.page-rooms-detail .section-service .room-summary .img-photo {
}
.page-rooms-detail .section-service .room-summary .img-photo span.txt-data {
  display:block;
  text-align:center;
  font-size: 12px;
  color: #1b1b1b;
  padding:3px 0 0 0;
}
.page-rooms-detail .section-service .service-photo {
  width: 112px;
  height: 112px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.page-rooms-detail .section-service .service-photo img {
  width: 100%;
  height: 100%;
}

.page-rooms-detail .section-service .room-summary-title {
  color: #504e4d;
  font-size: 12px;
  padding: 5px 0 0;
  text-align: center;
  display:none;

}
.page-rooms-detail .section-traveler {
  position: relative;
   padding: 40px 24px 26px 24px; 
  border-bottom:8px solid #EFEDF0;
  overflow: hidden;
}
.page-rooms-detail .section-traveler .ui-title {
  padding-bottom: 12px;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: bold;
  position: relative;
}
.page-rooms-detail .section-traveler .traveler-title-info {
  font-size: 12px; line-height: 20px; color: #504E4D;
  overflow: hidden; font-weight: 400;
}
.page-rooms-detail .section-traveler .ui-title a {
  font-size: 12px; line-height: 20px; color: #302f2e;
  font-weight: 400; text-decoration: underline;
  position: absolute; top: 25%; transform: translateY(-50%); right: 0;
}
.page-rooms-detail .section-traveler .slide-traveler {overflow: visible !important; margin-bottom: 35px;}
.page-rooms-detail .section-traveler .slide-traveler .swiper-slide {
  //width: 145px !important;
  //height: 187px !important;
  padding: 10px;
  width: 100%;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 7%), 0 4px 20px 0 rgb(0 0 0 / 6%);
}
.page-rooms-detail .section-traveler .slide-traveler .swiper-slide a,
.page-rooms-detail .section-traveler .slide-traveler .swiper-slide a > div {
  width: 100%;
}
.page-rooms-detail .section-traveler .slide-traveler .swiper-slide .traveler-summary-title {
  font-size: 14px; line-height: 22px; text-align: center; color: #1b1b1b;
  width: calc(100% - 2px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


.page-rooms-detail .section-location {
  position: relative;
  padding: 30px 24px 140px 24px;
}

.page-rooms-detail .section-traveler .section-location {
  padding: 30px 0 100px 0;
}
.page-rooms-detail .section-location .txt-label {
  padding-bottom: 12px;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: bold;
}

.page-rooms-detail .section-location .txt-address {
  padding-bottom: 12px;
  color: #504e4d;
  font-size: 12px;
}

.page-rooms-detail .section-location .area-map {
  height: 220px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}
.page-rooms-detail .section-movie {
  padding:12px 24px 18px 24px;
  border-bottom:8px solid #EFEDF0;
}
.page-rooms-detail .section-movie .area-movie {
  height:206px;
}
.page-rooms-detail .section-movie .area-movie .html5-video-player {height: 206px;}
.page-rooms-detail .section-movie .area-movie iframe {
  width:100%;
}
.page-rooms-detail .section-movie .txt-label {
  color: #1B1B1B;
  font-size:14px;
  font-weight:bold;
  padding-left:9px;
  padding-bottom:6px;
}

.page-rooms-detail .section-review {
  position: relative;
  padding: 40px 24px 0 24px;
}
.page-rooms-detail .section-traveler .section-review {padding: 0}
.page-rooms-detail .section-review .btn-more {
  position: absolute;
  top: 0px;
  right: 24px;
  color: #6f6f6f;
  font-size: 12px;
  text-decoration:underline;
  z-index: 99;
}
.page-rooms-detail .section-review .first_review {  
  position: relative;  
  color: #504e4d;
  line-height: 20px;
  font-size: 12px;
  padding-left: 15px;
}
.page-rooms-detail .section-review .first_review span {
  color: #FF6A29;

}  

.page-rooms-detail .section-review .first_review::before {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #504e4d;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}
.page-rooms-detail .section-review .txt-label {
  padding-bottom: 12px;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: bold;
}

.page-rooms-detail .section-review .box-review {
  padding: 16px;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position:relative;
}

.page-rooms-detail .section-review .box-review:after {
  display: block;
  clear: both;
  content: '';
}

.page-rooms-detail .section-review .box-review .icon-instar {
  display:none;
  /*원래 inline-block*/
  position:absolute;
  top:16px;
  right:16px;
  width:24px;
  height:24px;
  background:url(../images/icon-instar.svg) no-repeat;
}
.page-rooms-detail .section-review .box-review .review-writer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -webkit-align-items: center;
}

.page-rooms-detail .section-review .box-review .review-writer .writer-photo {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.page-rooms-detail .section-review .box-review .review-writer .writer-photo img {
  width: 100%;
  height: 100%;
}

.page-rooms-detail .section-review .box-review .review-writer .data-writer .data-name {
  display: block;
  font-size: 14px;
  color: #1b1b1b;
  line-height: 22px;
  font-weight: bold;
}

.page-rooms-detail .section-review .box-review .review-writer .data-writer .data-day {
  display: block;
  font-size: 12px;
  color: #808080;
  line-height: 20px;
}

.page-rooms-detail .section-review .box-review .data-review {
  padding: 12px 0 0 0;
  display:flex; flex-direction:column;
}
.page-rooms-detail .section-review .box-review .data-review .wrap-photo {
  overflow:hidden;
  margin:0 -2px;
}
.page-rooms-detail .section-review .box-review .data-review .review-photo {
  float: left;
  width: 25%;
  height: 72px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding:0 2px;
}

.page-rooms-detail .section-review .box-review .data-review .review-photo img {
  width: 100%;
  height: 100%;
}

.page-rooms-detail .section-review .box-review .data-review .txt-review {
  overflow: hidden;
  font-size: 14px;
  color: #1b1b1b;
  line-height: 22px;
  margin:12px 0 0 0;
  display:-webkit-box;
  word-wrap:break-word;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
.page-rooms-detail .section-review .box-review .data-review .data-button {
  text-align:center;
  padding:9px 0 0 0;
}
.page-rooms-detail .section-review .box-review .data-review .data-button .btn-line {
  display:inline-block;
  width:100%;
  line-height:36px;
  text-align:center;
  background: #FFFFFF;
  font-size:12px;
  /* grayscale/200 */

  border: 1px solid #EFEDF0;
  box-sizing: border-box;
  border-radius: 8px;
  font-size:14px;
  color:#1B1B1B;
}

.page-rooms-detail .section-room-detail {
  padding: 30px 24px 20px 24px;
  border-bottom:8px solid #EFEDF0;
}
.page-rooms-detail .section-traveler .section-room-detail {padding: 20px 0px;}

.page-rooms-detail .section-room-detail .list-tabs {
  overflow: hidden;
}

.page-rooms-detail .section-room-detail .list-tabs li {
  float: left;
  margin-right: 16px;
}

.page-rooms-detail .section-room-detail .list-tabs li[aria-selected="true"] a {
  color: #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
  font-weight:bold;
}

.page-rooms-detail .section-room-detail .list-tabs li a {
  display: block;
  padding-bottom: 8px;
  font-size: 14px;
  color: #c6c4c8;
}

.page-rooms-detail .section-room-detail .list-room-detail {
  padding: 15px 0 0 0;
}
.page-rooms-detail .section-room-detail .list-room-detail.type-none li {
  padding-left:0;
}
.page-rooms-detail .section-room-detail .list-room-detail.type-none li:before {
  display:none;
}
.page-rooms-detail .section-room-detail .list-room-detail li {
  position: Relative;
  padding-left: 15px;
  line-height: 20px;
  color: #504e4d;
  font-size: 12px;
}

.page-rooms-detail .section-room-detail .list-room-detail li:before {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #504e4d;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.page-rooms-detail .room-cancel-info p {
  padding: 0 0 4px 15px;
  color:#F14E08
}
.page-rooms-detail .room-cancel-info p::before { 
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #504e4d;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;}
.fix-calen {
  position: fixed;
  right: 0;
  bottom: 0;
  height: 74px;
  padding: 0 24px;
  width: 414px;
  left: 50%;
  margin-left: 337px;
  background-color: #fff;
  z-index: 10;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.02);
}

.page-rooms-detail .popup-local-select {
  position: absolute;
  top:50px;
}

.fix-calen.is-selected .data-calen {
  text-decoration: underline;
  display:block;
  width:100%;
}
.fix-calen.is-selected .data-calen input {
  display:block;
  border:none;
  width:100%;
  font-size:14px;
  color:#1b1b1b;
  text-decoration: underline;
}
.fix-calen .data-calen {
  font-size: 14px;
  color: #1b1b1b;
}

.fix-calen .btn-solid {
  display: inline-block;
  margin-left: auto;
  width: 148px;
  line-height: 46px;
  background-color: #1b1b1b;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.fix-calen .option_btn {
  position: absolute;
  z-index: 11; right: 24px;
  top:14px;
  text-align: center;
  width: 100px;

}

.fix-calen .btn-solid.open  {display: inline-block;}
.fix-calen .btn-solid.hide  {display: none;}

.fix-calen .btn-solid.type-full {
  width: 100%;
}
.fix-calen .btn-solid.type-half {
  width: 75%;
}
.fix-calen .heart-btn {
  display: inline-block;
    width: 24px;
    height: 24px;
    margin-left:10px;
    background: url(../images/heart.svg) no-repeat center center/cover;
}
.fix-calen input[type="checkbox"] {display: none;}
.fix-calen #like-btn:checked ~ .heart-btn {background: url(../images/heart-fill.svg) no-repeat center center/cover;}
.pay_btn-02 {
  display: block;
  margin: 0 auto;
  width: 120px;
  margin-top: 30px;
  line-height: 46px;
  background-color: #1b1b1b;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .fix-calen {
    left: 0;
    margin: 0;
    width: 100%;
  }
}

/****************************************************************************
   Page : Rooms View
***************************************************************************/
.page-rooms-view .layout-container {
  padding: 6px 24px 155px 24px;
}

.page-rooms-view .table-cancel {
  margin:16px 0 12px 0;
  width:100%;
}
.page-rooms-view .table-cancel tr td {
  padding:4px 0;
  text-align:center;
  color:#302F2E;
  font-size:12px;
  border:1px solid #000000;
}
.page-rooms-view .table-cancel.type-cancel tr td {
  color:#D64102;
}

.page-rooms-view .list-cancel-info li {
  font-size:11px;
  color:#FF6A29;
}
.page-rooms-view .list-cancel-info li .txt-dot {
  display:block;
  font-size:11px;
  color:#FF6A29;
  position: Relative;
  padding-left: 20px;

}
.page-rooms-view .list-cancel-info li .txt-dot:before {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 2px;
  height: 2px;
  background-color: #FF6A29;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.page-rooms-view .list-info li {
  position: Relative;
  padding-left: 15px;
  line-height: 20px;
  color: #504e4d;
  font-size: 12px;
  letter-spacing:-1px;
}
.page-rooms-view .list-info.type-info li {
  text-decoration:underline;
}
.page-rooms-view .list-info.type-info li span.txt-info {
  color:#FF6A29;
}
.page-rooms-view .list-info li:before {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #504e4d;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-rooms-view .section-room-summary {
  position: relative;
  padding-bottom: 40px;
}

.page-rooms-view .section-room-summary .room-summary {
  position: relative;
}
.page-rooms-view .section-room-summary .area-room {position:relative;}
.page-rooms-view .section-room-summary .area-room .tag-event {position:absolute; top:9px; right:9px; display:flex; z-index:10;}
.page-rooms-view .section-room-summary .area-room .tag-event [class^="tag-event"] {position:relative; color:#FFF; font-size:10px; font-weight:500; line-height:12px; align-items: center; text-align:center; z-index:10; cursor:pointer;}
.page-rooms-view .section-room-summary .area-room .tag-event .event-more {display:inline-block; width:16px; height:16px;background:url(../images/event-more.svg) no-repeat ; position:absolute; top:0; right:0;}
.page-rooms-view .section-room-summary .area-room .tag-event [class^="tag-event"] + [class^="tag-event"] {margin-left:-6px; position:relative; z-index:9;}
.page-rooms-view .section-room-summary .area-room .tag-event .tag-event01 {display:flex;justify-content:center; width:47px; height:47px; background:url(../images/tag-event01.svg) no-repeat ;}
.page-rooms-view .section-room-summary .area-room .tag-event .tag-event02 {display:flex;justify-content:center; width:44px; height:44px; background:url(../images/tag-event02.svg) no-repeat ;}




.page-rooms-view .section-room-summary .room-summary .calen-select {
  padding:24px 0 0 0;
}
.page-rooms-view .section-room-summary .room-summary .calen-select .txt-label {
  font-weight: 700;
  font-size: 14px;
  padding-bottom:12px;
}
.page-rooms-view .section-room-summary .room-summary .calen-select .txt-label-date {
  margin-top: -15px;
}
.page-rooms-view .section-room-summary .room-summary .form-calen {
  display: block;
  overflow:hidden;
  position: relative;
  padding-left: 48px;
  margin-bottom:9px;
  border: 1px solid #efedf0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
}


.page-rooms-view .section-room-summary .room-summary .form-calen .btn-calen {
  background:url("../images/petel_sprite.svg") no-repeat;
  background-position: 88.67924528301887% 61.53846153846154%;
}

.page-rooms-view .section-room-summary .room-summary .form-calen .btn-calen {

  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-room-summary .room-summary .form-calen .data-calen input {
  display:block;
  border:none;
  width:100%;
  line-height:42px;
}



.page-rooms-view .section-room-summary .room-summary .img-photo {
  display: block;
  width: 100%;
  height: 199px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
}

.page-rooms-view .section-room-summary .room-summary .img-photo img {
  width: 100%;
  height: 100%;
}

.page-rooms-view .section-room-summary .room-summary .txt-title {
  padding: 16px 0 12px 0;
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-rooms-view .section-room-summary .room-summary .list-detail li {
  color: #504e4d;
  font-size: 12px;
  line-height: 20px;
}

.page-rooms-view .section-room-summary .room-summary .list-detail li + li {
  margin-top: 3px;
}

.page-rooms-view .section-room-summary .room-summary .wrap-total {
  padding: 15px 0 0 0;
  margin-top: 16px;
  border-top: 1px solid #efedf0;
}


.page-rooms-view .section-room-summary .room-summary .wrap-total .link-coupon {
  border-radius:6px;
  height:40px;
  display:flex;
  align-items: center;
  padding:10px 12px;
  background-color:#F9F8FA;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .link-coupon .label-link {
  color:#302F2E;
  font-size:12px;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .link-coupon + .link-coupon {
  margin-top:12px;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .link-coupon .data-link {
  color:#8E8E8E;
  font-size:12px;
  margin-left:auto;
  display:flex;
  align-items: center;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .link-coupon .data-link:after {
  display:inline-block;
  width:16px;
  height:16px;
  background:url(../images/link-view.svg) no-repeat;
  background-size:100% 100%;
  content:'';
}

.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total .view-coupon {display:flex; align-items: center;}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total .view-coupon .component-radio {display:inline-flex; align-items: center;}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total .link-view {
  color:#8E8E8E;
  font-size:12px;
  margin-left:auto;
  display:flex;
  align-items: center;
}

.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total .link-view:after {
  display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/link-view.svg) no-repeat;
    background-size:100% 100%;
    content:'';

}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total {
  overflow: hidden;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total-option {
  padding-top: 20px;

}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total-option .total-title {float: none; margin-bottom: 7px; display: block;}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total-option ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total-option strong{
  font-weight: 300;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total-option ul li span {
  color: #1b1b1b;
  font-weight: bold;
  font-size: 16px;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .data-total-option ul li button {
  border: 1px solid #ccc;
  padding: 1px 5px; margin-left: 3px;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .total-title {
  float: left;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .discount_box .total-title {
  float: none;
 margin-bottom: 7px; display: block;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .discount_box .total-title span {
  display: inline-block;
  padding: 2px 10px;
  margin-left: 10px;
  border: 1px solid #ff6a29;
  color: #ff6a29;
  border-radius: 10px;

}
.page-rooms-view .section-room-summary .room-summary .wrap-total .discount_box ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .discount_box ul li strong{
  font-weight: 300;
  color: #f00;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .discount_box ul li span {
  color: #f00;
  font-weight: bold;
  font-size: 16px;
}
.page-rooms-view .section-room-summary .room-summary .wrap-total .total-price {
  float: right;
  color: #1b1b1b;
  font-weight: bold;
  font-size: 16px;
}

.page-rooms-view .section-room-summary .room-summary .wrap-total .price-info {
  padding: 2px 0 0 0;
  font-size: 11px;
  color: #ff6a29;
  text-align: right;
}

.page-rooms-view .section-room-summary .swiper-button-prev,
.page-rooms-view .section-room-summary .swiper-button-next {
  position: absolute;
  top: 88px;
  right: 0;
  left: initial;
  margin: 0;
  background-color: rgba(27, 27, 27, 0.7);
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-room-summary .swiper-button-prev:after,
.page-rooms-view .section-room-summary .swiper-button-next:after {
  display: none;
}

.page-rooms-view .section-room-summary .swiper-button-prev {
  right: initial;
  left: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.page-rooms-view .section-facility {
  padding: 0 0;
}

.page-rooms-view .section-facility + .section-facility {
  margin-top: 32px;
}

.page-rooms-view .section-facility .txt-title {
  padding: 0 0 12px 0;
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-rooms-view .section-facility .txt-info {
  font-size: 12px;
  line-height: 20px;
  color: #302f2e;
}

.page-rooms-view .section-facility .list-info li {
  position: Relative;
  padding-left: 15px;
  line-height: 20px;
  color: #504e4d;
  font-size: 12px;
}

.page-rooms-view .section-facility .list-info li:before {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #504e4d;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-rooms-view .section-facility .list-info.type-info li {
  text-decoration: underline;
}

.page-rooms-view .section-facility .list-facility {
  display:flex;
  flex-flow:wrap;
}

.page-rooms-view .section-facility .list-facility:after {
  display: block;
  clear: both;
  content: '';
}

.page-rooms-view .section-facility .list-facility li {
  padding:0 5px;
  width:20%;
  float:left;
}

.page-rooms-view .section-facility .list-facility li .summary-facility {
  display: inline-block;
}

.page-rooms-view .section-facility .list-facility li .area-image {
  display: inline-block;
  position: relative;
  width: 56px;
  height: 56px;
  background-color: #F9F8FA;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.page-rooms-view .section-facility .list-facility li .area-image img {
  width:100% !important;
  height:100% !important;
}
.page-rooms-view .section-facility .list-facility li .area-image:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  content: '';
}

.page-rooms-view .section-facility .list-facility li .area-image.type-board:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .area-image.type-tableware:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .area-image.type-shampoo:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .area-image.type-bed:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .area-image.type-netflix:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .area-image.type-strongbox:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .area-image.type-bluetooth:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .area-image.type-dryer:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .area-image.type-computer:before {
  display: inline-block;
  vertical-align: top;
}

.page-rooms-view .section-facility .list-facility li .txt-det {
  padding: 6px 0 0 0;
  display: block;
  color: #1b1b1b;
  font-size: 12px;
  text-align: center;
  white-space:nowrap;
}


.page-rooms-view .section-room-summary .option_box {
  padding-top: 40px;
}


/* .page-rooms-view .section-room-summary .option_box {
  position: fixed;
  left:50%;
  width: 414px;
  margin: 0 0 0 337px;
  bottom: 74px;
z-index: 99;
 background-color: #fafafa;
 overflow-y: scroll;
 height: 45vh;
 padding: 10px 24px;
 border-top-right-radius: 20px;
 border-top-left-radius: 20px;
 transition: all .4s;
 display: none;

} */


.page-rooms-view .section-room-summary .option_box .option_close {
  text-align: right;
  
}

.page-rooms-view .section-room-summary .room-summary .option_box .calen-select {
  padding: 5px 0 0 0;
}

.page-rooms-view .section-room-summary .option_box.open {

  display: block;

}

.option_content li strong span {display: none;}
/****************************************************************************
   Popup : Rooms Detail
***************************************************************************/
.popup-room-detail {
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 414px;
  margin-left: -207px;
  background-color: #000;
  z-index: 50;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: colum nowrap;
  align-items: center;
  -webkit-align-items: center;
}

.popup-room-detail .btn-popup-close {
  position: absolute;
  top: 16px;
  right: 24px;
  display: inline-block;
  vertical-align: top;
}

.popup-room-detail .box-room-detail {
  font-size: 12px;
  color: #ffffff;
  width:100%;
}

.popup-room-detail .area-photo {
  width:100%;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.popup-room-detail .area-photo .swiper-button-prev,
.popup-room-detail .area-photo .swiper-button-next {
  background:url("../images/petel_sprite.svg") no-repeat;
  background-position: 72.27272727272727% 56.8421052631579%;
}

.popup-room-detail .area-photo .swiper-button-prev,
.popup-room-detail .area-photo .swiper-button-next{
  width: 16px;
  height: 16px;
}


.popup-room-detail .area-photo .swiper-button-prev,
.popup-room-detail .area-photo .swiper-button-next {
  position: absolute;
  top: 126px;
  right: 0;
  left: initial;
  margin: 0;
  background-color: rgba(27, 27, 27, 0.7);
  display: inline-block;
  vertical-align: top;
}

.popup-room-detail .area-photo .swiper-button-prev:after,
.popup-room-detail .area-photo .swiper-button-next:after {
  display: none;
}

.popup-room-detail .area-photo .swiper-button-prev {
  right: initial;
  left: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.popup-room-detail .area-photo img {
  width: 100%;
}

.popup-room-detail .txt-det {
  padding: 24px 24px;
  font-size: 12px;
  color: #ffffff;
}

.popup-room-detail .room-summary-title {
  color:#fff;
  font-size:14px;
  margin: 10px 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .popup-room-detail {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
  }
}

.popup-review-detail .area-photo .swiper-button-prev, .popup-review-detail .area-photo .swiper-button-next {top: 50%;}
.popup-review-detail .swiper-slide {height: auto !important;}
.popup-review-detail .swiper-wrapper {align-items: center;}
.popup-review-detail .btn-popup-close {z-index: 99;}
/***************************************************************************************
   Popup : Calen
***************************************************************************************/
.box-calen {
  position: relative;
  width: 100%;
  height: 609px;
  max-width: 350px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

.box-calen .ui-calen {
  padding: 39px 32px 32px 32px;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  overflow: auto;
}

.box-calen .data-month {
  font-size: 24px;
  color: #1b1b1b;
  margin-top: 60px;
  font-weight: 500;
}

.box-calen .data-month:first-of-type {
  margin-top: 0;
}

.box-calen .arrow-page {
  position: absolute;
  right: 45px;
  top: 47px;
}

.box-calen .arrow-page .btn-next,
.box-calen .arrow-page .btn-prev {
  display: inline-block;
  vertical-align: top;
}

.box-calen .arrow-page .btn-prev {
  margin-right: 25px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.box-calen .wrap-table {
  margin: 0 -10px;
}

.box-calen table.table-calen {
  margin: 23px 0 0 0;
}

.box-calen table.table-calen tr th {
  font-size: 16px;
  color: #6f6f6f;
  font-weight: normal;
}

.box-calen table.table-calen tr th:nth-child(7) {
  color: #5D5FEF !important;
}

.box-calen table.table-calen tr th:nth-child(1) {
  color: #FF6A29 !important;
}

.box-calen table.table-calen tr td {
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.box-calen table.table-calen tr td:nth-child(7) a {
  color: #5D5FEF !important;
}

.box-calen table.table-calen tr td:nth-child(1) a {
  color: #FF6A29 !important;
}

.box-calen table.table-calen tr td.is-prev a {
  color: #AEADB0 !important;
}

.box-calen table.table-calen tr td.is-last a, .box-calen table.table-calen tr td.is-first a {
  background-color: #1b1b1b;
  color: #fff !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.box-calen table.table-calen tr td.is-first:before {
  position: absolute;
  top: 0;
  left: 50%;
  height: 40px;
  right: 0;
  background-color: #efedf0;
  content: '';
}

.box-calen table.table-calen tr td.is-last:before {
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  right: 50%;
  height: 40px;
  background-color: #efedf0;
  content: '';
}

.box-calen table.table-calen tr td.is-select a {
  background-color: #efedf0;
}

.box-calen table.table-calen tr td .data-price {
  position: relative;
  text-align: center;
  display: block;
  font-size: 8px;
  color: #6f6f6f;
  z-index: 1;
  letter-spacing: -0.5px;
}

.box-calen table.table-calen tr td a {
  display: inline-block;
  position: relative;
  max-width: 40px;
  width: 100%;
  height: 40px;
  color: #1b1b1b;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}

.box-calen .calen-buttons {
  padding: 35px 32px 20px 32px;
  text-align: right;
}

.box-calen .calen-buttons .btn-txt {
  margin-left: 40px;
  font-size: 14px;
  color: #1b1b1b;
}



/***************************************************************************************
   Page : Payment Detail
***************************************************************************************/
.page-payment-detail.popup-detail {
  display:none;
  position:fixed;
  bottom:0;
  top:0;
  left:50%;
  margin-left:-207px;
  width:414px;
  z-index:100;
  background-color:#fff;
  flex-direction:column;

}


.page-payment-detail .top-payment {
  overflow:hidden;
  padding:31px 0 12px 0;

}
.page-payment-detail .layout-container {
  padding:0 24px;
}
.page-payment-detail .top-payment:first-of-type {
  padding-top:16px 0 0 0;
}
.page-payment-detail .top-payment .txt-title {
  float:left;
  font-size:16px;
  color:#1B1B1B;

}
.page-payment-detail .top-payment .data-way {
  float:right;
  font-size:16px;
  color:#1B1B1B;

}
.page-payment-detail .table-default tr th {
  padding:4px 10px;
  border:1px solid #000000;
  font-size:12px;
  color:#000;
  font-weight:normal;
  text-align:left;

}
.page-payment-detail .table-default tr td {
  padding:4px 10px;
  border:1px solid #000000;
  font-size:12px;
  color:#000;
}
.page-payment-detail .txt-dot {
  margin:20px 0 0 0;

  font-size:12px;
  color:#302F2E;
  text-decoration:underline;
}
.page-payment-detail .txt-dot:before {
  position:relative;
  display:inline-block;
  width:4px;
  height:4px;
  border-radius:50%;
  background-color:#302F2E;
  content:'';
  margin-right:4px;
}
.page-payment-detail .ui-buttons {
  padding:45px 0 30px 0;
  text-align:center;
}
.page-payment-detail .ui-buttons button {
  display:inline-block;
  width:200px;
}


/***************************************************************************************
   Page : Payment
***************************************************************************************/
.page-payment .layout-container {
  padding: 8px 24px 40px 24px;
}

.page-payment .section-checkin {
  position: relative;
  margin: 0 -24px;
  padding: 0 24px 32px 24px;
  border-bottom: 1px solid #efedf0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}

.page-payment .section-checkin .box-check {
  float: left;
  padding: 12px 0 12px 43px;
  margin-right: 5px;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  background-color: #f9f8fa;
}

.page-payment .section-checkin .box-check + .box-check {
  padding-left: 0;
  padding-right: 43px;
  margin-left: 5px;
  margin-right: 0;
}

.page-payment .section-checkin .box-check .check-title {
  font-size: 12px;
  color: #8e8e8e;
  font-weight: 500;
}

.page-payment .section-checkin .box-check .check-day {
  font-size: 14px;
  color: #1b1b1b;
  line-height: 22px;
  font-weight: 500;
}

.page-payment .section-checkin .area-nights {
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -16px;
  width: 33px;
  line-height: 24px;
  background-color: #ffffff;
  text-align: center;
  font-size: 11px;
  color: #000000;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.page-payment .section-reservation-info {
  padding: 30px 0 31px 0;
  border-bottom: 1px solid #f9f8fa;
}

.page-payment .section-reservation-info.type-info {
  margin: 0 -24px;
  padding: 30px 24px 31px 24px;
  border-bottom: 1px solid #f9f8fa;
}

.page-payment .section-reservation-info .txt-label {
  padding: 0 0 12px 0;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}
.page-payment .section-reservation-info .form-input .form-component+.form-component,

.page-payment .section-reservation-info .form-input .component-input + .component-input {
  margin-top: 12px;
}

.page-payment .section-reservation-info .table-info {
  margin-bottom: 18px;
}

.page-payment .section-reservation-info .table-info tr th {
  padding-bottom: 8px;
  font-size: 12px;
  color: #302f2e;
  text-align: left;
  font-weight: normal;
}

.page-payment .section-reservation-info .table-info tr td {
  padding-bottom: 8px;
  font-size: 12px;
  color: #302f2e;
  text-align: right;
}

.page-payment .wrap-way {
  padding: 36px 0 20px 0;
  border-bottom:1px solid #EFEDF0;
}

.page-payment .wrap-way .ui-way {
  padding-top:12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}


.page-payment .section-textarea {
  padding:19px 24px 0 24px;
  margin:0 -24px;

}
.page-payment .section-textarea .info-label {
  padding-bottom:12px;
}
.page-payment .section-textarea .ui-textarea {

}

.page-payment .section-textarea .ui-textarea .ui-placeholder {
  font-size: 12px; line-height:20px; margin-bottom: 10px;

}
.page-payment .section-textarea .ui-textarea .ui-placeholder b {color:#ff6a29}
.page-payment .section-textarea .ui-textarea textarea {
  display:block;
  width:100%;
  height:100px;
  padding:15px 10px;
  background: #F9F8FA;
  border-radius: 8px;
  border:none;
  line-height:22px;

}
.page-payment .section-textarea .ui-textarea textarea::placeholder {color: #ff6a29;}

.page-payment .section-pet {
  margin: 0 -24px;
  padding: 31px 24px;
  border-bottom: 1px solid #efedf0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -webkit-align-items: center;
}

.page-payment .section-pet .info-label {
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-payment .section-pet .btn-link-enter {
  margin-left: auto;
  font-size: 14px;
  color: #ff6a29;
  font-weight: 500;
}

.page-payment .section-pet .btn-link-enter:after {
  margin-left: 6px;
  content: '';
  vertical-align: top;
  display: inline-block;
  vertical-align: top;
}

.page-payment .section-price {
  margin: 0 -24px;
  padding: 31px 24px 31px 24px;
  border-bottom: 1px solid #efedf0;
}

.page-payment .section-price .txt-label {
  padding: 0 0 12px 0;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-payment .section-price .data-price {
  padding-bottom: 15px;
  overflow: hidden;
}

.page-payment .section-price .data-price .price-label {
  float: left;
  font-size: 12px;
  color: #302f2e;
}

.page-payment .section-price .data-price .price-num {
  color: #302f2e;
  font-size: 12px;
  float: right;
}

.page-payment .section-price .price-total {
  padding: 15px 0 0 0;
  border-top: 1px solid #f9f8fa;
  overflow: hidden;
}

.page-payment .section-price .price-total .total-label {
  font-size: 12px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-payment .section-price .price-total .total-num {
  float: right;
  font-size: 16px;
  color: #ff6a29;
  font-weight: bold;
}

.page-payment .section-price-select {
  padding: 31px 24px;
  margin: 0 -24px;
  border-bottom: 1px solid #efedf0;
}

.page-payment .section-price-select .txt-label {
  padding: 0 0 12px 0;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-payment .section-price-select .ui-way {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}

.page-payment .section-price-select #payNaver {
  background-color: #40B044;
  width: 100%; 
  padding: 5px 0 0px 0;
   color: #fff;
   line-height: 40px;
   margin-top: 15px;

}
.page-payment .section-price-select #payNaver  div{
  float: left; padding: 6px 0 0 13%;
}
.page-payment .section-price-select #payNaver img {
  display: inline; width:61px; 

}

.page-payment .section-price-select #payNaver p {
  display: inline; 
}
.page-payment .section-price-select #payNaver[aria-selected="true"] {
  background-color: #ffeee1;
  color: #ff6a29;
}

.page-payment .section-agree {
  padding: 31px 0;
}

.page-payment .section-agree .txt-label {
  padding: 0 0 12px 0;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-payment .section-agree .agree-det {
  padding-bottom: 40px;
}

.page-payment .section-agree .agree-det span {
  display: block;
  color: #302f2e;
  font-size: 12px;
}

.page-payment .section-agree .agree-det span + span {
  padding: 4px 0 0 0;
}

.page-payment .section-agree .list-agree {
  padding: 21px 0 0 32px;
}

.page-payment .section-agree .list-agree li {
  position: relative;
  padding-right: 20px;
}

.page-payment .section-agree .list-agree li + li {
  margin-top: 8px;
}

.page-payment .section-agree .list-agree li .btn-arrow {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: top;
}
.page-payment .section-agree .list-agree li .box-agree {
  background: #F9F8FA;
  border-radius: 6px;
  padding:10px 10px;
}
.page-payment .section-agree .list-agree li .arrow-show {
  display:none;
  margin:16px -20px 14px -20px;
}
.page-payment .section-agree .list-agree li .arrow-show.is-selected {
  display:block;
}
.page-payment .section-agree .list-box li {
  font-size:10px;
  line-height:22px;
  color:#000;
  padding-left:15px;
  position:relative;
}
.page-payment .section-agree .list-box li em {
  position:absolute;
  top:0;
  left:0;
  line-heihgt:22px;
}

.page-payment .btn-price {
  display: block;
  width: 100%;
  background-color: #000000;
  border: 1px solid #000;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.page-payment .btn-price:disabled {
  background-color: #f9f8fa;
  border: 1px solid #f9f8fa;
  color: #aeadb0;
}


.page-payment .table-cancel {
  margin:16px 0 12px 0;
  width:100%;
}
.page-payment .table-cancel tr td {
  padding:4px 0;
  text-align:center;
  color:#302F2E;
  font-size:12px;
  border:1px solid #000000;
}
.page-payment .table-cancel.type-cancel tr td {
  color:#D64102;
}

.page-payment .list-cancel-info li {
  font-size:11px;
  color:#FF6A29;
}
.page-payment .list-cancel-info li +li {
  margin-top:0 !important;
}
.page-payment .list-cancel-info li .txt-dot {
  display:block;
  font-size:11px;
  color:#FF6A29;
  position: Relative;
  padding-left: 20px;

}
.page-payment .list-cancel-info li .txt-dot:before {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 2px;
  height: 2px;
  background-color: #FF6A29;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.page-payment .list-info li {
  position: Relative;
  padding-left: 15px;
  line-height: 20px;
  color: #504e4d;
  font-size: 12px;
  letter-spacing:-1px;
}
.page-payment .list-info li span.txt-info {
  color:#FF6A29;

}
.page-payment .list-info li + li {
  margin-top:0 !important;
}

.page-payment .list-info li:before {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #504e4d;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.page-payment .list-info.type-info li {
  text-decoration:underline;

}

.page-payment .extra-title-info {
  font-size: 12px;
    line-height: 20px;
    margin: 0 0 10px 8px;

}
.page-payment .extra-info {
  font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 15px;
    padding-top:8px
}
.page-payment .extra-info2 {
    padding-top:0px;
   
}
.page-payment .extra-from {overflow: hidden;}
.page-payment .extra-from span {font-size: 14px; display: inline-block;line-height: 40px; width:100px;}
.page-payment .extra-from span.extra-title2 {line-height: 30px;}
.page-payment .extra-from .select-box {
  padding: 0 18px;
  background-color: #f9f8fa;
  float: right;
  width: calc(100% - 110px);
  line-height: 40px;
}
.page-payment .extra-from select {
  display: inline-block;
   width:100%;
    font-size: 14px;
    line-height: 40px;
    border: none;
    background: none;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}
.page-payment .extra-from input[type="checkbox"] {margin-right:5px; line-height: 40px;}

.page-payment .option-result {border-bottom:1px solid #EFEDF0}
.page-payment .option-result .wrap-total {margin-bottom: 30px;}

.page-payment .option-result .wrap-total .data-total {
  overflow: hidden;
}
.page-payment .option-result .wrap-total .data-total-option {
  padding-top: 20px;

}
.page-payment .option-result .wrap-total .data-total-option .total-title {float: none; margin-bottom: 7px; display: block;}
.page-payment .option-result .wrap-total .data-total-option ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.page-payment .option-result .wrap-total .data-total-option strong{
  font-weight: 300;
}
.page-payment .option-result .wrap-total .data-total-option ul li span {
  color: #1b1b1b;
  font-weight: bold;
  font-size: 16px;
}
.page-payment .option-result .wrap-total .data-total-option ul li button {
  border: 1px solid #ccc;
  padding: 1px 5px; margin-left: 3px;
}
.page-payment .option-result .wrap-total .total-title {
  float: left;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}
.page-payment .option-result .wrap-total .discount_box .total-title {
  float: none;
 margin-bottom: 7px; display: block;
}
.page-payment .option-result .wrap-total .discount_box .total-title span {
  display: inline-block;
  padding: 2px 10px;
  margin-left: 10px;
  border: 1px solid #ff6a29;
  color: #ff6a29;
  border-radius: 10px;

}
.page-payment .option-result .wrap-total .discount_box ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.page-payment .option-result .wrap-total .discount_box ul li strong{
  font-weight: 300;
  color: #f00;
}
.page-payment .option-result .wrap-total .discount_box ul li span {
  color: #f00;
  font-weight: bold;
  font-size: 16px;
}
.page-payment .option-result .wrap-total .total-price {
  float: right;
  color: #1b1b1b;
  font-weight: bold;
  font-size: 16px;
}

.page-payment .option-result .wrap-total .price-info {
  padding: 2px 0 0 0;
  font-size: 11px;
  color: #ff6a29;
  text-align: right;
}

/***************************************************************************************
   page : payment cancel
***************************************************************************************/
.list-payment-cancel {
  padding: 20px 24px;
}

.list-payment-cancel li {
  position: Relative;
  padding-left: 15px;
  line-height: 22px;
  color: #aeadb0;
  font-size: 14px;
}

.list-payment-cancel li:before {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #aeadb0;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
/***************************************************************************************
   popup : local select
**************************************
*************************************************/
.popup-local-select {
  position:relative;
  padding:32px 3px;
  display:flex;
  max-height:100%;
  flex-direction: column;
}
.popup-local-select .popup-contents {
  flex:auto;
  height:100%;
  overflow:auto;
}
.popup-local-select .popup-title {
  font-size:16px;
  color:#000000;
  font-weight:500;
  padding:0 32px 25px 32px;
}
.popup-local-select .wrap-page {
  margin:0;
  position:relative;
  left:initial;
  width:100%;
}
.popup-local-select .ui-room-select {
  padding:30px 32px 0 32px;
}
.popup-local-select .ui-room-select .form-search {
  display:flex;
}
.popup-local-select .ui-room-select .form-search .component-btn-solid {
  width:61px;
  margin-left:9px;
  flex:none;
}
.popup-local-select .ui-room-select .txt-label {
  padding:0 0 20px 0;
  font-size:16px;
  color:#000000;
  font-weight: 500;
}

.popup-local-select .pop-close {
  display:inline-block;
  width:18px;
  position:absolute;
  top:28px;
  right:28px;
  height:18px;
  background:url(../images/pop-close.svg) no-repeat;

}
.popup-local-select .wrap-list {
  padding:0 20px;
}
.popup-local-select .list-local {
  display:flex;
  flex-flow:wrap;
  border-bottom:1px solid #EFEDF0;

}
.popup-local-select .list-local li {
  float:left;
  display:flex;
  flex-flow:column;
  align-items: center;
  justify-content: center;
  width:33.3333%;
  margin-bottom:16px;
  cursor:pointer;
  position:relative;
}
.popup-local-select .list-local li label {
  display:inline-block;
  text-align:center;
}
.popup-local-select .list-local li span.txt-select {
  font-size:12px;
  color:#000000;
  display:block;
  text-align:center;

}
.popup-local-select .list-local li input {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  opacity:0;
}
.popup-local-select .list-local li input:checked + .img-select {
  border:1px solid #FF6A29;
}
.popup-local-select .list-local li input:checked + .img-select + span.txt-select {
  color:#FF6A29;
}
  /*.popup-local-select .list-local li.is-select .img-select {*/
/*  border:1px solid #FF6A29;*/
/*}*/
.popup-local-select .list-local li .img-select {
  width:60px;
  height:60px;
  border-radius:50%;
  border:1px solid #EFEDF0;
  display:flex;
  margin-bottom:6px;
  align-items: center;
  justify-content: center;

}
.popup-local-select .list-local li .img-select:before {
  display:inline-block;
  width:32px;
  height:32px;
  content:'';

}
.popup-local-select .list-local li .img-select.type-all:before {
  background:url(../images/img-local-all.svg) no-repeat;
}
.popup-local-select .list-local li .img-select.type-local01:before {
  background:url(../images/img-local01.svg) no-repeat;
}
.popup-local-select .list-local li .img-select.type-local02:before {
  background:url(../images/img-local02.svg) no-repeat;

}
.popup-local-select .list-local li .img-select.type-local03:before {
  background:url(../images/img-local03.svg) no-repeat;
}
.popup-local-select .list-local li .img-select.type-local04:before {
  display:inline-block;
  width:32px;
  height:22px;
  background:url(../images/img-local04.svg) no-repeat;
}
.popup-local-select .list-local li .img-select.type-local05:before {
  background:url(../images/img-local05.svg) no-repeat;
}
.popup-local-select .list-local li .img-select.type-local06:before {
  background:url(../images/img-local06.svg) no-repeat;
}
  /***************************************************************************************
     popup : history check
  ***************************************************************************************/
.popup-history-check {
  max-width: 352px;
}

.popup-history-check .popup-title {
  padding: 32px 32px 19px 32px;
  color: #1b1b1b;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #efedf0;
}

.popup-history-check .popup-contents {
  padding: 19px 32px 0 32px;
}

.popup-history-check .popup-contents .history-name {
  padding: 0 0 20px 0;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 22px;
}

.popup-history-check .popup-contents .area-checkin {
  padding: 0 0 40px 0;
  overflow: hidden;
}

.popup-history-check .popup-contents .area-checkin .ui-checkin {
  float: left;
  width: 50%;
}

.popup-history-check .popup-contents .area-checkin .ui-checkin .txt-check-label {
  font-size: 12px;
  color: #8e8e8e;
  font-weight: 500;
}

.popup-history-check .popup-contents .area-checkin .ui-checkin .data-check {
  font-size: 14px;
  color: #1b1b1b;
  line-height: 22px;
  font-weight: 500;
}

.popup-history-check .popup-contents .check-info li {
  position: Relative;
  padding-left: 15px;
  line-height: 20px;
  color: #aeadb0;
  font-size: 12px;
}

.popup-history-check .popup-contents .check-info li:before {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #aeadb0;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.popup-history-check .popup-contents .check-info li span {
  color: #ff6a29;
}

/***************************************************************************************
   Page : Pet Info
***************************************************************************************/
.page-pet-info .layout-container {
  padding: 20px 24px 0 24px;
}

.page-pet-info .section-pet-info {
  padding: 31px 0;
  border-bottom: 1px solid #f9f8fa;
}

.page-pet-info .section-pet-info:first-of-type {
  padding-top: 0;
}

.page-pet-info .section-pet-info:last-of-type {
  border-bottom: none;
}

.page-pet-info .section-pet-info .txt-label {
  padding: 0 0 16px 0;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-pet-info .section-pet-info .form-input {
  margin-bottom: 16px;
}

.page-pet-info .section-pet-info .form-input:last-of-type {
  margin-bottom: 0;
}



/***************************************************************************************
   Page : Find
***************************************************************************************/
.page-find .hd-member-info {
  background: linear-gradient(90deg, rgba(241,39,17,1) 0%, rgba(245,175,25,1) 100%);
  padding: 10px 15px;
}
.page-find .hd-member-info p {
  color: #fff; font-weight: 600; font-size: 13px; 
  text-align: center;
  line-height: 1.4em;
}
.page-find .layout-header .header-title {
  top: 0px;
}
.page-find .section-find {
  padding: 16px 24px 10px 24px;
}
.page-find .find-select .component-checkbox + .component-checkbox {
  margin-left:26px;
}
.page-find .section-find {
  padding: 16px 0 10px;
}
.page-find .section-find .section-find_banner {
  /*margin-top: 20px;*/
}
.page-find .section-find .section-find_banner .swiper-slide {
  width: calc(100% - 40px);
}

.page-find .section-find .map-search {
  display:flex;
  padding: 0 24px;
}
.page-find .section-find .calen-search{
  display:flex;
  padding: 16px 24px 20px;
}
.page-find .section-find .map-search .component-map {
  flex:auto;
}
.page-find .section-find .map-search .component-map .icon-local {display:inline-block; position:absolute; top:50%; left:16px; margin-top:-12px; width:24px; height:24px; background:url(../images/icon-map.svg) no-repeat;}
.page-find .section-find .map-search .component-btn-solid {
  flex:none;
  width:70px;
}
.page-find .section-find .form-check {
  display:flex;
  align-items: center;
  margin-bottom:20px;
  padding: 0 24px;
}
.page-find .section-find .form-check .component-checkbox + .component-checkbox {margin-left:24px;}

.page-find .section-find .component-calen {
  flex:auto;
  width:100%;
}
.page-find .section-find .component-btn-solid {
  width:70px;
  line-height:44px;
  height:44px;
  margin-left:7px;
  font-size:12px;
  flex:none;
}

.page-find .section-find .find-buttons {
  padding: 32px 0 0 0;
  width:100%;
}
.page-find .section-find .find-buttons button {
  display:inline-block;
  width:120px;
  line-height:38px;
  height:38px;
  font-size:12px;
}

.page-find .wrap-search-detail {
  position: relative;

}

.page-find .wrap-search-detail:after {
  display: block;
  clear: both;
  content: '';
}
.page-find .wrap-search-detail .wrap-hash  {padding-bottom:32px;}
.page-find .wrap-search-detail .wrap-hash .tag-hash {
  display:inline-block;
  border-radius: 8px;
  padding:8px 12px;
  background-color:#F9F8FA;
  font-size:12px;
  color:#1B1B1B;
  margin:5px 0;
}
.page-find .wrap-search-detail .wrap-hash .tag-hash + .tag-hash {
  margin:0 5px 0 5px;

}
.page-find .wrap-search-detail .area-search {
  position: relative;
  overflow: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}

.page-find .wrap-search-detail .area-search:after {
  display: block;
  clear: both;
  content: '';
}
.page-find .wrap-search-detail .area-search.type-search {
  padding: 0 24px 20px;
}
.page-find .wrap-search-detail .area-search.type-search .link-search {
  background:none;
  padding:0;
  display:flex;
  align-items: center;
  flex-direction: column;
}
.page-find .wrap-search-detail .area-search.type-search .link-search + .link-search {
  margin-left:16px;
}
.page-find .wrap-search-detail .area-search .link-search .round-image {
  display:flex;
  align-items: center;
  justify-content: center;
  width:60px;
  height:60px;
  border:1px solid #EFEDF0;
  border-radius:50%;
  margin-bottom:6px;x

}
.page-find .wrap-search-detail .area-search .link-search .round-image:before {
  display:inline-block;
  width:32px;
  height:32px;
  content:'';
}
.page-find .wrap-search-detail .area-search .link-search .round-image.type-local:before {
  background:url(../images/icon-round-local.svg) no-repeat;
}
.page-find .wrap-search-detail .area-search .link-search .round-image.type-weight:before {
  background:url(../images/icon-round-weight.svg) no-repeat;
}
.page-find .wrap-search-detail .area-search .link-search .round-image.type-room:before {
  background:url(../images/icon-round-room.svg) no-repeat;
}
.page-find .wrap-search-detail .area-search .link-search .round-image.type-user:before {
  background:url(../images/icon-round-user.svg) no-repeat;
}

.page-find .wrap-search-detail .area-search .link-search {
  position:relative;
  display:inline-block;
  padding:8px 12px;
  font-size:12px;
  color:#1B1B1B;
  border-radius:8px;
  background-color:#F9F8FA;
}
.page-find .wrap-search-detail .area-search .link-search + .link-search {
  margin-left:8px;
}


.page-find .wrap-search-detail .area-search .link-search label {
  display:inline-block;
  text-align:center;
}
.page-find .wrap-search-detail .area-search .link-search span.txt-select {
  font-size:12px;
  color:#000000;
  display:block;
  text-align:center;

}
.page-find .wrap-search-detail .area-search .link-search input {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  opacity:0;
}
.page-find .wrap-search-detail .area-search .link-search input:checked + .img-select {
  border:1px solid #FF6A29;
}
.page-find .wrap-search-detail .area-search .link-search input:checked + .img-select + span.txt-select {
  color:#FF6A29;
}
/*.popup-local-select .list-local li.is-select .img-select {*/
/*  border:1px solid #FF6A29;*/
/*}*/
.page-find .wrap-search-detail .area-search .link-search .img-select {
  width:60px;
  height:60px;
  border-radius:50%;
  border:1px solid #EFEDF0;
  display:flex;
  margin-bottom:6px;
  align-items: center;
  justify-content: center;

}
.page-find .wrap-search-detail .area-search .link-search .img-select:before {
  display:inline-block;
  width:32px;
  height:32px;
  content:'';

}
.page-find .wrap-search-detail .area-search .link-search .img-select.type-local:before {
  background:url(../images/img-select-local.svg) no-repeat;

}
.page-find .wrap-search-detail .area-search .link-search .img-select.type-weight:before {
  background:url(../images/img-select-weight.svg) no-repeat;

}
.page-find .wrap-search-detail .area-search .link-search .img-select.type-hotel:before {
  background:url(../images/img-select-hotel.svg) no-repeat;
}
.component-list-select {
  display:flex;
  flex-flow:wrap;

}
.component-list-select li {
  float:left;
  display:flex;
  flex-flow:column;
  align-items: center;
  justify-content: center;
  width:33.3333%;
  margin-bottom:16px;
  cursor:pointer;
  position:relative;
}
.component-list-select.type-tabs4 li {
  width:25%;
}
.component-list-select li label {
  display:inline-block;
  text-align:center;
}
.component-list-select li span.txt-select {
  font-size:12px;
  color:#000000;
  display:block;
  text-align:center;

}
.component-list-select li input {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  opacity:0;
}
.component-list-select li input:checked + .img-select {
  border:1px solid #FF6A29;
}
.component-list-select li input:checked + .img-select + span.txt-select {
  color:#FF6A29;
}
/*.popup-local-select .list-local li.is-select .img-select {*/
/*  border:1px solid #FF6A29;*/
/*}*/
.component-list-select li .img-select {
  width:60px;
  height:60px;
  border-radius:50%;
  border:1px solid #EFEDF0;
  display:flex;
  margin-bottom:6px;
  align-items: center;
  justify-content: center;

}
.component-list-select li .img-select:before {
  display:inline-block;
  width:32px;
  height:32px;
  content:'';

}
.component-list-select li .img-select.type-all:before {
  background:url(../images/img-local-all.svg) no-repeat;
}

.component-list-select li .img-select.type-all:before {
  background:url(../images/img-local-all.svg) no-repeat;
}
.component-list-select li .img-select.type-local01:before {
  background:url(../images/img-local01.svg) no-repeat;
}
.component-list-select li .img-select.type-local02:before {
  background:url(../images/img-local02.svg) no-repeat;

}
.component-list-select li .img-select.type-local03:before {
  background:url(../images/img-local03.svg) no-repeat;
}
.component-list-select li .img-select.type-busan:before {
  background:url(../images/img-busan.png) no-repeat;
  background-size:100% 100%;
}
.component-list-select li .img-select.type-world:before {
  background:url(../images/img-world.png) no-repeat;
  background-size:100% 100%;
}
.component-list-select li .img-select.type-local04:before {
  display:inline-block;
  width:32px;
  height:22px;
  background:url(../images/img-local04.svg) no-repeat;
}
.component-list-select li .img-select.type-local05:before {
  background:url(../images/img-local05.svg) no-repeat;
}
.component-list-select li .img-select.type-local06:before {
  background:url(../images/img-local06.svg) no-repeat;
}


.component-list-select li .img-select.type-hotel01:before {
  background:url(../images/img-hotel01.svg) no-repeat center center/cover;
}
.component-list-select li .img-select.type-hotel02:before {
  background:url(../images/img-hotel02.svg) no-repeat center center/cover;

}
.component-list-select li .img-select.type-hotel03:before {
  background:url(../images/img-hotel03.svg) no-repeat center center/cover;
}
.component-list-select li .img-select.type-hotel04:before {
  display:inline-block;
  background:url(../images/img-hotel04.svg) no-repeat center center/cover;
}
.component-list-select li .img-select.type-hotel05:before {
  background:url(../images/img-hotel05.svg) no-repeat center center/cover;
}

.component-list-select li .img-select.type-jun:before {
  display:inline-block; width:30px; height:30px; background:url(../images/img-jun.png) no-repeat; background-size:100% 100%;
}
.component-list-select li .img-select.type-jeju:before {
  display:inline-block; width:27px; height:34px; 
  background:url(../images/img-jeju.png) no-repeat;background-size:100% 100%;
}





.page-find .wrap-tag {
}
.page-find .wrap-tag .txt-tag {
  display:inline-block;
  padding:0 12px;
  margin-bottom:10px;
  line-height:36px;
  height: 36px;
  cursor:pointer;

  /* grayscale/100 */

  background: #F9F8FA;
  /* grayscale/100 */

  border: 1px solid #F9F8FA;
  border-radius: 8px;
  color:#1B1B1B;
  font-size:12px;
}
.page-find .wrap-tag .txt-tag + .txt-tag {
  margin-left:10px;
}
.page-find .wrap-search-detail .layer-search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0 0 32px 0;
  margin-top: 16px;
  background-color: #fff;
  z-index: 20;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.06);
  display: none;
}

.page-find .wrap-search-detail .layer-search .pop-close {
  display:inline-block;
  width:18px;
  position:absolute;
  top:28px;
  right:28px;
  height:18px;
  background:url(../images/pop-close.svg) no-repeat;
}

.page-find .wrap-search-detail .layer-search .search-label {
  padding: 32px 24px 20px 24px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 500;
}



.quantity {
  display:block;
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}
.quantity {
  margin-left:auto;
}
.quantity .data-number {
  display:inline-block;
  position:relative;
  width:45px;
  text-align:center;
}
.quantity .data-number input {
  border:none;
  width:14px;
  text-align:center;

}

.quantity-nav {
  float: left;
  position: absolute;
  top:0;
  left:-36px;
  right:-36px;
  bottom:0;
}

.quantity-nav .quantity-up,
.quantity-nav .quantity-down {
  display:inline-block;
  width:24px;
  height:24px;
  margin:0 8px;
}
.quantity-nav .quantity-up {
  position:absolute;
  top:50%;
  right:0;
  margin-top:-12px;
}
.quantity-nav .quantity-down {
  position:absolute;
  top:50%;
  left:0;
  margin-top:-12px;
}
.quantity-nav .quantity-down {
  background:url(../images/count-minus.svg) no-repeat;
  background-size:100% 100%;

}
.quantity-nav .quantity-down:hover {
  background:url(../images/count-minus-select.svg) no-repeat;
  background-size:100% 100%;

}
.quantity-nav .quantity-up {
  background:url(../images/count-plus.svg) no-repeat;
  background-size:100% 100%;

}
.quantity-nav .quantity-up:hover{
  background:url(../images/count-plus-select.svg) no-repeat;

}

.page-find .wrap-search-detail .layer-search .ui-num {
  display:flex;
  align-items: center;
  padding:0 25px 0 9px;
}
.page-find .wrap-search-detail .layer-search .ui-num  + .ui-num {
  margin-top:16px;
}
.page-find .wrap-search-detail .layer-search .ui-num .num-label {
  color:#000;
  font-size:14px;font-weight: 500;
  
}
.page-find .wrap-search-detail .layer-search .ui-count {margin-left:auto; display:flex; align-items: center;}

.page-find .wrap-search-detail .layer-search .ui-count .txt-num {
  display:inline-block;
  width:40px;
  text-align:center;
  font-size:14px;
  color:#000;
}


.page-find .wrap-search-detail .layer-search .layer-contents {
  padding: 0 17px;
}

.page-find .wrap-search-detail .layer-search .layer-bottom {
  text-align: center;
  padding: 24px 0 0 0;
}

.page-find .wrap-search-detail .layer-search .layer-bottom .btn-layer-solid {
  display: inline-block;
  width: 120px;
  line-height: 38px;
  background-color: #1b1b1b;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.page-find .wrap-search-detail .layer-search .wrap-link-select {
  margin: -5px 0;
}

.page-find .wrap-search-detail .layer-search .line-select {
  display: inline-block;
  margin: 5px;
  padding: 0 12px;
  border: 1px solid #f9f8fa;
  line-height: 34px;
  text-align: center;
  color: #1b1b1b;
  font-size: 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.page-find .wrap-search-detail .layer-search .line-select[aria-selected="true"] {
  background-color: #000;
  color: #fff;
}

.page-find .wrap-search-detail .layer-search .irs--round {
  height: 15px;
}

.page-find .wrap-search-detail .layer-search .irs--round .irs-from,
.page-find .wrap-search-detail .layer-search .irs--round .irs-to,
.page-find .wrap-search-detail .layer-search .irs--round .irs-single {
  display: none;
}

.page-find .wrap-search-detail .layer-search .irs--round .irs-min,
.page-find .wrap-search-detail .layer-search .irs--round .irs-max {
  display: none;
}

.page-find .wrap-search-detail .layer-search .irs--round .irs-line {
  top: 9px;
  background-color: #efedf0;
}

.page-find .wrap-search-detail .layer-search .irs--round .irs-bar {
  top: 9px;
  background-color: #1b1b1b;
}

.page-find .wrap-search-detail .layer-search .irs--round .irs-handle {
  top: 1px;
  width: 20px;
  height: 20px;
  border: 2px solid #000000;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.page-find .wrap-search-detail .layer-search .extra-controls {
  padding: 37px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -webkit-align-items: center;
}

.page-find .wrap-search-detail .layer-search .extra-controls .txt-bar {
  display: inline-block;
  margin: 22px 0 0 0;
  padding: 0 30px;
  line-height: 44px;
  color: #1b1b1b;
}

.page-find .wrap-search-detail .layer-search .extra-controls .form-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.page-find .wrap-search-detail .layer-search .extra-controls .form-control .control-label {
  padding-bottom: 4px;
  color: #8e8e8e;
  font-size: 12px;
}

.page-find .wrap-search-detail .layer-search .extra-controls .form-control .form-input {
  display: inline-block;
  width: 100%;
  padding: 0 16px;
  background: none;
  line-height: 42px;
  color: #1b1b1b;
  font-size: 12px;
  border: 1px solid #efedf0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.page-find .wrap-search-detail .layer-search .extra-controls .form-control .form-input span {
  color: #1b1b1b;
  font-size: 12px;
}
.page-find .option-choosed-result { margin-top:-10px; padding: 0  0 20px 0; overflow: hidden;}
.page-find .option-choosed {display: flex; flex-wrap: wrap; gap: 8px;}
.page-find .option-choosed li {display: inline-block; padding: 4px 12px; font-size: 12px; border: 1px solid #ccc; border-radius: 8px;}
.page-find .option-choosed li ~ li {margin-left: 5px;}
.page-find .option-choosed li span {margin-left: 3px;}
.page-find .section-find-result {
  padding: 21px 24px 40px 24px;
  border-top:1px solid #EFEDF0;
}

.page-find .section-find-result .ui-option {
  padding: 0 0 16px 0;
}
.page-find .section-find-result .table-list .find-summary {
  position:relative;
}

.page-find .section-find-result .find-summary .tag-festa {
  display:inline-flex;
  margin-bottom:8px;
  align-items: center;
  background-color:#f53b43;
  padding:2px 4px;
  border-radius:2px;
  color:#fff;
  font-size:10px;
}
.page-find .section-find-result .find-summary .tag-festa:before {  margin-right:5px;
  display:inline-block;
  width:16px;
  height:10px;
   background:url(../images/icon-sale-coupon2.png) no-repeat;
   background-size:100% 100%;
   content:'';

}
.page-find .section-find-result .find-summary .tag-coupon {
  display:inline-block;
  margin-bottom:8px;
  padding:0 4px;
  line-height:16px;
  font-size:10px;
  font-weight:500;
  color:#223ABD;
  background-color:#E3E4F9;
  border-radius:4px;
}

.page-find .section-find-result .ui-option:after {
  display:table;
  clear:both;
  content:'';
}
.page-find .section-find-result .ui-option .select-form {
  float:left;
  position:relative;
  display:flex;
  border:1px solid #ddd;
}
.page-find .section-find-result .ui-option .select-form .box-list.is-selected:before {
  
  background:url(../images/icon-form-list-select.svg) no-repeat;
  background-size:100% 100%;
}
.page-find .section-find-result .ui-option .select-form .box-list.box-list.type-block:before.is-selected:before {
  
  background:url(../images/icon-form-block-select.png) no-repeat;
  background-size:100% 100%;
}
.page-find .section-find-result .ui-option .select-form .box-list {
  display:inline-block;
  width:25px;
  height:25px;
  position:relative;
  display:flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
}
.page-find .section-find-result .ui-option .select-form .box-list + .box-list {border-left:1px solid #ddd;}
.page-find .section-find-result .ui-option .select-form .box-list + .box-list:before {
  width:14px;
  height:14px;
}
.page-find .section-find-result .ui-option .select-form .box-list:before {
  display:inline-block;
  width:18px;
  height:18px;
  background:url(../images/icon-form-list.svg) no-repeat;
  background-size:100% 100%;
  content:'';
}
.page-find .section-find-result .ui-option .select-form .box-list.type-block:before {
  background:url(../images/icon-form-block.png) no-repeat;
  background-size:100% 100%;

}
.page-find .section-find-result .ui-option .select-form .box-list.type-block.is-selected:before {
  
  background:url(../images/icon-form-block-select.png) no-repeat;
  background-size:100% 100%;
}
.page-find .section-find-result .ui-option .find-select {
  float:left;
  position:relative;
  top:5px;
}
.page-find .section-find-result .ui-option .component-select-line {
  float:right;
}
.page-find .section-find-result .find-summary + .find-summary {
  margin: 20px 0 0 0;
}
.page-find .section-find-result .table-block {
  display:flex;
  flex-wrap:wrap;
  align-items: baseline;
}
.page-find .section-find-result .table-block .find-summary {
  position:relative;
  width:49%;
}
.page-find .section-find-result .table-block .find-summary:nth-child(2n) {margin-left:auto;}
.page-find .section-find-result .find-summary .area-photo {
  position: relative;
  width:100%;
  overflow: hidden;
  border-radius: 10px;
  flex:none;
  font-size:0;
}
.page-find .section-find-result .find-summary .tag-event {display:flex; align-items:center; position:absolute; flex-direction: column;
top:9px;
right:9px; z-index:10;}
.page-find .section-find-result .find-summary .tag-event [class^="tag-event"] {position:relative; color:#FFF; font-size:10px; font-weight:500; line-height:12px; align-items: center; text-align:center; z-index:10; cursor:pointer;}
.page-find .section-find-result .find-summary .tag-event .event-more {display:inline-block; width:16px; height:16px;background:url(../images/event-more.svg) no-repeat ; position:absolute; top:0; right:0;}
/* .page-find .section-find-result .find-summary .tag-event [class^="tag-event"] + [class^="tag-event"] {margin-left:-6px; position:relative; z-index:9;} */
/* .page-find .section-find-result .find-summary .tag-event .tag-event01 {display:flex;justify-content:center; width:47px; height:47px; background:url(../images/tag-event01.svg) no-repeat ;}
.page-find .section-find-result .find-summary .tag-event .tag-event02 {display:flex;justify-content:center; width:44px; height:44px; background:url(../images/tag-event02.svg) no-repeat ;} */
.page-find .section-find-result .find-summary .tag-event .tag-event02,
.page-find .section-find-result .find-summary .tag-event .tag-event01 {
  display:inline-block;
  padding:2px 12px;
  background-color:#FF6A29;
  color:#fff;
  font-size:11px;
  font-weight:500;
  border-radius:4px;
  margin-bottom:4px;
}
.page-find .section-find-result .find-summary .tag-event .tag-event01 {
  background-color:#FFDABE;
  color:#FF6A29;
}
.page-find .section-find-result .find-summary .tag-petel {
  position:absolute;
  top:12px;
  left:12px;
  /* primary/main */

  background: #FF6A29;
  /* primary/main */

  border: 1px solid #FF6A29;
  border-radius: 4px;
  line-height:20px;
  color: #FFFFFF;
  padding:0 6px;
  font-size:11px;
}

.page-find .section-find-result .find-summary .area-photo {
  cursor:pointer;
}
.page-find .section-find-result .table-block .find-summary .area-photo .area-bar {font-size:10px;}

.page-find .section-find-result .find-summary .area-photo .area-bar {position:absolute; bottom:0; left:0; right:0; font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; color:#000; text-align:center; padding:5px 0;background:url(../images/bg-info.svg) no-repeat; background-size:cover;}
.page-find .section-find-result .find-summary .area-photo img {
  width: 100%;
  height: 100%;
}
.page-find .section-find-result .table-block .find-summary .area-photo img {height: 120px;}
.page-find .section-find-result .find-summary .area-photo .photo-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.page-find .section-find-result .find-summary .area-photo .photo-button .btn-fav input {
  display: none;
}

.page-find .section-find-result .find-summary .area-photo .photo-button .btn-share {
  margin-left: 16px;
  display: inline-block;
  vertical-align: top;
}
.page-find .section-find-result .find-summary .txt-info {
  display:flex;
  flex-flow:column;
}
.page-find .section-find-result .find-summary .txt-info .txt-top {
  flex:auto;
  padding:12px 0 0 0;
}
.page-find .section-find-result .find-summary .txt-service {
  padding:6px 0 0 0;
}
.page-find .section-find-result .find-summary .txt-service span {
  display:inline-block;
  padding:0 7px;
  line-height:20px;
  font-size:11px;
  color: #FF6A29;
  border: 1px solid #FE9B52;
  border-radius: 4px;
}
.page-find .section-find-result .find-summary .txt-servie span + span {
  margin-left:10px;
}

.page-find .section-find-result .find-summary .type-bed {
  font-size:14px;
  color:#1B1B1B;
  line-height:22px;
  font-weight:700;
}
.page-find .section-find-result .find-summary .txt-title {

  font-size: 13px;
  color: #FF6A29;
  font-weight: 500;
  line-height:18px;
}
.page-find .section-find-result .find-summary .type-tag {
  overflow:hidden;
  padding:6px 0 0 0;
}
.page-find .section-find-result .find-summary .type-tag .tag-strong {
  display:inline-block;
  float:left;
  padding:0 8px;
  line-height:18px;
  border:1px solid #FE9B52;
  color:#FE9B52;
  font-size:11px;
  font-weight: 400;
  border-radius: 4px;
  margin:0 7px 2px 0;
}
.page-find .section-find-result .find-summary .type-tag .tag-strong + .tag-strong {
  margin-left:10px;
}
.page-find .section-find-result .find-summary .txt-det {
  display:flex;
  color: #8e8e8e;
  font-size: 12px;
  line-height: 20px;
}

.page-find .section-find-result .find-summary .tag-support {
  display:inline-block;
  padding: 0 8px;
  line-height:18px;
  margin-bottom:6px;
  margin-right:auto;
  font-size: 11px;
font-style: normal;
font-weight: 500;
border:1px solid #E8E8E8;
border-radius:5px;
color:#111;
}
.page-find .section-find-result .find-summary .txt-price {

  color: #1B1B1B;
  font-size: 16px;
  font-weight: bold;
  align-items:end;
}
.page-find .section-find-result .find-summary .type-tag + .ui-bottom {
  margin:2px 0 0 0;
}

.page-find .section-find-result .find-summary .ui-bottom {
  display:flex;
  flex-direction: column;

}

.find-search {
  position: absolute;
  top: 6px;
  right: 25px;
  left: 64px;
  z-index: 10;
  display: none;
}

.find-search .list-find-search {
  position: absolute;
  top: 100%;
  left: -64px;
  right: -25px;
  margin: 14px 0 0 0;
  background-color: #fff;
}

.find-search .list-find-search li {
  -webkit-box-shadow: 0 1px 0 0 #f9f8fa;
  -moz-box-shadow: 0 1px 0 0 #f9f8fa;
  box-shadow: 0 1px 0 0 #f9f8fa;
}

.find-search .list-find-search li a {
  display: block;
  padding: 9px 24px;
}

.find-search .list-find-search li a .txt-find-name {
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
}

.find-search .list-find-search li a .txt-find-name .txt-highlight {
  color: #ff6a29;
}

.find-search .list-find-search li a .txt-sub,
.find-search .list-find-search li a .txt-address {
  font-size: 11px;
  color: #a09fa3;
}
.page-find .list-ui {width:130px; margin: 0 auto; display: flex; margin-bottom: 60px;}
.page-find .list-ui li {text-align: center; display: block; font-size: 18px; padding: 0 20px;}
.page-find .list-ui li:nth-child(1) {
  width: 15px;
  height: 15px;
  background: url(../images/chevron-double-left.svg) no-repeat center center/cover;
  display: none;
}
.page-find .list-ui li:nth-child(2) { 
  width: 15px;
  height: 25px;
  background: url(../images/chevron-left.png) no-repeat center center #1B1B1B;
  background-size: 50% 100%;
  border-radius: 6px;
}



.page-find .list-ui li:nth-child(4) { 
  width: 15px;
  height: 25px;
  background: url(../images/chevron-right.png) no-repeat center center #1B1B1B;
  background-size: 50% 100%;
  border-radius: 6px;

}
.page-find .list-ui li:last-child { 
  width: 15px;
  height: 15px;
  background: url(../images/chevron-double-right.svg) no-repeat center center/cover;
  display: none;

}


/***************************************************************************************
   Popup : Login
***************************************************************************************/
.page-login {
  padding: 0 0 40px 0;
}

.page-login .component-speech {
  position:absolute;
  top:-50%; right:15px;
  display:inline-block;
  line-height:1.2em;
  font-weight:600;
  width:50px;
  height:50px;
   background: url(../images/icon-speech.png) no-repeat;
  background-size:100% 100%;
  color:#fff;
  display:flex;
  align-items: center;
  text-align:center;
  justify-content: center;
  font-size:11px;
}
.page-login .btn-naver,
.page-login .btn-kakao {
  position:relative;
  display:block;
  background-color:#FEE500;
  border-radius:8px;
  height:52px;
  display:flex;
  align-items: center;
  justify-content: center;
  color:#000;
  font-size:14px;
  font-weight:600;
}
.page-login .component-speech {
  position:absolute;
  top:-50%; right:15px;
  display:inline-block;
  line-height:1.2em;
  font-weight:600;
  width:50px;
  height:50px;
   background: url(../images/icon-speech.png) no-repeat;
  background-size:100% 100%;
  color:#fff;
  display:flex;
  align-items: center;
  text-align:center;
  justify-content: center;
  font-size:11px;
}
.page-login .btn-naver{
  position:relative;
  background-color:#03C75A;
  color:#fff;
}
.page-login .btn-naver #naver_id_login {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  opacity:0;
}
.page-login .btn-naver #naver_id_login a {
  display:block;
  width:100%;
  height:100%;
}
.page-login .btn-naver #naver_id_login a img {
  display:none;
}

.page-login .btn-naver:before,
.page-login .btn-kakao:before {
  display:inline-block;
  margin-right:8px;
  width:32px;
  height:32px;
  background:url(../images/icon-kakao-logo.svg) no-repeat;
  content:'';
}
.page-login .btn-naver:before {
  display:inline-block;
  margin-right:8px;
  width:24px;
  height:24px;
  background:url(../images/icon-naver-w.svg) no-repeat;
  content:'';
}
.page-login .login-info {
  padding: 56px 24px 37px 24px;
  color: #1b1b1b;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.page-login .login-info.type-flex {
  display: flex;
  flex-flow:row;

}
.page-login .login-info:before {
  margin-bottom: 20px;
  margin-right:15px;
  content: '';
  display: inline-block;
  vertical-align: top;
}


.page-login .login-info .type-sign {
  padding: 4px 0 48px 0;
  text-align: center;
  font-size: 32px;
  color: #1b1b1b;
  line-height: 42px;
  font-weight: bold;
}

.page-login .form-login {
  padding: 0 24px;
}

.page-login .form-login .login-line {
  margin:48px 0;
  text-align:center;
  position:relative;
}
.page-login .form-login .login-line:before {
  position:absolute;
  top:50%;
  left:0;
  right:0;
  border-top:1px solid #DCD9DE;
  content:'';
}
.page-login .form-login .login-line span {
  color:#C6C4C8;
  font-size:12px;
  font-weight:500;
  position:relative;
  background-color:#fff;
  padding:0 11px;
  display:inline-block;
}

.page-login .form-login .component-input + .component-input {
  margin-top: 10px;
}

.page-login .form-login .component-btn-solid {
  margin-top: 48px;
}


.page-login .ui-link {
  display:flex;
  padding: 12px 0 50px 0;
}

.page-login .ui-link .ui-right {
  margin-left:auto;
  display:flex;
}
.page-login .ui-link .ui-right .link-txt + .link-txt {
  margin-left:8px;
  padding-left:8px;

}
.page-login .ui-link .ui-right .link-txt + .link-txt:before {
  position:absolute;
  top:50%;
  left:-1px;
  height:10px;
  margin-top:-5px;
  content:'';
  border-left:1px solid #8E8E8E;
}

.page-login .ui-link:after {
  display: block;
  clear: both;
  content: '';
}

.page-login .ui-link .link-txt {
  float: Left;
  font-size: 12px;
  color: #6f6f6f;
  text-decoration: underline;
}

.page-login .ui-link .link-txt + .link-txt {
  float: right;
}
.page-login .ui-link2 {
  text-align:right;
  padding:6px 24px 0 24px;
}

.page-login .ui-link2 .link-txt {
  font-size: 12px;
  color: #6f6f6f;
  text-decoration: underline;
}

/***************************************************************************************
   Popup : Login Sign
***************************************************************************************/
/***************************************************************************************
   Popup : Join
***************************************************************************************/
.page-join {
  padding: 0 0 20px 0;
}
.popup-join .box-popup {
  width:100%;
  max-width:320px;
}
.page-join .section-join {
  padding-left: 24px;
  padding-right: 24px;
}

.page-join .component-form-group {
  padding: 16px 0 0 0;
}

.page-join .component-form-group + .component-form-group {
  padding: 32px 0 0 0;
}

.page-join .component-form-group.type-phone .component-input-multi {
  margin-bottom: 16px;
}

.page-join .section-agree {
  padding: 64px 0 80px 0;
}

.page-join .section-agree .component-radio .txt-radio.type-size {
  font-size: 14px;
  font-weight: 500;
}

.page-join .section-agree .ui-agree:first-of-type {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #efedf0;
}

.page-join .section-agree .ui-agree:after {
  display: block;
  clear: both;
  content: '';
}

.page-join .section-agree .ui-agree + .ui-agree {
  margin-top: 12px;
}

.page-join .section-agree .ui-agree .component-radio {
  float: left;
}

.page-join .section-agree .ui-agree .link-view {
  float: right;
  color: #8e8e8e;
  font-size: 12px;
}

/***************************************************************************************
   Page : Psw Search
***************************************************************************************/
.page-psw-search .form-psw-search {
  padding: 16px 24px 40px 24px;
}

.page-psw-search .form-psw-search .component-btn-solid {
  margin-top: 96px;
}

.page-psw-search .form-psw-search .search-info {
  padding: 8px 0 0 0;
  font-size: 24px;
  color: #1b1b1b;
  font-weight: bold;
  line-height: 34px;
}

.page-psw-search .form-psw-search .search-desc {
  padding: 8px 0 24px 0;
  font-size: 12px;
  color: #1b1b1b;
}

.page-psw-search .area-search {
  padding: 16px 0 0 0;
  color: #6f6f6f;
  font-size: 12px;
  text-align: center;
}

.page-psw-search .area-search .link-txt {
  color: #6f6f6f;
  font-size: 12px;
  text-decoration: underline;
}

/***************************************************************************************
   Page : Psw Search
***************************************************************************************/
.page-email-search .section-email-search {
  padding: 16px 24px 40px 24px;
}

.page-email-search .section-email-search .component-form-group + .component-form-group {
  margin-top: 24px;
}

.page-email-search .section-email-search .component-btn-solid {
  margin-top: 110px;
}

/***************************************************************************************
   Popup : Join
***************************************************************************************/
.page-join {
  padding: 0 0 20px 0;
}

.page-join .section-join {
  padding-left: 24px;
  padding-right: 24px;
}

.page-join .component-form-group {
  padding: 16px 0 0 0;
}

.page-join .component-form-group + .component-form-group {
  padding: 32px 0 0 0;
}

.page-join .component-form-group.type-phone .component-input-multi {
  margin-bottom: 16px;
}

.page-join .section-agree {
  padding: 64px 0 80px 0;
}

.page-join .section-agree .component-radio .txt-radio.type-size {
  font-size: 14px;
  font-weight: 500;
}

.page-join .section-agree .ui-agree:first-of-type {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #efedf0;
}

.page-join .section-agree .ui-agree:after {
  display: block;
  clear: both;
  content: '';
}

.page-join .section-agree .ui-agree + .ui-agree {
  margin-top: 12px;
}

.page-join .section-agree .ui-agree .component-radio {
  float: left;
}

.page-join .section-agree .ui-agree .link-view {
  float: right;
  color: #8e8e8e;
  font-size: 12px;
}

/***************************************************************************************
   Page : Psw Search
***************************************************************************************/
.page-psw-search .form-psw-search {
  padding: 16px 24px 40px 24px;
}

.page-psw-search .form-psw-search .component-btn-solid {
  margin-top: 96px;
}

.page-psw-search .form-psw-search .search-info {
  padding: 8px 0 0 0;
  font-size: 24px;
  color: #1b1b1b;
  font-weight: bold;
  line-height: 34px;
}

.page-psw-search .form-psw-search .search-desc {
  padding: 8px 0 24px 0;
  font-size: 12px;
  color: #1b1b1b;
}

.page-psw-search .area-search {
  padding: 16px 0 0 0;
  color: #6f6f6f;
  font-size: 12px;
  text-align: center;
}

.page-psw-search .area-search .link-txt {
  color: #6f6f6f;
  font-size: 12px;
  text-decoration: underline;
}

/***************************************************************************************
   Page : Psw Search
***************************************************************************************/
.page-email-search .section-email-search {
  padding: 16px 24px 40px 24px;
}

.page-email-search .section-email-search .component-form-group + .component-form-group {
  margin-top: 24px;
}

.page-email-search .section-email-search .component-btn-solid {
  margin-top: 110px;
}

/***************************************************************************************
   Page : Terms of Use
***************************************************************************************/
.page-terms-use .txt-use-label {
  padding: 20px 24px 0 24px;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: bold;
}

.page-terms-use .section-terms-use {
  padding: 24px 24px 40px 24px;
  color: #1b1b1b;
  font-size: 14px;
}
.page-terms-use .section-terms-use .table-terms tr th {
  background-color:#ccc;
  font-size:14px;
  border:1px solid #333;
  padding:10px;
}

.page-terms-use .section-terms-use .table-terms tr td {
  font-size:14px;
  text-align:center;
  border:1px solid #333;
  padding:10px;
}

/***************************************************************************************
   Page : psw Change
***************************************************************************************/
.section-psw-change {
  padding: 48px 24px;
  text-align: center;
}

.section-psw-change .logo-illust {
  display: inline-block;
  vertical-align: top;
}

.section-psw-change .change-title {
  padding: 32px 0 0 0;
  margin-bottom: -20px;
  font-size: 28px;
  color: #1b1b1b;
  font-weight: bold;
  text-align: center;
}

.section-psw-change .change-info {
  padding: 40px 0 0 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1b1b1b;
  text-align: center;
}

.section-psw-change .change-det {
  padding: 16px 0 0 0;
  font-size: 14px;
  color: #504e4d;
  line-height: 22px;
  text-align: center;
}

.section-psw-change .component-input {
  margin-top: 40px;
}

.section-psw-change .component-input + .component-input {
  margin-top: 16px;
}

.section-psw-change .component-btn-solid {
  margin-top: 40px;
}

.section-psw-change .component-btn-solid.type-button {
  display: inline-block;
  width: 226px;
}

/***************************************************************************************
   Page : Mypage
***************************************************************************************/
.layout-mypage {
  position:fixed;
  left:50%;
  top:0;
  bottom:0;
  margin-left:337px;
  z-index: 100;
  width: 414px;
  background-color: #fff;
  overflow: auto;
}

.layout-mypage .btn-close {
  position: absolute;
  top: 16px;
  right: 24px;
}

.layout-mypage .txt-user {
  padding: 16px 24px 24px 24px;
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 500;
  display:flex;
  align-items: center;
}
.layout-mypage .txt-user .icon-kakao,
.layout-mypage .txt-user .icon-naver,
.layout-mypage .txt-user .icon-email {
  display:inline-block; width:15px; height:15px; margin-right:10px;
  background:url(../images/icon-email.png) no-repeat;
  background-size:100% 100%;
}
.layout-mypage .txt-user .icon-naver {
  background:url(../images/icon-naver.png) no-repeat;
  background-size:100% 100%;

}
.layout-mypage .txt-user .icon-kakao {
  width:20px;
  height:20px;
  background:url(../images/icon-kakao-logo.svg) no-repeat;
  background-size:100% 100%;

}
.layout-mypage .txt-user a {
  font-size: 16px;
  color: #1b1b1b;

}

.layout-mypage .txt-user:after {
  margin: -3px 0 0 8px;
  vertical-align: top;
  content: '';
  display: inline-block;
  vertical-align: top;
}

.layout-mypage .pet-info {
  padding: 24px 24px 24px 24px;
}

.layout-mypage .pet-info .img-photo {
  display: inline-block;
  float: left;
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.layout-mypage .pet-info .img-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.layout-mypage .pet-info .pet-data {
  margin-left: 15px;
  padding-left: 15px;
  overflow: hidden;
}

.layout-mypage .pet-info .pet-data .txt-name {
  display: block;
  color: #1b1b1b;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}

.layout-mypage .pet-info .pet-data .txt-kg {
  display: block;
  padding: 4px 0 0 0;
  font-size: 12px;
  color: #504e4d;
  font-weight: 500;
}

.layout-mypage .pet-info .pet-data .link-modify {
  display: inline-block;
  margin-top: 4px;
  color: #c6c4c8;
  font-size: 11px;
}
.layout-mypage .no-image-box {display: flex; justify-content: space-between; align-items: center; padding-right: 24px;}
.layout-mypage .no-image-box .mypage-member a{ 
  padding: 4px 6px 4px 10px;
  border-radius: 12px;
  background-color: #F9F8FA;
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
}
.layout-mypage .no-image-box .mypage-member img {width:19px; margin-right:2px}
.layout-mypage .mypage-menu {
  position: relative;
  padding: 8px 24px;
}
.layout-mypage .mypage-menu-last {
  margin-bottom: 140px;
}

.layout-mypage .mypage-menu:after {
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  border-bottom: 1px solid #efedf0;
  content: '';
}

.layout-mypage .mypage-menu:last-of-type:after {
  display: none;
}

.layout-mypage .mypage-menu a {
  display: block;
  padding: 8px 0;
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 500;
}

/* .layout-mypage .my_membership {
  padding: 10px 0;
  border-radius: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 20px;
} */
.layout-mypage .box-member {
    /* primary/100 */
    margin-bottom:20px;
    padding:15px 16px;
    background: #FFF3EB;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}
.layout-mypage .box-member strong {
    color:#FF6A29;
}
.layout-mypage .my_membership .membership_top {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid #eee;
  align-items: center;
  gap: 8px;
  
}
.layout-mypage .my_membership .membership_top img {
  width: 25%;
}
.layout-mypage .my_membership .membership_top strong {
  font-size: 15px;
}
.layout-mypage .my_membership span {
  margin-left: auto;
}
.layout-mypage .my_membership span a {
  font-size: 11px;
  color:#aaa;
  font-weight: 600;
}
.layout-mypage .my_membership .membership_bottom {
  padding: 15px 10px 5px 10px;
  overflow: hidden;
  display: flex;
  align-items: center;

}
.layout-mypage .my_membership .membership_bottom p b {
  color: #ff6a29;
  font-weight: 600;
}
.layout-mypage span.my_member_more {
  font-size: 11px;
  color:#aaa;
  font-weight: 600;
  margin-left: 7px;
  display: block;
  float: right;
}
.layout-mypage .travel_kit_btn {
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #8E8E8E;
  cursor: pointer;
}
.layout-mypage .travel_kit_btn b {
  color: #ff6a29;
  text-decoration: underline #ff6a29;
}

@media screen and (max-width: 767px) {
  .layout-mypage {
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
  }
  .page-find .layout-header .header-title {
    top:0;
  }
}

/***************************************************************************************
   Page : Recent Room
***************************************************************************************/
.section-recent {
  padding: 16px 24px 40px 24px;
}

.section-recent .ui-summary + .ui-summary {
  margin-top: 56px;
}

.section-recent .ui-label {
  padding: 32px 0 56px 0;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  color: #1b1b1b;
}

.section-recent .area-photo {
  position: relative;
  height: 212px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.section-recent .area-photo img {
  width: 100%;
  height: 100%;
}

.section-recent .area-photo .photo-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.section-recent .area-photo .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.section-recent .area-photo .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.section-recent .area-photo .photo-button .btn-fav input {
  display: none;
}

.section-recent .area-photo .photo-button .btn-share {
  margin-left: 16px;
  display: inline-block;
  vertical-align: top;
}

.section-recent .area-summary {
  padding: 12px 0 0 0;
}

.section-recent .area-summary .txt-title {
  padding: 0 0 4px 0;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: 500;
}

.section-recent .area-summary .txt-det {
  color: #8e8e8e;
  font-size: 12px;
}

.section-recent .ui-more {
  padding: 58px 0 90px 0;
  text-align: center;
}

.section-recent .ui-more .link-more {
  color: #8e8e8e;
  font-size: 16px;
  text-decoration: underline;
  line-height: 24px;
}

/***************************************************************************************
   Page : Fav Room
***************************************************************************************/
.section-fav {
  padding: 0 24px 40px 24px;
}

.section-fav .ui-summary + .ui-summary {
  margin-top: 56px;
}

.section-fav .ui-label {
  padding: 32px 0 56px 0;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  color: #1b1b1b;
}

.section-fav .area-photo {
  position: relative;
  height: 212px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.section-fav .area-photo img {
  width: 100%;
  height: 100%;
}

.section-fav .area-photo .photo-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.section-fav .area-photo .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.section-fav .area-photo .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.section-fav .area-photo .photo-button .btn-fav input {
  display: none;
}

.section-fav .area-photo .photo-button .btn-share {
  margin-left: 16px;
  display: inline-block;
  vertical-align: top;
}

.section-fav .area-summary {
  padding: 12px 0 0 0;
}

.section-fav .area-summary .txt-title {
  padding: 0 0 4px 0;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: 500;
}

.section-fav .area-summary .txt-det {
  color: #8e8e8e;
  font-size: 12px;
}

.section-fav .ui-more {
  padding: 58px 0 90px 0;
  text-align: center;
}

.section-fav .ui-more .link-more {
  color: #8e8e8e;
  font-size: 16px;
  text-decoration: underline;
  line-height: 24px;
}

/***************************************************************************************
   Page : History room
***************************************************************************************/
.page-history-room {
  height: 100%;
  overflow: auto;
}

.page-history-room .layout-container {
  height: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

.page-history-room .layout-container .tabs-contents {
  height: 100%;
  overflow: auto;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.page-history-room .layout-container .wrap-history {
  padding: 40px 0;
}

.page-history-room .ui-label {
  padding: 32px 0 20px 0;
  color: #1b1b1b;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.page-history-room .list-tabs {
  padding: 0 24px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.page-history-room .list-tabs:after {
  display: block;
  clear: both;
  content: '';
}

.page-history-room .list-tabs li {
  float: left;
}

.page-history-room .list-tabs li + li {
  margin-left: 40px;
}

.page-history-room .list-tabs li[aria-selected="true"] a {
  color: #1b1b1b;
  font-weight: bold;
}

.page-history-room .list-tabs li[aria-selected="true"] a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #1b1b1b;
  content: '';
}

.page-history-room .list-tabs li a {
  display: block;
  position: relative;
  padding: 16px 0 10px 0;
  color: #c6c4c8;
  font-size: 14px;
  font-weight: 500;
}

.page-history-room .section-history {
  position: relative;
  padding: 0 24px;
}

.page-history-room .section-history + .section-history {
  margin-top: 56px;
}

.page-history-room .section-history .link-del {
  position: absolute;
  top: 0;
  right: 24px;
  font-size: 12px;
  color: #8e8e8e;
  text-decoration: underline;
}

.page-history-room .section-history .ui-buttons {
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}

.page-history-room .section-history .ui-buttons [class^="btn"] {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.page-history-room .section-history .ui-buttons .btn-gray {
  display: inline-block;
  margin-right: 5px;
  background-color: #f9f8fa;
  border: 1px solid #f9f8fa;
  text-align: center;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 44px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.page-history-room .section-history .ui-buttons .btn-gray + .btn-gray {
  margin-left: 5px;
  margin-right: 0;
}

.page-history-room .section-history .ui-buttons .btn-write {
  display: inline-block;
  margin-left: 5px;
  line-height: 44px;
  background-color: #fff;
  color: #ff6a29;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #ff6a29;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.page-history-room .section-history .ui-buttons .btn-write:disabled {
  border-color: #f9f8fa;
  background-color: #f9f8fa;
  color: #aeadb0;
}

.page-history-room .section-history .data-history-day {
  display: inline-block;
  padding: 0 0 11px 0;
  color: #302f2e;
  font-size: 12px;
}

.page-history-room .section-history .data-history-day .data-day {
  margin-left: 8px;
}

.page-history-room .section-history .data-history-day.type-cancel {
  text-decoration: line-through;
}

.page-history-room .section-history .day-cancel {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  color: #ff6a29;
  text-decoration: none;
}



.page-history-room .section-history .ui-btn-cancel {
  display:flex;

}
.page-history-room .section-history .btn-cancel {
  display: block;
  margin: 20px 0 0 0;
  line-height: 46px;
  background-color: #f9f8fa;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 500;
  text-align: center;
  flex:auto;
  width:100%;
}
.page-history-room .section-history .btn-cancel {
  margin-right:5px;
}
.page-history-room .section-history .btn-cancel + .btn-cancel {
  margin-left:5px;
  margin-right:0;
}

.page-history-room .history-summary {
  padding: 16px 0 0 0;
  border-top: 1px solid #efedf0;
}

.page-history-room .history-summary + .history-summary {
  margin-top: 56px;
}

.page-history-room .history-summary .area-photo {
  display: inline-block;
  float: left;
  width: 96px;
  height: 96px;
  margin-right: 12px;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.page-history-room .history-summary .area-photo img {
  width: 100%;
  height: 100%;
}

.page-history-room .history-summary .area-summary {
  position: relative;
  height: 96px;
  overflow: hidden;
  margin: 0 0 0 12px;
}
.page-history-room .history-summary .area-summary  .link-view {
  position:absolute;
  bottom:0;
  right:0;
  font-size:12px;
  color:#6F6F6F;
  text-decoration:underline;
}
.page-history-room .history-summary .area-summary .txt-title {
  padding: 0 0 4px 0;
  font-size: 16px;
  font-weight: 500;
  color: #1b1b1b;
}

.page-history-room .history-summary .area-summary .txt-det {
  color: #8e8e8e;
  font-size: 12px;
}

.page-history-room .history-summary .area-summary .txt-type {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000000;
  font-size: 12px;
}

.page-history-room .history-summary .area-summary .txt-type .txt-type-label {
  color: #504e4d;
  font-size: 12px;
}

/***************************************************************************************
   Page : History room
***************************************************************************************/
.page-room-cancel .layout-container,
.page-room-complete .layout-container,
.page-room-confirm .layout-container {
  padding-left: 24px;
  padding-right: 24px;
}

.page-room-cancel .layout-container .ui-label,
.page-room-complete .layout-container .ui-label,
.page-room-confirm .layout-container .ui-label {
  padding: 24px 0 10px 0;
  font-size: 20px;
  font-weight: 500;
  color: #1b1b1b;
}

.page-room-cancel .layout-container .title-photo,
.page-room-complete .layout-container .title-photo,
.page-room-confirm .layout-container .title-photo {
  margin-bottom: 12px;
  height: 212px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.page-room-cancel .layout-container .title-photo img,
.page-room-complete .layout-container .title-photo img,
.page-room-confirm .layout-container .title-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.page-room-cancel .layout-container .room-summary,
.page-room-complete .layout-container .room-summary,
.page-room-confirm .layout-container .room-summary {
  padding-bottom: 23px;
  border-bottom: 1px solid #efedf0;
}

.page-room-cancel .layout-container .room-summary .img-photo,
.page-room-complete .layout-container .room-summary .img-photo,
.page-room-confirm .layout-container .room-summary .img-photo {
  display: inline-block;
  width: 122px;
  height: 122px;
  margin-right: 16px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.page-room-cancel .layout-container .room-summary .img-photo img,
.page-room-complete .layout-container .room-summary .img-photo img,
.page-room-confirm .layout-container .room-summary .img-photo img {
  width: 100%;
  height: 100%;
}

.page-room-cancel .layout-container .room-summary .data-summary,
.page-room-complete .layout-container .room-summary .data-summary,
.page-room-confirm .layout-container .room-summary .data-summary {
  overflow: hidden;
  height: 122px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

.page-room-cancel .layout-container .room-summary .data-summary .txt-name,
.page-room-complete .layout-container .room-summary .data-summary .txt-name,
.page-room-confirm .layout-container .room-summary .data-summary .txt-name {
  padding: 0 0 6px 0;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 500;
}

.page-room-cancel .layout-container .room-summary .data-summary .txt-det,
.page-room-complete .layout-container .room-summary .data-summary .txt-det,
.page-room-confirm .layout-container .room-summary .data-summary .txt-det {
  font-size: 12px;
  color: #8e8e8e;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.page-room-cancel .layout-container .room-summary .data-summary .txt-price,
.page-room-complete .layout-container .room-summary .data-summary .txt-price,
.page-room-confirm .layout-container .room-summary .data-summary .txt-price {
  font-size: 14px;
  color: #1b1b1b;
  line-height: 22px;
}

.page-room-cancel .layout-container .room-summary .data-summary .txt-price .txt-cancel-type,
.page-room-complete .layout-container .room-summary .data-summary .txt-price .txt-cancel-type,
.page-room-confirm .layout-container .room-summary .data-summary .txt-price .txt-cancel-type {
  font-size: 10px;
  color: #ff6a29;
  line-height: 16px;
}

.page-room-cancel .layout-container .section-date,
.page-room-complete .layout-container .section-date,
.page-room-confirm .layout-container .section-date {
  padding: 19px 0;
  border-bottom: 1px solid #efedf0;
  color: #302f2e;
  font-size: 14px;
  line-height: 22px;
}

.page-room-cancel .layout-container .section-date .data-day,
.page-room-complete .layout-container .section-date .data-day,
.page-room-confirm .layout-container .section-date .data-day {
  font-size: 14px;
  color: #302f2e;
  margin-left: 8px;
}

.page-room-cancel .layout-container .data-calen,
.page-room-complete .layout-container .data-calen,
.page-room-confirm .layout-container .data-calen {
  padding: 20px 0 0 0;
  overflow: hidden;
}

.page-room-cancel .layout-container .data-calen .txt-label,
.page-room-complete .layout-container .data-calen .txt-label,
.page-room-confirm .layout-container .data-calen .txt-label {
  float: left;
  font-size: 14px;
  color: #302f2e;
  font-weight: 500;
}

.page-room-cancel .layout-container .data-calen .txt-calen,
.page-room-complete .layout-container .data-calen .txt-calen,
.page-room-confirm .layout-container .data-calen .txt-calen {
  float: right;
  color: #302f2e;
  font-size: 12px;
}

.page-room-cancel .layout-container .data-calen .txt-calen .data-day,
.page-room-complete .layout-container .data-calen .txt-calen .data-day,
.page-room-confirm .layout-container .data-calen .txt-calen .data-day {
  margin-left: 8px;
}

.page-room-cancel .layout-container .section-confirm,
.page-room-complete .layout-container .section-confirm,
.page-room-confirm .layout-container .section-confirm {
  padding: 20px 0 15px 0;
  border-bottom: 1px solid #efedf0;
}

.page-room-cancel .layout-container .section-confirm .section-label,
.page-room-complete .layout-container .section-confirm .section-label,
.page-room-confirm .layout-container .section-confirm .section-label {
  position: relative;
  padding: 0 0 4px 0;
  color: #302f2e;
  font-size: 14px;
  font-weight: 500;
}

.page-room-cancel .layout-container .section-confirm .section-label .btn-price-view,
.page-room-complete .layout-container .section-confirm .section-label .btn-price-view,
.page-room-confirm .layout-container .section-confirm .section-label .btn-price-view {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  padding: 0 6px;
  line-height: 20px;
  background-color: #f9f8fa;
  color: #1b1b1b;
  font-size: 10px;
  font-weight: normal;
}

.page-room-cancel .layout-container .section-confirm .return-info,
.page-room-complete .layout-container .section-confirm .return-info,
.page-room-confirm .layout-container .section-confirm .return-info {
  padding: 4px 0 0 0;
  text-align: right;
  font-size: 11px;
  color: #aeadb0;
}

.page-room-cancel .layout-container .section-confirm .table-room-info tr.type-cancel th,
.page-room-complete .layout-container .section-confirm .table-room-info tr.type-cancel th,
.page-room-confirm .layout-container .section-confirm .table-room-info tr.type-cancel th {
  color: #ff6a29;
}

.page-room-cancel .layout-container .section-confirm .table-room-info tr.type-cancel td,
.page-room-complete .layout-container .section-confirm .table-room-info tr.type-cancel td,
.page-room-confirm .layout-container .section-confirm .table-room-info tr.type-cancel td {
  color: #ff6a29;
}

.page-room-cancel .layout-container .section-confirm .table-room-info tr th,
.page-room-complete .layout-container .section-confirm .table-room-info tr th,
.page-room-confirm .layout-container .section-confirm .table-room-info tr th {
  padding: 4px 0;
  text-align: left;
  color: #302f2e;
  font-size: 12px;
  font-weight: normal;
}

.page-room-cancel .layout-container .section-confirm .table-room-info tr td,
.page-room-complete .layout-container .section-confirm .table-room-info tr td,
.page-room-confirm .layout-container .section-confirm .table-room-info tr td {
  padding: 4px 0;
  text-align: right;
  color: #302f2e;
  font-size: 12px;
}

.page-room-cancel .layout-container .section-confirm .table-room-info tr td.type-total-cancel,
.page-room-complete .layout-container .section-confirm .table-room-info tr td.type-total-cancel,
.page-room-confirm .layout-container .section-confirm .table-room-info tr td.type-total-cancel {
  font-size: 14px;
  font-weight: bold;
  color: #ff6a29;
}

.page-room-cancel .layout-container .section-confirm .table-room-info tr td strong.data-price,
.page-room-complete .layout-container .section-confirm .table-room-info tr td strong.data-price,
.page-room-confirm .layout-container .section-confirm .table-room-info tr td strong.data-price {
  font-size: 14px;
  color: #302f2e;
  font-weight: bold;
}

.page-room-cancel .layout-container .section-cancel,
.page-room-complete .layout-container .section-cancel,
.page-room-confirm .layout-container .section-cancel {
  padding: 20px 0 60px 0;
}

.page-room-cancel .layout-container .section-cancel .link-cancel,
.page-room-complete .layout-container .section-cancel .link-cancel,
.page-room-confirm .layout-container .section-cancel .link-cancel {
  color: #ff6a29;
  font-size: 12px;
}

.page-room-cancel .layout-container .section-cancel .cancel-info,
.page-room-complete .layout-container .section-cancel .cancel-info,
.page-room-confirm .layout-container .section-cancel .cancel-info {
  display: block;
  padding: 2px 0 0 0;
  color: #ff6a29;
  font-size: 12px;
}

.page-room-cancel .layout-container .ui-link,
.page-room-complete .layout-container .ui-link,
.page-room-confirm .layout-container .ui-link {
  padding: 12px 0 30px 0;
  text-align: center;
}

.page-room-cancel .layout-container .ui-link .link-rule-view,
.page-room-complete .layout-container .ui-link .link-rule-view,
.page-room-confirm .layout-container .ui-link .link-rule-view {
  font-size: 11px;
  color: #aeadb0;
  text-decoration: underline;
}

/***************************************************************************************
   Page : Room complete
***************************************************************************************/
.page-room-complete {
  padding-bottom: 40px;
}

.page-room-complete .component-btn-solid {
  margin-top: 100px;
}

.page-room-complete .section-confirm:last-of-type {
  border-bottom: none;
}

/***************************************************************************************
   Page : Room cancel
***************************************************************************************/
.page-room-cancel .data-cancel-day {
  display: block;
  padding: 9px 0;
  margin: 24px 0 0 0;
  color: #ff6a29;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  background-color: #ffeee1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.page-room-cancel .cancel-info {
  padding: 53px 0 62px 0;
  color: #aeadb0;
  font-size: 11px;
}

.page-room-cancel .component-btn-solid {
  margin-top: 25px;
}

.page-room-cancel .section-confirm.type-last {
  border-bottom: none;
}

/***************************************************************************************
   Page : Room review history
***************************************************************************************/

.page-review-list {
  height: 100%;
  overflow: auto;
}

.page-review-list .layout-header .header-right .link-local {
  display: none;
}
.page-review-list .layout-header .header-right .ui-calen {
  display: none;
}
.page-review-list .layout-container {
  height: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}


.page-review-list .ui-label {
  padding: 32px 0 20px 0;
  color: #1b1b1b;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.page-review-list .section-history {
  position: relative;
  padding: 0 24px;
}

.page-review-list .section-history + .section-history {
  margin-top: 43px;
}

.page-review-list .section-history .link-del {
  position: absolute;
  top: 0;
  right: 24px;
  font-size: 12px;
  color: #8e8e8e;
  text-decoration: underline;
}

.page-review-list .section-history .ui-buttons {
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}

.page-review-list .section-history .ui-buttons [class^="btn"] {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.page-review-list .section-history .review-del {
  position:absolute;
  top:0;
  right:24px;
  font-size:12px;
  color:#8E8E8E;
  text-decoration: underline;
}
.page-review-list .section-history .data-history-day {
  display: inline-block;
  padding: 0 0 11px 0;
  color: #302f2e;
  font-size: 12px;
}

.page-review-list .section-history .data-history-day .data-day {
  margin-left: 8px;
}

.page-review-list .section-history .data-history-day.type-cancel {
  text-decoration: line-through;
}


.page-review-list .history-summary {
  padding: 16px 0 0 0;
  border-top: 1px solid #efedf0;
}

.page-review-list .history-summary + .history-summary {
  margin-top: 56px;
}

.page-review-list .history-summary .area-photo {
  display: inline-block;
  float: left;
  width: 96px;
  height: 96px;
  margin-right: 12px;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.page-review-list .history-summary .area-photo img {
  width: 100%;
  height: 100%;
}

.page-review-list .history-summary .area-summary {
  position: relative;
  height: 96px;
  overflow: hidden;
  margin: 0 0 0 12px;
}

.page-review-list .history-summary .area-summary .txt-title {
  padding: 0 0 4px 0;
  font-size: 16px;
  font-weight: 500;
  color: #1b1b1b;
}

.page-review-list .history-summary .area-summary .txt-det {
  color: #8e8e8e;
  font-size: 12px;
}

.page-review-list .history-summary .area-summary .txt-type {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000000;
  font-size: 12px;
}

.page-review-list .history-summary .area-summary .txt-type .txt-type-label {
  color: #504e4d;
  font-size: 12px;
  margin-right:5px;
}
.page-review-list .review-photo {
  padding:39px 0 0 0;
}
.page-review-list .review-photo .swiper-slide {
  width:116px;
  height:116px;
}
.page-review-list .review-photo img {
  width:100%;
  height:100%;
}
.page-review-list .wrap-admin-write {
  display:block;
  margin:24px 0 0 0;
  padding:16px 0 0 0;
  border-top: 1px solid #EFEDF0;
}
.page-review-list .wrap-admin-write .area-write {
  padding:18px 11px;
  background: #F9F8FA;
  border-radius: 6px;
  font-size:14px;
  color:#000;
  line-height:22px;

}
.page-review-list .wrap-admin-write .data-admin {
  padding:0 0 12px 0;

}
.page-review-list .wrap-admin-write .data-admin .data-name{
  font-size:16px;
  color:#1B1B1B;
}
.page-review-list .wrap-admin-write .data-admin .data-day{
  display:inline-block;
  padding-left:10px;
  font-size:12px;
  color:#8E8E8E;
}
.page-review-list .review-input {
  margin:9px 0 0 0;
  display:block;
  width:100%;
  padding:16px 22px;
  border: 1px solid #EFEDF0;
  box-sizing: border-box;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.page-review-list .review-input.type-full span {
  display:block;
}
.page-review-list .review-input span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 22px;
  font-size:14px; color:#000000;

}
/***************************************************************************************
   Page : Room review
***************************************************************************************/
.page-room-review .layout-container {
  padding-left: 24px;
  padding-right: 24px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

.page-room-review .section-contents {
  height: 100%;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.page-room-review .ui-label {
  padding: 12px 0 20px 0;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: 500;
  text-align: center;
}

.page-room-review .textarea-review {
  display: block;
  height: 200px;
  width: 100%;
  font-size: 14px;
  background-color: #f9f8fa;
  padding: 16px;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}


.page-room-review .section-photo {
  padding: 32px 0 0 0;
}

.page-room-review .section-photo .photo-label {
  display: block;
  padding: 0 0 16px 0;
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 500;
}

.page-room-review .section-photo .list-photo:after {
  display: block;
  clear: both;
  content: '';
}

.page-room-review .section-photo .list-photo .photo-file {
  display: block;
  position: relative;
  float: left;
  width: 116px;
  height: 116px;
  margin-right: 8px;
  border: 1px solid #e8e6ec;
}

.page-room-review .section-photo .list-photo .photo-file:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  content: '';
  display: inline-block;
  vertical-align: top;
}

.page-room-review .section-photo .list-photo .photo-file input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.page-room-review .section-photo .list-photo .photo-file img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.page-room-review .section-photo .list-photo .photo-file .btn-delete {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #000;
  z-index: 1;
}

.page-room-review .section-photo .list-photo .photo-file .btn-delete:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  content: '';
  display: inline-block;
  vertical-align: top;
}

/***************************************************************************************
   Page : Room Cancel
***************************************************************************************/
.page-room-cancel .layout-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 40px;
}

.page-room-cancel .txt-cancel-info {
  padding: 16px 0;
  color: #ff6a29;
  font-size: 12px;
}

.page-room-cancel .txt-cancel-title {
  padding-bottom: 28px;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 28px;
  border-bottom: 1px solid #efedf0;
}

.page-room-cancel .txt-cancel-title strong {
  color: #ff6a29;
  font-weight: 500;
}

.page-room-cancel .section-confirm .section-label {
  padding: 19px 0 8px 0;
  font-size: 14px;
  color: #302f2e;
  font-weight: 500;
}

.page-room-cancel .table-room-info tr th {
  padding: 4px 0;
  text-align: left;
  color: #302f2e;
  font-size: 12px;
  font-weight: normal;
}

.page-room-cancel .table-room-info tr td {
  padding: 4px 0;
  text-align: right;
  color: #302f2e;
  font-size: 12px;
}

.page-room-cancel .table-room-info tr.data-cancel td,
.page-room-cancel .table-room-info tr.data-cancel th {
  color: #ff6a29;
}

.page-room-cancel .table-room-info + .table-room-info {
  margin-top: 8px;
}

.page-room-cancel .total-cancel {
  margin-top: 15px;
}

.page-room-cancel .section-cancel-reason {
  padding: 36px 0 0 0;
}

.page-room-cancel .section-cancel-reason .txt-label {
  padding: 0 0 8px 0;
  color: #302f2e;
  font-size: 14px;
  font-weight: 500;
}

.page-room-cancel .section-cancel-reason .box-cancel {
  padding: 12px 20px;
  height: 44px;
  position: relative;
  background-color: #ffeee1;
  color: #000;
  font-size: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.page-room-cancel .section-cancel-reason .box-cancel .link-select {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  line-height: 20px;
  color: #ff6a29;
  font-size: 12px;
  font-weight: 500;
}

.page-room-cancel .cancel-desc {
  padding: 0 0 32px 0;
  margin-top: 109px;
  font-size: 11px;
  color: #aeadb0;
}

/***************************************************************************************
   Page : Cancel Reason
***************************************************************************************/
.page-cancel-reason .list-cancel-reason li a {
  padding: 12px 24px;
  display: block;
  color: #1b1b1b;
  font-size: 14px;
  -webkit-box-shadow: 0 1px 0 0 #f9f8fa;
  -moz-box-shadow: 0 1px 0 0 #f9f8fa;
  box-shadow: 0 1px 0 0 #f9f8fa;
}

/***************************************************************************************
   Page : Cancel Reason
***************************************************************************************/
.page-pet-card .layout-container {
  padding-left: 24px;
  padding-right: 24px;
}

.page-pet-card .section-file-add {
  margin: 24px 0 24px 0;
  text-align: center;
}

.page-pet-card .form-radio-inline {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}

.page-pet-card .form-radio-inline .component-radio {
  margin-right: 32px;
}

.page-pet-card .form-input {
  margin-bottom: 16px;
}

.page-pet-card .component-btn-solid {
  margin: 45px 0 40px 0;
}

.page-pet-card .section-add-pet {
  padding: 55px 0;
  text-align: center;
  border-top: 1px solid #efedf0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.page-pet-card .section-add-pet .area-add-pet {
  display: inline-block;
  position: Relative;
  width: 100px;
  height: 100px;
  border: 1px solid #efedf0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.page-pet-card .section-add-pet .area-add-pet:before {
  content: '';
  display: inline-block;
  vertical-align: top;
}

.page-pet-card .section-add-pet .area-add-pet input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
  width: 100%;
}

.page-pet-card .section-add-pet .area-add-pet .txt-pet-info {
  font-size: 12px;
  padding: 6px 0 0 0;
  color: #1b1b1b;
}

.page-pet-card .section-add-pet .area-add-pet img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.page-pet-card .area-file-add {
  position: relative;
  display: inline-block;
  width: 88px;
  height: 88px;
  overflow: hidden;
  background-color: #f9f8fa;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-pet-card .area-file-add input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}

.page-pet-card .area-file-add:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  content: '';
  display: inline-block;
  vertical-align: top;
}

.page-pet-card .area-file-add img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
/***************************************************************************************
   Popup : host
***************************************************************************************/
.page-host .ui-label {
  padding:5px 0 17px 0;
  font-size:20px;
  color:#1b1b1b;
  text-align:center;

}
.page-host .form-input {
  padding:0 24px;
}
.page-host .form-input .label-form {
  padding-bottom:20px;
  font-size:14px;
  color:#1B1B1B;

}
.page-host .form-input .component-input {
  margin-bottom:12px;
}
.page-host .form-input .component-textarea {
  display:block;
  width:100%;
  border-radius:8px;
  background-color:#F9F8FA;
  height:212px;
  border:none;
  padding:9px 15px;
  font-size:14px;
}
.page-host .ui-foot-buttons {
  padding:20px 24px;
}
/***************************************************************************************
   Popup : mypage modify
***************************************************************************************/
.page-mypage-modify {
  padding: 0 0 20px 0;
}

.page-mypage-modify .section-join {
  padding-left: 24px;
  padding-right: 24px;
}
.page-mypage-modify .ui-password .psw-title {
  padding:34px 0 0 0;
  border-top:1px solid #EFEDF0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color:#1B1B1B;
  text-align:center;

}

.page-mypage-modify .ui-password .component-btn-solid.type-password {
  margin:27px 0 0 0;
}
.page-mypage-modify .ui-password .hr-line {
  border:none;
  width:100%;
  margin:32px 0;
  border-bottom:1px solid #EFEDF0;
}
.page-mypage-modify .ui-password .ui-link {
  padding:44px 0 50px 0;
  text-align:right;
}
.page-mypage-modify .ui-password .ui-link a {
  text-decoration:underline;
  font-size: 12px;
  line-height: 20px;
  color:#6F6F6F;
}
.page-mypage-modify .component-form-group {
  padding: 16px 0 0 0;
}

.page-mypage-modify .component-form-group + .component-form-group {
  padding: 32px 0 0 0;
}

.page-mypage-modify .component-form-group.type-phone .component-input-multi {
  margin-bottom: 16px;
}

.page-mypage-modify .section-period {
  padding: 32px 0 0 0;
}

.page-mypage-modify .section-period .txt-label {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 500;
}

.page-mypage-modify .section-period .txt-info {
  padding: 4px 0 0 0;
  color: #8e8e8e;
  font-size: 11px;
}

.page-mypage-modify .section-period .area-radio-inline {
  padding: 16px 0 40px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
}

.page-mypage-modify .section-period .area-radio-inline .component-radio {
  margin-right: 32px;
}

.page-secession .layout-container {
  padding:0 24px;
}
.page-secession .form-secession {
  display:flex;
  padding-bottom:32px;

}
.page-secession .form-secession .ui-info {
  flex:auto;
  text-align:right;
  font-size: 12px;
  line-height: 20px;
  color: #6F6F6F;
  text-decoration:underline;
}



/***************************************************************************************
   Popup : reservation check
***************************************************************************************/
.page-reservation-check .layout-header a {
  position:relative;
  z-index:3;
}
.page-reservation-check .label-check {
  padding:25px 0 23px 0;
  font-size:16px;
  color:#1B1B1B;
  font-weight:bold;
}
.page-reservation-check .table-info tr td,
.page-reservation-check .table-info tr th{
  padding:4px 10px;
  border:1px solid #000000;
  font-size:12px;
  color:#302F2E;
  font-weight:normal;
  text-align:left;
}
.page-reservation-check .list-info li {
  position: Relative;
  padding-left: 15px;
  line-height: 22px;
  color: #000000;
  font-size: 14px;
}

.page-reservation-check .list-info li:before {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #504e4d;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.page-reservation-check .list-info li span {
  color:#ff6a29;
}

.page-reservation-check .ui-buttons {
  padding:54px 0 40px 0;
  text-align:center;
}
.page-reservation-check .ui-buttons .component-btn-solid {
  width:200px;
  display:inline-block;
}

.page-reservation-check .layout-container {
  padding:0 24px;
}


.page-secession .layout-container {
  padding:0 24px;
}
.page-secession .form-secession {
  display:flex;
  flex-direction: column;
  padding-bottom:32px;

}
.page-secession .form-secession .ui-info {
  flex:auto;
  text-align:center;
  padding:30px 0 0 0;
  font-size: 14px;
  line-height:1.5em;
  color: #000;
  text-decoration:none;
}
/***************************************************************************************
   Datepicker
***************************************************************************************/
.wrap-datepicker {
  position:relative !important;
  left:initial !important;
  right:initial !important;

  margin:0;
  overflow:hidden;
  border:none;
  /*display:none !important;*/
  z-index:10;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  height:100%;
}
.wrap-datepicker.type-calen .box-datepicker {
  height:80%;
}

.daterangepicker {
  position: fixed !important;
  left: 50% !important;;
  top: 0 !important;;
  bottom: 0 !important;;
  margin-left:337px !important;
  margin-top:0 !important;;
  width: 414px !important;;
  padding: 0 16px !important;;
  z-index: 100;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border:none !important;  background-color: rgba(0, 0, 0, 0.5) !important;
}

.daterangepicker .ranges {
  display:none !important;


}
.daterangepicker .calendar-table table {
  margin:32px 0 32px 0 !important;
}

.daterangepicker .drp-calendar:first-of-type .calendar-table table {
  margin-bottom:0 !important;
}
.wrap-datepicker.type-calen .date-label {
  font-size:16px;
  position:relative;
  color:#000;
  font-weight:500;
  padding:32px 32px 0 32px;
}
.wrap-datepicker.type-calen .calendar-table tbody td {
  padding:7px 0;
}
.wrap-datepicker.type-calen .pop-close {
  display:inline-block;
  width:18px;
  position:absolute;
  top:28px;
  right:28px;
  height:18px;
  background:url(../images/pop-close.svg) no-repeat;

}
.wrap-datepicker.type-calen .daterangepicker .box-datepicker {
  height:475px;
}
.daterangepicker .box-datepicker .box-calendar {
  flex:auto;
  overflow:auto;
  padding:0 24px;
}
.daterangepicker .box-datepicker {
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:auto;
  z-index:10;
  width: 100%;
  height:609px;
  border-radius:8px;
  background-color:#fff;
}
.daterangepicker.show-calendar .drp-calendar {
  max-width:100%;
  width:100%;
  padding:0 !important;
}
.daterangepicker .calendar-table {
  padding:0 !important;
  border:none !important;
}
.daterangepicker select.yearselect {
  order:2;
}
.daterangepicker select.yearselect,
.daterangepicker select.monthselect{
  border:none;
  appearance:none;
  font-size:24px !important;
  font-weight:500;
  width:auto !important;
}
/*.daterangepicker td.active, .daterangepicker td.active:hover,*/
/*.daterangepicker td.end-date {*/
/*background:#1B1B1B !important;*/
/*color:#fff !important;*/

/*}*/
/*.daterangepicker td .txt-num, .daterangepicker td:hover .txt-num{*/
/*display:inline-block;*/
/*border-radius:50%;*/
/*line-height:40px;*/
/*max-width:40px;*/
/*width:100%;*/
/*height:40px;*/
/*}*/
/*.daterangepicker td.active .txt-num, .daterangepicker td.active:hover .txt-num{*/
/*color:#fff !important;*/
/*background-color:#1B1B1B;*/
/*}*/

.daterangepicker th.month {
  text-align:left;
  height:32px !important;
  font-size:24px !important;

}
/*.daterangepicker th.available:hover {*/
/*background:none !important;*/

/*}*/
/*.daterangepicker td.available:hover {*/
/*background:#1B1B1B !important;*/
/*color:#fff !important;*/
/*}*/
.daterangepicker th.month .wrap-month {
  padding:32px 0 23px 0;
  display:flex;
  align-items: center;
  justify-content: center;
  line-height:32px;
}
.daterangepicker th.month .wrap-month select:last-of-type {
  order:2;
}
/*.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {*/
/*color: #AEADB0 !important*/
/*}*/


.daterangepicker .calendar-table thead tr:first-of-type th:last-of-type {

  height:auto;
  vertical-align:top;
  position:relative;
  top:2px;
}
.daterangepicker td.in-range {
  /*background-color:#EFEDF0 !important;*/
}
.daterangepicker .calendar-table thead tr:last-of-type th {
  font-size:16px;
  width:auto;
  font-weight:normal;
  color:#6f6f6f;
  padding-top:22px;
}
.daterangepicker .calendar-table thead tr:last-of-type th:first-of-type {
  color:#FF6A29 !important;
}
.daterangepicker .calendar-table thead tr:last-of-type th:last-of-type {
  color:#5D5FEF !important
}
/* .daterangepicker .calendar-table thead tr:last-of-type th:last-of-type {
  padding-bottom:6px;
} */
.daterangepicker .calendar-table tbody td {
  width:auto !important;
  font-size:16px;
  color:#1b1b1b;
  height:24px;
  padding:3px 0;
}
.daterangepicker .calendar-table tbody td.off {
  color:#AEADB0;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  position:relative;

  min-width:auto;
}

.daterangepicker .calen-buttons {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding: 35px 32px 20px 32px;
  text-align: right;
}

.daterangepicker .calen-buttons .btn-txt {
  margin-left: 40px;
  font-size: 14px;
  color: #1b1b1b;
}
.drp-buttons .drp-selected {
  display:none !important;
}
.daterangepicker .drp-buttons .btn {
  margin-left: 40px !important;
  font-size: 14px !important;;
  color: #1b1b1b;
  padding:0 !important;
  font-weight:normal !important;;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color:#1B1B1B !important;
  color:#fff !important;
}
.daterangepicker .box-datepicker td.in-range {
  background-color:#EFEDF0;
}
.daterangepicker .drp-buttons {
  padding:20px 32px 20px 32px !important;
  display:block !important;

}

.page-event-test .layout-container {
    padding:0 20px;
}
.page-event-test .layout-container .txt-detail {
  padding:0 0 12px 0;
  font-size:12px;
  line-height:20px;
  color:#504E4D;
}
.page-event-test .layout-container .txt-detail .txt-strong {
  color:#ff6a29;
}
.page-event-test iframe {
  margin:15px 0 0 0;
}
.component-tab-line {
  display:flex;
  padding:0 20px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.component-tab-line a {

  display:block;
  padding:0 13px;
}
.component-tab-line a span {
  display:block;
  padding:16px 0;
  position:relative;
  font-size:14px;
  color: #C6C4C8;
  font-weight:500;
}
.component-tab-line a.is-select span {
  color:#1B1B1B;
  font-weight:bold;
}
.component-tab-line a.is-select span:before {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  border-bottom:3px solid  #1B1B1B;
  content:'';
}

.page-promotion .tabs-contents {
  padding:19px 24px;
}
.page-promotion .box-summary {
  position:relative;
  width: 100%;
  border-radius:12px;
  overflow:hidden;
  font-size:0;
}
.page-promotion .box-summary + .box-summary {
  margin-top:16px;
}
.page-promotion .box-summary:before {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: rgba(0, 0, 0, 0.10);
  content:'';
}

.page-promotion .box-summary  img {
  width:100%;
}
.page-promotion .txt-image {
  position:absolute;
  bottom:24px;
  left:24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */
  color: #FFFFFF;
  z-index:1;

}


.component-hotel a {
  display:flex;
}
.component-hotel a.link-hotel {
  flex-flow:column;
}
.component-hotel a .ui-flex {
  display:flex;
}
.component-hotel + .component-hotel {
  margin: 20px 0 0 0;
}

.component-hotel .area-photo {
  position: relative;
  /*width:172px;
  height: 132px;*/
  overflow: hidden;
  margin-right:12px;
  border-radius: 5px;
  flex:none;
}
.component-hotel .area-photo .tag-petel {
  position:absolute;
  top:12px;
  left:12px;
  /* primary/main */

  background: #FF6A29;
  /* primary/main */

  border: 1px solid #FF6A29;
  border-radius: 4px;
  line-height:20px;
  color: #FFFFFF;
  padding:0 6px;
  font-size:11px;
}

.component-hotel .area-photo img {
  width: 100%;
  height: 100%;
}

.component-hotel .area-photo .photo-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.component-hotel .area-photo .photo-button .btn-fav i {
  display: inline-block;
  vertical-align: top;
}

.component-hotel .area-photo .photo-button .btn-fav input:checked + i {
  display: inline-block;
  vertical-align: top;
}

.component-hotel .area-photo .photo-button .btn-fav input {
  display: none;
}

.component-hotel .area-photo .photo-button .btn-share {
  margin-left: 16px;
  display: inline-block;
  vertical-align: top;
}
.component-hotel .txt-info {
  display:flex;
  flex-flow:column;
  flex:auto;
}
.component-hotel .txt-info .txt-top {
  flex:auto;
}
.component-hotel .txt-service {
  padding:6px 0 0 0;
}
.component-hotel .txt-service span {
  display:inline-block;
  padding:0 7px;
  line-height:20px;
  font-size:11px;
  color: #FF6A29;
  border: 1px solid #FE9B52;
  border-radius: 4px;
}
.component-hotel .txt-servie span + span {
  margin-left:10px;
}
.component-hotel .txt-title {

  font-size: 16px;
  color: #1B1B1B;
  font-weight: 500;
}

.component-hotel .txt-det {
  padding: 2px 0 0 0;
  color: #8e8e8e;
  font-size: 12px;
  line-height: 20px;
}

.component-hotel .txt-price {
  padding: 8px 0 0 0;
  color: #1B1B1B;
  font-size: 16px;
  font-weight: bold;
  text-align:right;
}
.page-promotion-group .area-banner {
  padding: 0 15px;
}
.page-promotion-group .area-banner img {
  width:100% !important;
  height:auto !important;

}
.page-promotion-group .wrap-hotel {
  padding:32px 15px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.page-promotion-group .wrap-hotel .component-hotel {
  width: 50%; margin: 0;
  padding-right: 7px;
  padding-bottom: 24px;
  position: relative;
}

.page-promotion-group .wrap-hotel .component-hotel a {
  display:block;
}
.page-promotion-group .wrap-hotel .component-hotel .area-photo {
 margin: 0;
}

.page-promotion-group .wrap-hotel .component-hotel .area-photo img {
  display: block;
  max-width: 176px;
  margin-bottom: 12px;
  border-radius: 5px;

}
.page-promotion-group .wrap-hotel .component-hotel .txt-info {
  max-width: 176px; 
}

.page-promotion-group .wrap-hotel .component-hotel .txt-title {
  font-size: 14px;
  color: #1B1B1B;
  font-weight: 500;
  padding-bottom: 4px;
}

.page-promotion-group .wrap-hotel .component-hotel .txt-det {
  font-size: 12px;
    color: #8E8E8E;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .page-promotion-group .wrap-hotel .component-hotel .txt-service {
    display: none;
  } 

  .page-promotion-group .wrap-hotel .component-hotel .txt-price {
    font-size: 14px;
    display: block;
    text-align: right;
    font-weight: 600;
    color: #1B1B1B;
    letter-spacing: -1px;
    padding: 0;
  } 

  .page-promotion-group .wrap-hotel .component-hotel .tag-single {
    position:absolute;
    top:12px;
    left:12px;
    border-radius:4px;
    padding:0 6px;
    background-color:#FF6A29;
    display:inline-block;
    font-size:11px;
    line-height:20px;
    color:#FFF;
    z-index: 9999;
  }

  .page-promotion-group .layout-header .header-title br {display:none;}

.page-promotion-event .area-banner {
  font-size:0;
}
.page-promotion-event .area-banner img {
  width:100% !important;
  height:auto !important;
}
.page-promotion-event .wrap-google {
  padding:13px 14px;
}
.page-promotion-event .wrap-google .area-google {
  background: #FFF;
  border-radius: 8px;
  height: 569px;
  overflow-y:scroll;
}

.page-promotion-event .wrap-google .area-google img {
 width:100% !important;
 height: auto !important;
 border-radius: 8px;
}

.page-promotion-event .wrap-google .btn-solid {
  display: inline-block;
  margin-left: auto;
  width: 100%;
  line-height: 40px;
  background-color: #1b1b1b;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 6px;
}
.page-promotion-event .btn-solid-box {  padding:6px 14px;
}





.page-promotion-event .list-room-select {
  padding:32px 24px;
}

.page-promotion-event .list-room-select li  {
  display: block;
  overflow:hidden;
  position:Relative;
}
.page-promotion-event .list-room-select li + li {
  margin:20px 0 0 0;
}

.page-promotion-event .list-room-select li .img-photo {
  position:relative;
  float: left;
  width: 132px;
  height: 132px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.page-promotion-event .list-room-select li .img-photo .tag-form {
  position:absolute;
  top:12px;
  left:12px;
  display:inline-block;
  line-height:20px;
  background-color:#FF6A29;
  color:#fff;
  font-size:11px;
  padding:0 6px;
  border-radius:4px;
}
.page-promotion-event .list-room-select li .img-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.page-promotion-event .list-room-select li .room-detail {
  padding-left: 16px;
  display: block;
  overflow: hidden;
  display:flex;
  flex-direction: column;
}
.page-promotion-event .list-room-select li .room-detail .txt-sale {
  margin:6px 0 0 0;
  border-radius:4px;
  border:1px solid #FE9B52;
  display:inline-block;
  padding:0 6px;
  line-height:20px;
  font-size:11px;
  color:#FF6A29;
}
.page-promotion-event .list-room-select li .room-detail .txt-title {
  padding-bottom: 6px;
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 24px;
}

.page-promotion-event .list-room-select li .room-detail .txt-det {
  padding: 0 27px 0 0;
  color: #8e8e8e;
  font-size: 12px;
  line-height: 20px;
}

.page-promotion-event .list-room-select li .room-detail .txt-price {
  margin:auto;
  padding-top: 16px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 500;
  text-align:right;
  line-height: 20px;
  letter-spacing: -1px;
}
.page-promotion-event .list-room-select li .room-detail .txt-price strong {
  font-size:16px;
}

.page-promotion-event .list-room-select li .room-detail .txt-status {
  font-size: 10px;
  color: #ff6a29;
}

.page-promotion-event .list-room-select li .room-detail {
  padding-left: 16px;
  display: block;
  overflow: hidden;
}

.page-promotion-event .list-room-select li .room-detail .txt-title {
  padding-bottom: 6px;
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 24px;
}

.page-promotion-event .list-room-select li .room-detail .txt-det {
  padding: 0 27px 0 0;
  color: #8e8e8e;
  font-size: 12px;
  line-height: 20px;
}

.page-promotion-event .list-room-select li .room-detail .txt-price {
  padding-top: 16px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.page-promotion-event .list-room-select li .room-detail .txt-status {
  font-size: 10px;
  color: #ff6a29;
}


/*************************************
  Travel
*****************************************/
.page-travel-main {
  position:relative;
}
.page-travel-main .ui-buttons {
  height:40px;
  position:absolute;
  top:0;
  left:0;
  right:0;
}

.page-travel-main .btn-close {
  position: absolute;
  top: 7px;
  right: 24px;
  display: inline-block;
  vertical-align: top;
  background: url("../images/petel_sprite.svg") no-repeat;
  background-position: 11.320754716981131% 86.81318681318682%;
  width:24px;
  height:24px;
}
.page-travel-main .ui-contents {
  padding:0 24px;

}
.page-travel-main .ui-contents .travel-title {
  padding:38px 0 0 0;
  font-size:32px;
  font-weight:bold;
  color:#000000;
  line-height: 42px;
}
.page-travel-main .ui-contents .travel-det {
  padding:12px 0 43px 0;
  font-size:16px;
  line-height:24px;
  color:#504E4D;
}

.page-travel-main .ui-contents .component-btn-solid {
  margin-bottom:64px;
}
.page-travel-main .wrap-image {
  display:flex;
  padding:0 0 29px 0;
  flex-direction:column;
  align-items: center;
  justify-content: center;
  font-size:14px;
  color:#1B1B1B;
}
.page-travel-main .area-image {
  position:relative;
  display:inline-block;
  margin-bottom:12px;
  width:140px;
  height:140px;
  border-radius:50%;
  background: #F9F8FA;
  overflow:hidden;
}
.page-travel-main .area-image:before {
  display:inline-block;
  width:18px;
  height:18px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-9px 0 0 -9px;
  content:'';
  background:url("../images/icon-plus.svg") no-repeat;
}
.page-travel-main .area-image img {
  display:block;
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
}
.page-travel01 .layout-container {
  position:relative;
  padding:0 24px;
  border-top:1px solid #EFEDF0;
}

.page-travel01 .layout-container .bg-line {
  position:absolute;
  top:0;
  left:0;
  right:0;
  border-top:3px solid #EFEDF0;
}

.page-travel01 .layout-container .bg-line.type-tab01:before {
  position:absolute;
  top:-3px;
  left:0;
  width:41px;
  border-top:3px solid #FF6A29;
  content:'';
}
.page-travel01 .txt-info {
  padding:40px 0 80px 0;
  font-size:24px;
  line-height:34px;
  color:#000000;
  font-weight:bold;
}

.page-travel01 .create-photo {
  display:flex;
  flex-flow:column;
  justify-content: center;
  align-items: center;
  font-size:14px;
  color:#1B1B1B;
  margin-bottom:119px;
}
.page-travel01 .create-photo .photo-file {
  display: block;
  position: relative;
  margin:0 0 12px 0;
  width: 140px;
  height: 140px;
  border-radius:50%;
  background-color:#F9F8FA;
  overflow:hidden;
}
.page-travel01 .create-photo .photo-file img {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:5;
}
.page-travel01 .create-photo .photo-file input {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity:0;
  z-index:10;
}

.page-travel01 .create-photo .photo-file:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  content: '';
  display: inline-block;
  vertical-align: top;
  width:24px;
  height:24px;
  background: url("../images/petel_sprite.svg") no-repeat;
  background-position: 33.9622641509434% 100%;
}


.page-travel02 .layout-container .bg-line {
  position:absolute;
  top:0;
  left:0;
  right:0;
  border-top:3px solid #EFEDF0;
}

.page-travel02 .layout-container .bg-line.type-tab01:before {
  position:absolute;
  top:-3px;
  left:0;
  width:33.3333%;
  border-top:3px solid #FF6A29;
  content:'';
}
.page-travel02 .txt-info {
  padding:0 0 25px 0;
  font-size:24px;
  color:#000000;
  font-weight:bold;
}
.page-travel02 .txt-info .txt-det {
  font-size:16px;
  font-weight:bold;
  color:#000;
}

.page-travel02 .create-photo {
  display:flex;
  flex-flow:column;
  justify-content: center;
  align-items: center;
  font-size:14px;
  color:#1B1B1B;
  margin-bottom:40px;
}

.page-travel02 .create-photo .txt-photo {
  font-size:16px;
  color:#504E4D;
  text-align:center;
  padding:22px 0 0 0;
}
.page-travel02 .create-photo .photo-file {
  display: block;
  position: relative;
  width: 140px;
  height: 140px;
  border-radius:50%;
  background-color:#F9F8FA;
  overflow:hidden;
}
.page-travel02 .create-photo .photo-file img {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:5;
}
.page-travel02 .layout-container {
  padding:48px 24px 116px 24px;
  position:relative;
}
.page-travel02 .layout-container .component-btn-solid {
  position:absolute;
  bottom:30px;
  left:20px;
  right:20px;
  width:auto;
}
.page-travel02 .box-select {
  display:flex;
  align-items: center;
  padding:0 24px 0 34px;
  height:56px;

  border-radius: 8px;
  border: 1px solid #DCD9DE;
}
.page-travel02 .box-select + .box-select {
  margin:12px 0 0 0;
}
.page-travel02 .box-select .txt-select {
  font-size:16px;
  color:#000000;
}
.page-travel02 .box-select .link-select {
  font-size:14px;
  margin-left:auto;
  color:#F14E08;
  text-decoration:underline;
}
.page-travel02 .ui-link {
  padding:46px 0 0 0;
  text-align:center;
}
.page-travel02 .ui-link a{
  font-size:16px;
  color:#302F2E;
  text-decoration: underline;
}


.page-travel03 .layout-container {
  padding:41px 24px;
  position:relative;
}
.page-travel03 .layout-container .bg-line {
  position:absolute;
  top:0;
  left:0;
  right:0;
  border-top:3px solid #EFEDF0;
}

.page-travel03 .layout-container .bg-line.type-tab02:before {
  position:absolute;
  top:-3px;
  left:33.3333%;
  width:33.3333%;
  border-top:3px solid #FF6A29;
  content:'';
}
.page-travel03 .txt-info {
  padding:0 0 17px 0;
  font-size:24px;
  color:#000000;
  font-weight:bold;
}
.page-travel03 .txt-info .txt-det {
  font-size:16px;
  font-weight:bold;
  color:#000;
}

.page-travel03 .create-photo {
  display:flex;
  flex-flow:column;
  justify-content: center;
  align-items: center;
  font-size:14px;
  color:#1B1B1B;
  margin-bottom:40px;
}
.page-travel03 .create-photo .photo-file {
  display: block;
  position: relative;
  margin:0 0 12px 0;
  width: 88px;
  height: 88px;
  border-radius:50%;
  background-color:#F9F8FA;
  overflow:hidden;
}
.page-travel03 .create-photo .photo-file img {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:5;
}
.page-travel03 .form-radio-inline {
  padding-bottom:24px;
}
.page-travel03 .form-radio-inline .component-radio {
  margin-right:32px;
}
.page-travel03 .form-input [class^="component"]{
  margin-bottom:24px;

}
.page-travel03 .form-input .ui-buttons {
  text-align:center;
  padding:47px 0 20px 0;
}
.page-travel03 .form-input .component-btn-solid {
  display:inline-block;
  width:180px;
}
.page-travel03 .form-input .txt-info {
  font-size:14px;
  color:#FF834F;
  font-weight:bold;
  margin:-12px 0 0 0;
}


.page-travel04 .layout-container {
  padding:41px 24px;
  position:relative;
}
.page-travel04 .layout-container .bg-line {
  position:absolute;
  top:0;
  left:0;
  right:0;
  border-top:3px solid #EFEDF0;
}
.page-travel04 .layout-container .ui-buttons {
  text-align:center;
  padding:41px 0 0 0;
}
.page-travel04 .layout-container .ui-buttons .component-btn-solid {
  display:inline-block;
  width:180px;

}
.page-travel04 .layout-container .bg-line.type-tab03:before {
  position:absolute;
  top:-3px;
  left:66.666%;
  width:33.3333%;
  border-top:3px solid #FF6A29;
  content:'';
}
.page-travel04 .txt-info {
  padding:0 0 41px 0;
  font-size:24px;
  color:#000000;
  font-weight:bold;
}
.page-travel04 .check-image + .check-image {
  margin:33px 0 0 0;
}
.page-travel04 .check-image .component-radio {
  display:block;
  margin:0 0 9px 0;
}
.page-travel04 .check-image img {
  width: 100%;
  border-radius:12px;
}

.page-travel-package .layout-container {
  padding:8px 0 0 0;
}
.page-travel-package .wrap-tag {
  padding:0 26px 10px 26px;
  display:flex;
  overflow:auto;
  white-space:nowrap;
}
.page-travel-package .wrap-tag .ui-tag {
  display:inline-block;
  padding:0 12px;
  line-height:36px;
  background: #F9F8FA;
  /* grayscale/100 */

  border: 1px solid #F9F8FA;
  border-radius: 8px;
  color:#1B1B1B;
  font-size:12px;
}
.page-travel-package .type-container {
  padding:34px 24px;
}
.page-travel-package .wrap-tag .ui-tag  + .ui-tag {
  margin-left:10px;
}
.page-travel-package .box-detail {
  border: 1px solid #DCD9DE;
  border-radius: 4px;
  padding:20px 16px;
}
.page-travel-package .box-detail .ui-package {
  padding:0;
  border-bottom:none;
}
.page-travel-package .ui-package .box-package {
  border:1px solid #DCD9DE;
  border-radius:4px;
  padding:20px 15px;
}
.page-travel-package .ui-package {
  padding:10px 24px 17px 24px;
  border-bottom: 1px solid #EFEDF0;
}
.page-travel-package .ui-package + .ui-package {
  padding-top:16px;
}
.page-travel-package .ui-package .package-label {
  padding:0 0 20px 0;
  font-size:20px;
  color:#000000;
  font-weight:bold;

}
.page-travel-package .ui-package .box-info {
  margin:22px 0 0 0;
  padding:13px 17px;
  background: #F9F8FA;
  border-radius: 8px;
  font-size:14px;
  color:#000;
  line-height:20px;
}
.page-travel-package .area-map {
  height: 220px;
  overflow: hidden;
  border-radius: 12px;
  margin:30px 0;

}
.page-travel-package .ui-buttons {
  display:flex;
  padding:30px 0 0 0;

}
.page-travel-package .ui-buttons .component-btn-solid:first-of-type {
  margin-right:6px;
}
.page-travel-package .ui-buttons .component-btn-solid:last-of-type {
  margin-left:6px;
}
.page-travel-package .wrap-local {
  display:block;
}
.page-travel-package .local-list {
  display:flex;
  align-items: center;
}
.page-travel-package .local-list .txt-detail {
  padding:6px 0 0 0;
  font-size:12px;
  line-height:20px;
  color:#8E8E8E;
  font-weight:normal;
}
.page-travel-package .wrap-local + .wrap-local{
  margin:16px 0 0 0;
}
.page-travel-package .local-list img {
  display:inline-block;
  margin:0 15px 0 0;
  width:132px;
  height:132px;
  border-radius: 5px;
}
.page-travel-package .local-list {
  font-size:16px;
  font-weight:500;
  color: #000000;
}

.page-travel-package .component-hotel a .ui-flex {display:block}

/***************************************************************************************
   Page : Mypage_recent_room
***************************************************************************************/
.page-recent .component-hotel .area-photo {
  width: 100% !important;
}
.page-recent .component-hotel a {
  display: block;
}

.page-recent .component-hotel .txt-title {
  padding-top: 12px;
}
.page-recent .component-hotel .txt-det {
  display: flex;
}
.page-recent .component-hotel .txt-price{
  display: flex;
  align-items: flex-end;
}
.page-recent .component-hotel .txt-info {
  flex-flow: inherit;
}


/***************************************************************************************
   Popup : Christmas_popup
***************************************************************************************/

.christmas_popup {
  position: fixed;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999999999999999;
  width:80%; padding:0px;
  background-color: #f0eee2;
  border-radius: 10px;
  max-width:520px;
  display: none;
}
.christmas_popup.on {
  display: block;

}
.christmas_popup .popup_img_box {width:100%; margin:0 auto; position: relative;}
.christmas_popup img {width: 100%; display: block;border-top-left-radius:10px; border-top-right-radius:10px;}
.christmas_popup .popup_img_box a {display: block; position: relative; z-index: 99;}
.christmas_popup .popup_img_box .popup_submit {
  position: absolute; bottom:2px; display: inline-block;
  padding: 5px 0; width:120px; left:50%; transform: translateX(-50%);
  background-color: #FF6A29;
  text-align: center;
  font-size: 13px;
  text-decoration: none;
  color:#fff; border-radius: 6px;
  font-weight: 600;
}
.christmas_popup .pop_btn_box {
  display: flex;
  width: 90%; margin:0 auto;
  padding: 16px 0;
}
.christmas_popup .pop_btn_box button {
  display: block;
width: 67%;
text-align: center;
padding: 2px 0;
background:rgba(255,255,255,0.8);
}
.christmas_popup .pop_btn_box .btn_close {
  width: 33%;
  border-left: 1px solid #777;
}

.christmas_popup .popup_content {padding:20px; font-size: 14px; line-height: 24px;   border-radius: 10px;background:rgba(255,255,255,0.8);}
.christmas_popup .popup_content strong {display: block; text-align: center; margin-bottom: 15px; font-size: 1.3em;}
.christmas_popup .popup_content b {color: #ff6a29;}

/***************************************************************************************
   Popup : event_popup
***************************************************************************************/

.event_popup {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  width:80%; padding:0px;
  background-color: #f0eee2;
  border-radius: 8px;
  max-width:520px;
  display: none;
  overflow: hidden;
  box-shadow: 0px 0px 5px #aaa;
}
.event_popup.on {
  display: block;

}
.event_popup .popup_img_box {width:100%; margin:0 auto; position: relative;}
.event_popup img {width: 100%; display: block;}
.event_popup .popup_img_box a {display: block; position: relative; z-index: 99;}
.event_popup .popup_img_box .popup_submit {
  position: absolute; bottom:2px; display: inline-block;
  padding: 5px 0; width:120px; left:50%; transform: translateX(-50%);
  background-color: #FF6A29;
  text-align: center;
  font-size: 13px;
  text-decoration: none;
  color:#fff; border-radius: 6px;
  font-weight: 600;
}
.event_popup .pop_btn_box {
  display: flex;
  width: 90%; margin:0 auto;
  padding: 16px 0;
}
/* .event_popup .pop_btn_box button {
  display: block;
width: 67%;
text-align: center;
padding: 2px 0;
background:rgba(255,255,255,0.8);
}
.event_popup .pop_btn_box .btn_close_event {
  width: 33%;
  border-left: 1px solid #777;
} */
.event_popup .pop_btn_box a {
  display: block;
width: 40%;
text-align: center;
padding: 2px 0;
background:rgba(255,255,255,0.8);
color: #1b1b1b;
}
.event_popup .pop_btn_box button {
  border-left: 1px solid #777;
  display: block;
  width: 60%;
  text-align: center;
  padding: 2px 0;
  background:rgba(255,255,255,0.8);
}

.event_popup .popup_content {padding:20px; font-size: 14px; line-height: 24px;   border-radius: 10px;background:rgba(255,255,255,0.8);}
.event_popup .popup_content strong {display: block; text-align: center; margin-bottom: 15px; font-size: 1.3em;}
.event_popup .popup_content b {color: #ff6a29;}
/***************************************************************************************
   Page : traveler_list_location
***************************************************************************************/
.layout-header .hd_traveler {
  font-size: 16px; font-weight: 500; line-height: 24px;
  margin: 5px auto 0 auto;
  text-align: center;
  transform: translateX(-24px);
}

.page-traveler-list .traveler-list-bg {
  background: url(../images/traveler-list-bg.png) no-repeat;
  padding: 35px 24px 0 24px; 
  height: 190px;
  position: relative;
}

.page-traveler-list .traveler-list-bg .page-label {
  font-size: 24px; line-height: 34px; font-weight: 700; color: #fff;
}

.page-traveler-list .traveler-list-bg .bg-icon {
  position: absolute;
  top: 15px; right: 24px; width: 64px;
}
.page-traveler-list .traveler-menu {
  padding: 15px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  display: flex; gap: 20px; align-items: center;
}

.page-traveler-list .traveler-menu li a {
  position: relative;
  color: #C6C4C8;
  font-size: 14px;
  line-height: 22px; font-weight: 500;
}

.page-traveler-list .traveler-menu li.on a {
  font-weight: 800; color: #ff6a29;
} 
.page-traveler-list .traveler-menu li.on a::after {
  position: absolute; content: ''; width: 49px; height: 3px; background-color: #ff6a29;
  bottom: -18px; left: 2px;
} 

.page-traveler-list .section-traveler-list {
  padding: 25px 24px;
}
.page-traveler-list .section-traveler-list .traveler-search {
  width: 100%; height: 42px;
  border: 1px solid #efedf0;
  border-radius: 8px;
  display: flex; gap: 10px; align-items: center;
  padding: 0 10px;
  margin-bottom: 25px;
}
.page-traveler-list .section-traveler-list .traveler-search input {
  border: none; outline: none;
}
.page-traveler-list .section-traveler-list .traveler-search input::placeholder {
  font-size: 14px;
  color: #8E8E8E;
}
.page-traveler-list .section-traveler-list .checkbox-title {
  font-size: 14px;
  font-weight: bold;
}
.page-traveler-list .section-traveler-list .location-checkbox {
  display: flex;
  gap: 10px;
  font-size: 14px;
  margin:5px 0 30px 0;
}
.page-traveler-list .section-traveler-list .location-checkbox li {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 8px;
  background-color: #F9F8FA;
  display: flex; gap: 3px; align-items: center;
}
.page-traveler-list .section-traveler-list .location-checkbox li .region_box {
  display: block;
  width: 13px; height: 13px;
  border-radius: 4px;
  border: 1px solid #aaa;
}
.page-traveler-list .section-traveler-list .location-checkbox li input[type="checkbox"] {display: none;}
.page-traveler-list .section-traveler-list .location-checkbox li #region_01:checked ~ .region_01_box {
  background-color: #666;
}
.page-traveler-list .section-traveler-list .location-checkbox li #region_02:checked ~ .region_02_box {
  background-color: #666;
}
.page-traveler-list .section-traveler-list .location-checkbox li #region_03:checked ~ .region_03_box {
  background-color: #666;
}


.page-traveler-list .section-traveler-list #table {
  display: flex; flex-wrap: wrap;
  gap: 4%;
}
.page-traveler-list .section-traveler-list #table .list-location {
 width:48%;
 box-shadow: 0 2px 8px 0 rgb(0 0 0 / 7%), 0 4px 20px 0 rgb(0 0 0 / 6%);
 padding: 10px;
 margin-bottom: 15px;

}
.page-traveler-list .section-traveler-list .list-location li {
  width: 100%;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}


.page-traveler-list .section-traveler-list .list-location li a {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  display: block;
  border-radius: 8px;

}
.page-traveler-list .section-traveler-list .list-location li .location-title {
  font-weight: 700; font-size: 16px; line-height: 24px; color: #1b1b1b;
}
.page-traveler-list .section-traveler-list .list-location li .location-name {
  font-weight: 500; color: #1b1b1b;
  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.page-traveler-list .section-traveler-list .list-location li .location-writer {
  font-size: 14px; line-height: 22px; color: #302F2E;  text-align: center;

}
.page-traveler-list .section-traveler-list .list-location li .location-writer img {
  width: 14px;
  border-radius: 50%;
}

.page-traveler-list .ui-more {
  padding: 58px 0 90px 0;
  text-align: center;
}
.page-traveler-list .ui-more a {
  color: #8e8e8e;
  font-size: 16px;
  text-decoration: underline;
  line-height: 24px;
}

/*----------------------------- 트래블러 ----------------------*/

.page-traveler-list .section-traveler-list .list-people li {
  padding: 15px 0;
  border-bottom: 1px solid #efedf0;
}
.page-traveler-list .section-traveler-list .list-people li a {
  display: block; 
}
.page-traveler-list .section-traveler-list .list-people li a .location-writer {
  display: flex; gap: 5px;
}
.page-traveler-list .section-traveler-list .list-people li a .location-writer strong {
  font-weight: 500; font-size: 16px; line-height: 24px; color: #1c1c1d;
  display: block;
}
.page-traveler-list .section-traveler-list .list-people li a .location-writer span {
  font-size: 14px; font-weight: 400; line-height: 22px; color: 6f6f6f;

}

@media screen and (max-width:342px) {
  .page-traveler-list .section-traveler-list .list-people li a .location-writer strong {
    font-size: 15px;
  }
  .page-traveler-list .section-traveler-list .list-people li a .location-writer span {
    font-size: 12px;
  }
}

/***************************************************************************************
   Page : post_detail (트래블러 디테일)
***************************************************************************************/

.page-traveler-detail .layout-header .hd_traveler {
  margin: 0 auto;
  transform: translateX(0px);

}
.page-traveler-detail .layout-header .traveler-head-share {
  margin-right: 24px;
}
.page-traveler-detail .section-post {
  padding: 0 24px 0 24px;
  position: relative;
  width: 100%;
  height: 368px;
}

.page-traveler-detail .section-post + .section-post {
  margin-top: 80px;
}
.page-traveler-detail .section-post .section-post-bg {
  position: absolute; top: 0; left: 0;
  width: 100%; height: auto;
  background: rgba(0, 0, 0, 0.3);
  height: 368px;
}
.page-traveler-detail .section-post .section-post-bg  .bg-icon {
  position: absolute; right: 24px; top: 30px;
  z-index: 1;
}
.page-traveler-detail .section-post .title-bg-img {
  position: absolute;
  height: 368px;  top:0;
  left:0;
  bottom:0;
  right:0;
   z-index: -2;
}
.page-traveler-detail .section-post .ui-title {
  padding: 260px 24px 5px 24px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  position: relative;
}
.page-traveler-detail .section-post .ui-title::before {
  position: absolute;
  content: '';
  display: block;
  width: 160px;
  height: 1px;
  background-color: #ccc;
  margin-top: -20px;
  left: 24px;
}

.page-traveler-detail .section-post .area-summary {
  padding: 0 24px;}

.page-traveler-detail .section-post .area-summary .txt-title {
  padding-bottom: 8px;
  font-size: 15px;
  color:#1B1B1B;
}

.page-traveler-detail .section-post .area-summary .data-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  -webkit-align-items: center;
  color:#fff;

}

.page-traveler-detail .section-post .area-summary .data-name .img-photo {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.page-traveler-detail .section-post .area-summary .data-name .img-photo img {
  width: 100%;
  height: 100%;
}

.page-traveler-detail .section-post .area-photo {
  position: relative;
  width:258px;
  height:300px;
  margin:0 auto;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.page-traveler-detail .section-post .area-photo img {
  width: 100%;
  height: 100%;
}
.page-traveler-detail .post-detail {
  padding: 113px 24px 0 24px;
  position: relative;
  bottom: 85px;
}

.page-traveler-detail .post-detail .area-photo {
  display: block;
  height: 212px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.page-traveler-detail .post-detail .area-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

.page-traveler-detail .post-detail .right-btn {
  display: flex;
  justify-content: flex-end;
}
.page-traveler-detail .post-detail .right-btn .component-btn-solid {
  width: 100px;
  line-height: 30px;
}

.page-traveler-detail .post-detail .txt-detail {
  padding: 18px 0 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #1B1B1B;
}
.page-traveler-detail .post-detail .txt-detail .small_title {
  font-size: 16px;
  font-weight: 600;
  display: block;
  padding: 0 0 15px 0;
}

.page-traveler-detail .post-detail .txt-detail img {
  width:366px !important;
  max-width:100% !important;
  height:212px !important;
  border-radius: 12px;
  margin: 10px 0;
}
.page-traveler-detail .post-buttons {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.02);
  background-color: #fff;
}

.page-traveler-detail .post-buttons .component-btn-solid {
  display: inline-block;
  width: 217px;
  margin: 20px 0;
}

.page-traveler-detail .ui-more {
  padding: 58px 0 90px 0;
  text-align: center;
}

.page-traveler-detail .ui-more .link-more {
  color: #8e8e8e;
  font-size: 16px;
  text-decoration: underline;
  line-height: 24px;
}
.wrap-member-bar {
  
  position: fixed;
 bottom:74px;
  width: 414px; 
  z-index: 999;
  left: 50%;
  margin-left: 337px;
  background-size:cover;
  text-align:center;
  font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
color:#000;
}
.member-info-bar.type-only {background:none; background-color:#F14E08; color:#fff;}
.member-info-bar.type-only,
.member-info-bar.type-detail {
  bottom:74px;
}

.member-info-bar {
 
    position: fixed;
    bottom: 0;
    width: 414px; 
    z-index: 999;
    left: 50%;
    margin-left: 337px;
    background:url(../images/bg-info.svg) no-repeat;
    background-size:cover;
    text-align:center;
    font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
color:#000;
padding:7px 0;
}

@media screen and (max-width: 1500px) {
  .member-info-bar {
    margin: 0; 
    left: initial;
    right: 0;
 }
}
@media screen and (max-width: 1024px) {
  .member-info-bar {
  left: 50%;
  margin: 0 0 0 -207px;
}
}
@media screen and (max-width: 700px) {
  .member-info-bar  {
  width: 100%;
  margin: 0;
  left: 0;
  right: 0;
}
}


/***************************************************************************************
   ft-member-info 
***************************************************************************************/
.ft-member-info {
  background: #000;
line-height: 18px;
  padding: 10px 15px;
}
.ft-member-info p {
  color: #fff; font-weight: 300; font-size: 13px; 
  display: flex; 
  gap: 3px;
}
.ft-member-info p b {font-weight: 600; color: #ff6a29;}
.ft-member-info p a {display: block; width: 250px; margin: 0 auto;}
.ft-member-info p span {
 
  color: #fff;
}
.ft-member-info p svg {
  padding-top: 3px;
 }
 
 .section-find .ft-member-info {
  position: fixed;
  bottom: 0;
  width: 414px; 
  z-index: 999;
  left: 50%;
  margin-left: 337px;
 }
 .section-find .ft-member-info p span   {
   width: 283px;
   }
 .section-find .ft-member-info p span b  {
  color: #ff6a29;
   }

   @media screen and (max-width: 1500px) {
    .section-find .ft-member-info {
      margin: 0; 
      left: initial;
      right: 0;
   }
  }
  @media screen and (max-width: 1024px) {
  .section-find .ft-member-info {
    left: 50%;
    margin: 0 0 0 -207px;
}
}
@media screen and (max-width: 700px) {
  .section-find .ft-member-info  {
    width: 100%;
    margin: 0;
    left: 0;
    right: 0;
}
}
@media screen and (max-width: 336px) {
  .section-find .ft-member-info p {
    font-size: 12px;
  }
}

/****************************************************************************mypage-member-info 
***************************************************************************************/
.layout-mypage .pet-info {
  position: relative;
}
.layout-mypage .pet-info .info-enter {
    COLor:#8E8E8E;
}
.layout-mypage .pet-info .mypage-member {
  position: absolute;
  top: 50%; right: 24px;
  transform: translateY(-50%);

}
.layout-mypage .pet-info .mypage-member img {
  width:16px;
}
.layout-mypage .pet-info .mypage-member a{ 
  padding: 4px 6px 4px 10px;
  border-radius: 12px;
  background-color: #F9F8FA;
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
}

.layout-mypage .mypage-menu .my_membership {
  background: #F9F8FA;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 8px 3px 8px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 20px;
}
.layout-mypage .mypage-menu .my_membership b {
  color: #ff6a29;
font-weight: 500;
}


.layout-mypage .mypage-coupon {
  position: fixed;
  z-index: 99;
  bottom: 25px;
  padding: 10px;
  background: #000;
  border-radius: 8px;
  left: 50%;
    margin-left: 337px;
    width: 414px;
    overflow: auto;
}
.layout-mypage .mypage-coupon a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.layout-mypage .mypage-coupon a span {
  line-height: 23px;
}
@media screen and (max-width:1500px) {
  .layout-mypage .mypage-coupon {
    margin-left: 0;
    right: 0px;
left:inherit
}
}
@media screen and (max-width:1024px) {
  .layout-mypage .mypage-coupon {
    margin-left: 0;
    right:inherit;
    left: 50%;
     transform: translateX(-50%);
}
}

@media screen and (max-width:767px) {
  .layout-mypage .mypage-coupon {

  right: 24px;
  left: 24px;
  width: 95%;
  transform: translateX(-4%);


}
}
/***************************************************************************************
  mypage-membership
***************************************************************************************/
.layout-mypage.mypage-membership .txt-user {
  text-align: center;
}
.layout-mypage.mypage-membership .txt-user::after {
  display: none;
}
.mypage-membership .my-info {
  padding: 24px;
}
.mypage-membership .my-info h3 {
  font-weight: 700; font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
.mypage-membership .my-info .member_day {
    font-weight: 700; font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;

}
.mypage-membership .my-info h3 p {
 font-size: 24px;
}
.mypage-membership .my-info h3 p.platClass {
    display:flex;
    align-items: center;
}
.mypage-membership .my-info h3 p .tag-beta {
    margin-left:10px;
    margin-bottom:0;
    font-size:10px;
    color:#fff;
    display:inline-block;
    padding:0 3px;
    font-weight:700;

    background-color:#FF6A29;
}
.mypage-membership .my-info h3 p img {
  width: 24px; margin-top: 3px;
}
.mypage-membership .info-upgrade {
  background-color: #FFF3EB;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 12px;
}
.mypage-membership .info-upgrade b {
  color: #ff6a29;
}
.mypage-membership .info-upgrade span {font-size: .85em; color:#555}
.mypage-membership .travel_kit_btn {
  margin-bottom: 32px;
  font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #8E8E8E;
    cursor: pointer;
}
.mypage-membership .travel_kit_btn b {
  color: #ff6a29;
  text-decoration: underline #ff6a29;
}

.mypage-membership .my-info h3 span {
  font-size: 12px; line-height: 20px;
  font-weight: 600; color: #8E8E8E; display: block;
  margin-left: 5px;
  
}
.mypage-membership .my-info h3 span b {
  color: #ff6a29;
}
.mypage-membership .my-info ul {
  margin-bottom: 0px;
}
.mypage-membership .my-info ul.list-membership li:first-of-type {
  display:none;
}
.mypage-membership .my-info ul li {
  font-size: 14px;
  line-height: 22px;
  color: #504E4D;
}
.mypage-membership .my-info ul li img {
  width:16px;
}
.mypage-membership .my-info ul li b {
  margin: 0 8px 0 5px;
  color: #1b1b1b; font-weight: 500;
}
.mypage-membership .info_p {padding-top:7px; font-size:12px}
.mypage-membership .info_p.benefit_info {margin-bottom:20px}
.mypage-membership .more-benefit {
  
  border-top: 1px solid #EFEDF0;
}
.mypage-membership .more-benefit h4.ui-flex {
    display:flex;
    align-items: center;
}
.mypage-membership .more-benefit h4.ui-flex .ui-icons {
    display:flex;
    align-items: center;
    margin-right:9px;

}
.mypage-membership .more-benefit h4.ui-flex .ui-icons img {
    margin-left:10px;
}
.mypage-membership .more-benefit h4 {
  padding-top: 32px;
  color: #1b1b1b;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 12px;
}
.mypage-membership .more-benefit p {
  color:#504E4D;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  padding-left: 10px;
}
.mypage-membership .more-benefit p::before {
  content: ''; position: absolute;
  top: 10px; left: 0;
  width: 3px; height: 3px;
  background-color: #504E4D;
  border-radius: 50%;
}

.traveler-writer {
  text-align: center;
  font-size: 12px !important;
  text-decoration: none;
  color: #000;
}

.mypage-membership .membership_notice {
  margin-top:30px;
  padding: 25px 12px;
  background-color: #f3f3f3;
}
.mypage-membership .membership_notice strong {
  color: #111;
  font-size: 16px;
}
.mypage-membership .membership_notice p {
  font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #555;
    padding-top: 7px;
}

/***************************************************************************************
  page member
***************************************************************************************/
.section-member{
    padding:0 24px;
}
.page-member .component-input-multi.type-member input {
    color:#ff6a29; font-weight:500;
}
.page-member .component-input-multi.type-member:before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:'';

    border:2px solid #ff6a29;
}
.page-member .component-form-group +.component-form-group {
    margin-top:24px;
}
.page-member .txt-member {
    font-size:16px;
    padding:5px 0 0 0;
    font-weight:bold;
}
.page-member .txt-member strong {
    color:#ff6a29;
    font-size:18px;
}
.page-member .wrap-form {
    flex:auto;
    height:100%;
    padding:16px 0 0 0;
}
.page-member .layout-container {
    display:flex;
    flex-direction: column;
}
.page-member .ui-inquiry {
    flex:none;
    padding:32px 0;

}
.page-member .ui-inquiry .txt-label {
    padding: 0 0 6px 0;
    color: #1b1b1b;
    font-size: 14px;
    font-weight: 500;
}
.page-member .ui-inquiry .txt-number {
    font-size:14px;
    color: #1b1b1b;
    font-weight: 500;


}
.page-member .ui-inquiry .txt-link a{
    display:inline-block;
    margin:0px 0 10px 0;
    font-size:14px;
    color: #ff6a29;
    font-weight: 500;

}
/***************************************************************************************
   Page : page-event (멤버쉽 인포)
***************************************************************************************/
.page-event .layout-container {padding: 24px;}
.page-event .strong_first {font-size: 15px;display: block; color:#111; text-align: center;}
.page-event .info-upgrade {
  background-color: #FFF3EB;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 12px;
  margin: 20px 0
}
.page-event .info-upgrade b {
  color: #ff6a29;
}
.page-event .info-upgrade span {
  font-size: .85em;
  color: #555;
}
.page-event  .membership_info {margin-bottom: 50px;}
.page-event  .membership_info h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
.page-event .membership_info .list-membership li:first-of-type {
  display:none;
}
.page-event .membership_info h3 span {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #8E8E8E;
  display: block;
  margin-bottom: 12px;
}
.page-event .membership_info h3 span b{
  color: #ff6a29
}
.page-event .membership_info ul li img {width: 16px;}
.page-event .membership_info ul li b {margin:0 3px 0 1px}
.page-event .membership_notice {
  margin-top: 30px;
  padding: 25px 12px;
  background-color: #f3f3f3;}

.page-event .membership_notice strong {
  color: #111;
  font-size: 15px;
}
.page-event .membership_notice p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #555;
  padding-top: 7px;}

.page-event .travel_kit_btn {
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #8E8E8E;
  cursor: pointer;}
  .page-event .travel_kit_btn b {
    color: #ff6a29;
    text-decoration: underline #ff6a29;
}
.page-event .info_p {    
  padding-top: 7px;
  font-size: 12px;}
  .page-event .info_p.benefit_info {    margin-bottom: 20px;}
  
/*******************************************************
  Page : alarm
  *************************************************/
.page-alarm .layout-container {
  padding:25px 20px ;
}
.page-alarm .box-alarm {
  position:relative;
  padding:0 16px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius:8px;
  background-color:#fff;
}
.page-alarm .box-alarm + .box-alarm {
  margin-top:14px;
}
.page-alarm .box-alarm .ui-more {
  position:absolute;
  top:16px;
  right:16px;
}
.page-alarm .box-alarm .ui-more .pop-menu {
  position:absolute;
  top:100%;
  right:0;
  padding:8px 0;
  border-radius:6px;
  background-color:#fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.page-alarm .box-alarm .ui-more .pop-menu .list-menu {
  white-space: nowrap;;
  min-width:108px;
}
.page-alarm .box-alarm .ui-more .pop-menu .list-menu li a {
  display:block;
  padding:8px 12px;
  color:#1B1B1B;
  font-size:12px;

}
.page-alarm .box-alarm .ui-more .pop-menu .list-menu li a:hover {
  background-color:#FFF3EB;

}
.page-alarm .box-alarm .ui-more .link-more {
  background:url(../images/icon-box-more.svg) no-repeat;
  display:inline-block;
  width:24px;
  height:24px;

}
.page-alarm .box-alarm .box-top {
  display:flex;
  padding:12px 0 6px 0;
  align-items: center;;
}
.page-alarm .box-alarm .box-top .data-day {
  font-size:12px;
  color:#AEADB0;
}
.page-alarm .box-alarm .box-top .icon-new {
  display:inline-block;
  margin-left:8px;
  width:16px;
  height:16px;
  background:url(../images/icon-new.svg) no-repeat;
}
.page-alarm .box-alarm .box-top .image-box {
  display:inline-block;
  margin-right:10px;
  width:32px;
  height:32px;
  border-radius:50%;
  overflow:hidden;

}
.page-alarm .box-alarm .box-top .image-box img {
  display:block;
  width:100%;
  height:100%;
}
.page-alarm .box-alarm .box-title {
  padding-bottom:4px;
  font-size:16px;
  color:#1B1B1B;
  font-weight:500;
  line-height:24px;
}
.page-alarm .box-alarm .box-det {
  color:#504E4D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
.page-alarm .box-alarm .link-view {
  display:flex;
  align-items: center;
  justify-content: center;
  padding:8px 0;
  margin:8px 0 0 0;
  text-align:center;
  font-size:11px;
  font-weight:500;
  color:#8E8E8E;

}
.page-alarm .box-alarm .link-view .txt-open,
.page-alarm .box-alarm .link-view .txt-close {
  display:flex;
  align-items: center;
  justify-content: center;
}
.page-alarm .box-alarm .link-view .txt-close:after,
.page-alarm .box-alarm .link-view .txt-open:after {
  display:inline-block;
  margin-left:4px;
  width:16px;
  height:16px;
  background:url(../images/arrow-box.svg) no-repeat;
  content:'';

}
.page-alarm .box-alarm .link-view .txt-close {
  display:none;
}
.page-alarm .box-alarm .link-view .txt-close:after {
  transform:rotate(180deg);

}
.page-alarm .box-alarm.type-open .box-det {
  text-overflow:initial;
  display:block;
}
.page-alarm .box-alarm.type-open .txt-close {
  display:flex;
}
.page-alarm .box-alarm.type-open .txt-open {
  display:none;
}

/*******************************************************
  Page : option
  *************************************************/
.page-option .layout-container{
  padding:24px 20px;

}
.page-option .label-push {
  color:#000;
  font-weight:700;
  font-size:14px;
}

.page-option .ui-push {
  padding:20px 0;
  display:flex;
  align-items: center;;
}
.page-option .ui-push + .ui-push {
  border-top:1px solid #EFEDF0;
}
.page-option .ui-push .txt-label {
  font-size:14px;
  color:#19191A;
  font-weight:500;
  line-height:20px;
}
.page-option .ui-push .component-switch {
  margin-left:auto;

}

.pop-join {padding:60px 30px 0 30px; line-height:1.5em; text-align:center;}
.pop-join span {font-weight:bold; color:#2980b9; }
.pop-join span.data-name {color:#000; font-weight:normal;}
.pop-join .icon-warning {display:inline-block; width:25px; height:25px; margin-bottom:3px; background:url("../images/icon-warning.png") no-repeat; background-size:100% 100%; }


/*******************************************************
  Page : coupon
  *************************************************/
  .page-coupon .layout-container {
    padding:16px 0 90px 0;
  
  }
  .page-coupon .txt-message {
    color:#AEADB0;
    font-size:11px;
    margin-top:8px;
  }
  .page-coupon .form-enter {
    border-bottom:8px solid #F9F8FA;
    padding:0 24px 20px 24px;
    margin-bottom:24px;
  
  }
  .popup-coupon .fix-calen {
    position:relative;
    margin:0;
    left:0;
  }
  .popup-coupon .fix-calen .btn-solid {
    margin:0;
  }
  .popup-coupon .fix-calen .btn-solid + .btn-solid {
    margin-left:auto;
  }
  .popup-coupon .box-popup2 .view-coupon,
  .page-coupon .view-coupon {
    padding:0 24px;
  
  }
  .popup-coupon .box-popup2 .view-coupon {
    padding:24px 24px 90px 24px;
  }
  .popup-coupon .box-popup2 .box-coupon,
  .page-coupon .box-coupon {
    padding:24px 20px;
    border:1px solid #DCD9DE;
    border-radius:8px;
    position:relative;
    cursor:pointer;
  
  }
  .popup-coupon .box-popup2 .box-coupon.is-default,
  .page-coupon .box-coupon.is-default {
    cursor:default;
  
  }
  .popup-coupon .box-popup2 .box-coupon.is-default:hover,
  .page-coupon .box-coupon.is-default:hover {
    border:1px solid #DCD9DE;
  
  }
  .popup-coupon .box-popup2 .box-coupon + .box-coupon,
  .page-coupon .box-coupon + .box-coupon {
    margin-top:16px;
  }
  .popup-coupon .box-popup2 .box-coupon:hover,
  .page-coupon .box-coupon:hover {
   border-color:#FF6A29; 
  }
  
  .popup-coupon .box-popup2 .box-coupon input,
  .page-coupon .box-coupon input {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    display:block;
    z-index:10;
  }
  .popup-coupon .box-popup2 .box-coupon input:checked + em + i:before,
  .page-coupon .box-coupon input:checked + em + i:before {
    display:block;
  }
  .popup-coupon .box-popup2 .box-coupon input:checked + .box-line,
  .page-coupon .box-coupon input:checked + .box-line {
    position:absolute;
    top:-1px;
    left:-1px;
    bottom:-1px;
    right:-1px;
    border:1px solid #FF6A29;
    border-radius:8px;
  }
  .popup-coupon .box-popup2 .box-coupon i,
  .page-coupon .box-coupon i {
    border-radius:50%;
    border:1px solid #EFEDF0;
    display:inline-block;
    width:24px;
    height:24px;
    display:flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    top:24px;
    right:20px;
  }
  .popup-coupon .box-popup2 .box-coupon i:before,
  .page-coupon .box-coupon i:before {
    display:none;
    width:14px;
    height:14px;
    border-radius:50%;
    background-color:#FF6A29;
    content:'';
  
  
  }
  .popup-coupon .box-popup2 .box-coupon .data-sale,
  .page-coupon .box-coupon .data-sale {
    color:#FF6A29;
    margin-bottom:12px;
    display:block;
    font-size:28px;
  
  }
  .popup-coupon .box-popup2 .box-coupon .txt-sale,
  .page-coupon .box-coupon .txt-sale {
    font-size:15px;
    color:#1B1B1B;
    font-weight:500;
  }
  .popup-coupon .box-popup2 .box-coupon .data-day,
  .page-coupon .box-coupon .data-day {
    padding:2px 0 0 0;
    color:#AEADB0;
    font-size:12px;
    line-height:20px;
  }
  .popup-coupon .box-popup2 .box-coupon .data-day strong,
  .page-coupon .box-coupon .data-day strong {
    color:#FA2F14;
    font-size:12px;
    line-height:20px;
    font-weight:normal;
  }
  .popup-coupon .box-popup2 .box-coupon .txt-det ,
  .page-coupon .box-coupon .txt-det {
    font-size:12px;
    line-height:20px;
    color:#8E8E8E;
    padding-top:1px;
  }
  .popup-coupon .box-popup2 .box-coupon .box-tag,
  .popup-coupon .box-popup2 .box-coupon .box-tag
  .page-coupon .box-coupon .box-tag,
  .page-coupon .box-coupon .box-tag {
    margin-top:10px;
    border-radius:3px;
    border:1px solid #E3E4F9;
    line-height:16px;
    font-size:10px;
    font-weight:500;
    display:inline-flex;
  
  }
  .popup-coupon .box-popup2 .box-coupon .box-tag .txt-coupon2,
  .popup-coupon .box-popup2 .box-coupon .box-tag .txt-coupon,
  .page-coupon .box-coupon .box-tag .txt-coupon2,
  .page-coupon .box-coupon .box-tag .txt-coupon {
    padding:0 4px;
    color:#223ABD;
  }
  .popup-coupon .box-popup2 .box-coupon .box-tag .txt-coupon2,
  .page-coupon .box-coupon .box-tag .txt-coupon2 {
    background-color:#E3E4F9;
  }
  .popup-coupon .box-popup2 .link-det,
  .page-coupon .link-det {
    position:absolute;
    z-index:5;
    bottom:24px;
    right:20px;
    font-size:12px;
    color:#6F6F6F;
    font-weight:500;
    text-decoration: underline;;
  }
  .popup-coupon .box-popup2 .box-coupon.is-disabled:hover,
  .page-coupon .box-coupon.is-disabled:hover {
    border:1px solid #EFEDF0;
  }
  .popup-coupon .box-popup2 .box-coupon.is-disabled ,
  .page-coupon .box-coupon.is-disabled {
    background-color:#F9F8FA;
    cursor:default;
  }
  .popup-coupon .box-popup2 .box-coupon.is-disabled:after,
  .page-coupon .box-coupon.is-disabled:after {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:'';
    z-index:10;
  }
  .popup-coupon .box-popup2 .box-coupon.is-disabled *,
  .page-coupon .box-coupon.is-disabled * {
    color:#C6C4C8 !important
  }
  
  
  
  .page-coupon .view-coupon .list-rooms {
    display:flex;
    margin:0 -5px;
  }
  .page-coupon .view-coupon .list-rooms a {
    display:block;
    width:50%;
    padding-right:7px;
    padding-bottom:24px;
    padding:0 5px;
    flex:none;
  }
  .page-coupon .view-coupon .list-rooms .ui-rooms {
    float:left;
    position:relative;
  }
  .page-coupon .view-coupon .list-rooms .ui-rooms img {
    border-radius:5px;
    margin-bottom:12px;
    width:100%;
    display:block;
  }
  .page-coupon .view-coupon .list-rooms .ui-rooms .data-name {
    display:block;
    font-size:13px;
    color:#FF6A29;
    font-weight: 500;
  }
  .page-coupon .view-coupon .list-rooms .ui-rooms .data-room {
    color:#1B1B1B;
    padding-bottom:4px;
    font-weight:bold;
    font-size:14px;
    line-height:22px;
  }
  .page-coupon .view-coupon .list-rooms .ui-rooms .data-det {
    display:block;
    font-size:12px;
    color:#8E8E8E;
    line-height: 20px;
    margin-bottom:8px;
    min-height:40px;
  }
  .page-coupon .view-coupon .list-rooms .ui-rooms .data-price {
    font-size:14px;
    display:block;
    text-align:left;
    font-weight:600;
    color:#1B1B1B;
    letter-spacing:-1px;
  }
  .page-coupon .view-coupon .data-form {
    margin-top:28px;
  }
  .page-coupon .view-coupon .data-form + .data-form {
    margin-top:24px;
  }
  .page-coupon .view-coupon .data-form .txt-label {
    font-size:12px;
    font-weight:600;
    color:#8E8E8E;
    margin-bottom:4px;
  
  }
  .page-coupon .view-coupon .data-form .txt-data {
    font-size:16px;
    padding-top:4px;
    color:#1B1B1B;
    line-height:24px;
  }
  
  .popup-coupon {
    
    position:absolute;
    z-index:10;
    background-color:rgba(0,0,0,0.5);
    width: 414px;
    height: 100%;
    display:none;
    z-index:100;
    margin-left:0;
    left:0;
  }
  @media screen and (max-width: 1024px) {
    .popup-coupon {
      position:absolute;
        top:0;
        left:50%;
        width:414px;
        margin:0 0 0 -207px;
    }
  }
  
  @media screen and (max-width: 700px) {
    .popup-coupon {
      margin:0;
      left:0;
      right:0;
      width:100%;
    }
    .popup-coupon  .
  }
  .popup-coupon .box-popup2,
  .popup-coupon .box-popup  {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:24px 0 0 0;
    border-radius:10px 10px 0 0;
    background-color:#fff;
    max-height:750px;
    overflow:auto;
  
  }
  .popup-coupon .box-popup .label-popup {
    display:block;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
    color:#1B1B1B;
  }
  .popup-coupon .box-popup .btn-close {
    position: Relative;
    margin-left: 24px;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
  
    background:url("../images/petel_sprite.svg") no-repeat;
    background-position:67.9245283018868% 86.81318681318682%;
  }
  .popup-coupon .box-popup .popup-det {
    padding-bottom:32px;
    font-size:12px;
    color:#8E8E8E;
    line-height:20px;
    text-align:center;
  }
  .coupon_lists .view-coupn + .view-coupn {
    margin-top:20px;
  }
  .coupon_lists  {padding:0 20px;}
  .popup-coupon .box-popup .bg-coupon {
    display:inline-block;
    position:relative;
    background:url(../images/bg_ticket_down.png) no-repeat;
    background-size:100% 100%;
    padding:20px 98px 20px 40px;
    width:100%;
   
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
  
  
  }
  
  .popup-coupon .box-popup .icon-down {
    width:98px;
    position:absolute;
    top:16px;
    bottom:16px;
    right:0;
    border-left:1px dashed #DCD9DE;
    display:flex;
    align-items: center;
    justify-content: center;
  
  
  }
  .popup-coupon .box-popup .bg-coupon.is-disabled {
    cursor:default;
  }
  .popup-coupon .box-popup .bg-coupon.is-disabled .icon-down:before{
    background:url(../images/bg_check_round.png) no-repeat;
    background-size:100% 100%;
  
  }
  .popup-coupon .box-popup .icon-down:before {
    display:inline-block;
    width:48px;
    height:48px;
    background:url(../images/icon_down_round.png) no-repeat;
    background-size:100% 100%;
    content:'';
  }
  .popup-coupon .box-popup .bg-coupon .coupon-name {
    font-size:12px;
    margin-bottom:2px;
    color:#6F6F6F;
    font-weight:500;
    line-height:20px;
  }
  .popup-coupon .box-popup .bg-coupon.is-disabled .icon-down {
  
  }
  .popup-coupon .box-popup .bg-coupon .data-sale {
    font-weight:bold;
    margin-bottom:6px;
    display:block;
    font-size:28px;
    line-height:38px;
    color:#FF6A29;
  }
  .popup-coupon .box-popup .bg-coupon .data-day {
    font-size:12px;
    color:#AEADB0;
    line-height:20px;
  }
  .popup-coupon .box-popup .bg-coupon .data-day.type-strong {
    font-size:12px;
    color:#6F6F6F;
    line-height:20px;
    font-weight:bold;

  }
  .popup-coupon .box-popup .bg-coupon .data-day.type-strong .data-strong {
    color:#FF6A29;
  }
  .popup-coupon .box-popup .bg-coupon .box-tag {
    margin-top:10px;
    border-radius:3px;
    border:1px solid #E3E4F9;
    line-height:16px;
    font-size:10px;
    font-weight:500;
    display:inline-flex;
  
  }
  .popup-coupon .box-popup .view-coupon {
    padding:0 19px 0 19px;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  
  .popup-coupon .box-popup .view-coupon + .view-coupon {
    margin-top:10px;
  }
  .popup-coupon .box-popup .view-coupon.type-column {
    flex-direction: column;
  }
  .popup-coupon .box-popup .bg-coupon .box-tag .txt-coupon2,
  .popup-coupon .box-popup .bg-coupon .box-tag .txt-coupon {
    padding:0 4px;
    color:#223ABD;
  }
  .popup-coupon .box-popup .bg-coupon .box-tag .txt-coupon2 {
    background-color:#E3E4F9;
  }
  .popup-coupon .box-popup .popup-bottom {
    margin:20px 0 0 0;
    padding:0 19px 40px 19px;
  
  }
  .popup-coupon .box-popup .popup-bottom button {
    line-height:46px;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:600;
    background-color:#000;
    width:100%;
    border-radius:6px;
  
  }
  .popup-coupon .box-popup .popup-bottom button:disabled {
    background-color:#C6C4C8;
  }
  
  
  .page-certification .layout-container{padding:16px 24px 0 24px;}
  .page-certification .ui-thanks {padding:48px 0 0 0;}
  .page-certification .ui-thanks {color:#6F6F6F; font-size:13px; font-weight:500;}
  .page-certification .ui-thanks strong {color:#504E4D; font-size:13px; font-weight:600; display:block; margin-top:8px;display:block;}
  .page-certification .img-logo {display:inline-block; margin-bottom:48px;}
  .page-certification .top-det strong {font-size:20px; color:#000; line-height:28px;display:block; padding-bottom:6px;}
  .page-certification .top-det {color:#8E8E8E; padding-bottom:32px; font-size:12px; line-height:20px; margin-top:6px;}
  .page-certification .check-agree {position:relative;margin-top:24px; margin-bottom:32px; cursor:pointer;}
  .page-certification .check-agree:after {display:inline-block; width:16px; height:16px; background:url(../images/arrow-right.svg) no-repeat; content:''; position:absolute; top:50%; right:0; margin-top:-8px;}
  .page-certification .ui-send .btn-solid {background-color:#FFF3EB; line-height:46px; text-align:center; color:#FFC498; font-size:14px; border-radius:6px; width:100%;}
  .page-certification .ui-send {margin-bottom:24px;}
  .page-certification .ui-link {padding:12px 0 32px 0;display:flex; color:#6F6F6F; font-size:12px;}
  .page-certification .ui-link a {color:#6F6F6F; font-size:12px; line-height:20px; margin-left:auto; text-decoration: underline;}
  .page-certification .view-tabs {border-radius:6px; border:1px solid #EFEDF0; overflow:hidden;}
  
  
  .page-certification .view-tabs .list-tabs {display:flex; margin-bottom:32px;}
  .page-certification .view-tabs .list-tabs li {flex:auto; width:100%; text-align:center; }
  .page-certification .view-tabs .list-tabs li a {display:block; font-size:14px; font-weight:600;color:#C6C4C8; padding:13px 0; background-color:#F9F8FA;}
  .page-certification .view-tabs .list-tabs li {border-left:1px solid #EFEDF0; }
  .page-certification .view-tabs .list-tabs li:first-of-type {border-left:none;}
  .page-certification .view-tabs .list-tabs li.is-selected a {background-color:#fff; color:#000;}
  .page-certification .view-tabs .ui-contents {padding:0 16px 32px 16px; min-height:270px; display:none;}
  .page-certification .view-tabs .ui-contents.is-selected {display:block;}
  .page-certification .view-tabs .ui-contents .component-form-group + .component-form-group {margin-top:16px;}
  .page-certification .ui-email {height:238px;display:flex; align-items: center; flex-direction:column; justify-content: center; font-size:14px; line-height:22px; font-weight:500;text-align:center;}
  .page-certification .ui-email strong {font-size:14px; line-height:22px; padding-bottom:12px; }
  .page-certification .ui-email .component-btn-solid {margin-top:32px;}
  
  .pop-join {padding:60px 30px 0 30px; line-height:1.5em; text-align:center;}
  .pop-join span {font-weight:bold; color:#2980b9; }
  .pop-join span.data-name {color:#000; font-weight:normal;}
  .pop-join .icon-warning {display:inline-block; width:25px; height:25px; margin-bottom:3px; background:url("../images/icon-warning.png") no-repeat; background-size:100% 100%; }