@charset "utf-8";
@import url(layout.css);
@import url(board.css);
@import url(common.css);

img {
	vertical-align: top;
}
body, p, li, a, dt, dd {
	font-size: 11px;
}
a.more {
	display: block;
	width: 29px;
	height: 7px;
}
#bodyContents {	background: url(/images/main/back.gif) center 577px repeat-x; }
*html #bodyContents {  width: 100%; height: 100%; margin-left:0; }

/** Top **/
#mainHead {
	height: 530px;
	text-align: center;
	background: url(/images/main/main_bg.gif) center top no-repeat;
}
*html #mainHead { margin-left:-60px; }

/** Middle **/
#mainMiddle {	
	height: 315px; 
	text-align: center;
	/*background: url(/images/main/main_middle_bg.gif) center top no-repeat;*/

}
*html #mainMiddle { float:left; margin: -37px 0 0 -64px; padding-left:5px;  }


#mainBtm {	
	margin-top:30px;
	height:30px;
	text-align: center;

}
*html #mainBtm { float:left; margin: -200px 0 -280px -80px; padding-left:5px;  }



/** Bottom **/
#mainBottom {
	height: 347px;
	text-align: center;
	background: url(/images/main/main_bottom_bg.jpg) center top no-repeat;
}


#main-footer-div { margin-left:110px; }
*html #main-footer-div { margin-left:0; }


#mainHead img {
	vertical-align: top;
}
#topflashMenu {
	position: relative;
	width: 925px;
	height: 567px;
	margin: 0 auto;
}
#topNavi {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
#topNavi_Search {
	position: absolute;
	z-index: 107px;
	top: 437px;
	left: 85px;
	width: 283px;
	height:16px;
}
#prodFlash {
	position: absolute;
	z-index: 1;
	top: 98px;
	left: 0;
	width: 100%;
	text-align: center;
	/*background: url(/images/main/main_slide_bg.gif)  left top repeat-y;*/
}


#riaSearch {
	position: absolute;
	z-index: 200;
	top: 107px;
	left: 0;
	width: 100%;
	text-align: center;
}
#accessibility,
#mainHead h1,
#topLink,
#topMenu,
#productSearch {display: none;}


/** Body-layout **/
#main-layout {
	position: relative;
	/*width: 850px;*/
	width: 925px;
	height: 250px;
	margin: 0 auto;
	background: #fff;
}


#main-position {
	position: relative;
	width: 925px;
	height: 567px;
	margin: 0 auto;
}

#main-b-position {
	position: relative;
	width: 941px;
	height: 567px;
	margin: 0 auto;
}

#main-middle-position {
	position: relative;
	width: 925px;
	margin-top:30px;
}

#main-middle-position-lower {
	position: relative;
	width: 925px;
	margin-top:30px;
}


#main-bottom-left {
	position:absolute;
	width: 200px;
	height: 280px;
	margin: 15px 0 0 -448px;
	background: #fff;
}

#main-bottom-right {
	position:absolute;
	width: 695px;
	height: 250px;
	margin: 15px 0 0 -245px;
	background: #fff;
}

#main-bottom-right p.banner { float:left; margin-left:2px;  }
#main-bottom-right p.first { float:left; }

/** subContents **/
#subContents {
	position: absolute;
	z-index: 3;
	/*width: 158px;*/
	width : 222px;
	height: 1000px;
	/*background: #f3f3f3;*/
	/*background: #ffffff;*/
}


/** mainContents **/
#mainContents {
	width: 682px;
	/*padding: 24px 0 0 168px;*/
	padding: 24px 0 0 260px;
}



/*Tag*/
#tag-box {
	width: 200px;
	height: 130px;
	padding: 20px 10px 0 10px;
	border: 0;
	/*background: #F3F3F3;*/
	background: #ffffff;
}
#tag-box h2 {
	margin: 0 0 3px 0;
	height: 19px;
	border-bottom: 1px solid #C3C3C3;
}
#tag-box div.tag-view {
	overflow: hidden;
	height: 80px;
	padding: 4px 0 0;
	display: inline-block;
	vertical-align: middle;
}
/*main-tag-text-style*/
#tag-box a			{ color: #7E7E7E; font-size: 12px; font-weight: bold; line-height: 21px; padding: 5px 4px 4px 0;}
#tag-box a:hover	{ color: #fff; font-size: 12px; background: url(/images/main/tag_on_bg02.gif)  right top no-repeat;}
#tag-box span	  { line-height: 21px; padding: 5px 0 4px 4px;}
#tag-box span.on { background: url(/images/main/tag_on_bg01.gif) left top #E8395E no-repeat;}

*html #tag-box a			{ padding: 4px 4px 2px 0;}
*html #tag-box span	{ padding: 0 0 4px 4px;}
*:first-child+html #tag-box a			{ padding: 4px 4px 2px 0;}
*:first-child+html #tag-box span	{ padding: 0 0 4px 4px;}


/*News*/
#news {
	padding: 0px 10px 0 10px;
	height:80px;
}
#news h2 {
	height: 17px;
	border-bottom: 1px solid #c3c3c3;
}
#news a.more {
	margin: -15px 0 8px 170px;
}
#news li {
	padding: 4px 0 1px 0;
	background: url(/images/common/dot03.gif) left top repeat-x;
}
#news li:first-child,
#news li.first {
	background: transparent;
}
#news li a {
	letter-spacing: -0.1em;
	padding: 0 0 0 7px;
	background: url(/images/common/bullet/bullet05.gif) 0 4px no-repeat;
}
#news li a.notice {
	color: #2D2D2D;
}
*html #news a.more	{ margin-bottom: 4px;}

/*Center-call*/
#center-call {
	padding: 13px 10px;
}

#center-call h2 {
	height: 17px;
	/*border-bottom: 1px solid #c3c3c3;*/
}


/*product-list*/
#special-pr,
#best-pr{
	width: 682px;
	height: 180px;
	overflow: hidden;
}

#chuchun-pr
{
	width: 684px;
	height: 460px;
	overflow: hidden;
	margin: 35px 0 0;	
}
h2.pr {
	height: 25px;
}
ul.shop-style {
	border-bottom: 0;
}
ul.shop-style li {
	width: 130px;
	margin: 0 0 0 26px;
	padding: 0 0 0 27px;
	min-height: 140px;
	border-left: 1px solid #ddd;
	border-bottom: 0;
}
ul.shop-style li.first {
	margin: 0;
	padding: 0;
	border: 0;
}
ul.shop-style li dd p.text em {
	margin: 5px 0 0;
}
ul.shop-style li dd p.cash {
	margin: 7px 0 0;
}
*html ul.shop-style								{ height: 140px;}
*html ul.shop-style li							{ height: 140px;}

#special-pr	{
	height: 178px;
	border-bottom: 2px solid #DFDFDF;
}

#best-pr {
	margin: 15px 0 0;
}


/*나만의인테리어&DIY*/
#my-interior-diy {
	margin: 15px 0 0;
	overflow: hidden;
	width: 484px;
	height: 120px;
	padding: 5px 5px 5px 4px;
	background: #DFDFDF;
}
#my-interior-diy li {
	float: left;
	margin: 0 0 0 1px;
}




/*zone-link-style*/
.zone-link {
	width: 94px;
	height: 60px;
	padding: 12px 15px 13px 128px;
	border: 3px solid #dfdfdf;
	background: left top no-repeat;
}
.zone-link p	{
	margin: 6px 0 7px 0;
}
.zone-link a.go	{
	display: block;
	width: 85px;
	height: 11px;
}
#bonvivi {
	margin: 15px 0 0;
	background-image: url(/images/main/bonvivi_sample.gif);
}
#story {
	margin: -91px 0 0 251px;
	background-image: url(/images/main/story_sample.gif);
}


/*main-Banner*/
#mainBanner {
	overflow: hidden;
	width: 374px;
	height: 116px;
	margin: 13px 0 0;
}
#mainBanner li {
	float: left;
	margin: 6px 0 0 10px;
}
#mainBanner li.first {
	margin-left: 0;
}

/*open-talk*/
#open-talk {
	margin: -110px 0 0 383px;
	width: 110px;
}
#open-talk h2 {
	height: 50px;
}
#open-talk p {
	margin: 0 0 0 1px;
	height: 32px;
	padding: 10px 8px 2px 8px;
	background: #F6F6F6;
}
#open-talk a img {
	margin: 1px 0 0 1px;
}
*html #open-talk p {
	padding: 10px 9px 0 8px;
}


/*가구그리고사람*/
#person {
	position: absolute;
	right: 0;
	top: 413px;
	width: 175px;
	/*border: 1px solid #dfdfdf;*/
	padding: 1px;
}
#person h2 {
	padding: 3px 0 4px 4px;
	background: #dfdfdf;
}
#person a.more {
	margin: -12px 0 15px 140px;
}
#person p.photo {
	width: 83px;
	margin: 0 0 0 4px;
	border: 1px solid #dfdfdf;
}
#person dl {
	width: 77px;
	height: 68px;
	margin: -60px 0 0 94px;
}
#person dt {
	margin: 3px 0;
	font-weight: bold;
	color: #404040;
}
#person dd {
	line-height: 14px;
}
#person ul {
	margin: 0 4px;
	padding: 7px 0 2px 0;
	background: url(/images/common/dot03.gif) left top repeat-x;
}
#person li {
	padding: 0 0 0 7px;
	background: url(/images/common/bullet/bullet05.gif) 0 6px no-repeat;
}



/*design-Club*/
#designerClub {
	position: absolute;
	right: 0;
	top: 559px;
}
