/* BASIC css start */
.menu_my svg path {fill:#A6937C;}

#contents {padding:0}
.mypage {}
.h_title {text-align:center;}
p.cstel {font-weight: 600;}
.member_type {padding:0 16px;}
.member_type .group {display:inline-block;line-height: 1.3;padding: 18px 12px;width: 136px;align-items:center;justify-content: space-around;font-size: 14px;font-weight: 500;margin:0 auto;border-radius: 50%;box-sizing:border-box;background: #F4F4D9;color: #000;}
.member_type .name {margin-top:30px; font-size:18px; font-weight:300;color:#000;text-align:left; overflow:hidden;}
.member_type .name span {
    font-weight: 600;
}
.member_type .name a {float:right;}
.member_type .memInfo {display:flex; align-items: center; text-align:left; margin-top:30px;}
.member_type .memInfo .icon {width:70px; height:70px; display:inline-block; border-radius:70px; font-size:12px; font-weight:600; text-align:center;}
.member_type .memInfo .icon span {justify-content: center; display:flex; height: 100%; align-items: center;}
.member_type .memInfo .desc {display:inline-block; width:calc(100% - 82px); margin-left:10px; position:relative; font-size:14px; color:#9a9a9a; line-height:22px;}
.member_type .memInfo .desc b {color:#75A7D8; font-weight: 600; font-size: 16px;}
.member_type .memInfo .desc a {display:block; position:absolute; top:50%; right:0; width:90px; height:33px; line-height:33px; margin-top:-17.5px; border:1px solid #000; font-size:13px; color:#000; text-align:center;}
.member_type .memGrade {margin-top:32px;}
.member_type .memGrade .graph {position:relative; width:100%; height:6px; border-radius:6px; background:#f0f0f0;}
.member_type .memGrade .graph .gage {display:inline-block; position:absolute; top:0; left:0; width:0%; background:#75A7D8; height:100%; border-radius:6px;}
.member_type .memGrade .graph .gage .point {width:6px; height:6px; border:3px solid #75A7D8; position:absolute; right:-6px; top:-4px; border-radius:50%; background:#fff; box-sizing:content-box;}
.member_type .memGrade p {margin-top:10px; text-align:left; font-size:13px; line-height;22px; color:#000;}
.mypage_list {margin-top:26px; padding:0 16px; font-size:0;}
.mypage_list li {padding:20px 0; background:#F7F7F8; display:inline-block; width:calc(50% - 2px); margin-right:3px; margin-bottom:3px; vertical-align:top; text-align:center;}
.mypage_list li:nth-child(2n) {margin-right:0;}
.mypage_list li span {display:block;}
.mypage_list li .num {font-size:12px; color:#000; line-height:22px;}
.mypage_list li .num b {font-size:16px; font-weight: 600;}
.mypage_list li .lb {font-size:12px; line-height:18px; color:#5e5e5e;}
.mypage_banner { border-top:10px solid #f7f7f8; margin-top:26px;}
.mypage_banner .swiper-slide img {width:100%;}
.mypage_banner h2 {padding:50px 16px 0; font-size:16px; line-height:22px; color:#000; overflow:hidden; margin-bottom:20px;}
.mypage_banner h2 span {color:#4A68FF; font-weight: 600;}
.mypage_banner h2 a {float:right; line-height:22px; font-size:14px; color:#9a9a9a;}
.mypage_banner .swiper-container {padding:0 16px;}
.mypage_tt {font-size:16px;font-weight: 500;color:#000;box-sizing:border-box; padding:0 16px; line-height:22px; margin-top:40px;}
.mypage_con {margin-top: 16px; border-top:2px solid #000;}

.group_list li {border-bottom:1px dashed #000;padding:15px 6px; box-sizing:border-box; position:relative;}
.group_list li:last-child {border:none; }
.group_list li .level {display:flex;width: 100%;justify-content: space-between;}
.group_list li .level .group {font-size:14px;color:#9e9e9e;FONT-WEIGHT: 500;}
.group_list li .level .price {font-size: 13px;color:#9e9e9e;font-weight: 500;}
.group_list li .next_info {display:none;}

.group_list li.active { padding:20px 6px; box-sizing:border-box; background:#F4F4D9}
.group_list li.active:before, .group_list li.active:after {content:"";display:inline-block;width: 16px;height:100%;background:#F4F4D9;position:absolute;top:0;left:-14px} 
.group_list li.active:after {left:auto; right:-14px}
.group_list li.active .group {color:#000; font-size:20px;  }
.group_list li.active .next_info {display:block; font-size:11px; color:#9e9e9e; margin-top:6px; }



.btn_area {padding:0; padding-top:0}
.links li {border-bottom: 1px solid #f0f0f0;}
.links li a{display:inline-block;padding: 15px 16px;font-size: 12px;color:#000;position:relative;box-sizing:border-box;width:100%}
.links li a:after {content:url(//mazia2008.img3.kr/snap/image/mypage/ico_view.svg); position:absolute; top:50%; margin-top:-6px; right:16px; color:#000; font-size:12px; line-height:12px;}
.links li a p {display:inline-block;vertical-align:middle;}
.links li a .num {display:none;vertical-align:middle;border-radius: 100%;background: #75A7D8;color: #fff;font-size:12px;height: 24px;line-height: 24px;text-align:center;margin-left: 4px;box-sizing: border-box;min-width: 24px;font-weight: bold;}



.mypage_cs {margin:40px 0; padding:0 16px;}
.mypage_cs > div {border:1px solid #eaeaea; padding:20px; position:relative; margin-bottom:10px;}
.mypage_cs > div span {display:block;}
.mypage_cs > div .title {font-size:15px; color:#000; line-height:22px; color:#000;}
.mypage_cs > div .desc {font-size:12px; line-height:20px; color:#858585; margin-top:5px;}
.mypage_cs > div .icon {position:absolute; right:20px; top:50%; margin-top:-15px; }
.mypage_cs > div:last-child .icon {border:1px solid #CDD0DA; border-radius:15px;}
.mypage_cs .log_out {display:block; padding:22px 0; font-size:15px; font-weight:600; line-height:22px; color:#000; border:1px solid #eaeaea; text-align:center;}
/* BASIC css end */