/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: AGM-홈페이지
* ○ 파일		: goods.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:35px; padding-bottom:8px; border-bottom:1px solid #252525; font-size:14px; color:#aa6f3b; font-weight:400; font-family:'Lato'; overflow:hidden;}
.category_nav a, .category_nav span {color:#666;}
.category_nav a:hover {color:#aa6f3b;}
.category_nav a.selected {color:#aa6f3b;}



/***********************************************************************************
* 상품 제목
***********************************************************************************/

.goods_nm_wrap {width:1160px; margin:13px auto 8px auto;}
.goods_nm_wrap .brand_nm {display:inline-block; font-size:20px; font-weight:300; color:#666; font-family:'Oswald'; margin-right:15px;}
.goods_nm_wrap .brand_nm:hover {color:white;}
.goods_nm_wrap .goods_nm {display:inline-block; font-size:40px; font-weight:300; color:white; font-family:'Oswald'; letter-spacing:-2px;}


.goods_wrap {width:1160px; margin:0 auto; padding-top:20px; padding-bottom:50px; border-top:1px solid #3f2d1e; overflow:hidden; position:relative;}

.goods_img_wrap {width:460px; overflow:hidden; position:relative; float:left;}
.goods_img_wrap .goods_img {width:100%; position:relative; cursor:pointer;}
.goods_img_wrap .goods_img img {width:100%;}
.goods_img_wrap .goods_detail_wrap {width:100%; position:relative;}
.goods_img_wrap .goods_detail {width:100px; height:100px; text-align:center; margin:20px 20px 0 0; background-color:#151515; position:relative; float:left; cursor:pointer;}
.goods_img_wrap .goods_detail:nth-child(4n) {margin-right:0;}
.goods_img_wrap .goods_detail img {width:auto; height:100%;}

.goods_info_wrap {width:680px; margin-left:20px; overflow:hidden; position:relative; float:left;}

.goods_info_wrap .goods_info {padding:30px 20px; overflow:hidden; border-bottom:1px solid #252525; font-size:15px; line-height:23px; letter-spacing:0px; color:#636363; font-family:"NotoSans"; font-weight:400; word-break:break-all;/*word-wrap:break-word;*/}
.goods_info_wrap .goods_info p {line-height:23px; margin-bottom:11.5px;}
.goods_info_wrap .goods_info p:last-child {margin-bottom:0;}

.goods_info_wrap .goods_option {padding:30px 20px 0px 20px; overflow:hidden; position:relative;}
.goods_info_wrap .goods_option .select_box {float:right;}

.goods_info_wrap .quantity_price {padding:30px 20px 0px 20px; overflow:hidden; position:relative;}
.goods_info_wrap .quantity_price .quantity {height:44px; border-radius:44px; padding:0 15px; background:#151515; position:relative; float:right;}
.goods_info_wrap .quantity_price .quantity span {width:20px; height:100%; text-align:center; font-size:24px; display:inline-block; float:left;}
.goods_info_wrap .quantity_price .quantity i {vertical-align:bottom; cursor:pointer; transition-property: color; transition-duration: 0.5s;}
.goods_info_wrap .quantity_price .quantity i:hover {color:white;}
.goods_info_wrap .quantity_price .quantity input[name='Quantity'] {width:40px; height:100%; font-size:20px; font-family:'Open Sans'; text-align:center; color:#666; margin:0 auto; background-color:transparent; float:left;}
.goods_info_wrap .quantity_price .price {height:44px; line-height:44px; overflow:hidden; margin-right:40px; color:#6e411c; font-size:30px; font-family:'Oswald'; font-weight:400; float:right;}
.goods_info_wrap .quantity_price .price span {color:#6e411c; font-size:30px; font-family:'Oswald'; font-weight:400;}
.goods_info_wrap .quantity_price .price .origin_price {text-decoration:line-through; padding-right:30px; font-size:23px; color:#666; float:left;}
.goods_info_wrap .quantity_price .price .origin_price span {color:#666; font-size:23px; font-weight:300;}
.goods_info_wrap .quantity_price .price .sales_price {float:left;}

.goods_info_wrap .order_cart {padding:20px 20px 30px 20px; overflow:hidden; position:relative;}
.goods_info_wrap .order_cart .button {width: 160px; height: 56px; line-height: 56px; background: #000; margin-left: 8px; font-size: 18px; font-weight: 400; color: #6e411c; text-align:center; transition-property: color; transition-duration: 0.5s; cursor:pointer; float:right;}
.goods_info_wrap .order_cart .button:hover {color:white;}

.goods_info_wrap .goods_feature {width:100%; overflow:hidden; border-top:1px solid #252525; background:url(../image/goods/tab-bg.png) repeat-x center bottom;}
.goods_info_wrap .goods_feature .feature_tab {width:181px; height:60px; line-height:60px; background:#0c0c0c; color:#484848; text-align:left; float:left; cursor:pointer; transition:color 0.3s;} /* border-right:1px solid #252525; */ 
.goods_info_wrap .goods_feature .feature_tab.show {color:#ccc;}
.goods_info_wrap .goods_feature .feature_content {width:calc(100% - 20px); padding:0 10px; overflow:hidden; display:none;}
.goods_info_wrap .goods_feature .feature_content.show {display:inline-block;}
.goods_info_wrap .goods_feature .feature_content table {background:#0c0c0c;}
.goods_info_wrap .goods_feature .feature_content table th {width:140px; color:#484848; padding:6px 0; font-weight:normal; text-align:left;}
.goods_info_wrap .goods_feature .feature_content table td {color:#636363; padding:6px 0; text-align:left;}

.goods_other_wrap {width:350px; margin:0 auto; padding:50px 0;overflow:hidden; position:relative;}
.goods_other_wrap .button {width: 160px; height: 56px; line-height: 56px; background: #000; margin-left: 8px; font-size: 18px; font-weight: 400; color: #6e411c; text-align:center; transition-property: color; transition-duration: 0.5s; cursor:pointer; float:left;}
.goods_other_wrap .button:hover {color:white;}

.goods_loading_wrap {width:200px; height:200px; bottom:500px; overflow:hidden; position:absolute;}