/* 모바일용 상단 메뉴 */
#mobile-top-wrap{
	width:100%;
}

.mtopmenu-fixed{
	position:fixed;
	z-index:9999;
}

#mobile-top{
	width:100%;
	padding:15px;
	box-sizing:border-box;
	display:table;
	table-layout:fixed;
	/* background-color:#333; */
}

#mobile-top .logo{
	display:table-cell;
	width:50%;
	vertical-align:top;
}

#mobile-top .menu-btn{
	display:table-cell;
	width:50%;
	line-height:none;
	text-align:right;
	font-size:0;
	padding-top:5px;
}

#mobile-top .menu-btn .menu-trigger,
#mobile-top .menu-btn .menu-trigger span {
	display:inline-block;
	transition:all .4s;
	box-sizing:border-box;
}
#mobile-top .menu-btn .menu-trigger{
	position:relative;
	width:30px;
	height:20px;
}
#mobile-top .menu-btn .menu-trigger span {
	position:absolute;
	left:0;
	width:100%;
	height:4px;
	/* background-color:#fff; */
	border-radius:4px;
}

#mobile-top .menu-btn .menu-trigger span:nth-of-type(1) {
	top:0;
}

#mobile-top .menu-btn .menu-trigger span:nth-of-type(2) {
	top:8px;
}

#mobile-top .menu-btn .menu-trigger span:nth-of-type(3) {
	bottom:0;
}

#mobile-top .menu-btn .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform:translateY(8px) rotate(-315deg);
	transform:translateY(8px) rotate(-315deg);
}

#mobile-top .menu-btn .menu-trigger.active span:nth-of-type(2) {
	opacity:0;
}

#mobile-top .menu-btn .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform:translateY(-8px) rotate(315deg);
	transform:translateY(-8px) rotate(315deg);
}

#mobile-menu-area{
	position:relative;
	z-index:98;
}

/* 메뉴 창 */
/************************
*************************
    Mobile Menu v1.0
    (c) 2015 George Lieu
    licensed under MIT
************************
************************/
#page {
  position:relative;
  left:0;
}

.mm-overlay{
  position:fixed;
  z-index:9;
  left:0;
  height:100%;
  min-height:100%;
  width:100%;
  /* background-color:rgba(0,0,0,0.5); */
}

.mmPushBody {
  width:100%;
  height:100%;
  overflow-x:hidden;
}

#mobile-menu {
	position:absolute;
	z-index:99999;
  display:none;
  font-size:15px;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -o-box-sizing:content-box;
  box-sizing:content-box;
  line-height:1.42857;
  /* background:#fff; */
  /* -webkit-box-shadow:0 1px 2px #000; */
  -moz-box-shadow:0 1px 2px #000;
  -o-box-shadow:0 1px 2px #000;
  box-shadow:0 1px 2px #000;
  height:100%;
}

.mm-fixed{
	position:fixed !important;
}

.mobile-menu-box{
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

.mmenu-empty{
	height:200px;
}

.mobile-menu {
  list-style-type:none;
  margin:0;
  width:100%;
  height:100%;
  float:left;
  margin-left:0;
  padding-left:0;
  position:relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

.mobile-menu ul {
  margin-left:0;
  padding-left:0;
}
.mobile-menu ul .expand {
  /* background:#eeeeee; */
}
.mobile-menu .mm-search {
  /* color:#555555; */
  padding:10px;
  /* background-color:#eee; */
}
.mobile-menu .mm-login{
	padding:5px 0;
}
.mobile-menu .mm-search input{
	/* border:1px solid #fff !important; */
}
.mobile-menu .home {
  background-color:#333;
  color:white;
  padding:5px 0;
  text-align:center;
  overflow:hidden;
}
.mobile-menu .home i {
  padding-right:5px;
}
.mobile-menu .home a.active {
  color:#222222 !important;
}
.mobile-menu .expand {
  right:0;
  position:absolute;
  border-left:1px solid #ccc;
  padding:0 10px;
  color:#01c7c5;
  margin-left:100px;
}
.mobile-menu .expand:hover {
  cursor:pointer;
}
.mobile-menu li.mmenu{
  /* border-bottom:1px solid #eee; */
}

.mobile-menu li.mmenu,
.mobile-menu li.ms-menu{
  display:block;
  width:100%;
  margin-left:0;
  padding-left:0;
  position:relative;
  /* background-color:#fff; */
  font-size:16px;
}
.mobile-menu li.mmenu a{
  display:block;
  overflow:hidden;
  white-space:normal;
  text-decoration:none;
  padding:15px;
  font-size:14px;
  line-height:14px;
  /* color:#000; */
}
.mobile-menu li.mmenu a:hover{
	/* color:#ff6c3a; */
}
.mobile-menu li.mmenu a i{
	float:right;
	/* color:#999; */
}

.mobile-menu li.mmenu a.active {
  /* color:#fca001; */
}
.mobile-menu li.mmenu li {
  /* background:#eee; */
  /* border-top:1px solid #ddd; */
}
.mobile-menu li.mmenu li a {
  padding-left:25px;
}

.mobile-menu li.mmenu li li {
  /* background:#dddddd; */
}

.mobile-menu li.mmenu li li a {
  padding-left:35px;
}

.mobile-menu input.simple:focus {
  border:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}
.mobile-menu [class^="icon-"]:before {
  margin-right:0;
  margin-left:0;
}
.mobile-menu [class*=" icon-"]:before {
  margin-right:0;
  margin-left:0;
}

.mm-toggle-wrap {
  color:white;
  width:100%;
  height:45px;
  /* background:#555555; */
  line-height:1;
  overflow:hidden;
}

#mobile-menu .mobile-menu-close{
	position:absolute;
	top:0;
	/* background:#fff; */
	/* color:#999; */
	font-size:14px;
	padding:5px 10px;
	z-index:9;
	cursor:pointer;
}

#mobile-menu .mmc-l{
	right:-31px;
}

#mobile-menu .mmc-r{
	left:-31px;
}

@media (max-width:767px) {
  .mm-toggle {
    display:block;
  }
  .mm-toggle .mm-label {
    margin-left:3px;
  }
}
@media (max-width:480px) {
  .mm-toggle .mm-label {
    display:none;
  }
}
