.swiper-container {
    width:960px;
    height:400px;
}
.m_swiper-container {
    width:960px;
    height:400px;
}
img { max-width:100%; height:auto }

html, body {
	margin:0; padding: 0;
    height: 100%; width:100%;
}

ul, li {
	list_style:none;
}
.wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
    width: 100%;
}

.main-content {
	flex:1;
}

footer {
	padding: 30px 0;
    background:#00081F;
    color:#fff;
}
.menu {
	list-style: none;
    padding-left: 0px;
}
.li {
	padding-left:  0px;
}
.hide{
   list_style:none;
   padding-left:0px;
}

.open{
   list_style:none;
   padding-left:0px;
}
.menu a{cursor:pointer;}
.menu .hide{display:none;}
.menu .open{display:inline;}
.swiper-slide {
    text-align:center;
    display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
    align-items:center; /* 위아래 기준 중앙정렬 */
    justify-content:center; /* 좌우 기준 중앙정렬 */
}

.bordertable th, .bordertable td{
  font-size: 13px;      
  border:1px solid #ededed !important;
  font-weight: normal;          
  line-height: 19px;
  color:#20232;
  padding-top: 9px !important;
  padding-bottom: 7px !important;
}
 .case th, .case td{
  font-size: 10px;      
  border:1px solid #ededed !important;
  font-weight: normal;          
  line-height: 13px;
  color:#20232;
  padding-top: 9px !important;
  padding-bottom: 7px !important;
}

.centeringContainer { text-align:center; }
.centered { display:table; margin-left:auto; margin-right:auto; display:inline-block; }

.visual { width:100%; margin:0 auto; text-align:center; }
.visual img { max-width:100%; }

    #sidebar {
        background: #333;
        width: 300px;
        height: 100%;
        top: 0;
        left: -300px;
        position: fixed;
        z-index: 3;
    }
    #sidebar > ul {
        margin:0;
        padding: 0;
        top:50px;
        left:70px;
        position: absolute;
    }
    #sidebar li {
        margin: 0 0 20px;
        list-style: none;
    }
    #sidebar > button {
        background:#333;
        position: absolute;
        top: 150px;
        left: 300px;
        width: 52px;
        height: 52px;
        border: none;
        color: white;
    }

    #fixed-sidebar {
    position: fixed;
    max-width: 20%;
    color: white;
}

#nav { font-family:'arial'; }
    #nav ul{ width:100%; margin:0; padding:0; }
    #nav ul.menu li{ position:relative; float:left; width:100%; list-style-type:none; font-size:40px;}
    #nav ul.menu li a{ display:block; width:100%; height:100%; line-height:100px; text-indent:30px; color:#000; font-weight:bold; text-decoration:none; }
    #nav ul.menu li a:hover{ background:#eee; }
    #nav ul.menu li .sub a{ position:relative; float:left; display:block; width:100%; z-index:999; background:#ccc; }
    #nav ul.menu li .sub a:hover{ background:#444; color:#fff; }