.myTopInfoArea{width:100%;display:block;height: 142px;margin-bottom:10px;font-family: 'Noto Sans KR', ;}
.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:48px;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:left; 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:70px;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-child(2) {width:110px;text-align: center;}
.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', ;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;border-bottom:1px solid #fff;display:inline-block;}
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:11px;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;display:inline-block;border-bottom:1px solid #fff;}
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', ;}

.csTitle{width:100%;display:block;padding-left:0px;margin-top:11px;height:46px;line-height:45px;font-size:20px;font-weight: 500;color:#212121;margin-bottom:0px; border-bottom:2px solid #333;}
.quickArea{width:100%;border:1px solid #dddddd;box-sizing:border-box;margin-bottom:20px; display:none; }
.quickArea li{float:left;width:12.5%;text-align:center;padding-bottom:15px;position: relative;}
.quickArea li:not(:last-of-type):after{position: absolute;height:60px;right:0;content:'';background-color:#dddddd;width:1px;top:calc(50% - 30px);}
.quickArea li:first-of-type{background-color:#f8f8f8;}
.quickArea li > *{width:100%;}
.quickArea li .iconArea{height:70px;line-height: 7;}
.quickArea li p span{display:block;width:100%;line-height: 1.2;font-size:14px;font-weight: 400;}
.quickArea li:not(:first-of-type) p span{color:#a7a7a7;}
.quickArea li:first-of-type p span{color:#373737;}
 .csSearchBox{width:100%; margin-top:42px;}
.csSearchBox > *{float:left;display:inline-block;height:40px;line-height: 40px;}
.csSearchBox .sInput{width:600px;padding:0 10px;border:1px solid #dddddd;box-sizing: border-box;margin-right:10px;font-family:'Noto Sans KR', ;font-weight: 400;color:#373737;}
.csSearchBox .csSearch{border:1px solid #dddddd;box-sizing: border-box;font-size:16px;color:#333;text-align:center;width:140px; background:#e8e7e7;}
.csSearchBox .sList li{float:left;padding:0 12px;position: relative;}
.csSearchBox .sList li:not(:last-of-type):after{position:absolute;right:0;top:14px;width:1px;height:12px;content:'';background-color:#dddddd;}
.csSearchBox .sList li a{font-size:12px;color:#6b6b6b;font-weight:400;font-family:'Noto Sans KR';}
.csSubTitle{width:100%;display:block;text-align:center;margin:85px 0;font-size:24px;color:#212121;font-weight:400;}
.csSubTitle span{font-weight: 700; color:#ff4546;}
.qAList{width:100%;}
.qaListTitle{width:100%;padding:15px 0 15px 32px;display:block;font-size:16px;color:#373737;font-weight:700;border-top:2px solid #212121;border-bottom:1px solid #ebebeb;}
.qaListTitle span{margin-left:5px;color:#ff4546;}
.qAB{background:url(../../../images/qubridge/ico/ico_qui.png) no-repeat 12px center;}
.qAN{background:url(../../../images/qubridge/ico/ico_new.png) no-repeat 12px center;}
.qAE{background:url(../../../images/qubridge/ico/ico_event.png) no-repeat 12px center;position: relative;}
.qAE span{font-size:12px;font-weight: 700;color:#212121;line-height: 1;position: absolute;right:10px;top:22.5px;padding-right:15px;background:url(../../../images/qubridge/bg/goBg.png) no-repeat right center;}
.qANo{background:url(../../../images/qubridge/ico/ico_notice.png) no-repeat 12px center;position: relative;}
.qANo span{font-size:12px;font-weight: 700;color:#212121;line-height: 1;position: absolute;right:10px;top:22.5px;padding-right:15px;background:url(../../../images/qubridge/bg/goBg.png) no-repeat right center;}
.qAList .qABest{float:left;width:500px;}
.qAList ul{width:100%;padding:12.5px 0;}
.qAList ul li{width:100%;padding:12.5px 0;font-size:14px;font-weight:400;}
.qAList ul li > *{line-height: 1;}
.qAList ul li span {float:left;display:inline-block;position: relative;margin-right:12.5px;color:#ff4546;}
/* .qAList ul li span:after{position: absolute;top:0;right:-13px;width:1px;height:14px;content:'';background-color:#cccccc;} */
.qAList ul li p {color:#616161;/* float:left; *//* display:inline-block; */}
.qAList ul li p span {color:#616161;border:1px solid #fff;}
.qAList ul li p:hover span {border-bottom:1px solid #616161;}
.rightList{float:right;width:500px;}
.qANew{width:100%;margin-bottom:14.5px;}
.qAEvent{width:100%;margin-bottom:14.5px;} 


.boardTitle{width:100%;display:block;color:#3d3d3d;font-size:20px;font-family:'Noto Sans KR', ;margin-bottom:20px;}
.boardTitle span{font-size:12px;color:#6b6b6b;margin-left:15px;font-weight:400;}
.bbsList{width:100%;margin-top:40px;}
.bbsList a{float:left;width:50%;display:inline-block;border:1px solid transparent;box-sizing: border-box;text-align:center;height:60px;line-height: 56px;font-size:18px;font-weight: 500;font-family:'Noto Sans KR', ;}
.bbsList a.bbsOn{background-color:#ff4546;color:#fff;}
.bbsList a.bbsOff{background-color:#fff;border:1px solid #e7e7e7;color:#a7a7a7;}
.noticeList{width:100%;}
.noticeList li{width:100%;border-bottom:1px solid #e7e7e7;height:80px;box-sizing: border-box;}
.noticeList li p{float:left;padding-left:20px;font-size:16px;color:#373737;font-weight:400;font-family:'Noto Sans KR';height:80px;line-height: 80px;width:90%;text-overflow: ellipsis;overflow: hidden;display:inline-block;white-space: nowrap;}
.noticeList li span{float:right;width:110px;text-align:center;font-size:16px;color:#a7a7a7;font-family:'Tahoma';height:80px;line-height: 80px;}
.noticeList li:hover a > *{color:#ff4546;}


.boardViewTitle{padding:66px 0 40px 0; text-align:center; font-size:20px; font-weight:400; letter-spacing:-0.05em; color:#212121; line-height:1;}
.bVT_Info{padding-bottom:20px; border-bottom:1px solid #a7a7a7;}
.bVT_Info ul{width:100%; text-align:left;}
.bVT_Info ul li{display:inline-block; vertical-align:top;}
.bVT_Info ul li:first-of-type{margin-right:20px;}
.bVT_Info ul li p,
.bVT_Info ul li p span{font-size:14px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#6b6b6b;}
.bVT_Info ul li p span{margin-left:8px;} 
.bbsViewContent{padding:57px 36px 60px 36px; border-bottom:1px solid #a7a7a7; box-sizing:border-box;}
.bbsViewContent p{font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#3d3d3d;}
.bbsViewListBtn{padding:20px 0 80px; position:relative; text-align:center;}
.bbsViewListBtn .btn{position:absolute;top:47px;}
.bbsViewListBtn .btn a{display:inline-block;}
.bbsViewListBtn .btn a > * {float:left;}
.bbsViewListBtn .btn a span{font-size:12px;}
.bbsViewListBtn .btn a span.tit{font-weight:400; color:#6b6b6b;max-width:300px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:inline-block;}
.bbsViewListBtn .btn a span.btn_txt{font-weight:500; color:#373737;}
.bbsViewListBtn .btn a span.bar{display:inline-block; vertical-align:top; width:1px; height:12px; background-color:#d2d2d2; margin:5px 11px 0 11px;}
.bbsViewListBtn .btn.left{left:0; text-align:left;}
.bbsViewListBtn .btn.right{right:0; text-align:right;}
.bbsViewListBtn .btn.left a img{margin:4px 7px 0 0;}
.bbsViewListBtn .btn.right a img{margin:4px 0 0 7px;}
.bbsViewListBtn .more{display:inline-block; vertical-align:top;}
.bbsViewListBtn .more a{display:block; width:260px; padding:23px 0; font-size:18px; font-weight:400; color:#fff; background-color:#ff4546;}