/* BASIC css start */
/* aside */
#mypage_aside { position:relative; overflow:hidden;  }
#mypage_aside .mypage_top {background:#f4f2ef; padding-bottom:50px;}
#mypage_aside .mypage_top .tt {font-weight: bold; font-size: 50px; padding:48px 0 58px; text-align:center;}
#mypage_aside .mypage_top .member_info {margin-bottom:58px;}
#mypage_aside .mypage_top .member_info ul {font-size:0; text-align:left; display:table; table-layout:fixed; width:100%;}
#mypage_aside .mypage_top .member_info ul li {display:table-cell; vertical-align:middle; width:22%; box-sizing:border-box; padding-left:5px; border-left:1px solid #cfcac7; font-size:18px; color:#353535;}
#mypage_aside .mypage_top .member_info ul li .info {padding-left:5px;}
#mypage_aside .mypage_top .member_info ul li .info span {display:block;}
#mypage_aside .mypage_top .member_info ul li .info span.desc {margin-top:25px;}
#mypage_aside .mypage_top .member_info ul li .info span.desc strong {font-size:34px; font-weight: bold;}
#mypage_aside .mypage_top .member_info ul li:first-child {padding-left:50px; font-size:0; width:34%; border-left:0;}
#mypage_aside .mypage_top .member_info ul li:first-child > div {display:inline-block; vertical-align:middle; font-size:18px;}
#mypage_aside .mypage_top .member_info ul li:first-child > div.info {padding-left:50px;}
#mypage_aside .mypage_top .member_grade {width:1387px; margin:0 auto; background:#fff; border-radius:30px; background:#fff; box-sizing:border-box; padding:42px 56px;}
#mypage_aside .mypage_top .member_grade h3 {font-size:20px; color:#353535; padding-bottom:55px; font-weight: bold;}
#mypage_aside .mypage_top .member_grade ul {position:relative; font-size:0;}
#mypage_aside .mypage_top .member_grade ul:after {content:''; position:absolute; top:67px; left:0; width:100%; height:9px; border-radius:9px; background:#f4f2ef;}
#mypage_aside .mypage_top .member_grade ul li {display:inline-block; width:16.666%; vertical-align:top; font-size:13px; color:#353535; text-align:center;}
#mypage_aside .mypage_top .member_grade ul li .member_icon {position:relative; width:58px; height:58px; margin:0 auto; padding-bottom:20px;}
#mypage_aside .mypage_top .member_grade ul li .member_icon:after {content:''; position:absolute; bottom:1px; left:50%; margin-left:-5.5px; width:11px; height:11px; border-radius:11px; background:#cfcac7; z-index:2;}
#mypage_aside .mypage_top .member_grade ul li.active .member_icon:after {background:#282828;}
#mypage_aside .mypage_top .member_grade ul li .member_ment {font-size:14px; padding:28px 0; opacity:0; color:#fff;}
#mypage_aside .mypage_top .member_grade ul li.active .member_ment {color:#353535; opacity:1;}
#mypage_aside .mypage_top .member_grade ul li .member_benefit {line-height:1.4;}
#mypage_aside .mypage_top .member_grade .btnArea {margin-top:35px; text-align:right;}
#mypage_aside .mypage_top .member_grade .btnArea a {display:inline-block; width:150px; height:26px; line-height:26px; border-radius:26px; font-size:12px; color:#353535; background:#f4f2ef; text-align:center;}
#mypage_aside .mypage_gnb {font-size:0; text-align:left; margin:35px auto 95px;}
#mypage_aside .mypage_gnb h3 {display:inline-block; vertical-align:top; line-height:40px; padding-left:12px; font-size:19px; color:#010101; font-weight:500;}
#mypage_aside .mypage_gnb {margin:40px auto; text-align:center;}
#mypage_aside .mypage_gnb ul {text-align:center; font-size:0;}
#mypage_aside .mypage_gnb ul li {display:inline-block; width:112px; line-height:42px; height:42px; border-radius:42px; text-align:center; margin-right:8px; overflow:hidden;}
#mypage_aside .mypage_gnb ul li:last-child {margin-right:0;}
#mypage_aside .mypage_gnb ul li a {display:block; background:#e8e5e0; color:#333; font-size:12px; line-height:42px; height:42px;}
#mypage_aside .mypage_gnb ul li.active a{background:#958474; color:#fff;}
/* BASIC css end */