@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}
.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 label {
  padding: 2px;
  margin-left: 0px;
  border: 1px solid #778;
  background: white;
  text-align: center;
  background-color: #ffffff;
  /*/
  display:inline;
  background-color: #cccccc;
  color: #000000;
  padding: 2px;
  text-align: center;
  /*/
  display: table-cell;
  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;
  padding: 25px;
  display: none;
  background: #FFF;
  clear: left;
  box-sizing: border-box;
}
.css3-tab input[id='tab_1']:checked ~ .css3-tab-nav label[for='tab_1'] {
  background: #423F3C;
  color: #ffffff;
  cursor: default;
}
.css3-tab input[id='tab_1']:checked ~ div.tab_layer1 {
  margin: 0 auto;
  padding: 2px 0 0 0;
  display: block;
  border-top: solid 3px #423F3C;
}
.css3-tab input[id='tab_2']:checked ~ .css3-tab-nav label[for='tab_2'] {
  background: #423F3C;
  color: white;
  cursor: default;
}
.css3-tab input[id='tab_2']:checked ~ div.tab_layer2 {
  margin: 0 auto;
  padding: 2px 0 0 0;
  display: block;
  border-top: solid 3px #423F3C;
}
.css3-tab input[id='tab_3']:checked ~ .css3-tab-nav label[for='tab_3'] {
  background: #423F3C;
  color: white;
  cursor: default;
}
.css3-tab input[id='tab_3']:checked ~ div.tab_layer3 {
  margin: 0 auto;
  padding: 2px 0 0 0;
  display: block;
  border-top: solid 3px #423F3C;
}
.css3-tab input[id='tab_4']:checked ~ .css3-tab-nav label[for='tab_4'] {
  background: #423F3C;
  color: white;
  cursor: default;
}
.css3-tab input[id='tab_4']:checked ~ div.tab_layer4 {
  margin: 0 auto;
  padding: 2px 0 0 0;
  display: block;
  border-top: solid 3px #423F3C;
}
.css3-tab input[id='tab_5']:checked ~ .css3-tab-nav label[for='tab_5'] {
  background: #423F3C;
  color: white;
  cursor: default;
}
.css3-tab input[id='tab_5']:checked ~ div.tab_layer5 {
  margin: 0 auto;
  padding: 2px 0 0 0;
  display: block;
  border-top: solid 3px #423F3C;
}
.css3-tab input[id='tab_6']:checked ~ .css3-tab-nav label[for='tab_6'] {
  background: #423F3C;
  color: white;
  cursor: default;
}
.css3-tab input[id='tab_6']:checked ~ div.tab_layer6 {
  margin: 0 auto;
  padding: 2px 0 0 0;
  display: block;
  border-top: solid 3px #423F3C;
}
.css3-tab input[id='tab_7']:checked ~ .css3-tab-nav label[for='tab_7'] {
  background: #423F3C;
  color: white;
  cursor: default;
}
.css3-tab input[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; padding-bottom:10px;}
.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%;padding-bottom: 30px;/*text-align:justify;*/}
.goods_list: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; }