/* BASIC css start */
#hdWrap { width:100%; }
#header { position: relative; width: 1124px; height: 210px; margin-bottom: 20px; }
#hdWrap .hd-logo { padding-top: 40px; text-align: center; }
#hdWrap .hd-draw,
#hdWrap .hd-link { position: absolute; }
#hdWrap .hd-draw { right: 200px; bottom: -19px; }
#hdWrap .hd-link { zoom: 1; overflow: hidden; top: 162px; left: 0; }
#hdWrap .hd-link li { float: left; padding: 0 10px; }
#hdWrap .hd-link li a { font-size: 11px; font-weight: bold; letter-spacing: -1px; }
#hdWrap .hd-link li a:hover { color: #ec2626; }
#hdMenu { position: relative; width: 1124px; margin: 0 auto 60px; }
#hdMenu .hd-cate { zoom: 1; overflow: hidden; width: 1000px; }
#hdMenu .hd-cate li { float: left; padding: 0 10px;white-space: nowrap; }
#hdMenu .hd-cate li a { font-size: 12px; font-weight: bold; letter-spacing: -1px; }
#hdMenu .hd-search { position: absolute; top: 0; left: 1002px; }
#hdMenu .hd-search .input-keyword { width: 100px; height: 16px; border: 1px solid #ccc; }



/* 임블리스타일 Css 추가 */
#TOPlogo {width:1170px; margin:0 auto; text-align:center; padding-top:30px;}
#MENUtop {width:100%; height:300px; background:#f7f1ea;margin-bottom:35px;}
#MENUtop .MTbody {width:1170px; height:210px; padding:30px; margin:0 auto;}
.MTca {float:left; width:150px;}
.MTca dl {width:100%; margin:0; padding:0;}
.MTca dt {font-weight:bold; font-size:14px; padding-bottom:18px;}
.MTca dd {color:#5d5d5d; height:20px; line-height:20px; padding-left:10px;}
.MTca span {font-weight:bold; color:#d20909;}

.MTcb {float:right; width:360px; height:auto;}
.MTcb ul {width:100%;}
.MTcb li {float:left; display:inline-block; width:50%; text-align:right;}



/*상단서브메뉴*/
.HeadSUB {position:relative; width:100%; height:24px; margin-bottom:20px;}
.HeadSUB .HeadBD1 {width:1170px; height:24px; line-height:23px; margin:0 auto;}
.HeadSUB .HeadBD1 a {color:#333; font-size:11px; font-weight:600;}
.HeadSUB .HeadBD1 ul {position:relative; float:right;}
.HeadSUB .HeadBD1 li {display:inline; margin-left:15px; line-height:23px;}
.HeadSUB .HeadBD1 li a {color:#333; font-size:11px; font-weight:600;}
.HeadSUB .HeadBD1 .HSline {color:#ccc;}

.pointM {position:absolute; left:38px; bottom:-27px;}

/*로고,메뉴영역*/
.TopAREA {position:relative; width:1170px; margin:0 auto;}
#HeadMenu {position:relative; width:100%; margin:0 auto; margin-bottom:30px;}
#HeadMenu .HeadLogo {margin-top:25px; margin-bottom:20px;}
#HeadMenu .HeadSearch {position:absolute; right:0; top:40px;} 
#HeadMenu .MS_search_word {width:220px; height:32px; border:0; border-bottom:1px solid #ccc; padding:0 10px 0; line-height:32px; background:#fff;}


/* 상단메뉴디자인 */
.Head_type,.Head_type th,.Head_type td{border:0;}
.Head_type {width:100% ;border-bottom:1px solid #dcdcdc;border-collapse:collapse;}
.Head_type th{
	height:42px;
	line-height:42px;
	border-top:2px solid #000;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	font-size:16px;
	}
.Head_type th a {font-size:16px;}

.Head_type td{
	padding:5px 0 7px;border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	vertical-align:top;
	}
.Head_type .Rn {border-right:none;}
.Head_type .Rn span img {width:25px;}
.Head_type .Ln {border-left:none;}

.Head_type dl {width:100%;}
.Head_type dd {text-align:center; line-height:30px;}
.Head_type dd a {font-size:14px;}
.Head_type span {color:#bf8685; font-weight:600;}




/*상단하단*/
#HeadBottom {width:100%; height:45px; border-top:1px solid #e4e4e4; background:#f9f9f9; border-bottom:1px solid #000;}



/* -----------------------------------------상단펼침메뉴 CSS----------------------------------------------------*/

#category {
	height:40px;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	background:#fff;
}
#category .position {
	position:relative;
	width:1170px;
	margin:0 auto;
}
#category .position ul.catelist>li {
	position:relative;
	float:left;
}
#category .position ul.catelist>li>a {
	display:block;
	height:40px;
}
#category .position ul.catelist>li>a img {
	vertical-align:middle;
}
#category .position ul.catelist>li.first>a img {
	padding:14px 16.5px 13px 0;
}
#category .position ul.catelist>li.best>a img {
	padding:14px 17px 13px 16.5px;
}
#category .position ul.catelist>li.outer>a img {
	padding:14px 27.5px 13px 17px;
}
#category .position ul.catelist>li.top>a img {
	padding:14px 26.5px 13px 27.5px;
}
#category .position ul.catelist>li.shirts>a img {
	padding:14px 22px 13px 26.5px;
}
#category .position ul.catelist>li.pants>a img {
	padding:14px 22.5px 13px 22px;
}
#category .position ul.catelist>li.shoes>a img {
	padding:14px 27.5px 13px 22.5px;
}
#category .position ul.catelist>li.bag>a img {
	padding:14px 27.5px 13px;
}
#category .position ul.catelist>li.acc>a img {
	padding:14px 25px 13px 27.5px;
}
#category .position ul.catelist>li.brand>a img {
	padding:14px 20px 13px 25px;
}
#category .position ul.catelist>li.bigsize>a img {
	padding:14px 12px 13px 20px;
}
#category .position ul.catelist>li.sale>a img {
	padding:14px 0 13px 12px;
}
#category .position .shop_added {
	float:right;
}
#category .position .shop_added span {
	display:block;
	position:relative;
	float:left;
	height:40px;
	cursor:pointer;
	color:#000;
}
#category.header_fix .position .shop_added span {
	color:#fff;
}
#category .position .shop_added span.icon_cart {
	width:41px;
	padding-right:13px;
	border-right:1px solid #e4e4e4;
	background:url('/design/kr/icon_cart.gif') no-repeat left center;
}
#category .position .shop_added span.icon_wish {
	width:39px;
	padding:0 12px 0 16px;
	background:url('/design/kr/icon_wish.gif') no-repeat 16px center;
}
#category.header_fix .position .shop_added span.icon_cart {
	border-right:1px solid #000;
	background:url('/design/kr/icon_cart_fix.gif') no-repeat left center;
}
#category.header_fix .position .shop_added span.icon_wish {
	background:url('/design/kr/icon_wish_fix.gif') no-repeat 16px center;
}
#category .position .shop_added span strong {
	float:right;
	height:40px;
	font-size:13px;
	text-align:right;
	line-height:40px;
}
#category .position .shop_added span strong .xans-layout-orderbasketcount {
	padding:0;
	line-height:40px;
	background:none;
}

#category .catelist>li {margin-left:14px;}

#category .catelist>li:hover {
	background:url(/design/kr/bg_catebox_tail.png) 50% bottom no-repeat;
}
#category .catelist>li.first:hover {
	background:url(/design/kr/bg_catebox_tail.png) 36% bottom no-repeat;
}
#category .catelist>li .midcatelist {
	display:none;
	position:absolute;
	left:0;
	top:40px;
	width:529px;
	padding:33px;
	border:1px solid #e4e4e4;
	background:#fff;
	z-index:200;
}
#category .catelist>li:hover .midcatelist {
	display:block;
}
#category.header_fix {
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	width:100%;
	border-bottom:1px solid #000;
	border-top:none;
	background:#000;
}
#category .catelist>li:hover .midcatelist .col {
	float:left;
	min-height:218px;
}
#category .catelist>li:hover .midcatelist .col.left {
	width:166px;
}
#category .catelist>li:hover .midcatelist .left.col a {
	display:block;
	padding:5px 0;
	color:#000;
	font-size:12px;
}
#category .catelist>li:hover .midcatelist .left.col a:hover {
	font-weight:bold;
	text-decoration:none;
}
#category .catelist>li:hover .midcatelist .left.col li:first-child a {
	padding:0 0 5px;
}
#category .catelist>li:hover .midcatelist .right.col {
	float:right;
	width:362px;
}
#category .catelist>li:hover .midcatelist .right.col .prd_bnr {
	height:235px;
}
#category .catelist>li:hover .midcatelist .right.col .prd_bnr li {
	float:left;
	width:173px;
	height:235px;
}
#category .catelist>li:hover .midcatelist .right.col .prd_bnr li:first-child {
	margin:0 16px 0 0;
}
/* BASIC css end */

