@charset "utf-8";

/* **************************************** *
* 공통 레이아웃
* **************************************** */
#content{margin:0 auto;padding-top: 70rem;padding-bottom:110rem;max-width:450rem;}
#content:has(#footer){padding-bottom:0;}
.content-wrap{position:relative; overflow:hidden; width:100%; margin-right:auto; margin-left:auto; padding-right:20rem; padding-bottom:25rem; padding-left:20rem; /* z-index:2; :*/;}

#content.shop-view{padding-top: 55rem;}

/* **************************************** *
* 서브페이지
* **************************************** */
select::-ms-expand { 
	display: none;
}
#selectBox{-o-appearance: none;-webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 600;color: var(--b-01);}
#selectBox:focus {outline: none !important;}
.form-con{}
.form-con .select-box{height: 56rem; border:none; position: relative; border-radius: 5rem;  background-color: var(--bg-01); font-weight: 600; color: var(--b-01) !important;}
.form-con .select-box::after{content:""; position:absolute; right:15rem; width:14rem; height:19rem; background:url(../img/common/arrow-basic_g.svg) no-repeat 50% 50%; background-size:9rem; top: 50%; transform:translateY(-50%) rotate(90deg);}
.form-con.behind{display: none;}

.form-con .select-box select{width: 100%; height: 100%; border: none; border-radius: 5rem;}
.form-con__input{position: relative;}
.form-con__input i{position: absolute; right: 14rem; top: 50%; font-weight: 500; transform: translateY(-50%); font-size: 12rem;}
.form-con__input input:is([type="text"],
.form-con__input [type="number"],
.form-con__input [type="password"]),
.form-con__input textarea{font-weight: 600; color: var(--b-01);}
.modal-text:has(.select-option) {align-items: flex-start;}

h3 + *{margin-top: 26rem;}

.sec-line{margin-top: 28rem; margin-bottom: 28rem;}
.plan-detail b{color: var(--b-05); display: block; font-weight: 600; margin-bottom: 12rem;}
.plan-detail img{width: 100%;}
.plan-detail h4{margin-top: 24rem; color: var(--b-01); font-weight: 600;}
.plan-detail > ul{margin-top: 16rem;}
.plan-detail > ul > li{border-radius: 10rem; background-color: var(--f);}
.plan-detail > ul > li + li{margin-top: 24rem;}
.plan-detail > ul > li li{font-size: 14rem;}
.plan-detail > ul > li strong{color: var(--b-01); display: block; margin-bottom: 8rem;}

.cmn-colum__list img{margin-bottom: 15rem;}
.cmn-list-info.ver02 .cmn-list-tt{margin-top: 9rem;}
.cmn-list-info.ver02 .cmn-price{display: inline-flex;}
.cmn-list-info.ver02 .cmn-price__origin{display: inline;}

.swiper-tabs{gap: 20rem; border-bottom:1px solid var(--bg-01); padding-left: 20rem; margin-bottom: 36rem;}
.swiper-tabs li{color: var(--b-01); font-weight: 600; opacity: 0.27; padding-bottom: 10rem; position: relative; font-size: 14rem; line-height: 20rem;}
.swiper-tabs li.active::before{content: ""; width: 100%; height: 2rem; background-color: var(--b-01); position: absolute; bottom: 0; left: 0;}
.swiper-tabs .active{font-weight: 700; opacity: 1;}

h3 + *.plan-notice{margin-top: 9rem;}
.plan-notice{align-items: center; gap: 4rem;}
.plan-notice p{font-weight: 500;}
.plan_apply .form-profile{margin-top: 29rem;}

.form-con__flex{justify-content: space-between; align-items: center; width: 100%;}
.form-con__flex > *:not(strong){width: 180rem;}
.form-con__flex > strong{font-weight: 600; color: var(--b-01);}
.form-con__flex + .form-con__flex{margin-top: 16rem;}

/* 카운트 */
.number-count{position: relative;}
.number-count input{text-align: center;}
.number-count span{position: absolute; top: 0; z-index: 1; width: 40rem; height: 100%; display: flex; align-items: center; justify-content: center;} 
.number-count span.minus{left: 0;}
.number-count span.plus{right: 0;}

.apply-notice{display: flex; gap: 7rem; margin-bottom: 18rem; justify-content: center; align-items: center;}
.apply-notice svg{border:1px solid #dcdcdc; border-radius: 100%;}
.mypage-menu p{position: absolute;right: 36rem;bottom: 26rem;font-size: 11rem;color: var(--b-05);}
.mypage-menu > li:not(:nth-child(1),:nth-child(4)) *:not(p){opacity: 0.5;}
.mypage .cmn-colum__top .select-wrap{width: 90rem;}

.cmn-form__title{justify-content: space-between; align-items: center;}
button .form-tit{margin-bottom: 0;}

.shop-view__visual{background: var(--bg);}
.shop-view__visual .swiper-controls{right: inherit; left: 50%; transform: translateX(-50%);}
.shop-view__visual .swiper-slide{background-color: transparent;}
.shop-view__visual em{display: block;}
.shop-view .btn-wrap--fix{background-color: #fff; z-index: 12; width: 100%; left: 0 ; bottom:0; padding: 20rem 20rem;}
.shop-view__title{padding: 24rem 0;}
.shop-view__title em{font-weight: 300; color: var(--b-01); font-size: 16rem;}
.shop-view__title .cmn-price{margin-top: 18rem;}

.shop-view .cmn-price strong{color: var(--c-02); font-size:16rem;}
.shop-view .cmn-price i{font-size: 14rem;}
.shop-view .swiper-slide .cmn-price strong{color: var(--b-01);}
.shop-view__tab{width: 100%; border-bottom: 1px solid #eee;}
.shop-view__tab li{flex: 1; text-align: center; padding: 12rem ; cursor: pointer;}
.shop-view__tab li.active{position: relative;}
.shop-view__tab li.active::before{content: ""; position: absolute; left: 0; width: 100%; height: 2rem; background-color: var(--b-01); bottom: 0;}
.shop-view__tab li i{font-size: 11rem; font-weight: 500;}
.shop-view .sec-line{}
.shop-view .tab-content .tab__item > *{padding: 20rem 0;}
.shop-view .shop-view__contents img{width: 100%;}
.shop-view__item em{display: block; font-weight: 600; color: var(--b-01); margin-bottom: 4rem; }
.shop-view *[class*="btn-basic"]{height: 52rem;}
#content.shop-view .slider-counter{right: 10rem;}

.shop-review__star{display: flex; gap: 2rem; margin-bottom: 8rem;}
.shop-review__star i{display: block; width: 14rem; height: 14rem; background: url(../img/ic-review-star.svg) no-repeat; background-size: cover;}
.shop-review__star i.on{ background: url(../img/ic-review-star_on.svg) no-repeat;  background-size: cover}
.accordion-custom__list > li{border-bottom: 1px solid #eee; padding: 24rem 20rem;}
.accordion-custom__list > li:nth-child(1){padding-top: 0;}
.accordion-custom__list > li.on em::after{transform: rotate(-180deg);}
.accordion-custom__cont p{}
.accordion-custom__tit em{display: flex;font-size: 12rem;color: var(--g);position: relative;align-items: center;margin-top: 12rem;}
.accordion-custom__tit em::after{content: ""; transition: all .3s; display: inline-flex;width: 12rem;height: 6rem;margin-left: 7rem;background: url(../img/common/ic-down.svg) no-repeat;}
.accordion-custom__cont{display: none; padding-top: 12rem;}
.accordion-custom__tit{  cursor: pointer;}
.accordion-custom__tit i.date{font-size:12rem; color: var(--g); font-weight: 300;}
.shop-review__title{display: flex; justify-content: space-between; align-items: center;}
.shop-user{position: relative; display: flex; gap: 8rem; align-items: center;}
.review-pic{gap: 8rem; }
.review-pic + p{margin-top: 12rem;}
.review-pic li{border-radius: 5rem; background-color: var(--bg); overflow: hidden; width: 80rem;}
.review-pic li img{width: 100%;}

.btn-wrap--fix{gap: 8rem;}
.btn-wrap--fix *[class*="btn-basic"] + *[class^="btn-basic"]{margin-top:0rem;}