/* trend9_common */
.hide {display:none !important;}
.clearfix {clear:both !important;}

.page_path {
	display:none;
	overflow: hidden;
	position: absolute;
	z-index:1;
	right: 0;
	top: 8px;
	height: auto !important;
	line-height: normal !important;
}
.page_path h3 { display:none; }

.page_path ol {
	float: left !important;
}

.page_path li {
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	background: url("/design/cherry07/trend9/cherrycoco/imgs/location_path_line_bg.gif") left 3px no-repeat !important;
	color: #888;
}
.page_path li.first {
	background: none !important;
}

.page_path li.first {
	margin: 0;
	padding: 0;
}

.page_path li a {
	color: #888;
}

.page_title_area {
	position: relative;
	overflow:hidden;
	left: 0;
	top: 0;
	width: 100%;
	background: none !important;
	margin: 0 0 30px !important;
	zoom: 1;
}
.page_title_area h2 {
	text-align:center;
	width:100%;
	margin: 0 0 -1px 0;
	padding: 0 0 0 0;
	font-family: "georgia","times new roman","나눔고딕","malgun gothic",dotum,tahoma;
	font-size: 20px;
	color: #494949;
	font-weight: bold;
	text-transform: capitalize;
	border-bottom: 1px solid #000;
	background-color: #d6d6d6 !important;
}




/******************************* 페이징 *******************************/
.custom_paging {
	clear:both;
	position:relative;
	padding: 20px 0 25px;
	margin:0;
	text-align: center;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	
	border-bottom: none !important;
	background: none !important;
}

.custom_paging p, .custom_paging ol, .custom_paging li {
	display: inline-block ;
	*display:inline ;
	font-size:0 !important;
	line-height:0 !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align:top;
}
.custom_paging p {  }
.custom_paging p.first,
.custom_paging p.next,
.custom_paging li {
	*margin: 0 -1px 0 0 !important;
}

.custom_paging p.first a {

}

/*
.custom_paging p.prev {
	border-left: 1px solid #ccc !important;
}
*/

.custom_paging p.first,
.custom_paging p.last {  display:none; }



.custom_paging p a {
	display: inline-block;
	*margin-top:3px;
	padding: 8px !important;
	font-size: 0;
	line-height: 0;
	color: #888;

}


.custom_paging p.first a {	
	width: 14px;
	height: 14px;
	background: url('/design/cherry07/trend9/cherrycoco/imgs/button/pagination_first_btn.gif') center center no-repeat;
	text-indent: -9999px;
}
.custom_paging p.prev a {	
	width: 14px;
	height: 14px;
	background: url('/design/cherry07/trend9/cherrycoco/imgs/button/page_prev_bt.png') center center no-repeat;
	text-indent: -9999px;
}
.custom_paging p.next a {	
	width: 14px;
	height: 14px;
	background: url('/design/cherry07/trend9/cherrycoco/imgs/button/page_next_bt.png') center center no-repeat;
	text-indent: -9999px;
}
.custom_paging p.last a {	
	width: 14px;
	height: 14px;
	background: url('/design/cherry07/trend9/cherrycoco/imgs/button/pagination_last_btn.gif') center center no-repeat;
	text-indent: -9999px;
}


.custom_paging li a.this {
	*margin:3px 0 0 0;
	font-weight: bold;
	color: #151515;
	background:url("/design/cherry07/trend9/cherrycoco/imgs/page_on_bt.png") no-repeat center;
	text-indent:-9999px;
	vertical-align:middle;
}

.custom_paging li a {
	display: inline-block;
	padding: 10px 12px 7px !important;
	height: 13px;
	color: #888;
	font-size: 13px;
	line-height: 11px;
	vertical-align: middle;
	font-family: "Calisto MT", "times new roman",sans-serif;
	font-style: oblique;
}

.custom_paging li a:hover {
	text-decoration: none;
}

/******************************* 버튼 *******************************/

/* 버튼이미지 초기화 */
.custom_button img {display: none !important;}

/* 버튼 포지션 초기화 */
.xans-board-read .btnArea span.left {margin:0 !important;}
.xans-board-modify .btnArea span.left {margin:0 !important;}
.xans-board-write .btnArea span.left {margin:0 !important;}
.xans-board-reply .btnArea span.left {margin:0 !important;}
.xans-product-listcompare .btnArea span.left {margin:0 !important;}

/* 버튼 공통 css */
.custom_button {display:inline-block; overflow:hidden; position:; margin:-1px; padding:1px; text-decoration:none !important; vertical-align:top;}
.custom_button span {cursor:pointer;display:block;  text-align:center; background:url("/design/cherry07/trend9/cherrycoco/imgs/button/custom_button_black.png") no-repeat;}

/* 버튼 컬러별 이미지 (변경시 이미지 파일명만 바꿀것)
	custom_button_black.png 
	custom_button_blue.png 
	custom_button_pink.png 
	custom_button_red.png 
	custom_button_orange.png 
	custom_button_green.png 
*/


/* button_big */
.button_big_level1{width:132px; height:42px; font-size:14px; font-weight:700; color:#666 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); line-height:38px;}
.button_big_level1 span{width:132px; height:42px; background-position:0 0;}
.button_big_level1:hover span{background-position:0 -70px;}

.button_big_level2{width:132px; height:42px; font-size:14px; font-weight:700; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:38px;}
.button_big_level2 span{width:132px; height:42px; background-position:-170px 0;}
.button_big_level2:hover span{background-position:-170px -70px;}

.button_big_level3{width:132px; height:42px; font-size:14px; font-weight:700; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:38px;}
.button_big_level3 span{width:132px; height:42px; background-position:-340px 0;}
.button_big_level3:hover span{background-position:-340px -70px;}

.button_big_level4{width:215px; height:42px; font-size:14px; font-weight:700; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:38px;}
.button_big_level4 span{width:215px; height:42px; background-position:-510px 0;}
.button_big_level4:hover span{background-position:-510px -70px;}



/* button_medium */
.button_medium_level1{width:82px; height:33px; font-size:12px; font-weight:100; color:#666 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); line-height:30px;}
.button_medium_level1 span{width:82px; height:33px; background-position:0 -160px;}
.button_medium_level1:hover span{background-position:0 -220px;}

.button_medium_level2{width:82px; height:33px; font-size:12px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:30px;}
.button_medium_level2 span{width:82px; height:33px; background-position:-120px -160px;}
.button_medium_level2:hover span{background-position:-120px -220px;}

.button_medium_level3{width:82px; height:33px; font-size:12px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:30px;}
.button_medium_level3 span{width:82px; height:33px; background-position:-240px -160px;}
.button_medium_level3:hover span{background-position:-240px -220px;}

.button_medium_level4{width:102px; height:33px; font-size:12px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:30px;}
.button_medium_level4 span{width:102px; height:33px; background-position:-360px -160px;}
.button_medium_level4:hover span{background-position:-360px -220px;}


/* button_small */
.button_small_level1{width:82px; height:26px; font-size:12px; font-weight:100; color:#666 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); line-height:24px;}
.button_small_level1 span{width:82px; height:26px; background-position:0 -300px;}
.button_small_level1:hover span{background-position:0 -350px;}

.button_small_level2{width:82px; height:26px; font-size:12px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:24px;}
.button_small_level2 span{width:82px; height:26px; background-position:-120px -300px;}
.button_small_level2:hover span{background-position:-120px -350px;}

.button_small_level3{width:82px; height:26px; font-size:12px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:24px;}
.button_small_level3 span{width:82px; height:26px; background-position:-240px -300px;}
.button_small_level3:hover span{background-position:-240px -350px;}

.button_small_level4{width:102px; height:26px; font-size:12px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:24px;}
.button_small_level4 span{width:102px; height:26px; background-position:-360px -300px;}
.button_small_level4:hover span{background-position:-360px -350px;}

.button_small_level1_extend1{width:96px; height:26px; font-size:12px; font-weight:100; color:#666 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); line-height:24px;}
.button_small_level1_extend1 span{width:96px; height:26px; background-position:-500px -300px;}
.button_small_level1_extend1:hover span{background-position:-500px -350px;}

.button_small_level1_extend2{width:172px; height:26px; font-size:12px; font-weight:100; color:#666 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); line-height:24px;}
.button_small_level1_extend2 span{width:172px; height:26px; background-position:-630px -300px;}
.button_small_level1_extend2:hover span{background-position:-630px -350px;}


/* button_tiny */
.button_tiny_level1{width:82px; height:22px; font-size:11px; font-weight:100; color:#666 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); line-height:21px;}
.button_tiny_level1 span{width:82px; height:22px; background-position:0 -430px;}
.button_tiny_level1:hover span{background-position:0 -480px;}

.button_tiny_level2{width:82px; height:22px; font-size:11px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:21px;}
.button_tiny_level2 span{width:82px; height:22px; background-position:-120px -430px;}
.button_tiny_level2:hover span{background-position:-120px -480px;}

.button_tiny_level3{width:82px; height:22px; font-size:11px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:21px;}
.button_tiny_level3 span{width:82px; height:22px; background-position:-240px -430px;}
.button_tiny_level3:hover span{background-position:-240px -480px;}

.button_tiny_level4{width:102px; height:22px; font-size:11px; font-weight:100; color:#fff !important; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); line-height:21px;}
.button_tiny_level4 span{width:102px; height:22px; background-position:-360px -430px;}
.button_tiny_level4:hover span{background-position:-360px -480px;}




/***************************** 상품목록 공통 *********************************/

/* 상품목록 내용 공통 */
.product_contents_info {margin:0; padding:30px 0 0 0; text-align:center; font-family:'Nanum Gothic', '나눔고딕', 'malgun gothic', arial, dotum, sans-serif; font-size:13px !important; color:#7e7e7e; }
.product_contents_info img {vertical-align:middle;}

.product_contents_info p.name {position:relative; padding:0 15px; line-height:14px; font-style:oblique !important; font-size:12px !important; font-weight:600; letter-spacing:0; }
.product_contents_info p.name a {color:#7e7e7e;}
.product_contents_info span.zoom {display:none; position:absolute; right:0; top:2px;}
.product_contents_info span.icon {display:block; padding:5px 0 0 0;}
.product_contents_info span.icon img {padding:2px;}
.product_contents_info .button {padding:5px 0;}
.product_contents_info .button img { cursor:pointer; margin:0 2px; }
.product_contents_info .button .bag {padding:7px 10px 0 0; }
.product_contents_info .button .option { display:none; padding:7px 0 0; }

/* product_list_item  */
.product_contents_info .product_list_item {overflow:hidden; display:block; margin:0; *zoom:1;}
.product_contents_info .product_list_item li {overflow:hidden; margin:6px 2px 0 2px; *zoom:1; font-weight:normal; }
.product_contents_info .product_list_item li:first-child {margin-top:3px;}
.product_contents_info .product_list_item li span { margin:0 0;  font-style:none !important;}
.product_contents_info .product_list_item li span.product_price {font-weight:600 !important; font-size:12px !important; font-style:oblique !important; letter-spacing:0;}
.product_contents_info .product_list_item li .title { display:none; font-weight:normal; }
.product_contents_info .product_list_item li img.icon_img {vertical-align:middle; padding-right:3px;}
.product_contents_info .product_list_item li.color_type {letter-spacing:-2px;}
.product_contents_info .product_list_item li.desc_type {font-size:12px !important; color:#c7c7c7 !important; font-style:none !important;}

/* 검색결과/관련상품 리스트 css */
.product_contents_info .product_list_item li span.custom {text-decoration:line-through; color:#999;}
.product_contents_info .product_list_item li strong.price {color:#7e7e7e;}


/* makeshop 상품 옵션 레이어 */
.mk_option_preview  { z-index: 9999 !important; }
.mk_option_preview .mk_prd_option_list { border: 2px solid #ddd; }
.mk_option_preview .mk_bt_opt_close { display:none; }
.mk_option_preview .mk_opt_top,
.mk_option_preview .mk_opt_top div,
.mk_option_preview .mk_opt_top a { font-weight: bold; }
.mk_option_preview .mk_prd_option_list .option-name { border-left: 1px solid #ddd; background-color: #eee; color: #666; }




/* 목록 : 상품금액 */
span.product_price { color: #7e7e7e !important; font-weight: bold !important; }

/* 상세 : 상품금액 */
#productDetail .thumb-info .info .table-opt .price { color: #333333 !important; font-weight: normal !important; }





/* makeshop 상품 미리보기 레이어 */
#detailpage { position: absolute; top: 100px; display: block; width: 640px; padding: 10px 10px 40px; border: 3px solid #ddd; background-color: #fff; }
#detailpage .loc { zoom: 1; overflow: hidden; }
#detailpage .loc span { float: right; width: auto; }
/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/
#detailpage .hd {
    margin-top: 10px; padding: 5px 10px 5px 30px; border: 1px solid #becbd7; background: #e0e6ec url(/images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #666; }

#detailpage .MK-product-icons img { padding:2px; vertical-align: middle; }
#detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; right: 0px; bottom: 0px; _bottom: -1px; }
/* thumb-wrap */
#detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img { width: 250px; }
/* txt-wrap */
#detailpage .txt-wrap { width: 100%; }
#detailpage .txt-wrap .ptit { font-weight: bold; font-size: 14px; color: #333; border-bottom:2px solid #ccc; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding: 3px 0; }
#detailpage .txt-wrap .opt li.s-price { color: #a00000; }
#detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 0; line-height: 0; }
#detailpage .txt-wrap .f-btns a { margin-right: 5px; }
/* opt-spin */
#detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; }
#detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
#detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; }
#detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }