@charset "utf-8";

/* **************************************** *
* 마이페이지
* **************************************** */
#content.mypage{padding-bottom: 80rem;}
.mypage-profile{position:relative; padding: 40rem 0; text-align:center;}
.mypage-profile .cmn-thum{width:130rem; height:130rem; margin: 0 auto 18rem; background-size:40rem; border-radius:140rem; border: 5rem solid var(--f); box-shadow: 0 0 15rem rgba(0, 0, 0, .07);}
.mypage-profile strong{display: block; margin-bottom: 2rem; font-size:20rem; font-weight: 700; color:var(--b-01);}
.mypage-profile .btn-edit {left: 60%; bottom: 5rem;}

.mypage-match + .sec-line{margin-bottom:0;}
.mypage-tit-wrap{display:flex; justify-content:space-between; align-items:center; margin-bottom:12rem;}
.mypage-tit-wrap > button{width:auto; color:#bdbdbd;}
.mypage-tit{font-size:16rem; color:var(--b-01);}
.match-slider .swiper-slide{display:flex; align-items:flex-start; width:292rem; padding:17rem; border:1px solid #eee; border-radius:6rem; flex-direction:column;}
.match-slider__info + p{display:block;}
.match-slider .swiper-slide > strong{margin-top:30rem;font-size:15rem;color:var(--b-01);word-break: keep-all;}
.match-slider .swiper-container{overflow:visible;}
.match-state{position:absolute; top:3rem; right:-5rem; padding:3rem 9rem 2rem; border:1px solid #cfcfcf; font-size:12rem; color:#bfbfbf; border-radius:30rem;}
.match-slider__info em{display:block; line-height:1.2; font-weight:700; font-size:14rem;}
.match-slider__info > i{font-weight:300; font-size:13rem; color:#b3b3b3;}

.mypage .main-event {margin-top: 60rem;}
.mypage-edit__button {margin-top: 30rem;}

/* 마이페이지 메뉴 */
.mypage-menu {padding: 0 20rem; background: #fff; border-radius: 7rem; box-shadow: 3rem 3rem 15rem rgba(0, 0, 0, .05);}
.mypage-menu > li {position: relative; padding: 30rem 20rem; padding-left: 80rem;}
.mypage-menu > li:not(:last-child) {border-bottom: 1px solid var(--l-01);}
.mypage-menu > li figure {position: absolute; lefT:0; top:50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 60rem; height: 60rem; margin-right: 20rem; border-radius: 7rem; transform: translateY(-50%);}
.mypage-menu > li figure img {max-width: 30rem; max-height: 30rem;}
.mypage-menu > li:nth-child(1) figure img {margin-left: 5rem;}
.mypage-menu > li strong {display: block; margin-bottom: 3rem; font-size: 16rem; font-weight: 600; color: var(--b-01);}
.mypage-menu > li p {color: var(--g-02);}
.mypage-menu > li i {position: absolute; right: 2rem; top: 50%; content:''; width: 8rem; height: 8rem; border: solid var(--b-01); border-width: 0 2rem 2rem 0; transform:translateY(-50%) rotate(-45deg);}

/* 예약현황 */
.reserve-list {padding-top: 5rem;}
.reserve-list__item {display: flex; align-items: center; padding: 30rem 0;}
.reserve-list__item.v2 {margin-top: 30rem; padding: 10rem; border-radius: 7rem; border: 1px solid var(--l-01);}
.reserve-list__item:not(:last-child) {border-bottom: 1px solid var(--l-01);}
.reserve-list__item strong {font-size: 15rem; color: var(--b-01);}
.reserve-list__thum {overflow: hidden; flex-shrink: 0; width: 35%; height: 110rem; margin-right: 20rem; border-radius: 7rem;}
.reserve-list__item .case-list__price {line-height: 1; font-size: 16rem;}
.reserve-list__item .case-list__price span {margin-top: 1px;}

.reserve-item {margin-top: 20rem; padding: 20rem; border-radius: 10rem; border: 1px solid var(--l-01);}
.reserve-item__profile {position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 100rem; padding-left: 120rem;}
.reserve-item__numb {display: flex; align-items: center; padding-top: 5rem; font-weight: 600; color: var(--g-02);}
.reserve-item__numb span {display: block; margin-right: 3rem; font-weight: 600;}
.reserve-item__thum {overflow: hidden; position: absolute; left:0; top: 0; width: 100rem; height: 100rem; border-radius: 7rem;}
.reserve-item__tit {font-size: 16rem; color: var(--b-01);}
.reserve-item__list {margin-top: 20rem; padding-top: 12rem; border-top: 1px dashed var(--l-01);}
.reserve-item__list li {display: flex; align-items: center; justify-content: space-between; margin: 5rem 0; color: var(--g-02);}
.reserve-item__list li i {color: var(--g-01);}
.reserve-detail__top {position: relative; margin-top: 20rem; padding: 15rem 20rem; border-radius: 5rem; background: #f5f5f5;}
.reserve-detail__top .reserve-item__numb {padding-top: 0;}
.reserve-detail__top .match-state {right: 15rem; top: 13rem;}


/* 게시판 */
#content.mypage:has(.board-filter){padding-top:56rem;}
.board-filter{padding:10rem 20rem; background:#f9f9f9;}
.board-filter span{font-weight:400; font-size:13rem;}
.board-list li{padding:20rem 0rem;}
.board-list li + li{border-top:1px solid #ededed;}
.board-list li > strong{display: flex;font-weight:400;color:var(--b-01);align-items: center;font-size: 14rem;}
.board-list li > i{font-size:12rem; color:#b1b1b1;}
.board-list li .new{display:flex; justify-content:center; align-items:center; position:relative; width:17rem; height:17rem; margin-right:3rem; background:var(--c-01); font-size:10rem; color:#fff; border-radius:3rem;}
.board-filter span i{font-weight:600;}

/* 게시판 뷰 */
.view-tit{padding-bottom:20rem;border-bottom: 1px solid #e5e5e5;padding-top: 10rem;}
.view-tit strong{display:block;font-weight: 500;font-size:16rem;color:var(--b-01);}
.view-tit  > i{font-weight:300; font-size:13rem; color:#bfbfbf;}
.view-cont{padding:15rem 0rem;}
.board-view .btn-basic--line{height:52rem; border-radius:0;}
.view-cont img{margin: 20rem 0rem;}

/* 게시판 텝 */
.board-tab > li{padding:10rem 0rem; font-weight:500; font-size:14rem; color:#5d5d5d; text-align:center; flex:auto;}
.board-tab > li.on{border-bottom:2px solid var(--c-01); font-weight:700; color:var(--c-01);}

/* 내 게시글 */
#content.mypage .cmn-info__user {opacity: 0;display: none;}
#content.mypage .commu-main-list__info > strong{margin-top: 11rem;}

/* 회원정보수정 */
.mypage-edit .cmn-thum{position:relative; margin: 0;}
.mypage-edit .mypage-profile{display:flex; justify-content:center; align-items:center; padding: 50rem 0 0;}
.edit-list li{position:relative; padding:14rem 0rem;}
.edit-list li button{position:absolute; top:24rem; right:0; width:auto; padding:5rem 11rem; border:1px solid; font-weight:700; font-size:13rem; color:var(--c-01); border-radius:3rem;}
.edit-list{margin-top:16rem;}
.edit-list li strong{display: block; margin-bottom: 7rem; font-weight:400; font-size:13rem; color:#c7c7c7;}
.edit-list li + li{border-top:1px solid #ebebeb;}
.edit-list li p{color:var(--b-01);}

/* 회원탈퇴 */
.join-caption{margin-top:7rem; padding:12rem 15rem; background:#f5f5f5; font-size:13rem; border-radius:6rem;}
.join-caption li{margin-bottom:5rem; color:#898989;}
.join-textarea strong{display:block; margin-bottom:5rem; font-size:14rem; color:var(--b-01);}
.join-textarea{margin-top: 21rem;}