/* General styles for all menus */

.search_button {
	width:100%;
	text-align:center;
	bottom:10px; 
	position:absolute;
}

.search_button_button {
	border:1px solid #fff; 
	font-size:17px; 
	color:#4eb4f4;
	height:40px; 
	line-height:40px; 
	text-align:center;  
	
	width:20%;
	padding:5px 5px; 
	margin:10px 10px;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 74%, #f2f2f2 94%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#fcfcfc), color-stop(94%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* W3C */
}

#cbp-spmenu-s1 { z-index:1999;}
#cbp-spmenu-s2 { z-index:1999;}
#cbp-spmenu-s3 { z-index:3000;}


.cbp-spmenu { position: fixed; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; }
.cbp-spmenu h3 { font-size: 14px; padding: 8px 0px; text-align:center; border-bottom:1px solid #f1f1f1; }
.cbp-spmenu h3 a { color:#FFF; }
.cbp-spmenu .title_text_wrap { position:relative; width:100%;  }
.cbp-spmenu .title_text_wrap li { padding:7px 0; font-size: 12px; text-align:left; border-bottom:1px solid #f1f1f1; width:100%; background:#FFF;}
.cbp-spmenu .title_text_wrap li .img_1 { width:20px; height:auto; margin-left:3px; }
.cbp-spmenu .title_text_wrap li a { color:#999; margin-left:10px;}
.cbp-spmenu .title_text_wrap li a:hover { color:#000;}

.cbp-spmenu .title_text_wrap_arrow { font-size:9px; font-weight:bold; position:absolute; top:1px; right:10px;}

/* 가로 1단일 경우 */
.cbp-spmenu .title_text_wrap_one a { width:100%;}

/* 가로 2단일 경우 */
.cbp-spmenu .title_text_wrap_left  { width:45%; display:inline-block; border-right:1px solid #f1f1f1; position:relative; }
.cbp-spmenu .title_text_wrap_right { width:45%; display:inline-block; position:relative; }
.cbp-spmenu .title_text_wrap_left_on  { width:45%; display:inline-block; border-right:1px solid #f1f1f1; position:relative; color:#000; }
.cbp-spmenu .title_text_wrap_right_on { width:45%; display:inline-block; position:relative; color:#000; }

/* 가로 3단일 경우 */
.cbp-spmenu .title_text_wrap_3th_left  { width:30%; display:inline-block;position:relative; border-right:1px solid #dedede;}
.cbp-spmenu .title_text_wrap_3th_center  { width:30%; display:inline-block; position:relative; border-right:1px solid #dedede; }
.cbp-spmenu .title_text_wrap_3th_right { width:28%; display:inline-block;position:relative; }


/* 가로 4단일 경우 */
.cbp-spmenu .title_text_wrap_4th_left  { width:22%; padding:7px 0; display:inline-block;position:relative; border-right:1px solid #f1f1f1;}
.cbp-spmenu .title_text_wrap_4th_center  { width:22%; padding:7px 0; display:inline-block; position:relative; border-right:1px solid #f1f1f1; }
.cbp-spmenu .title_text_wrap_4th_center2  { width:22%; padding:7px 0; display:inline-block; position:relative; border-right:1px solid #f1f1f1; }
.cbp-spmenu .title_text_wrap_4th_right { width:20%; padding:7px 0; display:inline-block;position:relative; }

/* 닫기버튼 */
#showLeftPush_close { border:none; background-color:transparent; float:right; top:12px; right:10px; position:absolute; }
#showRightPush_close { border:none; background-color:transparent; float:left; top:12px; left:10px; position:absolute; }
#showLeftPush_close img, #showRightPush_close img { width:20px; }

/*
.cbp-spmenu a:hover { background: #0460d9; }
.cbp-spmenu a:active { background: #0460d9; color: #4eb4f4; }
*/

.cbp-spmenu-vertical { width: 100%; height: 100%; top: 0; z-index: 10; }
.cbp-spmenu-horizontal { width: 100%; height: 200px; left: 0; z-index: 10; overflow: hidden; }
.cbp-spmenu-horizontal h3 { height: 100%;width: 20%;float: left;}
.cbp-spmenu-horizontal a {float: left;width: 20%;padding: 0.8em;border-left: 1px solid #258ecd;}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left { left: -502px; width: 500px;  }
.cbp-spmenu-right { right: -282px; width: 280px; }
.cbp-spmenu-top { top: -282px; }
.cbp-spmenu-bottom { bottom: -282px;  }
.cbp-spmenu-top.cbp-spmenu-open { top: 0px; }
.cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }
.cbp-spmenu-right.cbp-spmenu-open { right: 0px; }


/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -250px; /*위에서 있을때 위치 */
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 160px; /* 내려앉는 위치 */
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-totop {
	top: 200px; /* 밀리는 높이 */
}

/*
.cbp-spmenu-push-tobottom {
	top: -280px;
}
*/

.cbp-spmenu-push-toright {
	left: 500px;
}

.cbp-spmenu-push-toleft {
	left: -280px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}