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

/* 로고 (흰로고)*/
#wrap #header .headerBottom_wrap .headerBottom .tlogo a{display: block;width: 190px;height: 44px;background: url(/design/dkcup6590/0408/PC/logo-w.png) no-repeat;background-size: contain;}
#wrap #header .headerGnb ul li a{color:#fff}
#wrap #header .headerBottom .menuArea .menuBox{display: block; width: 31px; height: 22px; background: url(//skin.makeshop.co.kr/skin/greenfarmers/pc/icon/menu_white.png) no-repeat;}
#wrap #header .headerBottom .menuArea .menuBox.clo{display: block; width: 31px; height: 22px; background: url(//skin.makeshop.co.kr/skin/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(//skin.makeshop.co.kr/skin/greenfarmers/pc/icon/basketicon_white.png) no-repeat;}
#wrap #header .headerBottom .tnbRight .basketArea .search a { display: block; width: 28px; height: 29px; background: url(//skin.makeshop.co.kr/skin/greenfarmers/pc/icon/searchicon_white.png) no-repeat;}
#wrap #header .headerBottom .tnbRight .logBox li a { color:#fff; }

/* 상단 고정(검정로고) */
#wrap #header .headerBottom_wrap .headerBottom.fix .tlogo a{ display: block; width: 190px;height: 44px; background: url(/design/dkcup6590/0408/PC/logo.png) no-repeat; background-size: contain;}
#wrap #header .headerBottom.fix .menuArea .menuBox{display: block; width: 31px; height: 22px; background: url(//skin.makeshop.co.kr/skin/greenfarmers/pc/icon/menu_black.png) no-repeat;}
#wrap #header .headerBottom.fix .menuArea .menuBox.clo{display: block; width: 31px; height: 22px; background: url(//skin.makeshop.co.kr/skin/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(//skin.makeshop.co.kr/skin/greenfarmers/pc/icon/basketicon_black.png) no-repeat;}
#wrap #header .headerBottom.fix .tnbRight .basketArea .search a { display: block; width: 28px; height: 29px; background: url(//skin.makeshop.co.kr/skin/greenfarmers/pc/icon/searchicon_black.png) no-repeat;}
#wrap #header .headerGnb ul li .menu_sub { background:rgba(0,0,0,.3) }
/* 메인 비쥬얼 배너 */
#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;}


.company_product {
    height: 850px;
    box-sizing: border-box;
    background: url(/design/dkcup6590/0408/PC/2_main_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0;
}

.div_title { margin-bottom:100px; }
.div_title h1 {font-size: 50px;font-weight: 600;color: #000;padding-bottom: 45px;line-height: 1;position: relative;margin-bottom: 40px;letter-spacing: -1px;}
.div_title h1 span { color:#10528f; }

.div_title h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 5px;
    background: #10528f;
}
.div_title p {font-size: 22px;color:#6f6f6f;}

.company_product_list { font-size: 0; }
.company_product_list>div {display:inline-block;width: 300px;margin: 0 16px;position:relative;box-sizing: border-box; border: 4px solid transparent; }
.company_product_list>div img { width:100%; }
.company_product_list>div:hover {  
    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; }
.company_product_list>div a {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.7);border-radius:50%;transition: .3s all;}
.company_product_list>div a span {font-size: 30px;color:#fff;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;}

.company_product_list>div:hover a {opacity: 1;}

.company_about { box-sizing: border-box;
    background: url(/design/dkcup6590/0408/PC/3_main_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0;
    height:600px; }
    
.company_about .div_title { margin-bottom:70px; }    
.company_about .div_title h1 { color:#fff; }
.company_about .div_title p { color:#edefee; }
.company_about .div_title h1 span { color:#62a6e3 }
.company_about .div_title h1:after { background:#62a6e3 }

.down_button {
    font-size: 0;
}

.down_button>a {
    display: inline-block;
    width: 300px;
    height: 80px;
    line-height: 74px;
    border-radius: 8px;
    border: 2px solid #fff;
    box-sizing: border-box;
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    margin: 0 21px;
    transition: .3s all;
}
.down_button>a:hover { background:rgba(0,0,0,.5); }
.down_button>a img {margin-left:12px;vertical-align:middle;margin-top: -5px;}

.company_business { box-sizing: border-box;
    background: url(/design/dkcup6590/0408/PC/4_main_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0;
    height:950px; }

.company_business_list { font-size: 0; }
.company_business_list>div {display:inline-block;width: 380px;margin: 0 40px;position:relative; }
.company_business_list>div span {font-size: 25px;color: #000;font-weight:500;width: 100%;display: block;margin-top: 27px;line-height: 1;/* width: fit-content; */}

.company_business_list>div img {width:100%;border-radius:7px;box-shadow: 8px 8px 5px rgba(0,0,0,.2);}  

.company_partners { box-sizing: border-box;
    background: url(/design/dkcup6590/0408/PC/5_main_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0;
    height:1000px; }
    

.company_inquiry { box-sizing: border-box;
    background: url(/design/dkcup6590/0408/PC/6_main_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0;
    height:800px; }

.company_inquiry .div_title { margin-bottom:50px; }    
.company_inquiry .div_title h1 { color:#fff; margin-bottom:0; }
.company_inquiry .div_title p { color:#edefee; }
.company_inquiry .div_title h1 span { color:#62a6e3 }
.company_inquiry .div_title h1:after { background:#62a6e3 }
.company_inquiry>img { margin-bottom:57px; }
/* BASIC css end */


/* BASIC css end */


/* BASIC css end */