.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #e7e7e7;
    overflow-x: hidden;
    transition: 0.5s; 
    z-index:1000;
}
.header-sidenav{ padding: 10px 0px;   width: 100%; height: 50px; background-color: #1f2533;}
.header-sidenav .logo { display: inline-block; width: 115px; height: 35px; text-align:left;}
.header-sidenav .logo img { width: auto; height: 35px;  }
.header-sidenav .closebtn { font-size: 36px; color: #fff;vertical-align: top;line-height: 28px;text-align: right;}
.sidenav .panel-group .panel+.panel{margin-top:10px;}
.sidenav .panel-group .panel {border-radius: 0;box-shadow: none;border-color: #eee;}
.sidenav .panel-group{margin-bottom:10px;}
.sidenav .panel-default > .panel-heading {padding: 0;border-radius: 0;color: #1d1d1d;background-color: #f9f9f9;border-color: #eee;}
.sidenav .panel-title {font-size: 16px;}
.sidenav .panel-title > a {display: block;padding: 15px;text-decoration: none;}
.sidenav .more-less {float: right;color: #1d1d1d;}
.sidenav  .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #eee;}

.sidenav .panel-body.boxlist {padding:0px;}
.sidenav .panel-body.boxlist ul li{border:1px solid #eee;display:block;width:calc(100% / 3);border-left:none;float:left;text-align:center;padding:10px 0px;}
 .sidenav .panel-body.boxlist ul:last-child li{border-top:none}
.sidenav .panel-body.boxlist ul li a{color:#1d1d1d;text-decoration:none; font-size:14px;}
.sidenav .panel-body.boxlist ul li a.on{color:#b49d55}

.sidenav .otheroutlink{padding:0px;margin:0px;background:#f9f9f9;border-color:#eee;}
.sidenav .otheroutlink ul li{border:1px solid #eee;display:block;width:calc(100% / 2);border-left:none;float:left;text-align:center;padding:10px 0px;background:#f9f9f9;}
 .sidenav .otheroutlink ul li:nth-child(n+3){border-top:none}
.sidenav .otheroutlink ul li a{color:#1d1d1d;text-decoration:none; font-size:14px;}

.sidenav .ktown-icon-box  ul {padding:15px}
.sidenav .ktown-icon-box  ul li{display:inline-block;font-size:15px;text-align:center;color:#5f6165;font-weight:500;padding:0px 0.2em}
.sidenav .ktown-icon-box  ul li:first-child{padding-left:0px;}
.sidenav .ktown-icon-box  ul li:last-child{padding-right:0px;}
.sidenav .ktown-icon-box  ul li label{font-weight:500;}
.sidenav .ktown-icon-box  ul li a{color:#5f6165;text-decoration:none}
.sidenav .ktown-icon-box  ul li a:hover{color:#b49d55}

.sidenav .ktown-icon-box  ul li span.icon-job { cursor:pointer;height: 40px;width: 40px;background: url(../newkd_images/icon/m_ktown_iconlist.png) -20px -10px;display:block;} 
.sidenav .ktown-icon-box  ul li span.icon-job:hover{background: url(../newkd_images/icon/m_ktown_iconlist.png) -20px -70px;}
.sidenav .ktown-icon-box  ul li span.icon-rent { cursor:pointer;height: 40px;width: 46px;background: url(../newkd_images/icon/m_ktown_iconlist.png) -80px -10px;display:block;} 
.sidenav .ktown-icon-box  ul li span.icon-rent:hover{background: url(../newkd_images/icon/m_ktown_iconlist.png) -80px -70px;}
.sidenav .ktown-icon-box  ul li span.icon-home { cursor:pointer;height: 40px;width: 54px;background: url(../newkd_images/icon/m_ktown_iconlist.png) -140px -10px;display:block;} 
.sidenav .ktown-icon-box  ul li span.icon-home:hover{background: url(../newkd_images/icon/m_ktown_iconlist.png) -140px -70px;}
.sidenav .ktown-icon-box  ul li span.icon-car { cursor:pointer;height: 40px;width: 40px;background: url(../newkd_images/icon/m_ktown_iconlist.png) -214px -10px;display:block;} 
.sidenav .ktown-icon-box  ul li span.icon-car:hover{background: url(../newkd_images/icon/m_ktown_iconlist.png) -214px -70px;}
.sidenav .ktown-icon-box  ul li span.icon-business { cursor:pointer;height: 40px;width: 44px;background: url(../newkd_images/icon/m_ktown_iconlist.png) -274px -10px;display:block;} 
.sidenav .ktown-icon-box  ul li span.icon-business:hover{background: url(../newkd_images/icon/m_ktown_iconlist.png) -274px -70px;}
.sidenav .ktown-icon-box  ul li span.icon-sell { cursor:pointer;height: 40px;width: 50px;background: url(../newkd_images//icon/m_ktown_iconlist.png) -342px -10px;display:block;} 
.sidenav .ktown-icon-box  ul li span.icon-sell:hover{background: url(../newkd_images//icon/m_ktown_iconlist.png) -342px -70px;} 

@media (max-width: 320px) {
.sidenav .ktown-icon-box  ul li{padding:0px 0.6em}
 
.sidenav .panel-body.boxlist ul li a{color:#1d1d1d;text-decoration:none; font-size:12px;} 
}


@media (min-width: 321px) and (max-width: 411px)   {
.sidenav .ktown-icon-box  ul li{padding:0px}
.sidenav .ktown-icon-box  ul {padding:8px}



}
@media(min-width: 479px) and (max-width: 767px)   {
    .sidenav .ktown-icon-box  ul{text-align:center;}
.sidenav .ktown-icon-box  ul li{padding:0px 1em}


}

.sidenav .ktown-boxlist {padding:0px;}
.sidenav .ktown-boxlist ul li{border:1px solid #eee;display:block;width:calc(100% / 4);border-left:none;float:left;text-align:center;padding:10px 0px;}
 .sidenav .ktown-boxlist ul li a{color:#1d1d1d;text-decoration:none; font-size:14px;}
 
.sidenav .panel-body.memlist {padding:0px;}
.sidenav .panel-body.memlist ul li{border:1px solid #eee;display:block;width:calc(100% / 2);border-left:none;float:left;text-align:center;padding:10px 0px;}
 .sidenav .panel-body.memlist ul:last-child li{border-top:none}
.sidenav .panel-body.memlist ul li a{color:#1d1d1d;text-decoration:none; font-size:14px;}


.followus-sns{background:#fff;padding:15px;}
.followus-sns div.title{display:inline-block;width: 72px;color: #1d1d1d;font-size: 15px;height: 34px;line-height: 34px;vertical-align: bottom;text-align: right;}
.followus-sns div.iconbox{display:inline-block;width:calc(100% - 80px);height: 34px;vertical-align:middle;}
.followus-sns ul{display:inline-block; }
.followus-sns ul li.line{display:block;padding:0px 14px;float:left;}
.followus-sns ul li.line:last-child{padding-right:0px;}
.followus-sns ul li.line .lineimg{background:#fff;}
.followus-sns ul li span.icon-fb { cursor:pointer;height: 33px;width: 32px;background:#fff url(../newkd_images//icon/kd_icon_list.png) -11px -88px;display:block;color:#fff;text-indent:-999px;font-size:0px;} 
.followus-sns ul li span.icon-fb:hover{background:#fff url(../newkd_images//icon/kd_icon_list.png) -11px -132px;}
.followus-sns ul li span.icon-tw { cursor:pointer;height: 33px;width: 32px;background:#fff url(../newkd_images//icon/kd_icon_list.png) -63px -88px;display:block;color:#fff;text-indent:-999px;font-size:0px;} 
.followus-sns ul li span.icon-tw:hover{background:#fff url(../newkd_images//icon/kd_icon_list.png) -63px -132px;}
.followus-sns ul li span.icon-in { cursor:pointer;height: 33px;width: 32px;background:#fff url(../newkd_images//icon/kd_icon_list.png) -115px -88px;display:block;color:#fff;text-indent:-999px;font-size:0px;} 
.followus-sns ul li span.icon-in:hover{background:#fff url(../newkd_images//icon/kd_icon_list.png) -115px -132px;}
.followus-sns ul li span.icon-utbe { cursor:pointer;height: 33px;width: 32px;background:#fff url(../newkd_images//icon/kd_icon_list.png) -167px -88px;display:block;color:#fff;text-indent:-999px;font-size:0px;} 
.followus-sns ul li span.icon-utbe:hover{background:#fff url(../newkd_images//icon/kd_icon_list.png) -167px -132px;}
 
@media (max-width: 320px) {
.followus-sns ul li.line{  padding: 0px 0.45em;}
}


@media (min-width: 321px) and (max-width: 420px)   {
.followus-sns div.title{font-size:17px;width: 80px;} 
.followus-sns ul li.line{  padding: 0px 0.65em;}
.followus-sns div.iconbox{width:calc(100% - 85px);text-align:center;}
}
  
@media(min-width: 479px) and (max-width: 767px)   {
.followus-sns div.title{font-size:17px;width: 80px;}
.followus-sns div.iconbox{width:calc(100% - 85px);text-align:center;}

    .sidenav .followus-sns ul{text-align:center;}
.sidenav .followus-sns  ul li{padding:0px 1em}


}

.sidenav .apparea{padding:0px;margin:0px;background:#fff;border-color:#eee;}
.sidenav .apparea ul li{border:1px solid #eee;display:block;width:calc(100% / 2);border-left:none;float:left;text-align:center;padding:10px 0px;background:#fff;}
 .sidenav .apparea ul li a{color:#1d1d1d;text-decoration:none; font-size:14px;}



/*.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;

}

.sidenav a:hover{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}*/