/* 공통 기본 스타일 */
.menu_wrapper { position: absolute; top: 0; right: 0; width: 0; height: auto; z-index: 99999999; background: #222; }

/* 텍스트 기본 공통 폰트 적용 */
.menu_wrapper,
.menu_wrapper * { font-family: 'Noto Sans Kr'; }

/* 상단 */
.menu_wrapper .menu_top { width: 130px; padding: 15px 0; background: #222; text-align: left; }

/* 메뉴 리스트 기본 */
.menu_wrapper ul { margin: 0; padding: 0; width: 320px; }
.menu_wrapper ul li { list-style: none; float: left; width: 100%; margin-top: 20px; padding-top: 10px; border-top: 1px solid #444; font-size: 21px; font-weight: 600; color: #fff; line-height: 50px; position: relative; }

/* 1차 메뉴 */
.menu_wrapper ul li .gnb { width: 100%; height: 50px; text-align: left; position: relative; overflow: hidden; cursor:none; }
.menu_wrapper ul li .gnb .on { width: 100%; color: #fff; position: relative; background: #222; }
.menu_wrapper ul li .gnb .on svg { vertical-align: middle; margin-top: -4px; }

/* 2차 메뉴 */
.menu_wrapper ul li .snb_m { width: 340px; text-align: left; background: #222; }
.menu_wrapper ul li .snb_m .btn_m { width: 100%; cursor: pointer; background: #222; position: relative; }
.menu_wrapper ul li .snb_m .btn_m .title { font-size: 18px; font-weight: 500; line-height: 30px; color: #bbb; }
.menu_wrapper ul li .snb_m .btn_m .line { display: none; width: 232px; height: 1px; position: absolute; bottom: 0; left: 18px; background: #ccc; }

/* 닫기 버튼 */
.menu_wrapper .closeBtn { position: absolute; top: 15px; left: 280px; width: 50px; height: 50px; cursor: pointer; }
.menu_wrapper .closeBtn img { width: 100%; }

/* 정보블록 공통 */
.menu_wrapper .info,
.menu_wrapper .sns,
.menu_wrapper .mbRe { display: inline-block; width: 340px; text-align: center; }

/* info */
.menu_wrapper .info { margin: 10px 0 0; padding-bottom: 7px; border-bottom: 1px solid #ddd; }

/* SNS */
.menu_wrapper .sns { margin: 10px 0 0; padding-bottom: 7px; border-bottom: 1px solid #555; }
.menu_wrapper .sns img { width: 38px; margin: 0 2px 3px; border: 0; }

/* 멤버 영역 */
.menu_wrapper .mbRe { margin: 0 auto  -4px; }
.menu_wrapper .mbRe a { display: inline-block; float: left; width: 112px; margin: 10px 3px; background: #444; font-size: 15px; color: #ccc; line-height: 32px; }