/******************************* layout css  *******************************/

/* layout */
body { font-family:'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif;  -webkit-font-smoothing: antialiased; background:url("../../img/trend9/body_bg.png") repeat-x left top;  }
#wrap {  position:relative; z-index:1; margin:0 auto; width:100%; }

#header {position:relative; margin:0 auto; z-index:1; width:100%; *zoom:1; }
#header:after { content:""; display:block; clear:both; }
#header .inner { overflow:hidden; margin:0 auto; width:1215px; text-align:center; }
#header .widget_header_bottom { position:relative; padding:21px 0; margin:0 auto; width:1215px; border-top:2px solid #333; border-bottom:1px solid #ccc;}
#header .header_bottom {overflow:hidden; }

#container {position:relative; margin:0 auto; margin:20px auto 40px; z-index:0; width:1215px; zoom:1;}
#container:after {content:""; display:block; clear:both; }
#container #contents { float:right; position:relative; padding-top: 0; width:1215px;  min-height:500px; }

#container  #snb {display:none;}

#footer {overflow:hidden; position:relative; overflow:hidden; margin:80px 0 0; padding:0 0 60px 0; height:; background-color:#000; zoom:1; }
#footer .footer_box { overflow:hidden; margin:0 auto; width:1215px;}

#quick { position:absolute; top:-2px; right:-95px; margin-top:0; width:80px;  min-height:200px; z-index:10;}
#quick .quick_page_top {margin:5px 0 0; text-align:center;}


/* gnb */
#header .gnb {overflow:hidden; float:right; margin:0; padding:0; height:30px; }
#header .gnb ul {margin:0; padding:0; font-size:0; line-height:0;}
#header .gnb ul li {display:inline-block; *display:inline; margin:0px; padding:0;  line-height:30px; vertical-align:top; *zoom:1; list-style:none;}
#header .gnb ul li:first-child { background:none !important;}
#header .gnb a {display:block; padding:1px 15px; margin:0; font-size:11px; color:#fff; font-family:"century gothic", arial, sans-serif; font-weight:600;}
#header .gnb a:hover { color:#d0d0d0; text-decoration:none; }
#header .gnb .myinfo { color:#8f8f91; font-size:11px; line-height:14px; }
#header .gnb .myinfo strong { font-weight:normal; color:#202020; }
#header .gnb .myinfo a { background:none; color:#525259; }
#header .gnb .myinfo a:hover { color:#525259; }

#header .gnb .basket_price { margin-left: 5px;}

/* header_left */
.header_left { float:left;}
.header_left ul { overflow:hidden; background:none; margin:0; padding:0;}
.header_left ul li { float:left; height:30px; list-style:none;}
.header_left ul li.last_child { }
.header_left ul li img { margin:0 auto; padding:0; height:30px;}



/* logo */
#header h1 {position:relative; display:block; overflow:hidden; text-align:center; width:100%; margin:0; padding:58px 0; *zoom:1;}
#header h1 img {} 



/* 카테고리 자동생성
#category { overflow:hidden; float:left; margin:0; padding:0; width:900px;}
#category .postion1 { float:left; overflow:hidden; width:200px; z-index:1; }
#category .postion2 { float:left; padding-left:20px; margin-top:-30px; width:200px;}
#category ul { overflow:hidden; margin:0; padding:0;}
#category li.depth1 { position:relative; float:left; width:200px; z-index:10; margin:0; padding:0; list-style:none;}
#category li.depth1 > a {display:block;  margin:0; padding:0; height:30px; font-size:12px; color:#424242; font-weight:bold; font-family: verdana; text-transform: uppercase;}
#category li.depth2 > a { display:block; padding:3px 0 5px 0px; font-size:11px; font-family: verdana; line-height:16px; color:#000; text-transform: uppercase;}
#category li.depth2 a:hover { color:#ccc;  word-spacing:0; text-decoration:none; }


#category .sub-category ul { }
#category .sub-category li { position:static; }
#category .sub-category a { font-size:12px; color:#f6f6f6;}
*/



/* 카테고리 */
#category { overflow:hidden; float:left; margin:0; padding-left:80px; width:900px;}
#category h2 { height:27px; font-size:12px; color:#424242;  font-family: verdana; }
#category .postion1 { float:left; overflow:hidden; width:160px; margin-right:10px; z-index:1; }
#category .postion2 { float:left; overflow:hidden; width:210px; margin-right:10px; z-index:1; }
#category ul { overflow:hidden;margin:0; padding:0;}
#category li { position:relative; width:170px; z-index:10; margin:0; padding:0; line-height:22px; list-style:none; cursor:default;}
#category li a {padding:0px; font-size:11px; font-family: verdana; line-height:16px; color:#000;}
#category li a:hover, 
#category li.on > a { color:#ccc;  word-spacing:0; text-decoration:none; }


/* boardinfo */
.boardinfo { float:left; margin:0; padding-left:0;width:120px;}
.boardinfo h2 {  height:27px; font-size:12px; color:#424242;  font-family: verdana;}
.boardinfo h2 span { padding:0;}
.boardinfo ul { margin:0; text-align:left; margin:0; padding:0;}
.boardinfo li {margin:0; padding:0px; font-size:11px; font-family: verdana; line-height:22px; list-style:none;}
.boardinfo a { color:#454545; } 
.boardinfo a:hover { color:#aaa; text-decoration:none; }



/* top_search */
#header .top_search {position:absolute; right:0; top:-60px; margin:23px 10px 0 0; }
#header .top_search fieldset { padding:1px 2px 0 0; width:130px; border:1px solid #dcdcdc; line-height:0;  background-color:#fbfbfb; }
#header .top_search input.keyword { float:left; width:100%; height:19px; margin:0 -23px 0 0; padding:3px 20px 3px 0; border:0; background:transparent; vertical-align:middle; font-size:12px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#header .top_search input#sch_submit {float:right;}
#header .top_search img { position:relative; right:-27px; cursor:pointer; }





/* footer */
#footer h1 { float:left; width:200px; padding:30px 0 0;}
#footer h1 img { max-width:180px; }

#footer .footer_info { float:left; padding:0; margin: 20px 0 0px 0px; width:1200px; }
#footer .footer_info .utilMenu { overflow:hidden; margin:0 0 20px 0; padding:0 0 5px; zoom:1; height:25px;  border-bottom:1px solid #ccc; font-size:0; line-height:0; text-align:center;}
#footer .footer_info .utilMenu li {display:inline-block; *display:inline; margin:0; padding:0 13px 0 14px; font-size:11px; line-height:16px; background:url("../../img/trend9/footer_menu_bar.png") 0 1px no-repeat; list-style:none;}
#footer .footer_info .utilMenu li:first-child { padding-left:0; background:none; }
#footer .footer_info .utilMenu li a { color:#fff; }
#footer .footer_info .utilMenu li a:hover { color:#ccc; text-decoration:none;}
#footer .footer_info .address { float:left; margin-left:40px; padding: 20px 0 10px; color:#ccc; font-size:11px; line-height:20px;}
#footer .footer_info .address span { padding:0;}
#footer .footer_info .address span.copy_text_bar {padding:0 7px; color:#ccc;}
#footer .footer_info .address span a,
#footer .footer_info .address span a:hover { color:#ccc; }
#footer .footer_info .address .copyright { color:#fff; }
#footer .footer_info .address .copyright a { color:#fff; }
#footer .footer_info .top { position:absolute; right:0px; bottom:10px; }
#footer .footer_info .top:hover {display:block; background:url("../../img/trend9/footer_top_hover.png");}
#footer .footer_info .hosting { position:absolute; right:0; bottom:8px; }
#footer .footer_info .footer_logo { position:absolute; right:352px; bottom:63px;}


/* customer */
.customer { float:left; overflow:hidden; width:370px; margin:0 0 0 30px;}
.customer h2 { font-size:12px; color:#fff;  font-family: verdana;  }
.customer ul { padding:0 0 0  0;}
.customer li { line-height:15px; font-family:verdana; font-size:11px;}

.customer .cs_info {float:left; padding-left:30px; width:150px; color:#fff;}
.customer .cs_info h2 { font-size:12px; }
.customer .cs_info li { display:block; padding:0 0 8px 0px; font-size:11px; font-family: verdana; }
.customer .cs_info li.first_child { font-size:14px; padding-left:0;  font-family: 'nanum gothic', dotum, sans-serif; color:#fff;}

.customer .bank_info {float:left; padding-left:35px; width:140px; color:#fff;}
.customer .bank_info li {display: block; padding: 0 0 5px; line-height:16px; font-size:11px; font-family: NanumGothic; }
.customer .bank_info li.last_child { color:#fff; font-family:verdana; }





/***************************** 퀵메뉴 *********************************/

#quick .quick_add_favorite {overflow:hidden;}
#quick .quick_page_top {margin-top:10px; text-align:center;}


/* orderbasketcount */
.orderbasketcount {display:block; overflow:hidden; zoom:1; font-size:11px; font-family:tahoma; border:1px solid #dfdfdf; margin:3px 0 5px; padding:5px 0; text-align:center;}
.orderbasketcount a,
.orderbasketcount a:hover { color:#7f7f7f; font-weight:normal; text-decoration:none; padding:0 2px 0 0; }
.orderbasketcount strong {color:#f9425c;}


/* productrecent */
.productrecent { border-top:0; margin:5px 0 10px; text-align:center; }
.productrecent h2 {display:block; overflow:hidden; zoom:1; font-size:11px; font-weight:normal; font-family:tahoma; border:1px solid #dfdfdf; margin:0 0 5px; padding:5px 0 5px 0; text-align:center; color:#7f7f7f;}
.productrecent ul { width:80px; margin:0 auto; padding: 0; list-style:none; }
.productrecent li {margin:2px 0; padding: 0; }
.productrecent li a { color:#c1c1c0; font-size:11px; }
.productrecent li img { max-width:80px; }
.productrecent li span { display: block; padding:3px 0 9px; line-height:16px; }
.productrecent .player { overflow:hidden; width:80px; margin:0 auto; padding:2px 0; }
.productrecent .player img { float:left; padding:0; }









/* pc_change */
.pc_change_wrap { 
	position:relative; 
	width:1205px; 
	margin:0 auto; 
}
a.pc_change {
	position:relative; 
	display:block; 
	width: 1100px;
	margin-bottom:20px; 
	padding:20px 0; 
	font-size:36px; 
	color:#777; 
	text-align:center; 
	border:1px solid #bbb;
	background-color:#f5f5f5; 
	background:#f5f5f5 -webkit-gradient(linear,0% 0%,0% 100%,from(#fbfbfb),to(#f5f5f5),color-stop(0.5,#f5f5f5),color-stop(0.5,#f5f5f5));
	background:#f5f5f5 -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
}
a.pc_change:hover {text-decoration:none;}
a.pc_change img {vertical-align:middle; padding-left:20px;}