.responsive-menu-wrap {
	display: none;
}
.mobile-menu-toggle {
	background:#000;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	position: relative;
	z-index: 100;
	height:50px;
}
.logo-mobile img {
	height:20px;
	position: relative;
	top:16px;
}
.mobile-menu-icon {
	position:absolute;
	float:right;
	left:20px;
	top:10px;
}
.mobile-menu-icon {
	font-size: 28px;
}
.responsive-mobile-menu {
	background:#fff;
	color:#000;
	width:100%;
	display: none;
	padding-bottom: 50px;
	position: relative;
	z-index: 999;
}

.responsive-mobile-menu #s {
	margin:5px;
}
.responsive-mobile-menu #searchform {
	margin:0 auto;
	text-align: center;
	padding-top:5px;
}
.responsive-mobile-menu #searchform i {
	color:#000;
}
.responsive-mobile-menu #searchform input {
    width: 50%;
	text-indent: 20px;
	background:#eee;
	color:#000;
	font-weight: 200;
}
.responsive-mobile-menu #searchbutton {

}
.responsive-mobile-menu ul li a {
	padding-bottom:15px;
}
.responsive-mobile-menu ul li a {
	font-size:22px;
	color:#000;
	font-weight: 600;
	letter-spacing: 0.5px;
	display:block;
	padding: 4px 20px;
	text-align: center;
}
.responsive-mobile-menu li.menu-item-has-children a {
	font-weight: 400;
}
.responsive-mobile-menu ul.sub-menu li a {
	font-size:14px;
	color:#656565;
	letter-spacing: 0.5px;
	font-weight: 400;
	display:block;
}
.responsive-mobile-menu ul.sub-menu {
}
.responsive-mobile-menu li {
	display:block;
}
.responsive-mobile-menu li a:hover {
	background:#fff;
}




/* 모바일 메인화면 UI */

/* Menu style
/*------------------------------------------*/
.mobile_menu{ width:100%; padding:0px;margin : 0 auto;}
.mobile_menu ul{ list-style:none; padding:0px; margin:0px; width:100%;}
.mobile_menu ul li{ list-style:none; margin:1% 0 2% 4%; padding:5.5% 0; width:28%;height:auto; float:left; display:block; text-align:center;border:1px #333333 solid;
			 -webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;}
.mobile_menu ul li a{ color:#000000; text-decoration:none;  text-align: center;} 
.mobile_menu ul li a span{ display:block; text-align:center; font-size:11px; line-height:15px;}
.mobile_menu ul li img{ display:inline-block;max-width:50%;}


/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.mobile_menu ul li{  padding:5% 0%;width:28.5%;margin:10% 0 2% 3.5%;}
}
@media screen and (max-width: 360px) {
.mobile_menu ul li{  padding:4.6% 0.3%;width:28.5%;margin:10% 0 2% 3.2%;}
}
@media screen and (max-width: 320px) {
.mobile_menu ul li{  padding:4.1% 0.1%;width:28.5%;margin:10% 0 2% 3.5%;}
}