/* BASIC css start */
/* =========================================
    폰트 사이즈 미디어 쿼리 적용
========================================= */
/*html {
    font-size: 62.5%;
}
@media (max-width: 1024px) {
  html {
    font-size: 60%;  
  }
}
@media (max-width: 768px) {
  html {
    font-size: 62.5%; 
  }
}
@media (max-width: 375px) {
  html {
    font-size: 55%; 
  }
}
*/
 
/* =========================================
    폰트 사이즈 미디어 쿼리 적용
========================================= */
.page-title-wrap { margin-top: 0; text-align: left; } 
.page-title-wrap h3 { padding: 2.5rem 0 0.75rem; font-size: 1.125rem; font-weight: 700; }

.newContainer {display: flex;gap: 80px;margin: 64px auto 0;max-width: calc(1400px + (var(--layout-side-padding) * 2));}

/* 사이드바 */
.sidebar {width: 192px;}
.user_profile {margin-bottom: 96px;height: 176px;display: none;flex-direction: column;justify-content: space-between;}
.user_info {
    display: flex;
    gap: 12px;
    align-items: center;
}
.rank_icon {background: #B1B1B1;color:#fff;width: 48px;height: 48px;display:inline-flex;align-items:center;justify-content:center;border-radius: 20px;font-size: 22px;font-weight: 900;font-family: 'jost', sans-serif;}
.user_name {font-size: 36px;font-weight: 700;}
.rank_desc {font-size: 16px;color: #000;margin: 17.5px 0;text-align: center;line-height: 1.37;font-weight: 600;}
.rank_desc strong {
    color: var(--main-color);
    font-weight: 600;
    background: #EEEDF4;
    padding: 2px 3px;
}
.btn_logout {border: 1px solid #DBDBDB;font-size: 15px;height: 40px;display: flex;align-items: center;justify-content: center;color: #000;font-weight: 600;gap: 6px;}

.side_nav h3 {font-size: 26px;color: var(--main-color);margin-bottom: 24px;/* height: 62px; */display: flex;align-items: center;font-weight: 600;}
.side_nav ul {margin-bottom: 32px;border-bottom: 1px solid #E4E4E4;padding-bottom: 40px;}
.side_nav li a {display: block;font-size: 18px;color: #888;font-weight: 600;line-height: 2.44;}
.side_nav li a:hover{color: var(--main-color);}
.side_nav li a.active {color: var(--main-color);font-weight: 700;}

/* 메인 콘텐츠 */
.content { flex: 1; } 

/* 데이터 없을 때 */
.no-data {
    text-align: center;
    padding: 80px 0;
    border-bottom: 1px solid #DBDBDB;  
}
.no-data .icon_box {
    margin-bottom: 15px;
}
.no-data p {
    font-size: 15px;
    color: #bbb;
    font-weight: 400;
}
.mypageTitle {margin-bottom:40px;text-align: center;}
.mypageTitle h2 {font-weight: 600;font-size: 40px;}
.-moreButtonWrap {
    margin: 28px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.-moreButton {
    background: var(--main-color);
    color: rgb(255, 255, 255);
    width: 216px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    gap: 6px;
}

/* 모바일 */
@media (max-width: 1024px) {
.newContainer {margin: 32px auto 0;}
.sidebar {display: none;}
.-moreButton {width: 100%;padding: 12px 0;height: auto;font-size: 12px;}
.mypageTitle {
    margin-bottom: 16px;
}

.mypageTitle h2 {
    font-size: 19px;
    font-weight: 700;
}
}
/* BASIC css end */