/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: AGM-홈페이지
* ○ 파일		: brand.css
* ○ 생성		: 2017.02.27(월요일)
* ○ 최종변경	: 2017.02.27(월요일)
***********************************************************************************/




/***********************************************************************************
* 기본 관련
***********************************************************************************/

body {background-color:#0c0c0c;}
body a {transition:all 0.5s ease;}




/***********************************************************************************
* 카테고리 네비게이션 관련
***********************************************************************************/

.category_nav {width:1160px; margin:0 auto; padding-top:75px; padding-bottom:8px; border-bottom:1px solid #252525; font-size:14px; color:#aa6f3b; font-weight:400; font-family:'Lato'; overflow:hidden;}
.category_nav a,span {color:#666;}
.category_nav a:hover {color:#aa6f3b;}




/***********************************************************************************
* 카테고리 제목
***********************************************************************************/

.category_wrap {width:1160px; margin:32px auto 0px auto; padding-bottom:8px; border-bottom:1px solid #3f2d1e; position:relative;}
.category_wrap .category_nm {text-transform:uppercase; display:inline-block; font-size:40px; font-weight:300; color:white; font-family:'Oswald'; letter-spacing:-2px; position:relative;}

.category_wrap .brand_show {bottom:4px; right:0; position:absolute; overflow:hidden;}
.category_wrap .brand_show a {padding:5px 20px 7px 20px; overflow:hidden; display:inline-block; border:1px solid #333; border-radius:8px; font-size:16px; font-family:'Lato'; font-weight:400; letter-spacing:0px; color:#777; cursor:pointer;}
.category_wrap .brand_show a:hover {color:#aa6f3b; border-color:#3f2d1e; background:#000;} /* background:#151515;  */

.category_wrap .category_3_wrap		{width:180px; left:-200px; top:calc(31px); position:absolute;}
.category_wrap .category_3_title	{color:#636363; text-align:right; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #3f2d1e; font-size:18px; letter-spacing:1.5px; text-transform:uppercase; font-family:"Oswald"; font-weight:400;}
.category_wrap .category_3			{text-align:right; line-height:25px;}
.category_wrap .category_3 a		{color:#636363; font-size:15px; font-family:"Oswald"; font-weight:400; transition:color 0.3s; letter-spacing:1.5px;}
.category_wrap .category_3 a:hover	{color:white;}
.category_wrap .category_3.select a	{color:white;}




/***********************************************************************************
* 카테고리 설명
***********************************************************************************/

.category_info {width:1160px; margin:20px auto 0px auto; padding-bottom:20px; border-bottom:1px solid #252525;
	font-size:15px; color:#636363; font-family:"NotoSans"; font-weight:400;
}
.category_info.column2 {
	text-align:justify;
	-webkit-column-count:2;
	-webkit-column-gap:30px;
	-webkit-column-rule:solid 0px #333;
	-moz-column-count:2;
	-moz-column-gap:30px;
	-moz-column-rule:solid 0px #333;
}
.category_info.column3 {
	text-align:justify;
	-webkit-column-count:3;
	-webkit-column-gap:30px;
	-webkit-column-rule:solid 0px #333;
	-moz-column-count:3;
	-moz-column-gap:30px;
	-moz-column-rule:solid 0px #333;
}




/***********************************************************************************
* 브랜드 리스트
***********************************************************************************/


.brand_list {width:1160px; overflow:hidden; margin:30px auto 0px auto; padding-bottom:0px; border-bottom:1px solid #252525; max-height:0px; opacity:0; overflow:hidden; transition:all 0.5s ease;}
.brand_list.active {max-height:500px; opacity:1; padding-bottom:30px;}
.brand_list a {padding:5px 15px 5px 15px; margin:0px 15px 6px 0px; border:1px solid #333; border-radius:5px; overflow:hidden; float:left; display:inline-block; font-size:14px; font-family:'Lato'; font-weight:400; letter-spacing:0px; color:#777; cursor:pointer;}
.brand_list a:hover {color:#aa6f3b; border-color:#3f2d1e; background:#000;}
.brand_list a.selected {color:#aa6f3b; font-weight:700; border-color:#3f2d1e}




/***********************************************************************************
* New Arrival
***********************************************************************************/

.goods_board_list {width:1160px; margin:14px auto 0px auto;}
.goods_board_list .title {text-transform:uppercase; line-height:59px; text-align:center; font-size:18px; font-weight:400; color:white; font-family:'Dosis'; letter-spacing:5px; border-bottom:1px solid #3f2d1e;}
.goods_board_list table th {height:50px; text-align:center; font-size:14px; font-weight:normal; color:#61442b; font-family:'Dosis'; border-bottom:1px solid #3f2d1e;}
.goods_board_list table td {height:50px; text-align:center; font-size:13px; font-weight:normal; color:#666; font-family:'Roboto'; border-bottom:1px solid #292929;}
.goods_board_list .no-item {width:100%; padding:100px 0; text-align:center; color:#636363;}

.goods_board_list .brand_nm a {color:#666;}

.goods_board_list .goods_nm {text-align:left;}
.goods_board_list .goods_nm a {color:#aa6f3b;}

.goods_board_list.new_arrival {margin-top:100px;}

.goods_board_list.coming_soon {margin-top:100px; margin-bottom:60px;}

.goods_board_list.sold {margin-top:100px; margin-bottom:60px;}




/***********************************************************************************
* 상품 리스트
***********************************************************************************/

.goods_orderby {width:1160px; margin:20px auto 0px auto; overflow:hidden; position:relative;}
.goods_orderby .result_cnt {height:20px; line-height:20px; color:#636363; font-size:14px; margin:5px 0 25px 0;}
.goods_orderby .result_cnt span {color:#aa6f3b; font-weight:bold;}
.goods_orderby .result_orderby {top:0; right:0; position:absolute;}

.goods_list {width:1160px; min-height:150px; margin:0 auto; overflow:hidden; position:relative;}
.goods_list .goods_wrap {width:280px; margin:5px; overflow:hidden; float:left; position:relative; cursor:pointer;}
/*.goods_list .goods_wrap img {width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:transform;}*/

.goods_list .goods_wrap img			{background-position:center; background-repeat:no-repeat; background-size:cover; transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1); transition:transform .2s cubic-bezier(.165,.84,.44,1); transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);}
.goods_list .goods_wrap:hover img	{transition-duration:.4s; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

.goods_list .goods_wrap .goods_info {width:calc(100% - 20px); padding:20px 10px; left:0; bottom:-70px; position:absolute; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.5s ease; transform: translateY(0);}
.goods_list .goods_wrap:hover .goods_info {opacity:1; transform: translateY(-70px);}
.goods_list .goods_wrap.active .goods_info {opacity:1; transform: translateY(-70px);}
.goods_list .goods_wrap .goods_info .brand_nm {width:100%; color:white; font-size:16px; font-family:'Oswald'; font-weight:300; text-align:center; display:inline-block; overflow:hidden; position:relative;}
.goods_list .goods_wrap .goods_info .goods_nm {width:100%; max-height:60px; color:white; font-size:18px; font-family:'Oswald'; font-weight:400; text-align:center; padding-top:2px; display:inline-block; overflow:hidden; position:relative;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
}
.goods_list .goods_wrap .goods_info .soldout	{width:100%; height:25px; bottom:0; left:0; position:absolute; color:red; font-size:13px; font-family:'Oswald'; font-weight:400; letter-spacing:1px; display:flex; align-items:flex-start; justify-content:center;}
.goods_list .goods_wrap .goods_info .reserved	{width:100%; height:25px; bottom:0; left:0; position:absolute; color:red; font-size:13px; font-family:'Oswald'; font-weight:400; letter-spacing:1px; display:flex; align-items:flex-start; justify-content:center;}

.goods_page {width:1160px; margin:23px auto; overflow:hidden; position:relative;}
.goods_page .page_num_wrap {width:auto; overflow:hidden; position:relative; margin:0 auto;}
.goods_page .page_num {width:32px; height:35px; line-height:35px; text-align:center; margin:0 auto; color:white; background-color:#333; border:1px solid #080808; position:relative; float:left; transition:all 0.5s ease; cursor:pointer;}
.goods_page .page_num.select {background-color:#1a1a1a; border-color:#080808;}
.goods_page .page_num:hover {background-color:#1a1a1a; border-color:white;}