/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}

/*테이블 크기 width-max-size*/
#imgResize img { max-width:100%; height:auto; }

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #fff;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

/* ========================================================
 * 사이드메뉴 레이아웃
======================================================== */
#sideMenuBox{}
#sideMenuBox ul:before,
#sideMenuBox li:before,
#sideMenuBox:before{display: none;}
#sideMenuBox,
#sideMenuBox ul,
#sideMenuBox li,
#sideMenuBox a{display: block; margin: 0; padding: 0; text-decoration: none;}
/* 메뉴영역 :: 1차 */
#sideMenuBox > li{border-bottom:1px solid #ddd;}
#sideMenuBox > li:first-child{border-top: 0;}
#sideMenuBox > li:first-child{border-top: 0;}
#sideMenuBox > li > a {position:relative; display:block; padding:15px 15px; color:#333; font-size:17px; font-weight:500; }
#sideMenuBox > li > a:before{font-family:xeicon; content: "\e914"; position:absolute; top:50%; right:15px; font-size:1.3em; transform:translateY(-50%);}
#sideMenuBox > li.active > a{font-weight: 600; color: #000;}
#sideMenuBox > li.active > a:before{content: "\e91b";}
/* 메뉴영역 :: 2차 */
#sideMenuBox > li .gnb-2dep{display:none; padding:15px 0; background-color:#f2f2f2; }
#sideMenuBox > li .gnb-2dep > ul > li{height:auto !important;}
#sideMenuBox > li .gnb-2dep > ul > li > a{display:block; color:#888; font-size:14px; padding:12px 15px; }
#sideMenuBox > li .gnb-2dep > ul > li.on > a{color:#000; font-weight: 600;}
/* 메뉴영역 ::  3차 */
#sideMenuBox > li .gnb-2dep > ul > li > .gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
#sideMenuBox > li .gnb-2dep > ul > li > .gnb-3dep > li > a{display: inline-block; padding:8px 0; font-size:13px; color:#fff;}
#sideMenuBox > li .gnb-2dep > ul > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
#sideMenuBox > li .gnb-2dep > ul > li > .gnb-3dep > li.on > a{font-weight: 600;}