/*슬라이딩*/
#sliding-option{
	display:none;
}
.sliding-view{
	position:relative;
	overflow:hidden;
	height:100%;
	/*min-height:2000px;*/
	/*background:#fff;*/
}
.sliding-basket{
	background:#fff;
}
.sliding-main{
	z-index:11;
	display:block;
	width:auto;
	background:pink;
}
.sliding-sub{
	z-index:10;
	position:absolute;
	top:0;
	left:-500px;
	margin-right:500px;
	width:500px;
	height:100%;
	background:#fff;
}

.sliding-ctr{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	margin:0;
	cursor:pointer;
	width:100px;
	height:100px;
	background:url(../img/common/nav_btn.png) no-repeat 0 0;
}
.sliding-ctr2{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	margin:0;
	cursor:pointer;
	width:100px;
	height:100px;
	background:url(../img/common/nav_btn2.png) no-repeat 0 0;
}
.sliding-dim{
	display:none;
	z-index:10;
	position:absolute;
	top:0px;left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.3;
}
.classBlock{
	display:block !important;
}
.sliding-view{
	/*min-height:1500px;*//*왼쪽 슬라이드메뉴의 길이 만큼*/
}


.jquery-sliding-menu{
	background:#333;
}
.jquery-sliding-menu a{
	text-decoration:none;
	color:#fff;
	border-bottom:1px solid #244149;
	border-top:1px solid #335360;
	font-weight:100;
}
.jquery-sliding-menu .back{
	background:#1c3139 !important;
	color:orange !important;
	padding-top:20px !important;
	padding-bottom:30px !important;	
}
.jquery-sliding-menu .back:before{
	font-weight:900;
}
.jquery-sliding-menu .back:after{
	content:" ";
}
.jquery-sliding-menu{}


/*short-drop-down*/
.short-drop-down-ctr{
	position:absolute;
	top:0px;
	left:10px;
	display:block;
	font-size:30px;
	margin:5px 10px 5px 0;
	color:#5cc9d2;
	cursor:pointer;
	text-align:center;
}
.short-drop-down{
	visibility:hidden;
	z-index:10;
	position:absolute;
	top:45px;
	left:0;
	width:100%;
	height:0px;
	overflow:visible;
}
.short-drop-down .pannel{
	height:150px;
	background: rgba(255, 255, 255, 0.9);
}
.circle-style-menu{
	table-layout:fixed;
	width:100%;
	text-align:center;
	margin-top:10px;
}
.circle-style-menu i{
	display:block;
	width:50px;
	height:50px;
	border-radius:25px;
	margin:0 auto 10px auto;
	background-color:#ea3838;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.circle-style-menu a{
	color:#333;
	font-weight:100;
	text-decoration:none;
}


#gnb2-wrap .gnb .d1>p{
	/*font-size:26px;*/
	display:block;
	background:#fff;
	color:#332f38;
	text-decoration:none;
	height:90px;
	line-height:3.5;
	padding-left:15px;
	border-bottom:1px solid #332f38;
	cursor:pointer;
	font-size:26px;
}
#gnb2-wrap .gnb .d1>p.now{
	background:#332f38;
	border-bottom-width:0;
	color:#fff;
}
#gnb2-wrap .gnb .fir{
	border-top:1px solid #332f38;
}
#gnb2-wrap .gnb .c01{
	background:#a3b835;
}

#gnb2-wrap .gnb .d2{
	overflow:hidden;
	clear:both;
}
#gnb2-wrap .gnb .d2>li{
	float:left;
	display:block;
	width:250px;
	height:70px;
	border-bottom:1px solid #332f38;
	background:#fff;
}
#gnb2-wrap .gnb .d2>li>a{
	display:block;
	width:234px;
	height:100%;;
	background:#fff;
	color:#303030;
	text-decoration:none;
	padding-left:15px;
	line-height:3;
	border-right:1px solid #332f38;
	font-size:22px;/*공간이 좁으므로 폰트사이즈를 작게*/
	
	/*텍스트가 공간 넘어갈때 대비*/
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal
}
#gnb2-wrap .gnb .d2>li:nth-of-type(even)>a{
	border-right:0;
}

#gnb2-wrap .gnb .d2>li.now>a{
	background:#333;
	font-weight:700;
}


#gnb2-wrap .gnb .d2 .cop_warp{
	width:500px;
	 
}
#gnb2-wrap .gnb .d2 .cop_warp .cop{
}

#gnb2-wrap .gnb .d2 .cop_warp .cop li{
	float:left; display:block; width:250px; height:69px; background:#fff; border-bottom:1px solid #332f38;
}
#gnb2-wrap .gnb .d2 .cop_warp .cop li.last{
	 border-bottom:0px solid #332f38;
}
#gnb2-wrap .gnb .d2 .cop_warp .cop li a.tit{
	 
	background:#ffbebf;
	line-height:10;
}
#gnb2-wrap .gnb .d2 .cop_warp .cop li a{
	display:block;
	width:235px;
	height:100%;;
	background:#fff;
	color:#303030;
	text-decoration:none;
	padding-left:15px;
	line-height:3;
	font-size:22px;/*공간이 좁으므로 폰트사이즈를 작게*/
	
	/*텍스트가 공간 넘어갈때 대비*/
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal
}
 
#gnb2-wrap .m_join{
	padding:10px;
	width:480px;
	height:70px;
}
#gnb2-wrap .m_join li{
	float:left;
	display:block;
	width:235px;
	height:70px;
	 
}
#gnb2-wrap .m_join>li>a{
	display:block;
	width:235px;
	height:100%;;
	background:#332f38;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:3;
	font-size:26px;/*공간이 좁으므로 폰트사이즈를 작게*/
	
	/*텍스트가 공간 넘어갈때 대비*/
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal
}