@charset "utf-8";


/* --------------------  common  ------------------------ */
body {-webkit-text-size-adjust:none;}

.hide {display: none !important; }
.displaynone {display: none !important; }
.clearfix {clear:both !important;}

a { outline: none; }

.page_path {
	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;
	list-style:none;
	margin:0;
	padding:25px 29px 0 0;
}

.page_path li {
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	background: url("../../img/trend9/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: #848484;
}

.page_title_area {
	position: relative;
	overflow:hidden;
	left: 0;
	top: 0;
	width: 100%;
	background: none !important;
	margin: 0 0 30px !important;
	padding:20px 0 4px;
	zoom: 1;
	border-bottom:2px solid #3e3e3e;
}
.page_title_area h2, .page_title_area h3 {
	float: left;
	margin: 0 0 -1px 0;
	padding: 0 7px 5px 7px;
	font-family:'Nanum Gothic', 'malgun gothic', dotum, sans-serif;
	font-size: 26px;
	color: #373737;
	font-weight: bold;
	text-transform: capitalize;
	background: none !important;
}




/******************************* 페이징 *******************************/
.custom_paging {
	position:relative;
	margin: 20px 0 25px;
	padding: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 !important;
	*display:inline !important;
	font-size:0 !important;
	line-height:0 !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align:top;
}

.custom_paging p.first,
.custom_paging p.next,
.custom_paging li {
	*margin: 0 -1px 0 0 !important;
}

.custom_paging p.first a {
	border-left: 1px solid #ccc;
}

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

.custom_paging p.first,
.custom_paging p.prev,
.custom_paging p.next,
.custom_paging p.last {display:inline-block;}


.custom_paging p a {
	display: block;
	padding: 8px !important;
	font-size: 0;
	line-height: 0;
	color: #888;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #999;

}


.custom_paging p.first a {	
	width: 14px;
	height: 14px;
	background: url('../../img/trend9/button/pagination_first_btn.gif') center center no-repeat;
	text-indent: -9999px;
}
.custom_paging p.prev a {	
	width: 14px;
	height: 14px;
	background: url('../../img/trend9/button/pagination_prev_btn.gif') center center no-repeat;
	text-indent: -9999px;
}
.custom_paging p.next a {	
	width: 14px;
	height: 14px;
	background: url('../../img/trend9/button/pagination_next_btn.gif') center center no-repeat;
	text-indent: -9999px;
}
.custom_paging p.last a {	
	width: 14px;
	height: 14px;
	background: url('../../img/trend9/button/pagination_last_btn.gif') center center no-repeat;
	text-indent: -9999px;
}


.custom_paging li a.this {
	font-weight: bold;
	color: #151515;
	background: #f7f7f7;
}

.custom_paging li a {
	display: inline-block;
	padding: 10px 12px 7px !important;
	height: 13px;
	color: #888;
	font-size: 11px;
	line-height: 11px;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #999;
}

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


/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:23px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle; font-family:tahoma; font-size:14px; line-height:22px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:transparent;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */ width:25px; height:25px; padding:0; text-indent:-9999px; background:url("../../img/trend9/custom_paging_btn.png") no-repeat 0 0;}
.pg_start {}
.pg_prev {background-position:-44px 0;}
.pg_end, .pg_next {/* 다음 */ width:25px; height:25px; padding:0; text-indent:-9999px; background:url("../../img/trend9/custom_paging_btn.png") no-repeat 0 -45px;}
.pg_next {background-position:-44px -45px;}
.pg_current {display:inline-block;margin:0 4px 0 0; background:transparent; border:1px solid #e9e9e9; background-color:#fff; color:#ff3636;font-weight:normal}



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

/* 버튼이미지 초기화 */
.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("../../img/trend9/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;}




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

ul.prdList {clear:both; zoom:1; margin:0 0 0 -2%; padding: 0; font-size:0; line-height:0;}
ul.prdList:after {content:""; display:block; clear:both; }
ul.prdList li.item {display:inline-block; *display:inline; width:23%; margin:10px 0 30px 2%; padding: 0; vertical-align:top; font-size:12px; line-height:16px; *zoom:1;}
ul.prdList li.item .prdImg { display:block;}
ul.prdList li.item .prdImg img { display:block; width:100%;}



/* 상품목록 내용 공통 */
.product_contents_info {margin:0; padding:10px 0 0 0; text-align:center;}
.product_contents_info img {vertical-align:middle;}
.product_contents_info p.name {position:relative; margin: 0; padding:0 15px; line-height:16px;}
.product_contents_info p.name a {color:#666;}
.product_contents_info span.icon {display:block; padding:5px 0 0 0;}
.product_contents_info span.icon img {padding:2px;}
.product_contents_info div.sns { margin-top: 5px; }

/* product_list_item  */
.product_contents_info .product_list_item {overflow:hidden; display:block; margin:0; padding: 0; *zoom:1;}
.product_contents_info .product_list_item li {overflow:hidden; margin: 0; margin-top:4px; padding: 0; *zoom:1; font-weight:normal}
.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.custom_price { text-decoration: line-through; }













/***************************** 일반사항 *********************************/





/* widget */
.widget {position:relative; *zoom:1;}
.widget .wrap {clear:both; position:relative; *zoom:1;}
.widget .wrap:after {display:block; clear:both; content:"";}



/* 레이아웃 관련 */
#container_title { display: none; }


/* 게시판 관련 */
.tbl_head01 thead th { border-top: 2px solid #d9d9d9; background-color: #f9f9f9; border-bottom: 1px solid #efefef;}
.btn_submit { background-color: #666; }
a.btn_b01, a.btn_b02 { border: 1px solid #ddd; background-color: #fff; color: #666; }
.tbl_frm01 th { background: none; }
#bo_vc { background: none; }

#sfl { height: 22px; }


/* 회원 관련 */
#reg_result #result_logo img { display:none; }
#fregister textarea { color: #666; }


#mb_confirm fieldset,
#mb_login_odinfo,
#mb_login #login_info { background: none; }



/* 페이지 관련 */
#ctt { font-size: 12px; line-height: 18px; color: #666; }


#bo_v_table { display:none; }




/* 장바구니 */
#sod_bsk_list #mod_option_frm { background: #f9f9f9; border: 1px solid #666; }

.sod_opt { border: 0; background: none; }
.sod_option_btn .mod_options { background: #ddd; }
#sod_bsk #sod_bsk_tot { margin: 20px 0; padding: 0; border:0; background: none; text-align: right; }
#sod_bsk #sod_bsk_tot dt { float: none; display: inline; width: auto; padding: 0; border:0; }
#sod_bsk #sod_bsk_tot dd { float: none; display: inline; width: auto; padding: 0; padding-left: 5px; border:0; }
#sod_bsk #sod_bsk_tot  .sod_bsk_cnt { background: none; color: #666; }

#mod_option_frm .tbl_head02 { border-top: 0px; }



/* 주문서 */
#sod_frm_paysel { background: none;}
#sod_frm_paysel #settle_bank {line-height: 40px; }
#sod_frm_paysel #settle_bank #od_deposit_name { margin-left: 10px; }

#sod_frm #sod_bsk_tot { padding: 0; background: #f9f9f9;}
#sod_frm #sod_bsk_tot .sod_bsk_cnt { background: none; color: #000; }

#sod_frm  #od_tot_price { color: #ff3061; }
#sod_list #cp_frm { background: #f9f9f9; border: 1px solid #666; }


/* 주문서 내역 */
.tbl_head02 { border-top: 2px solid #d9d9d9;  }
.tbl_head02 thead th { background: #f9f9f9; border-top: 0px; border-bottom: 1px solid #e9e9e9; }
#sod_fin #sod_bsk_tot { padding: 0; border: 1px solid #e9e9e9 !important; background: #f9f9f9;}
#sod_fin #sod_bsk_tot .sod_bsk_cnt { background: none; color: #000; }

#sod_fin_view { border: 0px !important; }



/* 마이페이지 */
#smb_my_ov dl { background: #f9f9f9; }
#smb_my_ov dd { width: 309px; }



/* 상품검색 */
#ssch_frm { background: none; }

#ssch_cate li { margin-bottom: 10px; }


/* 일반 컨텐츠 */
#ctt { margin: 0px; padding: 0px; border: 0px; }
#ctt_con { margin: 0px; padding: 0px; border: 0px; }
.ctt_admin { display:none; }



/************** 상품 질문 사이즈 조절 ***************/
/* /shop/itemqalist.php */
#sqa_sch { text-align: right; }
.sqa_section { width: 790px; }
.sqa_section .sqa_con { background: none; }



/************** 상품 후기 사이즈 조절 ***************/
/* /shop/itemuselist.php */
#sps_sch { text-align: right; }
.sps_section { width: 790px; }
.sps_section p { height: auto !important; }









.sit_admin { display: none; }