/* BASIC css start */
/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot { position:relative; width:100%; min-width:1100px; height:500px; overflow:hidden }
#mainSpot .inner { margin-left:-1000px; position:absolute; top:0; left:50%; right:0; width:2000px; height:500px }
#mainSpot .bx-pager { position:absolute; bottom:15px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block;  margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }

/* ÀÌ¹ÌÁö ¹è³Ê */
.imgBanner { margin:60px auto 0; position:relative; width:1240px; overflow:hidden }
.imgBanner table tr td img {
    width: 100%;
}

.imgBanner table tr td {
    vertical-align: top;
}
.imgBanner table tr td a {
    display: block;
}
.imgBanner table tr td a + a {
    margin-top: 10px;
}

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.product-wrap { margin:0 auto; position:relative; width:1240px }

/* °íÁ¤ ÀÌ¹ÌÁö ¹è³Ê */
.fixedBnnr { position:relative; width:100%; min-width:1000px;}
.cateTit {    padding-top: 75px;  padding-bottom: 40px;}
.item-wrap {
    width: 1240px;
}
.productlist {
    width: 1240px;
    position: relative;
    height: auto;
    margin: 0px auto;
}

.productlist ul {
    display: table;
    font-size:0;
}

.productlist .grid4 li {
	width: 25%;
	display:inline-block;
	vertical-align: top;
	padding-bottom: 50px;
	font-size:12px;
}

.productlist .grid4 li .thumb {
    position: relative;
    margin: 0 auto;
    text-align: left;
    padding: 0;
    border: 1px solid #e1e1e1;
    width: 300px;
    height: 300px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.productlist .grid4 li .thumb img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.productlist .spec li.name {
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
.productlist .spec li.name a {
    font-family: 'NotoKrR', sans-serif;
    font-size: 14px;
    line-height: 22px;
}
.productlist .spec {
	margin: 0 10px;
}
.productlist .spec ul {
	display: block;
}
.productlist .spec li.price {
	width: 100%;
	text-align: center;
    padding: 0;
    font-size: 17px;
    font-family: 'lato', sans-serif;
font-weight:bold;
}
.productlist .spec li.preview {
    text-align: center;
    width: 100%;
    padding: 10px 0 0 0;
}

#section_03 {
    width: 1240px;
    margin: 0 auto;
    margin-bottom: 12px;
    *zoom1: ;
}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.webhosing_container {width:1240px;font-family: 'Nanum Gothic', sans-serif;font-size: 13px;}
.webhosing_container ul.tabs {
	height: 50px; 
	width: 100%;
    font-size: 0;
}
.webhosing_container ul.tabs li {
    float: left;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: 1px solid #d5d8d8;
    color: #272625;
    margin-bottom: -1px;
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.webhosing_container ul.tabs li + li {
    border-left: 0;
}
.webhosing_container ul.tabs li a {
    text-decoration: none;
    color: #808080;
    display: block;
    line-height: 50px;
    font-size: 15px;
    /*padding: 0 80px;*/
    outline: none;
    font-family: 'NotoKrR', sans-serif;
    letter-spacing: -1px;
}
.webhosing_container ul.tabs li a:hover {
	background: #ccc;
}	
html .webhosing_container ul.tabs li.active, html .webhosing_container ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;


}

html .webhosing_container ul.tabs li.active a  {
	color: #000;
}

.tab_container {
	border: 1px solid #d5d8d8;
	border-top: none;
	clear: both; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab_content {
	padding: 50px 40px 0;
}

/*
.tab_content .scroll_box{
   height:400px;
   overflow-y: scroll; 

}
*/ 
 
.tab_container .productlist {
    width: auto;
}
.webhosing_container .productlist .grid4 li .thumb {
    width: 220px;
    height: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.webhosing_container .productlist .grid4 li {
    width: 20%;
}

.webhosing_container .productlist .grid4 li:first-child {
    width: 40%;
}

.webhosing_container .productlist .grid4 li.big_thumb .thumb {
    width: 410px;
    height: 410px;
}
 

.webhosing_container .productlist .spec li.name {
    width: 100%;
}

.webhosing_container .productlist .small_thumb .spec li.name {
    padding: 25px 0 15px 0;
}

.webhosing_container .productlist .spec li.price {
    width: 100%;
}

.webhosing_container .productlist .spec li.preview {
    width: 100%;
    padding: 15px 0 0 0;
}
.webhosing_container .productlist .grid4 li.big_thumb .spec {
    position: absolute;
    bottom: 65px;
    width: 100%;
    color: #fff;
}

.webhosing_container .productlist .grid4 li.big_thumb .spec ul li a {
    color: #fff;
}

.webhosing_container .productlist .grid4 li.big_thumb .spec li.name {
    padding: 14px 0 8px 0;
}

.webhosing_container .productlist .grid4 li.big_thumb .thumb:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20%;
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
}

.webhosing_container .productlist .grid4 li.big_thumb .thumb {
    overflow: hidden;
}
.webhosing_container .productlist .grid4 li.big_thumb {
    position: relative;
}



/* ³ó¹ÎÇýÅÃ°¡ Ä¿½ºÅÒ */
.peasant_sale{display: block; margin:0 0 5px;}
.peasant_sale strike{font-weight:bold; text-decoration: none;}
/* BASIC css end */

