@charset "utf-8";

/* 브랜드 */
.brand_wrap{width:1024px; margin:0 auto;}
.brand_wrap .title_txt{width:100%; text-align:center;}
.brand_wrap .title_txt p{font-size:24px; color:#000; line-height:35px; font-family:'NanumBarunGothic'; position:relative;}
.brand_wrap .title_txt p:before{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; top:0; left:50%; margin-left:-20px;}
.brand_wrap .title_txt p:after{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.brand_wrap .title_txt h2{font-size:52px; color:#000; font-weight:bold; font-family:'NanumBarunGothic'; margin-top:50px;}

/* 브랜드 _ 자세히 보기*/
.brand_wrap .item_view{overflow:hidden; padding:30px 25px 35px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.brand_wrap .item_view .item_imgbox{width:500px; height:375px; float:left;}
.brand_wrap .item_view .item_imgbox img{vertical-align:middle; height:375px;}
.brand_wrap .item_view .item_price_table{float:left; margin-left:42px; width:430px; margin-top:26px; position:relative; height:349px;}
.brand_wrap .item_view .item_price_table b.tit{font-size:20px; color:#000; display:block; line-height:20px;}
.brand_wrap .item_view .item_price_table table{table-layout:fixed; width:100%; margin-top:30px; margin-bottom:15px;}
.brand_wrap .item_view .item_price_table table colgroup col.table_title{width:80px;}
.brand_wrap .item_view .item_price_table table thead tr th{line-height:40px; font-size:15px; color:#333; text-align:left;}
.brand_wrap .item_view .item_price_table table thead tr td{font-size:15px;text-align:left; color:#555; font-weight:400;}
.brand_wrap .item_view .item_price_table span.sub_tit{display:block; font-size:15px; color:#555;}
.brand_wrap .item_view .item_price_table b.list_go{position:absolute; bottom:0; left:0; width:100%; text-align:center; line-height:50px;height:50px; 
background:#ef3939;}
.brand_wrap .item_view .item_price_table b.list_go a{display:block; font-size:18px; color:#fff;}
.brand_wrap .item_list{margin-top:50px;}

.brand_wrap .btn_box{display:table; width:auto; margin:0 auto; margin-top:80px;}
.brand_wrap .btn_box b.go_list{width:160px; height:40px; line-height:40px; border: 1px solid #dfdfdf; display:block; text-align:center;}
.brand_wrap .btn_box b.go_list a{color:#333; font-size:16px; font-weight:bold; display:block;}
/* 브랜드 _ 아이템 구매*/
.brand_wrap .item_buy{padding-top:40px; border-top:1px solid #ccc;}
.brand_wrap .item_buy .item_buy_table table{table-layout:fixed; width:100%; border:1px solid #dfdfdf; border-bottom:0;}
.brand_wrap .item_buy .item_buy_table table colgroup col{width:auto;}
.brand_wrap .item_buy .item_buy_table table colgroup col.item_tit{width:140px;}
.brand_wrap .item_buy .item_buy_table table thead tr{border-bottom:1px solid #dfdfdf;}
.brand_wrap .item_buy .item_buy_table table thead tr th{padding-left:20px; text-align:left; background:#fbfafa;line-height:42px; 
border-right:1px solid #dfdfdf;}
.brand_wrap .item_buy .item_buy_table table thead tr td{padding:10px; width:100%;border-right:1px solid #dfdfdf; overflow:hidden;}
.brand_wrap .item_buy .item_buy_table table thead tr td input{padding:0 10px; width:460px; line-height:24px; height:24px; border:1px solid #d5d5d5;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.name{width:190px;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.adress_num{width:50px;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.adress{margin-top:5px; margin-right:10px;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.phone{width:70px;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.email{width:190px; margin-right:5px;}
.brand_wrap .item_buy .item_buy_table table thead tr td select{width:110px; padding:0 5px; line-height:20px; height:20px; margin:2px 0; border-radius:5px;}
.brand_wrap .item_buy .item_buy_table table thead tr td select.num{width:90px;}
.brand_wrap .item_buy .item_buy_table table thead tr td textarea{padding:10px; text-align:left; line-height:20px; width:695px;resize:none; height:90px;
 border:1px solid #d5d5d5;}
.brand_wrap .item_buy .item_buy_table table thead tr td button.adress_btn{width:82px; height:26px; line-height:26px; border:1px solid #b4b4b4;
border-radius:2px; font-size:12px;}
.brand_wrap .item_buy .item_buy_table table thead tr td button.adress_btn img{vertical-align:middle; margin-bottom:4px;margin-left:5px;}
.brand_wrap .item_buy .item_buy_table table thead tr td span.sub_tit{font-size:12px; color:#707070; line-height:20px; display:inline;margin-top:10px;}
.brand_wrap .item_buy .item_buy_table table thead tr td span.sub_tit.block{display:block; line-height:20px; margin-top:3px;}
.brand_wrap .item_buy .item_buy_table table thead tr td span.sub_tit.block:first-of-type{margin-top:6px;}
.brand_wrap .item_buy .btn_box{display:table; margin:0 auto; margin-top:28px;}
.brand_wrap .item_buy .btn_box button{width:150px; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:bold;}
.brand_wrap .item_buy .btn_box button.red{background:#ef3939;}
.brand_wrap .item_buy .btn_box button.gray{background:#bababa; margin-left:20px;}


/* tablet */
@media screen and (max-width: 1024px){
	.brand_wrap{width:96%;}
/* 브랜드 _ 자세히 보기*/
.brand_wrap .item_view{overflow:hidden; padding:15px 10px;}
.brand_wrap .item_view .item_imgbox{width:100%; height:auto;float:none;}
.brand_wrap .item_view .item_imgbox img{width:100%; height:auto;}
.brand_wrap .item_view .item_price_table{float:none; margin-left:0; width:100%; margin-top:25px;height:auto;}
.brand_wrap .item_view .item_price_table b.tit{font-size:16px; line-height:16px;}
.brand_wrap .item_view .item_price_table table{table-layout:fixed; width:100%; margin-top:15px; margin-bottom:15px;}
.brand_wrap .item_view .item_price_table table colgroup col.table_title{width:50px;}
.brand_wrap .item_view .item_price_table table thead tr th{line-height:30px; font-size:12px; }
.brand_wrap .item_view .item_price_table table thead tr td{font-size:12px;text-align:left; }
.brand_wrap .item_view .item_price_table span.sub_tit{display:block; font-size:13px;}
.brand_wrap .item_view .item_price_table b.list_go{position:static;line-height:36px;height:36px; display:block; margin-top:16px;}
.brand_wrap .item_view .item_price_table b.list_go a{font-size:14px; }
.brand_wrap .item_list{margin-top:30px;}

.brand_wrap .btn_box{margin-top:60px;}
.brand_wrap .btn_box b.go_list{width:100px; height:32px; line-height:32px;}
.brand_wrap .btn_box b.go_list a{ font-size:14px;}
/* 브랜드 _ 아이템 구매*/
.brand_wrap .item_buy{padding-top:20px; border-top:1px solid #ccc;}
.brand_wrap .item_buy .item_buy_table table colgroup col.item_tit{width:65px;}
.brand_wrap .item_buy .item_buy_table table thead tr{border-bottom:1px solid #dfdfdf;}
.brand_wrap .item_buy .item_buy_table table thead tr th{padding-left:10px; text-align:left; background:#fbfafa;line-height:32px;  font-size:12px;}
.brand_wrap .item_buy .item_buy_table table thead tr td{padding:10px; width:100%;border-right:1px solid #dfdfdf; overflow:hidden;}
.brand_wrap .item_buy .item_buy_table table thead tr td input{padding:0 5px; width:95%; line-height:24px; height:24px; border:1px solid #d5d5d5;
font-size:12px;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.name{width:60%;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.adress_num{width:50px;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.adress{margin-top:5px; margin-right:3px; }
.brand_wrap .item_buy .item_buy_table table thead tr td input.phone{width:16%;}
.brand_wrap .item_buy .item_buy_table table thead tr td input.email{width:32%; margin-right:5px;}
.brand_wrap .item_buy .item_buy_table table thead tr td select{width:110px; padding:0 0 0 3px; line-height:20px; height:20px; 
margin:2px 0; border-radius:5px; font-size:12px; margin-top:10px;}
.brand_wrap .item_buy .item_buy_table table thead tr td select.num{width:85px; margin-top:0;}
.brand_wrap .item_buy .item_buy_table table thead tr td textarea{padding:5px; line-height:20px; width:95%;height:60px;}
.brand_wrap .item_buy .item_buy_table table thead tr td button.adress_btn{width:82px; height:26px; line-height:26px; border:1px solid #b4b4b4;
border-radius:2px; font-size:12px;}
.brand_wrap .item_buy .item_buy_table table thead tr td button.adress_btn img{vertical-align:middle; margin-bottom:4px;margin-left:5px;}
.brand_wrap .item_buy .item_buy_table table thead tr td span.sub_tit{font-size:11px;margin-top:0; word-break:keep-all;}
.brand_wrap .item_buy .item_buy_table table thead tr td span.sub_tit.block{display:block; line-height:20px; margin-top:3px;}
.brand_wrap .item_buy .item_buy_table table thead tr td span.sub_tit.block:first-of-type{margin-top:6px;}
.brand_wrap .item_buy .btn_box{display:table; margin:0 auto; margin-top:28px;}
.brand_wrap .item_buy .btn_box button{width:90px; height:36px; line-height:36px; color:#fff; font-size:12px; }
.brand_wrap .item_buy .btn_box button.red{background:#ef3939;}
.brand_wrap .item_buy .btn_box button.gray{background:#bababa; margin-left:10px;}

}
/* tablet */
@media screen and (max-width: 860px){

}
/* moblie */
@media screen and (max-width: 768px){
	.brand_wrap{width:94%;}
	.brand_wrap .title_txt{margin-bottom:25px;}
	.brand_wrap .title_txt h2{font-size:28px;margin-top:25px;}
	.brand_wrap .title_txt p{font-size:18px;}
	
	
}

/* moblie */
@media screen and (min-width: 640px){
.brand_wrap .item_buy .item_buy_table table thead tr td select{margin-top:3px;}
	
}
/* moblie */
@media screen and (max-width: 359px){


}