@font-face { 
  font-family:'Nanum Gothic';
              src:url("../font/NanumGothic.ttf"),
                  url("../font/NanumGothic.eot"),
                  url("../font/NanumGothic.woff");
  font-family:godoMaum;
              src:url("/b2b/font/godoMaum.ttf");
}

.container {width:1200px; margin: 0 auto; margin-top:29px; position:relative;}

.container span.h2_title { font-family:"NanumGothic"; font-size:30px; font-weight:900; color:#31302e}
.container span.h2_title .categoryTitle {display:block; margin:4px 0 2px}
.h2_title { font-family:"Noto Sans KR";	font-size:28px; font-weight:400; color:#31302e; letter-spacing:-0.02em}

.container .title_banner {
float:left;
position:relative;
width:1198px;
margin-top:10px;
/* min-height:81px; */
border:0px solid #cccccc;
border-bottom:4px solid #0E7AC3;
padding-bottom:0px;
margin-bottom:20px;
}
.container .brand_top
{
float:left;
position:relative;
width:1198px;
margin-top:15px;
padding-bottom:10px;
/* min-height:81px; */
border:1px solid #cccccc;
/*border-top:2px solid #484848;*/
}

.brand_top_left {float:left; width:114px; position:relative; padding-top:23px; padding-left:23px}
.brand_top .brand_top_left .brand_title {float: left;width:145px;position: relative; margin-top:0px}
.brand_top .brand_top_left .brand_title span {font-weight:600;  font-size:18px; color:#CC0000}

.plus_plus_one {float:left; width:1052px; height:40px; border-top:1px solid #dfdfdf; padding-top:12px; margin-top:11px; margin-left:23px}
.plus_plus {float:left; width:100%}

.plus_plus_one_first {height:auto}
.plus_plus .plus_plus_one_first .plus_title {margin-top: 4px;}
.plus_plus .plus_title span {font-weight:600; font-size:18px; color:#CC0000}

.plus_plus_one .category_area  {width:1050px; margin: 0 auto; margin-top:2px; position:relative; top:1px}
.plus_plus_one .category_table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
border: 0px solid #ddd;
margin-top: 8px;
}
.plus_plus_one .category_table .item_td {
  width:100px; height:28px; padding:3px; border:0px solid #d2d2d2; border-radius:2px
}

.shop_list { width:100%; position:relative;}
.shop_list p.shop_title{color:#777777;}
.shop_list p.shop_title span{font-weight: bold;	color:#333333;}
.shop_list p.shop_title strong {color:#ff4b66; font-family:"Tahoma"; margin-left:3px; margin-right:-2px}

.view_list {position:absolute; right:0; top:0px; }

.view_list li {float:left; border:1px solid #bbbbbb; border-radius:0}
.view_list li a {display:block; width:100%; height:100%; cursor:pointer; cursor:hand;}
.view_list li.view_list_one { width:29px; height:29px; position:relative; border-radius:0}
.view_list li.view_list_one img {position:absolute; left:50%; top:50%; margin-left:-6.5px; margin-top:-6px}
.view_list li.view_list_one.active:after {content:""; width:13px; height:31px; position:absolute; background:url(/b2b/icon/view_icon2.jpg) no-repeat; left:50%; top:50%; margin-left:-6.5px; margin-top:-6px}
.view_list li.view_list_two {width:29px; height:29px; position:relative; margin-left:-1px; border-radius:0}
.view_list li.view_list_two img {position:absolute; left:50%; top:50%; margin-left:-6.5px; margin-top:-6.5px}
.view_list li.view_list_two.active:after {content:""; width:13px; height:31px; position:absolute; background:url(/b2b/icon/view2_icon2.jpg) no-repeat; left:50%; top:50%; margin-left:-6.5px; margin-top:-6.5px}
.view_list li.view_list_three {margin-left:0px}
.view_list li.view_list_three select { width:66px; height:27px; border:0 none; padding:3px }
.view_list li.view_list_four {border:0 none; margin:0 4px}
.view_list li.view_list_four input {background:#fff; border:1px solid #bbbbbb; width:111px; height:31px; text-align:left; padding-top:1px; padding-left:28px; background:url(/b2b/icon/view3_icon.jpg) no-repeat 9px 7px; cursor:pointer; cursor:hand;}
.view_list li.view_list_five {border:0 none;}
.view_list li.view_list_five input {background:#fff; border:1px solid #bbbbbb; border-radius:0; width:95px; height:29px; text-align:center; padding-top:1px; padding-left:28px; background:url(/b2b/icon/view4_icon.gif) no-repeat 9px 7px; cursor:pointer; cursor:hand;}

.maker_area  {width:1050px; margin: 0 auto; margin-top:29px; position:relative; top:1px}
.maker_table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
border: 0px solid #ddd;
}
.maker_table .item_td {
  width:100px; height:28px; padding:3px; border:0px solid #d2d2d2; border-radius:2px
}
.class_table .item_td {
  width:100px; height:28px; padding:3px; border:0px solid #d2d2d2; border-radius:2px
}

#table_item  {width:1200px; margin: 0 auto; margin:25px 0; top:10px}
#item_table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
border: 1px solid #ddd;
}

#item_table td, th {
border: 1px solid #dddddd;
text-align: center;
padding: 8px;
}
#item_table .item_tbody_tr {
border-bottom: 1px solid #CCFFCC;
}
#item_table .item_tbody_tr .item_input {
  width:100px; height:33px; padding:3px; border:1px solid #d2d2d2; border-radius:2px
}
#item_table .item_tbody_tr .item_input_Text {
  width:96%; height:33px; padding:3px; border:1px solid #d2d2d2; border-radius:2px
}

#item_table tr {border-bottom: 1px solid #ddd;}

.tbody_area tr:nth-child(even) {
background-color: #f1f1f1;
}

#item_table > thead > tr { background-color: #ddee33; color:#000fff; }
#item_table > tbody > tr:hover { background-color: #d1f1f1; }


.table_list  {width:1200px; margin: 0 auto; margin-top:1px; position:relative; top:0px; margin-bottom:45px;}
.myTable {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
border: 1px solid #ddd;
}

.myTable td, th {
border: 1px solid #dddddd;
text-align: center;
padding: 8px 2px;
}

.myTable tr {border-bottom: 1px solid #ddd; }

.myTable thead tr td {
 font-family:"Noto Sans KR";  
 height:25px; padding-top:0px;
 color:#444; background:#f9f9f9; 
 border-right:1px solid #e5e5e5; border-top:0;
 border-collapse : collapse; 
 font-family:"Noto Sans KR";
 font-size:12px; color:#666;
 font-weight:600;
}
/*
.myTable tr:nth-child(odd) {
background-color: #f1f1f1;
}
*/
.myTable > thead > tr td { background-color: #ddee33; color:#000fff; }
.myTable > tbody > tr:hover { background-color: #d1f1f1; }

.table_page  {width:1100px; margin: 0 auto; margin-top:1px; top:10px}
.table_page .table_page_area {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
border: 0px solid #ddd;
}

.table_page .table_page_area td,th {
border: 0px solid #dddddd;
text-align: center;
padding: 8px;
}
.table_cart  {width:1100px; margin: 0 auto; margin-top:1px; position:relative; top:10px}
.table_cart .table_cart_area {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
border: 0px solid #ddd;
}

.table_cart .table_cart_area td,th {
border: 0px solid #dddddd;
text-align: center;
padding-top: 8px;
padding-bottom:40px;
}

caption{display:none;}

.css3-tab {
list-style: none;
margin: 0 auto;
padding: 2px 0 0 0;
position: relative;
width: 100%;
}
.css3-tab input[type='radio'] {
display: none;
}
.css3-tab .css3-tab-nav {
display: table;
table-layout: fixed;
width: 100%;
height: 30px
}
.css3-tab .css3-tab-nav .nav_label {
padding: 2px;
margin-left: 0px;
border: 1px solid #778;
text-align: center;
font-size: 11pt;
background-color: #ffffff;
display: table-cell;
vertical-align: middle;
color: #000;
cursor: pointer;
transition: all .3s ease 0s;
}
.css3-tab .css3-tab-nav label:hover {
cursor: pointer;
background: #CCFFFF;
color: #666666;
transition: all .3s ease 0s;
}
.css3-tab-loading {
margin: 0 auto;
}

@media (max-width: 1100px) {
.css3-tab .css3-tab-nav {
  display: block;
  margin: 0 0 20px;
}
.css3-tab .css3-tab-nav label {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
}
}
.css3-tab .css3-tab-content {
overflow: hidden;
background: #FFF;
clear: left;
box-sizing: border-box;
}
.css3-tab .active {
background: #423F3C!important;
color: #ffffff!important;
}
.css3-tab div[id='tab_1']:checked ~ div.tab_layer1 {
margin: 0 auto;
padding: 2px 0 0 0;
display: block;
border-top: solid 3px #423F3C;
}
.css3-tab div[id='tab_2'] {
background: #423F3C;
color: white;
cursor: default;
}
.css3-tab div[id='tab_2']:checked ~ div.tab_layer2 {
margin: 0 auto;
padding: 2px 0 0 0;
display: block;
border-top: solid 3px #423F3C;
}
.css3-tab div[id='tab_3'] {
background: #423F3C;
color: white;
cursor: default;
}
.css3-tab div[id='tab_3']:checked ~ div.tab_layer3 {
margin: 0 auto;
padding: 2px 0 0 0;
display: block;
border-top: solid 3px #423F3C;
}
.css3-tab div[id='tab_4'] {
background: #423F3C;
color: white;
cursor: default;
}
.css3-tab div[id='tab_4']:checked ~ div.tab_layer4 {
margin: 0 auto;
padding: 2px 0 0 0;
display: block;
border-top: solid 3px #423F3C;
}
.css3-tab div[id='tab_5'] {
background: #423F3C;
color: white;
cursor: default;
}
.css3-tab div[id='tab_5']:checked ~ div.tab_layer5 {
margin: 0 auto;
padding: 2px 0 0 0;
display: block;
border-top: solid 3px #423F3C;
}
.css3-tab div[id='tab_6'] {
background: #423F3C;
color: white;
cursor: default;
}
.css3-tab div[id='tab_6']:checked ~ div.tab_layer6 {
margin: 0 auto;
padding: 2px 0 0 0;
display: block;
border-top: solid 3px #423F3C;
}
.css3-tab div[id='tab_7'] {
background: #423F3C;
color: white;
cursor: default;
}
.css3-tab div[id='tab_7']:checked ~ div.tab_layer7 {
margin: 0 auto;
padding: 2px 0 0 0;
display: block;
border-top: solid 3px #423F3C;
}


.notWrap { width:1200px!important; border-bottom: 2px solid #dddddd; height:78px;}
.notWrap a { display:inline-block; width:60px;height:75px;}
.sub_icon { margin-left: 900px!important;}

/*상단제목,서브제목*/
.ps_subject_1 {
margin:18px 0 0 18px; font-family:'NanumGothic'; font-size:34px; font-weight:900; color:#31302e;
}
.ps_subject_2 {
position:absolute; top:40px; margin-left:18px; font-family:'NanumBrush'; font-size:25px; font-weight:900; color:#4a93d2;
}







/*product_search_gallay.inc*/

.main_form_left {clear: left;float: left; width:50%; padding:20px 0 5px; text-align:left; font-family: 'Jeju Gothic', 'dotum', serif; font-size:2em; background:#FFCC00; }
.main_form_right {float: right;  width:50%; padding:25px 0 5px; overflow: hidden; text-align:right;}
.bottom_left { float: left; width:30%; padding: 7px 0 7px; }
.bottom_right { float: right; width:30%; padding: 7px 0 7px; }
.bottom_center { overflow: hidden; padding: 40px 0px 0px 80px; text-align:center;}
.title_left {float: left; width:50%; padding:20px 0 0px; text-align:left; font-size:1.05em;}
.title_right {float: right; padding:20px 7px 0px; overflow: hidden; text-align:right;}
.cs_center { min-height: 90px; background:url(./skin/_center/basic/img/phone.png) no-repeat;}
.cs_center ul li {display:inline-block; width:100%; text-align:left;margin-left:104px;margin-top:13px;}
.cs-tele {font-weight:bold;color:#808080; font-size:30px;}
.bank_info { min-height: 80px;background:url(./skin/_center/basic/img/bank_cards.png) no-repeat;}
.bank_info ul li {display:inline-block; width:100%; text-align:left;margin-left:104px;line-height:160%;}
.bank_name {display:inline-block; width:80px;}
.bank_account {width:100%;}
.goods_list {display:block;width:100%;/*text-align:justify;*/}
.goods_list:after {content:'';display:inline-block;width:100%; border: 3px;}
.img_clear:after {content:'';display:inline-block;width:100%; border: 3px;}
.goods_list2 {display:block;width:100%;padding-bottom: 30px;text-align:justify;}
.goods_list2:after {content:'';display:inline-block;width:100%; border: 3px;}
.goods_list_ul ul{display:block;margin:0;padding:0px;text-align: center;width: 185px;}
.goods_list_ul li {display:inline;margin:0;padding:0px;}
.goods_list_ul .goods_img {text-align:center;}
.goods_list_ul .goods_maker{display:block; color:#787a7f;font-size:17px;padding:15px 20px 15px 20px;}
.goods_list_ul .goods_name {display:block; height:25px; margin:20px 0px 15px 20px; color:#808080;font-size:15px}
.goods_list_ul .goods_name a {display:block; min-height:1px;padding-top:1px; color:#32353c; text-decoration:none;font-weight:400;font-size:14px;word-break:break-all;}
.goods_list_ul .goods_sale_price {display:inline-block; padding:10px 5px 20px 20px; color:#ff8040; text-align:left;font-size:18px;font-family:"Open Sans",sans-serif;font-weight:700;}
.goods_line { display:inline-block;width:1px;height:330px;background-color:#dddddd;position:relative;}
.goods_size:hover {cursor:pointer;}
.goods_size {color:#ffffff;background-color:#c7c0c0;border:1px solid #c7c0c0;box-sizing:border-box;display:inline-block;width:55px;height:20px;}
.goods_size_list {position:absolute;}
.goods_size_list ul {
  display: block;
  width: 320px;
position:absolute;
left:-60px;
  padding: 7px 0px 5px 0px;
  background-color: #fff;
  z-index: 1;
  border: 1px solid #bfbfbf; }
/* 크기조절 */
.goods_list_ul .goods_img img{ background-color:#fdfdfd; width:150px; height:150px; margin:0px 25px 0px 25px; cursor:pointer;}
.goods_list span { display:inline-block; width:190px!important; box-sizing:border-box; height:340px; vertical-align:top; padding-right:0px!important; }
.goods_list span:hover {  border:1px solid #5a5a5a; font-weight:bolder; background-color:#f7f7f7;}
.goods_list span { border:1px solid #dddddd; float:left; margin:5px;}
.goods_list2 span { display:inline-block; width:160px; height:330px; vertical-align:top; /*border:1px solid #dddddd;*/padding-right: 10px; } 
.goods_list2 span:hover {  border:1px solid #5a5a5a; font-weight:bolder; background-color:#f7f7f7;}
/* icon */
.goods_list_ul .over-link { display: none; position: absolute; z-index: 5; width: 180px; text-align: center; transform:translateY(175%) }
.goods_list_ul .dp-inblock { display: inline-block!important; position: relative; padding-top: 10px; padding-bottom: 20px; }
.dp-inblock .icon-list-cart { background: url(/images/common/icon-list-cart.png); width: 35px; height: 35px; display: block!important; float: left; 
border-left: none; box-sizing: border-box; border-collapse: collapse; border: 1px solid #dcdee3; }
.dp-inblock .icon-list-wish { background: url(/images/common/icon-list-wish.png); width: 34px; height: 35px; display: block!important; float: left;
border-left: none; box-sizing: border-box; border-collapse: collapse; border: 1px solid #dcdee3; }
.dp-inblock .icon-list-view { background: url(/images/common/icon-list-view.png); width: 35px; height: 35px; display: block!important; float: left;
border-left: none; box-sizing: border-box; border-collapse: collapse; border: 1px solid #dcdee3; }


/* Pagination -Gallay */
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-item.active .page-link {
background-color: #007bff;
border-color: #7dade0;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.page-link:not(:disabled):not(.disabled) {
cursor: pointer;
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem;
padding: 10px 0;
}


/*브랜드 탭*/
#brand-tab {
  min-height:30px;
 margin:10px 0; 
 padding: 10px 0; 
 border: 1px solid #cecece;
}
#brand-tab .sub-1 {
  width:10%; 
  display:inline-block; 
  text-align:center; 
  margin:10px 0; 
  font-size:15px; 
  float:left;
}
#brand-tab .sub-2 {
  display:inline-block; 
  width:90%; 
  height:100%;
}
#brand-tab .sub-3 {
  width: 20%;
  display: inline;
  float: left;
  margin: 10px 0px;
  font-size: 15px;
}
#brand-tab .sub-3:hover {
  color: rgb(0, 0, 0);
  font-weight: bold;
  cursor: pointer;
}



/*카테고리 탭*/
#category-tab {
  min-height:30px;
  margin:10px 0; 
  padding: 10px 0; 
  border: 1px solid #cecece;
}
#category-tab .sub-1 {
  width:10%; 
  display:inline-block; 
  text-align:center; 
  margin:10px 0; 
  font-size:15px; 
  float:left;
}
#category-tab .sub-2 {
  display:inline-block; 
  width:90%; 
  height:100%;
}
#category-tab .sub-3 {
  width: 20%;
  display: inline;
  float: left;
  margin: 10px 0px;
  font-size: 15px;
}
#category-tab .sub-3:hover {
  color:blue;
  font-weight: bold;
  cursor: pointer;
}

/*브랜드 & 카테고리 액티브*/
#action-tab {
  margin: 10px 0;
}
.action-tab-brand {
  display: inline-block;
  min-width: 10px;
  padding: 8px 13px;
  margin: 0 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
  background-color: rgb(255, 118, 118);
}
.action-tab-brand:hover {
  cursor: pointer;
}
#brand-tab .active {
  color: rgb(0, 0, 0);
  font-weight: bold;
}
.action-tab-category {
  display: inline-block;
  min-width: 10px;
  padding: 8px 13px;
  margin: 0 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
  background-color: rgb(97, 158, 238);
}
.action-tab-category:hover {
  cursor: pointer;
}
#category-tab .active {
  color: blue;
  font-weight: bold;
}