@charset "utf-8";

/* ***********************************************************************
	궁리의책 SNB
*********************************************************************** */
#snb.bg1{height:552px; background:url(../images/snb_ul_bg1.jpg) no-repeat 0 60px;}
#snb h1.side1 {height:61px; background:url(../images/snb_head1.jpg) no-repeat; text-indent:-1000px; margin-bottom:20px;}

#side1 li a {
	float: left;
	overflow: hidden;
	padding: 22px 0 0 0;
	height: 0px !important;
	text-indent:-1000px;
	margin-bottom:5px;
}

#side1 li a:hover {	background-position: 0px -22px;}
#side1 li a:active, #side1 li a.selected {	background-position: 0 -22px;}

/*  메뉴들마다 이미지를 넣어주고 넓이를 지정해준다*/ 
#side1 .menu1 a {
	width: 160px;
	background:url(../images/snb_book_menu1.gif) top no-repeat;
}
#side1 .menu2 a {
	width: 160px;
	background:url(../images/snb_book_menu2.gif) top no-repeat;
}
#side1 .menu3 a {
	width: 160px;
	background:url(../images/snb_book_menu3.gif) top no-repeat;
}
#side1 .menu4 a {
	width: 160px;
	background:url(../images/snb_book_menu4.gif) top no-repeat;
}
#side1 .menu5 a {
	width: 160px;
	background:url(../images/snb_book_menu5.gif) top no-repeat;
}
#side1 .menu6 a {
	width: 160px;
	background:url(../images/snb_book_menu6.gif) top no-repeat;
}
#side1 .menu7 a {
	width: 160px;
	background:url(../images/snb_book_menu7.gif) top no-repeat;
}

.snb_sub_menu {padding-left:17px; margin-bottom:10px;}
.snb_sub_menu a{ text-decoration:none; line-height:18px; color:#333; font-size:12px;}
.snb_sub_menu a:hover{ text-decoration:underline; color:#930;}
.snb_sub_menu a:active{ color:#333 }
.grey { color:#999; margin:0 5px;}


/* ***********************************************************************
	궁리이야기 SNB
*********************************************************************** */
#snb.bg2{height:552px; background:url(../images/snb_ul_bg2.jpg) no-repeat 0 60px;}
#snb h1.side2 {height:61px; background:url(../images/snb_head2.jpg) no-repeat; text-indent:-1000px; margin-bottom:20px;}

#side2 li a {
	float: left;
	overflow: hidden;
	padding: 22px 0 0 0;
	height: 0px !important;
	text-indent:-1000px;
	margin-bottom:5px;
}

#side2 li a:hover {	background-position: 0px -22px;}
#side2 li a:active, #side2 li a.selected {	background-position: 0 -22px;}

/*  메뉴들마다 이미지를 넣어주고 넓이를 지정해준다*/ 
#side2 .menu1 a {
	width: 160px;
	background:url(../images/snb_story_menu1.gif) top no-repeat;
}
#side2 .menu2 a {
	width: 160px;
	background:url(../images/snb_story_menu2.gif) top no-repeat;
}
#side2 .menu3 a {
	width: 160px;
	background:url(../images/snb_story_menu3.gif) top no-repeat;
}
#side2 .menu4 a {
	width: 160px;
	background:url(../images/snb_story_menu4.gif) top no-repeat;
}
#side2 .menu5 a {
	width: 160px;
	background:url(../images/snb_story_menu5.gif) top no-repeat;
}



/* ***********************************************************************
	궁리소개 SNB
*********************************************************************** */
#snb.bg3{height:552px; background:url(../images/snb_ul_bg3.jpg) no-repeat 0 60px;}
#snb h1.side3 {height:61px; background:url(../images/snb_head3.jpg) no-repeat; text-indent:-1000px; margin-bottom:20px;}

#side3 li a {
	float: left;
	overflow: hidden;
	padding: 22px 0 0 0;
	height: 0px !important;
	text-indent:-1000px;
	margin-bottom:5px;
}

#side3 li a:hover {	background-position: 0px -22px;}
#side3 li a:active, #side3 li a.selected {	background-position: 0 -22px;}

/*  메뉴들마다 이미지를 넣어주고 넓이를 지정해준다*/ 
#side3 .menu1 a {
	width: 160px;
	background:url(../images/snb_kungree_menu1.gif) top no-repeat;
}
#side3 .menu2 a {
	width: 160px;
	background:url(../images/snb_kungree_menu2.gif) top no-repeat;
}
#side3 .menu3 a {
	width: 160px;
	background:url(../images/snb_kungree_menu3.gif) top no-repeat;
}
#side3 .menu4 a {
	width: 160px;
	background:url(../images/snb_kungree_menu4.gif) top no-repeat;
}
#side3 .menu5 a {
	width: 160px;
	background:url(../images/snb_kungree_menu5.gif) top no-repeat;
}


/* ***********************************************************************
	궁리카페 SNB
*********************************************************************** */
#snb.bg4{height:552px; background:url(../images/snb_ul_bg4.jpg) no-repeat 0 60px;}
#snb h1.side4 {height:61px; background:url(../images/snb_head4.jpg) no-repeat; text-indent:-1000px; margin-bottom:20px;}

#side4 li a {
	float: left;
	overflow: hidden;
	padding: 22px 0 0 0;
	height: 0px !important;
	text-indent:-1000px;
	margin-bottom:5px;
}

#side4 li a:hover {	background-position: 0px -22px;}
#side4 li a:active, #side4 li a.selected {	background-position: 0 -22px;}

/*  메뉴들마다 이미지를 넣어주고 넓이를 지정해준다*/ 
#side4 .menu1 a {
	width: 160px;
	background:url(../images/snb_cafe_menu1.gif) top no-repeat;
}
#side4 .menu2 a {
	width: 160px;
	background:url(../images/snb_cafe_menu2.gif) top no-repeat;
}
#side4 .menu3 a {
	width: 160px;
	background:url(../images/snb_cafe_menu3.gif) top no-repeat;
}
#side4 .menu4 a {
	width: 160px;
	background:url(../images/snb_cafe_menu4.gif) top no-repeat;
}
#side4 .menu5 a {
	width: 160px;
	background:url(../images/snb_cafe_menu5.gif) top no-repeat;
}