@charset "utf-8";


/* 푸쉬버튼 */
#showLeftPush { top:18px; width:30px; background:none; border:none; z-index:999; position:absolute; margin-left:7px; }
#showLeftPush img { width:20px; }
#showRightPush { top:17px; width:30px;  background:none; border:none; z-index:999; position:absolute; right:7px; }
#showRightPush img { width:23px; }

.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: #323949; /* Old browsers */
background: -moz-linear-gradient(left,  #323949 0%, #323949 88%, #323949 93%, #0e0f14 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#323949), color-stop(88%,#323949), color-stop(93%,#323949), color-stop(99%,#0e0f14)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #323949 0%,#323949 88%,#323949 93%,#0e0f14 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #323949 0%,#323949 88%,#323949 93%,#0e0f14 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #323949 0%,#323949 88%,#323949 93%,#0e0f14 99%); /* IE10+ */
background: linear-gradient(to right,  #323949 0%,#323949 88%,#323949 93%,#0e0f14 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323949', endColorstr='#0e0f14',GradientType=1 ); /* IE6-9 */	
}

.cbp-spmenu-right {
	right: -280px;
	background: #0e0f14; /* Old browsers */
	background: -moz-linear-gradient(left,  #0e0f14 1%, #323949 7%, #323949 12%, #323949 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#0e0f14), color-stop(7%,#323949), color-stop(12%,#323949), color-stop(100%,#323949)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #0e0f14 1%,#323949 7%,#323949 12%,#323949 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #0e0f14 1%,#323949 7%,#323949 12%,#323949 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #0e0f14 1%,#323949 7%,#323949 12%,#323949 100%); /* IE10+ */
	background: linear-gradient(to right,  #0e0f14 1%,#323949 7%,#323949 12%,#323949 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0f14', endColorstr='#323949',GradientType=1 ); /* IE6-9 */
}

.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:95%; position:relative;  height: 100%; margin:0 auto;}
#nav_left_wrap h3 { font-size:26px; color:#FFF; text-align:center; }
#nav_left_wrap .left_menu_wrap { width:100%;}


#nav_left_wrap .left_menu_wrap_line { height:1px; background:#475167; margin:15px 0px; box-shadow:1px 1px 1px #333; }
#nav_left_wrap .left_menu_wrap_1depth a { font-size:13px; color:#f9f9f9; padding:15px 10px; text-shadow:1px 1px 1px #333; display: block; }
#nav_left_wrap .left_menu_wrap_1depth .arrow_right { position:relative; margin-top:0px; width:8px; }
#nav_left_wrap .left_nav_small_menu_btn {  padding: 5px 10px; text-align:center; font-size:12px; background:#262c38; color:#FFF; border:1px solid #475167; margin:1px 1px; box-shadow:1px 1px 1px #333; 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:90%; position:relative;  height: 100%; margin:0 auto;}
#nav_left_wrap .title,
#nav_right_wrap .title { width:100%;  font-size:26px; height:48px; line-height:48px; color:#FFF; text-align:center; background:url('//img.for-next.net/img/background/transparent_gray.png'); }
#nav_right_wrap .right_menu_wrap { width:100%;}


#nav_right_wrap .right_menu_wrap_line { height:1px; background:#475167; margin:8px 0px; box-shadow:1px 1px 1px #333;}
#nav_right_wrap .right_menu_wrap_1depth a { width:100%; font-size:13px; color:#f9f9f9; padding:5px 0px; text-shadow:1px 1px 1px #333;}
#nav_right_wrap .right_menu_wrap_1depth .arrow_right { position:relative; margin-top:0px; width:8px; }
#nav_right_wrap .right_nav_big_menu_btn { width:110px; height:30px; text-align:center; font-size:13px; color:#262c38; border:1px solid #475167; margin:3px 3px; box-shadow:1px 1px 1px #333; 
/* background:#262c38;  */
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 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}
#nav_right_wrap .right_nav_small_menu_btn { width:75px; height:25px; text-align:center; font-size:12px; background:#262c38; color:#FFF; border:1px solid #475167; margin:3px 3px; box-shadow:1px 1px 1px #333; border-radius:2px; }
#nav_right_wrap .right_nav_small_menu_btn_2th { width:160px; height:25px; text-align:center; font-size:12px; background:#262c38; color:#FFF; border:1px solid #475167; margin:3px 3px; box-shadow:1px 1px 1px #333; border-radius:2px; }

/* Example media queries */

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



}

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


}