/* 마이페이지 */

.profile-wrap {padding: 25px 16px; border-bottom: 8px solid #f5f5f5; display: flex; flex-direction: column; gap: 20px;}
.profile-wrap .profile {display: flex; align-items: center; justify-content: space-between;}
.profile-wrap .profile .img-wrap {display: flex; align-items: center; gap: 15px;}
.profile-wrap .profile .img-wrap span {width: 70px;}
.profile-wrap .profile .img-wrap .pro-tit p {font-size: 18px; font-weight: 700;}
.profile-wrap .profile .setting {width: 42px; height: 42px; border-radius: 50%; border: 1px solid #eee; display: flex; align-items: center; justify-content: center;}
.profile-wrap .profile .setting em {width: 18px;}
.profile-wrap .reserv {padding: 16px 15px; border-radius: 8px; border: 1px solid #eee; background-color: #f9f9f9; display: flex; align-items: center; gap: 10px;}
.profile-wrap .reserv .re-icon {width: 52px; height: 52px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.profile-wrap .reserv .re-icon img {width: 18px; height: 18px;}
.profile-wrap .reserv .re-txt {display: flex; align-items: center; justify-content: space-between; width:-webkit-fill-available;}
.profile-wrap .reserv .re-txt p {font-size: 16px; font-weight: 600; color: #333;}
.profile-wrap .reserv .re-txt span {color: #666;}
.profile-wrap .reserv .re-txt span em {display: inline-block; color: #356eff; font-weight: 700;}

.mylist {padding: 25px 0px 0px 16px;}
.mylist h3 {font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.mylist .mylist-inner {width: 100%; overflow-x: auto;}
.mylist .mylist-inner .mylist-con {display: flex; gap: 15px; width: 160%;}
.mylist .mylist-inner .mylist-con .list {width: 80%; border-radius: 8px; border: 1px solid #eee; padding: 20px 15px;}
.mylist .list .list-date {display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.mylist .list .list-date span {color: #aaa;}
.mylist .list .list-date p {display: flex; align-items: center; gap: 3px; color: #868686;}
.mylist .list .list-date p i {font-size: 10px; color: #868686;}
.mylist .list ul {margin-top: 12px; display: flex; flex-direction: column; gap: 5px;}
.mylist .list ul li {display: flex; align-items: center; justify-content: space-between;}
.mylist .list ul li span {color: #9d9d9d;}
.mylist .list ul li p {color: #333; font-weight: 600;}
.mylist .list ul li p.price {font-size: 18px; color: #356eff; font-weight: 800;}

/* 주문리스트 */

.order .tab {margin-top: 20px;}
.order .tab {width: 100%; overflow-x: auto;}


/* 내정보수정 */

.edit-wrap .ed-pro {padding: 50px 0; display: flex; align-items: center; justify-content: center; position: relative;}
.edit-wrap .ed-pro .ed-img {width: 100px; position: relative;}
.edit-wrap .ed-pro .ed-img .camera {position: absolute; background: url(../img/camera.png) no-repeat center/cover; width: 23px; height: 23px; bottom: 10px; right: 2px;}

input:disabled {background: #f5f5f5; color: #878787;}

.phone-wrap p {font-size: 15px; margin-bottom: 8px; font-weight: 500;}
.phone-wrap .phone {display: flex; gap: 10px;}
.phone-wrap .phone select {background-size: 13%; background-position: 90% 50%;}
.edit-wrap button {margin-top: 40px;}

.change {position: absolute; left: 50%; top: 80%; transform: translateX(-50%); width: 60vw; border-radius: 10px; background-color: #fff; box-shadow: 0 0px 10px rgba(0, 0, 0, .1); display: none;}
.change li {padding: 10px; text-align: center;}
.change li:first-child {border-bottom: 1px solid #f5f5f5;}