.mypage16 {width:100%;background:url(../../mypage/img/mypage16_bg.jpg) repeat-x top;padding:30px 0;background-color:#eef4db}
.mypage16 .m16_left {float:left;width:210px;margin-left:40px}
.mypage16 .m16_left .m_id {background-color:#a7d029;width:210px;text-align:center;color:#fff;padding:10px 0;font-family:arial;font-weight:bold;font-size:15px}
.mypage16 .m16_left .m_cash {float:left;width:104px;background-color:#fff;height:68px;}
.mypage16 .m16_left .m_point {float:left;width:105px;margin-left:1px;width:105px;background-color:#fff;height:68px}
.mypage16 .m16_left .m_cash_t {margin-top:17px;text-align:center;font-weight:bold;color:#111}
.mypage16 .m16_left .m_cash_c {margin-top:3px;text-align:center;font-size:11px;color:#999}

.mypage16 .m16_left .m_left_t {margin-top:15px}
.mypage16 .m16_left .m_left_box {background-color:#fff;padding:20px;width:210px}
.mypage16 .m16_left .m_left_line {border-bottom:1px #eee solid;margin:12px 0}
.mypage16 .m16_left .m_left_st {font-weight:bold;color:#111;background:url(../../mypage/img/m16_left_arrow.gif) no-repeat;width:170px;height:25px}
.mypage16 .m16_left .m_left_sm {}
.mypage16 .m16_left .m_left_sm li {font-size:11px;color:#333;padding-left:8px;height:15px;margin-bottom:10px}
.mypage16 .m16_left .m_left_sm li.hover {background:url(../../mypage/img/m16_left_arrow_s.gif) no-repeat;width:170px;color:#db0c0c}
.mypage16 .m16_left .m_left_sm li.hover a {color:#db0c0c}
.mypage16 .m16_c {float:left;margin-left:20px;width:860px;background-color:#fff;border-top:2px #555 solid}
.mypage16 .m16_c .m16_title {font-size:24px;font-weight:bold;border-bottom:1px #ddd solid;padding:25px;font-family:Nanum Gothic;color:#111}
.mypage16 .m16_c .m16_area {padding:10px}
.wrap {margin:0 auto}
.con_downpop {position:absolute;z-index:11;border:5px solid #3c3c3c;top:25%;left:35%;background-color:#FFFFFF;width:402px;overflow:hidden;}

@media all and (max-width:960px) {
.mypage16 {width:100%;background:url(../../mypage/img/mypage16_bg.jpg) repeat-x top;padding:30px 0;background-color:#eef4db}
.mypage16 .m16_left {float:left;width:100%;padding:10px;margin-left:0px}
.mypage16 .m16_left .m_id {background-color:#a7d029;width:100%;text-align:center;color:#fff;padding:10px 0;font-family:arial;font-weight:bold;font-size:15px}
.mypage16 .m16_left .m_cash {float:left;width:50%;background-color:#fff;height:68px;}
.mypage16 .m16_left .m_point {float:left;width:49%;margin-left:1px;background-color:#fff;height:68px}
.mypage16 .m16_left .m_cash_t {margin-top:17px;text-align:center;font-weight:bold;color:#111}
.mypage16 .m16_left .m_cash_c {margin-top:3px;text-align:center;font-size:11px;color:#999}

.mypage16 .m16_left .m_left_t {margin-top:15px}
.mypage16 .m16_left .m_left_box {background-color:#fff;padding:20px;width:100%;height:290px}
.mypage16 .m16_left .m_left_line {border-bottom:1px #eee solid;margin:12px 0}
.mypage16 .m16_left .m_left_st {font-weight:bold;color:#111;background:url(../../mypage/img/m16_left_arrow.gif) no-repeat;width:100%;height:auto}
.mypage16 .m16_left .m_left_sm {float:left; width:100%}
.mypage16 .m16_left .m_left_sm li {font-size:11px;color:#333;padding-left:8px;height:15px;margin-bottom:10px; width:100%}
.mypage16 .m16_left .m_left_sm li.hover {background:url(../../mypage/img/m16_left_arrow_s.gif) no-repeat;width:100%;color:#db0c0c}
.mypage16 .m16_left .m_left_sm li.hover a {color:#db0c0c}
.mypage16 .m16_c {float:left;margin-top:10px; margin-left:0px;width:100%;background-color:#fff;border-top:2px #555 solid}
.mypage16 .m16_c .m16_title {font-size:24px;font-weight:bold;border-bottom:1px #ddd solid;padding:25px;font-family:Nanum Gothic;color:#111}
.mypage16 .m16_c .m16_area {padding:10px}
.m_con_box {float:left; width:32%}
.wrap {width:100%; margin:0 auto}
.con_downpop {position:absolute;z-index:11;border:5px solid #3c3c3c;top:25%;left:5%;background-color:#FFFFFF;width:340px;overflow:hidden;}
}