@charset "utf-8";
/*공통바디부분 시작*/




nav.side{position: absolute; height: calc(100% - 47px); width: 280px; background: #efefef; padding: 16px; box-sizing: border-box; z-index: 11; top:47px;}
nav.on { display: block}
nav.off { display: none}
nav.side .btn-login a { display: block; line-height: 47px; text-align: center; background: #1bb3cb; font-size:17px; font-weight: 600; letter-spacing: -1px; color: #fff; border-radius: 7px; margin-top: 13px;     }
nav.side .btn-join a { display: block; line-height: 47px; text-align: center; background: #fa677f; font-size:17px; font-weight: 600; letter-spacing: -1px; color: #fff; border-radius: 7px; margin-top: 13px;     }
nav.side .wrap-btn {margin-top: 40px; border-bottom: 1px #cdcdcd solid; padding-bottom: 20px;}
nav.side .wrap-btn a { display: block; line-height: 47px;  font-size:17px; letter-spacing: -1px; color: #212326; border-radius: 7px; margin-top: 3px; padding-left: 50px;    background-repeat: no-repeat; background-position: 15px 8px;    }
nav.side .wrap-btn a.on {  background: #fff; color: #00a8c3;   background-repeat: no-repeat; background-position: 15px 8px; margin-top: 3px; border: 1px #cdcdcd solid;  }
nav.side .wrap-btn2 {margin-top: 20px;}
nav.side .wrap-btn2 a { display: block; line-height: 47px;  font-size:17px; letter-spacing: -1px; color: #212326; border-radius: 7px; margin-top: 3px; padding-left: 50px;    background-repeat: no-repeat; background-position: 15px 8px;    }
nav.side .wrap-btn2 a.on {  background: #fff; color: #00a8c3;   background-repeat: no-repeat; background-position: 15px 8px; margin-top: 3px;  }


@media all and (max-width:992px) {

	 
 }

 @media all and (max-width:768px) {

}