@charset "utf-8";

.mypage-aside {display:flex; flex-direction:column; row-gap:var(--fs-20); flex-shrink:0;}
.mypage-aside .aside-group {padding-bottom:var(--fs-20); border-bottom:1px solid var(--color-border1);}
.mypage-aside .aside-group:last-child {padding-bottom:0; border-bottom:0;}
.mypage-aside .aside-title {display:block; margin-bottom:var(--fs-24); font-size:var(--fs-18); line-height:1.5; color:var(--grayscale9);}
.mypage-aside .aside-list {display:flex; flex-direction:column;}
.mypage-aside .aside-list a {display:flex; align-items:center; min-height:44px; font-size:var(--fs-16); padding: var(--fs-10); font-weight:500; color:var(--grayscale6); transition:0.2s;}
.mypage-aside .aside-list a:hover,
.mypage-aside .aside-list a.active {color:var(--color-static3); background-color: var(--color-bg1);}

.sub-tit-btn-wrap {display: flex; align-items: center; justify-content: space-between; column-gap: var(--fs-20); margin-bottom: var(--fs-40);}
.sub-tit-btn-wrap .sub-tit-wrap {margin-bottom: 0;}
.sub-tit-wrap {display: flex; flex-direction: column; row-gap: 8px; margin-bottom: var(--fs-40);}
.sub-tit-wrap .sub-tit {font-size: var(--fs-24); font-weight: 600; line-height: 1.5;}
.sub-tit-wrap .sub-tit-desc {font-size: var(--fs-16); line-height: 1.5; color: var(--grayscale7);}

.filter-list {display: flex; align-items: center; column-gap: var(--fs-20); margin-bottom: var(--fs-30);}
.filter-list button {padding: 6px var(--fs-12); border-radius: 9999px; border: 1px solid var(--color-border2); color: var(--color-static3); transition: all .2s; font-size: var(--fs-16); line-height: 1.5;}
.filter-list button.active,
.filter-list button:hover {background-color: var(--color-bg2); border: 1px solid var(--color-bg2);}

.product-table {width:100%; }
.product-table th {padding: var(--fs-14) var(--fs-12); border-top:1px solid var(--color-border1); border-bottom:1px solid var(--color-border1); font-weight: 400; background:var(--color-bg1); font-size: var(--fs-16); color:var(--grayscale7); text-align:center;}
.product-table td {padding: var(--fs-20) var(--fs-12); border-bottom:1px solid var(--color-border1); font-size:var(--fs-16); color:var(--grayscale9); text-align:center; vertical-align:middle;}
.product-table .btn-wrap {justify-content: center; column-gap: var(--fs-10);}

.table-product {display:flex; align-items:center; column-gap:var(--fs-20); text-align:left;}
.table-product-thumb {width:80px; height: 80px; flex-shrink:0;}
.table-product-info {display:flex; flex-direction:column; row-gap:4px;}
.table-product-name {font-size:var(--fs-16); font-weight:500; line-height: 1.5; color:var(--grayscale9);}
.table-product-option {font-size:var(--fs-14); line-height: 1.5; color:var(--grayscale7);}


/***/
/***/
/***/
/***/
/***/
/***/
/***/
/***/
/***/
/***/
/***/
/***/
/***/
/***/
/***/