.myTopInfoArea{width:100%;display:block;height: 142px;margin-bottom:10px;font-family: 'Noto Sans KR', sans-serif;}
.myTopInfoArea h2{font-size:30px;font-weight:500;background:url(../../../images/qubridge/bg/mytop.jpg) no-repeat center;background-size:cover;width:220px;color:#fff;float:left;text-align:center;height:142px;line-height: 142px;}
.myTopInfoArea .myInfo{width:1060px;background-color:#3c3c4c;float:left;}
.myTopInfoArea .myInfo .myGrade{float:left;height:142px;padding-left:70px;padding-right:50px;position: relative;width:610px;}
.myTopInfoArea .myInfo .myGrade:after{position: absolute;top:26px;right:0;content:'';width:1px;height:90px;background-color:#626276;visibility: visible;}
.myTopInfoArea .myInfo .myGrade .myInfoTxt{float:left;margin-right:50px;letter-spacing: -1px;}
.myTopInfoArea .myInfo .myGrade .myInfoTxt strong{font-size:20px;font-weight:300;color:#fff;display:block;margin-bottom:5px;margin-top:39.5px;}
.myTopInfoArea .myInfo .myGrade .myInfoTxt strong span.myName{font-weight: 700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:auto;display:inline-block;float:left;}
.myTopInfoArea .myInfo .myGrade .myInfoTxt p{color:#fff;font-size:20px;font-weight: 300;width:100%;display:block;}
.myTopInfoArea .myInfo .myGrade .myInfoTxt p span.myGradeInfo{font-weight: 700;display:inline-block;float:none;padding:0 5px 0 2px;}
.myTopInfoArea .myInfo .myGrade .myInfoTxt p span.platinum{color:#a9b6ff;}
.myTopInfoArea .myInfo .myGrade .GradeOpt{margin-top:26px; float:right; width:90px; height: 90px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;background-color:#fff;text-align:center; }
.myTopInfoArea .myInfo .myGrade .GradeOpt p{display:block;font-size:14px;font-weight: 700;color:#3c3c4c;padding-top:15px;margin-bottom:3px;}
.myTopInfoArea .myInfo .myShop{padding-left:40px;padding-right:50px;float:left;width:450px;}
.myTopInfoArea .myInfo .myShop ul{width:100%;}
.myTopInfoArea .myInfo .myShop ul li{float:left;text-align:center;}
.myTopInfoArea .myInfo .myShop ul li:nth-of-type(2){width:108px;}
.myTopInfoArea .myInfo .myShop ul li strong{font-size:14px;color:#fff;font-weight: bold;display:block;margin-bottom:15px;}
.myTopInfoArea .myInfo .myShop ul li p{text-align:center;display:inline-block;}
.myTopInfoArea .myInfo .myShop ul li p span{float:left;}
.myTopInfoArea .myInfo .myShop ul li p span.couponCount{font-weight: 700;font-family:'Tahoma';font-size:20px;color:#ff7461;display:inline-block;margin-right:3px;line-height: 1;}
.myTopInfoArea .myInfo .myShop ul li p span.myPoint{font-weight: 700;font-family:'Tahoma';font-size:20px;color:#ff7461;display:inline-block;margin-right:3px;line-height: 1;}
.myTopInfoArea .myInfo .myShop ul li p span.countUnit{font-size:12px;font-weight: 700;color:#fff;padding-top:4px;}
.myTopInfoArea .myInfo .myShop ul li.easyOrderBox{background-color:#ff4546;text-align:center;width:140px;height:70px;float:right;}
.myTopInfoArea .myInfo .myShop ul li.easyOrderBox a > *{color:#fff;display:block;font-size:14px;line-height: 1;}
.myTopInfoArea .myInfo .myShop ul li.easyOrderBox a p{font-weight: 700;margin-bottom:7px;padding-top:17.5px;}
.myTopInfoArea .myInfo .myShop ul li.easyOrderBox a span{font-family:'Tahoma';}

aside.myMenu{float:left;width:220px;margin-right:20px;font-family: 'Noto Sans KR', sans-serif;margin-bottom:180px;}
aside.myMenu .lineBox{width:100%;border:1px solid #dcdcdc;box-sizing: border-box;}
aside.myMenu .lineBox > div{width:100%;}
aside.myMenu strong.mysideTitle{background-color:#f3f3f3;width:100%;display:block;padding:14px 0 15px 30px;font-size:18px;font-weight: 400;color:#3c3c4c;}
aside.myMenu ul.mysidemenuList{width:100%;padding:15px 30px;}
aside.myMenu ul.mysidemenuList > li{width:100%;position: relative;}
aside.myMenu ul.mysidemenuList > li:before{width:3px;height:3px;position: absolute;content:'';left:0;top:9.5px;background-color:#3d3d3d;}
aside.myMenu ul.mysidemenuList > li:not(:last-of-type){margin-bottom:8px;}
aside.myMenu ul.mysidemenuList > li p {font-size:15px;font-weight: 500;color:#3d3d3d;padding-left:8px;display:inline-block;border-bottom:1px solid #fff;}
aside.myMenu ul.mysidemenuList > li p:hover {border-bottom:1px solid #3d3d3d;}
aside.myMenu ul.mysidemenuList > li > p:hover {border-bottom:1px solid #fff;}
aside.myMenu ul.mysidemenuList > li ol.sidemenuTwodepth{width:100%;padding-left:3px;padding-top:15px;padding-bottom:10px;}
aside.myMenu ul.mysidemenuList > li ol.sidemenuTwodepth li{width:100%;position: relative;margin-bottom:4px;}
aside.myMenu ul.mysidemenuList > li ol.sidemenuTwodepth li::before{position: absolute;left:0;top:9.5px;width:4px;height:1px;content:'';background-color:#3d3d3d;}
aside.myMenu ul.mysidemenuList > li ol.sidemenuTwodepth li a {color:#3d3d3d;font-size:14px;font-weight: 300;padding-left:6px;border-bottom:1px solid #ffff;display:inline-block;}
aside.myMenu ul.mysidemenuList > li ol.sidemenuTwodepth li a:hover {border-bottom:1px solid #3d3d3d;}
aside.myMenu .loungeArea{width:100%;margin-top:20px;display:block;}
aside.myMenu .loungeArea a{width:100%;text-align:center;}
aside.myMenu .loungeArea a.vip{margin-bottom:2px;}

.myContent{float:left;width:1040px;font-family: 'Noto Sans KR', sans-serif;}

.evnTitle{width:100%;display:block;padding:0;border-bottom:2px solid #212121;font-size:20px;font-weight:400;font-family:'Noto Sans KR', sans-serif;margin-top:11px;line-height:45px;}
.eventTopImg{width:100%;display:block;margin-bottom:20px;}
.levelList{width:100%;margin-bottom:20px;}
.levelList table{width:100%;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;font-family:'Noto Sans KR', sans-serif;}
.levelList table tr{width:100%;border-bottom:1px solid #ebebeb;}
.levelList table tr td{text-align:center;padding:30px 0;border-right:1px solid #ebebeb;font-size:14px;font-weight: 400;color:#616161;}
.levelList table tr td.title{font-size:16px;color:#666666;font-weight: 500; background:#f2f2f2;}
.levelList table tr td p{color:#616161;display:block;margin-bottom:5px;}
.levelList table tr td span{display:block;color:#9e9e9e;}
.levelList table tr td strong{font-size:18px;color:#212121;margin:0 3px;}
.levelList table tr td .qpST{font-size:12px;color:#9e9e9e;}
.levelNotice{ width:100%; padding:30px 0; background-color:#f2f2f2; font-family: 'Noto Sans KR', sans-serif; margin-bottom:60px;}
.levelNotice strong{float:left;display:inline-block;width: 75px;text-align:center;height: 75px;line-height: 75px;position: relative;font-size:16px;font-weight: 400;margin-left: 100px;border-radius: 100px;background: #fff;color:#616161;border-right: none;}
.levelNotice strong:after{position: absolute;top:0;right:0;width:1px;height:60px;content:'';}
.levelNotice .txtBox{float:left;display:inline-block;width:860px;}
.levelNotice .txtBox p{display:block;padding-left: 25px;font-size:14px;font-weight:400;line-height: 1.7em;color: #777;}

/* ±¸¸Åµî±Þ ¸®´º¾ó */

#grade_wrapper{float:left;width:1040px; height:1262px; margin-bottom:100px; background:#fff;}
.grade_top{float:left;width:1040px; height:205px; margin-bottom:20px;}
.grade_main{position:relative; float:left; width:1040px; height:790px; background:#fff; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; border-top:1px solid #ff7461; box-sizing:border-box;}
.grade_main ul li{float:left; border-left:1px solid #f1f1f1; box-sizing:border-box; padding:7px 7px; height:789px;}
.grade_main ul li > a {cursor:initial;}
.grade_main ul li.tit{border-left:none; background:#f2f2f2;}
.grade_main ul li.on{float:left; height:789px; background:#fedfdd;}
.grade_05{border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-top:none; margin-bottom:10px;float:left;}

.coupon_new{position:absolute; top:823px; left:447px; cursor:pointer;}
.coupon_silver{position:absolute; top:823px; left:664px; cursor:pointer;}
.coupon_plt{position:absolute; top:823px; left:882px; cursor:pointer;}
.coupon_vip{position:absolute; top:823px; left:1100px; cursor:pointer;}
.my_level{position:absolute; top:486px; left:426px;}