.sns_btn_box{margin:25px 0 0 0;}
.sns_btn_box .sns_btn{position:relative;display:block;margin-bottom:8px;text-align:center;line-height:45px;border-radius:4px;}
.sns_btn_box .sns_btn img{display:inline-block;vertical-align:middle;}
.sns_btn_box .sns_btn span{display:inline-block;margin-left:8px;font-size:17px;vertical-align:middle;}
.sns_btn_box .sns_btn.naver{color:#ffffff;background:#1EC800;border:1px solid #12AD00;}
.sns_btn_box .sns_btn.kakao{color:#3C1E1E;background:#FFEB00;border:1px solid #FFDE00;}
.sns_btn_box .sns_btn.facebook{color:#ffffff;background:#4267B2;border:1px solid #4267B2;}

.my_main{margin-bottom:20px;}
.my_main .navi_box{border:2px solid var(--mint);border-radius:10px;overflow:hidden;}
.my_main .navi_box .box{display:block;float:left;width:20%;}
.my_main .navi_box .box dl{position:relative;padding:30px 22px;font-size:16px;overflow:hidden;}
.my_main .navi_box .box dl:before{content:'';position:absolute;top:30px;right:0;width:1px;height:16px;background:#999;}
.my_main .navi_box .box:last-child dl:before{display:none;}
.my_main .navi_box .box dl dt{float:left;font-weight:bold;}
.my_main .navi_box .box dl dd{float:right;color:#999999;}

.point-list .topnav{margin-top:40px;overflow:hidden;}
.point-list .topnav .c1{float:left;width:36%;margin-top:8px;}
.point-list .topnav .c1 .r1{font-size:17px;}
.point-list .topnav .c1 .r2{margin-top:15px;font-size:32px;color:#FF647E;font-weight:700;}
.point-list .topnav .c1 .r2 img{height:60px;margin-right:6px;}
.point-list .topnav .c2{float:left;width:64%;margin-top:14px;color:#efefef;}
.point-list .topnav .c2 ul.r1{margin-left:6px;}
.point-list .topnav .c2 ul.r1 li{position:relative;display:inline-block;padding-right:22px;
margin:0 10px 0 0;}
.point-list .topnav .c2 ul.r1 li:after{content:'';position:absolute;top:8px;right:6px;width:1px;height:14px;background:#fff;}
.point-list .topnav .c2 ul.r1 li:last-child:after{display:none;}
.point-list .topnav .c2 ul.r1 li a{display:block;padding:8px;}
.point-list .topnav .c2 .r2{margin-top:16px;}

.point-list .point-tabs{margin-top:45px;overflow:hidden;}
.point-list .point-tabs li{float:left;width:33.333333%;}
.point-list .point-tabs li a{display:block;padding:15px 0;text-align:center;font-size:16px;border-bottom:1px solid #707070;}
.point-list .point-tabs li.active a{padding-bottom:14px;border-bottom:3px solid #00AAB0;}

.point-list .box-wrap{margin-top:30px;}
.point-list .box-wrap .box{padding:25px 0;font-size:15px;border-bottom:1px solid #565656;overflow:hidden;}
.point-list .box-wrap .box .c1{float:left;width:70%;text-align:left;}
.point-list .box-wrap .box .c1-inside{position:relative;min-height:50px;padding:18px 0 8px 140px;}
.point-list .box-wrap .box .state{position:absolute;top:0;left:20px;}
.point-list .box-wrap .box .state-inside{display:inline-block;width:76px;height:76px;text-align:center;line-height:76px;
border-radius:100%;}
.point-list .box-wrap .box .state.plus .state-inside{color:#00AAB0;border:1px solid #00AAB0;}
.point-list .box-wrap .box .state.minus .state-inside{color:#DE3831;border:1px solid #DE3831;}
.point-list .box-wrap .box .c1 .cont{margin-top:8px;}
.point-list .box-wrap .box .c2{float:left;width:22%;margin-top:25px;text-align:right;font-size:17px;font-weight:700;}
.point-list .box-wrap .box .c2.plus{color:#00AAB0;}
.point-list .box-wrap .box .c2.minus{color:#DE3831;}

@media screen and (max-width:767px) {

.my_main{margin-bottom:20px;}
.my_main .navi_box{padding:0;margin:0 -2px;border:none;}
.my_main .navi_box .box{width:50%;}
.my_main .navi_box .box dl{padding:26px 20px;margin:2px;border:1px solid #ddd;background:#fff;border-radius:6px;}
.my_main .navi_box .box dl:before{display:none;}
.my_main .navi_box .box dl dd{font-size:18px;}

.point-list .topnav .c1{float:none;width:100%;margin-top:0;}
.point-list .topnav .c2{float:none;width:100%;margin-top:14px;}
.point-list .topnav .c2 .r1{display:none;}

.point-list .box-wrap .box{position:relative;padding:20px 0 40px 0;}
.point-list .box-wrap .box:last-child{border-bottom:none;}
.point-list .box-wrap .box .c1{float:left;width:auto;}
.point-list .box-wrap .box .c1-inside{min-height:48px;padding:8px 0 8px 90px;}
.point-list .box-wrap .box .c1 .cont{margin-top:2px;}
.point-list .box-wrap .box .state{left:8px;}
.point-list .box-wrap .box .state-inside{width:56px;height:56px;line-height:56px;}
.point-list .box-wrap .box .c2{position:absolute;bottom:20px;left:0;float:left;width:auto;font-size:15px;font-weight:400;}
}

.user_drop .top-msg{padding:15px;font-size:14px;line-height:19px;border:1px solid #ececec;}

@media screen and (min-width:768px) and (max-width:1259px) {
.user_drop{margin:0 15px;}
}