/* BASIC css start */
html {
    overflow-y: scroll;
}

#hdWrap {
	background: url(/design/stcroixrod/0645ilovebike/top_bg.gif) repeat-x center 0;
}

#header {
	position: relative; z-index: 40;
	padding: 0 0 20px;
	min-height: 251px;
}
#header .section {
	width: 1100px; margin: 0 auto;
	min-height: 30px;
}
#header .section .inner {
	float: left;
}
#header .section .inner li {
	float: left;
	border-right: 1px solid #dedede;
	height: 29px;
}
#header .section .inner li:first-child {
	border-left: 1px solid #dedede;
}
#header .section .inner li a {
	display: block;
	padding: 0 15px;
	line-height: 29px;
	line-height: 33px\0/IE8+9; /* 익스8,9,10 */
	*line-height: 33px; /* 익스7 */
	color: #949494; text-decoration: none; font-size: 11px;
}
#header .section .inner li a:hover {
	color: #000;
}
#header .section .inner2 {
	float: right;
}
#header .section .inner2 li {
	float: left;
	border-right: 1px solid #dedede;
	height: 29px;
}
#header .section .inner2 li:first-child {
	border-left: 1px solid #dedede;
}
#header .section .inner2 li a {
	display: block;
	padding: 0 15px;
	line-height: 29px;
	line-height: 33px\0/IE8+9; /* 익스8,9,10 */
	*line-height: 33px; /* 익스7 */
	color: #949494; text-decoration: none; font-size: 11px;
}
#header .section .inner2 li a.join {
	color: #555;
}
#header .section .inner2 li a:hover {
	color: #000;
}

#header .section2 {
	width: 1100px; margin: 0 auto;
	min-height: 171px;
}
#header .section2 h1 {
	float: left;
	padding: 53px 72px 0 28px;
}
#header .section2 .area_bbs {
	float: left;
	padding: 82px 0 0 0;
}
#header .section2 .area_bbs li {
	float: left;
	position: relative; z-index: 30;
}
#header .area_search {
	float: right;
	padding: 55px 13px 0 0;
}
#header .area_search .popular {
	padding: 0 0 10px 3px;
}
#header .area_search .popular strong {
	font-weight: 700; font-size: 11px; color: #888888;
	float: left;
}
#header .area_search .popular p {
	font-weight: normal; font-size: 11px; color: #888888;
	float: left;
}
#header .area_search .popular p a {
	font-weight: normal; font-size: 11px; color: #888888;
	vertical-align: top;
}
#header .area_search .MS_search_word {
	width: 264px; height: 23px;
	border: 3px solid #1a3351;
	margin: 0; padding: 0 0 0 8px;
	font-size: 11px; color: #737373;
	line-height: 23px;
	line-height: 27px\0/IE8+9; /* 익스8,9,10 */
	*line-height: 27px; /* 익스7 */
	float: left;
}
#header .area_search .btn_sh {
	padding: 0 0 0 4px;
	float: left;
}

#header .section3 {
	width: 1100px; margin: 0 auto;
	min-height: 50px;
	position: relative;
}
#header .section3 .top_menu {
	width: 1092px; margin: 0 auto;
	padding-left: 8px;
}
#header .section3 .top_menu li {
	float: left;
	position: relative;
	margin: 0 0 0 30px;
}
#header .section3 .top_menu li:first-child {
	margin: 0;
}

/* 중분류 */
.top_sub {background: #fff; visibility: hidden; position: absolute; z-index: 1000; width:190px; padding:0; margin:0; top: 50px; left: 0; }
.top_sub .sub {border:1px solid #d4d4d4; padding:5px; margin:0;}
.top_sub .sub a {display: block;font: 12px 돋움; text-align: left; text-decoration: none; padding: 5px; background: #fff; color: #555555; border-top:1px solid #e0e0e0; line-height:20px;}
.top_sub .sub a:hover { background:#16314f;color: #FFF}
.top_sub .sub a:first-child {border:0px;}

/* popup menu */
#top_arrow1 {
	position: absolute; top: -16px; left: 13px;
}

#submenu1 {
	border: 3px solid #000;
	background: #fff;
	padding: 10px 0;
	position: absolute; top: 33px; left: 13px; z-index: 30;
	width: 155px;
	display: none;
}
#submenu1 .mcate1 {
	width: 100px;
	padding: 0px 14px;
	text-align: left;
}
#submenu1 .mcate1 a {
	display: block;
	line-height: 30px; color: #000; font-size: 11px;
	height: 30px;
	border-bottom: 1px solid #d7d7d7;
}
#submenu1 .mcate1 a:hover {
	text-decoration: underline;
}
#submenu1 td:first-child {
	border-right: 1px solid #d7d7d7;
}

#submenu2 {
	border: 3px solid #000;
	background: #fff;
	padding: 10px 0;
	position: absolute; top: 33px; left: 13px; z-index: 30;
	width: 155px;
	display: none;
}
#submenu2 .mcate1 {
	width: 100px;
	padding: 0px 14px;
	text-align: left;
}
#submenu2 .mcate1 a {
	display: block;
	line-height: 30px; color: #000; font-size: 11px;
	height: 30px;
	border-bottom: 1px solid #d7d7d7;
}
#submenu2 .mcate1 a:hover {
	text-decoration: underline;
}
#submenu2 td:first-child {
	border-right: 1px solid #d7d7d7;
}

#submenu3 {
	border: 3px solid #000;
	background: #fff;
	padding: 10px 0;
	position: absolute; top: 33px; left: 13px; z-index: 30;
	width: 155px;
	display: none;
}
#submenu3 .mcate1 {
	width: 100px;
	padding: 0px 14px;
	text-align: left;
}
#submenu3 .mcate1 a {
	display: block;
	line-height: 30px; color: #000; font-size: 11px;
	height: 30px;
	border-bottom: 1px solid #d7d7d7;
}
#submenu3 .mcate1 a:hover {
	text-decoration: underline;
}
#submenu3 td:first-child {
	border-right: 1px solid #d7d7d7;
}
/* BASIC css end */