@charset "euc-kr";
/* CSS Document */
body{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;	
	font-family: dotum;
	font-size: 11px;
	background: #ffffff;
}

body input 
{
	font-size:11px;
}

img{
	border: none;
}

a{
	text-decoration: none;
	color: #666666;
}

ul, li{
	list-style: none;
}

#wrapperAll{
	float: left;
	position: relative;
	width: 100%;
	/*background: url(../images/bg/bg_header.jpg) no-repeat left top;*/	
}

#wrapperLeft{
 	position: absolute; 
	z-index: -100; 
	left:0; 
	top: 0; 
	width: 50%; 
	height: 120px; 
	background: url(../images/bg/bg_wrapper_left.jpg) repeat-x left top;
}

#wrapperRight{
 	position: absolute; 
	z-index: -100; 
	right:0; 
	top: 0; 
	width: 50%; 
	height: 120px; 
	background: url(../images/bg/bg_wrapper_right.jpg) repeat-x left top;
}

/* Header */
#header{
	float: left;
	width: 100%;
	height: 120px;
	position:relative;
	z-index:2000;
}

/* Header Left */
#header .left{
	float: left;	
	width: 270px;
	height: 100%;
}

#header .left .logo{
	float: left;
	width: 100%;
	height: 90px;
}

#header .left .logo a{
	float: left;
	display: inline;
	margin: 17px 0 0 5px;
}

#header .left .logo a.eshopLogo{
	margin-top: 39px;
}

#header .left .logo img.divider{
	float: left;
	margin-top: 42px; 
	padding: 0 3px 0 6px;
}

#header .left .notice{
	float: left;
	width: 100%;
	height: 30px;
}

#header .left .notice a{
	float: left;
	display: inline;
	margin: 9px 0 0 8px;
	color: #ffffff;
	font-size: 11px;
	cursor: pointer;
}

#header .left .notice span{
	float: left;
	width: 207px;
}

#header .left .notice a img{
	float: left;
	margin-right: 0;
}

#header .left .notice a span{
	float: left;
	margin-top: 1px;
	font-size: 11px;
}

/* Header Right */
#header .right{
	float: left;
	width: 728px;
	height: 100%;
}

#header .right .top{
	float: left;
	width: 100%;
	height: 34px;
}

/* Utility Menu */
#header .right .top .utilityMenu{
	float: right;
	margin: 0;
	padding: 8px 70px 0 0;
}

#header .right .top .utilityMenu li{
	float: left;
	position: relative;
}

#header .right .top .utilityMenu li.divider{
	width: 9px;
	background: url(../images/bg/bg_utilityMenuDivider.jpg) no-repeat 4px 2px;
}

#header .right .top .utilityMenu li a{
	float: left;
	margin-top: 2px;
	cursor: pointer;
}

#header .right .top .utilityMenu li.btn a{
	margin: 0 6px 0 0;
}

/* Sub Menu */
#header .right .top .utilityMenu li span.subMenu{
	display: none;
	float: left;
	position: absolute;
	width: 95px;
	padding-top: 6px;
	left: -5px;
	top: 15px;
	border-bottom: 1px solid #d1d1d1;
	background: url(../images/bg/bg_subMenu.jpg) no-repeat left top;
	z-index: 100;
}

#header .right .top .utilityMenu li span.subMenu span{
	float: left;
	width: 93px;
	height: 18px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	background: url(../images/bg/bg_subMenuList.jpg) repeat-x left top;
	z-index:50;
}

#header .right .top .utilityMenu li span.subMenu span a{
	float: left;
	width: 82px;
	height: 14px;
	padding: 4px 0 0 11px;
	margin: 0;
	background: url(../images/bul/bul_subMenu.jpg) no-repeat 5px 7px;
} 

#header .right .top .utilityMenu li span.subMenu span a img{
	float: left;
}

/* Search */
#header .right .center{
	float: left;
	width: 100%;
	height: 42px;
}
#header .right .center .search{
	float: left;
	display: inline;
	width: 347px;
	margin: 4px 0 0 33px;
}

#header .right .center .search span{
	float: left;
}

#header .right .center .search span input{
	float: left;
	width: 255px;
	height: 31px;
	margin: 0;
	padding: 0 0 0 15px;
	font: normal 13px/31px dotum;
	border: none;
	background: url(../images/bg/bg_search.jpg) no-repeat left top;
}

#header .right .center .search span a{
	float: left;
	display: inline;
	margin-left: 4px;
}

#header .right .center .banner{
	float: left;
	width: 348px;
}

#header .right .center .banner img{
	float: left;
	display: inline;
	margin: 0 0 0 48px;
}


#header .right .bottom{
	position: relative;
	float: left;
	width: 100%;
	height: 37px;
}

#header .right .bottom .mainMenu{
	position: absolute; /*2010-08-23 ¹®Áö¿í*/
	top: 0px;
	left: 0px;
	width: 410px;
	height: 39px;
	z-index: 10;
}

#header .right .bottom .icon{
	position: absolute; /*2010-08-23 ¹®Áö¿í*/
	top: 0px;
	left: 0px;
	width: 100px;
	line-height: 30px;
	padding: 21px 0 0 528px;
}
/* //Header */

/* Center Left Side */
#center .leftSide{
	/*position: absolute; 2010-08-23 ¹®Áö¿í*/
	float:left;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 100%;
	/*background: url(../images/bg/bg_leftSideAll.jpg) repeat-y left top; 2010-08-27 ÇÑÁ¤¿ì */
	/*border-bottom: 1px solid #FDFFF3;*/
	border: none;
	min-height: 850px;
	_height: 850px;
}

#center .leftSide .category{
	float: left;
	width: 100%;
	height: 280px;
	background: url(../images/bg/bg_category.jpg) no-repeat left top; /*2010-08-23 ¹®Áö¿í*/
}

#center .leftSide .category img{
	float: left;
}

#center .leftSide .details{
	float: left;
	width: 100%;
	background: url(../images/bg/bg_leftSide.jpg) no-repeat left top;
}

#center .leftSide .details ul.features{
	float: left;
	margin: 0;
	padding: 0 0 0 16px;
	width: 164px;
}

#center .leftSide .details ul.features li{
	float: left;
	clear: both;
	width: 142px;
	padding-left: 3px;
	border-bottom: 1px dashed #8ed133;
}

#center .leftSide .details ul.features li.feature1{
	height: 101px;
	margin: 16px 0 0 0;
}

#center .leftSide .details ul.features li.feature1 span{
	float: left;
	clear: both;
	width: 100%;
}

#center .leftSide .details ul.features li.feature1 .btns a{
	float: left;
	margin: 3px 2px 0 0;
}

#center .leftSide .details ul.features li.feature2{
	height: 81px;
	margin: 20px 0 0 0;
}

#center .leftSide .details ul.features li.feature2 span.tit{
	float: left;
	width: 83px;
	margin-top: 1px;
}

#center .leftSide .details ul.features li.feature2 span.img{
	float: left;
}

#center .leftSide .details ul.features li.feature2 span.img span{
	float: left;
	clear: both;
	margin-bottom: 1px;
}

#center .leftSide .details ul.features li.feature3{
	height: 87px;
	margin-top: 14px;
	border: none;
}

#center .leftSide .details span.payfree{
	float: left;
	width: 155px;
	height: 100px;
	margin-top: 20px;
	padding: 0 0 0 19px;
}

#center .leftSide .details span.payfree span{
	float: left;
	width: 149px;
	margin-bottom: 3px;
}

#center .leftSide .details span.payfree span.img{ 
	height: 46px;
	margin: 0;
	padding-left: 6px;
}

#center .leftSide .details span.payfree span.btn a{
	margin-left: 7px;
}

#center .leftSide .details span.faq{
	float: left;
	display: inline;
	width: 141px;
	height: 90px;
	margin: 30px 0 0 17px;
	border-bottom: 1px dashed #8ed133;	
}

#center .leftSide .details span.faq span.tit{
	float: left;
	width: 81px;
	margin-top: 5px;
}

#center .leftSide .details span.faq span.btn{
	float: left;
	width: 58px;
}

#center .leftSide .details span.faq span.btn a{
	margin-top: 2px;
}

#center .leftSide .details ul.links{
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
}

#center .leftSide .details ul.links li{
	float: left;
	display: inline;
	width: 153px;
	height: 69px;
	margin-left: 15px;
	border-bottom: 1px dashed #c7cbbf;
}

#center .leftSide .details ul.links li a{
	float: left;
	display: inline;
	margin: 10px 0 0 4px;
}

#center .leftSide .details ul.links li.banner{
	width: 166px;
	height: 78px;
	margin-left: 2px;
	border: none;
	background: url(../images/bg/bg_bannerLine.jpg) no-repeat 13px bottom;
}

#center .leftSide .details ul.links li.banner a{
	margin: 8px 0 0 0;
}

#center .leftSide .leftBottom{
	position: absolute;
	clear: left;
	left: 0; 
	bottom: -5px;
	z-index: 500;
	width: 178px;
	line-height: 10px; 
	height: 10px; 
	/*background: url(../images/bg/bg_leftBottom.jpg) no-repeat left bottom; */
	background: #fcfff1;
	border: 1px solid #e9f3d8;
	border-top: none;
}
/* //Center Left Side */

/* Center Contents */
#center .contents{
	/*position: absolute; 2010-08-23 ¹®Áö¿í*/
	float:left;
	top: 0px;
	left: 180px;
	width: 740px;
}
/* //Center Contents */

/* Center Right Side */
/*#center .rightSide{
	float: left;
	width: 70px;
	padding-left: 7px;
}*/
#center .rightSide{
	position: absolute; /*2010-08-23 ¹®Áö¿í*/
	top: 0px;
	right: 1px;
	width: 70px;
	padding-left: 7px;
}

#center .rightSide .quickTit{
	float: left;
	width: 100%;
	height: 22px;
	background: url(../images/bg/bg_quick.jpg) no-repeat left top;
}

#center .rightSide .quickTop{
	float: left;
	width: 68px;
	border: 1px solid #d5ded4;
	background: #f8ffe1 url(../images/bg/bg_quickTop.jpg) no-repeat left top;
}

#center .rightSide .quickTop span{
	float: left;
	width: 100%;
	text-align: center;
	color: #666666;
}

#center .rightSide .quickTop .tit{
	height: 20px;
	padding-top: 4px;
	background: #f8ffe1 url(../images/bg/bg_quickTop.jpg) no-repeat left top;
}

#center .rightSide .quickTop .tit1{
	height: 16px;
	padding-top: 4px;
	border-bottom: 1px solid #d5ded4;
	background: #f8ffe1 url(../images/bg/bg_quickTop.jpg) no-repeat left top;
}

#center .rightSide .quickTop .prev, #center .rightSide .quickTop .next{
	/*height: 11px;
	line-height: 11px;*/
	margin-bottom: 5px;
}

#center .rightSide .quickTop .recentlyViewedList{
	float: left;	
	margin: 0;
	padding: 0;
	width: 100%;
}

#center .rightSide .quickTop .recentlyViewedList li{
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 7px;
	text-align: center;
}

#center .rightSide .quickTop .recentlyViewedList li a{
	float: left;
	width: 100%;
}

#center .rightSide .quickTop .recentlyViewedList li a img{
	width: 50px;
	height: 50px;
	border: 1px solid #c4c4c4;
}

#center .rightSide .quickTop .recentlyViewedList li .item{
	height: 11px;
	margin-top: 2px;
	color: #666666;
	font-size: 11px;
}

#center .rightSide .quickTop .recentlyViewedList li .price{
	height: 14px;
	color: #ff4800;
	font-size: 11px;
	font-weight: bold;
}

#center .rightSide .quickTop .btn{
	height: 20px;
	padding-top: 4px;
	border-top: 1px solid #d5ded4;
	background: url(../images/bg/bg_quickTop.jpg) no-repeat left top;
}

#center .rightSide .links{
	float: left;
	width: 100%;
	height: 62px;
	padding-top: 1px;
	background: url(../images/bg/bg_quickBottom.jpg) no-repeat left top;
}

#center .rightSide .links span{
	float: left;
	width: 100%;
	height: 20px;
}

#center .rightSide .links span a{
	float: left;
	width: 100%;
	height: 15px;
	padding-top: 5px;
	line-height: 20px;
	text-align: center;
}

#center .rightSide .ads{
	float: left;
	padding: 10px 0;
}
/* //Center Right Side */

/* Footer */
#footer{
	float: left;
	width: 100%;
	height: 95px;
	background: url(../images/bg/bg_footer.jpg) repeat-x left top;
	position: relative;
	z-index:2000;
}

#footer .footerCon{
	margin: 0 auto;
	width: 770px;
	height: 95px;
}

#footer .logo{
	float: left;
	width: 140px;
	height: 100px;
	margin: 45px 0 0 0;
}

#footer .footerLinks{
	float: left;
	width: 626px;
	height: 86px;
	margin-top: 13px;
	position:relative;
}

#footer .footerLinks .links{
	float: left;
	width: 100%;
	height: 32px;
	display:inline;
	position:relative;
}

#footer .footerLinks .links span.quickLinks{
	float: left;
	margin-top: 4px;
}

#footer .footerLinks .links span.quickLinks span{
	float: left;
}

#footer .footerLinks .links span.quickLinks span.divider{
	width: 20px;
	background: url(../images/bg/bg_footerDivider.jpg) no-repeat 10px 1px;
}

#footer .footerLinks .links span.familySite{
	float: right;
	width: 120px;
	margin-left:300px;
	position:absolute;
	display:inline;
	z-index:1000;
	top: -70px;
}

#footer .footerLinks .contact{
	float: left;
	width: 100%;
	height: 34px;
}

#footer .footerLinks .contact span{
	float: left;
	width: 100%;
	height: 12px;
}

#footer .footerLinks .copyright{
	float: left;
	width: 100%;
}
/* //Footer */