#wrapper {width:100%;}
header {position:relative; width:100%; height:50px; padding:11px 24px;}
header:after {display:block; content:""; clear:both;}
header h1 {float:left; width:44px; height:20px; margin:4px 0;}
header .btn_black {display:inline-block; float:right; width:57px; height:28px; margin:0; background:#111; border-radius:2px; color:#fff; font-size:11px; text-align:center; line-height:28px;}
header .top_room_add {display: inline-block; float: right; font-size: 13px; font-weight: 500; margin: 0; color: #000; line-height: 28px;}
header .search_icon {top:13px;}
.container {padding-bottom:80px;}
.container.padding0{padding:0;}

.mypopupview2 {width:100%; height:100%; position:fixed ; top:0;  margin:0 auto; background-color: rgba(0, 0, 0, 0.5); z-index:1000;  display:none }
.mypopupview2-inner-full {width:100%; height:100%; position:fixed ; top:0; left:0;  margin:0 auto; background-color:#fff ; overflow-y: auto;}
.mypopupview2-inner-center {overflow: hidden; top:50%; left:50%; position: absolute; background-color:#fff ; transform:translate(-50%, -50%); border-radius:10px; }
.mypopupview2-inner-bottom {overflow: hidden; top:initial; left:0; bottom: 0;  position: absolute; background-color:#fff ; border-radius:20px 20px 0 0 ;}
.mypopupview2 .bottom-popup-close {position:absolute; bottom: 520px; right: 17px; width: 24px; height: 24px;}

.popup--calender {border-radius: 20px 20px 0 0; transition: all 0.5s ease;}
.popup--calender .popup_close {top: -40px; width: 23px; height: 22px; box-sizing: initial}
.popup--calender.active{bottom:0}
.popup--calender .popup_cont{padding:24px 19px 33px}
.popup--calender .calender__month {font-size:16px; text-align:center;}
.popup--calender button{position:absolute;top:20px;padding:10px}
.popup--calender .calender__control img{width:7px;height:12px}
.popup--calender .calender__btnPrev{left:20px}
.popup--calender .calender__btnNext{right:20px}
.table--calender{width:100%;text-align:center}
.table--calender th{padding:20px 10px;color:#9b9b9b;border-bottom:1px solid #eeeef0}
.table--calender td{position:relative;padding:20px 10px;font-size:18px;color:#000;border-bottom:1px solid #eeeef0}
.table--calender td a{display:block}

.table--calender td.disable,.table--calender td.pass{color:#dbdbdf}
.table--calender td.today{text-decoration:underline;}
.table--calender td.select a{color:#fff}
.table--calender td.select:after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;background:#ada191;border-radius:30px;z-index:-1;transform:translate(-50%,-50%)}
.table--calender td.disable:after{content:"";position:absolute;top:50%;left:50%;width:1px;height:30px;background:#dbdbdf;transform:translate(-50%,-50%) rotate(140deg)}
.table--calender td.ing{color:#263859;background:#ffb6b9;}
.table--calender td.booking{color:#fff;background:#a39391}
.table--calender .first{border-radius:30px 0 0 30px}
.table--calender .last{border-radius:0 30px 30px 0}
.table--calender .etc{position:absolute;content:"";top:10px;right:10px;width:7px;height:7px;background:#e60022;border-radius:30px;z-index:-1}
.table--calender .possible a{background:#ada191;color:#fff}

.dateSel__title {text-align: center; margin-bottom: 5px; font-size: 16px; font-weight: bold}
.dateSel__text {text-align: center; margin-bottom: 15px; font-size: 16px}


.home-article {margin-top:40px;}
.home-article.bg {padding:32px 0; background:#F7F7F7;}
.home-article .title {margin-bottom:15px; padding-left:24px; font-size:18px; line-height:26px; font-weight:700;}
.home-article .title span {display:block; margin-top:2px; color:#888; font-size:14px; line-height:20px; font-weight:400;}

/* 하단 메뉴 */
.bottom_menu {z-index:90; position:fixed; bottom:0; left:0; display:flex; width:100%; padding:8px 0 7px; background:#fff; border-top:1px solid #eee;}
.bottom_menu a {position:relative; flex:1 1 20%; padding-top:28px; text-align:center; color:#666; font-size:10px;}
.bottom_menu a.on {font-weight:700; color:#111;}
.bottom_menu a.active:after {position:absolute; top:0px; right:20px; display:block; content:""; width:4px; height:4px; background:#EE2828; border-radius:50%;}
.bottom_menu .menu_home {background:url("/images/common/icon_home-e10c132f6f3bcdd14512b61eddd7f453.png") top center no-repeat; background-size:24px auto;}
.bottom_menu .menu_home.on {background-image: url("/images/common/icon_home_on-09c185e642c4e533ba3adc53f03973e0.png");}
.bottom_menu .menu_search {background:url("/images/common/icon_searchmenu-6e94c15014e53f6817c7a76029f58bc1.png") top center no-repeat; background-size:28px auto;}
.bottom_menu .menu_search.on {background-image: url("/images/common/icon_searchmenu_on-af7b5fc38a705157e4dc1edd166784b4.png");}
.bottom_menu .menu_map {background:url("/images/common/icon_map-73b9ddc0ae5524ae222aedc7a214dd49.png") top center no-repeat; background-size:24px auto;}
.bottom_menu .menu_map.on {background-image: url("/images/common/icon_map_on-520738514a9cc6809da09080e52c226a.png");}
.bottom_menu .menu_book {background:url("/images/common/icon_book-6f0ef4b654f5642b5ae5587e946cec6b.png") top center no-repeat; background-size:24px auto;}
.bottom_menu .menu_book.on {background-image: url("/images/common/icon_book_on-bb65ee0d68ddcaf3f87294beaf8e2905.png");}
.bottom_menu .menu_message {background:url("/images/common/icon_message-3ea43cfc03f1a48ca029c82d2d18a2ae.png") top center no-repeat; background-size:24px auto;}
.bottom_menu .menu_message.on {background-image: url("/images/common/icon_message_on-28c6ba07d51e2f8353a5d3f52f4ad983.png");}
.bottom_menu .menu_more {background:url("/images/common/icon_more-a829feb13efdd03f6c0d407e9311d9dc.png") top center no-repeat; background-size:24px auto;}
.bottom_menu .menu_more.on {background-image: url("/images/common/icon_more_on-07676ae9e9928a43a155f0371ec1b3fa.png");}
.bottom_menu .menu_room {background:url("/images/common/icon_room-caa5cbf7940e857b76763df1b3c0d9e9.png") top center no-repeat; background-size:24px auto;}
.bottom_menu .menu_room.on {background-image: url("/images/common/icon_room_on-0b18e61e3ee98f2ea50e7d14d5b29de5.png");}

.app_download_wrapper { position: fixed; bottom: 60px; height:74px; width:100%; z-index: 100; padding:0; margin:0; display: none}
.appdownload_banner { width:100%;  height:74px;  position: relative; background-image: url('/images/appdownload_banner_bg-507f860205d14a7696acb076debfebff.png'); background-repeat : no-repeat; background-size : cover;}

.main_visual {position:relative;}
.main_text {position:absolute; top:30px; left:24px; font-size:18px; line-height:26px; color:#fff;}
.main_text strong {display:block; color:#fff;}

.host_text {position:absolute; top:40px; left:0; display:block; width:100%;  font-size:18px; line-height:26px; color:#fff; text-align:center;}
.host_text span {display:inline-block; width:53px; height:24px;}
.host_text em {display:block; margin-top:16px;}
.host_text strong {display:block; color:#fff;}
.main_visual .btn_black {position:absolute; left:0; bottom:24px; width:calc(100% - 48px);}

.list_type1 {display:flex; width:100%; overflow-x:auto; overflow-y:hidden}
.list_type1 ul {display: flex;}
.list_type1 li {width:312px; margin-right:16px;}
.list_type1 li:first-child {margin-left:16px;}

.list_type2 ul {display:flex; flex-wrap:wrap; padding:0 24px}
.list_type2 li {flex:0 1 calc(50% - 4px); max-width:calc(50% - 4px); margin-bottom:18px;}
.list_type2 li:nth-child(odd) {margin-right:8px}
.list_type2 li:nth-last-child(-n+2) {margin-bottom:0;}

.list_type2 .room_name {font-weight:500;}
.list_type2 .room_address {font-size:11px;}
.list_type2 .room_price {font-size:11px;}
.list_type2 .room_price strong {font-size:14px;}
.list_type2 .room_price .original {font-size:11px}

.list_type_sm {display:flex; width:100%; overflow-x:auto; overflow-y:hidden}
.list_type_sm ul {display: flex;}
.list_type_sm li {width: 152px;margin-right:8px;}
.list_type_sm li:first-child {margin-left:24px;}
.list_type_sm .room_review { display: -webkit-box; color: #ada191; height: 38px; line-height: 16px; font-size: 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top: 5px; word-wrap: break-word; white-space: normal;}

.room_item {position:relative; display:block;}
.room_item .room_image {width:312px; height:208px;}
.room_item .room_image img{ border-radius: 5px;}
.room_name {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.room_address {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#999; line-height:20px}
.room_price {display:block; text-align:right; font-size:12px;}
.room_price strong {font-size:16px; padding-right:2px;}
.room_price .original {font-size:12px; color:#999;}

.flag_area {z-index:10; position:absolute; top:0; left:0; font-size:0;}
.flag_area em {display:inline-block; width:49px; height:24px; line-height:25px; text-align:center; font-size:10px; color:#fff; border-radius: 5px}
.flag_green {background:#2eb5a0;}
.flag_orange {background:#ec6530;}
.flag_blue {background:#0b2f46;}

/* 카드 배너 */
.card_banner {display:flex; width:100%; overflow-x:auto; overflow-y:hidden}
.card_banner ul {display: flex;}
.card_banner li {margin-right:8px;}
.card_banner li:first-child {margin-left:24px;}
.card_banner li:last-child {margin-right:24px;}
.card_banner a {display:inline-block; border-radius:4px; width:152px; height:125px; padding:24px 0 0 16px; color:#fff;}
.card_banner .bg1 {background: linear-gradient(123.72deg, #FB6227 0%, #F48458 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.card_banner .bg2 {background: linear-gradient(123.72deg, #03253C 0%, #11486A 100%);}
.card_banner .bg3 {background: linear-gradient(123.72deg, #2EB5A0 0%, #48CFBA 100%);}
.card_banner .bg4 {background: linear-gradient(123.72deg, #111111 0%, #313030 100%);}
.card_banner strong {display:inline-block; height:21px; padding:0 8px; line-height:21px; font-size:11px; color:#fff; background:rgba(255, 255, 255, .2); border-radius:30px;}
.card_banner p {margin-top:12px; font-size:14px; line-height:22px; color:#fff;}

/* 배너 */
.mySwiper_banner {margin-bottom:-17px; padding-bottom:17px;}
.mySwiper_banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;}
.mySwiper_banner .swiper-pagination-bullet {background:#eee; opacity:1;}
.mySwiper_banner .swiper-pagination-bullet-active {background:#111; opacity:1;}

/* 이용방법*/
.howto .swiper-pagination-bullet {background:#555;}
.howto .swiper-pagination-bullet-active {background:#fff;}
.howto .swiper-horizontal > .swiper-pagination-bullets {bottom:24px;}
.howto .howto_0 {width:100%; height:365px; padding-top:32px; background:url("/images/img_howto_0-3fe6cc72bafd72d57403c8ca36adafd8.png") left top no-repeat; background-size:100% 100%; text-align:center;}
.howto_1, .howto_2, .howto_3 {width:100%; height:365px; padding-top:32px; background-color:rgba(0, 0, 0, .8); box-shadow: 7px 7px 30px rgba(131, 124, 107, 0.2); border-radius:4px; text-align:center;}
.howto_0 strong, .howto_1 strong, .howto_2 strong, .howto_3 strong  {font-size:18px; color:#fff;}
.howto_0 p, .howto_1 p, .howto_2 p, .howto_3 p  {margin-top:8px; opacity:.9; color:#fff; line-height:20px;}
.howto_1 span {display:inline-block; width:206px; height:auto; margin-top:20px}
.howto_2 span {display:inline-block; width:196px; height:auto; margin-top:4px}
.howto_3 span {display:inline-block; width:109px; height:129px; margin-top:17px}
.howto .btn_white {margin:16px 76px 0;}
.howto .btn_black {margin:164px 76px 0;}
.btn_more {text-align:center}
.btn_more .btn_white {margin:40px 100px 0;}

/* 검색 */
.header_title {margin:1px 0; font-size:18px; text-align:center}
.search_area {padding:16px 24px 0; line-height: 100%;}
.search_area p {width:100%; height:40px; padding:12px 0 0 40px; background-color: #F7F7F7; background-size:16px auto;}
.search_area p input {width:calc(100% - 30px); height:17px; font-size:12px;}
.search_keyword {background:url("/images/icon_search-4f9edd0bcf3bb74e3192d81b8ec3e45a.png") 16px 13px no-repeat}
.search_date {margin-top:8px; background:url("/images/icon_date-987f27cc511be899583d1764a3e0a960.png") 16px 13px no-repeat}
.search_area .btn_white {width:100%; margin:16px 0 0; color: #111;}
.search_map { margin-top: 30px;}
.search_map strong {display: block; margin-bottom: 16px;  padding: 0 24px;  font-size: 16px; color: #000;}
.search_map .price { background: #231916; font-size: 14px; color: #fff; padding: 0 8px; line-height: 30px;box-sizing: border-box; transform: translate(-50%, -80%);}
.search_map .price:after { content: ""; position: absolute; top: 30px; left: 43%; border-style: solid; border-width: 17px 5px 0; border-color: #231916 transparent}

.favorite_area {margin-top:25px;}
.favorite_area strong {display:block; margin-bottom:5px; padding:0 24px; font-size:14px; color:#000;}
.favorite_area a {display:inline-block; padding:0px 12px;  border: 1px solid #D8D8D8; border-radius:37px; font-size: 12px;}
.favorite_area .keyword {display:flex; width:100%; overflow-x:auto; overflow-y:hidden;}
.favorite_area .keyword .inner {display:flex; padding:0 16px 0 24px;}
.favorite_area .keyword .inner a {width:max-content; margin-right:8px; line-height:28px ;}

.btn_filter {text-align:center; position: fixed; bottom: 30px; width: 100%; z-index: 20;}
.btn_filter a {position:relative; display:inline-block; width:80px; height:40px; padding-left:20px; line-height:38px; color:#fff; background:rgba(0, 0, 0, .9) url("/images/icon_filter-f6f98d566a2bce1c8edb4c3934cc69a9.png") 20px 50% no-repeat; background-size:16px 16px; border-radius:50px; text-align:center; font-size:12px;}
.btn_filter a.active:after {position:absolute; top:11px; right:13px; display:block; content:""; width:4px; height:4px; background:#F23B3B; border-radius:50%; }

.search_result {position:relative; padding:16px 24px 0 64px}
.search_icon {position:absolute; top:40%; left:24px; display:inline-block; width:24px; height:24px;}
.search_condition {padding:12px 24px 11px 32px; background:#F7F7F7 url("/images/icon_search-4f9edd0bcf3bb74e3192d81b8ec3e45a.png") 8px 50% no-repeat; background-size:16px 16px; border-radius:2px}
.search_condition p {font-size:12px; color:#000; line-height:17px;}
.search_condition em {font-size:12px; color:#888; line-height:17px}

.result_none {margin-top:99px; color:#999; line-height:22px; text-align:center;}

/* 33m2를 왜 이용 */
.merit {padding:0 24px;}
.merit li:first-child {margin-top:0;}
.merit li {margin-top:8px; padding:24px; text-align:center; border-radius:2px; background:rgba(214, 209, 196, .3)}
.merit li span {display:inline-block; width:29px; height:29px; line-height:29px; background:#D0B787; color:#fff; border-radius:50%; font-size:12px; font-weight:700; text-align:center;}
.merit li strong {display:block; margin-top:8px; font-size:16px; line-height:23px;}
.merit li p {margin-top:2px; line-height:20px; color:#888;}
.btn_arrow {display:inline-block; margin-top:24px; padding-right:16px; border-bottom:1px solid #111; background:url("/images/icon_arrow-1a4bec562b3f245ea69accd493f39c5c.png") right top no-repeat; background-size:16px auto; font-weight:500; line-height: 16px;}

.faq {padding:0 24px;}
.faq li:first-child {margin-top:0;}
.faq li {margin-top:8px; padding:0 16px; background:#fff;}
.faq li p {color:#000; line-height:22px;}
.faq .question {padding:16px 32px 16px 0; background:url("/images/icon_faq_open-fdb0bd0b77e534315234dccc5eb7e61d.png") right 50% no-repeat; background-size:24px 24px;}
.faq .question.active {background-image:url("/images/icon_faq_close-fd52c13952a3cd8be4eae8832c5aa643.png");}
.faq .answer {display:none; padding:16px 0; border-top:1px solid #E7E7E7}
.faq .answer p {font-weight:500;}

/* 게스트, 호스트 더보기 */
.menu_area {padding:0 24px;}
.menu_area .menu:first-child {padding-top:16px; margin-top:0; border-top:0;}
.menu_area .menu {margin-top:25px; padding-top:24px; border-top:1px solid #eee;}
.menu_area p {margin-top:19px; height:24px; line-height:24px; padding-left:32px; background-size:24px 24px;}
.menu strong + p {margin-top:9px;}
.menu_account {background:url("/images/icon_account-9b54c05df88b4287d831609b0da09aad.png") left top no-repeat;}
.menu_place {background:url("/images/icon_heart-3701816e355b7316c33758eaff43b486.png") left top no-repeat;}
.menu_info {background:url("/images/icon_info-0e99a0ebae0072330615b7ad3a438aad.png") left top no-repeat;}
.menu_faq {background:url("/images/icon_faq-579eee08441f4bad5c146bc5c8d4ad5f.png") left top no-repeat;}
.menu_cs {background:url("/images/icon_cs-2c0cd30c09c81688bce8579a35f74e94.png") left top no-repeat;}
.menu_calculate {background:url("/images/icon_money-4259cc4e0ce6cae592de88be510529d7.png") left top no-repeat;}
.menu_alarm {background:url("/images/icon_alarm-77cefcaa2aa82e8440dc72970d90d1db.png") left top no-repeat;}
.menu a {display:block; background:url("/images/icon_arrow_right-dec3cc0c675b47d4fd2bb4089aa32e0e.png") right 1px no-repeat; background-size:24px 24px;}
.menu_area .align_center {margin-top:41px;}
.menu_area .align_center a {margin:8px 0 0;}
.menu_area .align_center a:first-child {margin-top:0;}

/* 첫화면 */
.first_screen .swiper {height:100vh;}
.first_screen .swiper-horizontal>.swiper-pagination-bullets {bottom:81px;}
.first_screen .swiper-pagination-bullet {background:#eee; opacity:1;}
.first_screen .swiper-pagination-bullet-active {background:#111;}
.first_screen .skip {margin-bottom:39px; padding-top:16px; text-align:right;}
.first_screen .skip a {color:#999;}
.first_content {padding:0 24px;}
.first_content p.title {width:71px; height:32px;}
.first_content strong.title {font-size:22px; font-weight:700; color:#111;}
.first_content .text {margin-top:24px; font-size:18px; line-height:28px; color:#555;}
.first_content .image_1 {width:220px; height:251px; margin:40px auto 0;}
.first_content .image_2 {width:160px; height:172px; margin:70px auto 0;}
.first_content .image_3 {width:242px; height:157px; margin:78px auto 0;}
.first_content .align_center {margin-top:40px;}
.first_content .align_center span {position:relative; display:block; margin:21px 0 20px; border-top:1px solid #eee;}
.first_content .align_center em {position:absolute; top:-9px; left:calc(50% - 17px); padding:0 8px 0 7px; background:#fff; color:#888; font-size:12px; font-weight:700;}
.first_bottom {position:absolute; bottom:39px; left:0; width:100%; font-size:12px; font-weight:500; text-align:center}
.first_content .btn_black, .first_content .btn_green  {margin:0;}

/* 버튼 */
.align_center {text-align:center}
.btn_black {display:block; width:auto; height:48px; margin:0 24px; line-height:48px; background:#111; border-radius:2px; color:#fff; font-size:14px; text-align:center;}
.btn_white {display:block; width:auto; height:48px; margin:0 24px; line-height:48px; border:1px solid #111; border-radius:2px; background:#fff; text-align:center;}
.btn_green {display:block; width:auto; height:48px; margin:0 24px; line-height:48px; background:#2A514B; border-radius:2px; color:#fff; font-size:14px; text-align:center;}
.btn_red {display:block; width:auto; height:48px; margin:0 24px; line-height:48px; background:#e60022; border-radius:2px; color:#fff; font-size:14px; text-align:center;}
.btn_kakao {display:block; width:auto; height:48px;  line-height:48px; margin:24px 24px 0; background:#FEE500 url("/images/icon_kakao-33e6e371ca726709048e1f4081a4767f.png") 24px 50% no-repeat; background-size:20px 19px; color:#191919; font-weight:500; text-align:center;  box-sizing:border-box;}
.btn_black_wh {display:block; width:auto; height:48px; margin:0 24px; line-height:48px; border:1px solid #111;  background:#fff;  border-radius:2px; color:#111;  font-size:14px; text-align:center;}
.btn_green_wh {display:block; width:auto; height:48px; margin:0 24px; line-height:48px;  border:1px solid #2A514B;  background:#fff; border-radius:2px; color:#2A514B; font-size:14px; text-align:center;}
.btn_red_wh {display:block; width:auto; height:48px; margin:0 24px; line-height:48px;   border:1px solid #e60022;  background:#fff; border-radius:2px; color:#e60022; font-size:14px; text-align:center;}

/* footer */
footer {width:100%; padding:32px 20px 80px; background:#111; color:#fff; box-sizing:border-box;}
footer .foot_text {margin-bottom:24px; color:#fff; opacity:.4; font-size:11px; line-height:16px;}
footer .download {font-size:0; text-align: center;}
footer .download a {display:inline-block; margin-right:16px; padding:15px 0; text-align:center; box-sizing:border-box;}
.foot_info {text-align:center; opacity: .4;}
.foot_info .more {padding-right:14px; background:url("/images/icon_open-af65319e0779f9f8780c458190239147.png") right 7px no-repeat; background-size:8px auto; font-weight:500; color:#fff;}
.foot_info .close {padding-right:14px; background:url("/images/icon_close-df87b9b68ef088e9bfa8bf9bb9125fd3.png") right 7px no-repeat; background-size:8px auto; font-weight:500; color:#fff;}
.foot_info .board {display:none; margin-top:8px;}
.foot_info .board p {font-size:12px; color:#fff; line-height:17px; text-align:center; opacity:.8}
.agree {text-align:center; margin-top: 5px;}
.agree a {color:#fff; font-size:12px; opacity: 0.4; }
.agree a:first-child:before {margin:0; padding:0; border:none}
.agree a:before {display:inline-block; content:""; position:relative; top:1px; width:1px; height:10px; margin-left:12px; padding-left:12px; border-left:1px solid rgba(255, 255, 255, .5);}

/* popup */
.top_popup_inner {position:absolute; left:0; top:0; z-index:999; width:100%; background:#fff;}
.top_popup_container {position:relative; padding-bottom:32px;  margin-top:15px;}
.top_popup_close {position:absolute; top:13px; left:24px; width:24px; height:24px; background:url('/images/btn_close-e909509d9e8ac65a8483ed6c99e0d30d.png') no-repeat center center; background-size:24px 24px; text-indent:-9999px}
.top_popup_header {height:50px; line-height:48px; text-align:center;}
.top_popup_header p {font-size:18px;}
.top_popup_contents .search_area .btn_black {margin:24px auto 0; width: 100%;}

.btn_popup_close {position:absolute; top:14px; right:14px; display:block; width:28px; height:28px;}
.btn_popup_prev {position:absolute; top:14px; left:14px; display:block; width:28px; height:28px;}

/* 호스트 방 관리 */
.room_manage_new {padding:16px 15px 40px;}
.room_manage_new .search_area {position:relative; padding:0}
.room_manage_new .search_area p {width:100%; height:40px; padding:12px 0 0 40px; background-color: #F7F7F7; background-size:16px auto; border-radius: 10px;}
.room_manage_new .search_area p input {width:calc(100% - 70px); height:17px; font-size:12px;}
.room_manage_new .search_keyword {background:url("/images/icon_search-4f9edd0bcf3bb74e3192d81b8ec3e45a.png") 16px 13px no-repeat}
.room_manage_new .search_area .btn_black {position:absolute; top:0; right:0; width:60px; height:40px; margin:0; padding:0 10px; line-height:40px;  border-radius: 10px}

.manage_list_new {margin-bottom: 20px; box-shadow: 0 0 6px rgb(0 0 0 / 10%); padding: 10px 5px 20px;border-radius: 10px;}
.manage_list_new p {padding-bottom:0; }
.manage_list_new p:after {display:block; content:""; clear:both}
.manage_list_new p span {display:inline-block; float:left; line-height:34px; font-size: 16px; font-weight: 700;}
.manage_list_new p span em {color:#ec6530; font-weight:bold;}
.manage_list_new .btn_small_black {float:right; width:50px; height:30px; margin:0; padding: 0 3px; line-height:28px; background-color: #d4d4d4; border-radius: 10px; opacity: 0.7; font-size: 10px; font-weight: 500; color:#111}
.manage_list_new .btn_small_black span {display:block; font-size: 12px; line-height: 30px; }
.manage_list_new .btn_small_black span:before {display:inline-block; content:""; width:16px; height:16px;  vertical-align:middle; padding-right: 3px;}
.manage_list_new .btn_small_black .ico_schedule_n:before {background:url("/images/ico_schedule-9f9d0d3e59520c11901dd57530fab687.png") 0 0 no-repeat; background-size:16px auto;}

.manage_list_new dl {margin-top:10px;}
.manage_list_new dl:after {display:block; content:""; clear:both;}
.manage_list_new dt {float:left; width:65%; height:100px;}
.manage_list_new dt img {width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.manage_list_new dd {float:right; width:30%;}
.manage_list_new dd button {width:100%; height:30px; margin:5px 0 0 0; padding:0; line-height:28px; text-align:left; border-radius: 5px; color:#111; opacity: 0.7;}
.manage_list_new dd button span {display:block; font-size: 12px; line-height: 16px; text-align: center; }
.manage_list_new dd button span:before {display:inline-block; content:""; width:16px; height:16px;  vertical-align:middle; padding-right: 5px;}
.manage_list_new dd button .ico_lock:before {background:url("/images/ico_lock-c05a804d7b6607efe8c13c9a0824798b.png") 0 0 no-repeat; background-size:16px auto;}
.manage_list_new dd button .ico_lock_open:before {background:url("/images/ico_lock_open-41f5583171b1033bb8a7984e951edd2b.png") 0 0 no-repeat; background-size:16px auto;}
.manage_list_new dd button .ico_modify_n:before {background:url("/images/ico_modify-dc1e28aae268af0dd894ebb3c4f76984.png") 0 0 no-repeat; background-size:16px auto;}
.manage_list_new dd button .ico_copy:before {background:url("/images/ico_copy-02ae5cc27afff20f3f51af28d5b7c1d8.png") 0 0 no-repeat; background-size:16px auto;}
.manage_list_new dd button .ico_delete_n:before {background:url("/images/ico_delete-a8e44935e84a18d21d9202ae0edb934e.png") 0 0 no-repeat; background-size:16px auto;}
.manage_list_new dd button .icon5:before {background:url("/images/ico_lock-c05a804d7b6607efe8c13c9a0824798b.png") 0 0 no-repeat; background-size:16px auto;}
.manage_list_new dd button .icon6:before {background:url("/images/ico_lock-c05a804d7b6607efe8c13c9a0824798b.png") 0 0 no-repeat; background-size:16px auto;}
.manage_list_new dd button:first-child {margin:0}
.manage_list_new .btn_orange {background:#e60022; color:#fff;}
.manage_list_new .manage_text {margin-top:10px; color:#e60022;}
.manage_list_new .manage_text a {color:#e60022; font-weight:bold;}
.floating_room_add {position: fixed; bottom: 85px; right: 10px; width: 150px; z-index: 1;}
.floating_room_add a {display:block;width:auto;height:48px;margin:0 24px;line-height:48px;background:#e60022;border-radius: 20px;color:#fff;font-size:14px;font-weight:700; text-align:center;}

.bottom-navi-menu{z-index:102;position:fixed;bottom:0;left:0;display:flex;width:100%;padding:8px 0 7px;background:#fff;border-top:2px solid #eee;height:60px}
.bottom-navi-menu div .prev {margin-left:20px; line-height: 35px; text-decoration: underline;}
.bottom-navi-menu div .next{box-sizing:border-box;display:inline-block;padding:8px 21px;text-align:center;border:0;border-radius:2px;background:#2a514b;font-size:14px;font-weight:700; color:#fff;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:20px;border-radius:5px}

.survey {padding:0 16px}
.survey .text {margin:0 -24px; padding:24px; background:#e7e7e7; border-top:1px solid #ddd;}
.survey .text + .survey_list:before {height:0; border:none;}
.survey_list {margin:20px 0;}
.survey_list:before {display:block; content:""; height:12px; margin:0 -24px; border-top:1px solid #ddd; background:#f7f7f7;}
.survey_list .question {display:block; margin-top:20px; }
.survey_list .answer {margin-top:10px;}
.survey_list .answer ul:after {display:block; content:""; clear:both;}
.survey_list .answer li input[type=radio] {position:relative;top:1px}
.survey_list .answer li{width: 100%; line-height:24px;}
.survey_list .answer li.full input[type=text] {width:100%; height:40px; margin-top:5px; padding:0 12px; border:1px solid #ddd;}
.survey_list .answer textarea { margin-top:5px; padding:15px 12px; border:1px solid #ddd; width: 100%; height: 80px; }

.search_room {padding: 30px 18px; background-image: linear-gradient(123deg, #33504b, #527a73);}
.search_room p {font-size: 24px; line-height: 36px; color: #fff;}
.search_room p span {display: block; font-size: 20px;}
.search_room p strong {color: #fff;}
.search_box {margin-top: 26px; padding: 7px 15px 8px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.3); color:#fff;}
.search_box:before {display: inline-block; content:""; width:24px; height:24px; margin-right: 5px; background:url('/images/icon_search-cbf82c37191cfcdb039a052f257d0ee0.svg') 0 4px no-repeat; background-size:24px auto;}
.search_box input {position: relative; top:-4px; width: calc(100% - 36px); font-size: 13px; color:#fff}
.search_box input::placeholder {color:#fff}

.accordion_list {padding: 0 15px;}
.accordion_list summary {position:relative; padding:12px 0px; border-bottom:1px solid #f4f4f4; font-size: 14px; font-weight: bold; cursor: pointer}
.accordion_list summary::marker{font-size: 0}
.accordion_list summary:after {position:absolute; top:calc(50% - 8px); right:0 ; display: inline-block; content:""; width: 15px; height: 15px; background:url('/images/icon_arrow_open-57558c7135f006952cdfb74bb9a68438.svg') 0 0 no-repeat; background-size: 15px auto;}
.accordion_list details[open] summary:after {transform: rotate( 180deg );}
.accordion_list .contents {margin:0 -15px; padding:25px 15px; background: #fcfcfc}
.accordion_list .btn_wrap {margin-top: 0px;}
.accordion_list .btn_wrap button {width: 100%; padding:15px 0; margin:0 0 5px 0; font-size:14px; line-height:17px; font-weight: 500;}

.status_list li {position:relative; margin:0 0 14px 7px; font-size: 0;}
.status_list li:last-child {margin-bottom: 0}
.status_list li:last-child:before {height:0}
.status_list li:before {z-index:1; position:absolute; top: 12px; left: 3px; display:inline-block; content:""; width:1px; height:44px; background:#c8c8c8; opacity: .5;}
.status_list li:after {display:block; content:""; clear:both;}
.status_list strong, .status_list p {display:inline-block; color:#959595; font-size: 14px; line-height: 24px;}
.status_list strong {float: left; width: 48%;}
.status_list strong:before {z-index:10; position:relative; top: -3px; display:inline-block; content:""; width:7px; height: 7px; margin-right: 17px; background: #c8c8c8; border-radius: 50%;}
.status_list .s_complete, .status_list .s_confirm {color:#33504b; font-weight:500;}
.status_list .s_complete:before {z-index: 20; top: 4px; left: -6px; width: 20px; height: 20px; margin-right:7px; background:url('/images/icon_check-758635ae1dcc46043f8878f2e2333f50.png') 0 0 no-repeat; background-size: 20px auto;}
.status_list .s_confirm:before {z-index: 20; top: 4px; left: -6px; width: 20px; height: 20px; margin-right:7px; background:url('/images/icon_now-4c3cb4926ea2a2b4c5d54872fd219497.png') 0 0 no-repeat; background-size: 20px auto;}
.status_list p {position:relative; top: 3px; float: right; width: 52%; font-size: 12px; text-align: right;}

.mgmt_item_list {padding:15px 0 0 0;}
.mgmt_item_list .title {font-size: 14px; font-weight: bold;}
.mgmt_item_list ul {display: flex; flex-wrap: wrap; width: 100%; margin-top:25px;}
.mgmt_item_list li {position:relative; flex: 1 1 25%; text-align: center;}
.mgmt_item_list li:after {position:absolute; top:4px; right:0; display:inline-block; content:""; width: 1px; height:30px; margin-top:4px; background:#e6e6e6;}
.mgmt_item_list li:nth-child(4n):after {width:0;}
.mgmt_item_list li:nth-child(n+5) {margin-top: 10px;}
.mgmt_item_list li img {width: 36px; height:36px;}
.mgmt_item_list li p {margin-top: 8px; font-size: 12px;}

.gray_box {background: #f7f7f7; margin-top: 25px; padding:20px 15px 25px;}
.gray_box strong {font-size: 14px; font-weight: 700;}
.gray_box p {margin-top: 10px; font-size: 14px; line-height: 24px;}

/* 20220520 */
/* 메세지 */
.new_header {height:auto; padding:44px 18px 20px;}
.new_header:after {display:block; content:""; clear:both;}
.new_header .header_title {float:left; font-size:24px; color:#333; font-weight:bold;}
.new_header .sort_area {float:right; margin-top:5px;}
.new_header .sort_area select {
    padding: 6px 40px 6px 20px;
    border: 1px solid #dfdfdf;
    color: #333;
    border-radius: 17px;
    background: url('/images/icon_select-00ac46f137388fda4b3f4526fa6b4842.png') no-repeat right 12px;
    background-size:34px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.message_list {margin-bottom:10px;}
.message_list li {margin:0 18px; padding:20px 0; border-bottom:1px solid #eaebee}
.message_list li:last-child {border:none;}
.message_list li a {display: block;}
.message_list dl {position:relative;}
.message_list dt {position:absolute; top:0; left:0; width:70px;}
.message_list dt span {display:block; width:65px; height:65px;}
.message_list dt span img {width:100%; height:100%; border-radius:37px;}
.message_list dt p {margin-top:7px; font-size:13px; text-align:center;}
.message_list dd {padding-left:80px;}
.message_list .m_title{font-size:16px; line-height:22px; color:#333;}
.message_list .m_period{margin-top:5px; font-size:14px; line-height:20px; color:#333;}
.message_list .m_date{display:block; font-size:12px; line-height:22px; color:#808080}
.message_list .m_text {width:100%; margin-top:2px; font-size:13px; line-height:20px; color:#6b6b6b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.message_list .n_chat_m   {width:calc(100% - 25px); display:inline-block; }
.message_list .n_chat_b   {width:20px; display:block; padding-top:3px;}

.btn_round {padding:10px 25px; font-size:14px; color:#333; font-weight:500; border:1px solid #dfdfdf; border-radius:20px;}
.data_none {padding:150px 0 0; border-top:1px solid #eaebee;}
.data_none .none_message {font-size:16px; color:#808080; text-align:center;}
.data_none .none_message:before {display:block; content:""; clear:both; width:60px; height:60px; margin:0 auto 20px; background:url("/images/icon_none-41b3973f8c4de014fd9fce072c42e7d9.png") 0 0 no-repeat; background-size:60px auto;}
.status_color_blue {color:#017be6; font-size:13px; font-weight:500}
.status_color_green {color:#13c270; font-size:13px; font-weight:500}
.status_color_red {color:#e60123; font-size:13px; font-weight:500}
.status_color_gray {color:#808080; font-size:13px; font-weight:500}
.status_color_black {color:#333; font-size:13px; font-weight:500}

/* 방관리 */
.btn_register {display:inline-block; float:right; margin-top:8px; font-size:15px; font-weight:500; color:#017be6;}
.search_box_host {margin-top: 26px; padding: 7px 15px 8px; float:left; width:100%; border-radius: 5px; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.3); color:#fff;}
.search_box_host:before {display: inline-block; content:""; width:24px; height:24px; background:url('/images/icon_search_black-198cacb2065ad3af6d15b3b97f3b4bba.svg') 0 4px no-repeat; background-size:24px auto;}
.search_box_host input {position: relative; top:-4px; width: calc(100% - 36px); font-size: 13px; color:#808080}
.search_box_host input::placeholder {color:#808080}
.room_list li {padding-top:20px; border-top:10px solid #f2f3f6; background:#fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);}
.room_list dl {position:relative; padding:0 18px;}
.room_list dt {position:absolute; top:0; left:18px; width:100px; height:100px;}
.room_list dt img {width:100%; height:100%; border-radius:5px;}
.room_list dd {position:relative; padding-left:115px; max-width: 340px; }
.room_list dd .room_name {overflow:hidden; height:28px; font-size:16px; font-weight:700; line-height:22px; color:#333;}
.room_list dd .addr { font-size: 12px; font-weight: 400; color: #808080; line-height: 22px; height:45px; margin-bottom:2px;}
.btn_switch {display:inline-block; margin-right:22px; font-size:0;}
.btn_switch .tit {position:relative; top:-8px; padding-right:6px; font-size:13px; color:#333;}
.btn_calendar {position:absolute; bottom:3px; right:0; display:inline-block; width:90px; height:30px; padding:3px 0 0 33px; border-radius:5px; background:#f2f3f6; vertical-align:top; font-size:13px; line-height:24px ;}
.btn_calendar:before {display:inline-block; content:""; position:absolute; top:5px; left:8px; width:20px; height:20px; background:url('/images/ico_calendar-21af7344b18007ab8a8debbef0fc83c3.png') 0 0 no-repeat; background-size:20px auto;}
.btn_admin {display:flex; margin-top:16px; border-top:1px solid #eaebee;}
.btn_admin button {flex:1 1 33%; padding:12px 0 13px; text-align:center; color:#333;}
.btn_admin button:nth-child(2) {border-left:1px solid #eaebee;}
.btn_admin button:nth-child(3) {border-left:1px solid #eaebee; border-right:1px solid #eaebee;}
.btn_admin button:first-child {width:34% !important;}
.btn_admin button:disabled { color:#B0AFAF;}

/* switch */
.btn_switch input[type="checkbox"] { display: none;}
.label__on-off { overflow: hidden; position: relative; display: inline-block; width: 55px; height: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 3px; background-color: #90909c; font-weight: 500; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.label__on-off > * { vertical-align: middle; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 11px; }
.label__on-off .marble { position: absolute; top: 3px; left: 3px; display: block; width: 19px; height: 19px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.label__on-off .on { display: none; padding-left: 8px; line-height: 25px;  color:#fff;}
.label__on-off .off { padding-left: 27px; line-height: 25px; color:#fff;}
.input__on-off:checked + .label__on-off { background-color: #ada191;}
.input__on-off:checked + .label__on-off .on { display: inline-block;}
.input__on-off:checked + .label__on-off .off { display: none;}
.input__on-off:checked + .label__on-off .marble { left: 33px;}

/* 예약관리 */
.tab_menu {width:100%}
.tab_nav {display: flex; border-bottom:1px solid #eaebee;}
.tab_nav li {flex:1 1 50%; text-align:center; font-size:px;}
.tab_nav li a {position:relative; top:1px; display: inline-block; width:100%;  padding:13px 0; font-size:16px; color:#808080;}
.tab_nav li a.active {border-bottom:2px solid #333; color:#333; font-weight:bold;}
.tab_content .data_none {margin-top:-1px;}
.schedule_list li {padding-top:18px; border-bottom:10px solid #f2f3f6; background:#fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);}
.schedule_list li:last-child { border-bottom:1px solid #f2f3f6; box-shadow:none; margin-bottom: 50px; }
.schedule_list dl {position:relative; min-height:126px; padding:0 18px;}
.schedule_list dt {position:absolute; top:0; left:18px; width:100px; height:100px;}
.schedule_list dt img {width:100%; height:100%; border-radius:5px; object-fit: cover;}
.schedule_list dt p {margin-top:7px; text-align:center;}
.schedule_list dd {padding-left:115px;}
.schedule_list dd .s_title {overflow:hidden; max-height:42px; font-weight:bold; color:#333; font-size:16px; line-height:22px;}
.schedule_list dd .s_name {margin-top:5px; color:#333;}
.schedule_list dd .s_pay {display:block; margin-top:3px; font-size:17px; font-weight:bold; color:#333;}
.schedule_list dd .s_date {margin-top:5px; font-size:12px; color:#808080;}
.schedule_list .btn_message {display:block; margin-top:15px; padding:12px 0 14px; border-top:1px solid #eaebee; text-align:center; color:#333; font-weight:500;}
.schedule_list .btn_message:after {display:inline-block; content:""; width:5px; height:10px; margin-left:9px; background:url('/images/ico_arrow_right-2d017bc280338a590d78ad345b540187.png') 0 0 no-repeat; background-size:5px 10px; vertical-align:middle; padding-top:2px}

.on_now_red{font-size: 14px; color: #fd183a; padding: 2px 5px; margin-left: -7px; font-weight: 500;}
.on_now_black{font-size: 14px; color: #333; padding: 2px 5px; margin-left: -7px; font-weight: 500;}
.on_now_red:after { content: ""; display: inline-block; width: 10px; height: 10px; background-color: #fd183a; border-radius: 50%; margin-left: 3px; -webkit-animation:blink 1s ease-in-out infinite alternate; -moz-animation:blink 1s ease-in-out infinite alternate; animation:blink 1s ease-in-out infinite alternate; }
.on_now_black:after { content: ""; display: inline-block; width: 10px; height: 10px; background-color: #333; border-radius: 50%; margin-left: 3px; -webkit-animation:blink 1s ease-in-out infinite alternate; -moz-animation:blink 1s ease-in-out infinite alternate; animation:blink 1s ease-in-out infinite alternate; }

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* 20220618 */
/* 채팅 */
.chat_container {height:100vh; padding:0; background:#f6f6f6;}
.chat_contents {padding:60px 15px 190px 16px; background:#f6f6f6;}
.chat_header {z-index:1101; position:fixed; width:100%; top:0; display: flex; flex-wrap: nowrap; justify-content: space-between; padding:10px 15px 10px 16px; background:#fff;  border-bottom:1px solid #eaebee;}
.chat_header .name {display:inline-block; width: 35%; font-size:16px; color:#000; font-weight:500;}
.chat_header .name:before {display:inline-block; content:""; position:relative; top:2px; width:8px; height:14px; margin-right:15px; background:url("/images/ico_arrow_left-86e55195d082e4ada170bce542e044b7.png") 0 0 no-repeat; background-size:8px 14px;}
.chat_header .place {display:inline-block; position:relative; top:3px; width: 65%; font-size:13px; color:#000; text-align: right;}
.notice_text {padding-bottom:4px; font-size:12px; line-height:18px; color:#404040; text-align:center;}
.notice_red {margin-top:20px; padding:10px 42px; background:#ffece8; border-radius:5px; font-size:12px; line-height:18px; color:#404040; text-align:center;}
.notice_gray {margin-top:20px; padding:15px 12px 15px 10px; background:#e2e2e2; border-radius:5px; font-size:12px; line-height:18px; color:#404040;}
.notice_gray span {font-weight:700;}
.notice_gray p {margin:5px 0 10px; font-size:12px ;}
.notice_gray em {display:block; text-align:right; font-size:11px; color:#808080;}
.text_blue {color:#209dc4; font-size:12px; font-weight:500;}
.text_red {color:#cc0d0d; font-size:12px; font-weight:500;}
.date_line {width:106px; margin:20px auto 0; padding:4px 0; background:#fff; border-radius:13px; color:#808080; font-size:11px; font-weight:500; text-align:center;}
.you_chat {margin-top:20px;}
.you_chat dl {position:relative; padding-left:68px;}
.you_chat .profile_img {overflow:hidden; position:absolute; top:0; left:0; width:48px; height:48px; background:#808080; border-radius:50%;}
.you_chat .profile_img img {width:100%; height:100%;}
.you_chat .profile_name {margin:0 0 -15px -10px; font-size:12px; line-height:18px; color:#808080;}
.balloon {margin-top:20px;}
.balloon {display: flex; justify-content: right}
.balloon .chat-txt {display:inline-block; position:relative; max-width:70%; padding:8px 8px 10px 10px; border-radius:5px; background:#161616; color:#fff; font-size:13px; line-height:18px;}
.balloon .chat-text:after {content:""; position:absolute; top:5px; right:-9px; width:9px; height:9px; background: url("/images/img_chat_me-210609b995be82bba0ba756e128ee968.png") 0 0 no-repeat; background-size:9px;}
.balloon .time {display:flex; flex-direction:column; justify-content:flex-end; margin-right:7px; font-size:10px; line-height:15px; color:#808080;}
.balloon + .balloon .chat-txt:after {display:none;}
.balloon + .balloon {margin-top:5px;}
.you_chat .balloon {justify-content:left}
.you_chat .balloon .chat-txt{background:#fff; color:#404040;}
.you_chat .balloon .chat-txt:after {right:auto; left:-9px; background-image: url("/images/img_chat_you-a067d17e82cb8900a55c15f9a9e89300.png");}
.you_chat .balloon .time {margin:0 0 0 7px;}

.message_box {z-index:1100; position:fixed; bottom:0; left:0; width:100%;  background:#fff; border-top:1px solid #eaebee}
.message_form {position:relative; padding:10px 7px 2px;}
.message_box .add_btn {position:absolute; left:16px; bottom:15px; width:29px; height:29px;}
.message_box textarea {width:100%; height:96px; resize:none; padding:10px; background:#f6f6f6; border:1px solid #e8e8e8; border-radius:0px;  border-left:none; border-right:none; font-size:13px; outline-color: #f6f6f6; line-height:19px;}
.message_box textarea:focus{outline: none !important;}
.message_box .chat_submit {position:absolute; right:14px; bottom:42px; width:29px; height:29px;}

.add_box {display:none; padding:24px 16px 36px; border-top:1px solid #eaebee; background:#fff; font-size:0;}
.add_box input[type=file] {display:none;}
.add_box .image_add, .add_box .price_proposal {display:inline-block; text-align:center;}
.add_box .price_proposal {margin-left:27px;}
.add_box .image-upload {margin-bottom:10px}
.add_box .image-upload label {display:inline-block; padding:16px 18px 17px; border-radius:50%; background:#f6f6f6;}
.add_box .image-upload img {width:30px; height:30px;}
.add_box span {font-size:12px; line-height:18px; color:#000;}

.chat_container .dim {display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 100;}

.load-before-msg { text-align: center;color: #b2b2b9; padding-top:15px;}

/* 정산 */
.tab_menu.type2 .tab_nav li a {color:#b1b1b1; font-size:14px;}
.tab_menu.type2 .tab_nav li a.active {color:#111;}

.new_header02 {position:relative; height:55px; padding:14px 0; border-bottom:1px solid #e6e6e6;}
.new_header02 .btn_back {position:absolute; left:0; top:14px; width:8px; height:14px; padding:14px; background: url("/images/icon_back-309488e2fde264c511374335ec80d95f.png") center center no-repeat; background-size:8px 14px;}
.period_search {position:relative; padding:20px 18px 15px 18px; border-bottom:1px solid #e6e6e6;}
.periond_input {display:flex; justify-content: space-between; width:calc(100% - 71px);}
.periond_input span {position:relative; width:120px; height:36px; padding:8px 12px; border:1px solid #e6e6e6;}
.periond_input span:after {position:absolute; top:10px; right:10px; display:inline-block; content:""; clear:both; width:15px; height:15px; background: url("/images/ico_calendar2-a11b1003bc32d5b7f09957ee92d24d44.png") right 0 no-repeat; background-size:15px auto;}
.periond_input input {width:calc(100% - 20px); font-size:14px; color:#111;}
.periond_input em {position:relative; top:6px; font-size:14px; color:#7f7f7f;}
.period_select {width:calc(100% - 71px); margin-top:10px;}
.period_select select {width:100%; height:36px; border:1px solid #e6e6e6; font-size:14px; color:#111; padding-left:10px}
.btn_search {position:absolute; top:20px; right:18px; width:61px; height:81px; background:#111; font-size:16px; color:#fff;}
.btn_search:before {display:block; content:""; width:100%; height:24px; background: url("/images/ico_search_type2-bd4f67bd23bfea3bb31cca9651d48872.png") center center no-repeat; background-size:24px auto;}
.result_num {display:flex; justify-content: space-between; margin:20px 0; padding:0 18px;}
.result_num p {font-size:20px;}

.result_list {margin:0 18px 15px; padding:15px 0 15px 15px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);}
.result_list a {display:flex;}
.left_contents {width:65%;}
.left_contents ul {margin-top:14px}
.left_contents li {display:flex; font-size:12px;}
.left_contents li:first-child {margin-top:0;}
.left_contents li {margin-top:5px;}
.left_contents span {width:44px; color:#777; font-size:12px;}
.left_contents p {width:calc(100% - 44px); padding-top:1px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; margin-right:10px; font-size:12px;}
.right_contents {display:flex; align-items:center; justify-content:center; width:35%; border-left:1px solid #e6e6e6; color:#7c5336;}
.right_contents strong {font-size:18px; color:#7c5336;}

/* 메인 */
.visual {position:relative;}
.visual img {height:220px;}
.visual p {position:absolute; left:18px; bottom:30px; color:#fff; font-size:18px;}
.visual strong {display:block; font-size:20px; }
.center {margin-top:40px; text-align:center;}
.merit_title {display:inline-block; font-size:22px; box-shadow: inset 0 -8px 0 rgba(184, 157, 104, 0.5); text-align:center;}

.merit_list {margin-top:10px;}
.merit_list li {position:relative; height:360px; padding-top:45px;text-align:center; box-sizing: border-box}
.merit_list li strong {font-size:20px; color:#363636}
.merit_list li p {margin-top:10px; color:#5a5a5a}
.merit_list .img {display:block; position:absolute; bottom:65px; left:calc(50% - 53px); width:106px; height:106px;}
.merit_list .img img {height:100%;}
.merit_list li:nth-child(even) {background:#f2f1ed}

.howto_type2 .swiper-slide {height:410px;}
.howto_type2 .swiper-pagination-bullet-active {background:#111;}
.howto_type2 .swiper-horizontal > .swiper-pagination-bullets {bottom:20px;}
.howto_type2 .swiper-pagination-bullet {width:4px; height:4px; margin:0 2px !important}
.howto_type2 {margin-top:20px; text-align:center;}
.howto_type2 .howto_content {width:90%; height:346px; margin:0 auto; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);}
.howto_type2 .howto_img {display:block; width:185px; height:auto; margin:8px auto 5px;}
.howto_type2 .text_1 {font-size:20px; color:#585858}
.howto_type2 .text_2 {font-weight:bold; font-size:22px; color:#363636;}
.howto_type2 .text_3 {margin-top:32px; font-size:16px;}
.howto_type2 .text_3:after {display:inline-block; content:""; width:12px; height:12px; margin-left:4px; background: url("/images/icon_arrow-1a4bec562b3f245ea69accd493f39c5c.png") 0 1px no-repeat; background-size:12px auto;}
.howto_type2 .howto_text1 {display:block; margin-top:20px; font-size:22px; color:#363636}
.howto_type2 .howto_text2 {margin-top:10px; line-height:23px;}

.faq_area {padding:50px 18px 60px; background:#f7f7f7}
.faq_title {font-size:22px; font-weight:bold; text-align:center;}
.faq_area .faq li{margin-top:10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); border-radius:5px;}
.faq_area .faq {margin-top:30px; padding:0;}
.faq_area .faq .question {padding:16px 32px 16px 0; background:url("/images/icon_faq_open-fdb0bd0b77e534315234dccc5eb7e61d.png") right 50% no-repeat; background-size:24px 24px;}
.faq_area .faq .question.active {background-image:url("/images/icon_faq_close-fd52c13952a3cd8be4eae8832c5aa643.png");}
.faq_area .btn_faq_more {margin-top:30px; padding:12px 25px 13px 24px; font-weight:500; background:rgba(17, 17, 17, 0.1); border-radius:5px; color:#111}

.mySwiper_banner .banner_area {height:165px;}
.mySwiper_banner .banner_img {display:block; height:126px;}
.mySwiper_banner .banner_img img {height:100%; object-fit: cover;}
.mySwiper_banner .swiper-pagination-bullet-active {background:#111;}
.mySwiper_banner .swiper-pagination {bottom:20px !important;}
.mySwiper_banner .swiper-pagination-bullet {width:4px; height:4px; margin:0 2px !important}

.kakao_go {position:fixed; bottom:90px; right:11px; z-index:10;}
.kakao_go a {display:block; width:60px; height:auto;}

.pay_info_inner {padding:30px; text-align:left;}
.pay_info .big_title {display:block; margin-bottom:15px; padding-bottom:20px; font-size:18px; text-align:center; border-bottom:2px solid #393941;}
.pay_info .small_title {font-weight:bold;}
.pay_info li, .total_pay {display:flex; justify-content: space-between;}
.pay_info li:first-child {margin-top:0;}
.pay_info li {margin-top:10px;}
.pay_type1 {margin-top:15px;}
.pay_type1 li {color:#393941}
.pay_type2 {margin-top:15px; border-top:1px dashed #9b9b9b;}
.pay_type2 li:first-child {margin-top:15px;}
.pay_type2 li {margin-top:10px; color:#9b9b9b;}
.total_pay {align-items:flex-end; margin-top:15px; padding:27px 0; border-top:1px solid #9b9b9b; border-bottom:1px solid #9b9b9b; font-weight:bold;}
.account_info {margin:20px 0 36px}
.account_info span {color:#393941}
.total_pay strong {font-size:22px;}

.reject_item {font-size: 14px; }
.reject_item ul{color:#111; }
.reject_item ul:after {display:block; content:""; clear:both;}
.reject_item li input[type=radio] {position:relative;top:1px; }
.reject_item li label { padding-left:5px; }
.reject_item li{line-height:24px; padding-left:20px; text-indent:-20px; margin-bottom:10px;}
.reject_item li.full input[type=text] {width:100%; height:40px; margin-top:5px; padding:0 12px; border:1px solid #ddd;}
.reject_item textarea { margin-top:5px; padding:15px 12px; border:1px solid #ddd; width: 100%; height: 80px; }
.button-item {box-sizing: border-box; display: inline-block; padding: 16px 21px; text-align: center; border: 0; border-radius: 2px; font-size: 14px; -moz-appearance: none; -webkit-appearance: none; appearance: none}
.button-item.button-item-black {background: #111;color: #fff;}
.button-item.button-item-gray {background: #e5e5e5;color: #111;}

/* 20230209*/
/* 계약 */
.content_app > *, .content_app a {color:#000;}
.header_title_app {position:relative; padding:16px 0; text-align:center;}
.header_title_app h1 {margin:0; font-size:16px; line-height:24px; color:#000;}
.header_title_app h1.img_logo {font-size:0; line-height:normal;}
.header_title_app h1 .logo {display:inline-block; width:65px; height:28px;}
.select_box {margin:12px 0 20px; padding:0 20px;}
.select_box select {width:100%; padding:13px 12px; border:1px solid #dfdfdf; border-radius:6px;}
div.bg_gray {padding:20px 20px 40px; background:#F8F8F8;}
div.bg_gray.none_text {display:flex; justify-content:center; align-items:center;height:calc(100vh - 136px);}
div.bg_gray.none_text p {color:#999;}
.box_white {display:block; background:#fff; border-radius:6px;}
.box_white + .box_white {margin-top:12px;}
.box_white .title {position:relative; padding:13px 18px 13px 16px; border-bottom:1px solid #EFEFEF; font-weight:700; color:#5C44E3}
.box_white .title:after {display:inline-block; content:""; position:absolute; top:50%; right:18px; width:6px; height:12px; background:url('/images/webmobile/icon_arrow2.png') right 2px no-repeat; background-size: contain; transform: translatey(-50%)}
.content_app .room_info {padding:16px 16px 0;}
.content_app .room_info:after {display:block; content:""; clear:both}
.content_app .room_info dt {float:left; width:30%;}
.content_app .room_info .img_thumb {overflow:hidden; width:80%; margin-right:16px; font-size:0; border-radius:6px;}
.content_app .room_info dd {float:left; width:70%;}
.content_app .room_info dd strong {display:block; margin-bottom:2px;font-size:15px; line-height:22px;}
.content_app .room_info dd .user_name {margin-bottom:6px;}
.content_app .room_info dd p {font-size:13px; color:#5c5c5c;}
.content_app .period {padding:0 16px 16px;}
.content_app .period li {display:flex; justify-content:space-between; margin-top:8px; }
.content_app .period li:first-child {margin-top:16px;}
.content_app .badge {display:flex; align-items:center; justify-content:center; width:50px; height:24px; margin-right:8px; font-size:11px; line-height:16px; font-weight:bold; border-radius:4px;}
.content_app .black {background:#222; color:#fff;}
.content_app .purple {background:#5C44E3; color:#fff;}
.content_app .red {background:#EF233C; color:#fff;}
.content_app .gray {background:#777; color:#fff;}
.content_app .date, .content_app .price {font-size:13px; line-height:19px;}
.ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header_title_app .btn_prev {position:absolute; top:7px; left:9px; display: inline-block; width:44px; height:44px; padding:10px;}
.content_app .address {padding:20px 20px 24px;}
.content_app .address strong {font-size:20px; line-height:28px;}
.content_app .address p {margin-top:6px;}
.content_app .reservation {padding:24px 20px; border-top:8px solid #F8F8F8;}
.content_app .reservation strong {font-size:18px; line-height: 26px;}
.content_app .reservation ul {margin-top:14px;}
.content_app .reservation li {display:flex; justify-content: space-between;}
.content_app .reservation li + li {margin-top:8px;}
.content_app .reservation li span {font-size:15px; color:#5c5c5c;}
.content_app .reservation li p {font-size:15px; color:#333;}
.content_app .btn_chat {width:100%; margin-top:20px; padding:11px 0; text-align:center; border:1px solid #000; border-radius:4px; font-size:15px; line-height:22px; font-weight:500;}

.accordion_box {padding:0 20px; border-top:8px solid #f8f8f8;}
.accordion_box .title {position:relative; display: flex; align-items:center; padding:24px 0; color:#5c5c5c;}
.accordion_box .title:after {position:absolute; top:calc(50% - 9px); right:0; content:""; width:18px; height:18px;background:url('/images/webmobile/icon_accordion-8c490751fa6d17e0abaae6b7a98dced6.png') 0 0 no-repeat; background-size:contain;}
.accordion_box.is_active .title:after {transform: rotateX(180deg)}
.accordion_box.is_active .detail_content {display:block;}
.detail_content {display:none;}
.detail_content li {display: flex; justify-content:space-between}
.detail_content li * {font-size:15px; line-height:22px;}
.detail_content li + li {margin-top:8px;}
.detail_content li.bold * {font-weight:bold}
.detail_content li.color_gray {font-size:15px; line-height:22px;}
.detail_content li.color_gray span {color:#5c5c5c;}
.detail_content li.color_gray p {color:#333;}
.detail_content li.color_purple {color:#5C44E3;}
.detail_content li.color_purple p {font-weight:700;}
.detail_content .add_text {margin:8px 0 24px; font-size:13px; line-height:19px; color:#999;}
.content_app .btn_area {display:flex; margin:20px 0px; font-size:0; text-align:center;}
.content_app .btn_area button {display:inline-block; width:50%; margin:0; padding:13px 0; border-radius:4px; font-size:15px; line-height:22px; font-weight:500;}
.content_app .btn_area .btn_gray {margin-right:8px; background:#EFEFEF; color: #000;}
.content_app .btn_area_full {padding:20px}
.content_app .btn_area_full button {display:inline-block; width:100%; margin:0; padding:13px 0; border-radius:4px; font-size:15px; line-height:22px; font-weight:500;}

/* 자주묻는질문 */
.faq_search {position:relative; display:flex; align-items:center; height:48px; margin:12px 20px 0; border:1px solid #DFDFDF; border-radius:100px;}
.faq_search:before {position:absolute; left:19px; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:24px; height:24px; background:url("/images/webmobile/icon_faqSearch-c7d16c062234bbe0de3da3d32ec585db.png") 0 0 no-repeat; background-size:contain;}
.faq_search input {width:calc(100% - 68px); margin:0 16px 0 52px;}
.faq_search input::placeholder {color:#777;}
.faq_category {display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-top:20px; padding:0 20px; font-size:0;}
.faq_category button {width:calc(33.3% - 8px); height:48px; border-radius:4px; border:1px solid #DFDFDF; font-weight:500;}
.faq_category .is_on {background:#5C44E3; border-color:#5C44E3; color:#fff;}
.accordion_box.faq {margin-top:24px; padding:0; border-top:none;}
.accordion_box.faq li {margin-top:0; padding:0;}
.accordion_box.faq .is_active .detail_content {display:block;}
.accordion_box.faq .is_active .title:after {transform: rotateX(180deg)}
.accordion_box.faq .title {display:block; padding:16px 20px; border-bottom:1px solid #EFEFEF;}
.accordion_box.faq .title:after {right:20px;}
.accordion_box.faq .category_name {font-size:13px; line-height:19px; color:#5C44E3;}
.accordion_box.faq .title p {margin-top:4px; font-size:15px; line-height:22px;}
.accordion_box.faq .detail_content {padding:16px 20px; background:#f8f8f8; color:#5c5c5c; line-height:21px;}

/* 고객센터 */
.top_text {padding:20px 20px 0; font-size:20px; font-weight:700; line-height:28px;}
.accordion_box.support {margin-top:24px; padding:0; border:none;}
.accordion_box.support .is_active .detail_content {display:block;}
.accordion_box.support .is_active .title:after {transform: rotateX(180deg)}
.accordion_box.support .title {display:block; padding:16px 20px; border-bottom:1px solid #EFEFEF;}
.accordion_box.support .title:before {display:inline-block; content:"Q."; padding-right: 5px; color:#5C44E3; font-weight:700; font-size:16px; line-height:24px;}
.accordion_box.support .title:after {right:20px;}
.accordion_box.support .detail_content {padding:16px 20px; background:#f8f8f8; color:#5c5c5c; line-height:21px;}
.btn_full {display:flex; align-items:center; justify-content:center; width:calc(100% - 40px); height:48px; margin:24px 20px 36px; padding:0; border-radius:4px; font-size:15px; font-weight:500; line-height:22px; text-align:center;}
.btn_full.bg_gray {background:#EFEFEF;}
.btn_full.bg_black {background:#111; color:#fff;}
.btn_full.bg_purple {background:#5C44E3; color:#fff;}
.cs {display:flex; justify-content:space-between; padding:36px 20px 16px; border-top:8px solid #F8F8F8;}
.cs strong {font-size:18px;}
.cs li p {margin-bottom:4px; font-size:13px; line-height:19px; color:#999;}
.cs li a {font-size:16px; font-weight:700; line-height:24px;}
.cs li + li {margin-top:16px;}

/* 문의 */
.guide_text {padding:16px 0; text-align:center; background:#F7F5FF;}
.guide_text strong {font-size:15px; line-height:22px; color:#5C44E3;}
.guide_text p {margin-top:2px; font-size:12px; color:#5C5C5C;}
.accordion_box.inquiry {padding:0; border:none;}
.accordion_box.inquiry .is_active .detail_content {display:block;}
.accordion_box.inquiry .is_active .title:after {transform: rotateX(180deg)}
.accordion_box.inquiry .title {display:block; padding:16px 20px; border-bottom:1px solid #EFEFEF; font-size:0;}
.accordion_box.inquiry .title:after {right:20px;}
.accordion_box.inquiry .detail_content {padding:16px 20px; background:#f8f8f8; color:#5c5c5c; line-height:21px;}
.inquiry .title p {margin-bottom:4px; font-size:15px; line-height:22px;}
.inquiry .status {font-size:13px; color:#999;}
.inquiry .status.color_purple {color:#5C44E3;}
.inquiry .status:after {display:inline-block; content:""; width:1px; height:10px; margin:0 8px; background:#DFDFDF;}
.inquiry .title .date {color:#999;}
.inquiry .detail_content .date {margin-top:6px; color:#B7B7B7;}
.inquiry .none_text {display:flex; justify-content:center; align-items:center; height:calc(100vh - 232px);}
.inquiry .none_text p {font-size:15px; line-height:22px; color:#999;}
.inquiry .none_text p:before {display:block; content:""; width:100%; height:52px; margin-bottom:14px; background:url("/images/webmobile/icon_none2.png") center 0  no-repeat; background-size: contain;}
.fixed {position:fixed; left:0; bottom:0}
.text_area {position:relative; margin:20px; padding:12px 12px 39px; border:1px solid #DFDFDF; border-radius:4px;}
.text_area textarea {width:100%; height:79px; border:none; resize:none;}
.text_area textarea::placeholder {color:#999;}
.text_num {position:absolute; right:12px; bottom:10px; color:#999;}
.border_line {padding:24px 0; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF;}
.cancel_pay {display:flex; justify-content: space-between; padding:24px 0; font-weight:700;}
.cancel_pay p {display:flex; color:#EF233C; font-size:18px; font-weight:400;}
.cancel_pay strong {color:#EF233C; font-size:20px;}

/* 방관리 */
.merit_box {border-top:1px solid #EFEFEF; padding:0 20px 50px;}
.merit_box .title {margin:28px 0 34px; font-size:24px; font-weight:700; line-height:33px;}
.merit_box li {position:relative; padding:5px 0 0 94px;}
.merit_box li:before {position:absolute; top:0; left:0; display:inline-block; content:''; width:74px; height:74px; background-size:74px 74px;}
.merit_box .img_1:before { background-image:url('/images/webmobile/img_merit_1.png');}
.merit_box .img_2:before { background-image:url('/images/webmobile/img_merit_2.png');}
.merit_box .img_3:before { background-image:url('/images/webmobile/img_merit_3.png');}
.merit_box .img_4:before { background-image:url('/images/webmobile/img_merit_4.png');}
.merit_box li strong {font-size:16px; line-height:24px}
.merit_box li p {margin-top:4px; color:#5C5C5C; letter-spacing: -1px;}
.merit_box li + li {margin-top:28px;}
.accordion_box.faq > p {padding:24px 20px 0; font-size:24px; font-weight:700;}
.faq_more {display:flex; justify-content:center; align-items:center; margin:12px 0 48px; padding:11px 0; color:#777 !important; font-weight:500;}
.faq_more:after {display:inline-block; content:''; width:16px; height:20px; background:url('/images/webmobile/icon_arrow_right16-44bc599db963a6e0e1f89a6d37145e87.png') 0 4px no-repeat; background-size:16px auto;}
.guide_slide {position:relative; padding:48px 0; background: #F8F8F8;}
.slide_title {padding:0 20px; font-size:24px; font-weight:700; line-height:33px;}
.swiper.mySwiper_guide {margin-top:-20px; padding:46px 30px 0}
.guide_slide .swiper-pagination {top:0; right:20px; width:auto; height:22px; text-align:right; letter-spacing:-2px; color:#999; font-size:15px;}
.guide_slide .swiper-pagination .swiper-pagination-current {color:#5C44E3;}
.guide_slide .guide_title {margin-top:14px; font-size:16px; line-height:24px; font-weight:700;}
.guide_slide .text_box {margin-top:6px; font-size:13px; color:#5c5c5c; line-height:21px;}
.icon_kakao {z-index:100; position:fixed; right:5%; bottom:15%; width:56px; height:56px;}

/* 영수증 */
.receipt_area {margin-top:20px; padding:0 20px; font-size:0;}
.receipt_area .radio_border1[type=radio],
.receipt_area .radio_border2[type=radio] {appearance: none;}
.receipt_area .radio_border1 + label,
.receipt_area .radio_border2 + label {position:relative; display:block; padding: 13px 16px; border:1px solid #DFDFDF; border-radius:4px; font-size:14px;}
.receipt_area .radio_border2 {margin-top:14px;}
.receipt_area .radio_border1:checked + label,
.receipt_area .radio_border2:checked + label {border-color:#000;}
.receipt_area .radio_border1:checked + label:after,
.receipt_area .radio_border2:checked + label:after {position:absolute; top:12px; right:19px; display:inline-block; content:""; width:24px; height:24px; background:url("/images/webmobile/icon_check_purple.png") 0 0 no-repeat; background-size:24px auto;}
.receipt_area .radio_border1:checked + label:after {background-image:url("/images/webmobile/icon_check_black.png");}
.receipt_inner {display:none;}
.radio_border1:checked + label .receipt_inner {display:block;}
.receipt_info {display:block; margin:19px -16px 0; padding:21px 17px 0; border-top:1px solid #EFEFEF;}
.receipt_info p {display: flex; align-items: center; margin-bottom:20px;}
.receipt_info p label {position:relative; top:-1px; margin-left:11px;}
.receipt_number {margin:0 -16px -13px; padding:16px; background:#F8F8F8; border-bottom-left-radius:4px; border-bottom-right-radius:4px}
.receipt_number p {font-size:13px; line-height:19px; color:#333;}
.receipt_number label {display: block; margin:14px 0 6px; font-size:13px; line-height:19px; color:#777;}
.receipt_number input {display: block; width:100%; padding:13px 12px; border:1px solid #DFDFDF; border-radius:4px; background:#fff;}
.receipt_tax {display: none;}
.receipt_tax {margin:0 -16px -13px; padding:16px; background:#F8F8F8; border-bottom-left-radius:4px; border-bottom-right-radius:4px}
.receipt_tax label {display: block; margin:14px 0 6px; font-size:13px; line-height:19px; color:#777;}
.receipt_tax input {display: block; width:100%; padding:13px 12px; border:1px solid #DFDFDF; border-radius:4px; background:#fff;}
.receipt_tax > label:first-child {margin-top:0;}
.receipt_tax input::placeholder {letter-spacing:-1px;}
.receipt_guide {margin-top:32px; padding:32px 21px 0 19px; border-top:8px solid #F5F5F5;}
.receipt_guide strong {display: flex;}
.receipt_guide strong:before {display:inline-block; content:""; width:18px; height:20px; margin-right:7px; background:url("/images/webmobile/icon_tip.png") 0 2px no-repeat; background-size:18px auto;}
.receipt_guide .dot_list {margin-bottom:64px;}
.receipt_guide .dot_list li {display: flex; align-items: flex-start; margin:6px 0 0 5px; color:#777777; font-size:13px; line-height:19px;}
.receipt_guide .dot_list li:before {display:inline-block; content:""; width:2px; height:2px; margin:9px 9px 0 0; background:#777; border-radius:50%;}
button.bg_black[disabled] {opacity:.4}

/* 게스트홈 */
.content_app.guest {padding:0 20px;}
.header_guest {display:flex; justify-content:space-between; align-items:center; padding:4px 20px;}
.header_guest h1 {width:51px; height:22px;}
.guest_search {position:relative; display:flex; align-items:center; height:48px;  border:1px solid #DFDFDF; border-radius:100px;}
.guest_search:before {position:absolute; left:19px; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:24px; height:24px; background:url("/images/webmobile/icon_faqSearch-c7d16c062234bbe0de3da3d32ec585db.png") 0 0 no-repeat; background-size:contain;}
.guest_search input {width:calc(100% - 68px); margin:0 16px 0 52px;}
.guest_search input::placeholder {color:#777;}

.guest_area {margin-top:36px;}
.guest_title {margin-bottom:20px; font-size:20px; font-weight:700; line-height:28px;}
.area_scroll {overflow-x:auto; display: flex; justify-content:space-between; gap:10px;}
.area_scroll a {display:flex; justify-content:center; align-items:center; width:100px; height:100px; background:url("/images/webmobile/bg_area01-a9aca7cc2a8dad6e4a7ae19488246f17.png") 0 0 no-repeat; background-size:100px auto; border-radius:100px; font-size:16px; line-height:24px; font-weight:700; color:#fff;}
.area_scroll a.bg_area01 {background-image:url("/images/webmobile/bg_area01-a9aca7cc2a8dad6e4a7ae19488246f17.png");}
.area_scroll a.bg_area02 {background-image:url("/images/webmobile/bg_area02-0ee5d014c9e4846505f983f3e48c8c0d.png");}
.area_scroll a.bg_area03 {background-image:url("/images/webmobile/bg_area03-5632c8e5cd03926e17c23066abbc6acc.png");}
.area_scroll a.bg_area04 {background-image:url("/images/webmobile/bg_area04-ee81f57f439c88c51c5d6c05e59a1073.png");}
.area_scroll a.bg_area05 {background-image:url("/images/webmobile/bg_area05-76ff1e58083c305d745b6cdc1bdbfb8b.png");}

.guest_house {margin-top:52px;}
.house_list {display:flex; flex-wrap: wrap; }
.house_list li {flex: 1 1 25%; margin-bottom:16px; text-align:center;}
.house_list li a {display:inline-block; width:56px; padding-top:62px; background:url("/images/webmobile/icon_house01-81dc7da3b139bc71bce99d7633ec6ff1.png") 0 0 no-repeat; background-size:56px 56px; text-align:center; font-size:13px; height:19px;}
.house_list li .icon_house01 {background-image:url("/images/webmobile/icon_house01-81dc7da3b139bc71bce99d7633ec6ff1.png");}
.house_list li .icon_house02 {background-image:url("/images/webmobile/icon_house02-77c28b4240a53bcf5caa8eccd7a13f86.png");}
.house_list li .icon_house03 {background-image:url("/images/webmobile/icon_house03-b4f0877c402ed3d92547a8b3d0ba7997.png");}
.house_list li .icon_house04 {background-image:url("/images/webmobile/icon_house04-063255b6d5029f94eb226445e019c39c.png");}
.house_list li .icon_house05 {background-image:url("/images/webmobile/icon_house05-cd787eab93550730a63d3d601fb13fb6.png");}
.house_list li .icon_house06 {background-image:url("/images/webmobile/icon_house06-eb441dd4d26aa551f344a4b43e964305.png");}
.house_list li .icon_house07 {background-image:url("/images/webmobile/icon_house07-1fe5b0772089a8bd80ef5b97193d6c46.png");}
.house_list li .icon_house08 {background-image:url("/images/webmobile/icon_house08-9e0a3f4d3d77281e6230c6c043bad168.png");}

.guest_house + .guest_recommend {margin-top:40px;}
.guest_recommend {margin-top:56px;}
.recommend_list {overflow-x:auto; display: flex; justify-content:space-between; gap:10px; }
.recommend_list li {width:156px;}
.recommend_list li dt {position:relative; overflow:hidden; width:156px; height:117px; border-radius:6px;}
.top_icon {position:absolute; top:4px; left:0; font-size:0;}
.top_icon .icon_black {padding:4px 6px; background:#000; color:#fff; font-size:11px; line-height:16px; font-weight:700}
.top_icon .icon_purple {padding:4px 6px; background:#5C44E3; color:#fff; font-size:11px; line-height:16px; font-weight:700; border-radius:0px 0px 6px 0px;}
.recommend_list li dd {margin-top:8px;}
.recommend_list .text_name {font-size:15px; line-height:22px;}
.recommend_list .text_address {font-size:13px; line-height:19px; color:#5c5c5c;}
.recommend_list .pay {margin-top:2px; font-size:13px; line-height:19px; color:#5c5c5c;}
.recommend_list .pay strong,
.recommend_list .pay em {font-size:14px; line-height:21px; color:#000;}
.recommend_list .text_sale {display:inline-block; padding:3px 6px; margin-top:6px; font-size:11px; line-height:16px; font-weight:700; border-radius:4px;}
.recommend_list .text_sale.purple {color:#6B54ED; background:#F7F5FF } 
.recommend_list .text_sale.blue {color:#4263EB; background:#EDF2FF } 

.search_result_list {display: flex; flex-wrap: wrap; padding:20px; }
.search_result_list li {width:calc(50% - 4px); display: inline-flex;}
.search_result_list li dt {position:relative; overflow:hidden;  border-radius:6px; height:140px;}
.search_result_list li:nth-child(odd) {margin-right:8px}
.search_result_list li dd {margin-top:8px; padding-bottom: 32px;}
.search_result_list .text_name {font-size:15px; line-height:22px;}
.search_result_list .text_address {font-size:13px; line-height:19px; color:#5c5c5c;}
.search_result_list .pay {margin-top:2px; font-size:13px; line-height:19px; color:#5c5c5c;}
.search_result_list .pay strong,
.search_result_list .pay em {font-size:14px; line-height:21px; color:#000;}
.search_result_list .text_sale {display:inline-block; padding:3px 6px; margin-top:6px; font-size:11px; line-height:16px; font-weight:700; border-radius:4px;}
.search_result_list .text_sale.purple {color:#6B54ED; background:#F7F5FF }
.search_result_list .text_sale.blue {color:#4263EB; background:#EDF2FF }

.banner_zone {margin-top:59px;}

.guest_review {position:relative; margin-top:56px;}
.guest_review  .review_more {position:absolute; top:4px; right:0; font-weight:500; color:#5C44E3}
.guest_review .review_list li {margin-bottom:16px;}
.guest_review .review_list dl {display:flex; justify-content: space-between; gap:14px; padding:14px 16px;  border:1px solid #F5F5F5; background:#fff; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.06); border-radius:6px;}
.guest_review .review_list dt {width:28%}
.guest_review .review_list dt img {overflow:hidden; width:80px; height:80px; border-radius:6px;}
.guest_review .review_list dd {position:relative; width:72%}
.guest_review .review_list .text_review {width:100%;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top: 5px; word-wrap: break-word; white-space: normal; color:#333; font-size:13px; line-height:19px;}
.review_score {position:absolute; top:0; right:0;display: flex; align-items:center; font-size:13px; line-height:19px; font-weight:700;}
.review_score:before {display:inline-block; content:""; width:14px; height:14px; margin-right:3px; background:url("/images/webmobile/icon_star-9587a8f410469877ebbcdf3e2c75d114.png") 0 0 no-repeat; background-size: 14px 14px; }
.review_list .text_address {font-size:13px; line-height:19px; color:#777;}
.review_list .text_name {font-size:15x; line-height:22px;}

.swiper.mySwiper_banner02 {margin-top:46px; padding-bottom:28px;}
.swiper.mySwiper_banner02 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#5C44E3;}

.card_scroll {overflow-x:auto; display:flex; justify-content:space-between; gap:10px; margin:56px 0 80px;}
.card_scroll li {border-radius:6px;}
.card_scroll li a {position:relative; display:block; width:180px; height:180px;}
.card_scroll li a:after {position:absolute; right:16px; bottom:14px; display:block; content:""; width:56px; height:56px; background:url("/images/webmobile/icon_guide01-0caf63323473d275659ed867717fbce7.png") 0 0 no-repeat; background-size:56px 56px;}
.card_scroll li.card_green {background:#2BBCA6;}
.card_scroll li.card_sky {background:#748FFF;}
.card_scroll li.card_purple {background:#7D6BF5;}
.card_scroll li.card_green a:after {background-image:url("/images/webmobile/icon_guide01-0caf63323473d275659ed867717fbce7.png");}
.card_scroll li.card_sky a:after {background-image:url("/images/webmobile/icon_guide02-05c6be7f071f8c01aa4a7f0406f62d70.png");}
.card_scroll li.card_purple a:after {background-image:url("/images/webmobile/icon_guide03-ef465292c38e576f35b9530cf222ae1b.png");}
.card_scroll li span {display:inline-block; margin:16px 16px 8px; padding:3px 6px; color:#fff; font-size:11px; line-height:16px; font-weight:700; border-radius:4px;}
.card_scroll li.card_green span {background:#078E71}
.card_scroll li.card_sky span {background:#4C6EF5}
.card_scroll li.card_purple span {background:#543ECF}
.card_scroll li p {margin-left:16px; font-size:17px; line-height:25px; font-weight:700; color:#fff;}

/* footer */
.guest_footer {width:auto; margin:0 -20px; padding:32px 20px 80px; background:#F8F8F8;}
.company_info ul {display:none;}
.company_info.is_active ul {display:block; margin-top:8px;}
.company_info li {font-size:13px; line-height:19px; color:#777;}
.company_info .btn_toggle {display:flex; align-items:center; color:#777;}
/*
.company_info .btn_toggle:after {display:inline-block; content:""; width:18px; height:18px; margin-top:2px; background:url("/images/webmobile/icon_footer-c6c34a1f3cf3da983df54aa3f57f630f.png") 0 0 no-repeat; background-size:18px auto; transform:rotateX(180deg);}
*/
.company_info.is_active .btn_toggle:after {transform:rotateX(0deg);}
.footer_item {margin-top:16px; font-size:0;}
.footer_item a {font-size:13px; line-height:19px; color:#777;}
.footer_item a + a:before {position:relative; top:1px; display:inline-block; content:""; width:1px; height:11px; margin:2px 8px 0; background:#DFDFDF}
.footer_text {margin-top:16px; padding-top:16px; border-top:1px solid #e8e8e8; font-size:12px; line-height:18px; color:#777;}
.social_item {font-size:0;}
.social_item a {display:inline-block; width:24px; height:24px; margin:22px 16px 0 0;}

/* 대표님을 위한 css */
@media (max-width: 374px) {
    div.bg_gray {padding:20px 10px 40px;}
    .top_text {letter-spacing:-1px;}
    .gray_dot li {font-size:13px;}
}

/* 지도 */
.header_search {position:relative; margin:0 20px; padding:4px 0 12px 42px;}
.header_search .btn_prev {position:absolute; left:0; top:calc(50% - 18px); width:28px; height:28px;}
.header_search .faq_search {width:100%; height:48px; margin:0;}
.map_area {height:calc(100vh - 116px)}
.bottom_slide {margin-top:-140px;}
.gray_dot {display: flex;}
.gray_dot li {display: flex; align-items: center; color:#777;}
.gray_dot li:before {display:inline-block; content:""; width:2px; height:2px; margin:0 4px; background:#ccc; border-radius:50%;}
.gray_dot li:first-child:before{display:none;}

.header_search .keyword_search { width: 100%; height: 48px; margin: 0;}
.keyword_search { position: relative; display: flex; align-items: center; height: 48px; margin: 12px 20px 0; border: 1px solid #DFDFDF; border-radius: 100px;}
.keyword_search input {position: absolute; width: calc(100% - 68px); margin: 0; left: 53px; top: 7px;}
.keyword_search span { position: absolute; top:25px; left:53px; font-size:12px; color: #777;}
.keyword_search:before {position: absolute; left: 19px; top: 50%; transform: translateY(-50%); display: inline-block; content: ""; width: 24px; height: 24px; background: url(/images/webmobile/icon_faqSearch-c7d16c062234bbe0de3da3d32ec585db.png) 0 0 no-repeat; background-size: contain;}

/* 방 상세 화면 */
.room_images {position:relative;}
.quick_btn {z-index:100; position:absolute; top:11px; left:0; width:100%; display:flex; justify-content: space-between; padding:0 14px;}
.quick_btn button {display:inline-block; width:34px; height:34px; padding:3px}
.swiper.mySwiper_room .swiper-slide {width:100%; height:280px;}
.swiper.mySwiper_room .swiper-pagination-fraction {right:5px; left:auto; width:auto; padding:2px 8px; color:#fff; font-size:11px; background:rgba(0, 0, 0, 0.5); border-radius: 20px;}

.border_section {margin-top:32px; padding:32px 20px 0; border-top:8px solid #F8F8F8;}
.room_intro {margin-top:32px; padding:0 20px;}
.room_intro strong {font-size:24px; line-height:33px;}
.room_intro .address {margin-top:8px; padding:0; font-size:15px; line-height:22px; color:#777;}
.room_intro .room_pay {display:flex; justify-content:space-between; align-items:center; margin-top:23px;}
.room_intro .room_pay .week {font-size:13px; line-height:19px}
.room_intro .room_pay .pay strong {font-size:18px; line-height:26px;}
.room_intro .room_pay .pay em {font-size:17px; line-height:25px;}

.room_title {display:block; margin-bottom:16px; font-size:18px; line-height:26px;}
.room_title span {font-size:18px; line-height:26px; color:#553AE8;}
.room_text .text {color:#333;font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: -0.1px;}

.place_item {display:flex; margin:32px 0 20px; padding-bottom:20px; gap:14px; border-bottom:1px solid #EFEFEF;}
.place_item span {flex: 1 1 25%; padding-top:50px; background-position: center 0; background-repeat:no-repeat; background-size:28px auto; text-align:center; font-size:13px; line-height:19px; color:#5C5C5C}
.place_item .place_01 {background-image:url("/images/webmobile/icon_room1-29b1ef445b422aa178d78bb21b8556bf.png");}
.place_item .place_02 {background-image:url("/images/webmobile/icon_room2-5b5f3b389a3cd8d5e38966b451d9d21f.png");}
.place_item .place_03 {background-image:url("/images/webmobile/icon_room3-735c20b7db0700ef20c4d7d17a21cecf.png");}
.place_item .place_04 {background-image:url("/images/webmobile/icon_room4-5f27e7d65d2f69909a495a8dac859d6c.png");}

.place_item .cost_01 {background-image:url("/images/webmobile/icon_cost1-0379c59a388e448d25495f5a6cf4e3fa.png");}
.place_item .cost_02 {background-image:url("/images/webmobile/icon_cost2-b5ed3ffb33d204fd281ad73af4a88163.png");}
.place_item .cost_03 {background-image:url("/images/webmobile/icon_cost3-c724e1896b73d212957bd92bc2c62ee0.png");}
.place_item .cost_04 {background-image:url("/images/webmobile/icon_cost4-d8408090fde47dfb0ffbfd955564661e.png");}

.place_item .disabled {color:#B7B7B7}

.place_detail li:nth-child(n+2) {margin-top:8px;}
.place_detail li {display:flex; justify-content:space-between;}
.place_detail li span {font-size:15px; line-height:22px; color:#5C5C5C;}
.place_detail li p {font-size:15px; line-height:21px; color:#333;}
.tag_item {margin-top:16px; font-size:0;}
.tag_item span {display:inline-block; margin:4px 4px 0 0;padding:6px 6px; font-size:13px; line-height:19px; background:#F8F8F8; color:#333; border-radius:2px; font-weight:700;}

.default_list {display:flex; flex-wrap: wrap; align-items:center; gap:20px; margin-top:21px;}
.default_list li {display:flex; align-items:center; flex:1 1 calc(50% - 20px); font-size:15px; line-height:22px; color:#333;}
.default_list li:before {display:inline-block; content:""; width:24px; height:24px; margin-right:12px; background-position:0 0; background-repeat:no-repeat; background-size:24px 24px;}
.default_list .option_01:before {background-image:url("/images/webmobile/icon_option1-c746fd6acd5623ea1af33c18c5917fb8.png");}
.default_list .option_02:before {background-image:url("/images/webmobile/icon_option2-a4e1c05cfc7a75750d2612ab6d1659b3.png");}
.default_list .option_03:before {background-image:url("/images/webmobile/icon_option3-6f4c4b74829dee19a853f31f7cc10074.png");}
.default_list .option_04:before {background-image:url("/images/webmobile/icon_option4-40ef33e89f74d6cde0cd0cb252b2bce3.png");}
.default_list .option_05:before {background-image:url("/images/webmobile/icon_option5-2a05c80c655ed07ac68338683efdf402.png");}
.default_list .option_06:before {background-image:url("/images/webmobile/icon_option6-0e170f1e7f1db040ca8cb4b65f9acf1d.png");}
.default_list .option_07:before {background-image:url("/images/webmobile/icon_option7-37015c60c7c2ebbfbec219e3affe82ae.png");}
.default_list .option_08:before {background-image:url("/images/webmobile/icon_option8-3857cae09b88495a15db8311cf8bf0f8.png");}

.etc_list {display:flex; flex-wrap:wrap; margin-top:21px;}
.etc_list li {width:33.33%; color:#333;}
.etc_list li:nth-child(n+4) {margin-top:20px;}

.map_image {overflow:hidden; width:auto; height:184px; margin-bottom:14px; border-radius:6px;}

.flex_list li {display:flex; justify-content: space-between;}
.flex_list li:nth-child(n+2) {margin-top:8px;}
.flex_list .title {font-size:15px; line-height:22px; color:#5C5C5C;}
.flex_list .pay {font-size:15px; line-height:22px; color:#333;}
.flex_list .add_text {font-size:13px; line-height:19px; color:#999;}

.border_none {border:none;}
.tip_box {padding:16px; background:#F8F8F8; border-radius:6px;}
.tip_box .tip_title {display:block; padding-left:22px; background:url("/images/webmobile/icon_tip_black-af5a1d4934560b9c66ec20bb5cbb58ea.png") 0 2px no-repeat; background-size:16px auto;}
.tip_box .tip_text {margin-top:8px; color:#777; font-size:13px; line-height:19px;}
.tip_box .red_text {margin-top:4px; color:#EF233C; font-size:13px; line-height:19px;}

.link_page {margin-top:32px; border-top:8px solid #F8F8F8;}
.link_page a {display:block; padding:24px 20px;background:url("/images/webmobile/icon_arrow_gray.png") calc(100% - 20px) center no-repeat; background-size:18px auto; font-size:16px; font-weight:700; line-height:24px;}

.host_intro {position:relative; padding:28px 20px 0 84px; border-top:8px solid #F8F8F8;}
.host_intro .host_image {position:absolute; left:20px; top:28px; overflow:hidden; width:48px; height:48px; border-radius:100px;}
.host_detail {display:flex; justify-content: space-between;}
.host_detail .host_name strong {font-size:15px; line-height:22px;}
.host_detail .host_name .icon_check {padding-left:20px; background:url("/images/webmobile/icon_app_check-a240b0063fe4e819cec5c39a27ef25ab.png") 0 center  no-repeat; background-size:16px auto; font-size:13px; line-height:19px; color:#333;}
.host_intro_text {margin-top:20px; font-size:15px; line-height:22px; color:#333; letter-spacing:-1px;}
.host_detail .btn_chatting {padding:7px 16px 7px 38px; background:#EFEFEF url("/images/webmobile/icon_send-e901c2b673770423866cc76eca759af0.png") 14px center no-repeat; background-size:18px auto; border-radius: 58px; font-weight:500; color: #000;}

.host_etc {overflow:auto;}
.host_etc ul {display: flex; flex-wrap: nowrap; gap:10px}
.host_etc ul a {display:block; width:120px;}
.host_etc ul .image_room {overflow:hidden; display:block; width:120px; height:120px; border-radius: 6px;}
.host_etc ul .ellipsis {margin-top:12px;}

.review_area {margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #efefef;}
.review_area:last-child {border:none;}
.review_info {position:relative;}
.review_info .review_image {position:absolute; top:0; left:0; overflow:hidden; width:42px; height:42px; border-radius:100px;}
.review_info .guest_name {line-height:19px;}
.review_info .flex {display:flex; justify-content: flex-start;}
.review_info .score {display:flex; align-items:center;}
.review_info .star_gray {width:64px; height:12px; background:url("/images/webmobile/bg_score_gray-11a6623cc3d58f037ff6c94aa158de23.png") 0 0 no-repeat; background-size:64px 12px; font-size:0; }
.review_info .star_black {width:64px; height:12px; background:url("/images/webmobile/bg_score_black-9431c4bccfb1d30cadc86f7733e623a4.png") 0 0 no-repeat; background-size:64px 12px; font-size:0; }
.review_info .date {color:#999}
.score_period {display:flex; align-items:center; color:#5C44E3; font-size:13px; height:19px;}
.score_period:before {display:inline-block; content:""; width:2px; height:2px; margin:0 6px; background:#ccc; border-radius:50%;}
.review_text {margin-top:16px; font-size:15px; line-height:22px; color:#333;}

.bottom_btn {position:sticky; left:0; bottom:0; display:flex; justify-content: space-between; align-items: center; padding:6px 20px; background:#fff;}
.bottom_btn a {font-size:13px; line-height:19px; color:#5c5c5c; text-decoration:underline; letter-spacing:-1px;}
.bottom_btn button {padding:13px 26px; font-size:15px; line-height:22px; color:#fff; font-weight:500; background: #5C44E3; border-radius: 4px;}

.host_header {position:sticky; top:0; z-index:10;display: flex; justify-content: space-between; align-items: center; padding: 10px 20px 10px 16px; background:#fff;}
.host_header .logo {height: 22px; width:49px;}
.host_header .app_download {padding: 7px 16px; border:1px solid #000; border-radius: 4px; color:#000; background-color:#fff;}
.host_header.is_border {border-bottom: 1px solid #DFDFDF;}
.host_intro_page * {color: #000}
.intro_01 {padding:80px 20px; background: linear-gradient(180deg, rgba(25, 164, 137, 0.10) -32.8%, rgba(84, 62, 207, 0.10) 100%);}
.intro_01 strong {font-size:32px; font-weight: 700; line-height: 40px;}
.intro_01 p {margin-top:12px; font-size:18px; line-height: 26px;}
.intro_01 .btn_purple {height: 48px; margin-top:24px; padding: 0 24px; color:#fff; background: #5C44E3; border-radius: 4px; font-size: 15px;}
.intro_01 .circle_text {display: flex; justify-content: space-evenly; margin-top: 52px;}
.intro_01 .circle_text li {display:flex; flex-direction: column; justify-content: center; width: 105px; height: 105px; background: #fff; box-shadow: 0px 10px 10px rgb(0, 0, 0, 5%); border-radius: 50%; text-align:center;}
.intro_01 .circle_text li span {display:block; color: #5C44E3; font-size: 18px; font-weight: 700; margin-bottom:6px;}

.intro_02 {padding:56px 20px 0; background:#F8F8F8;}
.intro_02 strong,
.intro_03 strong,
.intro_04 > strong,
.intro_05 strong,
.intro_06 strong {font-size: 24px; line-height: 32px; }
.intro_02 p,
.intro_03 p,
.intro_05 p,
.intro_06 p {margin-top: 12px; font-size: 18px; line-height: 26px;}
.intro_02 p .purple_text,
.intro_03 p .purple_text,
.intro_05 p .purple_text,
.intro_06 p .purple_text {color: #5C44E3; font-size: 18px; font-weight: 700;}

.intro_03 {padding: 56px 0 30px}
.intro_03 .text_box,
.intro_05 .text_box,
.intro_06 .text_box {padding: 0 20px}
.recommend_box {overflow:hidden; width:100%; border-radius: 6px; background: #fff; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);}
.recommend_box .title {display:flex; align-items:center; padding:37px 16px; background: linear-gradient(279deg, #19A489 -7.66%, #543ECF 111.41%); color: #fff; font-size: 22px; font-weight: 700; line-height: 32px;
    letter-spacing: -1px;}
.recommend_box .text_box {padding:20px; font-size: 16px; line-height: 21px; letter-spacing: -1px; min-height:124px;}
.host_intro_page .swiper {margin-top:48px; padding:0 100px 40px 20px;}
.host_intro_page .swiper .swiper-pagination {bottom:0;}
.host_intro_page .swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.host_intro_page .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px !important;}
.host_intro_page .swiper .swiper-pagination-bullet {opacity:.1;}
.host_intro_page .swiper .swiper-pagination-bullet-active {opacity:1; background:#5C44E3}
.host_intro_page .guide_slide .swiper {margin-top:0px; padding:30px 50px 30px 20px}

.intro_04 {padding:56px 20px; background: #F8F8F8}
.host_merit {display:flex; gap:20px; flex-wrap: wrap; justify-content:space-between; margin-top: 40px;}
.host_merit li {position:relative; flex:1 1 calc(50% - 20px); height: 164px; padding:16px 0 16px 16px; border-radius: 6px; background: #FFF; box-sizing: border-box;}
.host_merit li strong {font-size: 16px; line-height: 22px;}
.host_merit li strong span {font-size: 16px; line-height: 22px; color:#5C44E3}
.host_merit li p {margin-top: 4px; color:#5C5C5C; line-height: 21px; }
.host_merit li:after {display:block; content:""; position:absolute; right:14px; bottom:16px; width:48px; height:48px; background-position: 0 0; background-size: 48px 48px; background-repeat: no-repeat;}
.host_merit .merit_01:after {background-image:url("/images/webmobile/icon_host_01-dc72b961bb43170703e215f4c74bb042.svg");}
.host_merit .merit_02:after {background-image:url("/images/webmobile/icon_host_02-5c46382e0ebd5ec0c83b879d64eae0fe.svg");}
.host_merit .merit_03:after {background-image:url("/images/webmobile/icon_host_03-3db57b527bdef2ed473e3ff4ff75b94d.svg");}
.host_merit .merit_04:after {background-image:url("/images/webmobile/icon_host_04-1dac31e8a2d974169134d9e5dc9303a4.svg");}
.host_merit .merit_05:after {background-image:url("/images/webmobile/icon_host_05-0105cd6104121416cfe4faaacaf8d87a.svg");}
.host_merit .merit_06:after {background-image:url("/images/webmobile/icon_host_06-4951f3898945276ccac9b31f47b385e7.svg");}
.host_merit .merit_07:after {background-image:url("/images/webmobile/icon_host_07-d997306765b20a52547d07c26dde16f1.svg");}
.host_merit .merit_08:after {background-image:url("/images/webmobile/icon_host_08-a72a1eb501afa2a92d64db4143f75cf6.svg");}


.intro_05 {padding: 56px 0}
.host_room_swiper {padding-left:20px;}
.host_room_swiper .host_room {overflow:hidden; width:100%; min-height: 396px; border-radius: 6px; background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);}
.host_room_swiper .host_room img {object-fit: cover;}
.host_room dt {position:relative; width: 100%; height: 220px;}
.host_room dt .host_address {position:absolute; top: 12px; right:16px; color:#fff; }
.host_room dd {padding:20px;}
.host_room dd strong {color: #5C44E3; font-size: 16px; line-height: 18px;}
.host_room dd span {display:block; margin-top:4px; color: #5C44E3; font-size: 15px; line-height: 18px;}
.host_room dd p {display:block; margin-top:8px; font-size: 15px; line-height: 18px;}

.intro_06 {padding:56px 0; background: linear-gradient(180deg, rgba(25, 164, 137, 0.10) -32.8%, rgba(84, 62, 207, 0.10) 100%);}
.intro_06 .highlight{box-shadow: inset 0 -17px 0 rgba(92, 68, 227, .2); font-weight:500; font-size:15px;}
.host_review_list {margin-top: 29px; padding:0 20px;}
.host_review_list li {margin-top: 12px; padding:20px 16px; border-radius: 6px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); font-size: 15px; line-height: 20px;}
.host_review_list li:first-child {margin-top: 0}
.host_review_list li:before {display:block; content:""; width: 70px; height:14px; margin-bottom: 6px; background-size: 70px 14px; background:url("/images/webmobile/icon_star_purple-3d0e09cd113d13765f6f84cd7fd7fc3e.svg") 0 0 no-repeat;}

.app_download {padding:56px 20px; background: #F8F8F8;}
.app_download p {font-size: 22px; line-height: 28px; text-align:center;}
.app_download p + p {margin-top: 8px; font-size: 18px; line-height: 26px; }
.app_download .btn_app {display: flex; gap:21px; justify-content: center; margin-top: 32px;}

/* 주소 검색 */
.address-search-table { border-top:2px solid #000; border-collapse: collapse;}
.address-search-table th, .address-search-table td {color: #2c2c2c; font-size: 14px; border-bottom: 1px solid #e7e7e7;}
.address-search-table th { background: #F8F8F8; padding: 13px 0; text-align: center;}
.address-search-table td { padding: 10px 8px; line-height: 150%;}
.address-search-table td.result-none {text-align: center; padding: 30px 0; color: #999999; font-size: 15px;line-height: 25px;}

.addr_search_box {margin-top:20px; display: flex;flex-direction: row; justify-content: space-between;}
.addr_search_box input {width:calc(100% - 88px); height:48px;  border-radius:4px ;border:1px solid #DFDFDF; padding:0px 0px 0px 10px; font-size: 14px;letter-spacing: -0.1px;}
.addr_search_box button {width:78px; height:48px; border-radius:4px ; background-color:#000 ; color:#fff}
.addr_search_example_box {padding-left:5px;}
.addr_search_example_box .description {font-size: 16px; font-weight: 700; line-height: 24px; margin-top: 24px; margin-bottom: 24px;}
.addr_search_example li {margin-bottom:12px;}
.addr_search_example .subject { font-size: 14px; font-weight: 400; line-height: 21px;}
.addr_search_example .example { font-size: 13px; font-weight: 400; line-height: 19px; color: #999; padding-left:12px;}
.addr_search_result {height:calc(100vh - 250px); padding-bottom:20px; margin-top:20px; overflow-y:scroll;}
.addr_location_box {padding:20px 0; display:none;}
.addr_location_box p {font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: -0.1px; margin-bottom:12px; margin-top:24px}
.addr_location_box table td  {border-top:1px solid #E8E8E8; padding:9px; font-size: 14px; font-weight: 400; line-height: 21px;}
.location_item {display: flex;flex-direction: row; justify-content: space-between;}

.addr_bottom_box {width:100%; position: fixed; bottom:10px; padding:13px 26px}
.addr_bottom_box button {width: 100%; height:48px; border-radius: 4px; font-weight:500; font-size:16px; margin:0 auto; }
.addr_bottom_box .btn_gray {background-color: #EFEFEF; color:#000}
.addr_bottom_box .btn_black {background-color: #000; color:#FFF}

.filter {position:relative; margin:0 0 12px 20px; padding-left:55px;}
.filter .button_filter {position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:space-between; width:43px; padding:4px 10px 6px; border:1px solid #DFDFDF; border-radius:4px; color:#000; font-weight:500;}
.filter .button_filter:before {display:inline-block; content:""; width:24px; height:24px; background:url("/images/webmobile/icon_filter_black-40dfcd2edf1462000db4d1b628f4cba6.png") 0 0 no-repeat; background-size:24px auto; background-color:#fff;}
.filter .button_filter.active {position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:space-between; width:43px; padding:4px 8px 6px; border:1px solid #DFDFDF; border-radius:4px; color:#5C44E3; font-weight:500;}
.filter .button_filter.active:before {display:inline-block; content:""; width:24px; height:24px; background:url("/images/webmobile/icon_filter_purple-84acffcee4d5ede7b61ae0597dbd85cf.png") 0 0 no-repeat; background-size:24px auto; background-color:#fff;}

.filter_select {overflow-x:auto; display:flex; flex-wrap: nowrap; gap:8px}
.filter_select button {width:max-content; padding:9px 16px; background:#F8F8F8; color:#333; font-weight:500; border-radius:4px;}
.filter_option {padding:0 20px; overflow-y:scroll; height:calc(100vh - 110px) }
.filter_option > .filter_title:first-child {margin-top:20px;}
.filter_option .filter_title {margin:40px 0 16px; font-size:18px; font-weight:700; line-height:26px;}
.filter_option .filter_title .color_purple {color:#5C44E3}
.filter_option .receipt_area {display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; margin:0; padding:0;}
.filter_option .receipt_area li {width:calc(50% - 5px);}
.filter_option .receipt_area li  .radio_border2:checked + label:after,
.filter_option .receipt_area li  .check_border:checked + label:after {right:8px;}
.filter_option .receipt_area li  .radio_border2 + label {margin:0;}
.receipt_area .check_border[type=checkbox] {display: none;}
.receipt_area .check_border + label {position:relative; display:block; padding: 13px 16px; border:1px solid #DFDFDF; border-radius:4px; font-size:14px;}
.receipt_area .check_border:checked + label {border-color:#000;}
.receipt_area .check_border:checked + label:after {position:absolute; top:12px; right:19px; display:inline-block; content:""; width:24px; height:24px; background:url("/images/icon_check_purple-4350ac5511f8b377c2f2ab310b69eb58.png") 0 0 no-repeat; background-size:24px auto;}
.price_slider + .rs-container {height:28px; margin-top:48px;}
.price_slider + .rs-container * {color:#000;}
.price_slider + .rs-container .rs-scale span::before {display: none;}
.price_slider + .rs-container .rs-scale span ins{color:#fff}
.price_slider + .rs-container .rs-bg,
.price_slider + .rs-container .rs-selected {top:calc(50% - 2px);  height:4px; background:#dfdfdf;}
.price_slider + .rs-container .rs-pointer {top:calc(50% - 14px); width:28px; height:28px; border:none;  border-radius:50%; box-shadow: 0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12); }
.price_slider + .rs-container .rs-pointer::after,
.price_slider + .rs-container .rs-pointer::before {display: none;}
.price_slider + .rs-container .rs-selected {border:none; background:#5C44E3;}
.price_slider + .rs-container .rs-tooltip {position:relative; min-width:40px; height:22px; margin-top:5px; padding:3px 0 0 0; background:#F5F5F5; border-radius: 4px; border:none; font-size:11px; font-weight:700; line-height:16px;}
.price_slider + .rs-container .rs-tooltip:after { border-top:5px solid #F5F5F5; border-left: 5px solid transparent;  border-right: 5px solid transparent; border-bottom: 0px solid transparent;  content:"";position:absolute; bottom:-5px; left:calc(50% - 5px);}
.filter_btn_area {position: fixed;bottom: 0;display: flex;padding: 0px 20px 20px;font-size: 0;text-align: center;width: 100%;background-color: #fff;}
.filter_btn_area .btn_gray {margin-right: 8px;background: #EFEFEF;color: #000;}
.filter_btn_area button {display: inline-block;width: 50%;margin: 0;padding: 13px 0;border-radius: 4px;font-size: 15px;line-height: 22px;font-weight: 500;}

.filter_option .room_area { display: flex; flex-wrap: wrap;gap: 8px;}
.filter_option .etc_area{display:flex;flex-wrap:wrap;gap:32px}
.filter_option .etc_area li{width:56px;height:56px}

.check_select .default_check[type=checkbox] {display: none;}
.check_select .default_check+label{position:relative;display:block;padding:8px 16px;border:1px solid #000;border-radius:4px;font-size:13px;line-height:19px}
.check_select .default_check:checked+label{border:1px solid #5c44e3;background:#5c44e3;color:#fff}

.check_select .etc_area input[type=checkbox] {display: none;}
.check_select .etc_area input[type=checkbox]+label{position:relative;display:block;width:56px;height:56px;padding-top:38px;background-image:url('/images/webmobile/icon_etc_01-83beee982c821c5a61e0fffe5b0374da.svg');background-size:32px 32px;background-repeat:no-repeat;background-position:center 0;font-size:12px;line-height:18px;color:#333;text-align:center;box-sizing:border-box}
.check_select .etc_area .icon_check_02[type=checkbox] + label {background-image: url('/images/webmobile/icon_etc_02-8a195d2936ad208d66e984483bd2e209.svg');}
.check_select .etc_area .icon_check_03[type=checkbox] + label {background-image: url('/images/webmobile/icon_etc_03-a5113ddfd1642444c71a4c8503a66277.svg');}
.check_select .etc_area .icon_check_04[type=checkbox] + label {background-image: url('/images/webmobile/icon_etc_04-514ae012048c873db9813bbc041a0a06.svg');}
.check_select .etc_area .icon_check_05[type=checkbox] + label {background-image: url('/images/webmobile/icon_etc_05-cdeca65bb6d9ecdbfa21f5af801b65b6.svg');}
.check_select .etc_area .icon_check_06[type=checkbox] + label {background-image: url('/images/webmobile/icon_etc_06-b57522f44b3a9260ece85e9bd51c594f.svg');}
.check_select .etc_area .icon_check_07[type=checkbox] + label {background-image: url('/images/webmobile/icon_etc_07-0c8fe1201b3022c3f1fc86baa4abfe03.svg');}
.check_select .etc_area input[type=checkbox]:checked + label {background-image: url('/images/webmobile/icon_etc_01_on-3e74b336a9eedbb95901f9b384aa0af7.svg'); color: #5C44E3;font-weight: 700;}
.check_select .etc_area .icon_check_02[type=checkbox]:checked + label {background-image: url('/images/webmobile/icon_etc_02_on-3c60e73b64fa30626afb59d1127294a4.svg');}
.check_select .etc_area .icon_check_03[type=checkbox]:checked + label {background-image: url('/images/webmobile/icon_etc_03_on-b938d74b6ac0b7969b0db2088475201c.svg');}
.check_select .etc_area .icon_check_04[type=checkbox]:checked + label {background-image: url('/images/webmobile/icon_etc_04_on-7a8d5b1a26652e80bf61cff91a728675.svg');}
.check_select .etc_area .icon_check_05[type=checkbox]:checked + label {background-image: url('/images/webmobile/icon_etc_05_on-ab391c6ab6b170740610d04361810d91.svg');}
.check_select .etc_area .icon_check_06[type=checkbox]:checked + label {background-image: url('/images/webmobile/icon_etc_06_on-a493f5d9f28b660073b2d99a3f56f245.svg');}
.check_select .etc_area .icon_check_07[type=checkbox]:checked + label {background-image: url('/images/webmobile/icon_etc_07_on-bd1249dfacde746b42a04cced0412777.svg');}

.search_input_keyword {position:relative; display:flex; align-items:center; height:48px; margin:12px 20px 0; border:1px solid #DFDFDF; border-radius:100px;}
.search_input_keyword:before {position:absolute; left:19px; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:24px; height:24px; background:url("/images/webmobile/icon_search-c7d16c062234bbe0de3da3d32ec585db.png") 0 0 no-repeat; background-size:contain;}
.search_input_keyword input {width:calc(100% - 68px); margin:0 16px 0 52px;}
.search_input_keyword input::placeholder {color:#777;}
.search_input_schedule {position:relative; display:flex; align-items:center; height:48px; margin:12px 20px 0; border:1px solid #DFDFDF; border-radius:100px;}
.search_input_schedule:before {position:absolute; left:19px; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:24px; height:24px; background:url("/images/webmobile/icon_calendar-21af7344b18007ab8a8debbef0fc83c3.png") 0 0 no-repeat; background-size:contain;}
.search_input_schedule input {width:calc(100% - 68px); margin:0 16px 0 52px;}
.search_input_schedule input::placeholder {color:#777;}

.recent_view_item {width:140px; display: inline-block;}
.recent_view_item img {border-radius:6px;}

.map_warpper {top: 105px; position: fixed; width:100%;}
.map_search {position:relative; display:flex; align-items:center; height:48px; margin:12px 20px 0; border:1px solid #DFDFDF; border-radius:100px;}
.map_search:before {position:absolute; left:19px; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:24px; height:24px; background:url("/images/icon_calendar-7e8e5f4fa0b290803884a4e5e7e84ea8.png") 0 0 no-repeat; background-size:contain;}
.map_search input {width:calc(100% - 90px); margin:0 10px 0 52px;}
.map_search #btn_del_schedule {width:24px; height:24px; display:none}
.map_search input::placeholder {color:#777;}

.map_area {position:relative; top:0; left:0; overflow: hidden;}
.map_overlay_label { position: relative; background-color: #F8F8F8; color:#000; padding: 10px 16px; border-radius: 30px; font-weight: 700; font-size: 14px; z-index: 1; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.50);}
.map_overlay_label.viewed {background-color:#777; color:#fff; z-index:2;}
.map_overlay_label.active {background-color: #5C44E3; color:#fff; z-index:3;}
.map_overlay_label .etc{display: inline-block; background-color: #000; color:#fff;  border-radius: 15px; width: 20px; height:20px; line-height:20px; text-align: center; margin-left:4px;}
.map_overlay_label.active .etc{display: inline-block; background-color: #fff; color:#000;  border-radius: 15px; width: 20px; height:20px; line-height:20px; text-align: center; margin-left:4px;}
.map_toast {position: fixed; bottom: 30px; z-index: 10; width:100%;text-align: center; display:none;}
.map_toast span { padding: 10px; border-radius: 4px;font-size: 12px; line-height: 17px; background-color: #444; color: #fff; width: 200px;}
.map_preview_slide {position:fixed; bottom:10px; left:0; z-index:1; width:100%;}
.map_preview_slide .mySwiper_map {padding:0 20px;}
.mySwiper_map a {display: block;}
.mySwiper_map dl {overflow:hidden; display: flex; background:#fff; border-radius:6px;}
.mySwiper_map dt {width:112px; height:112px;}
.mySwiper_map dd {padding:13px 16px;}
.mySwiper_map .text_name {font-size:15px; line-height:22px;}
.mySwiper_map .text_address {font-size:13px; height:19px; color:#333;}
.mySwiper_map .gray_dot {display: flex; font-size:12px;}
.mySwiper_map .gray_dot li {display: flex; align-items: center; color:#777;}
.mySwiper_map .gray_dot li:before {display:inline-block; content:""; width:2px; height:2px; margin:0 4px; background:#ccc; border-radius:50%;}
.mySwiper_map .gray_dot li:first-child:before{display:none;}
.mySwiper_map .pay {margin-top:4px; color:#000;}
.mySwiper_map .pay span {font-size:13px; height:19px; color:#5c5c5c;}


.guest_title2 {margin-bottom: 0px; font-size: 20px; font-weight: 700; line-height: 28px;}
.guest_title2::after { position: absolute; margin-top:8px; right: 20px; display: inline-block; content: ""; width: 18px; height: 18px; background: url(/images/webmobile/icon_right_arrow-dbaf4059ac34f58bacdd2e78c787650d.png) 0 0 no-repeat;background-size: 18px auto;background-color: #fff;}
.guest_sub_title2 { font-size: 14px; font-weight: 400; line-height: 21px; margin-bottom: 16px; color: #5C5C5C;}
.main_bottom{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;background-color:#fff;position:fixed;bottom:0;width:100%}
.main_bottom .item{display:flex;width:75px;height:48px;padding-top:7px;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px}
.main_bottom .item img{width:24px;height:24px}
.main_bottom .item p{color:#b7b7b7;text-align:center;font-size:10px;font-weight:400;line-height:16px;letter-spacing:-.1px}

.calender_wrapper {padding:40px 20px 0;}
.calender_wrapper .guide_text {padding:10px 0; font-weight:700; color:#5C44E3; background: #F7F5FF; border-radius: 4px;}
.calender_wrapper .btn_full {position: absolute; bottom:0; display:flex; align-items:center; justify-content:center; width:calc(100% - 40px); height:48px; margin:32px 0 40px; padding:0; border-radius:4px; font-size:15px; font-weight:500; line-height:22px; text-align:center;}
.calender_nav {display:flex; align-items:center; justify-content: center; margin-bottom:20px;}
.calender_nav button {width:24px; height:24px;}
.calender_nav strong {padding:0 24px; font-size:20px; line-height:28px;}
.calender_table {width:100%; margin-top:16px; text-align:center; border-collapse: collapse }
.calender_table th {padding:8px 13px; color:#999; font-size:16px; line-height:24px;}
.calender_table td {position:relative; width:40px; height:40px;}
.calender_table td a { display: flex;  margin:0 auto; align-items: center; justify-content: center; font-size:15px; line-height:22px; color:#000;}
.calender_table .one_day a,
.calender_table .many_days.start a {background:#000; border-radius: 50%; color:#fff; font-weight:700;}
.calender_table .many_days.start {background-image: linear-gradient(to right, #fff 50%, #EFEFEF 50%)}
.calender_table .many_days {background:#EFEFEF;}
.calender_table .many_days.last {background-image: linear-gradient(to right, #EFEFEF 50%, #fff 50%)}
.calender_table .many_days.last a {background:#000; border-radius: 50%; color:#fff;}
.calender_table .booking_days {background:#EDEAFF;}
.calender_table .booking_days.start {border-radius:100px 0 0 100px;}
.calender_table .booking_days.last {border-radius:0 100px 100px 0;}
.calender_table .today a:after {position:absolute; left:calc(50% - 2px); bottom:5px; display:block; content:""; width:4px; height:4px; border-radius:50%; background:#000;}
.calender_table .today.one_day a:after {background:#fff;}
.calender_table td.past a {color:#B7B7B7}
.calender_table td.disable a {color:#B7B7B7; text-decoration: line-through; text-decoration-color:#EF233C;}
.calender_wrapper .tip_box {padding:16px; background:#F8F8F8; border-radius:6px;}
.calender_wrapper .tip_box .tip_title {display:block; padding-left:22px; background:url("/images/icon_tip_black-af5a1d4934560b9c66ec20bb5cbb58ea.png") 0 2px no-repeat; background-size:16px auto;}
.calender_wrapper .tip_box .tip_text {margin-top:8px; color:#777; font-size:13px; line-height:19px;}
.calender_wrapper .tip_box .red_text {margin-top:4px; color:#EF233C; font-size:13px; line-height:19px;}
.calender_wrapper .dot_list {padding:0;}
.calender_wrapper .dot_list li {display: flex; align-items: flex-start; margin:6px 0 0 5px; color:#777777; font-size:13px; line-height:19px; }
.calender_wrapper .dot_list li:before {display:inline-block; content:""; width:2px; height:2px; margin:9px 9px 0 0; background:#777; border-radius:50%;}
.select_period {display: flex; flex-wrap:wrap; justify-content: space-between; gap:10px; margin:20px 0 14px;}
.select_period li  {width:calc(33.3% - 7px);}
.select_period a {display: block; width:100%; padding:6px 0; border:1px solid #DFDFDF; border-radius:4px; text-align:center;}
.select_period a:focus {border:1px solid #000;}
.select_period span {font-size:12px; line-height:18px; color:#777;}
.select_period strong {display:block; color:#000;}
.popup_period .title {margin-bottom:20px; font-size:20px; line-height:28px; color:#000; font-weight:700; text-align:center;}
.popup_period .guide_text {padding:10px 0; font-weight:700; color:#5C44E3; background: #F7F5FF; border-radius: 4px;}

.payment {padding-top: 24px; padding-bottom:64px;}
.payment .payment_title{margin-bottom:24px;text-align:center;font-size:20px;font-weight:700;line-height:30px;letter-spacing:-0.2px}
.payment_step ul{position:relative;display:flex;justify-content:center;height:57px}
.payment_step .step01,.payment_step .step03{display:flex}
.payment_step .step01:after{content:"";display:block;width:16.8px;height:9.6px;margin:12px 16px 0 0;background:url("/images/webmobile/icon_purple_dotted-913c9f7589763dfec6a0a48a8bead444.svg") 0 0/16.8px 9.6px no-repeat}
.payment_step .step01 p{display:flex;flex-direction:column;align-items:center;color:#5c44e3;font-size:13px;font-weight:700;line-height:19px}
.payment_step .step01 p:before{content:"";display:block;margin-bottom:4px;width:28.8px;height:28.8px;background:url("/images/webmobile/icon_check_purple-685344a135a14aee8249aee832ad15a3.svg") center 0/28.8px 28.8px no-repeat}
.payment_step .step03:before{content:"";display:block;width:16.8px;height:9.6px;margin:12px 0 0 16px;background:url("/images/webmobile/icon_gray_dotted-02d533491274c1d31f30c291addded0f.svg") 0 0/16.8px 9.6px no-repeat}
.payment_step .step02 p{position:relative;display:flex;flex-direction:column;align-items:center;color:#5c44e3;font-size:13px;font-weight:700;line-height:19px}
.payment_step .step02 .balloon_text{position:absolute;top:-35px;left:-15px;width:60px;padding:3px 6px;background:#f7f5ff;font-size:11px;font-weight:700;color:#5c44e3;border-radius:4px} 
.payment_step .step02 .balloon_text:after{position:absolute;bottom:-8px;left:18px;display:block;content:"";width:24px;height:14px;background:url("/images/webmobile/icon_ballon-2266561741375b06127f8efa3f68bade.svg") 0 0/24px 14px no-repeat}
.payment_step .step02 p:before{content:"";display:block;width:28.8px;height:28.8px;background:url("/images/webmobile/icon_check_line-37fc5de8c97205db3c7c9e6d1f41e599.svg") center 0/28.8px 28.8px no-repeat}
.payment_step .step03 p:before{content:"";display:block;width:28.8px;height:28.8px;margin-bottom:4px;background:url("/images/webmobile/icon_check_gray-cae025ceb3ea633fef37f73469435e7f.png") center 0/28.8px 28.8px no-repeat}
.payment_step .step03 p{display:flex;flex-direction:column;align-items:center;color:#b7b7b7;font-size:13px;font-weight:700;line-height:19px}
.payment_step_text{margin-top:20px;text-align:center;font-size:15px;line-height:22px;letter-spacing:-.1px}
  
.payment .border_section{margin-top:24px;padding:24px 20px 0}
.payment .title{display:block;margin-bottom:24px;color:#000;font-size:16px;font-weight:700;line-height:24px;letter-spacing:-.1px}
.payment .border_section .flex li{display:flex;justify-content:space-between}
.payment .border_section .flex li+li{margin-top:8px}
.payment .border_section .flex li p,.payment .border_section .flex li span{font-size:15px;line-height:22px;color:#333}
.payment .size_14{font-size:14px!important}
.payment .copy{color:#4263eb;font-size:14px;font-weight:500;line-height:21px;text-decoration-line:underline}
.payment .border_section .flex li .font_bold{font-weight:700}
.payment .right_text{margin-top:4px;color:#777;text-align:right}
.border_section:after{display:block;content:"";clear:both}
.payment .time_text{float:right;display:flex;margin-top:4.5px;color:#5c44e3;font-weight:700}
.payment .time_text:before{content:"";display:block;width:20px;height:20px;margin-right:4px;background:url("/images/webmobile/icon_clock-18ac947c455fc0d61228cf01509e0bdf.svg") 0 0/20px 20px no-repeat}
.icon_guide_box{margin:24px 20px;padding:16px;background:#f8f8f8; border-radius:6px;}
.icon_guide_box .icon_title{display:flex;align-items:cneter;margin-bottom:8px;padding-left:26px;background:url("/images/webmobile/icon_tip_black-af5a1d4934560b9c66ec20bb5cbb58ea.png") 0 0/18px 18px no-repeat;font-weight:700}
.dotted_list li, .icon_guide_box .guide_link, .icon_guide_box .guide_text, .payment .time_text{font-size:13px;line-height:19px}
.dotted_list li{position:relative;padding-left:19px;color:#777}
.dotted_list li:before{position:absolute;top:8px;left:5px;content:"";display:block;width:2px;height:2px;border-radius:50%;background:#777}
.icon_guide_box .guide_text{padding:0;text-align:left;color:#777}
.icon_guide_box .guide_link{display:flex;align-items:center;margin-top:8px;text-decoration:underline;font-weight:500}
.icon_guide_box .guide_link:after{content:"";width:14px;height:14px;background:url("/images/webmobile/icon_guide_arrow-1885a07041a73bd474b3547dc211f96a.svg") 0 2px/14px 14px no-repeat}
.mg_b88{margin-bottom:88px}
.payment .fixed{width:100%;padding:20px 24px;background:#fff}
.payment .btn_black{width:100%;margin:0;color:#fff!important}
.payment_title.icon_success{display:flex;flex-direction:column;align-items:center;margin-top:16px;margin-bottom:24px}
.payment_title.icon_cancel{display:flex;flex-direction:column;align-items:center;margin-top:16px;margin-bottom:24px}
.icon_success:before{content:"";display:block;width:64px;height:64px;margin-bottom:24px;background:url("/images/webmobile/icon_check_purple-685344a135a14aee8249aee832ad15a3.svg") 0 0/64px 64px no-repeat}
.icon_cancel:before{content:"";display:block;width:64px;height:64px;margin-bottom:24px;background:url("/images/webmobile/icon_cancel-5d03ab7319b5cff7f4d97a866979dc34.svg") 0 0/64px 64px no-repeat}

.loading-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #0002;
    position: fixed;
}

.lds-roller,
.lds-roller div,
.lds-roller div:after {
    box-sizing: border-box;
}
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}
.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7.2px;
    height: 7.2px;
    border-radius: 50%;
    background: currentColor;
    margin: -3.6px 0 0 -3.6px;
}
.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
    top: 62.62742px;
    left: 62.62742px;
}
.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
    top: 67.71281px;
    left: 56px;
}
.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
    top: 70.90963px;
    left: 48.28221px;
}
.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}
.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
    top: 70.90963px;
    left: 31.71779px;
}
.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
    top: 67.71281px;
    left: 24px;
}
.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
    top: 62.62742px;
    left: 17.37258px;
}
.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12.28719px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}