/* font */
@font-face {
    font-weight: 400;
    font-family: 'soyo';
    src: url('/resources/assets/font/SOYO-Maple-Regular.woff');
}
@font-face {
    font-weight: 500;
    font-family: 'soyo';
    src: url('/resources/assets/font/SOYO-Maple-Bold.woff');
}
/*
@font-face {
    font-weight: 300;
    font-family: 'kopub';
    src: url('/resources/assets/font/KoPub_Dotum_Light.woff');
}
@font-face {
    font-weight: 400;
    font-family: 'kopub';
    src: url('/resources/assets/font/KoPub_Dotum_Medium.woff');
}
@font-face {
    font-weight: 500;
    font-family: 'kopub';
    src: url('/resources/assets/font/KoPub_Dotum_Bold.woff');
}*/

@font-face {
  font-family: 'kopub'; /* 웹에서 사용할 폰트 이름 정의 */
  src: url('/resources/assets/font/KoPubWorld_Dotum_Light.ttf') format('truetype'); /* TTF 파일 경로 */
  font-weight: 300;
  font-style: light;
}
@font-face {
  font-family: 'kopub'; /* 웹에서 사용할 폰트 이름 정의 */
  src: url('/resources/assets/font/KoPubWorld_Dotum_Medium.ttf') format('truetype'); /* TTF 파일 경로 */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'kopub'; /* 웹에서 사용할 폰트 이름 정의 */
  src: url('/resources/assets/font/KoPubWorld_Dotum_Bold.ttf') format('truetype'); /* TTF 파일 경로 */
  font-weight: 500;
  font-style: bold;
}

/* css set */
a{text-decoration: none;color: #000;}
*{box-sizing: border-box;margin: 0;padding: 0;font-family: 'kopub';}
ul,ol,li{margin: 0;padding: 0;}
li{list-style: none;}
p,span,strong,i{line-height: 140%}
button{background-color: transparent;border: 0;display: flex;color: #000;font-family: 'kopub'}

input,textarea,select{font-family: 'kopub';padding-top: 2.5px !important;}
input:focus,
select:focus,
textarea:focus{outline: none;}
select{appearance: none;width: 100%;background-image: url('/resources/img/chevron_down.png');background-repeat: no-repeat;background-size: 16px;background-position: calc(100% - 5px) center;}
html{height: 100%;}
body{font-family: 'kopub';;height: 100%;}

.soyo{font-family: 'soyo';font-weight: 400;}

/* color */
/* #ffb703 */

section{height: 100%;padding: 0 15px;}
.start-section{width: 100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;background-color: #ffb703;}
.start-section>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: block;width: 100%;height: 100%;object-fit: cover;max-width: 480px;opacity: 1;z-index: 2;}
.start-swiper{width: 100%;max-width: 480px;height: 100%;}
.start-swiper .swiper-wrapper{width: 100%;height: 100%;}
.start-swiper .swiper-slide{width: 100%;height: 100%;position: relative;display: flex;align-items: flex-end;justify-content: center;padding: 15px;padding-bottom: 60px;background-color: #ffb703;}
.start-btn{position: relative;z-index: 2;background-color: #fff;height: 50px;width: 100%;display: flex;align-items: center;justify-content: center;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);border-radius: 10px;color: #ffb703;font-weight: 500;transition: 0.5s 0.6s;transform: translateY(15px);opacity: 0;}
.start-swiper .swiper-slide-active .start-btn{transform: translateY(0);opacity: 1;}
.start-swiper .swiper-slide>img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%;object-fit: cover;max-width: 100%;}


.login-section{padding: 30px 20px 30px 20px;max-width: 480px;margin: 0 auto;background-color: #f8f8f8;position: relative;}
.login-section-2{padding: 30px 15px;max-width: 480px;margin: 0 auto;background-color: #f8f8f8;position: relative;padding-bottom: 125px;}
.main-section{padding: 0px 0px 0 0px;background-color: #f8f8f8;max-width: 480px;margin: 0 auto;display: flex;flex-direction: column;}
.login-title{font-size: 32px;font-weight: 450;}
.login-title-2{font-size: 25px;font-weight: 450;margin-bottom: 15px;}
.top-bottom{display: flex;flex-direction: column;justify-content: space-between;height: calc(100% - 62px);}
.login-bottom{display: flex;align-items: center;justify-content: space-between;position: fixed;margin: 0 auto;bottom: 34px;width: 100%;max-width: 480px;left: 50%;transform: translateX(-50%);padding: 0 20px;}
.login-bottom>a{display: flex;align-items: center;font-size: 20px;font-weight: 500;transition: 0.3s;}
.login-bottom>a>i{display: block;margin: 0 2.5px 2.5px 2.5px;transition: 0.3s;}
.login-bottom>a>img{display: block;margin: 0 2.5px 2.5px 2.5px;transition: 0.3s;width: 20px;height: 20px;}
.login-bottom>a:active>i{color: #ffb703;}

.top-bottom>div:first-of-type{padding-top: 30px;}
.top-bottom>div:last-of-type{padding-bottom: 30px;}
.top-bottom>div>a{text-align: center;width: 100%;display: block;;color: #3e3e3e;transition: 0.3s;font-size: 20px;color: #000;font-family: 'kopub';}
.top-bottom>div>a:active{color: #ffb703;}
.login-section input{height: 52px;border-radius: 15px;border: 1px solid #3e3e3e;padding: 0 15px;width: 100%;margin-bottom: 7.5px;font-size: 18px;padding-top: 2.5px;transition: 0.3s;}
.login-section input:focus{border-color: #ffb703;}
.login-section input::placeholder{color: #000;}
.login-section input:last-of-type{margin-bottom: 24px;}
.login-btn{height: 52px;border-radius: 15px;display: flex;align-items: center;justify-content: center;background-color: #ffb703;color: #000;width: 100%;font-size: 26px;font-weight: 500;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}
.more-login-op{display: flex;align-items: center;padding: 0 15px;border: 1px solid #3e3e3e;height: 52px;width: 100%;border-radius: 15px;font-size: 18px;padding-top: 2.5px;margin-bottom: 10px;transition: 0.3s;font-family: 'kopub';}
.more-login-op:active{background-color: #ffb703;color: #fff;border-color: #ffb703;}

.login-bottom-wrap{position: absolute;bottom: 30px;width: calc(100% - 30px);}
.login-sub{font-size: 18px;display: block;color: #000;margin-bottom: 10px;}
.select-account-wrap{margin-bottom: 15px;}
.select-account-item{display: flex;align-items: center;border-radius: 10px;border: 0.5px solid #000;padding: 15px 20px;transition: 0.3s;margin-bottom: 10px;}
.select-account-item:last-of-type{margin-bottom: 15px;}
.check-item{display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 100%;border: 1px solid #000;transition: 0.3s;margin-right: 10px;}
.check-inner{width: 8px;height: 8px;border-radius: 100%;background-color: #ffb703;transition: 0.3s;transform: scale(0);}
.check-txt{padding-top: 5px;}
.check-txt>p{font-size: 18px;font-weight: 500;transition: 0.3s;}
.check-txt>span{font-size: 18px;color: #000;font-weight: 300;}
.select-account-item.check{border-color: #ffb703;}
.select-account-item.check .check-item{border-color: #ffb703;}
.select-account-item.check .check-inner{transform: scale(1);}
.select-account-item.check .check-txt>p{color: #ffb703;}
.agree-wrap{padding-top: 15px}
.agree-wrap>button{display: flex;align-items: center;gap: 16px;width: 100%;border-radius: 10px;border: 0.5px solid #000;padding: 10px 20px;transition: 0.3s;}
.agree-wrap>button:active{border-color: #ffb703;}
.agree-wrap>button>i{font-size: 20px;margin-right: 0px;color: #000;}
.agree-wrap>button>img{width: 20px;height: 20px;display: block}
.agree-wrap>button.agree{border-color: #ffb703;color: #000;}
.agree-wrap>button.agree>i{color: #ffb703;}
.agree-wrap>button{font-size: 18px;font-weight: 500;color: #000;}

.popup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1;display: none;}
.popup-inner{width: calc(100% - 30px);height: calc(100% - 30px);max-width: 480px;display: flex;flex-direction: column;border-radius: 15px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 15px;}
.popup-title{display: flex;align-items: center;height: 40px;;}
.popup-title>button{display: flex;align-items: center;justify-content: center;width: 32px;height: 40px;font-size: 18px;transition: 0.3s;}
.popup-title>button>i{transition: 0.3s;}
.popup-title>button>img{display: block;width: 18px;height: 18px;}
.popup-title>button:active>i{transform: translateX(-5px);color: #ffb703;}
.popup-title>p{font-size: 23px;font-weight: 500;}
.popup-bottom>button{height: 40px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 500;width: 100%;border-radius: 15px;background-color: #ffb703;color: #000;}
.popup-txt{height: calc(100% - 95px);overflow-y: auto;padding: 15px 0;margin-bottom: 15px;}

.add-account-title{font-weight: 450;font-family: 'soyo';margin-bottom: 10px;font-size: 23px;}
.add-account-item{margin-bottom: 10px;border-radius: 10px;padding: 10px 15px;background-color: #fff;}
.add-account-item input{width: 100%;height: 36px;border-radius: 10px;border: 1px solid #3e3e3e;padding: 0 10px;font-size: 18px;transition: 0.3s;background-color: #fff !important;color: #000 !important;}
.add-account-item input:focus{border-color: #ffb703;}
.desable .add-input input{color: #606060 !important;border-color: #606060 !important;pointer-events: none;}
.add-account-item select{width: 100%;height: 36px;border-radius: 10px;border: 1px solid #3e3e3e;padding: 0 10px;font-size: 18px;transition: 0.3s;background-color: #fff !important;color: #000 !important;}
.add-account-item select:focus{border-color: #ffb703;}
.desable .add-input select{color: #606060 !important;border-color: #606060 !important;pointer-events: none;}

.desable .ac-dual-right>label{border-color: #606060 !important;pointer-events: none !important;color: #606060 !important;}

.ac-input-wrap{display: flex;align-items: center;margin-bottom: 5px;gap: 5px;}
.ac-input-wrap:last-of-type{margin-bottom: 0;}
.ac-input-wrap>p{font-size: 16px;font-family: 'soyo';width: 60px;flex-shrink: 0}
.ac-input-wrap.desable>p{color: #606060 !important}
.desable .ac-input-wrap>p{color: #606060 !important}
.add-input{width: 100%;display: flex;}
.sel-rocation{width: calc(50% - 2.5px);margin-right: 5px;height: 36px;border-radius: 10px;background-color: #000;color: #fff;display: flex;align-items: center;padding: 0 10px;font-size: 18px;margin-bottom: 5px;}
.sel-rocation:nth-of-type(2n){margin-right: 0;}
.sel-rocation i{color: #fff;font-size: 12px;}
.sel-rocation img{display: block;width: 20px;height: 20px}
.sel-rocation>button{}
.sel-rocation>span{display: block;width: calc(100% - 12px);text-align: center;padding-top: 2.5px;}
.sel-roca-btn{width: calc(50% - 2.5px);border: 1px solid #3e3e3e;border-radius: 10px;height: 36px;display: flex;align-items: center;justify-content: center;transition: 0.3s;font-size: 18px;}
.sel-roca-btn:active{background-color: #000;color: #fff;}
.sel-roca-btn img{display: block;width: 20px;height: 20px;}

.ac-input-wrap-pet{margin-bottom: 10px;}
.ac-input-wrap-pet>p{width: 105px;}
.ac-input-wrap-pet .add-input{width: 100%;display: flex;gap: 5px;}
.ac-input-wrap-pet .add-input>button{width: calc(20% - 2px);border: 1px solid #3e3e3e;font-size: 18px;transition: 0.3s;border-radius: 7.5px;height: 26px;margin-right: 0px;display: flex;align-items: center;justify-content: center;}
.ac-input-wrap-pet .add-input>button>img{display: block;width: 20px;height: 20px;transition: 0.3s;}
.ac-input-wrap-pet .add-input>button:active{background-color: #000;color: #fff;border-color: #3e3e3e;}
.ac-input-wrap-pet .add-input>button.on{background-color: #000;border-color: #000;color: #ffff;}
.ac-input-wrap-pet .add-input>button>img:active{filter: invert(100%)}
.ac-input-wrap-pet .add-input>button>img.on{filter: invert(100%)}
.add-pet{background-color: #ffb703;}
.add-pet>i{font-size: 16px;}
.add-pet>img{display: block;width: 16px;height: 16px}
.pet-type{margin-right: 5px;display: flex;width: 100%;;}
.pet-type>button{width: calc(50% - 2.5px);margin-right: 5px;border-radius: 10px;padding-top: 2.5px;;border: 1px solid #3e3e3e;background-color: #fff;display: flex;align-items: center;justify-content: center;height: 36px;font-size: 18px;transition: 0.3s;}
.pet-type>button:last-of-type{margin-right: 0;}
.pet-type>button.on{background-color: #000;color: #fff;border-color: #000;}
.pet-type-wrap{width: 100%;display: flex;}
.pet-type-wrap>button{border-radius: 10px;padding-top: 2.5px;;border: 1px solid #3e3e3e;background-color: #fff;display: flex;align-items: center;justify-content: center;height: 36px;font-size: 18px;transition: 0.3s;}
.pet-type-wrap>button.on{background-color: #000;color: #fff;border-color: #000;}
.add-account-form{height: calc(100% - 45px);overflow-y: auto;padding: 0 0px;}


.ac-dual-wrap{display: flex;align-items: stretch;width: 100%;margin-bottom: 5px;}
.ac-dual-left{margin-right: 5px;width: calc(100% - 82px);}
.ac-dual-right{width: 77px;min-width: 77px;height: 77px;}
.ac-dual-right>button{display: flex;align-items: center;justify-content: center;font-size: 12px;border-radius: 10px;border: 1px solid #3e3e3e;width: 100%;height: 100%;transition: 0.3s;}
.ac-dual-right>button:active{background-color: #000;border-color: #000;color: #fff;}
.ac-dual-right label{position: relative;}
.ac-dual-right label
.add-input>label{position: relative;}
.add-input>label>span{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 18px;color: #3e3e3e;}

.top-nav{height: 82px;display: flex;align-items: flex-end;justify-content: space-between;padding: 32px 20px 7.5px 20px;}
.main{height: calc(100% - 0px);overflow-y: auto;overflow-x: hidden;position: relative;}
.bottom-nav{display: flex;height: 90px;background-color: #fff !important;align-items: flex-start;}
.bottom-nav .sp-btn-inner{padding: 0 15px;margin-top: 0;background-color: transparent !important;}
.sp-inner .sp-btn-inner{padding: 0 !important}
.bottom-nav>a{display: flex;align-items: center;justify-content: flex-start;flex-direction: column;width: 20%;padding-top: 10px;}
.bottom-nav>a>span{display: block;font-size: 14px;color: #000;font-weight: 500;}
.bottom-img-wrap{position: relative;height: 26px;width: 100%;margin-bottom: 2.5px;}
.bottom-img-wrap>img{display: block;height: 100%;width: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.3s;}
.bottom-img-wrap .on-img{opacity: 0;}
.bottom-nav>a:active .bottom-img-wrap .on-img{opacity: 1;}
.bottom-nav>a:active .bottom-img-wrap .non-img{opacity: 0;}

.select-bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 3;pointer-events: none;opacity: 0;transition: 0.3s;}
.select-bg.on{opacity: 1;pointer-events: inherit;}
.sp-inner{position: fixed;top: 0;left: 0;width: 100%;border-radius: 0 0 20px 20px;background-color: #F8F8F8;padding: 66px 18px 18px 18px;transform: translateY(-50%);transition: 0.2s 0.1s;opacity: 0;pointer-events: none;z-index: 3;}
.sp-inner .bottom-nav{height: auto}
.sp-inner.on{transform: translateY(0);opacity: 1;pointer-events: inherit;}
.sp-inner::before{position: absolute;left: 50%;transform: translateX(-50%);height: 2px;width: 30px;border-radius: 100px;background-color: #ddd;bottom: 8px;display: block;content: '';}
.spa-item:first-of-type{margin-top: 15px;}
.sp-item{height: 49px;width: 100%;display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-weight: 400;transition: 0.1s;padding: 0 24px;background-color: #fff;position: relative;}
.sp-item::after{display: block;content: '';height: 0.5px;width: calc(100% - 36px);background-color: #eaeaea;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);}
.sp-item.on>img{}
.sp-item>span{font-size: 15px;font-weight: 400;color: #000;}
.sp-1 .sp-item{font-size: 15px}
.sp-2 .sp-item{font-size: 15px}
.sp-3 .sp-item{font-size: 15px}
.sp-item img{width: 20px;display: block;}
.sp-item:last-of-type::after{display: none}
.sp-item:first-of-type{border-radius: 15px 15px 0 0}
.sp-item:last-of-type{border-radius: 0 0 15px 15px}
.sp-item:active{background-color: #f7f7f7;}

.top-title{font-size: 26px;font-family: 'soyo';font-weight: 450;}
.top-select{display: flex;align-items: center;font-size: 18px;font-weight: 500;gap: 5px;}
.top-select>svg{margin-left: 2.5px;font-weight: bold;}
.top-select>img{display: block;width: 20px;height: 20px}

.center-btn{position: fixed;bottom: 90px;left: 50%;transform: translateX(-50%);background-color: #FFB703;z-index: 2;border-radius: 100px;padding: 0 20px;height: 36px;box-shadow: -0px 2px 4px rgba(0, 0, 0, 0.25);transition: 0.3s;display: flex;align-items: center;justify-content: center;gap: 7.5px;font-size: 16px;padding-top: 2.5px;}
.center-btn>svg{width: 18px;height: 18px;margin-top: 2.5px;transform: translateY(-2.5px);}
.center-btn>img{display: block;width: 18px;height: 18px;transform: translateY(-0px);;}
.center-btn:active{background-color: #ffb703;color: #000;border-color: #ffb703;}


/* 커뮤니티 */
.community-item{display: flex;padding: 10px 15px;background-color: #fff;margin-bottom: 4px;}
.community-item:last-of-type{margin-bottom: 0}
.community-item.ad{background-color: #f7f7f7;}
.ci-img{width: 85px;min-width: 100px;height: 100px;border-radius: 10px;margin-right: 10px;overflow: hidden;}
.ci-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ci-txt{width: 100%}
.ci-txt>span{font-size: 15px;width: calc(100% - 16px);text-overflow: ellipsis;font-weight: 300;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #000;line-height: 20px;}
.ci-title{margin-bottom: 0px;display: flex;justify-content: space-between;}
.ci-name{display: flex;align-items: center;flex-wrap: wrap;gap: 5px;}
.ci-name>p{font-size: 18px;}
.ci-name>span{font-size: 12px;color: #3E3E3E;}
.ci-name>span>strong{font-weight: normal;color: #3e3e3e;}
.ci-ad{display: flex;align-items: center;justify-content: center;font-size: 15px;height: 22px;font-weight: 500;background-color: #000;border-radius: 100px;padding: 0px 8px;color: #fff;padding-top: 2.5px;}
.community-item .ci-ad{display: none;}
.community-item.ad .ci-name>p{font-weight: 500;}
.community-item.ad .ci-ad{display: flex;}
.community-item.ad .ci-name>span{display: none;}
.community-item.ad .ci-date{display: none;}
.ci-date{display: flex;justify-content: space-between;align-items: flex-end;}
.ci-btn>button{font-size: 15px;margin-left: 0px;position: relative;padding-left: 15px;}
.ci-btn>button>svg{height: 16px;width: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.3s;transition: 0.3s;}
.ci-btn>button>img{height: 14px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.3s;transition: 0.3s;display: block;}
.ci-btn>button>img:last-of-type{opacity: 0}
.ci-btn>button>svg:active{color: #ffb703;}
.ci-btn>button>span{color: #000;font-weight: 300;margin-left: 5px;padding-top: 2.5px;font-size: 14px;}
.ci-btn>button .favo-on{opacity: 0;}
.ci-btn>button.on .favo-on{opacity: 1;}
.ci-btn>button.on .favo-off{opacity: 0;}
.ci-btn>button.on>img:last-of-type{opacity: 1}
.ci-btn>button.on>img:first-of-type{opacity: 0}
.favo-on{color: #ffb703;}
.ci-btn>button>svg{transition: 0.3s;}

.favo-btn .favo-on{opacity: 0;}
.favo-btn img:last-of-type{opacity: 0}

.favo-btn.on .favo-on{opacity: 1;}
.favo-btn.on .favo-off{opacity: 0;}
.favo-btn.on img:last-of-type{opacity: 1}
.favo-btn.on img:first-of-type{opacity: 0}
.favo-on{color: #ffb703;}
.favo-btn>svg{transition: 0.3s;}

.favo-btn-user{font-size: 12px;position: relative;padding-left: 15px;width: 14px;height: 14px;;}
.favo-btn-user>svg{height: 14px;width: 14px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.3s;transition: 0.3s;}
.favo-btn-user img{height: 14px;width: 14px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.3s;transition: 0.3s;display: block ;}
.favo-btn-user img:last-of-type{opacity: 0}
.favo-btn-user>svg:active{color: #ffb703;}
.favo-btn-user>span{color: #3e3e3e;font-weight: 400;}
.favo-btn-user .favo-on{opacity: 0;}
.favo-btn-user.on .favo-on{opacity: 1;}
.favo-btn-user.on .favo-off{opacity: 0;}
.favo-btn-user.on img:last-of-type{opacity: 1}
.favo-btn-user.on img:first-of-type{opacity: 0}
.favo-on{color: #ffb703;}
.favo-btn-user>svg{transition: 0.3s;}

.ci-date>span{font-size: 12px;color: #3e3e3e;}
.ci-btn{display: flex;}
.ci-btn>button{display: flex;align-items: center;margin-right: 5px;}
.ci-btn>button:last-of-type{margin-right: 0;}

.store-favo{font-size: 12px;position: relative;padding-left: 15px;}
.store-favo>svg{height: 12px;width: 12px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.3s;transition: 0.3s;}
.store-favo>svg:active{color: #ffb703;}
.store-favo>img{display: block;height: 12px;width: 12px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.3s}
.store-favo>span{color: #000;font-weight: 400;}
.favo-btn .favo-on{opacity: 0;}
.favo-btn.on .favo-on{opacity: 1;}
.favo-btn.on .favo-off{opacity: 0;}
.favo-btn.on img:first-of-type{opacity: 0}
.favo-btn.on img:last-of-type{opacity: 1}
.favo-on{color: #ffb703;}
.favo-btn>svg{transition: 0.3s;}

.store-favo{padding-left: 0;padding-top: 14px}
.store-favo svg{width: 16px;height: 16px;transform: translateY(0) translateX(-50%);left: 50%;top: 0;}
.store-favo>img{display: block;width: 16px;height: 16px;transform: translateY(0) translateX(-50%);left: 50%;top: 0;}
.store-favo>span{font-size: 10px;}
/* 플레이스 */
.map-wrap{width: 100%;height: 100%;position: relative;overflow: hidden;}
.map-area{width: 100%;height: 100%;}
.map-area>img{display: block;width: 100%;height: 100%;object-fit: cover;;}

.marker-item{position: absolute;}
.marker-txt{position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: auto;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 100px;text-align: center;pointer-events: none;transition: 0.3s;padding: 2.5px 24px;}
.marker-txt>p{font-size: 18px;font-weight: 400 !important;line-height: 18px;margin-bottom: 2.5px;white-space: nowrap;}
.marker-txt>span{font-size: 15px;display: block;color: #3e3e3e;transition: 0.3s;line-height: 15px;white-space: nowrap;}
.marker-item{width: 36px;}
.marker-item>button{display: block;width: 100%;transition: 0.3s;position: absolute;left: 50%;transform: translateX(-50%);top: 0;;}
.marker-item.on{width: 42px}
.marker-item>button>img{display: block;width: 100%;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}
.marker-item>button>img:last-of-type{opacity: 0}
.marker-item>button>img:nth-of-type(2){opacity: 0}
.marker-item.on>button>img:last-of-type{opacity: 1}
.marker-item.on>button>img:first-of-type{opacity: 0}

.marker-item.desable>img:first-of-type{opacity: 0}
.marker-item.desable>button>img:nth-of-type(2){opacity: 1}
.marker-item.desable>img:last-of-type{opacity: 0}

.marker-item:active .marker-txt>span{color: #fff;}
.marker-item:active .marker-txt{background-color: #000 !important;border-color: #000;color: #fff;}

.marker-item.on .marker-txt{background-color: #000 !important;border-color: #000;color: #fff;}
.marker-item.on .marker-txt>span{color: #fff;}
.marker-item.desable{pointer-events: none;}
.marker-item.desable .marker-txt{background-color: #e6e6e6;color: #3e3e3e;}
.marker-item.desable .marker-txt>span{color: #3e3e3e;}

.map-info-popup{position: absolute;bottom: -184px;left: 0;width: 100%;padding: 20px 15px 15px 15px;z-index: 1000;border-radius: 15px 15px 0 0;background-color: #fff;transition: 0.3s;}
.map-info-popup.on{bottom: 0;}
.mi-inner{padding: 15px;background-color: #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border-radius: 15px;transition: 0.3s;opacity: 0;}
.map-info-popup::before{position: absolute;left: 50%;transform: translateX(-50%);height: 3px;width: 32px;border-radius: 100px;background-color: #e6e6e6;top: 7.5px;display: block;content: '';;}
.map-info-popup::after{position: absolute;bottom: 0;left: 0;height: 30px;pointer-events: none;display: block;content: '';width: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent);}
.mi-title{display: flex;justify-content: space-between;margin-bottom: 10px;align-items: flex-start;}
.mi-title>p{font-size: 18px;font-weight: 500;}
.mi-title>p>span{font-size: 14px;color: #3e3e3e;margin-left: 5px;font-weight: 300;}
.mi-title>span{display: flex;align-items: center;justify-content: center;font-size: 14px;width: 69px;height: 22px;font-weight: 300;background-color: #000;border-radius: 100px;padding: 0px 10px;flex-shrink: 0;color: #fff;padding-top: 1.5px;}
.mi-txt>p{font-size: 15px;width: 100%;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;line-height: 20px;font-weight: 300;color: #000;}
.mi-event{position: relative;width: 100%;display: flex;justify-content: center;align-items: center;background-color: #eeeeee;;border-radius: 10px;padding: 5px 0 2.5px 0;margin-top: 5px;}
.mi-event>p{font-size: 15px;}
.mi-event>span{font-size: 15px;font-weight: 300;}
.mi-event>button{position: absolute;right: 7.5px;top: calc(50% - 1px);transform: translateY(-50%);width: 24px;height: 24px;;}
.mi-event>button>svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;transition: 0.3s;}
.mi-event>button>img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;transition: 0.3s;}
.mi-event>button .store-favo-off{color: #3e3e3e;opacity: 1;}
.mi-event>button .store-favo-on{color: #ffb703;opacity: 0;}
.mi-event>button img:last-of-type{opacity: 0}
.mi-event>button.on .store-favo-on{opacity: 1;}
.mi-event>button.on .store-favo-off{opacity: 0;}
.mi-event>button.on img:last-of-type{opacity: 1}
.mi-event>button.on img:first-of-type{opacity: 0}
.mi-event>.place-favorite-btn>img:first-of-type{opacity: 1 !important;}
.mi-event>.place-favorite-btn>img:last-of-type{opacity: 0 !important;}
.mi-event>.place-favorite-btn.on>img:first-of-type{opacity: 0 !important;}
.mi-event>.place-favorite-btn.on>img:last-of-type{opacity: 1 !important;}

.event-btn{width: 16px;height: 16px;position: relative;}
.event-btn>svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 16px;height: 16px;transition: 0.3s;}
.event-btn>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 16px;height: 16px;transition: 0.3s;display: block;}
.event-btn img:last-of-type{opacity: 0}

.event-btn .store-favo-off{color: #3e3e3e;opacity: 1;}
.event-btn .store-favo-on{color: #ffb703;opacity: 0;}
.event-btn.on .store-favo-on{opacity: 1;}
.event-btn.on .store-favo-off{opacity: 0;}
.event-btn.on img:last-of-type{opacity: 1}
.event-btn.on img:first-of-type{opacity: 0}

.map-info-popup.on .mi-inner{opacity: 1;}

.mi-btn{position: absolute;top: -20px;left: 0;display: flex;justify-content: center;width: 100%;}
.mi-btn .center-btn{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: 0.3s;background-color: #FFB703;}

.map-center{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 100%;background-color: #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);position: absolute;right: 15px;bottom: 0;transition: 0.3s;}
.map-center>svg{width: 20px;height: 20px;}
.map-center>img{width: 23px;height: 23px;display: block;transition: 0.2s;}
.map-center:active{background-color: #ffb703;color: #fff;}
.map-center:active>img{filter: invert(100%);}

.map-index-wrap{padding: 0 20px;display: flex;flex-direction: column;align-items: center;}
.map-index-wrap .mi-inner{opacity: 1;margin-bottom: 10px;max-width: 370px;height: 136px;width: 100%;display: flex;flex-direction: column;gap: 5px;}
.map-index-wrap .mi-title{margin-bottom: 0}
.map-index-wrap .mi-txt{height: 100%;display: flex;flex-direction: column;justify-content: space-between}
.map-index-wrap .mi-txt>p{margin-bottom: 0}
.mi-title .close{background-color: #e6e6e6;color: #555;}

/* 네고멍 */
.nego-wrap{padding: 0 15px;width: 100%;;}
.event-data{display: flex;font-size: 14px;color: #000;font-weight: 600;}
.event-data strong{font-weight: 600;}
.nego-item{margin-bottom: 5px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);aspect-ratio: 16/6;width: 100%;overflow: hidden;position: relative;border-radius: 15px;}
.nego-item>img{display: block;width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);object-fit: cover;}

.right-btn{position: fixed;right: 15px;bottom: 75px;display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 100%;background-color: #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);transition: 0.3s;}
.right-btn>svg{width: 24px;height: 24px;transition: 0.3s;}
.right-btn>img{width: auto;height: 18px;display: block;transition: 0.3s;}
.page-up:active{background-color: #000;}
.page-up:active>svg{transform: translateY(-2.5px);color: #fff;}
.page-up:active>img{filter: invert(100%);}

/* 채팅 */
.chat-item{padding: 10px 15px;border-bottom: 1px solid #e6e6e6;display: flex;align-items: center;background-color: #fff;}
.chat-img{width: 80px;height: 80px;border-radius: 15px;overflow: hidden;position: relative;margin-right: 10px;}
.chat-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.chat-shop-txt{position: absolute;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;font-size: 13px;padding-top: 2.5px;font-weight: 400;background-color: #ffb703;color: #000}
.chat-txt{width: calc(100% - 90px);display: flex;flex-direction: column;justify-content: center;}
.chat-txt-title{display: flex;justify-content: space-between;margin-bottom: 5px;align-items: flex-start;}
.chat-txt-title>p{font-size: 18px;font-weight: 400;color: #000;}
.chat-txt-title>p>span{font-size: 12px;color: #3e3e3e;margin-left: 5px;}
.chat-txt-title>p>span>strong{font-weight: normal;}
.chat-txt-title>span{font-size: 12px;color: #3e3e3e;padding-top: 2px;font-weight: 300;}
.chat-txt-title>span>strong{font-weight: normal;}
.chat-txt-sub{display: flex;align-items: center;justify-content: space-between;}
.chat-txt-sub>span{width: calc(100% - 40px);font-size: 15px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 0px;font-weight: 300;}
.chat-count{display: flex;align-items: center;justify-content: center;width: auto;font-weight: 500;font-size: 12px;height: 21px;border-radius: 1000px;background-color: #000;color: #fff;padding: 2px 6.75px 0 6.75px;}
.chat-count-over{margin-left: 2.5px;display: none;}

.chat-ad{background: linear-gradient(to right, #ff971c, #ffb703);}
.chat-ad .chat-txt-title>p{font-weight: 500;}
.chat-ad .chat-txt-sub{display: block;}
.chat-ad .chat-txt-sub>span{display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 0px;}
.chat-ad .chat-txt-sub>a{display: flex;align-items: center;font-size: 12px;;}
.chat-ad .chat-txt-sub>a>svg{display: block;height: 12px;padding-bottom: 2px;}
.chat-ad .chat-img{margin-right: 0;margin-left: 10px;}

/* 채팅창 */
.chat-nav{display: flex;justify-content: space-between;align-items: flex-start;width: 100%;font-weight: 500;}
.chat-nav>button{padding-top: 2px;}
.chat-nav>button:focus{}
.chat-nav>button>svg{height: 18px;width: 18px;transition: 0.3s;}
.chat-nav>button>img{height: 21px;width: 21px;transition: 0.3s;display: block;}
.chat-nav>p{display: flex;}
.chat-main{height: 100%;background-color: #fff;display: flex;flex-direction: column;}

.chat-profile{display: flex;align-items: center;justify-content: space-between;padding: 5px 15px;background-color: #fff;position: relative;}
.chat-profile .si-item{padding-left: 0}
.cp-img{width: 43px;height: 43px;overflow: hidden;border-radius: 10px;margin-right: 10px;flex-shrink: 0;}
.cp-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.cp-left{display: flex;align-items: center;}
.cp-txt{display: flex;align-items: center;}
.cp-txt>p{font-size: 18px;margin-right: 5px;}
.cp-txt>span{font-size: 12px;color: #323232;display: flex;font-weight: 300;}
.cp-txt>span>strong{font-weight: 300;display: flex;align-items: center;}
.chat-profile button{position: relative;width: 23px;}
.chat-profile button>svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.3s;width: 20px;height: 20px;;}
.chat-profile button img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.3s;width: 23px;height: auto;display: block;opacity: 1}
.chat-profile .store-favo-off{color: #3e3e3e;}
.chat-profile .store-favo-on{color: #ffb703;opacity: 0;}
.chat-profile button.on .store-favo-on{opacity: 1;}
.chat-profile button.on .store-favo-off{opacity: 0;}
.chat-profile button.on img:last-of-type{opacity: 1}
.chat-profile button.on img:first-of-type{opacity: 0}
.chat-area{height: calc(100% - 0px);padding: 10px 15px;overflow-y: auto;}
.chat-top-ad{display: flex;background-color: #ffb703;border-radius: 10px;height: 30px;font-size: 13px;align-items: center;justify-content: center;padding-top: 2.5px;}
.chat-area-inner{height: calc(100% - 40px);margin-top: 10px;overflow-y: auto;overflow-x: hidden;}
.chat-bottom{height: 80px;padding: 2.5px 15px 0 15px;background-color: #fff;}
.chat-input{height: 37px;border: 1px solid #ffb703;display: flex;border-radius: 15px;overflow: hidden;padding-right: 7.5px;align-items: center;}
.chat-input>button{display: flex;align-items: center;justify-content: center;width: 37px;flex-shrink: 0;border-radius: 10px;transition: 0.3s;padding-top: 2px;background-color: transparent;}
.chat-input>button>svg{width: 16px;height: 16px;color: #3e3e3e;transition: 0.3s}
.chat-input>button>img{width: 18px;height: auto;display: block;;}
.chat-input>button:active{background-color: rgba(255, 184, 3, 0.1);}
.chat-input>button:active>svg{color: #ffb703;}
.chat-input>input{width: calc(100% - 0px);border: 0;padding: 0 10px;font-size: 16px;height: 100%;}
.chat-date{font-size:15px;display: flex;justify-content: center;margin-bottom: 10px;color: #787878;font-weight: 300;}
.chat-date>span{line-height: 100% !important}
.chat-comment{display: flex;align-items: flex-end;margin-bottom: 15px;}
.chat-comment.user{justify-content: right;}
.chat-comment.seller{justify-content: left;}
.chat-comment-item{padding: 10px;font-size: 15px;max-width: 70%;border-radius: 10px;font-weight: 300;}
.chat-comment.user .chat-comment-item{background-color: #a9dbf4;}
.chat-comment.seller .chat-comment-item{background-color: #eaeaea;}
.chat-comment-item>span{display: block;font-weight: 500;}
.chat-comment-date{font-size: 13px;color: #000;margin: 0 5px;font-weight: 300;}

/* 마이페이지 */
.mypage-wrap{padding: 0 15px}
.mypage-item{padding: 10px 15px;margin-bottom: 7.5px;background-color: #fff;border-radius: 15px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);}
.mypage-item:first-of-type{padding: 15px;}
.mypage-item>p{margin-bottom: 5px;font-size: 18px;font-weight: 500;}
.mypage-item>input{font-size: 15px;height: 32px;width: 100%;border: 1px solid #BCBCBC;border-radius: 10px;padding: 0 10px;transition: 0.3s;font-weight: 300;}
.mypage-item>textarea{font-size: 15px;height: 32px;width: 100%;border: 1px solid #BCBCBC;border-radius: 10px;height: 100px;padding: 10px !important;transition: 0.3s;font-weight: 300;}
.mypage-item>textarea::placeholder{color: #808080 !important}
.mypage-item>input:focus{border-color: #ffb703;}
.mypage-item>textarea:focus{border-color: #ffb703;}
.mypage-profile{display: flex;justify-content: space-between;align-items: center;}
.mp-left{display: flex;align-items: center;}
.mp-img{width: 50px;height: 50px;border-radius: 10px;overflow: hidden;margin-right: 10px;}
.mp-img>img{display: block;width: 100%;height: 100%;object-fit: cover;;}
.mp-txt>p{font-size: 18px;font-weight: 500;}
.mp-txt>span{display: block;font-size: 15px;color: #3e3e3e;}
.mp-txt>span>strong{font-weight: normal;}
.mp-right{display: flex;align-items: center;}
.mp-right>button{display: flex;align-items: center;justify-content: center;flex-direction: column;margin-left: 15px;transition: 0.3s;background-color: transparent;border-radius: 5px;}
.mp-right>button:first-of-type{margin-left: 0;}
.mp-right>button>span{font-size: 15px;color: #000;font-weight: 300;}
.mp-icon{width: 20px;height: 20px;margin-bottom: 2.5px;position: relative;}

.alerf-item{position: absolute;right: 0;top: 0px;width: 5px;height: 5px;border-radius: 100%;background-color: #eb3205;}
.mp-icon>svg{width: 100%;height: 100%;transition: 0.3s;}
.mp-icon>img{display: block;height: 20px;width: auto;}
.mp-right>button:active{transform: scale(0.96);background-color: #f7f7f7}
.mp-right>button:active .mp-icon>svg{color: #ffb703;}

.direct-wrap{display: flex;align-items: center;}
.direct-wrap>button{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;transition: 0.3s;border-radius: 10px;}
.direct-wrap>button>span{font-size: 15px;font-weight: bold;transition: 0.3s;}
.direct-wrap>button>p{font-size: 15px;font-weight: 300;}
.direct-wrap>button:active{background-color: #f7f7f7;transform: scale(0.96);}
.direct-wrap>button:active>span{color: #ffb703;}
.toggle-btn{height: 24px;border-radius: 100px;width: 47px;position: relative;background-color: #e6e6e6;transition: 0.3s;}
.toggle-btn.on{background-color: #ffb703;}
.toggle-inner{position: absolute;height: 18px;width: 18px;border-radius: 100%;background-color: #fff;left: 2px;top: 50%;transform: translateY(-50%);transition: 0.3s;}
.toggle-btn.on .toggle-inner{left: calc(100% - 21px)}
.mypage-button{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;flex-wrap: wrap;width: 100%;;}
.mypage-button>p{font-size: 15px;font-weight: 300;}
.mypage-button>svg{width: 20px;height: 20px}
.mypage-button:last-of-type{margin-bottom: 0;}
.mypage-button>span{display: block;width: 100%;font-size: 13px;padding: 0 5px;color: #505050;font-weight: 300;line-height: 1.2;margin-top: 5px;}
.company-info{padding-bottom: 20px;margin-top: 30px;}
.company-info>p{font-size: 12px;color: #3e3e3e;font-weight: 500;margin-bottom: 10px;}
.company-info>span{font-size: 12px;display: block;color: #3e3e3e;font-weight: 300;}
.mi-list-btn{display: flex;align-items: center;justify-content: center;margin-top: 4px;}
.mi-list-btn>button{display: flex;align-items: center;justify-content: center;width: 118px;height:24px;border: 0.5px solid #ddd;border-radius: 100px;font-size: 14px;font-weight: 300;}
.mi-list-btn>button>img{margin-left: 2.5px;display: block;width: 16px;height: 16px;transition: 0.3s;color: #3e3e3e;}
.mi-list-btn>button.on>img{transform: rotate(180deg);}
.mil-item{padding: 5px 10px;background-color: #efefef;border-radius: 10px;height: 60px;margin-bottom: 5px;display: flex;flex-direction: column;justify-content: center;}
.mil-item:last-of-type{margin-bottom: 0;}
.mil-count{display: flex;margin-bottom: 5px;}
.mil-count>p{display: flex;width: 88px;height: 21px;background-color: #ffb703;border-radius: 100px;font-size: 13px;font-weight: 300;display: flex;align-items: center;justify-content: center;}
.mi-list{display: none;margin-top: 10px;}
.mil-title{display: flex;justify-content: space-between;font-size: 15px;font-weight: 300;}
.mil-txt{font-size: 15px;font-weight: 300;color: #505050;}
.mil-txt>span{text-overflow: ellipsis;overflow: hidden;display: block;width: 100%;white-space: nowrap;}
.dual-tab{display: flex;padding: 5px;border-radius: 14px;max-width: 370px;background-color: #d1d1d1;margin-bottom: 10px;transition: 0.3s;width: calc(100% - 30px);margin: 0 auto;margin-bottom: 10px;position: relative;}
.dual-tab::after{display: block;content: '';z-index: 1;position: absolute;left: 5px;top: calc(50% - 0px);transform: translateY(-50%);height: calc(100% - 10px);width: calc(50% - 5px);border-radius: 10px;transition: 0.3s;background-color: #fff;}
.dual-tab.on::after{left: 50%;}
.dual-tab>button{height: 41px;border-radius: 10px;display: flex;align-items: center;justify-content: center;width: 50%;font-size: 18px;font-weight: 400;padding-top: 3px;position: relative;z-index: 2;color: #3e3e3e;transition: 0.3s;}
.dual-tab>button:first-of-type{color: #000;}
.dual-tab.on>button:last-of-type{color: #000;}
.dual-tab.on>button:first-of-type{color: #3e3e3e;}


/* 차단 설정 */
.friend-wrap{display: flex;flex-wrap: wrap;}
.friend-item{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;border-radius: 10px;overflow: hidden;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);}
.friend-item:nth-of-type(2n){margin-right: 0;}
.fi-img{width: 100%;overflow: hidden;aspect-ratio: 4/3;}
.fi-img>img{display: block;width: 100%;height: 100%;object-fit: cover;;}
.fi-txt{padding: 10px;background-color: #fff;}
.fi-txt>p{font-size: 14px;display: flex;align-items: center;justify-content: space-between;}
.fi-info{font-size: 12px;color: #3e3e3e;line-height: 14px;}

/* 공지사항 */
.notice-item{background-color: #fff;padding: 23.5px 15px;margin-bottom: 5px;}
.notice-item>span{font-size: 16px;color: #000;display: flex;justify-content: space-between;font-weight: 300;margin-bottom: 5px;}
.notice-item>span{}
.notice-item>p{font-size: 16px;font-weight: 300;}
.notice-item>p>span{margin-right: 2.5px;}
.notice-item:last-of-type{border-bottom: 0;}
.notice-txt{margin-top: 15px;padding-top: 15px;border-top: 5px solid #F8F8F8;font-size: 16px;font-weight: 300;}

/* 문의 */
.notice-item>span>strong{font-size: 14px;padding: 0px 5px 0 5px;width: 69px;hieght: 24px;display: flex;align-items: center;justify-content: center;border-radius: 100px;font-weight: 400;;}
.qna-n{color: #000;background-color: #FF8C85}
.qna-y{color: #000;background-color: #88CE69}
.qna-a{margin-top: 15px;padding-top: 15px;border-top: 1px solid #e6e6e6;}

.qna-a>p{font-size: 16px;font-weight: 500;display: flex;justify-content: space-between;margin-bottom: 30px;}
.qna-a>p>span{font-weight: 300;font-size: 16px;color: #000;}
.qna-a>span{font-size: 16px;display: block;font-weight: 300;}

.qna-btn{display: flex;margin-top: 15px;justify-content: right;}
.qna-btn>button{display: flex;align-items: center;justify-content: center;height: 32px;border-radius: 10px;margin-left: 10px;font-size: 14px;padding: 2.5px 10px 0 10px;}
.qna-btn>button:first-of-type{background-color: #e6e6e6;color: #333;}
.qna-btn>button:last-of-type{background-color: #ffb703;}

.qna-add-wrap{padding: 0 0px;}
.qna-category{display: flex;padding: 8px;border-radius: 10px;background-color: #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);margin-bottom: 10px;}
.qna-category>button{transition: 0.3s;display: flex;align-items: center;justify-content: center;width: 100%;height: 26px;border-radius: 5px;font-size: 14px;margin-right: 5px;padding-top: 2.5px;background-color: #e6e6e6;}
.qna-category>button:last-of-type{margin-right: 0;}
.qna-category>button:active{background-color: #000;color: #fff;}
.qna-category>button.on{background-color: #000;color: #fff;}

.upload-img{display: flex;white-space: nowrap;overflow-x: auto;width: 100%;height: 83px;overflow-y: hidden;padding: 0 0px;gap: 5px;}
.upload-img>label{width: 83px;height: 83px;border-radius: 10px;flex-shrink: 0;border: 1px solid #bcbcbc;display: flex;align-items: center;justify-content: center;font-size: 15px;text-align: center;position: relative;color: #808080;transition: 0.3s;}
.upload-img>label>input{display: none;}
.upload-img>label>span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);line-height: 18px;font-weight: 300;}
.upload-img>label:active{border-color: #ffb703;}

.ui-item{display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 83px;height: 83px;border: 1px solid #e6e6e6;position: relative;border-radius: 10px;overflow: hidden;margin: 0 !important;}
.ui-item>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ui-item>button{position: absolute;right: 0;top: 0;width: 20px;height: 20px;background-color: rgba(0, 0, 0, 0.5);color: #fff;border-radius: 5px;align-items: center;display: flex;justify-content: center;}
.ui-item>button>svg{width: 18px;height: 18px;}
.ui-item>button>img{display: block;width: 100%;height: 100%}

.write-nav>p{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.write-btn{height: 28px;padding: 0 10px;border-radius: 5px;background-color: #ffb703;padding-top: 2.5px;font-size: 16px;font-weight: 500;display: flex;align-items: center;}

/* 운영정책 */
.system-wrap .notice-item{padding: 22.5px 15px 20px 15px;}

/* 예약내역 */
.reselve-wrap{padding: 0 15px;}
.cal-wrap{padding: 10px;border-radius: 10px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);background-color: #fff;margin-bottom: 10px;}
.cal_nav{display: flex;justify-content: center;align-items: center;margin-bottom: 10px;font-size: 16px;position: relative;}
.cal_nav>button{position: absolute;display: flex;align-items: center;justify-content: center;transform: translateY(-50%);top: 50%;height: 19px;width: 46px;;border: 1px solid #000;border-radius: 5px;width: 100%;right: 0;width: 46px;}
.cal_nav>span{background-color: #000;color: #fff;font-size: 12px;padding: 2.5px 10px 0 10px;border-radius: 100px;font-size: 15px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.cal_nav>a{width: 16px;height: 16px;}
.cal_nav>a>svg{width: 100%;height: 100%;}
.year-month{height: 16px;padding-bottom: 20px;margin: 0 15px;}
.days{display: flex;margin-bottom: 5px;color: #3e3e3e;}
.days .day{width: 100%;text-align: center;font-size: 15px;line-height: 16px;color: #545454;}
.dates{display: flex;flex-wrap: wrap;}
.dates .day{width: 14.2857%;position: relative;text-align: center;font-size: 15px;line-height: 16px;;height: 46px;display: flex;align-items: center;justify-content: space-between;flex-direction: column;margin-bottom: 0px;transition: 0.3s;border: 1px solid none;}
.dates .day::after{position: absolute;content: '';display: block;left: 50%;transform: translateX(-50%);top: -3.5px;height: 20px;border: 1px solid #000;border-radius: 5px;width: 100%;transition: 0.2s;opacity: 0;}
.dates .day.disable{color: #d8d8d8}
/*.dates .day::before{content: '';position;}*/
/*.dates .day.disable::before{opacity: 1}*/
.cal-reserve .day.on::after{opacity: 1}
/* 테스트용 css 추후 html소스에 스타일'만' 그대로 쓰기 'content'는 삭제 */

/* 예약 팝업 */

.reserve-item{margin-bottom: 10px;border-radius: 10px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);padding: 10px;background-color: #fff;}
.reserve-title{display: flex;justify-content: space-between;font-size: 14px;margin-bottom: 5px;}
.reserve-title>p{font-weight: bold;;}
.reserve-title>span{font-weight: normal;}
.reserve-title>span>strong{font-weight: normal;}
.reserve-info{display: flex;margin-bottom: 5px;}
.ri-img{display: block;width: 60px;height: 60px;margin-right: 10px;border-radius: 7.5px;overflow: hidden;position: relative;}
.ri-img>img{display: block;width: 100%;height: 100%;object-fit: cover;;}
.ri-img>span{font-size: 15px;position: absolute;bottom: 0;left: 0;width: 100%;height: 20px;background-color: #ffb703;display: flex;align-items: center;justify-content: center;padding-top: 2.5px;line-height: 20px;}
.ri-txt>p{font-size: 16px;font-weight: 500;}
.ri-txt>span{font-size: 15px;font-weight: 300;}
.ri-txt>span>strong{font-weight: 300;}
.reservation-special-info{font-size: 15px !important}
.reservation-special-info strong{color: #FF0000;}
.ri-subtxt{display: flex;justify-content: space-between;font-size: 12px;}
.ri-subtxt>a{color: #4F4F4F;font-weight: 300;font-size: 13px;}
.ri-subtxt>p{color: #4F4F4F;font-weight: 300;font-size: 13px;}
.ri-btn{display: flex;}
.ri-btn>button{display: flex;align-items: center;justify-content: center;height: 26px;background-color: #e6e6e6;color: #000;width: 100%;border-radius: 5px;margin-right: 5px;font-size: 14px;}
.ri-btn>button:last-of-type{margin-right: 0;}

/* 예약 */
.store-btn{display: flex;width: calc(100% - 30px);margin: 0 auto;border-radius: 15px;overflow: hidden;background-color: #FFB703;;}
.store-btn>button{display: flex;align-items: center;justify-content: center;height: 49px;background-color: #ffb703;font-size: 22px !important;width: 100%;font-family: 'soyo';font-weight: bold;padding-top: 0px;padding-bottom: 5px;position: relative;}
.store-btn>button::after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2px;height: calc(100% - 20px);display: block;content: '';background-color: rgba(255, 255, 255, 0.5);}
.store-btn>button:last-of-type::after{display: none;}
.store-btn>button>img{display: block;width: 24px}
.store-btn>button>svg{width: 24px;display: block;height: 24px;}
.chat-nav>p{display: flex;align-items: center;font-size: 18px;font-weight: 500;}

.store-nav>p>button{display: flex;align-items: center;margin-left: 5px;margin-bottom: 2.5px;}
.store-nav>p>button>svg{width: 18px;height: 18px;;}
.store-nav>p>span{margin-right: 5px}

.store-title-wrap{padding: 7px 6px !important;border-radius: 15px;background-color: #ffb703;height: 95px;margin-bottom: 10px;width: calc(100% - 30px);margin: 0 auto;margin-bottom: 10px;}
.store-title{display: flex;position: relative;justify-content: space-between;align-items: center;height: 34px;background-color: #fff;border-radius: 10px;padding: 0 15px 0 10px;margin-bottom: 1px;}
.store-title>svg{width: 20px;height: 20px;}
.store-title>img{width: 20px;height: 20px;display: block;}
.store-title>span{font-size: 20px;font-weight: bold;}
.store-favo{padding-top: 18px;}
.store-favo svg{top: 5px;}
.store-favo img{width: 18px;height: 18px}
.store-favo span{margin-top: -1px;font-size: 10px;font-weight: 600;}
.store-wrap{position: relative;padding-top: 6px;}
.store-wrap>div{position: relative;z-index: 2}
.store-wrap::before{display: block;content: '';height: 300px;width: calc(100% + 30px);background-color: #fff;position: absolute;top: 0px;left: 0;}
.store-title-wrap>p{font-size: 14px;padding: 0 10px;padding-top: 5px;}
.store-title-wrap>.store-introduction{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height: 100% !important;line-height:20px;overflow:hidden;white-space:normal;word-break:break-all;}
.store-photo-grid.upload-img{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;height:auto;overflow:hidden;white-space:normal;padding-left: 7px;padding-right: 16px;}
.store-photo-grid.upload-img>.ui-item{width:100%;height:auto;min-width:0;aspect-ratio:1/1;}

.store-info{margin-bottom: 8px;padding: 10px 15px 10px 23px;background-color: #fff;}
.store-reserve{border-radius: 10px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);}
.store-info>p{margin-bottom: 5px;font-size: 18px;font-weight: 500;display: flex;justify-content: space-between;flex-wrap: wrap;}
.store-info>p>button>svg{width: 16px;height: 16px;font-weight: bold;transition: 0.3s;}
.store-info>p>button>img{display: block;width: 20px;height: 20px;transition: 0.3s;}
.store-info>p>span{margin-left: 2.5px;font-weight: 300;font-size: 13px;color: #808080;padding-bottom: 2.5px;}
.save{height: 24px;border-radius: 5px;padding: 2.5px 10px 0 10px;font-size: 13px;background-color: #88CE69;font-weight: bold;}
.si-item{display: flex;margin-bottom: 7.5px;align-items: center;color: #787878 !important;padding: 0 10px;padding-left: 9px;gap: 5px;}
.si-item>svg{width: 14px !important;height: 14px !important;color: #8E8E8E;flex-shrink: 0;}
.si-item>span{font-size: 14px !important;display: flex;align-items: flex-end;color: #000 !important;font-weight: 300;}
.si-item>span>button{font-size: 10px;margin-left: 5px;color: #3e3e3e;line-height: 10px;}
.si-item>span>strong{font-weight: 300;}
.si-item>button{font-size: 12px;font-weight: 300;color: #585858}

.store-tag{display: none;}
.store-tag-item{margin-bottom: 10px;padding: 0 10px;width: 100%;}
.store-tag-item>p{width: 100%;font-size: 16px;margin-bottom: 0px;}
.store-tag{display: flex;flex-wrap: wrap;gap: 5px;}
.store-tag>span{font-size: 14px;padding: 0px 10px 0px 10px;border-radius: 100px;height: 29px;display: flex;align-items: center;background-color: #eaeaea;transition: 0.3s;}
.store-tag>span>strong{font-weight: 300;}
.store-tag>span.on{background-color: #000;color: #fff;}
.tag-on.on>button>svg{transform: rotate(180deg);}
/**/
.tag-on>button>img{transform: rotate(180deg);}
.tag-on.on>button>img{transform: rotate(0deg);}

.history-item{padding: 0 0px 0 20px;position: relative;padding-bottom: 10px;display: flex;flex-direction: column;align-items: flex-start;}
.history-item.has-more{padding-left: 30px}
.history-item:last-of-type{padding-bottom: 0;}
.history-item::before{position: absolute;left: 0;border: 2px solid #ffb703;border-radius: 100%;width: 3px;height: 3px;display: block;content: '';top: 8px;}
.history-item::after{position: absolute;left: 2.4px;background-color: #ffb703;width: 2px;height: calc(100% - 20px);display: block;content: '';bottom: 0px;border-radius: 100px;}
.history-date{padding: 0 0px 0 0px;width: 74px;justify-content: center;border-radius: 100px;font-size: 13px;background-color: #ffb703;margin-bottom: 5px;line-height: 16px;display: flex;height: 21px;font-weight: 300;align-items: center;}
.history-txt{display: flex;padding: 5px 7.5px;align-items: center;border-radius: 10px;min-height: 40px;max-height: 55px;background-color: #efefef;position: relative;margin-bottom: 6px;width: calc(100% - 30px);}
.history-txt-main{width: calc(100% - 0px)}
.history-txt:last-of-type{margin-bottom: 0;}
.history-txt>p{font-size: 14px;width: 100%;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 1px;font-weight: 300;}
.history-txt>p>span{font-weight: 500;}

.history-txt-main{align-items: inherit !important}
.history-txt:has(.history-img){align-items: flex-start}

.history-img{width: 40px;height: 40px;border-radius: 5px;overflow: hidden;min-width: 40px;}
.history-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.history-txt>button{position: absolute;left: calc(100% + 10px);width: 20px;height: 20px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: right;}
.history-txt>button>svg{width: 100%;height: 100%;color: #a3a3a3;}
.history-txt>button>img{width: 100%;}
.history-txt>button>i{font-size: 20px;color: #a3a3a3}
.history-item.has-more::before{left: 9px}
.history-item.has-more::after{left: 11.4px}

.history-txt-main>button{position: absolute;right: auto;left: calc(100% + 5px);width: auto;aspect-ratio: 4/4;background-color: #efefef;border-radius: 10px;font-size: 13px;color: #000;height: 100%;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;}
.history-txt-main>button>svg{width: 16px;height: 16px;}

.sp-item-2-wrap{background-color: #fff;border-radius: 10px;overflow: hidden ;}
.sp-item-2-wrap>button{display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;font-size: 13px;width: 100%;transition: 0.3s;}
.sp-item-2-wrap>button>svg{width: 18px;height: 18px;color: #eb3205;}
.sp-item-2-wrap>button:active{background-color: rgba(235, 51, 5, 0.1);color: #eb3205;}
.sp-item-2-wrap>button:first-of-type:active{background-color: #e6e6e6;color: #000;}
.sp-map-title{padding: 0px 22px 0px 22px;height: 41px;background-color: #fff;border-radius: 10px;display: flex;align-items: center;margin-bottom: 10px;gap: 5px;}
.sp-map-title>p{font-size: 18px;font-weight: 500;flex-shrink: 0;}
.sp-map-title>span{font-size: 15px;color: #000;font-weight: 300;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sp-map{height: 200px;position: relative;overflow: hidden;border-radius: 10px;margin-bottom: 10px;}
.history-more-wrap{padding: 10px;background-color: #fff;border-radius: 10px;height: 100%;overflow-y: auto;}
.history-more-wrap>p{font-size: 18px;font-weight: bold;}

.history-txt-event{background-color: #000;color: #fff;}
.price-wrap{margin-bottom: 20px;}
.price-wrap:last-of-type{margin-bottom: 0;}
.price-wrap>p{font-size: 13px;margin-bottom: 2.5px;}
.price-wrap li{font-size: 14px;padding-top: 0px;width: 100%;min-height: 27px;display: flex;align-items: center;justify-content: center;border-right: 0.5px solid #d1d1d1;line-height: 16px;text-align: center;}
.price-wrap li:first-of-type{border-left: 0.5px solid #d1d1d1}
.price-wrap li input{padding-top: 0 !important}
.price-title{display: flex;background-color: #f7f7f7;border-top: 1px solid #e6e6e6;border-bottom: 0.5px solid #d1d1d1;}
.price-index{display: flex;border-bottom: 0.5px solid #d1d1d1;}
.price-title>li{padding-top: 2.5px;width: 100%;display: flex;align-items: center;justify-content: center;}
.price-index>li:first-of-type{background-color: #f7f7f7;}
.food-item{display: flex;margin-bottom: 15px;}
.food-img{width: 82px;height: 82px;border-radius: 10px;flex-shrink: 0;overflow: hidden;}
.food-img>img{display: block;width: 100%;height: 100%;object-fit: cover;;}
.food-txt{padding-left: 10px;width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.food-txt>p{font-size: 16px;display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000;}
.food-txt>span{font-size: 16px;color: #000;}
.food-txt>span>strong{font-weight: normal;}
.food-txt>strong{font-weight: 300;font-size: 14px;color: #808080;display: block;}
.food-item-set{display: flex;justify-content: space-between;}
.food-item-set>span{width: calc(100% - 40px);display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;}
.food-item:last-of-type{margin-bottom: 0}


.sp-food{padding: 10px;background-color: #fff;border-radius: 10px;margin-bottom: 10px;}
.sp-food>p{font-weight: 500;font-size: 18px;display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 10px;}
.sp-food>p strong{font-weight: 500}
.sp-food>span{font-weight: normal;}
.sp-food .food-txt>strong{width: 100%;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.food-ea{width: 80px;min-width: 80px;display: flex;}
.food-ea>button{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;transition: 0.3s;border-radius: 5px;}
.food-ea>button:active{background-color: #e6e6e6;}
.food-ea>input{width: 32px;height: 24px;border: 1px solid #3e3e3e;border-radius: 5px;text-align: center;transition: 0.3s;}
.food-ea>input:focus{border-color: #ffb703;}

.reserve-btn{display: flex;width: 100%;;}
.reserve-btn>button{display: flex;align-items: center;justify-content: center;height: 36px;background-color: #e6e6e6;color: #333;border-radius: 10px;font-size: 16px;font-family: 'soyo';font-weight: bold;padding-top: 2.5px;width: 100%;margin-right: 5px;}
.reserve-btn>button.done{width: 60px;min-width: 60px;background-color: #e6e6e6;color: #333;}
.reserve-btn>button:last-of-type{background-color: #ffb703;color: #000;margin-right: 0;}

.sp-part{display: flex;align-items: center;justify-content: center;height: 18px;}
.sp-part>div{width: 6px;height: 6px;border-radius: 100%;margin-right: 10px;background-color: #b2b2b2;}
.sp-part>div:last-of-type{margin-right: 0;}
.sp-part>div.on{background-color: #696969;width: 6px;height: 6px;}

.sel-time{display: flex;align-items: center;margin-bottom: 10px;}
.sel-time>p{font-weight: 500;font-size: 18px;margin-right: 10px;padding-top: 2.5px;}
.sel-time>select{width: 120px;height: 29px;border-radius: 10px;padding-right: 10px;padding-top: 0 !important;font-size: 18px;transition: 0.3s;background-color: #fff !important;text-align: center !important;color: #000 !important;}
.sel-time>select:focus{border-color: #ffb703;}
.remind-item{display: flex;align-items: stretch;margin-bottom: 10px;font-size: 16px;}
.remind-item>p{width: 75px;}
.remind-item>span{width: calc(100% - 55px);font-weight: 300;}
.remind-item>span>strong{font-weight: normal;}
.remind-item:last-of-type>span{color: #eb3205;}
.sel-spot{display: flex;flex-wrap: wrap;padding-bottom: 5px;justify-content: center;}
.sel-spot>button{display: flex;align-items: center;justify-content: center;font-size: 15px;max-width: 66px;height: 32px;width: calc(20% - 4px);margin-right: 5px;margin-bottom: 5px;border-radius: 5px;background-color: #E0E0E0;transition: 0.3s;}
.sel-spot>button:nth-of-type(5n){margin-right: 0;}
.sel-spot>button.on{background-color: #000;color: #fff;font-weight: 500;}
.hair-item>p{font-size: 18px;font-weight: 500;}
.hair-time{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
.hair-time:last-of-type{margin-bottom: 0}
.hair-time>button{width: calc(25% - 3.75px);height: 34px;font-size: 18px;font-weight: 300;padding-top: 1.5px;display: flex;align-items: center;justify-content: center;border: 1px solid #8d8d8d;border-radius: 8px;margin-right: 5px;margin-bottom: 5px;transition: 0.3s;}
.hair-time>button.check{border: 1px solid #000;font-weight: 500}
.hair-time>button:nth-of-type(4n){margin-right: 0;}
.hair-time>button.desable{background-color: #e6e6e6;color: #3e3e3e;pointer-events: none;}
.hair-time>button.on{background-color: #ffb703;;}

.hair-profile{display: flex;;}
.hair-img{width: 65px;height: 65px;display: inline-block;border-radius: 10px;position: relative;min-width: 65px;overflow: hidden;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border: 0px solid transparent;transition: 0.2s;}
.hair-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hair-img>span{padding-top: 2.5px;height: 20px;display: flex;align-items: center;justify-content: center;background-color: #fff;font-size: 15px;font-weight: 400;left: 0;bottom: 0;position: absolute;width: 100%;line-height: 14px;}
.hair-txt{width: 100%;padding-left: 10px;font-size: 13px;}
.hair-info>p{font-size: 14px;font-weight: bold;;}
.hair-info>p>span{margin-left: 14px;font-weight: normal;font-size: 13px;color: #3e3e3e;}
.hair-txt>p:last-of-type>span{color: #eb3205;}
.hair-txt-past>p>span{color: #3e3e3e !important;}


.hair-date{display: flex;font-weight: bold;font-size: 18px;padding-top: 2.5px;;}
.hair-date>span{margin-right: 2.5px;}
.sel-pet{display: block;white-space: nowrap;overflow-y: auto;}
.sel-pet .hair-img{margin-right: 2.5px;}
.sel-pet .hair-img.on{border-color: #ffb703;}
.sel-size{display: flex;margin-bottom: 10px;gap: 10px;justify-content: center;;}
.sel-size>button{height: auto !important;width: 100% !important;max-width: 100px;margin-right: 0px !important;font-size: 15px;display: flex;align-items: center;justify-content: center;border-radius: 5px;background-color: #E0E0E0;transition: 0.3s;padding: 10px 0;}
.sel-size>button.on{background-color: #000;color: #fff;font-weight: 500;}
.sel-size>button:last-of-type{margin-right: 0;}
.sel-size-2>button{height: 26px;max-width: 83px;}
.sel-size-3>button{height: 60px;flex-direction: column;padding: 5px 0 2.5px 0;;}
.sel-size-3>button>p{width: 100%;}
.sel-size-3>button.on>p{border-color: rgba(255, 255, 255, 0.3);}
.sel-size-3>button.check2{border: none !important;background-color: #000;color: #fff}

/* 이용자 메인 */
.profile-img{position: relative;padding-top: 100%;width: 100%;;}
.profile-img>img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.user-info{display: flex;justify-content: space-between;}
.user-name>p{font-size: 18px;color: #000;line-height: 20px;}
.user-name>span{color: #3e3e3e;font-size: 14px;}
.user-name>span>strong{font-weight: normal;}
.user-history{display: flex;}
.uh-item{margin-left: 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;font-weight: 300;}
.uh-item>span{font-size: 15px;}
.uh-item>p{font-size: 15px;}
.user-item{padding: 5px 0;}
.user-item .ci-img{width: 60px;height: 60px;min-width: 60px;}
.user-item .ci-txt{width: calc(100% - 70px);}
.user-item .si-item{margin-bottom: 0px;}
.user-item .si-item>span{font-size: 12px;width: calc(100% - 19px);display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.user-item .ci-txt>span{display: block;width: 100%;font-weight: 300;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 15px;}

/* 파트너 */

.member-date{display: flex;justify-content: right;font-size: 12px;line-height: 12px;}
.member-date>span{font-weight: bold;color: #5da14e;margin-left: 5px;}
.mp-right-partner>button:active svg{color: #88CE69 !important;}
.p-profile-txt{display: flex;align-items: center;justify-content: center;width: 60px;flex-shrink: 0;height: 28px;background-color: #88CE69;color: #000;border-radius: 8px;font-size: 15px;}
.p-profile-set{display: flex;gap: 7px;align-items: center;}
.p-profile-set>input{width: 100%;height: 28px;border-radius: 10px;border: 1px solid #88CE69;padding: 0 5px;font-size: 15px;transition: 0.3s;font-weight: 300;}
.p-profile-set>input:focus{border-color: #88CE69;}
.p-profile-set>p{line-height: 18px;font-size: 18px;flex-shrink: 0;}
.p-info{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.p-info>p{font-size: 18px;font-weight: 500;display: flex;align-items: flex-end;padding-top: 2.5px;}
.p-info>p>span{font-size: 12px;margin-left: 2.5px;padding-bottom: 0.5px;}
.p-info>button{min-width: 24px;display: flex;align-items: center;justify-content: right;font-size: 18px;gap: 8px;}
.p-info>button>svg{width: 20px;height: 20px;}
.p-info>button>p{display: flex;align-items: center;padding-top: 2.5px;}
.p-info>button>p>span{margin: 0 2.5px;}
.p-info>span{font-weight: 300;color: #808080}
.p-info>span strong{font-weight: 300}
.mypage-item .login-btn{height: 40px;font-size: 20px !important;border-radius: 13px;margin-bottom: 5px;}
.store-title-wrap>textarea{width: 100%;height: 42px;min-height: 0 !important;;line-height: 1.2;margin-top: 5px;border-radius: 10px;border: 1px solid #e6e6e6;padding: 5px 10px;font-size: 14px;transition: 0.3s;margin-bottom: -10px;}
.store-title-wrap>textarea:focus{border-color: #88CE69;}
.si-item>span>input{width: 100%;height: 26px;border-radius: 5px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 12px;transition: 0.3s;}
.si-item>span>input:focus{border-color: #88CE69;}
.radio-dot{width: 14px;height: 14px;border: 2px solid #88CE69;border-radius: 100%;margin-bottom: 2.5px;margin-right: 5px;position: relative;}
.radio-dot::after{display: block;width: 6px;height: 6px;border-radius: 100%;background-color: #88CE69;position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);;}

.mypage-item-title{display: flex;align-items: center;padding: 10px 15px;margin-bottom: 7.5px;background-color: #fff;border-radius: 15px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);gap: 8px;}
.mypage-item-title>input{font-size: 15px;height: 32px;width: 100%;border: 1px solid #BCBCBC;border-radius: 10px;padding: 0 10px;transition: 0.3s;font-weight: 300;}
.mypage-item-title>p{font-size: 18px;flex-shrink: 0}
.add-food{display: flex;margin-bottom: 5px;}
.af-img{position: relative;width: 82px;flex-shrink: 0;height: 82px;margin-right: 5px;overflow: hidden;border-radius: 10px;border: 1px solid #88CE69;}
.af-img button{display: flex;width: 20px;height: 20px;position: absolute;right: 0;top: 0;}
.af-img button>img{display: block;width: 100%;height: 100%}
.af-img>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: block;width: 100%;height: 100%;object-fit: cover;;}
.af-img>span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 12px;color: #3e3e3e;width: 100%;text-align: center;;}
.af-img>label{display: flex !important;align-items: center;justify-content: center;width: 100% !important;height: 100% !important;}
.af-img>label>span{font-size: 15px !important;color: #808080 !important;font-weight: 300;}
.af-txt{width: calc(100% - 0px);border: 1px solid #88CE69;border-radius: 10px;overflow: hidden;display: flex;flex-direction: column;}
.af-txt>input{height: 100%;font-size: 16px;padding: 0 7.5px;font-weight: 300;margin-bottom: -0px;display: block;border: 0;border-bottom: 1px solid #BCBCBC;width: 100%;;}
.af-txt>input:last-of-type{border-bottom: 0;font-size: 14px;}
.af-txt>input:focus{}

.sel-store{display: flex;}
.sel-store>button{width: 100%;margin-right: 7.5px;height: 26px;display: flex;align-items: center;justify-content: center;padding: 2.5px 0 0 0;border-radius: 5px;transition: 0.3s;}
.sel-store>button{border: 1px solid #e6e6e6;color: #3e3e3e;}
.sel-store>button.on{background-color: #e6e6e6;}
.sel-store>button:nth-of-type(2){border-color: #90c9e8;color: #000;}
.sel-store>button:nth-of-type(2).on{background-color: #90c9e8;}
.sel-store>button:last-of-type{margin-right: 0;border-color: #ffa9a8;color: #000;}
.sel-store>button:last-of-type.on{background-color: #ffa9a8;}

.sel-pickup{display: flex;}
.sel-pickup>button{display: flex;align-items: center;justify-content: center;border-radius: 5px;width: 60px;height: 26px;background-color: #88CE69;font-size: 12px;margin-right: 5px;min-width: 60px;}
.sel-pickup>input{width: 100%;height: 26px;border-radius: 5px;border: 1px solid #e6e6e6;transition: 0.3s;font-size: 12px;}
.sel-pickup>input:focus{border-color: #88CE69;}

.reserve-list-item{display: flex;;border-radius: 10px;overflow: hidden;background-color: #fff;}
.rli-txt{background-color: #88CE69;align-items: center;width: 65px;min-width: 65px;position: relative;display: flex;flex-direction: column;justify-content: space-between;padding: 10px 5px;}
.rli-txt>span{font-size: 14px;padding: 1.5px 5px 0 5px;background-color: #fff;;border-radius: 100px;font-weight: 300;display: flex;justify-content: center;}
.rli-txt>p{position: absolute;left: 50%;top: calc(50% + 2.5px);transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 16px;}
.rli-txt>p>span{line-height: 16px;font-weight: bold;}
.rli-txt>strong{display: flex;font-size: 12px;font-weight: 300;text-align: center;width: 100%;justify-content: center;color: #3e3e3e;}

.store-reserve-none{display: flex;font-size: 13px;border-radius: 100px;margin-bottom: 10px;background-color: #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);overflow: hidden;}
.store-reserve-none>span{display: flex;align-items: center;justify-content: center;padding: 5px 0 2.5px 0;width: 65px;background-color: #e6e6e6;font-size: 16px;font-weight: 400;}
.store-reserve-none>span.on{background-color: #000;color: #fff;}
.store-reserve-none>p{display: flex;align-items: center;justify-content: center;padding: 5px 0 2.5px 0;width: calc(100% - 65px);color: #3e3e3e;font-size: 15px;font-weight: 300;color: #686868;}

.reserve-list-item .hair-info{padding: 10px;width: calc(100% - 65px);;}
.pet-name{width: 100%;position: relative;align-items: center;}
.pet-name>p{display: flex;justify-content: space-between;font-size: 16px;font-weight: bold;}
.pet-name>p>strong{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.pet-name>span{display: block;font-size: 12px;line-height: 12px;color: #3e3e3e;font-weight: 300;}
.pet-name{margin-bottom: 5px;display: flex;;}
.reserve-list-item .hair-txt>p{font-size: 15px;color: #000 !important;}
.reserve-list-item .hair-txt>p strong{font-weight: 300}
.reserve-list-item .hair-txt>p>span{color: #000 !important;}
.reserve-list-item .hair-txt>p:last-of-type>strong{color: #eb3205 !important;}

.sel-reserve{display: flex;margin-top: 15px;}
.sel-reserve>button{display: flex;align-items: center;justify-content: center;height: 29px;width: 100%;margin-right: 10px;border-radius: 8px;background-color: #e6e6e6;font-size: 15px;padding-top: 2.5px;}
.sel-reserve>button:last-of-type{margin-right: 0;}
.sel-reserve>button.desable{color: #3e3e3e;pointer-events: none;}
.sel-reserve>button.sable{color: #000;background-color: #88CE69;}
.sel-reserve>button:first-of-type{background-color: rgba(235, 51, 5, 0.2);color: #eb3205;}

.pick-sel-date{display: flex;justify-content: space-between;}
.psd-item{display: flex;align-items: center;}
.psd-item>p{font-size: 13px;margin-right: 5px;}

.psd-item>span>input{width: 110px;border-radius: 5px;height: 26px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 13px;letter-spacing: -1px;}
.psd-item>span>select{width: 80px;border-radius: 5px;height: 26px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 13px;letter-spacing: -1.5px;}

.reserver-info{display: flex;align-items: center;margin-bottom: 5px;}
.reserver-info:last-of-type{margin-bottom: 0;}
.reserver-info>p{font-size: 13px;width: 36px;;min-width: 36px;}
.ri-input{display: flex;width: calc(100% - 36px);;}
.ri-input input{width: 100%;border-radius: 5px;height: 26px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 13px;letter-spacing: -1px;margin-right: 5px;}
.ri-input select{width: 100%;border-radius: 5px;height: 26px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 13px;letter-spacing: -1.5px;margin-right: 5px;}
.ri-input input:last-of-type,
.ri-input select:last-of-type{margin-right: 0;}
.pet-type-edit>select:nth-of-type(2){width: 65px !important;min-width: 65px !important;}
.pet-type-edit>select:nth-of-type(3){width: 80px !important;min-width: 80px !important;}
.add-item{display: flex;align-items: center;justify-content: center;width: 32px;height: 26px;background-color: #000;border-radius: 7.5px;;}
.add-item>svg{color: #ffff;width: 24px !important;height: 24px !important;;}

.added-item{display: flex;align-items: center;margin-bottom: 5px;}
.added-item:last-of-type{margin-bottom: 0;}
.added-item .ri-input{width: calc(100% - 16.5px);}
.added-item>span{font-size: 14px;line-height: 14px;padding-top: 2.5px;margin-right: 2.5px;}
.added-item .ri-input>select:nth-of-type(1){}
.added-item .ri-input>select:nth-of-type(2){width: 50px;min-width: 50px;margin-right: 5px;}
.added-item .ri-input>label{width: 80px;min-width: 80px;position: relative;}
.added-item .ri-input>label>input{text-align: right;padding-right: 20px;}
.added-item .ri-input>label>span{position: absolute;top: 50%;transform: translateY(-50%);right: 5px;font-size: 13px;}

/* 회원 관리 */
.search-user{margin-bottom: 10px;border-radius: 100px;width: 100%;background-color: #fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);height: 32px;position: relative;}
.search-user>input{width: 100%;height: 100%;border-radius: 100px;text-align: center;font-size: 13px;border: 0;}
.search-user>button{width: 32px;height: 32px;border-radius: 100%;position: absolute;right: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.search-user>button>svg{width: 14px;height: 14px;}
.uh-count{display: flex;justify-content: right;margin-bottom: 5px;}
.uh-count>span{font-size: 12px;padding: 1.5px 10px 0 10px;border: 1px solid #e6e6e6;border-radius: 100px;margin-left: 5px;line-height: 14px;}
.uh-count>span>strong{font-weight: normal;}

.uh-info{display: flex;}
.uh-img{width: 70px;height: 70px;border-radius: 10px;overflow: hidden;min-width: 70px;}
.uh-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.uh-txt{width: calc(100% - 70px);padding-left: 5px;}
.uh-name{display: flex;font-size: 13px;}
.uh-name>span>strong{font-weight: normal;}
.uh-name>p{font-size: 14px;margin-left: 2.5px;}
.favo-btn-user{margin-top: 2.5px;margin-left: 2.5px;}
.uh-txt>span{font-size: 13px;line-height: 14px;}
.uh-txt>span>strong{font-weight: normal;}
.uh-sub>p{display: flex;font-size: 12px;align-items: center;}
.uh-sub>p>svg{width: 13px;height: 13px;margin-bottom: 2.5px;color: #3e3e3e;}
.uh-sub>p>span{font-size: 12px;}
.uh-sub>p>span.no-data{color: #3e3e3e;}

.mi-partner .history-date{background-color: #88CE69;}
.mi-partner .history-item::after{background-color: #88CE69;}
.mi-partner .history-item::before{border-color: #88CE69;}

.history-more-eye>svg{position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #333;transition: 0.3s;}
.history-more-eye>svg:last-of-type{opacity: 0;color: #3e3e3e;}
.history-more-eye.on>svg:first-of-type{opacity: 0;}
.history-more-eye.on>svg:last-of-type{opacity: 1;}

.set-price{display: flex;align-items: center;margin-bottom: 10px;gap: 5px;}
.toggle-dot{border-radius: 100%;width: 14px;height: 14px;border: 1px solid #88CE69;position: relative;transition: 0.3s;flex-shrink: 0;}
.toggle-dot::after{position: absolute;left: 50%;top: 50%;display: block;content: '';width: 100%;height: 100%;background-color: #88CE69;border-radius: 100%;transform: translate(-50%, -50%) scale(0);transition: 0.2s;}
.toggle-dot.on{opacity: 1;}
.toggle-dot.on::after{transform: translate(-50%, -50%) scale(1);}
.set-price>input{width: 100%;height: 28px;border-radius: 10px;border: 1px solid #e6e6e6;padding: 0 10px;font-size: 14px;font-weight: 300;transition: 0.3s;}
.set-price>input:focus{border-color: #88CE69;}
.set-price>input.title{width: 92px;flex-shrink: 0}

.price-wrap>ul>li>input{width: 100%;height: 27px;border: 0;background-color: transparent;font-size: 14px;text-align: center;}
.price-wrap>ul>li>select{width: 100%;height: 27px;border: 0;background-color: transparent;font-size: 14px;text-align: center;}

.sp-item-2-wrap-partner>button>svg{color: #000;transition: 0.3s;}
.sp-item-2-wrap-partner>button:active{background-color: rgba(115, 198, 97, 0.2);color: #88CE69;}
.sp-item-2-wrap-partner>button:active>svg{color: #88CE69;}
.sp-item-2-wrap-partner>button:first-of-type:active{background-color: rgba(115, 198, 97, 0.2);color: #88CE69;}

.write-info{margin-bottom: 10px;display: flex;align-items: center;}
.write-info:last-of-type{margin-bottom: 0;}
.write-info>p{display: flex;font-size: 13px;width: 70px;align-items: center;padding-top: 2.5px;}
.write-info>p>svg{width: 16px;height: 16px;margin-right: 5px;color: #000;}
.write-info>input{width: calc(100% - 70px);height: 26px;border-radius: 5px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 13px;transition: 0.3s;}
.write-info>input:focus{border-color: #88CE69;}


/* 게시글 */
.post-menu-on{position: absolute !important;right: 15px;top: 50%;transform: translateY(-50%);width: 20px !important;height: 20px;;}
.post-menu-on>img{width: 100% !important;display: block;height: auto;}
.post-slide{width: 100%;margin-bottom: 15px;}
.post-slide>img{display: block;width: 100%;}
.post-wrap{padding: 0 20px;background-color: #fff;padding-bottom: 15px;margin-bottom: 5px;}
.post-txt{font-size: 15px;margin-bottom: 10px;padding-top: 15px;font-weight: 300;}

.post-wrap .chat-profile{padding: 0;border: 0;padding-top: 10px;align-items: flex-start;}
.post-wrap .cp-left{align-items: flex-start;}
.comment-date{display: flex;min-width: 60px;justify-content: right;align-items: center;position: absolute;right: 0;top: 0;}
.comment-date>span{font-size: 12px;color: #787878;padding-top: 2.5px;}
.comment-date>span>strong{font-weight: 300;}
.comment-date>button{width: 20px;height: 20px;margin-left: 2.5px;display: flex;align-items: center;justify-content: center;}
.comment-date>button>svg{width: 14px;height: 14px;color: #606060}
.post-wrap .chat-profile .cp-txt{position: relative;}
.recomment{padding-left: 30px !important;}
.comment{font-size: 14px;font-weight: 300;}
.repost{font-size: 12px;color: #787878;height: auto !important;width: auto !important;margin: 0;padding: 0;font-weight: 300;}
#sp1_list{max-height: 500px;overflow-y: auto;}
.sp-btn-inner{display: flex;align-items: center;gap: 5px;margin-top: 10px;width: 100%;}
.sp-btn{display: flex;align-items: center;justify-content: center;font-size: 22px;width: 100%;height: 49px;border-radius: 12px;background-color: #FFB703;color: #000;font-family: 'soyo';font-weight: 500;line-height: 49px;}
.sp-btn.sub{background-color: #D9D9D9}

.sub-price-title{margin-bottom: 5px;display: flex;align-items: flex-end;gap: 5px;}
.sub-price-title>p{font-size: 16px;}
.sub-price-title>span{font-size: 14px;color: #808080;font-size: 300;}
@media (max-width: 360px) {
    .reserver-info{flex-wrap: wrap;}
    .reserver-info>p{width: 100% !important;}
    .ri-input{width: 100% !important;}
}
@media (max-width: 337px) {
    .sel-size-3>button{font-size: 12px;}
}
@media (max-width: 333px) {
    .sel-spot>button{font-size: 12px;}
}
@media (max-width: 330px) {
    .pet-type-edit>select:nth-of-type(1){font-size: 12px !important;}
    .mp-right>button{padding: 0 2.5px;}
    .mp-icon{width: 20px;height: 20px;}
    .price-wrap li{font-size: 10px;}
    .price-wrap>ul>li>input{font-size: 10px;}
    .price-wrap>ul>li>select{font-size: 10px;}
    .store-info>p>span{font-size: 11px;}
}
.direct-wrap-2{display: none;}

.ci-inner{display: flex;width: 100%;height: 100%;padding: 10px 20px;}
.community-wrap{height: 100%;overflow-y: auto;}
.favo-btn{margin-left: 0}

@media (max-width: 390px) {
    .ci-txt>span{font-size: 14px;}
    .ci-name>span{font-size: 12px;}
    .ci-img{width: 85px;height: 85px;min-width: 85px;}
    .ci-date>span{font-size: 12px;}
        .chat-txt-title>p{font-size: 16px;}
    .chat-txt-sub>span{font-size: 14px;}
    .chat-txt-title>p>span{font-size: 12px}
    .chat-txt-title>span{font-size: 12px;transform: translateY(1.5px);}
}



#profile_img2{display: block !important;width: 20px !important;height: 20px !important;object-fit: inherit !important;}
#profile_image{width: 100%;height: 100%;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.ac-dual-right>label{position: relative}

.add-account{display: flex;flex-direction: column;gap: 2.5px;width: 100%;border-radius: 15px;padding: 15px 0 10px 0;margin-bottom: 10px;background-color: #FFB703;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);}
.add-account>p{font-size: 20px;color: #000;font-family: 'soyo';font-weight: 500;width: 100%;display: block;}
.add-account>span{font-size: 16px;color: #000;width: 100%;display: block;}

.sp-1,
.sp-2,
.sp-3{top: auto;bottom: 0;padding: 18px 18px 36px 18px;transform: translateY(50%);border-radius: 20px 20px 0 0;}
.sp-1-1,
.sp-1-2,
.sp-1-3,
.sp-1-4,
.sp-1-5{top: auto;bottom: 0;padding: 18px 18px 36px 18px;transform: translateY(50%);border-radius: 20px 20px 0 0;}
.sp-1::before,
.sp-2::before,
.sp-3::before{bottom: auto;top: 8px;}

.hair-time>button.disabled { background-color: #E0E0E0 !important; color: #A0A0A0 !important; pointer-events: none; }

.calendar-txt{width: calc(100% - 0px);display: flex;align-items: center;justify-content: center;border-radius: 5px;height: 19px;font-size: 12px;padding-top: 2.5px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 5px;}
		.calendar-txt.ct-1{background-color: #e6e6e6;color: #000;}/* 휴무 */
		.calendar-txt.ct-2{background-color: #90c9e8;color: #000;}/* 이벤트 */
		.calendar-txt.ct-3{background-color: #ffa9a8;color: #000;}/* 마감 */
		
.setting-type{display: flex;flex-wrap: wrap;width: 100%;gap: 10px;margin-top: 15px;}
.st-item{width: calc(50% - 5px);display: flex;flex-direction: column;gap: 4px;margin-bottom: 5px;}
.st-item>button{display: flex;align-items: center;justify-content: center;border-radius: 15px;border: 3.5px solid transparent;font-size: 18px;font-weight: 500;height: 50px;transition: 0.2s;}
.st-item>span{font-size: 14px;font-weight: 300;color: #808080;text-align: center;}
.setting-type>span{display: block;width: 100%;font-size: 13px;font-weight: 300;color: #808080}


.st-item:nth-of-type(1)>button{border-color: #484BCE}
.st-item:nth-of-type(2)>button{border-color: #E0E0E0}
.st-item:nth-of-type(3)>button{border-color: #8ECAE6}
.st-item:nth-of-type(4)>button{border-color: #FAA9A4}

.st-item:nth-of-type(1)>button.on{background-color: #484BCE;color: #fff;}
.st-item:nth-of-type(2)>button.on{background-color: #E0E0E0}
.st-item:nth-of-type(3)>button.on{background-color: #8ECAE6}
.st-item:nth-of-type(4)>button.on{background-color: #FAA9A4}

.heart-toggle{position: relative}
.heart-toggle img{position: absolute;left: 50%;top: 50%;transition: 0.2s;transform: translate(-50%, -50%);}
.heart-toggle img:last-of-type{opacity: 0}
.heart-toggle.on img:last-of-type{opacity: 1}
.heart-toggle.on img:first-of-type{opacity: 0}

.report-img{width: 25px !important;transform: translateX(2px)}

.si-item>img{height: 13px;display: block;width: auto}
.si-item{align-items: center;}
.si-item span{font-weight: 300}
.leaflet-pane>img{width: auto !important;}


.partner-reservation-header>p{font-size: 18px !important}
.partner-reservation-header>button>p{font-size: 18px !important}
.partner-reservation-card{padding: 10px 15px !important}
/* 마이페이지 바로가기 */
/*복사용
88CE69
a9dbf4
eaeaea
.bottom-community .on-img{opacity: 1;}
.bottom-community .non-img{opacity: 0;}

.bottom-place .on-img{opacity: 1;}
.bottom-place .non-img{opacity: 0;}

.bottom-nego .on-img{opacity: 1;}
.bottom-nego .non-img{opacity: 0;}

.bottom-chat .on-img{opacity: 1;}
.bottom-chat .non-img{opacity: 0;}

.bottom-my .on-img{opacity: 1;}
.bottom-my .non-img{opacity: 0;}

*/

#store-history-panel-content .history-item{padding-left: 24px;padding-bottom: 15px;}
#store-history-panel-content .history-item::after{left: 10.5px}
#store-history-panel-content .history-item::before{left: 8px}
.store-history-live-panel{padding-left: 14px;padding-right: 12px}

.calendar-txt{max-width: 46px !important;border-radius: 4px !important;width: 100%;height: 19px !important;font-size: 12px !important;font-weight: 300}
.reselve-wrap .store-info{padding-left: 16px !important}

#menu1_list .food-item{padding: 5px;border: 1px solid #e0e0e0;border-radius: 10px;margin-bottom: 6px;transition: 0.2s;}
#menu2_list .food-item{padding: 5px;border: 1px solid #e0e0e0;border-radius: 10px;margin-bottom: 6px;transition: 0.2s;}
#menu3_list .food-item{padding: 5px;border: 1px solid #e0e0e0;border-radius: 10px;margin-bottom: 6px;transition: 0.2s;}
.sp-food .food-item{padding: 5px;border: 1px solid #e0e0e0;border-radius: 10px;margin-bottom: 8px;transition: 0.2s;}
.food-item.check{border-color: #FFB703 !important;background-color: rgba(255, 184, 3, 0.2)}
.sp-food .food-item{position: relative}
.food-ea{position: absolute;top: 32px;border: 1px solid #000;border-radius: 6px;right: 10px;padding: 0 6px;width: auto;display: flex;align-items: center;}
.food-ea input{border: none;background-color: transparent;height: 26px;font-size: 16px;}
.food-ea>button{font-size: 20px}
.sp-inner .bottom-nav{background-color: transparent !important}
#calendar1 .day.on{border: none !important;background-color: transparent !important;}
.sp-inner .dates .day.on::after{opacity: 1}
.food-reservation-category.is-empty{display: none;}


#calendar1 .day.today, #calendar2 .day.today{border: none !important;}
.disabled,
.closed-day,
.public-holiday{opacity: 1 !important;color: #d8d8d8;pointer-events: none;font-weight: 300;}
#sp3_reservation_date{display: none !important}
.reservation-menu-line{display: block}


.quick-review-title p{font-size: 18px !important;font-weight: 500}
.quick-review-panel{padding: 15px !important}
.quick-review-panel textarea{font-size: 15px !important;font-weight: 300 !important;padding: 10px !important;}
.quick-review-count{font-size: 12px !important;font-weight: 300 !important;color: #bcbcbc !important;height: auto !important;margin-top: 5px;margin-bottom: 15px;}
.quick-review-buttons button{height: 49px !important;font-size: 22px !important;font-family: 'soyo';border-radius: 12px !important;padding: 0 !important;display: flex;line-height: 49px !important;align-items: center;justify-content: center;}


.friend-wrap{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 auto;max-width: 370px;}
.friend-item{width: calc(50% - 4px);background-color: #fff;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);border-radius: 15px;overflow: hidden;margin: 0 !important;}
.f-img{width: 100%;height: 139px;}
.f-img img{display: block;width: 100%;height: 100%;object-fit: cover}
.friend-item .user-name{padding: 5px 10px}
.friend-item .user-name>p{width: 100%;display: flex;justify-content: space-between}
.friend-item .user-name img{display: block;height: 20px;width: auto}