@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

/*공통 S*/        
/*헤더*/

.mr_top_box {padding:0 14px;}
.mr_top {padding:14px 0 0 ; width: 100%; display: table; position: relative;}
.user_id {float: left; padding:0 10px 0 0; font-size: 21px; font-weight: bold;}
.logout_btn_box {float: left; display: table;}
.logout_btn {padding:0 10px; height: 26px; font-size: 15px; text-align: center; display: table-cell; vertical-align: middle; border:1px solid #ddd; border-radius: 4px; background:#fff;}
.mt_x_btn {position: absolute; right: 0px; top: 19px;}
.mt_x_btn img {width: 18px;}

/*모바일 왼쪽 메뉴*/
#sidebar {    
font-family: 'Pretendard', sans-serif;
font-size: 14px;
overflow-y: scroll ;
height: 100%;
position: fixed;
top: 0;
left: 0%;
width: 100%;
z-index: 14;
background: #f7f7f7;
transition: all 0.3s;
}
#sidebar.active {
left: 0;
}

.emr_mdd_info_box {margin:14px 14px 0 14px; border:1px solid #ddd; box-sizing: border-box; border-radius: 4px; background:#fff;}
.emr_mdd_info_box > :last-child {border-bottom: 0;}
.emr_mdd_info {width: 100%; display: table; border-bottom: 1px solid #ddd;}
.emmi_cts {float: left; width: 50%; position: relative; display: table;}
.emmic_ttl_box {width: 80px; position: absolute; left: 0; top: 0; display: table;}
.emmic_ttl {padding: 0 0 0 10px; height: 40px; font-weight: bold; display: table-cell; vertical-align: middle;}
.emmic_cts {padding:0 35px 0 80px; height: 40px; text-align: right; display: table-cell; vertical-align: middle;}
.emmi_cts .cash {background:url(/_template/service/bm/images/renew/mr_cash_ico.png) no-repeat; background-position: right 10px bottom 12px; background-size: 16px;}
.emmi_cts .point {background:url(/_template/service/bm/images/renew/mr_point_ico.png) no-repeat; background-position: right 10px bottom 12px; background-size: 16px;}
.emmi_cts02 .point {background:url(/_template/service/bm/images/renew/mr_point_ico.png) no-repeat; background-position: right 10px bottom 12px; background-size: 16px;}
.emmic_cts font {font-weight: bold; color:#00c73c;}
.emmic_txt_bx {position: absolute; right: 13px; top: 0; display: table;}
.emmic_txt {height: 40px; font-weight: bold; display: table-cell; vertical-align: middle;}
.emmi_cts02 {float: left; width: 100%; position: relative; display: table;}
.emmic_ttl02_box {width: 100px; position: absolute; left: 0; top: 0; display: table;}
.ftc_red { color:#cf5858;}


/*ON,OFF버튼*/
.switch01 {
margin:0 0 0 0;
position: relative;
display: inline-block;
width: 60px;
height: 34px;
vertical-align:middle;
}  
/* Hide default HTML checkbox */
.switch01 input {display:none;}  
.switch01 input:checked + .slider {
background-color: #ccc;
}  
.switch01 input:focus + .slider {
box-shadow: 0 0 1px #ccc;
}  
.switch01 input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.lgm {
margin:0px;
display:table-cell;
vertical-align: middle;
font-size:17px;
font-weight:bold;
}  
.lgm_on {padding: 0 10px 0 0; color:#00c73c;}
.lgm_off {padding: 0 5px 0 0;}
.switch02 {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
vertical-align:middle;
}
/* Hide default HTML checkbox */
.switch02 input {display:none;}
.switch02 input:checked + .slider {
background-color: #00c73c;
}  
.switch02 input:focus + .slider {
box-shadow: 0 0 1px #00c73c;
}  
.switch02 input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}  
.child_lgm {
margin:0px;
display:table-cell;
vertical-align: middle;
font-size:17px;
font-weight:bold;
}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}  
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}    
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}  
.slider.round:before {
border-radius: 50%;
}  

.mti_lgm_cts {margin:0 auto; display: table; font-weight: bold;}
/*푸터*/
footer {margin:30px 0 0 0; padding: 0 0 14px 0; background:#40434c;}
.ft_btn_set {padding: 14px 0 0 0; margin:0 auto; display: table;}
.ft_btn_box {float: left; margin:0 5px; display: table;}
.ft_btn {padding:0 10px; height: 30px; font-size: 15px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 4px; background:#202125;}
.ft_mn_set {padding:20px 0 0 0;}
.ft_mn_box {margin:0 auto; display: table;  font-size: 13px; font-weight: bold;}
.ft_mn_box a:first-child {background:none;}
.ft_mn {float: left; padding:0 5px; color:#ffffff; background:url(/_template/service/bm/images/renew//mr_ft_sep.png) no-repeat; background-position: left 0 top 3px; background-size: 1px;}
.ftc_white {color: #fff!important;}
.ftc_gray {color: #868686!important;}
.ftc_green {color:#00c73c!important;}
.ft_info {padding:20px 14px 0 14px; line-height: 17px; font-size:12px ; color:#999999;  text-align: center;}

.emr_mode {margin:10px 0 0 0; padding: 0 14px; width: 100%; display: table; box-sizing: border-box;}
.emr_mode > div:last-child {border-bottom: 0;}
.em_cts {width: 100%; display: table; border-bottom: 1px solid #ddd; position: relative;}
.emc_ttl {padding: 0 0 0 10px; height: 45px; font-weight: bold; display: table-cell; vertical-align: middle;}
.emc_cts_box {position: absolute; right: 14px; top: 50%; transform: translate(0,-50%); display: table;}
.emc_cts { font-weight: bold; display: table-cell; vertical-align: middle;}

.emr_lgmn_wrap {padding:10px 0 0 0;}
.emr_mn_set {margin:0 14px 0 14px; font-weight: bold; border: 1px solid #ddd; border-radius: 4px; background:#fff; box-sizing: border-box;}
.emr_mn_box {width: 100%; display:table;}
.emr_mn_box > a:nth-child(4n) {border-right: 0;}
.emr_mn_box > a:nth-child(n+9) {border-bottom: 0;}
.emr_mn_box02 {width: 100%; display:table;}
.emr_mn_box02 > a:last-child {border-right: 0;}
.emr_lgmn {width: 25%; height: 60px; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd;}
.emr_lgmn img {padding: 0 0 5px 0; width: 32px;}

.emr_svc_sttl {margin:20px 14px 0 14px; padding: 5px 0 0 28px; height: 30px; font-size: 17px; font-weight: bold; background:url(/_template/service/bm/images/renew/mr_sttl_ico01.png) no-repeat 0 3px; background-size: 20px;}
.em_svc_mn {float: left; width: 25%; height: 40px; line-height: 40px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.em_svc_mn02 {float: left; width: 25%; height: 40px; line-height: 40px; text-align: center; border-right: 1px solid #ddd; box-sizing: border-box;}
.em_ctc_mn {width: 25%; height: 40px; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd;}
.emr_ctc_sttl {margin:15px 14px 0 14px; padding: 5px 0 0 28px; height: 30px; font-size: 17px; font-weight: bold; background:url(/_template/service/bm/images/renew/mr_sttl_ico02.png) no-repeat 0 3px; background-size: 20px;}
.emr_app_sttl {margin:15px 14px 0 14px; padding: 5px 0 0 28px; height: 30px; font-size: 17px; font-weight: bold; background:url(/_template/service/bm/images/renew/mr_sttl_ico03.png) no-repeat 0 3px; background-size: 20px;}

.emr_app_mn_box {padding:0; width: 100%; display: table;}
.emr_app_mn {padding: 0 14px; float: left; width: 25%; box-sizing: border-box;}
.emr_app_mn img {width: 100%;}

.np {width: 5px; height: 5px!important; position: absolute; top:-0; right: 0;}

.nlogout {}
.nlogout_txt {padding:14px 14px 10px 14px; font-size: 17px;position: relative;}
.nlogout_btn_box {padding:0 7px ; width: 100%; display: table; box-sizing: border-box;}
.nlogout_btn_login {float: left; padding:0 7px; width: 30%; display: table; box-sizing: border-box;}
.nlogout_btn_join {float: left; padding:0 7px; width: 70%; display: table; box-sizing: border-box;}
.nbl {height: 40px; font-size: 17px; font-weight: bold; color:#00c73c; text-align: center; display: table-cell; vertical-align: middle; border:1px solid #00c73c;border-radius: 4px; background:#fff;}
.nbj {height: 40px; font-size: 17px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border:1px solid #00c73c;border-radius: 4px; background:#00c73c;}
.nbj font {color:#fff133;}
.mt_x_btn_nlogout {position: absolute; right: 14px; top: 15px;}
.mt_x_btn_nlogout img {width: 18px;}
.eam_txt {padding:10px 0 0 0; text-align: center;}


.switch03 {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    vertical-align:middle;
    }  
    
  
  /* The slider */
  .slider03 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00c73c;
    -webkit-transition: .4s;
    transition: .4s;
  }  
  .slider03:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    right: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }    
  /* Rounded sliders */
  .slider03.round {
    border-radius: 34px;
  }  
  .slider03.round:before {
    border-radius: 50%;
  }