/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; min-width:1140px; 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 }


.swiper-button-next,.swiper-button-prev {display:none;}

/* 이미지 배너 */
.imgBanner { margin:30px auto 0; position:relative; width:1280px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:10px; float:left }


/* 상품 목록 영역 */
.product-wrap { margin:0 auto; position:relative; width:1170px;border:0px solid #000; padding:50px 0;}
.product-wrap .cateTit {margin-bottom:20px;}
.product-wrap .cateTit h3 {font-size:40px;font-weight:700;color:#000;height:50px;line-height:50px;display:block;}
.product-wrap .cateTit .comment {display:block;text-align:center;font-size:20px;color:#868686;}
.product-wrap .item-cont {width:100%;}
.product-wrap .item-cont .item-list {width:250px;margin:0 8px;padding:0;}
.product-wrap .item-cont .item-list .thumb {width:250px;height:250px;}/*썸네일 박스 크기*/
.product-wrap .item-cont .item-list .thumb a img {width:250px;height:250px;}/*썸네일 이미지 크기*/
.product-wrap .item-cont dl .prd-info {padding:0;text-align:center;}

.product-wrap .item-cont dl .prd-info ul,li {list-style:none;margin:0;padding:0;}
.product-wrap .item-cont dl .prd-info ul {overflow:hidden;}
.product-wrap .item-cont dl .prd-info li {display:block;width:100%;padding:0;}


.product-wrap .item-cont dl .prd-info ul .prd-subname {border:0;margin:0 0 5px 0;padding:0;text-align:center;font-size:12px;color:#727272;}
.product-wrap .item-cont dl .prd-info ul .prd-name a {font-size:14px;font-weight:700;color:#3e3e3e;line-height:1.3em;word-wrap:keep-all;border:0;margin:0 0 5px 0;}
.product-wrap .item-cont dl .prd-info ul .prd-price {font-size:13px;font-weight:400;color:#999;line-height:1.3em;}
.product-wrap .item-cont dl .prd-info ul .prd-price strike {color:#999;}
.product-wrap .item-cont dl .prd-info ul .prd-price .soldout {color:#999;}
.product-wrap .item-cont dl .prd-info ul .prd-price .price {color:#f54609;}
.product-wrap .item-cont dl .prd-info ul .prd-preview {/*display:none;*/}


<!-- //고정 이미지 배너 -->

/* 고정 이미지 배너 */
.fixedBox {position:relative; width:100%; max-width:1775px;min-width:1180px; margin:0 auto;background:url('/design/sonstwchs/skin/bg_01.jpg') center top no-repeat fixed ;overflow:hidden;height:790px;}
.fixedBox .inner { overflow:hidden;margin:0 auto; position:relative; width:1140px; text-align:center;}
.fixedBox .inner h2 { display:block;margin:80px 0 0 0;padding:0;font-size:43px;font-weight:700;color:#fff;line-height:52px; }
.fixedBox .inner .comment { display:block;margin:0 0 30px 0;padding:0;font-size:20px;font-weight:400;color:#e1e1e1;line-height:27px; }
.fixedBox .inner .leftBox { float:left;width:313px;margin:0 20px 0 0; }

.fixedBox .inner .leftBox .newsBox {position:relative;padding:30px;min-height:215px;background:#21afe0;color:#fff;text-align:left;margin-bottom:20px;}
.fixedBox .inner .leftBox .newsBox h3 {display:block;margin:0;padding:0;font-size:24px;font-weight:700;line-height:26px;margin-bottom:15px;color:#fff;}
.fixedBox .inner .leftBox .newsBox .title {display:block;margin:0;padding:0;font-size:17px;font-weight:400;line-height:1.3em;margin-bottom:15px;color:#fff;}
.fixedBox .inner .leftBox .newsBox .title:hover {text-decoration:underline;}
.fixedBox .inner .leftBox .newsBox .date {position:absolute;left:30px;bottom:30px;font-size:12px;font-weight:400;}
.fixedBox .inner .leftBox .newsBox .more {position:absolute;right:0;top:0;display:block;width:26px;height:26px;text-align:center;margin:0;padding:0;font-size:13px;font-weight:400;line-height:26px;color:#fff;background:#2b4a64;}
.fixedBox .inner .leftBox .newsBox .more:hover {background:#000;}

.fixedBox .inner .leftBox .recipeBox {position:relative;padding:30px;min-height:215px;color:#fff;text-align:left;background:url('http://ai.esmplus.com/onskyfarm/yori.png') no-repeat center bottom #54b748;}
.fixedBox .inner .leftBox .recipeBox h3 {display:block;margin:0;padding:0;font-size:24px;font-weight:700;line-height:26px;margin-bottom:15px;color:#000;}
.fixedBox .inner .leftBox .recipeBox .title {display:block;margin:0;padding:0;font-size:17px;font-weight:400;line-height:1.3em;margin-bottom:15px;color:#000;}
.fixedBox .inner .leftBox .recipeBox .title:hover {text-decoration:underline;}
.fixedBox .inner .leftBox .recipeBox .date {font-size:12px;font-weight:400;}
.fixedBox .inner .leftBox .recipeBox .more {position:absolute;right:0;top:0;display:block;width:26px;height:26px;text-align:center;margin:0;padding:0;font-size:13px;font-weight:400;line-height:26px;color:#fff;background:#325635;}
.fixedBox .inner .leftBox .recipeBox .more:hover {background:#000;}


.fixedBox .inner .centerBox { float:left;width:474px;margin:-15px 0px 0 -20px;padding:0;margin:0;}


.fixedBox .inner .rightBox { float:left;width:313px;margin-left:20px;}
.fixedBox .inner .rightBox .titleImg {width:313px;height:235px;}
.fixedBox .inner .rightBox .gallery {position:relative;padding:30px;min-height:215px;background:#ea6198;color:#fff;text-align:left;}
.fixedBox .inner .rightBox .gallery h3 {display:block;margin:0;padding:0;font-size:24px;font-weight:700;line-height:26px;margin-bottom:15px;color:#fff;}
.fixedBox .inner .rightBox .gallery .title {display:block;margin:0;padding:0;font-size:17px;font-weight:400;line-height:1.3em;margin-bottom:15px;color:#fff;}
.fixedBox .inner .rightBox .gallery .title:hover {text-decoration:underline;}
.fixedBox .inner .rightBox .gallery .date {position:absolute;left:30px;bottom:30px;font-size:12px;font-weight:400;}
.fixedBox .inner .rightBox .gallery .more {position:absolute;right:0;bottom:0;display:block;width:26px;height:26px;text-align:center;margin:0;padding:0;font-size:13px;font-weight:400;line-height:26px;color:#fff;background:#77314d;}
.fixedBox .inner .rightBox .gallery .more:hover {background:#000;}
                
                
#f2s-rolling-container2 .swiper-container .swiper-button-prev {display:none;}
#f2s-rolling-container2 .swiper-container .swiper-button-next {display:none;}
#f2s-rolling-container2 .swiper-pagination {bottom:15px;}


/*메인 슬라이드 이미지 -높이는 자동- */


#f2s-rolling-container1 .swiper-container .swiper-slide img {width:100%; max-width:1775px;min-width:1180px;}


/*메인 슬라이드 이미지 -높이는 자동- */
.swiper-container4 {
    width: 100%;
    height: auto;
    border:0px solid red;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
}
.swiper-container4 .swiper-slide {
    /* height: 300px; */
    line-height: 300px;
}
.swiper-container4 .swiper-slide:nth-child(2n) {
    /* height: 300px; */
    line-height: 300px;
}
.swiper-container4 .swiper-slide img {
    width:100%;
    max-width:1775px;
    min-width:1180px;
}


/* 신제품 */

#newPrtOut {position:relative;width:1140px;margin:0 auto;border:0px dotted #000;}
#newPrtOut .newPrtWrap {position:absolute;left:0px;top:38px;z-index:11;}
#newPrtOut .newPrtWrap .inBox {width:245px;background:url('/design/sonstwchs/skin/title_new.png') no-repeat left top;}
#newPrtOut .newPrtWrap .inBox .swiper-slide {background:none;}
#newPrtOut .newPrtWrap .inBox .imgBox {margin:100px 0 0 0;width:245px;height:170px;}
#newPrtOut .newPrtWrap .inBox .img1 {background:url('/design/sonstwchs/js/new_prt/okokjj245.png') no-repeat left top;}
#newPrtOut .newPrtWrap .inBox .img2 {background:url('/design/sonstwchs/js/new_prt/moodom_PNG170.png') no-repeat left top;}
#newPrtOut .newPrtWrap .inBox .img3 {background:url('/design/sonstwchs/js/new_prt/dorajj180_PNG.png') no-repeat left top;}
#newPrtOut .newPrtWrap .inBox .img5 {background:url('/design/sonstwchs/js/new_prt/new_prt_046.png') no-repeat left top;}
#newPrtOut .newPrtWrap .inBox .img4 {background:url('/design/sonstwchs/js/new_prt/new_prt_02.png') no-repeat left top;}


#newPrtOut .newPrtWrap .inBox .imgBox .imgBtn {width:245px;height:170px;margin-top:-130px;}
#newPrtOut .newPrtWrap .swiper-pagination2 {border:0px solid #000;position:absolute;top:55px;left:70px;height:15px;}


/* 제품카테고리 텝영역 */

#prtType {position:relative;margin:0 auto;width:100%;max-width:1428px;min-width:1140px;height:auto;min-height:1000px;overflow:hidden;}
#prtType .btnBox {position:absolute;left:0;top:0;width:100%;z-index:10;}
#prtType .btnBox h2 {display:bolck;margin:0;padding:75px 0 0 0;text-align:center;color:#000;font-size:40px;font-weight:700;line-height:54px;}
#prtType .btnBox .engTitle {display:bolck;margin:0;padding:0;text-align:center;color:#727272;font-size:20px;font-weight:300;line-height:29px;}
#prtType .btnBox .comment {display:bolck;margin:0;padding:30px 0 100px 0;text-align:center;color:#242424;font-size:25px;font-weight:400;line-height:34px;}


.swiper3 {height:100%;min-height:400px;border:1px solid #000;}
.swiper3 .swiper-pagination3 {bottom:0;}
.swiper3 .imgBox {margin:0 auto;width:200px;height:180px;}
.swiper3 p {display:block;margin:0;padding:0;line-height:1.2em;padding:3px 0;}
.swiper3 .comment {font-size:14px;color:#727272;}
.swiper3 .title {font-size:16px;color:#3e3e3e;font-weight:400;}
.swiper3 .price {font-size:16px;color:#f54609;font-weight:400;}


ul.tabs .txtBox {display:block;text-align:center;line-height:22px;}
ul.tabs .imgBox {width:82px;height:82px;margin:0px;
    /*
    border:1px solid #c6c6c6;
    border-radius:100%;
    -o-border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -ms-border-radius:100%;
    */
}

ul.tabs .img1 {background:url('/design/sonstwchs/skin/prt_icon1.png') no-repeat center 21px }
ul.tabs .img2 {background:url('/design/sonstwchs/skin/prt_icon2.png') no-repeat center 21px }
ul.tabs .img3 {background:url('/design/sonstwchs/skin/prt_icon3.png') no-repeat center 21px }
ul.tabs .img4 {background:url('/design/sonstwchs/skin/prt_icon4.png') no-repeat center 21px }
ul.tabs .img5 {background:url('/design/sonstwchs/skin/prt_icon5.png') no-repeat center 21px }
ul.tabs .img6 {background:url('/design/sonstwchs/skin/prt_icon6.png') no-repeat center 21px }


ul.tabs {
			margin: 0;
			padding: 0;
			
			list-style: none;
			/* height: 32px; */ /*--Set height of tabs--*/
			border-bottom: 0px solid #999;
			border-left: 0px solid #999;
            width:588px;
            margin:0 auto;
		}
		ul.tabs li {
			float: left;
			margin: 0;
			padding: 0;
            width:98px;
			height: 120px; /*--Subtract 1px from the height of the unordered list--*/
			/* line-height: 31px;*/  /*--Vertically aligns the text within the tab--*/

			border-left: none;

			overflow: hidden;
			position: relative;
			
		}
		ul.tabs li a {
            background:url('/design/sonstwchs/skin/circle_off.png') no-repeat center 29px ;
			text-decoration: none;
			color: #000;
			display: block;
			font-size: 15px;
			padding: 0 7px;
			/*--Gives the bevel look with a 1px white border inside the list item--*/
			border: 0px solid #fff; 
			outline: none;
            font-size:15px;color:#555;font-weight:400;
            height:120px;
		}
        
        
		ul.tabs li a:hover {
			background:url('/design/sonstwchs/skin/circle_on.png') no-repeat center 29px ;
            color:#000;
            font-weight:700;
		}
		html ul.tabs li.active, html ul.tabs li.active a:hover  {
            background:url('/design/sonstwchs/skin/circle_on.png') no-repeat center 29px ;
            font-weight:700;
            color:#000;
            
			 /*--Makes sure that the active tab does not listen to the hover properties--*/
			/* background: #fff; */
			/*--Makes the active tab look like it's connected with its content--*/
			/* border-bottom: 1px solid #000;  */
		}
        
        html ul.tabs li.active .txtBox {
            
            font-weight:700;
            color:#000;

		}
        
     
		/*Tab Conent CSS*/
		.tab_container {
            position:absolute;left:0;top:0;width:100%;;
            /*
			border: 3px solid #999;
			
			overflow: hidden;
			clear: both;
			float: left; 
			width: 100%;
            */
			
		}
		.tab_content {
			padding: 570px 0 0 0;
			
		}


.tab_container {}
.tab_container .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    
 /*.inBox .slide-thumb {width:276px;height:220px;padding:0;position:relative}*/
.previewBtn {display:inline-block;font-size:12px;width:22px;height:22px;line-height:22px;background-color:rgba(0,0,0,0.1);margin:0 0 10px 0;}
.previewBtn:hover {background-color:rgba(0,0,0,1);color:#fff;}


.prd-info ul .prod-comment  {font-size:12px;color:#727272;margin-bottom:5px;}
.prd-info ul .prod-name {margin-bottom:5px;}
.prd-info ul .prod-name a {font-size:14px;color:#000;font-weight:700;line-height:1.3em;}
.prd-info ul .prod-price  {font-size:13px;color:#999;font-weight:400;}
.prd-info ul .prod-price .nowPrice {font-size:15px;color:#f54609;font-weight:400;}


.item-cont .item-list .prd-info li {width:100%;}


/*.inBox .slide-thumb {width:276px;height:220px;padding:0;position:relative}*/
.slide-thumb {width:220px;height:220px;cursor:pointer;position:relative;}

 *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
/* BASIC css end */