/* BASIC css start */
#header{position: fixed !important;}
#footer{margin-top: 0 !important;}

/* 로고 (흰로고)*/
#wrap #header .headerBottom_wrap .headerBottom .tlogo a{ display: block; width: 341px; height: 64px; background: url(/design/hwintl/codlab/pc/logo_b.png) no-repeat; background-size: contain;}
#wrap #header .headerGnb ul li a{color:#000}
#wrap #header .headerBottom .menuArea .menuBox{display: block; width: 31px; height: 22px; background: url(/design/hwintl/greenfarmers/pc/icon/menu_white.png) no-repeat;}
#wrap #header .headerBottom .menuArea .menuBox.clo{display: block; width: 31px; height: 22px; background: url(/design/hwintl/greenfarmers/pc/icon/menu_close_white.png) no-repeat !important;}
#wrap #header .headerBottom .tnbRight .basketArea li.basket a{ display: block; width: 31px; height: 28px; background: url(/design/hwintl/greenfarmers/pc/icon/basketicon_white.png) no-repeat;}
#wrap #header .headerBottom .tnbRight .basketArea .search a { display: block; width: 28px; height: 29px; background: url(/design/hwintl/greenfarmers/pc/icon/searchicon_white.png) no-repeat;}

/* 상단 고정(검정로고) */
#wrap #header .headerBottom_wrap .headerBottom.fix .tlogo a{ display: block; width: 341px; height: 64px; background: url(/design/hwintl/codlab/pc/logo_b.png) no-repeat; background-size: contain;}
#wrap #header .headerBottom.fix .menuArea .menuBox{display: block; width: 31px; height: 22px; background: url(/design/hwintl/greenfarmers/pc/icon/menu_black.png) no-repeat;}
#wrap #header .headerBottom.fix .menuArea .menuBox.clo{display: block; width: 31px; height: 22px; background: url(/design/hwintl/greenfarmers/pc/icon/menu_close_black.png) no-repeat !important;}
#wrap #header .headerBottom.fix .tnbRight .basketArea li.basket a{ display: block; width: 31px; height: 28px; background: url(/design/hwintl/greenfarmers/pc/icon/basketicon_black.png) no-repeat;}
#wrap #header .headerBottom.fix .tnbRight .basketArea .search a { display: block; width: 28px; height: 29px; background: url(/design/hwintl/greenfarmers/pc/icon/searchicon_black.png) no-repeat;}

/* 메인 비쥬얼 배너 */
#mainSpot img{width:100% }

/* 이미지 배너 */
.imgBanner{margin:10px 0 0}
.imgBanner img{width:100% }

/* 상품영역 */
.item-wrap .item-cont{width: 1280px;}
.product-wrap .item-wrap{ width: 1280px; margin: 0 auto;}
.cateTit{ padding: 0 0 60px}
.cateTit h3{ margin-top: 12px; font-size: 24px; font-family: 'Cormorant Garamond',sans-serif;}
.speaBox{ padding: 100px 0;}
.speaBox .item-wrap .item-cont .item-list{ position: relative; padding-right: 0; margin: 0 40px 40px 0; width: 290px; overflow: hidden; box-sizing: border-box;}
.speaBox .item-wrap .item-cont .item-list:nth-of-type(4n){margin-right:0}
.speaBox .item-wrap .item-cont .item-list .thumb img{border-radius: 50%; overflow: hidden;}
.speaBox .item-wrap .item-cont .item-list .prd-info{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding:0; background: rgba(0,0,0,0.7);}
.speaBox .item-wrap .item-cont .item-list .prd-info a{display: block; width: 100%; height: 100%;}
.speaBox .item-wrap .item-cont .item-list .prd-info ul{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.speaBox .item-wrap .item-cont .item-list .prd-name{padding-top: 0; color: #fff; font-size: 16px; font-family: 'Noto Sans','Noto Sans KR', sans-serif; line-height: 20px;}
.speaBox .item-wrap .item-cont .item-list .prd-subname{ margin: 0; color: #fff; font-size: 13px; font-family: 'Noto Sans','Noto Sans KR', sans-serif; text-align: center;}
.speaBox .item-wrap .item-cont .item-list .prd-price{padding-top:15px; color: #D22525; font-size: 14px;}
.speaBox .item-wrap .item-cont .item-list .prd-price .price{color: #fff; font-size: 20px; font-family: 'Lato','Noto Sans KR', sans-serif;}
.speaBox .item-wrap .item-cont .item-list .prd-price .price em{margin-left: 5px; font-size: 15px;}

.speaBox .item-wrap .item-cont .item-list:hover{border: 4px solid transparent; border-radius: 50%; background-image: linear-gradient(#444444, #444444), linear-gradient(310deg, #75c9ee 45%, #ab3ce1 ); background-origin: border-box; background-clip: content-box, border-box;}
.speaBox .item-wrap .item-cont .item-list:hover .prd-info{display: block;}
/* BASIC css end */