.topmenu-wrap {
	position: relative;
    background-color: #e5e5e5;
    border-top: 1px solid #9d9d9d;
    border-bottom: 1px solid #9d9d9d;
    margin-bottom: 0px;
}
.topmenu-container {
	width: 100%;
    margin: 0 auto;
    max-width: 1280px;
   
}


.topmenu {color: #555;
    overflow:hidden;    
    width: 91%;
    margin: 0 auto;}

.topmenu .right-menu {
	float:right;
}
.topmenu .item {
	display:inline-block;
	height:30px;
	font-size: 1rem;
	font-weight:bold;
	width: 100%;
}
.topmenu .item div {
	padding-top:5px;
}
.topmenu .item:hover {
	color:#fff;
}


.topmenu .viewall {
    cursor: pointer;
    min-width: 60px;
    float: left;
    height: 32px;
    width: 8%;
    text-align: center;
    padding-top: 3px;
    font-size: 16px;
    border: 1px solid #b0b0b0;
    border-radius: 6px;	
    margin-top: 9px;
    background-color: #777;
    color: white;
}

@media screen and (max-width: 950px) {
.topmenu .viewall {margin-left: 10px;}	
}

.topmenu .viewall:hover {
	background-color:red;
}

.topmenu .viewall img{
    width: 20px;
	margin-top: 15px;
	filter:invert(100%);    
}

.topmenu .viewall img:hover {
	filter:invert(10%);
    background-color:red;
}

.topmenu ul {
	padding-left: 0px;
    
    width: 70%;
   
    float: left;
    display: inline-block;
    margin: 0;
    list-style: none;    
}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 950px) {
.topmenu ul {width: 100%;  }	
}
@media screen and (max-width: 750px) {
.topmenu ul {width: 100%;  }	
}



.topmenu ul li {
	text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
    width: 11%;
    float: left;
	margin-top: 9px;
    margin-bottom: 9px;
    min-width: 60px;
    border: 1px solid #b0b0b0;
	border-radius:6px;
	background: #f4f4f4;	
	
}

.topmenu ul li:first-child{
color:white;
background-color:#555;}
@media screen and (max-width: 950px) {
.topmenu { width: 100%; margin-top: 3px;
    margin-bottom: 3px; }	
}
@media screen and (max-width: 600px) {
.topmenu ul li { float:left;  }	
	
	.topmenu-container {
	width: 100%;
    margin: 0 auto;
    max-width: 1280px;
}
	.topmenu ul{margin-top:10px;}
	.topmenu ul li {    
    margin-bottom: 3px;   
    margin-top: 3px;
		margin-left: 5px;
}
	.topmenu .item {
	display:inline-block;
	height:28px;
	font-size: 0.8rem;
	font-weight:bold;
	width: 100%;
}
	.topmenu .viewall {
   
    font-size: 0.8rem;
    height:28px;
}

}
.topmenu ul li:first-child .item {
	
}
.topmenu ul li:hover{
    background-color:red;
    color:#fff;
    }

#category-all {
	position:absolute;
	display:none;
	z-index:999;
	background-color: rgba(255, 255, 255, 1);
	margin-top:5px;
}

/*메뉴하위구분 카테코리*/
.ul-allcat {
	
	
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	font-size: 14px;
    font-weight: 600;
	display:none;
}
.ul-allcat .li_lcate {
	margin: 5px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    border: 0px #ccc solid;
    border-left-width: 0;
    height: 200px;
    border-radius: 5%;
    box-sizing: border-box;
}
.ul-allcat .li_lcate:first-child {border-left-width:0px;width:200px;}


.ul-allcat .ltitle {
	box-sizing: border-box;
	width:200px;
	padding:7px 0 7px 10px;
	text-align:left;
	background-color:#f3f3f3;
	color:#777;
	background-color: #2e2e2e;
    color: #fff;
}
.ul-allcat .ltitle:hover{background-color:#63b7ff;}
.sul-allcat {
	margin:0;
	padding:0;
	list-style:none;
}
.sul-allcat li {
	padding:5px 0 5px 20px;
	color:#242424;
	list-style-image: url(data:0);
	vertical-align: top;
    border: 1px #ccc solid;
   
    margin:5px 0;
    border-radius: 5%;
    box-sizing: border-box;
}
.sul-allcat li:hover{font-weight:900;}
.topsearchbox{display: inline-block;
    margin: 7px 0 5px 0px;
    float: right;}

@media screen and (max-width: 500px) {
.topsearchbox{width: 100%;
    text-align: center;
    background-color: black;
    padding: 10px 0 11px 0;
    margin: 0px 0 0px 0px;}
	
	.topsearchbox form input[type=text]{width:50%; margin-right:1%;  font-size: 0.8rem;}
		.topsearchbox form input[type=submit]{width:22%; padding:7px 20px; border: 1px solid #555;}
	.topmenu{margin-top: 0px; margin-bottom: 7px;}
	
	
	
	
}