.mypage-header{margin-left:220px}.mypage-header .header1{height:50px;background-color:#5a5d60}.mypage-header .header1 .name{float:left;font-size:14px;color:#fff;line-height:50px;padding-left:20px}.mypage-header .header1 .name span{font-size:inherit;font-weight:700;color:inherit}.mypage-header .header1 .grade-div{float:left}.mypage-header .header1 .grade-div .grade{float:left;width:35px;height:50px;margin:0 10px 0 15px;background-size:contain}.mypage-header .header1 .grade-div .grade.gradef{background:url(/assets/images/grade/grade_f.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .grade.gradet{background:url(/assets/images/grade/grade_t.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .grade.gradeg{background:url(/assets/images/grade/grade_g.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .grade.graded{background:url(/assets/images/grade/grade_d.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .grade.gradev{background:url(/assets/images/grade/grade_v.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .rate{float:left;font-size:14px;color:#fff;line-height:50px}.mypage-header .header1 .grade-div .rate span{font-size:20px;font-weight:700;color:#fc0;padding-left:5px}.mypage-header .header1 .grade-div .rate span.dc-rate-num{color:#fc0!important}.mypage-header .header1 .grade-div .rate.ratef span{color:#573e10}.mypage-header .header1 .grade-div .rate.ratet span{color:#b07c16}.mypage-header .header1 .grade-div .rate.rateg span{color:#fc0}.mypage-header .header1 .grade-div .rate.rated span{color:#5d82c5}.mypage-header .header1 .grade-div .rate.ratev span{color:#343434}.mypage-header .header1 .grade-div a{float:left;font-size:13px;color:#fff;line-height:50px;text-decoration:none}.mypage-header .header1 .grade-div a:hover{text-decoration:none}.mypage-header .header1 .mileage{float:right;padding-right:15px}.mypage-header .header1 .mileage a{float:left;font-size:12px;color:#fff;line-height:50px;text-decoration:none}.mypage-header .header1 .mileage a span{font-size:inherit;font-weight:700;color:inherit}.mypage-header .header1 .mileage a:hover{text-decoration:none}.mypage-header .header1 .mileage a+a:before{display:inline-block;content:"";width:1px;height:11px;background-color:gray;margin:0 20px;vertical-align:middle}.mypage-header .header2 li{float:left;width:20%;height:120px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-top:none;text-align:center}.mypage-header .header2 li p{font-size:16px;color:#222;font-weight:500;letter-spacing:0;padding:25px 0 20px;margin:0}.mypage-header .header2 li .status-num{font-family:Titillium Web,sans-serif;font-size:45px;font-weight:600;letter-spacing:-1px;line-height:30px;color:#ff5260;cursor:default}.mypage-header .header2 li a.status-num.status-num-link{display:inline-block;text-decoration:none;color:#ff5260;cursor:pointer}.mypage-header .header2 li:last-child{border-right:1px solid #e1e1e1}@media screen and (max-width:1200px){.mypage-header{padding:10px;margin:0!important;clear:both!important;float:none!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important}.mypage-header .header1{position:relative;height:auto;padding-top:35px;background-color:#fff;visibility:visible!important}.mypage-header .header1 .name{float:none;font-size:15px!important;color:#222!important;padding-left:0;visibility:visible!important;opacity:1!important}.mypage-header .header1 .grade-div{position:absolute;top:0}.mypage-header .header1 .grade-div .grade{float:left;width:35px;height:50px;margin:0 10px 0 0;background-size:contain}.mypage-header .header1 .grade-div .grade.gradef{background:url(/assets/images/grade/grade_f.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .grade.gradet{background:url(/assets/images/grade/grade_t.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .grade.gradeg{background:url(/assets/images/grade/grade_g.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .grade.graded{background:url(/assets/images/grade/grade_d.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .grade.gradev{background:url(/assets/images/grade/grade_v.png) no-repeat 50%/contain}.mypage-header .header1 .grade-div .rate{float:left;font-size:13px!important;color:#222!important;line-height:50px;visibility:visible!important;padding:0 10px 0 20px;background:url(/assets/images/grade/grade_bg.png) no-repeat 100% 43%/contain}.mypage-header .header1 .grade-div .rate span{font-size:19px;font-weight:700;color:#fc0;padding-left:5px}.mypage-header .header1 .grade-div .rate span.dc-rate-num{color:#fc0!important}.mypage-header .header1 .grade-div .rate.ratef span{color:#573e10}.mypage-header .header1 .grade-div .rate.ratet span{color:#b07c16}.mypage-header .header1 .grade-div .rate.rateg span{color:#fc0}.mypage-header .header1 .grade-div .rate.rated span{color:#5d82c5}.mypage-header .header1 .grade-div .rate.ratev span{color:#343434}.mypage-header .header1 .grade-div a{float:left;font-size:13px;color:#222;line-height:50px}.mypage-header .header1 .grade-div a:hover{text-decoration:none}.mypage-header .header1 .mileage{float:none;padding:0;visibility:visible!important}.mypage-header .header1 .mileage a{font-size:16px!important;width:calc(50% - 5px);height:50px;background-color:#5a5d60;border-radius:5px;text-align:center;color:#fff!important;visibility:visible!important}.mypage-header .header1 .mileage a span{margin-left:5px}.mypage-header .header1 .mileage a+a:before{display:none}.mypage-header .header1 .mileage a:first-child{margin-right:10px}.mypage-header .header2{height:80px;margin:15px 0;visibility:visible!important}.mypage-header .header2 li{height:80px;border:1px solid #e1e1e1;border-right:none;visibility:visible!important}.mypage-header .header2 li p{font-size:13px!important;padding:15px 0 0;height:38px;color:#222!important;visibility:visible!important}.mypage-header .header2 li .status-num{font-size:25px!important;color:#ff5260!important;visibility:visible!important}.mypage-header .header2 li:last-child{border-radius:0 5px 5px 0}.mypage-header .header2 li:first-child{border-radius:5px 0 0 5px}.inner.mypage-inner:has(.myqna-list,.myqna-write,.society-info) .mypage-header{display:none!important}}