/* BASIC css start */
/* CUSTOM LAYOUT */
#contentWrap {
    width:100%;
}
#content {
	position:relative;
	width:1100px;
	margin:0 auto;
    margin-bottom:40px;
    float:none;
}

#prdBrand {
    overflow:hidden;
}

#content div.item-display ul li {
    width:258px;
}
#content div.item-display ul li div.space .MK-product-icons {
    padding:0;
}

/*** 공통으로 사용되는 서브 영역 CSS 시작 ***/
	/*** 네비게이션 영역 ***/
	.loc_navi {border-bottom:2px #222 solid;line-height:34px;padding:9px 0 14px 0;margin:0 0 30px 0;}
	.loc_navi dt {color:#222;font-size:26px;line-height:34px;font-weight:600;}
	.loc_navi dt a,
	.loc_navi dt a:hover {color:#222;font-size:26px;font-weight:600;}
	.loc_navi dd {line-height:18px;padding:15px 0 0 0;color:#aaa;font-size:9px;}
	.loc_navi dd a, .loc_navi dd strong {color:#666;display:inline-block;padding:0 8px;font-size:12px;}
	.loc_navi dd span,
	.loc_navi dd a.home {color:#999;display:inline-block;font-size:12px;}
	.loc_navi dd strong, .loc_navi dd a:last-child {padding-right:0;font-weight:600;}
	
	/*** 페이징 영역 ***/
	.paging { padding-top:50px;padding-bottom:20px;text-align:center;line-height:26px;vertical-align:top;font-size:0;}
    .paging li { display: inline;font-size:13px;color:#666;}
    .paging li.first { margin-right:0px; }
    .paging li.prev { margin-right:16px; }
    .paging li.next { margin-left:16px; }
    .paging li.last { margin-left:0px; }
    .paging li.first a {background:url(/design/wonilmedi/img/btn_page_first.gif) no-repeat 50% 50% !important;font-size:0;}
    .paging li.prev a {background:url(/design/wonilmedi/img/bg_1x11_d3d3d3.gif) no-repeat 100% 50% !important; color:#666 !important; padding-left:0;}
    .paging li.next a {background:url(/design/wonilmedi/img/bg_1x11_d3d3d3.gif) no-repeat 0% 50% !important; color:#666 !important; padding-right:0;}
    .paging li.last a {background:url(/design/wonilmedi/img/btn_page_last.gif) no-repeat 50% 50% !important;font-size:0; }
    .paging li a {width:26px;line-height:26px;height:26px;padding:0px;margin:0 4px;color:#999;cursor:pointer;display:inline-block;}
    .paging li a:hover,
    .paging li.now a {color:#fff;background:#222;}
    /* 페이징영역과 버튼 겹치는 경우 */
    .pagediv {position:relative;}
    .pagediv .btn_wrap {position:absolute;top:20px;right:0;}
    .pagediv .btn_wrap.btn_a_left {left:0;right:auto;}
    .pagediv .btn_wrap a {padding-left:0 !important;padding-right:0 !important;margin-right:0;margin-left:6px;}
    .pagediv .btn_wrap.posi_left {position:absolute;left:0;top:30px;}
    .pagediv .btn_wrap.posi_left a {margin-right:6px;margin-left:0;}
    .pagediv .btn_wrap.posi_left .btn_first {display:inline-block;margin:0;padding:0;}
    .pagediv .btn_wrap.posi_left .btn_first a {margin-right:6px;margin-left:0;}
    .pagediv .btn_wrap.ta_right {right:0;}

	
	/*** 상품관련 영역 ***/
	/* 갤러리형 */
	.good_list_wrap {}
	.good_list_wrap .good_list {margin:0 20px 8px 0;}
	.good_list_wrap .good_list.last {margin-right:0;}
	.good_list_wrap .pr_wrap {width:270px;position:relative;z-index:1;cursor:pointer;height:100%;text-align:center;}
	.good_list_wrap .pr_wrap.last {}
	.good_list_wrap .pr_wrap .pr_name {font-size:13px;font-weight:600;color:#111;margin:16px 0 4px 0;text-align:center;line-height:19px;height:19px;padding:0;width:270px;margin-left:auto;margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
	.good_list_wrap .pr_wrap .pr_name a,
    .good_list_wrap .pr_wrap .pr_name a:hover {font-size:13px;font-weight:600;color:#111;}
    .good_list_wrap .pr_wrap .pr_name .icon_wrap {display:inline-block;text-align:center;height:18px;line-height:18px;margin-left:4px;overflow:hidden;vertical-align:middle;}
	.good_list_wrap .pr_wrap .pr_name .icon_wrap img {vertical-align:middle;}
	.good_list_wrap .pr_wrap .pr_sub {margin:0 0 5px 0;font-size:12px;color:#777;width:270px;margin-left:auto;margin-right:auto;line-height:18px;height:18px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
	.good_list_wrap .pr_wrap .pr_sub a,
    .good_list_wrap .pr_wrap .pr_sub a:hover {font-size:12px;color:#777;}
	.good_list_wrap .pr_wrap .pr_price {font-size:13px;font-weight:600;text-align:center;line-height:19px;width:270px;margin-left:auto;margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
	.good_list_wrap .pr_wrap .pr_price_con {color:#888;font-size:12px;font-weight:400;text-decoration:line-through;display:inline-block;line-height:19px;margin-right:6px;}
	.good_list_wrap .pr_wrap .thum {width:270px;height:320px;overflow:hidden;vertical-align:top;margin:0;padding:0;text-align:center;position:relative;}
	.good_list_wrap .pr_wrap .thum img {width:270px;height:auto;border:0 none;}
	.good_list_wrap .pr_wrap .thum a.link_thume {display:block;width:100%;height:100%;line-height:100%;position:absolute;left:0px;top:0px;z-index:5;vertical-align:middle;}
	.good_list_wrap .pr_wrap .thum a.link_thume.ov,
	.good_list_wrap .pr_wrap .thum a.link_thume:hover {background:#222;opacity:0.6;}
	.good_list_wrap .pr_wrap .thum .btn_view_wrap,
	.good_list_wrap .pr_wrap .thum .btn_view {display:none;}
	.good_list_wrap .pr_wrap .thum .btn_veiw_wrap.ov,
	.good_list_wrap .pr_wrap .thum .btn_veiw_wrap:hover {z-index:6;border:1px #fff solid;width:256px;position:absolute;left:7px;top:7px;margin:0;padding:0;display:inline-block;text-align:center;}
	.good_list_wrap .pr_wrap .thum .btn_view.ov {z-index:7;position:absolute;left:50%;top:50%;margin-top:-17px;margin-left:-48px;border:1px #fff solid;color:#fff;text-align:center;display:inline-block;font-size:12px;font-weight:400;line-height:18px;width:98px;padding:8px 0 7px 0;}




/* 분류-중분류노출영역 */
#content {padding:30px 0 70px 0;}
.sub_cate {border-top:2px #222 solid;border-bottom:1px #d3d3d3 solid;text-align:left;position:relative;margin-bottom:20px;width:100%;padding:10px 0 11px 0; margin-top:30px;}
.sub_cate ul {line-height:26px;}
.sub_cate ul .sub_cate_menu {width:25%;background:url(/design/wonilmedi/img/bg_list_cate.gif) repeat-y right top;line-height:26px;}
.sub_cate ul .sub_cate_menu.last {background:none;}
.sub_cate ul .sub_cate_menu a {display:inline-block;height:20px;line-height:20px;color:#999;font-size:12px;padding:3px 0 3px 20px;margin:0;text-align:left;}
.sub_cate ul .sub_cate_menu a:hover,
.sub_cate ul .sub_cate_menu a.ov {font-weight:700;color:#222;font-weight:bold !important;}

.best_wrap {padding:0 0 30px 0;}

.pr_list_sort {
	padding:16px 0 30px 0;background:url(/design/wonilmedi/img/hs_line_x8.gif) repeat-x 0 0;
}
.pr_list_sort p {font-size:12px;color:#666;line-height:22px;padding:3px 0 5px 0;}
.pr_list_sort p strong {font-size:13px;color:#222;font-weight:700;}
.pr_list_sort p strong .point {font-size:15px;}
.pr_list_sort .sort_wrap {font-size:12px;color:#666;line-height:22px;padding:3px 0 5px 0;}
.pr_list_sort .sort_wrap a {padding:0 12px 0 11px;display:inline-block;background:url(/design/wonilmedi/img/bg_list_select.gif) no-repeat 100% 50%;}
.pr_list_sort .sort_wrap a.last {background:none;padding-right:0;}


#content div.type-gallery ul {}
#content div.type-gallery ul li {margin-right:40px; width:270px; padding-bottom:60px;}
#content div.type-gallery ul li.last {}
#content div.type-gallery ul li div.space .thumbnail img.middle {border:1px solid #ccc; box-sizing:border-box;}
#content .search-page div.type-gallery ul {}
#content .search-page div.type-gallery ul li {width:182.5px;}
#content .search-page div.type-gallery ul li.last {}
#content .search-page div.type-gallery ul li div.space .thumbnail {width:182.5px; height:182.5px;}
#content .search-page div.type-gallery ul li .thumbnail img {width:182.5px;}
#content .search-page div.item-list ul li div.space .thumbnail {width:182.5px; height:182.5px; background-color:#eee; overflow:hidden; margin-bottom:16px;}

#content div.item-display ul {border-top:1px solid #ddd; border-left:1px solid #ddd;}
#content div.item-display ul:after {clear:both; content:""; display:block;}
#content div.item-display ul li {position:relative; float:left; width:237px; padding:18px 18.75px 24px 18px; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd;height:316px;min-height: 316px;}
#content div.item-display ul li div.space {padding:0; margin:0;}
#content div.item-display ul li div.space .thumbnail {width:100%; height:100%; overflow:hidden; margin-bottom:18px;}
#content div.item-display ul li div.space .txt {
	margin-bottom:5px;
	padding:0 0 0 0; height:34px; overflow:hidden;
	display:inline-block; width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
#content div.item-display ul li div.space .txt a {display:block;}
#content div.item-display ul li div.space .txt strong {color:#888; font-size:13px; line-height:17px;font-weight:400;}
#content div.item-display ul li div.space .price {padding:0; letter-spacing:0; font-size:12px; color:#888;}
#content div.item-display ul li div.space .price del {font-size:16px; color:#888; font-family:"Lato","Malgun Gothic","Nanum Gothic",Arial,dotum;}
#content div.item-display ul li div.space .price span.cost {font-size:14px; font-weight:600; color:#222;} 
#content div.item-display ul li div.space .price span.cost strong {color:#222; font-size:17px; font-weight:600; letter-spacing:0; font-family:"Lato","Malgun Gothic","Nanum Gothic",Arial,dotum;}
#content div.item-display ul li div.hot {position:absolute; left:12px; top:12px; z-index:100;}

#content .item-display .thumbnail a > img {border:none;}
#content div.type-gallery ul li div.space .thumbnail img.middle {border:none;}
#content div.type-gallery ul li {margin-right:0;}

#content {padding-bottom:0;margin-bottom:0;}




/* BASIC css end */