@charset "utf-8";


/*초기화*/
body, h1, h2, h3, h4, ul,p,div,a,strong,dl,dt,dd{ margin:0; padding:0;  }
li {list-style:none; }
a { text-decoration:none; }
address { font-style:normal;}
.hidden { position:absolute;left:-9999px;}
img { border:0;}

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

/*전체 영역*/
body{margin:0 auto; font-family:'NanumGothic'; }

/*패턴*/
#pattenWarp{position:relative; background:url(../images/bg.png) center top; height:60px; }
#pattenWarp .img{position:relative; display:block; margin:0 auto; width:1025px; height:66px;}

/*gnb*/
#gnb { width:100%; border-bottom:1px solid #eeeeee; overflow:hidden;}
#gnb a{ display:block; color:#2d2d2d; font-size:11px;}
#gnb .gnbWarp{ margin:0 auto; width:1025px; background:#FFf; height:36px;}
#gnb .gnb{ line-height:6px; padding:18px 0 0 500px;}
#gnb .gnb li{ float:left;}
#gnb .gnb li:nth-child(1) a{padding:0 13px 0 0;}
#gnb .gnb li:nth-child(2) a{padding:0 13px 0 11px;} 
#gnb .gnb li:nth-child(3) a{padding:0 13px 0 11px;} 
#gnb .gnb li:nth-child(4) a{padding:0 13px 0 11px;} 
#gnb .gnb li:nth-child(5) a{padding:0 13px 0 11px;} 
#gnb .gnb li:nth-child(6) a{padding:0 13px 0 11px;} 
#gnb .gnb li:nth-child(7) a{padding:0 13px 0 11px;} 
#gnb .gnb li:nth-child(8) a{border-right:none; padding:0 0 0 11px;}
#gnb .gnb a{display:block; border-right:1px solid #747474;}

/*메인헤더*/
#mainHeader {position:relative; width:100%; overflow:hidden;}
#mainHeader .wrap{ width:1025px; margin:0 auto;}
#mainHeader .wrap h1 { margin:35px 0 0 17px; float:left;}

/* 메인헤더 > search_box */
#mainHeader .wrap .search_box {float:left; margin:30px 0 0 135px;}
#mainHeader .wrap .search_box [type="text"]{ width:300px; height:30px; border:2px solid #0e7ac3;}
#mainHeader .wrap .search_box [type="image"]{position: relative; top:7px; left:-270px; margin:0 0 0 230px;}

#mainHeader .wrap .search_box .font{ position:relative; top:2px;   }
#mainHeader .wrap .search_box .font .img{ display:inline; width:24px; height:21px;}
#mainHeader .wrap .search_box .font h3 { margin-left:5px; position:relative; top:-5px;  display:inline; color:#2f2f2f; font-size:13px;}
#mainHeader .wrap .search_box .font span{color:#ed2844;}


#mainHeader .wrap .search_box2 { float:left; margin-left:650px; margin-top:-35px; }
#mainHeader .wrap .search_box2 .head_box{ float:left;}
#mainHeader .wrap .search_box2 .head_box [type="text"]{margin-right:5px; border:1px solid #bdbdbd; width:119px; height:30px; background:#faf7f7;}
#mainHeader .wrap .search_box2 .head_box2{float:left;}
#mainHeader .wrap .search_box2 .head_box2 [type="password"]{border:1px solid #bdbdbd; width:119px; height:30px; background:#faf7f7;}

#mainHeader .wrap .search_box2 .search_btn [type="button"]{ margin-left:5px; width:76px; height:32px; background:url(../images/top_search_btn1111.png) no-repeat center;}

/* 메인헤더 > lnb */
#mainHeader #lnb{ clear:both; height:81px; width:100%; background:#0e7ac3;}
#mainHeader #lnb ul{ margin:0 auto; width:1025px;}
#mainHeader #lnb li{ float:left;}

/*전체 영역*/
body { margin:0 auto; font-family:'NanumGothic'; }
#mainContent{margin:0 auto; width:1025px; margin-top:-4px; position:relative; overflow:hidden; }
#mainContent #sliderWrap{overflow:hidden; width:1025px;height:363px; position:relative; float:left; }
#mainContent #sliderWrap #slide{width:1025px; height:363px; position:relative;}
#mainContent #sliderWrap #slide ul{width:4950px;overflow:hidden;} 
#mainContent #sliderWrap #silde ul li{float:left;height:363px; width:1025px;}
#mainContent #btn .btnLeft a{color:#fff; display:block; font-weight:bold; position: absolute; top:180px; left:5px;text-align:center; line-height:32px; height:32px; width:62px;}
#mainContent #btn .btnRight a{color:#fff;font-weight:bold; display:block; position: absolute; top:180px;  right:5px; width: 62px; height:32px;text-align:center;line-height:32px;}


#mainContent .rightTop{ position:absolute; top:0; right:0; }
#mainContent .rightTop h2{width:229px; height:50px;}
#mainContent .rightTop ul{ float:left;}
#mainContent .rightTop li:nth-child(1) .titlebg{width:28px; vertical-align:top;}
#mainContent .rightTop li:nth-child(2){width:200px; height:48px; margin-left:28px; margin-top:-20px;}
#mainContent .rightTop li:nth-child(3){width:200px; height:52px; margin-left:28px; margin-top:1px;}
#mainContent .rightTop li:nth-child(4){width:200px; height:51px; margin-left:28px; margin-top:-4px;}
#mainContent .rightTop li:nth-child(5){width:200px; height:49px; margin-left:28px; margin-top:1px;}
#mainContent .rightTop li:nth-child(6){width:200px; height:49px; margin-left:28px; margin-top:2px;}
#mainContent .rightTop li:nth-child(7){width:200px; height:51px; margin-left:28px; margin-top:0px;}
#mainContent .rightTop li:nth-child(8){width:200px; height:51px; margin-left:28px; margin-top:-2px;}

	/* 메인헤더 > Content2 */
#mainContent .Content2 {margin-top:50px; clear:both; }
#mainContent .Content2 .banner1 img{ margin-right:0; width:25%; height:199px; margin-top:7px;}
#mainContent .Content2 .banner2 img{ margin-right:0; width:48.5%;height:199px; margin-top:7px;}
#mainContent .Content2 .banner3 img{ margin-right:0; width:25%;height:199px; margin-top:7px;}

/* 메인헤더 > Content3 */
#mainContent .Content3 { margin-top:0px; }
#mainContent .Content3 .new h3{ float:left;}

#mainContent .Content3 .new .Product{ background:#f0f0f0; width:847px; height:260px; float:left;}
#mainContent .Content3 .new .Product ul{ margin-top:8px;}
#mainContent .Content3 .new .Product li{ float:left;}
#mainContent .Content3 .new h3 .plus{ position: absolute; top:24px; font-size:18px; text-decoration:underline; right:15px; z-index:1; display:block; color:#FF0000; }

#mainContent .Content3 .discount{ clear:both; padding-top:7px;}
#mainContent .Content3 .discount h3{ float:left;}
#mainContent .Content3 .discount .Product{background:#f0f0f0; width:847px; height:260px; float:left;}
#mainContent .Content3 .discount .Product ul{ margin-top:8px;}
#mainContent .Content3 .discount .Product li{ float:left;}
#mainContent .Content3 .discount h3 .plus{ position: absolute; top:390px; font-size:18px; text-decoration:underline; right:15px; z-index:1; display:block; color:#FF0000; }

#mainContent .Content3 .recommend{  clear:both; padding-top:7px;}
#mainContent .Content3 .recommend h3{ float:left;}
#mainContent .Content3 .recommend .Product{background:#f0f0f0; width:847px; height:260px; float:left;}
#mainContent .Content3 .recommend .Product ul{ margin-top:8px;}
#mainContent .Content3 .recommend .Product li{ float:left;}
#mainContent .Content3 .recommend h3 .plus{ position: absolute; top:750px; font-size:18px; text-decoration:underline; right:15px; z-index:1; display:block; color:#FF0000; }

/* 메인헤더 > Content4 */
#mainContent #Content4{clear:both;  position:relative; top:15px;}
#mainContent #Content4 .specialWrap{ padding-bottom:15px; top:15px; margin-top:8px;}
#mainContent #Content4 .specialWrap .proWrap{ margin-top:5px; border:1px solid #e9e9e9; height:260px;}
#mainContent #Content4 .specialWrap .left{ margin-left:21px; margin-right:17px; position:relative; top:-85px;}
#mainContent #Content4 .specialWrap .img{ margin-top:8px;}
#mainContent #Content4 .specialWrap .right{position:relative; top:-85px; margin-left:10px;}
#mainContent #Content4 .specialWrap .plus{ position: absolute; top:27px; font-size:11px; text-decoration:underline; right:15px; z-index:1; display:block; color:#d5ad55;}
#mainContent #Content4 .specialWrap h3 .plus{ position: absolute; top:24px; font-size:18px; text-decoration:underline; right:15px; z-index:1; display:block; color:#FF0000; }

#mainContent #Content4 .seasonWrap .season .proWrap{ margin-top:5px; border:1px solid #e9e9e9; height:260px;}
#mainContent #Content4 .seasonWrap .season .left{ margin-left:21px; margin-right:17px; position:relative; top:-85px;}
#mainContent #Content4 .seasonWrap .season .img{ margin-top:8px;}
#mainContent #Content4 .seasonWrap .season .right{position:relative; top:-85px; margin-left:10px;}
#mainContent #Content4 .seasonWrap .season .plus{ position: absolute; top:357px; font-size:11px; text-decoration:underline; right:15px; z-index:1; display:block; color:#d5ad55; }

#mainContent .Content5{margin-top:31px;} 
#mainContent .Content5 .left{width:791px; float:left; position:relative; overflow:hidden;}
#mainContent .Content5 .banner{ width:2373px;}
#mainContent .Content5 .banner li{ float:left; width:791px; }
#mainContent .Content5 .button{}
#mainContent .Content5 .button li{ margin-top:-4px; float:left; }
#mainContent .Content5 .button li:nth-child(1){ margin-right:1px;}
#mainContent .Content5 .button li:nth-child(2){ margin-right:1px;}
#mainContent .Content5 .right{ float:left;  width:230px; margin-left:3px;}

#overFooter{background: url(../images/footerbg.png) repeat-x; position:relative; top:10px;margin-top:15px;}
#overFooter .mainFooter{width:1024px; margin:0 auto; height:135px;  }
#overFooter .mainFooter{ padding:25px 0 0 62px;}
#overFooter .mainFooter h3{ font-size:15px; font-weight:bold;  color:#fff;}
#overFooter .mainFooter .footer1{ float:left;  padding-right:25px;}
#overFooter .mainFooter .footer1 ul{ margin-top:9px;}
#overFooter .mainFooter .footer1 a{line-height:17px; display:block; color:#d3edff; font-size:11px;}
#overFooter .mainFooter .footer1 li:nth-child(3){margin-bottom:10px;}
#overFooter .mainFooter .footer2{ padding-right:25px; float:left; margin-left:50px;}
#overFooter .mainFooter .footer2 ul{ margin-top:9px;}
#overFooter .mainFooter .footer2 a { line-height:17px; display:block; color:#d3edff; font-size:11px;}
#overFooter .mainFooter .footer3{ float:left; margin-left:70px;}
#overFooter .mainFooter .footer3 ul{ margin-top:9px;}
#overFooter .mainFooter .footer3 a { line-height:17px; display:block; color:#d3edff; font-size:11px;}
#overFooter .mainFooter .footer4{ float:left; margin-left:60px;}
#overFooter .mainFooter .footer4 ul{ margin-top:9px; }
#overFooter .mainFooter .footer4 a { line-height:17px; display:block; color:#d3edff; font-size:11px;}
#overFooter .mainFooter .footer5{ float:left; margin-left:70px;}
#overFooter .mainFooter .footer5 ul{ margin-top:9px;}
#overFooter .mainFooter .footer5 a { line-height:17px; display:block; color:#d3edff; font-size:11px;}


#main_footer{ margin-top:15px; background:#323232;}
#main_footer .mainFooter2 .footer1{ height:36px; background:#292929; }
#main_footer .mainFooter2 .footer1 .footer2{ width:1025px; margin:0 auto; position:relative; }
#main_footer .mainFooter2 .footer1 .footer2 ul{padding-top:15px; margin-left:285px; }
#main_footer .mainFooter2 .footer1 .footer2 li{float:left;}
#main_footer .mainFooter2 .footer1 .footer2 li:nth-child(1){padding-right:20px; border-right:1px solid #878686;}
#main_footer .mainFooter2 .footer1 .footer2 li:nth-child(2){padding-right:18px; padding-left:22px; border-right:1px solid #878686;}
#main_footer .mainFooter2 .footer1 .footer2 li:nth-child(3){padding-right:16px; padding-left:17px; border-right:1px solid #878686;}
#main_footer .mainFooter2 .footer1 .footer2 li:nth-child(4){padding-right:22px; padding-left:16px; border-right:1px solid #878686;}
#main_footer .mainFooter2 .footer1 .footer2 li:nth-child(5){padding-right:22px; padding-left:21px; }                                               
#main_footer .mainFooter2 .footer1 .footer2 li:nth-child(6){padding-left:21px; }
#main_footer .mainFooter2 .footer1 .footer2 a {line-height:8px; display:block; color:#9d9c9c; font-size:12px; font-weight:bold;}

#main_footer .mainFooter3{clear:both; width:1025px; margin:0 auto; font-size:11px; color:#636363;}
#main_footer .mainFooter3 address{ text-align:center; padding:22px 0 22px 0;line-height:17px; }

#main_footer .mainFooter4{clear:both; height:25px; background:#404040;}
#main_footer .mainFooter4 .smallWrap{width:1025px; text-align:center; line-height:25px; color:#636363;font-size:11px; margin:0 auto;}


.class-product-list {
  width: 100%;
  overflow: hidden;
  text-align: left;
  padding: 3px 0;
}
.class-product-list .space_bar {
  cursor: pointer;
  display: block;
  float: left;
  width: 20px;
  padding-top: 0px;
  margin: 0px;
  margin-top: 0px;
  margin-right: 3px;
  margin-bottom: 3px;
  border: 0px solid #e9e9e9;
  max-height: 270px;
  text-align: left;
  position: relative;
  padding: 0px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.class-product-list .item {
  cursor: pointer;
  display: block;
  float: left;
  width: 140px;
  padding-top: 10px;
  margin: 0px;
  margin-top: 0px;
  margin-right: 3px;
  margin-bottom: 3px;
  border: 1px solid #e9e9e9;
  max-height: 270px;
  text-align: left;
  position: relative;
  padding: 0px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.class-product-list .item .img-cover {
  padding: 15px;
  height: 133px;
  overflow: hidden;
}
.class-product-list .item .img-cover a {
  display: block;
  text-align: center;
}
.class-product-list .item .img-cover a img {
  max-width: 100%;
}
.class-product-list .item .meta {
  padding: 20px;
  padding-top: 5px;
  height: 133px;
  text-align: left;
}
.class-product-list .item .meta li {
  margin: 5px 0;
}
.class-product-list .item .meta .title a {
  font-size: 15px;
  font-weight: 400;
  display: block;
  color: #000;
  line-height: 140%;
  text-align: left;
  width: 100%;
}
.class-product-list .item .meta .produce {
  font-size: 15px;
  margin-top: 5px;
  color: #999;
  font-weight: 100;
  text-align: center;
}
.class-product-list .item .meta .price {
  margin-top: 2px;
  text-align: left;
  font-weight: 700;
  font-size: 15px;
  color: #e5433b;
}
.class-product-list .item .meta .price .pprice {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  color: #e5433b;
}

.class-product-list .prd_box {
  cursor: pointer;
  display: block;
  float: left;
  width: 143.3px;
  padding-top: 10px;
  margin: 0px;
  margin-top: 0px;
  margin-right: 3px;
  margin-bottom: 3px;
  border: 1px solid #e9e9e9;
  max-height: 270px;
  text-align: left;
  position: relative;
  padding: 0px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.class-product-list .prd_box .img-cover {
  padding: 15px;
  height: 133px;
  overflow: hidden;
}
.class-product-list .prd_box .img-cover a {
  display: block;
  text-align: center;
}
.class-product-list .prd_box .img-cover a img {
  max-width: 100%;
}
.class-product-list .prd_box .meta {
  padding: 20px;
  padding-top: 5px;
  height: 133px;
  text-align: left;
}
.class-product-list .prd_box .meta li {
  margin: 5px 0;
}
.class-product-list .prd_box .meta .title a {
  font-size: 15px;
  font-weight: 400;
  display: block;
  color: #000;
  line-height: 140%;
  text-align: left;
  width: 100%;
}
.class-product-list .prd_box .meta .produce {
  font-size: 15px;
  margin-top: 5px;
  color: #999;
  font-weight: 100;
  text-align: center;
}
.class-product-list .prd_box .meta .price {
  margin-top: 2px;
  text-align: left;
  font-weight: 700;
  font-size: 15px;
  color: #e5433b;
}
.class-product-list .prd_box .meta .price .pprice {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  color: #e5433b;
}
	 
.class-product-list .item:hover {
  border: 2px solid #0033FF;
}
.class-product-list .item:hover .meta .title,
.class-product-list .item:hover .meta .produce,
.class-product-list .item:hover .meta .price,
.class-product-list .item:hover .meta a {
  font-weight: 900;
}
	 
.class-product-list .prd_box:hover {
  border: 2px solid #0033FF;
}
.class-product-list .prd_box:hover .meta .title,
.class-product-list .prd_box:hover .meta .produce,
.class-product-list .prd_box:hover .meta .price,
.class-product-list .prd_box:hover .meta a {
  font-weight: 900;
}