/************************************************************************
 * 파일명 :section.css
 * 설명 :공통 CSS
************************************************************************/
body {
  background: #f3f4f8;
  min-width: 1400px;
}
option {
  font-weight: normal;
  display: block;
  white-space: nowrap;
  min-height: 1.2em;
  padding: 0px 2px 1px;
}
/* section */
section {
  position: relative;
  top: 57px;
  /* height: 94vh; */
  background: var(--color-bg);
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
}
.rowcon {
  display: flex;
  align-items: stretch;
}
.content{
  flex-grow: 1;
  align-self: auto;
  min-height: calc(100vh - 92px);
}
footer{
  flex-grow: 1;
  width: 100%;
}
/* section left_menu */
.left {
  width: 239px;
  /* height: 100%; */
  background: #fff;
  float: left;
  flex-shrink: 0;
  align-self: auto;
}
/* 햄버거 바! start ========= */
.hambar {
  position: absolute;
  width: 50px;
  height: 50px;
  margin-left: 188px;
  margin-top: 12px;
  z-index: 10;
}
.hambar > i {
  position: absolute;
/*   margin-top: 18px;
  margin-left: 18px; */
  font-size: 14px;
  cursor: pointer;
}
.hambar_open {
  display: none;
}

/* 햄버거 바! end ========= */

.left_menu_title {
  width: 100%;
  /* height: 125px; */
  line-height: 40px;
  color: #254d71;
  padding-left: 20px;
  padding-right: 35px;
  word-break: keep-all;
  margin-top: 30px;
  margin-bottom: 30px;
}
.left_menu_title > h1 {
  font-size: 22px;
}
.left_menu > ul {
  margin-bottom: 100px;
}
.left_menu > ul > li {
  line-height: 50px;
  font-size: 14px;
  /* border-bottom: 1px solid #dddddd; */
}
.left_menu ul li a {
  margin-left: 27px;
}
.left_menu ul li i {
  margin-left: 130px;
}
/* left_sub menu */
.left_menu ul li .left_sub_menu {
  /* display: none; */
}
.left_menu ul .depth1:hover > a {
  /* color: var(--color-menu); */
  color: rgb(37, 77, 113);
  font-weight: bold;
}
.left_menu ul .depth1 .left_sub_menu li:hover {
  background: #dfe6ed;
  color: black;
  font-weight: 500;
}
.left_menu ul .depth1 .left_sub_menu li.selected {
  font-weight: bold;
  color: rgb(37, 77, 113) !important;
}
.left_menu ul li .left_sub_menu ul {
  line-height: 36px;
}
