@charset "utf-8";
.cbp-spmenu {
	background: #81cbf9;
	position: fixed;
}


.cbp-spmenu-vertical {
	width: 280px;
	height: 100%;
	top: 0px;
	z-index: 1000;
}


.cbp-spmenu-vertical ul li { border-bottom:1px solid #b3dfe8;}
.cbp-spmenu-vertical ul li ul li { border:none;}

.cbp-spmenu-vertical ul li a {
	height:45px;
	line-height:45px;
	padding:0 10px;
	font-size:12px;
}
.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}


.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
}

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

.cbp-spmenu-left {
	left: -280px;
background: #fff; /* Old browsers */
}

.cbp-spmenu-right {
	right: -280px;
	background: #fff; /* Old browsers */
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
	border-right:0px solid #b3dfe8;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
	border-left:0px solid #b3dfe8;
}

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

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

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

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

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

/* Push classes applied to the body */

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

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

.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;
}

/* 왼쪽네비.세부설정 */
#nav_left_wrap { width:280px; position:relative; height: 100%;  overflow-y:scroll; overflow-x: hidden; }
#nav_left_wrap .nav_left_wrap_area { width:85%; position:relative;  height: 100%; margin:0 auto;}
#nav_left_wrap h3 { font-size:26px; color:#FFF; text-align:center; }
#nav_right_wrap .left_menu_wrap { width:100%; padding-bottom: 10px; border-bottom: 1px solid #ededed; margin-bottom: 10px; }
#nav_left_wrap .right_menu_member { font-size:16px; font-weight:bold; text-align:center; color:#484848; }


#nav_right_wrap .right_menu_wrap_line,
#nav_right_wrap .left_menu_wrap_line { height:1px; background:#efefef; margin:15px 0px;  }
#nav_right_wrap .left_menu_wrap_1depth a { font-size:16px; color:#484848; padding:8px 0px 8px 0px; display:block; }
#nav_right_wrap .left_menu_wrap_1depth .arrow_right { position:relative; margin-top:0px; width:8px; }
#nav_right_wrap .left_nav_small_menu_btn {  padding: 10px 10px; text-align:center; font-size:14px; background:#0577c0; border:1px solid #0577c0; color:#fff; margin:5px 1px; border-radius:2px; }


/* 오른쪽네비.세부설정 */
#nav_right_wrap { width:280px; position:relative; height: 100%;  overflow-y:scroll; overflow-x: hidden; }
#nav_right_wrap .nav_right_wrap_area { width:80%; position:relative;  margin:0 auto;}
#nav_left_wrap .title,
#nav_right_wrap .title { width:85%; margin:0 auto;   font-size:26px; padding: 10px 0px 10px 0px; color:#484848; text-align:left; background:#fff; }
#nav_right_wrap .right_menu_wrap { width:100%;}
#showRightPush_close {  position: absolute; top: 14px; right: 10px; background: none; border: none; opacity: 0.95; color: #000; }
#showRightPush_close img { height: 35px; opacity: 0.35;  }

#nav_right_wrap .title_trans { width:90%; margin:0 auto; font-size:15px; color:#fff; text-align:left; padding: 20px 0px 10px 0px; }

#nav_right_wrap .right_menu_wrap_1depth a { width:100%; font-size:15px; color:#484848; padding:5px 0px; }
#nav_right_wrap .right_menu_wrap_1depth .arrow_right { position:relative; margin-top:0px; width:8px; }
#nav_right_wrap .right_nav_big_menu_btn { padding: 7px 10px; text-align:center; font-size:13px; color:#002f7b; border:1px solid #002f7b; margin:3px 3px; background: #fff; border-radius:8px; }
#nav_right_wrap .right_nav_small_menu_btn { padding: 5px 10px; text-align:center; font-size:12px; background:#fff; color:#484848; border:1px solid #484848; margin:3px 3px;border-radius:2px; letter-spacing: -0.8px; vertical-align: top; }
#nav_right_wrap .right_nav_small_menu_btn_2th { padding: 5px 10px; text-align:center; font-size:12px; background:#fff; color:#484848; border:1px solid #484848; margin:3px 3px; border-radius:2px; vertical-align: top; }

/* Example media queries */

@media screen and (max-width: 55.1875em){



}

@media screen and (max-height: 26.375em){


}