/* 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/KoPubWorld-Dotum_Pro-Light.woff');
}
@font-face {
    font-weight: 400;
    font-family: 'kopub';
    src: url('/resources/assets/font/KoPubWorld-Dotum_Pro-Medium.woff');
}
@font-face {
    font-weight: 500;
    font-family: 'kopub';
    src: url('/resources/assets/font/KoPubWorld-Dotum_Pro-Bold.woff');
}

/* 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;}
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;}
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;}
.login-title{font-size: 32px;font-weight: 450;}
.login-title-2{font-size: 22px;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;bottom: 34px;width: 100%;left: 0;padding: 0 0px;}
.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:hover>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: #666;transition: 0.3s;font-size: 20px;color: #000;font-family: 'kopub';}
.top-bottom>div>a:hover{color: #ffb703;}
.login-section input{height: 52px;border-radius: 15px;border: 1px solid #666;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 #666;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:hover{background-color: #ffb703;color: #fff;border-color: #ffb703;}

.login-bottom-wrap{position: absolute;bottom: 30px;width: calc(100% - 30px);}
.login-sub{font-size: 14px;display: block;color: #666;margin-bottom: 10px;}
.select-account-wrap{border-bottom: 1px solid #e6e6e6;margin-bottom: 15px;}
.select-account-item{display: flex;align-items: center;border-radius: 10px;border: 1px solid #999;padding: 10px;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 #999;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: 14px;font-weight: 500;transition: 0.3s;}
.check-txt>span{font-size: 12px;color: #666;}
.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>button{display: flex;align-items: center;width: 100%;height: 40px;border-radius: 10px;border: 1px solid #999;padding: 0 10px;padding-top: 2.5px;transition: 0.3s;}
.agree-wrap>button:hover{border-color: #ffb703;}
.agree-wrap>button>i{font-size: 18px;margin-right: 10px;color: #999;}
.agree-wrap>button.agree{border-color: #ffb703;color: #000;}
.agree-wrap>button.agree>i{color: #ffb703;}
.agree-wrap>button{font-size: 14px;font-weight: 500;color: #333;}

.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);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:hover>i{transform: translateX(-5px);color: #ffb703;}
.popup-title>p{font-size: 16px;font-weight: 500;}
.popup-bottom>button{height: 40px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 400;width: 100%;border-radius: 15px;background-color: #ffb703;color: #fff;}
.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;}
.add-account-item{margin-bottom: 10px;border-radius: 10px;padding: 10px;background-color: #fff;}
.add-account-item input{width: 100%;height: 36px;border-radius: 10px;border: 1px solid #666;padding: 0 10px;font-size: 14px;transition: 0.3s;}
.add-account-item input:focus{border-color: #ffb703;}
.add-account-item select{width: 100%;height: 36px;border-radius: 10px;border: 1px solid #666;padding: 0 10px;font-size: 14px;transition: 0.3s;}
.add-account-item select:focus{border-color: #ffb703;}

.ac-input-wrap{display: flex;align-items: center;margin-bottom: 5px;}
.ac-input-wrap:last-of-type{margin-bottom: 0;}
.ac-input-wrap>p{font-size: 14px;font-family: 'soyo';width: 60px;}
.add-input{width: calc(100% - 60px);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: 14px;margin-bottom: 5px;}
.sel-rocation:nth-of-type(2n){margin-right: 0;}
.sel-rocation i{color: #fff;font-size: 12px;}
.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 #666;border-radius: 10px;height: 36px;display: flex;align-items: center;justify-content: center;transition: 0.3s;font-size: 12px;}
.sel-roca-btn:hover{background-color: #000;color: #fff;}

.ac-input-wrap-pet{margin-bottom: 10px;}
.ac-input-wrap-pet>p{width: 90px;}
.ac-input-wrap-pet .add-input{width: calc(100% - 90px);display: block;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.ac-input-wrap-pet .add-input>button{width: calc(16.6666% - 4.1666px);border: 1px solid #666;transition: 0.3s;border-radius: 7.5px;height: 26px;margin-right: 0px;display: inline-block;line-height: 24px;font-size: 14px;}
.ac-input-wrap-pet .add-input>button:last-of-type{margin-right: 0;}
.ac-input-wrap-pet .add-input>button:hover{background-color: #000;color: #fff;border-color: #666;}
.ac-input-wrap-pet .add-input>button.on{background-color: #000;border-color: #000;color: #ffff;}
.add-pet{background-color: #ffb703;}
.add-pet>i{font-size: 10px;}
.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 #666;background-color: #fff;display: flex;align-items: center;justify-content: center;height: 36px;font-size: 14px;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 #666;background-color: #fff;display: flex;align-items: center;justify-content: center;height: 36px;font-size: 14px;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;}
.add-account-form::after{position: fixed;bottom: 125px;left: 50%;transform: translateX(-50%);height: 15px;display: block;content: '';width: 100%;background: linear-gradient(to top, #f7f7f7, transparent);z-index: 2;}

.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 #666;width: 100%;height: 100%;transition: 0.3s;}
.ac-dual-right>button:hover{background-color: #000;border-color: #000;color: #fff;}
.add-input>label{position: relative;}
.add-input>label>span{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 14px;color: #666;}

.top-nav{height: 82px;display: flex;align-items: flex-end;justify-content: space-between;padding: 32px 20px 0px 20px;}
.main{height: calc(100% - 168px);overflow-y: auto;overflow-x: hidden;position: relative;}
.bottom-nav{display: flex;border-top: 1px solid #e6e6e6;height: 84px;background-color: #fff;border-top: 1px solid #eee;}
.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:hover .bottom-img-wrap .on-img{opacity: 1;}
.bottom-nav>a:hover .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: 2;pointer-events: none;opacity: 0;transition: 0.3s;}
.select-bg.on{opacity: 1;pointer-events: inherit;}
.sp-inner{position: fixed;bottom: 0;left: 0;width: 100%;border-radius: 15px 15px 0 0;max-height: 40%;background-color: #fff;padding: 30px 0;overflow-y: auto;overflow-x: hidden;transform: translateY(50%);transition: 0.3s 0.1s;opacity: 0;pointer-events: none;z-index: 3;}
.sp-inner.on{transform: translateY(0);opacity: 1;pointer-events: inherit;}
.sp-inner::before{position: absolute;left: 50%;transform: translateX(-50%);height: 5px;width: 40px;border-radius: 100px;background-color: #e6e6e6;top: 7.5px;display: block;content: '';;}
.sp-inner::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.2), transparent);;}
.spa-item:first-of-type{margin-top: 15px;}
.sp-item{height: 32px;width: 100%;display: flex;align-items: center;font-size: 14px;font-weight: 500;transition: 0.1s;padding: 0 15px;}
.sp-item:hover{background-color: #f7f7f7;color: #ffb703;}

.top-title{font-size: 26px;font-family: 'soyo';font-weight: 450;}
.top-select{display: flex;align-items: center;font-size: 14px;font-weight: 500;}
.top-select>svg{margin-left: 2.5px;font-weight: bold;}

.center-btn{position: fixed;bottom: 100px;left: 50%;transform: translateX(-50%);background-color: #fff;z-index: 2;border-radius: 100px;padding: 0 20px;height: 36px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);border: 1px solid #e6e6e6;transition: 0.3s;display: flex;align-items: center;justify-content: center;font-size: 16px;padding-top: 2.5px;}
.center-btn>svg{width: 18px;height: 18px;margin-top: 2.5px;margin-right: 7.5px;transform: translateY(-2.5px);}
.center-btn:hover{background-color: #ffb703;color: #fff;border-color: #ffb703;}


/* 커뮤니티 */
.community-item{display: flex;padding: 10px 15px;background-color: #fff;}
.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% - 55px);text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #666;line-height: 20px;}
.ci-title{margin-bottom: 0px;display: flex;justify-content: space-between;}
.ci-name{display: flex;align-items: flex-end;}
.ci-name>p{font-size: 18px;}
.ci-name>span{font-size: 14px;color: #000;margin-left: 5px;transform: translateY(-2px);}
.ci-name>span>strong{font-weight: normal;color: #000;}
.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: 10px;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>svg:hover{color: #ffb703;}
.ci-btn>button>span{color: #333;font-weight: 400;margin-left: 5px;}
.ci-btn>button .favo-on{opacity: 0;}
.ci-btn>button.on .favo-on{opacity: 1;}
.ci-btn>button.on .favo-off{opacity: 0;}
.favo-on{color: #ffb703;}
.ci-btn>button>svg{transition: 0.3s;}

.favo-btn .favo-on{opacity: 0;}
.favo-btn.on .favo-on{opacity: 1;}
.favo-btn.on .favo-off{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>svg:hover{color: #ffb703;}
.favo-btn-user>span{color: #999;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-on{color: #ffb703;}
.favo-btn-user>svg{transition: 0.3s;}

.ci-date>span{font-size: 12px;color: #666;}
.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:hover{color: #ffb703;}
.store-favo>span{color: #999;font-weight: 400;}
.favo-btn .favo-on{opacity: 0;}
.favo-btn.on .favo-on{opacity: 1;}
.favo-btn.on .favo-off{opacity: 0;}
.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>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: 54px;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: #666;transition: 0.3s;line-height: 15px;white-space: nowrap;}
.marker-item{width: 24px;}
.marker-item>button{display: block;width: 100%;transition: 0.3s;}
.marker-item>button:hover{transform: scale(1.2);}
.marker-item>button>img{display: block;width: 100%;}

.marker-item:hover .marker-txt>span{color: #fff;}
.marker-item:hover .marker-txt{background-color: #000 !important;border-color: #000;color: #fff;}
.marker-item.on>button{transform: scale(1.2);}
.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: #999;}
.marker-item.desable .marker-txt>span{color: #999;}
.marker-item.desable>button{opacity: 0.6;}

.map-info-popup{position: absolute;bottom: -184px;left: 0;width: 100%;padding: 20px 15px 15px 15px;z-index: 100;border-radius: 15px 15px 0 0;z-index: 1;background-color: #fff;transition: 0.3s;}
.map-info-popup.on{bottom: 0;}
.mi-inner{padding: 15px;background-color: #fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);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;}
.mi-title>p>span{font-size: 15px;color: #666;margin-left: 5px;}
.mi-title>span{display: flex;align-items: center;justify-content: center;font-size: 15px;height: 24px;font-weight: 500;background-color: #000;border-radius: 100px;padding: 0px 15px;color: #fff;padding-top: 2.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: #666;}
.mi-event{position: relative;width: 100%;display: flex;justify-content: center;align-items: center;background-color: #eeeeee;;border-radius: 10px;padding: 2.5px 0 0px 0;}
.mi-event>p{font-size: 14px;}
.mi-event>span{font-size: 12px;color: #666;}
.mi-event>button{position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;;}
.mi-event>button>svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;transition: 0.3s;}
.mi-event>button .store-favo-off{color: #999;opacity: 1;}
.mi-event>button .store-favo-on{color: #ffb703;opacity: 0;}
.mi-event>button.on .store-favo-on{opacity: 1;}
.mi-event>button.on .store-favo-off{opacity: 0;}

.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 .store-favo-off{color: #666;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;}

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

.mi-btn{position: absolute;top: -15px;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;}

.map-center{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 100%;background-color: #fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);position: absolute;right: 15px;bottom: 0;transition: 0.3s;}
.map-center>svg{width: 20px;height: 20px;}
.map-center:hover{background-color: #ffb703;color: #fff;}

.map-index-wrap{padding: 0 20px;}
.map-index-wrap .mi-inner{opacity: 1;margin-bottom: 10px;}
.mi-title .close{background-color: #e6e6e6;color: #555;}

/* 네고멍 */
.nego-wrap{padding: 0 15px;width: 100%;;}
.event-data{display: flex;font-size: 14px;color: #000;padding-bottom: 7.5px;}
.event-data strong{font-weight: 500;}
.nego-item{margin-bottom: 10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);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: 32px;height: 32px;border-radius: 100%;background-color: #fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);transition: 0.3s;}
.right-btn>svg{width: 24px;height: 24px;transition: 0.3s;}
.page-up:hover{background-color: #000;}
.page-up:hover>svg{transform: translateY(-2.5px);color: #fff;}

/* 채팅 */
.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: 10px;align-items: flex-start;}
.chat-txt-title>p{font-size: 14px;font-weight: 400;color: #000;}
.chat-txt-title>p>span{font-size: 12px;color: #666;margin-left: 5px;}
.chat-txt-title>p>span>strong{font-weight: normal;}
.chat-txt-title>span{font-size: 12px;color: #999;padding-top: 2px;}
.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: 13px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;}
.chat-count{display: flex;align-items: center;justify-content: center;width: auto;font-size: 10px;height: 20px;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>p{display: flex;}
.chat-main{height: 100%;background-color: #fff;}
.chat-profile{display: flex;align-items: center;justify-content: space-between;padding: 5px 15px;border-bottom: 1px solid #e6e6e6;background-color: #fff;position: relative;}
.cp-img{width: 32px;height: 32px;overflow: hidden;border-radius: 5px;margin-right: 5px;min-width: 32px;}
.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: flex-end;}
.cp-txt>p{font-size: 14px;margin-right: 2.5px;}
.cp-txt>span{font-size: 12px;color: #999;}
.cp-txt>span>strong{font-weight: normal;}
.chat-profile button{position: relative;width: 20px;height: 20px;}
.chat-profile button>svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.3s;width: 20px;height: 20px;;}
.chat-profile .store-favo-off{color: #999;}
.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-area{height: calc(100% - 43px);padding: 10px 15px;}
.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: 60px;padding: 0 15px;background-color: #fff;}
.chat-input{height: 32px;border: 1px solid #ffb703;display: flex;border-radius: 10px;overflow: hidden;}
.chat-input>button{display: flex;align-items: center;justify-content: center;width: 32px;border-radius: 10px;transition: 0.3s;padding-top: 2px;background-color: transparent;}
.chat-input>button>svg{width: 16px;height: 16px;color: #666;transition: 0.3s}
.chat-input>button:hover{background-color: rgba(255, 184, 3, 0.1);}
.chat-input>button:hover>svg{color: #ffb703;}
.chat-input>input{width: calc(100% - 64px);border: 0;padding: 0 10px;}
.chat-date{font-size:12px;display: flex;justify-content: center;margin-bottom: 10px;color: #666;}
.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: 5px 10px;font-size: 13px;max-width: 70%;border-radius: 10px;}
.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: 10px;color: #666;margin: 0 5px;}

/* 마이페이지 */
.mypage-wrap{padding: 0 15px}
.mypage-item{padding: 10px 15px;margin-bottom: 7.5px;background-color: #fff;border-radius: 10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.mypage-item:first-of-type{padding: 15px;}
.mypage-item>p{margin-bottom: 5px;font-size: 16px;font-weight: 500;}
.mypage-item>input{font-size: 13px;height: 32px;width: 100%;border: 1px solid #e6e6e6;border-radius: 5px;padding: 0 10px;transition: 0.3s;}
.mypage-item>textarea{font-size: 13px;height: 32px;width: 100%;border: 1px solid #e6e6e6;border-radius: 5px;height: 100px;padding: 0 10px;transition: 0.3s;margin-bottom: -7.5px;}
.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: 16px;font-weight: 500;}
.mp-txt>span{display: block;font-size: 13px;color: #666;}
.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: 12px;color: #666;}
.mp-icon{width: 24px;height: 24px;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-right>button:hover{transform: scale(0.96);background-color: #f7f7f7}
.mp-right>button:hover .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: 14px;font-weight: bold;transition: 0.3s;}
.direct-wrap>button>p{font-size: 13px;}
.direct-wrap>button:hover{background-color: #f7f7f7;transform: scale(0.96);}
.direct-wrap>button:hover>span{color: #ffb703;}
.toggle-btn{height: 20px;border-radius: 100px;width: 40px;position: relative;background-color: #e6e6e6;transition: 0.3s;}
.toggle-btn.on{background-color: #ffb703;}
.toggle-inner{position: absolute;height: 16px;width: 16px;border-radius: 100%;background-color: #fff;left: 2px;top: 50%;transform: translateY(-50%);transition: 0.3s;}
.toggle-btn.on .toggle-inner{left: calc(100% - 18px)}
.mypage-button{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;flex-wrap: wrap;width: 100%;;}
.mypage-button>p{font-size: 14px;}
.mypage-button:last-of-type{margin-bottom: 0;}
.mypage-button>span{display: block;width: 100%;font-size: 12px;padding: 0 5px;color: #666;}
.company-info{padding-bottom: 20px;padding-left: 10px;}
.company-info>p{font-size: 12px;color: #666;font-weight: bold;margin-bottom: 10px;}
.company-info>span{font-size: 11px;display: block;color: #666;}
.mi-list-btn{display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.mi-list-btn>button{display: flex;align-items: center;justify-content: center;padding: 2.5px 15px 0 15px;border: 1px solid #e6e6e6;border-radius: 100px;font-size: 13px;}
.mi-list-btn>button>svg{margin-left: 2.5px;display: block;width: 16px;height: 16px;transition: 0.3s;color: #666;}
.mi-list-btn>button.on>svg{transform: rotate(180deg);}
.mil-item{padding: 5px 10px;background-color: #e6e6e6;border-radius: 10px;margin-bottom: 5px;}
.mil-item:last-of-type{margin-bottom: 0;}
.mil-count{display: flex;margin-bottom: 5px;}
.mil-count>p{display: flex;padding: 2.5px 10px 0 10px;background-color: #ffb703;border-radius: 100px;font-size: 12px;}
.mil-count>p>span{font-weight: bold;margin-left: 2.5px;}
.mi-list{display: none;margin-top: 10px;}
.mil-title{display: flex;justify-content: space-between;font-size: 13px;}
.mil-txt{font-size: 13px;color: #666;}
.dual-tab{display: flex;padding: 5px;border-radius: 10px;background-color: #e6e6e6;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: 32px;border-radius: 10px;display: flex;align-items: center;justify-content: center;width: 50%;padding-top: 3px;position: relative;z-index: 2;color: #666;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: #999;}


/* 차단 설정 */
.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: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.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: #666;line-height: 14px;}

/* 공지사항 */
.notice-item{background-color: #fff;border-bottom: 1px solid #e6e6e6;padding: 15px;}
.notice-item>span{font-size: 13px;color: #666;display: flex;justify-content: space-between;}
.notice-item>span
.notice-item>p{font-size: 14px;}
.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: 1px solid #e6e6e6;font-size: 13px;}

/* 문의 */
.notice-item>span>strong{font-size: 10px;padding: 2.5px 5px 0 5px;border-radius: 100px;}
.qna-n{color: #eb3205;background-color: rgba(235, 51, 5, 0.1);}
.qna-y{color: green;background-color: rgba(0, 128, 0, 0.1);}
.qna-a{margin-top: 15px;padding-top: 15px;border-top: 1px solid #e6e6e6;}

.qna-a>p{font-size: 14px;font-weight: bold;display: flex;justify-content: space-between;margin-bottom: 15px;}
.qna-a>p>span{font-weight: normal;font-size: 13px;color: #666;}
.qna-a>span{font-size: 13px;display: block;}

.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 15px;}
.qna-category{display: flex;padding: 10px;border-radius: 10px;background-color: #fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);margin-bottom: 10px;}
.qna-category>button{transition: 0.3s;display: flex;align-items: center;justify-content: center;width: 100%;height: 24px;border-radius: 5px;font-size: 12px;margin-right: 5px;padding-top: 2.5px;background-color: #e6e6e6;}
.qna-category>button:last-of-type{margin-right: 0;}
.qna-category>button:hover{background-color: #000;color: #fff;}
.qna-category>button.on{background-color: #000;color: #fff;}

.upload-img{display: block;white-space: nowrap;overflow-x: auto;width: 100%;height: 80px;overflow-y: hidden;margin-bottom: -10px;}
.upload-img>label{width: 70px;height: 70px;border-radius: 10px;border: 1px solid #e6e6e6;display: inline-block;font-size: 14px;text-align: center;position: relative;color: #999;transition: 0.3s;margin-right: 5px;}
.upload-img>label>input{display: none;}
.upload-img>label>span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);line-height: 18px;}
.upload-img>label:hover{border-color: #ffb703;}

.ui-item{display: inline-block;width: 70px;height: 70px;border: 1px solid #e6e6e6;position: relative;border-radius: 10px;overflow: hidden;}
.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;}

.write-nav>p{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.write-btn{height: 24px;padding: 0 10px;border-radius: 5px;background-color: #ffb703;padding-top: 2.5px;font-size: 13px;font-weight: bold;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: 1px 1px 5px rgba(0, 0, 0, 0.2);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>span{background-color: #000;color: #fff;font-size: 12px;padding: 2.5px 10px 0 10px;border-radius: 100px;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: #666;}
.days .day{width: 100%;text-align: center;font-size: 13px;line-height: 16px;opacity: 0.5;}
.dates{display: flex;flex-wrap: wrap;}
.dates .day{width: 14.2857%;text-align: center;font-size: 12px;line-height: 16px;;height: 32px;display: flex;align-items: center;justify-content: space-between;flex-direction: column;margin-bottom: 5px;transition: 0.3s;border-radius: 5px;border: 1px solid transparent;}
.dates .day.disable{opacity: 0.5;pointer-events: none;}
.cal-reserve .day.on{border: 1px solid #000;background-color: #ffb703;}
/* 테스트용 css 추후 html소스에 스타일'만' 그대로 쓰기 'content'는 삭제 */

/* 예약 팝업 */

.reserve-item{margin-bottom: 10px;border-radius: 10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);padding: 10px;}
.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: 12px;position: absolute;bottom: 0;left: 0;width: 100%;background-color: #ffb703;display: flex;align-items: center;justify-content: center;padding-top: 2.5px;line-height: 14px;}
.ri-txt>p{font-size: 14px;}
.ri-txt>span{font-size: 14px;font-weight: normal;}
.ri-txt>span>strong{font-weight: normal;}
.ri-subtxt{display: flex;justify-content: space-between;font-size: 12px;}
.ri-subtxt>a{color: #666;}
.ri-subtxt>p{color: #999;}
.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: 10px;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: 10px;overflow: hidden;}
.store-btn>button{display: flex;align-items: center;justify-content: center;height: 36px;background-color: #ffb703;font-size: 14px !important;width: 100%;font-family: 'soyo';font-weight: bold;padding-top: 2.5px;position: relative;}
.store-btn>button::after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: calc(100% - 10px);display: block;content: '';background-color: rgba(255, 255, 255, 0.5);}
.store-btn>button:last-of-type::after{display: none;}
.chat-nav>p{display: flex;align-items: center;}
.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-title-wrap{padding: 5px;border-radius: 10px;background-color: #ffb703;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;background-color: #fff;border-radius: 10px;padding: 0 10px;margin-bottom: 5px;}
.store-title>svg{width: 18px;height: 18px;}
.store-title>span{font-size: 14px;font-weight: bold;}
.store-favo{padding-top: 18px;}
.store-favo svg{top: 5px;}
.store-title-wrap>p{font-size: 13px;padding: 0 10px;}

.store-info{margin-bottom: 10px;padding: 0 15px;background-color: #fff;padding-top: 10px;}
.store-reserve{border-radius: 10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.store-info>p{margin-bottom: 5px;font-size: 14px;font-weight: bold;display: flex;justify-content: space-between;}
.store-info>p>button>svg{width: 16px;height: 16px;font-weight: bold;transition: 0.3s;}
.store-info>p>span{margin-left: 2.5px;font-weight: normal;font-size: 13px;color: #eb3205;}
.save{height: 24px;border-radius: 5px;padding: 2.5px 10px 0 10px;font-size: 13px;background-color: #74c661;font-weight: bold;}
.si-item{display: flex;margin-bottom: 10px;align-items: center}
.si-item>svg{width: 14px;height: 14px;margin-right: 5px;color: #666;}
.si-item>span{font-size: 13px;line-height: 13px;display: flex;align-items: flex-end;color: #333;width: calc(100% - 19px);;}
.si-item>span>button{font-size: 10px;margin-left: 5px;color: #666;line-height: 10px;}
.si-item>span>strong{font-weight: normal;}

.store-tag{display: none;}
.store-tag-item{margin-bottom: 10px;display: flex;flex-wrap: wrap;}
.store-tag-item>p{width: 100%;font-size: 14px;margin-bottom: 0px;}
.store-tag-item>span{font-size: 13px;padding: 2.5px 10px 0 10px;border-radius: 100px;background-color: #e6e6e6;margin-right: 5px;transition: 0.3s;}
.store-tag-item>span>strong{font-weight: normal;}
.store-tag-item>span.on{background-color: #000;color: #fff;}
.tag-on.on>button>svg{transform: rotate(180deg);}

.history-item{padding: 0 20px;position: relative;padding-bottom: 10px;}
.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: 2.5px 10px 0 10px;border-radius: 100px;font-size: 12px;background-color: #ffb703;margin-bottom: 5px;line-height: 16px;display: inline-block;}
.history-txt{display: flex;padding: 5px 7.5px;border-radius: 10px;background-color: #e6e6e6;position: relative;margin-bottom: 10px;}
.history-txt:last-of-type{margin-bottom: 0;}
.history-txt>p{font-size: 12px;width: 100%;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 2.5px;}
.history-txt>p>span{font-weight: bold;}
.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;right: -20px;width: 20px;height: 20px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: right;}
.history-txt>button>svg{width: 16px;height: 16px;}

.sp-1{background-color: #f7f7f7;padding: 30px 15px;}
.sp-2{background-color: #f7f7f7;padding: 30px 15px;padding-bottom: 0;max-height: 100%;}
.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:hover{background-color: rgba(235, 51, 5, 0.1);color: #eb3205;}
.sp-item-2-wrap>button:first-of-type:hover{background-color: #e6e6e6;color: #000;}
.sp-map-title{padding: 7.5px 10px 5px 10px;background-color: #fff;border-radius: 10px;display: flex;align-items: center;margin-bottom: 10px;}
.sp-map-title>p{font-size: 14px;margin-right: 5px;font-weight: 500;}
.sp-map-title>span{font-size: 12px;color: #666;}
.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: 14px;font-weight: bold;}
.sp-3{max-height: calc(100% - 65px);height: calc(100% - 65px);background-color: #f7f7f7;padding: 30px 15px 15px 15px;}
.history-txt-event{background-color: #000;color: #fff;}
.price-wrap{margin-bottom: 10px;}
.price-wrap:last-of-type{margin-bottom: 0;}
.price-wrap>p{font-size: 13px;margin-bottom: 2.5px;}
.price-wrap li{font-size: 12px;padding-top: 2.5px;width: 100%;display: flex;align-items: center;justify-content: center;border-right: 1px solid #e6e6e6;}
.price-wrap li:last-of-type{border-right: 0;}
.price-title{display: flex;background-color: #f7f7f7;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.price-index{display: flex;border-bottom: 1px solid #e6e6e6;}
.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: 10px;}
.food-img{width: 70px;height: 70px;border-radius: 10px;min-width: 70px;overflow: hidden;}
.food-img>img{display: block;width: 100%;height: 100%;object-fit: cover;;}
.food-txt{padding-left: 10px;width: 100%;;}
.food-txt>p{font-size: 14px;display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.food-txt>span{font-size: 13px;}
.food-txt>span>strong{font-weight: normal;}
.food-txt>strong{font-weight: normal;font-size: 12px;color: #999;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;}

.sp-1-1{max-height: calc(100% - 65px);height: auto;padding: 30px 15px 0px 15px;background-color: #f7f7f7;}
.sp-1-2{max-height: calc(100% - 65px);height: auto;padding: 30px 15px 0px 15px;background-color: #f7f7f7;}
.sp-1-3{max-height: calc(100% - 65px);height: auto;padding: 30px 15px 0px 15px;background-color: #f7f7f7;}
.sp-1-4{max-height: calc(100% - 65px);height: auto;padding: 30px 15px 0px 15px;background-color: #f7f7f7;}
.sp-1-5{max-height: calc(100% - 65px);height: auto;padding: 30px 15px 0px 15px;background-color: #f7f7f7;}

.sp-food{padding: 10px;background-color: #fff;border-radius: 10px;margin-bottom: 10px;}
.sp-food>p{font-weight: bold;font-size: 14px;display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 10px;}
.sp-food>span{font-weight: normal;}
.sp-food .food-txt>p{line-height: 13px;font-size: 13px;}
.sp-food .food-txt>span{line-height: 13px;}
.sp-food .food-txt>strong{font-size: 12px;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:hover{background-color: #e6e6e6;}
.food-ea>input{width: 32px;height: 24px;border: 1px solid #666;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;}
.sp-part>div{width: 5px;height: 5px;border-radius: 100%;margin-right: 10px;background-color: #e6e6e6;}
.sp-part>div:last-of-type{margin-right: 0;}
.sp-part>div.on{background-color: #666;width: 5px;height: 5px;}

.sel-time{display: flex;align-items: center;margin-bottom: 10px;}
.sel-time>p{font-weight: bold;font-size: 14px;margin-right: 10px;padding-top: 2.5px;}
.sel-time>select{width: 90px;height: 24px;border-radius: 10px;padding: 0 5px;font-size: 12px;transition: 0.3s;}
.sel-time>select:focus{border-color: #ffb703;}
.remind-item{display: flex;align-items: stretch;margin-bottom: 10px;font-size: 13px;}
.remind-item>p{width: 55px;font-weight: bold;}
.remind-item>span{width: calc(100% - 55px);}
.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;}
.sel-spot>button{display: flex;align-items: center;justify-content: center;font-size: 13px;height: 26px;width: calc(20% - 4px);margin-right: 5px;margin-bottom: 5px;border-radius: 5px;background-color: #e6e6e6;font-size: 13px;transition: 0.3s;}
.sel-spot>button:nth-of-type(5n){margin-right: 0;}
.sel-spot>button.on{background-color: #000;color: #fff;}
.hair-item>p{font-size: 13px;}
.hair-time{display: flex;flex-wrap: wrap;}
.hair-time>button{width: calc(25% - 3.75px);height: 24px;padding-top: 2.5px;display: flex;align-items: center;justify-content: center;border: 1px solid #e6e6e6;border-radius: 5px;margin-right: 5px;margin-bottom: 5px;transition: 0.3s;}
.hair-time>button:nth-of-type(4n){margin-right: 0;}
.hair-time>button.desable{background-color: #e6e6e6;color: #666;pointer-events: none;}
.hair-time>button.on{background-color: #ffb703;;}

.hair-profile{display: flex;;}
.hair-img{width: 60px;height: 60px;display: inline-block;border-radius: 10px;position: relative;min-width: 60px;overflow: hidden;border: 1px solid #e6e6e6;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);}
.hair-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hair-img>span{padding-top: 2.5px;display: flex;align-items: center;justify-content: center;background-color: #fff;font-size: 12px;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: #999;}
.hair-txt>p:last-of-type>span{color: #eb3205;}
.hair-txt-past>p>span{color: #999 !important;}


.hair-date{display: flex;font-weight: bold;font-size: 14px;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;}
.sel-size>button{height: 32px;width: 33.3333%;margin-right: 5px;font-size: 13px;display: flex;align-items: center;justify-content: center;border-radius: 5px;background-color: #e6e6e6;transition: 0.3s;}
.sel-size>button.on{background-color: #000;color: #fff;}
.sel-size>button:last-of-type{margin-right: 0;}
.sel-size-2>button{height: 26px;}
.sel-size-3>button{height: auto;flex-direction: column;padding: 5px 0 2.5px 0;}
.sel-size-3>button>p{border-bottom: 1px solid #d9d9d9;width: 100%;margin-bottom: 2.5px;}
.sel-size-3>button.on>p{border-color: rgba(255, 255, 255, 0.3);}

/* 이용자 메인 */
.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: 14px;color: #000;line-height: 14px;}
.user-name>span{color: #666;font-size: 12px;}
.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;}
.uh-item>span{font-size: 12px;}
.uh-item>p{font-size: 12px;}
.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: 5px;}
.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%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;}

/* 파트너 */

.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:hover svg{color: #74c661 !important;}
.p-profile-txt{display: flex;align-items: center;justify-content: center;width: 60px;min-width: 60px;height: 26px;margin-left: 5px;background-color: #74c661;color: #000;border-radius: 5px;}
.p-profile-set{display: flex;}
.p-profile-set>input{width: 100%;height: 26px;border-radius: 5px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 12px;transition: 0.3s;}
.p-profile-set>input:focus{border-color: #74c661;}
.p-profile-set>p{width: 70px;min-width: 70px;line-height: 14px;font-size: 14px;padding-top: 7.5px;}
.p-info{display: flex;align-items: center;justify-content: space-between;width: 100%;;}
.p-info>p{font-size: 14px;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;}
.p-info>button>svg{margin-left: 5px;}
.p-info>button>p{display: flex;align-items: center;padding-top: 2.5px;}
.p-info>button>p>span{margin: 0 2.5px;}
.mypage-item .login-btn{height: 40px;font-size: 20px !important;border-radius: 13px;margin-bottom: 5px;}
.store-title-wrap>textarea{width: 100%;height: 56px;border-radius: 10px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 12px;transition: 0.3s;margin-bottom: 0;}
.store-title-wrap>textarea:focus{border-color: #74c661;}
.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: #74c661;}
.radio-dot{width: 14px;height: 14px;border: 2px solid #74c661;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: #74c661;position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);;}

.add-food{display: flex;margin-bottom: 5px;}
.af-img{position: relative;width: 70px;min-width: 70px;height: 70px;margin-right: 5px;overflow: hidden;border-radius: 10px;border: 1px solid #74c661;}
.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: #999;width: 100%;text-align: center;;}
.af-txt{width: calc(100% - 75px);border: 1px solid #74c661;border-radius: 10px;overflow: hidden;}
.af-txt>input{height: 23.3333px;font-size: 12px;padding: 0 10px;margin-bottom: -0px;display: block;border: 0;border-bottom: 1px solid #74c661;width: 100%;;}
.af-txt>input:last-of-type{border-bottom: 0;}
.af-txt>input:focus{}

.sel-store{display: flex;padding-bottom: 10px;}
.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: #666;}
.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: #74c661;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: #74c661;}

.reserve-list-item{display: flex;;border-radius: 10px;overflow: hidden;background-color: #fff;}
.rli-txt{background-color: #74c661;width: 50px;min-width: 60px;position: relative;display: flex;flex-direction: column;justify-content: space-between;padding: 5px;}
.rli-txt>span{font-size: 12px;padding: 1.5px 5px 0 5px;background-color: #fff;border-radius: 100px ;line-height: 12px;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: 13px;}
.rli-txt>p>span{line-height: 12px;font-weight: bold;}
.rli-txt>strong{display: flex;font-size: 10px;font-weight: normal;text-align: center;width: 100%;justify-content: center;color: #666;}

.store-reserve-none{display: flex;font-size: 13px;border-radius: 100px;margin-bottom: 10px;background-color: #fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);overflow: hidden;}
.store-reserve-none>span{display: flex;align-items: center;justify-content: center;padding: 5px 0 2.5px 0;width: 60px;background-color: #e6e6e6;}
.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% - 60px);color: #666;}

.reserve-list-item .hair-info{padding: 5px;width: calc(100% - 60px);;}
.pet-name>p{display: flex;justify-content: space-between;font-size: 13px;}
.pet-name>span{display: block;font-size: 12px;line-height: 12px;}
.pet-name{margin-bottom: 5px;}
.reserve-list-item .hair-txt>p{font-size: 12px;line-height: 14px;color: #000 !important;}
.reserve-list-item .hair-txt>p>span{color: #000 !important;}
.reserve-list-item .hair-txt>p:last-of-type>span{color: #eb3205 !important;}

.sel-reserve{display: flex;margin-top: 5px;}
.sel-reserve>button{display: flex;align-items: center;justify-content: center;height: 26px;width: 100%;margin-right: 5px;border-radius: 5px;background-color: #e6e6e6;font-size: 13px;padding-top: 2.5px;}
.sel-reserve>button:last-of-type{margin-right: 0;}
.sel-reserve>button.desable{color: #999;pointer-events: none;}
.sel-reserve>button.sable{color: #000;background-color: #74c661;}
.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: 1px 1px 5px rgba(0, 0, 0, 0.2);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: #666;}
.uh-sub>p>span{font-size: 12px;}
.uh-sub>p>span.no-data{color: #999;}

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

.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: #999;}
.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: 5px;}
.toggle-dot{border-radius: 100%;width: 14px;height: 14px;border: 2px solid #74c661;position: relative;opacity: 0.5;transition: 0.3s;margin-right: 5px;}
.toggle-dot::after{position: absolute;left: 50%;top: 50%;display: block;content: '';width: 6px;height: 6px;background-color: #74c661;border-radius: 100%;transform: translate(-50%, -50%) scale(0);transition: 0.3s;}
.toggle-dot.on{opacity: 1;}
.toggle-dot.on::after{transform: translate(-50%, -50%) scale(1);}
.set-price>input{width: calc(100% - 19px);height: 26px;border-radius: 5px;border: 1px solid #e6e6e6;padding: 0 5px;font-size: 13px;transition: 0.3s;}
.set-price>input:focus{border-color: #74c661;}

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

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

.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: #74c661;}


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

.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: #999;padding-top: 5px;}
.comment-date>span>strong{font-weight: normal;}
.comment-date>button{width: 14px;height: 14px;margin-left: 2.5px;}
.comment-date>button>svg{width: 12px;height: 12px;}
.post-wrap .chat-profile .cp-txt{position: relative;}
.recomment{padding-left: 30px !important;}
.comment{font-size: 13px;}

.add-input{flex-wrap: wrap;}
#sp1_list{max-height: 500px;overflow-y: auto;}
@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-name>p{font-size: 16px;}
    .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);}
}
/* 마이페이지 바로가기 */
/*복사용
74c661
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;}

*/