/********************************************************************************************************************************************************************
	멤버 //마이페이지
********************************************************************************************************************************************************************/
/*마이페이지 사이드메뉴*/
.mySnb-wrap {width:250px;}
.mySnb-wrap .welcome-ment {font-size:1.25rem; font-weight:600; color:#4a4a4a; margin-bottom:36px;}
.mySnb-wrap .mySnb li {border-bottom:1px solid #e1e1e1;}
.mySnb-wrap .mySnb li a {display:block; width:100%; padding:20px 0; color:#222;}
.mySnb-wrap .mySnb li a:hover {color:#707070;}
.mySnb-wrap .mySnb li.s-active a {font-weight:700; color:#222;}



.mypage-layout {display:flex; justify-content:space-between;}
.mypage-layout .mypage-cont {width:calc(100% - 290px);}
.mypage-layout .mypage-cont h3.cont-tit {font-size:1.25rem; font-weight:700; color:#222; border-bottom:1px solid #4a4a4a; padding-bottom:20px; margin-bottom:20px;}

/********************************************************************************************************************************************************************
	회원가입
********************************************************************************************************************************************************************/
.signUp-wrap {width:100%; height:100%;}
.signUp-wrap .signUp {width:100%; height:100%; display:flex; align-items:center; justify-content:center; margin:40px 0;}
.signUp-wrap .signUp .signUp-box {max-width: 1200px;width:100%;/*max-height:calc(100vh - 100px);*/background:#fff;border-radius:20px;border:1px solid #e1e1e1;box-sizing:border-box;margin:0 auto;padding:0 42px 62px;/*overflow:auto; */}



.signUp-wrap .signUp .signUp-box .logo {display:block; max-width:155px; width:100%; margin:42px auto;}

.signUp-wrap .profile {width:100px; height:100px; background:rgba(248, 249, 251, 1); border-radius:100px; display:flex; align-items:center; justify-content:center; position:relative; left:50%; transform:translateX(-50%);}
.signUp-wrap .profile span.no-img {color:#CDDBEA; font-size:3rem;}
.signUp-wrap .profile a {width:42px; height:42px; background:#0094F3; color:#fff; border-radius:50%; outline:none; border:none; position:absolute; bottom:-10px; right:-10px; display:flex; align-items:center; justify-content:center;}


.signTop-notice {font-size:0.875rem; color:#707070; display:flex; align-items:center; justify-content:flex-end; margin:60px 0 20px;}
.eqDot {display:inline-block; width:5px; height:5px; background: #0094F3; border-radius:50%;}

.signUp-input-box { box-sizing:border-box;}
/*.signUp-input-box .input-box:first-child {margin-top:40px;}*/
.signUp-input-box .input-box:not(:last-child) {margin-bottom:24px;}

.input-box label.field .labels {font-size:0.875rem; font-weight:600; color:#222; margin-bottom:12px; position:relative;}
/* .input-box label.field .labels:before {content:""; display:block; width:5px; height:5px; background:#0094F3; position:absolute; top:-3px; left:-6px; border-radius:50%;} */
.input-box label.field .labels:before {content:""; display:block; width:5px; height:5px; background:#0094F3; position:absolute; top:-3px; left:-6px; border-radius:50%;}
.input-box label.field select {width:100%; padding:16px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; outline:none;}
.input-box label.field input[type="text"] {width:100%; padding:16px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; outline:none;}
.input-box label.field input[type="password"] {width:100%; padding:16px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; outline:none;}
.input-box label.field input[type="date"] {width:100%; padding:16px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; outline:none;}
.input-box label.field textarea {width:100%; height:160px; border-radius:4px; border:1px solid #ddd; padding:16px; box-sizing:border-box; outline:none; resize:none;}


.input-box label.field input[type="text"],.input-box label.field input[type="password"],
.input-box label.field textarea {font-family: "Pretendard Variable", Pretendard, 'Noto Sans KR', AppleGothic, sans-serif;}

.input-box label.field input[type="text"]::placeholder,
.input-box label.field textarea::placeholder {color:rgba(135, 135, 135, 1);}

.input-box label.field input[type="text"]:focus,
.input-box label.field textarea:focus {border:1px solid #333; transition:.2s;}

.input-box label.field > .insert.flex__ {display:flex; align-items:center; justify-content:space-between;}
.input-box label.field > .insert.flex__ .dep1 {width:calc(100% - 106px);}

.input-radio {display:flex; align-items:center; gap:4px; position:relative;}
.input-radio input.radio {position:absolute; left:-9999px; width:0; height:0;}
.input-radio input.radio+label {display:flex; align-items:center; justify-content:center;  width:50px; height:50px; font-weight: 600; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; cursor:pointer;}

.input-radio input.radio:checked+label {background:#0094F3; color: #fff;}


.signUp-wrap .signUp .signUp-box .signUp-notice {font-size:0.875rem; color:rgba(112, 112, 112, 1); margin-top:12px;}
.signUp-wrap .signUp .signUp-box .signUp-notice span {font-size:1rem; vertical-align:middle; color:#0094F3;}

/* .signUp-wrap .signUp .signUp-box .summitBtn {display:block; width:100%; border:1px solid #0094F3; background:#0094F3; padding:14px 0; text-align:center; font-weight:600; color:#fff; border-radius:4px; margin-top:42px; box-sizing:border-box;} */
.signUp-wrap .signUp .signUp-box .summitBtn {display:block; width:100%; border:1px solid #0094F3; background:#0094F3; padding:14px 0; text-align:center; font-weight:600; color:#fff; border-radius:4px; margin-top:42px; box-sizing:border-box;}
.signUp-wrap .signUp .signUp-box .summitBtn:hover {background:#fff; color:#0094F3; transition:.2s;}

.signUp-agree {margin-top:24px;}
.signUp-agree p {font-weight:600; border-bottom:1px solid #ddd; padding-bottom:12px;}

.agreerow .agree-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.agreerow .agree-wrap > div {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 24px;
}
.agreerow .agree-wrap > div label {
  color: #333;
}
.more-link {
  color: #878787;
}

.more-link:hover {text-decoration:underline;}



/********************************************************************************************************************************************************************
	회원정보수정
********************************************************************************************************************************************************************/
.myinfo-edit {border-radius: 6px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(9, 15, 22, 0.10); padding:42px; box-sizing:border-box;}

/*기존 회원가입css일부수정*/
.myinfo-edit .signUp-wrap .signUp {margin:0;}
.myinfo-edit .signUp-wrap .signUp .signUp-box {max-width:100%; border:none; border-radius:0; padding:0;}

.myinfo-edit .signUp-wrap .profile {left:42px; margin-bottom:40px;}
.myinfo-edit .signUp-wrap .signUp .signUp-box .summitBtn {width:356px;}

.myinfo-edit .user-resign {display:inline-block; margin-top:42px; font-size:0.875rem; color:#4a4a4a; text-decoration:underline;}
.myinfo-edit .user-resign:hover {color:#0094F3; transition:.2s;}


@media screen and (max-width:460px) {
	.signUp-wrap .signUp .signUp-box {max-width:100%; border-radius:0; border:none; padding:0 24px 42px;}
}



/*기존 shop list에서 일부 찜한클럽 css수정*/
.mypage-cont .clubList-wrap .clubList-item .item-title {font-size:1rem;}
/*.mypage-cont .clubList-wrap .clubList-item .item-title {min-height:auto;}*/
.mypage-cont .clubList-wrap .clubList-item .both, .clubList-wrap .clubList-item .item-memo {font-size:0.875rem;}