@charset "utf-8";

/* 
	Copyright(c) 2019 Onlinepowers Development Team
 	http://www.onlinepowers.com
*/
 
 /* main gnb */ 
.main_lnb{float: left; width:220px;line-height:1; font-size:0; z-index:28;}
.main_lnb .lnb_team {/*min-height:457px;*/ background:#62a712; padding:0 0 2px 2px; display:none; line-height:1.3; border-radius:0 0 20px 20px; }

.main_lnb .lnb_team > ul {display: block; }   
.main_lnb .lnb_team > ul:before {display:block; background: #62a712; content:''; position:absolute; width:220px; height:25px; top:25px; left:0; z-index:-1;}
.main_lnb .lnb_team > ul> li> a{display:block; height:57px; padding:0 0 0 17px; line-height:57px; color:#fff; font-size:14px; background:#62a712; }
/*.main_lnb .lnb_team > ul> li:last-child a {height:56px; line-height:56px; }*/ 
.main_lnb .lnb_team > a {display: block;  } 
.main_lnb .lnb_team > a:last-child{border-top:0;}
.main_lnb .lnb_team > span {display: block; border-top:1px solid #d4d4d4;} 
.main_lnb .lnb_team > ul > li > a > img{height: 26px;}


/* group */
.main_lnb .lnb_group{
	display:none; 
	position:absolute;
	top:50px;
	left:220px;
	min-height:456px;
	border:1px solid #333949;
	 
	background:#fff;
	z-index:40;
	padding-left:20px;
}  
.lnb_group.on{display:block;}
.main_lnb .lnb_group:after  {content:''; display:block; clear:both; }
.main_lnb .lnb_group .lnb_list {float:left; }
.main_lnb .lnb_group .lnb_list h2 {font-size:30px; color:#333949; font-weight:600; padding:28px 0 32px; letter-spacing:-0.5px; }
.main_lnb .lnb_group .lnb_list > ul{float:left; padding-right:20px; }
.main_lnb .lnb_group .lnb_banner{
	min-width:612px;
	height:100%;
	float:left;
	position:relative;
	border-left:1px solid #e1e1e1;
	padding:50px 70px;
}
.main_lnb .lnb_group .lnb_banner li{display:block; height:182px; margin-top:40px; }
.main_lnb .lnb_group .lnb_banner li:first-child{margin-top:0; }
.main_lnb .lnb_group .lnb_banner li img{width:100%;}
.main_lnb .lnb_group .lnb_banner li a{position:relative; display:block; min-height:180px;}
.main_lnb .lnb_group .lnb_banner li a:after{content:''; display:block;} 
.main_lnb .lnb_group .lnb_banner li.item_roll a{position:relative; padding-left:202px; }
.main_lnb .lnb_group .lnb_banner li.item_roll .label{ 
	width: 70px;
	height: 61px;
	display: block; 
	color: #fff;
	text-align: center;
	font-size:34px;
	letter-spacing: -1px;
	font-family: "Verdana";
	background: url('/content/images/common/sale_label.gif') no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	display:none;
}
.main_lnb .lnb_group .lnb_banner li.item_roll .label span{font-size:18px;}
.main_lnb .lnb_group .lnb_banner li.item_roll .item{
	position:absolute;
	top:0;
	left:0;
	min-width:182px;
	max-width:182px; 
	display:block; 
	min-height:182px;
}
.main_lnb .lnb_group .lnb_banner li.item_roll div{
	display:inline-block;
	width:240px;
	margin-top:10px;
	padding-right:10px; 
	color:#666; 
}
.main_lnb .lnb_group .lnb_banner li.item_roll div .name{
	color:#666;
	font-size:13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 1.3em;
	height: 2.6em;
}
.main_lnb .lnb_group .lnb_banner li.item_roll div .price{margin-top:10px; font-size:0; }
.main_lnb .lnb_group .lnb_banner li.item_roll div .price .item_price {display:inline-block; font-size:12px; color:#999; margin-bottom:1px; text-decoration: line-through; vertical-align:bottom; }
.main_lnb .lnb_group .lnb_banner li.item_roll div .price .item_price span {font-family:'Verdana'; font-size:13px; color:#999; }
.main_lnb .lnb_group .lnb_banner li.item_roll div .price .sale_price {display:inline-block; font-size:13px; color:#333; margin-left:6px; vertical-align:bottom; }
.main_lnb .lnb_group .lnb_banner li.item_roll div .price .sale_price span {font-family:'Verdana'; font-size:17px; font-weight:600; color:#333; }
.main_lnb .lnb_group_menu span.arrow{
	display:none; 
	position: absolute;;
	left: 174px;
	margin-top: -19px;
	z-index:105;
	width:8px;
	height:13px;  
	font-size: 0;
	text-indent: -9999px;  
}
.main_lnb .lnb_group_menu.on > a {color:#62a712; font-weight:600; background:#fff; } 
.main_lnb .lnb_team > ul:last-child .lnb_group_menu:last-child a {border-radius:0 0 20px 20px;}
.main_lnb .gnb_close{
	position:absolute;
 	top:10px;	
	right: 10px;
	z-index:107; 
}  
.main_lnb .lnb_group .lnb_list > ul > li { position: relative; margin-top:5px; } 
.main_lnb .lnb_group .lnb_list > ul > li:first-child {margin-top:0; } 
.main_lnb .lnb_group .lnb_list > ul > li > a {
	display: block;
	position:relative;
	width:266px; 
	padding:9px 20px 10px;
	font-size:14px;
	color:#1a1a1a;
}
.main_lnb .lnb_group .lnb_list > ul > li > a > span{
	width:4px;
	height:7px;
	position:relative;
	top:3px;
	display:block;
	float:right; 
}
.main_lnb .lnb_group .lnb_list > ul > li > a.on,
.main_lnb .lnb_group .lnb_list > ul > li > a:hover,
.main_lnb .lnb_group .lnb_list > ul > li > a:focus{color:#fff; font-weight:600; background:#f15e24; text-decoration:none;} 
.main_lnb .lnb_group .lnb_list > ul > li > a.on span,
.main_lnb .lnb_group .lnb_list > ul > li > a:hover span,
.main_lnb .lnb_group .lnb_list > ul > li > a:focus span {
	width:4px;
	height:7px;
	position:relative;
	top:3px;
	display:block;
	float:right; 
} 
.main_lnb .lnb_group .lnb_list > li.over > a {color: #000; text-decoration: none;}
.main_lnb .lnb_group .lnb_list > li.on > a {background-repeat: no-repeat; background-position: 164px 13px;}	
.main_lnb .lnb_group .lnb_list > li.on > ul.lnb_category1 {display: block}	 
.main_lnb li.on .lnb_group {display: block;	}
.main_lnb li.on .lnb_group > .arrow {display: block;	} 

/* 1차 카테고리 */
.main_lnb .lnb_layer_category {
	display: none;
	position:absolute;
	top: 0px;
	left:192px;
	min-width:140px;
	background:#fff;
	z-index:40;
}
.main_lnb .lnb_layer_category span.arrow2{
	display:block; 
	position:absolute;
	top:29px;	
	left:-6px;
	z-index:105;
	width:8px;
	height:13px; 
	font-size: 0;
	text-indent: -9999px;  
} 
.main_lnb li.on > .lnb_layer_category{display: block;}	
.main_lnb .lnb_layer_category > ul{border:1px solid #555;} 
.main_lnb .lnb_layer_category > ul:after{content:''; display:block; clear:both; }
.main_lnb .lnb_category1 > li > a {
	display: block;
	border-top: 1px dotted #c8c8c8;
	padding:12px 10px 11px 20px;
	background: #fafafa;
	color: #000;
} 
.main_lnb .lnb_category1 > li.over > a {font-weight: bold;} 
.main_lnb .lnb_category1 > li.on > a {font-weight: bold;}	
.main_lnb .lnb_category1 > li.on > ul.lnb_category2 {display: block}	
.main_lnb .lnb_category1 > li > a.default {background: #fbfbef; color: #333;}	 
/* LNB 레이어 */
.main_lnb .lnb_layer {
	display: none; 
	*z-index:250; 
	position: absolute; 
	left: 184px;
	width:643px;
	padding: 12px 12px 12px 0; 
	margin-top: -37px;
	z-index:100;	
	background-color:#fff;
	background-repeat: repeat-y;
	background-position: -6px 0;
}
.main_lnb li.over > .lnb_layer {display: block;}
.main_lnb .lnb_layer a {text-decoration: none;} 
.main_lnb .lnb_layer > li > a {position: absolute; display: block; width: 225px; padding-left: 12px;}
.main_lnb .lnb_layer > li > a > span {display: block; width: 189px; min-height: 12px; padding: 8px 13px 8px 8px; color: #4c4c4c;}
.main_lnb .lnb_layer > li > .lnb_layer_category {display: none; }
.main_lnb .lnb_layer > li.over > .lnb_layer_category {	display: block; padding-left: 236px;}
.main_lnb .lnb_layer > li > a.default span {background: #f9d7ab; color: #333;}
.main_lnb .lnb_layer > li.over > a.default span {background: #f9ecdb; color: #333;}
.main_lnb .lnb_layer_category li { border-top:1px solid #ededed; }
.main_lnb .lnb_layer_category li:first-child {border-top:0; }
.main_lnb .lnb_layer_category li a {
	display: block; 
	font-size:13px; 
	min-width:140px;  
	padding:9px 15px 10px 20px;
	color:#666;  
	
}
.main_lnb .lnb_layer_category li a:hover,
.main_lnb .lnb_layer_category li a:focus{color: #fff; font-weight:600; background:#4a4135; text-decoration: none;}  
/* LNB END */



/*main container*/
#container.container-main {padding:0; min-height:auto; min-width:1140px;}
#footer {padding-top:0}

/*타이틀*/

.main__title {margin-bottom:60px; text-align:center; line-height:1; position:relative;}
.main__title-h2 {position: relative; padding:15px 0 0 0; font-size:48px; color:#222; font-weight:300;}
.main__title-h2:before {content:''; display:block; width:80px; height:4px; background-color:#f15e24; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main__title-h2 strong {font-weight:700;}
.main__title-txt {margin-top:10px; color:#222; font-weight:300; font-size:20px;}

.main__stitle-h3 {font-size:24px; font-weight:400; color:#222; line-height:1.3;}


/*More Button*/
.btn__wrap {text-align:center; margin-top:40px;}
.main__more.type1 {display:inline-block; box-sizing: border-box; min-width:180px; height:60px; line-height:56px; background-color:#fff; font-size:16px; overflow:hidden; border-radius:30px; border:2px solid #d6d6d6; padding:0 30px;transition:all 0.3s ease-in-out; color:#222; text-transform: uppercase; font-weight:400;}
.main__more.type1 span {display:inline-block; position:relative; width:100%; text-align:left; line-height:1.3;}
.main__more.type1 span:before,
.main__more.type1 span:after {content:''; display:block; background-color:#222; position:absolute; top:50%; right:0;  transform:translate(50%, -50%);}
.main__more.type1 span:before {width:16px; height:2px;}
.main__more.type1 span:after {width:2px; height:16px;}

.main__more.type1:hover {background-color:#222; color:#fff; border:2px solid #222; transition:all 0.3s ease-in-out;}
.main__more.type1:hover span:before,
.main__more.type1:hover span:after {transition:all 0.3s ease-in-out; background-color:#fff;}

.main__more.type2 {display:inline-block; box-sizing: border-box; position:absolute; top:25px; right:0; min-width:140px; height:50px; line-height:46px; background-color:#fff; font-size:16px; overflow:hidden; border-radius:30px; border:2px solid #d6d6d6; padding:0 25px;transition:all 0.3s ease-in-out; color:#222; text-transform: uppercase; font-weight:400;}
.main__more.type2 span {display:inline-block; position:relative; width:100%; text-align:left; line-height:1.3;}
.main__more.type2 span:before,
.main__more.type2 span:after {content:''; display:block; background-color:#222; position:absolute; top:50%; right:0;  transform:translate(50%, -50%);}
.main__more.type2 span:before {width:16px; height:2px;}
.main__more.type2 span:after {width:2px; height:16px;}

.main__more.type2:hover {background-color:#222; color:#fff; border:2px solid #222; transition:all 0.3s ease-in-out;}
.main__more.type2:hover span:before,
.main__more.type2:hover span:after {transition:all 0.3s ease-in-out; background-color:#fff;}


.main__more.type3 {display:block; width:24px; height:24px; background-color:#222; font-size:0; overflow:hidden; border-radius:24px; position:absolute; top:0; right:0; margin-top:3px;}
.main__more.type3 span {display:inline-block; position:relative; text-indent:-99999px; width:100%; height:100%;}
.main__more.type3 span:before,
.main__more.type3 span:after {content:''; display:block; background-color:#fff; position:absolute; top:50%; left:50%;  transform:translate(-50%, -50%);}
.main__more.type3 span:before {width:12px; height:2px;}
.main__more.type3 span:after {width:2px; height:12px;}

.main__more.type3:hover {background-color:#62a712;}



/*Main 제품리스트*/
.main__product-list {font-size: 0; text-align:left; line-height:1;}
.main__product-list * {box-sizing: border-box;}
.main__product-item {display:inline-block; width:255px; vertical-align:top; margin-bottom:40px;}
.main__product-item + .main__product-item {margin-left:40px;}
.main__product-item:nth-of-type(4n+1) {margin-left:0;}

.main__product-link {display:block; position:relative; padding:0 22px 30px 22px;box-sizing:border-box; min-height:391px;transition: all .3s ease-in-out;}
.main__product-link:after {content:''; display:block; border-radius: 20px; background-color: #fff; border:1px solid #d6d6d6; height:calc(100% - 50px); position:absolute; bottom:0; left:0; width:100%; z-index:-1;transition: all .3s ease-in-out; box-sizing:border-box;}
.main__product-link:hover {min-height:381px;transition: all .3s ease-in-out;}
.main__product-link:hover:after {box-shadow: 0px 6px 32px -2px rgba(0,0,0,0.2); height:calc(100% - 30px); transition: all .3s ease-in-out;}

.main__product-link > .thumb {overflow:hidden; margin:0 auto; width:210px; height:210px; border-radius: 20px; background-color:#efefef; border:1px solid #f5f5f5;}
.main__product-link > .thumb img {transition: all .3s ease-in-out; width:100%;}

.main__product-link:hover > .thumb img,
.main__product-link:focus > .thumb img{transform:scale(1.2); transition: all .3s ease-in-out;}

.main__product-link > .name {font-size:16px; color:#222; margin-top:20px; line-height:1.5; height:48px; font-weight:400; overflow:hidden;}
.main__product-link:hover > .name {text-decoration: underline; color:#00a84e;}

.main__product-link > .flag {position:absolute; top:20px; left:0; width:100%;}
.main__product-link > .flag:after {content:''; display:block; clear: both;}

.main__product-link > .flag .flag-sale {display:block; background:url('/content/images/common/bg_sale.png') 0 0 no-repeat; width:76px; height:86px; padding:20px 6px 6px 0; text-align:center; font-size:14px; color:#fff; font-weight:300; float:left;}
.main__product-link > .flag .flag-sale em {font-size:32px; font-weight:700; }

.main__product-link > .flag .flag-free {display:block; text-align:center; font-size:13px; color:#fff; font-weight:300; float:right; line-height:20px; background-color:#222; padding:2px 8px; border-radius:4px; margin-left:3px;}

.main__product-link > .price {margin-top:30px; text-align:right; position:absolute; bottom:30px; right:25px;transition: all .3s ease-in-out;}
.main__product-link > .price span {display:block;}
.main__product-link > .price .price-ori{font-size:14px; color:#999; text-decoration: line-through; height:16px;}
.main__product-link > .price .price-value{font-size:32px; color:#222; margin-top:5px;}
.main__product-link > .price .price-value em{font-weight:700;}



/*슬라이더 화살표*/
.slider__arrow-left,
.slider__arrow-right {display:block; width:80px; height:80px; text-indent:-999999px; overflow:hidden; background-color:#fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); border-radius: 100%; background-repeat:no-repeat; background-position:50% 0; position:absolute; top:50%; transition:background-color 0.3s ease-in-out; }
.slider__arrow-left:hover,
.slider__arrow-right:hover {background-color:#4a4135; transition:background-color 0.3s ease-in-out; background-position:50% -80px;}
.slider__arrow-left {background-image:url('/content/images/common/ico_arrow_left01.png'); left:0; transform: translate(-50%, -100%);}
.slider__arrow-right {background-image:url('/content/images/common/ico_arrow_right01.png'); right:0;transform: translate(50%, -100%);}





/*★★★Section01 Main Banner★★★*/
section {min-width:1140px; overflow:hidden;}
.main__banner {background-color:#deeacf; padding:50px 0; overflow:hidden;}

.main__banner-item img {max-width:100%; height:auto;}
.main__banner-wrap {position:relative;}
.main__banner-list {padding:60px 0; font-size:0;}
.main__banner-item {background-color: transparent;display:inline-block; vertical-align:middle; width:640px; height:640px; text-align:center; overflow:hidden; position:relative;}
.main__banner-img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:480px; overflow:hidden; border-radius:320px; opacity:1; transition:all 0.5s ease-in-out;}
.main__banner-img.on {opacity:1; transition:all 0.5s ease-in-out;}
.main__banner-img.off {opacity:1; transition:all 0.5s ease-in-out; width:480px; }

.main__banner-item.slick-current .main__banner-img.on {opacity:1; transition:all 0.5s ease-in-out; width:100%;}
.main__banner-item.slick-current .main__banner-img.off {opacity:0; transition:all 0.5s ease-in-out; width:480px;}


.main__banner-circle {width:760px; height:760px; background:url('/content/images/common/main_visual_bg01.png') 0 0 no-repeat; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:80;}


.main__banner .slider__arrow {position:absolute; width:760px; left:50%; top:50%; transform:translate(-50%, -50%); z-index:91;}
.main__banner .slider__arrow-left:hover {background-color:#4a4135; transition:all 0.3s ease-in-out; background-position:-80px 0;}
.main__banner .slider__arrow-right:hover {background-color:#4a4135; transition:all 0.3s ease-in-out; background-position:0px 0;}
.main__banner .slider__arrow-left {background-image:url('/content/images/common/ico_arrow_left.png'); left:0; transform: translate(-50%, -50%); transition:all 0.3s ease-in-out; background-position:0px 0;}
.main__banner .slider__arrow-right {background-image:url('/content/images/common/ico_arrow_right.png'); right:0;transform: translate(50%, -50%); transition:all 0.3s ease-in-out; background-position:-80px 0;}



.main__bannerNav {width:760px; height:700px; position:absolute;  top:60px; left:50%; transform:translateX(-50%); z-index:90; overflow:hidden;}
.main__bannerNav-item {display:inline-block; height:700px;}
.main__bannerNav-link1 {display:block; position:absolute; width:640px; height:640px; top:0; left:50%; transform:translateX(-50%); border-radius:320px; text-indent:-9999px;overflow: hidden;}
.main__bannerNav-link2 {display:block; position:absolute; width:100px; height:100px; bottom:0; left:100px; border-radius:100px; background:#222 url('/content/images/common/ico_arrow02.png') 50% 60px no-repeat; text-align:center; padding-top:30px; box-sizing: border-box; color:#fff; font-weight:700; font-size:14px;}

.main__bannerNav-txt {position:absolute; width:100%; left:0; bottom:150px; background-color:rgba(0, 0, 0, 0.5); z-index:2; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding:0 100px; text-align:center; color:#fff; font-size:28px; font-weight:500; line-height:72px;}

.pagingNum {position:absolute; right:100px; bottom:0; font-weight:100; font-size:32px; color:#222;}
.pagingNum em,
.pagingNum i {font-style:normal;}
.pagingNum em {font-weight:700;}

.main__bannerNav .arrow-left,
.main__bannerNav .arrow-right {display:block; width:72px; height:72px; text-indent:-999999px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; position:absolute; transition:all 0.3s ease-in-out;  opacity:0.4; z-index:1000; bottom:150px;}

.main__bannerNav .arrow-left:hover,
.main__bannerNav .arrow-right:hover {transition:all 0.3s ease-in-out; opacity:1;}
.main__bannerNav .arrow-left {background-image:url('/content/images/common/ico_arrow_left02.png'); left:0; }
.main__bannerNav .arrow-right {background-image:url('/content/images/common/ico_arrow_right02.png'); right:0;}







/*★★★ 추천상품  ★★★*/
.main__md {padding:80px 0; background-color:#f1f1f1;  position:relative;}
.main__md-wrap {position:relative;}
.main__md-list {overflow:hidden; padding-bottom:25px;}
.main__md-list .main__product-item {margin-bottom:0; margin: 0 20px;}
.main__md-list .main__product-item:nth-of-type(4n+1) {margin: 0 20px;}
.main__md-list .main__product-link:after {border:0;}



/*★★★ 신규농가/신상품  ★★★*/

/*.main__newfarm { overflow-x:hidden;}
.main__newfarm-wrap {margin:0 auto; position:relative; width:1140px;  padding:90px 0 100px 0; font-size:0;}
.main__newfarm-box {display:inline-block; width:50%; vertical-align:top; box-sizing: border-box;}

.main__newfarm-box:nth-of-type(1) {width:520px; margin:0 30px 0 0;}
.main__newfarm-box:nth-of-type(2) {width:570px; margin:0 0 0 20px;}*/

.main__newfarm {padding:80px 0; position:relative;}
.main__newfarm-wrap {position:relative;}


/*신규농가/기획전*/
.main__newfarm-banner {overflow:hidden; border-radius:20px;}
.main__newfarm-banner:nth-of-type(2) {margin-top:40px;}

/*신상품*/
.main__newpro {position:relative;}
.main__newpro-wrap {position:relative;}
.main__newpro .main__title {text-align:left; margin-bottom:40px;}
.main__newpro .main__title-h2 {padding:10px 0 0 0;}
.main__newpro .main__title-h2:before {top:0; left:0%; transform:translateX(0%);}



/*.main__newpro-list { overflow:hidden; padding:0 20px;}
.main__newpro-list .main__product-item {margin-bottom:0; margin: 0 20px; box-sizing: border-box; padding-bottom:20px;}
.main__newpro-list .main__product-item:nth-of-type(4n+1) {margin: 0 20px;}
.main__newpro-list .main__product-link:after {border:0; background-color:#f1f1f1; box-shadow: 0;}
.main__newpro-list .main__product-link:hover:after {box-shadow: 0px 6px 32px -2px rgba(0,0,0,0.0);}
.main__newpro-list .main__title-txt {margin-top:5px;}*/

.main__newpro-list { overflow:hidden;}
.main__newpro-list .main__product-item {margin-bottom:0; margin: 0 20px;}
.main__newpro-list .main__product-item:nth-of-type(4n+1) {margin: 0 20px;}





/*★★★ 특가/베스트 ★★★*/

.main__salebest { overflow-x:hidden;}
.main__salebest-wrap {margin:0 auto; position:relative; width:1140px;  padding:80px 0 100px 0; font-size:0;}
.main__salebest-wrap:before,
.main__salebest-wrap:after {content:''; display:block; width:100%; position:absolute; height: 100%; z-index:-1;}
.main__salebest-wrap:before {top:0; left:-50%; background-color:#deeacf;}
.main__salebest-wrap:after {top:0; right:-50%; background-color:#c6e5ff;}

.main__salebest-box {display:inline-block; width:50%; vertical-align:top;}


/*특가상품*/
.main__sale-wrap {position:relative;}
.main__sale-list {overflow:hidden; white-space: nowrap;}
.main__sale-list .main__product-item {margin-bottom:0;margin: 0 20px;}
.main__sale-list .main__product-item:nth-of-type(4n+1) {margin:0 20px;}
.main__sale-list .main__product-link:after {border:0;}
.main__sale-list .main__product-link:before {content:''; display:block; background-color: #62a712; height:40px; position:absolute; bottom:-15px; left:0; width:100%; z-index:-1;transition: all .3s ease-in-out;}

.main__sale-date {padding:0 15px 15px 15px; background-color: #62a712; border-radius: 0 0 20px 20px; line-height:40px; margin-top:15px;}
.main__sale-date:after {content:''; display: block; clear: both;}
.main__sale-date > .ico {font-size:16px; display:inline-block; font-weight:400; padding-left:40px; line-height:40px; background:url('/content/images/common/ico_time.png') 0 0 no-repeat; min-width:40px;vertical-align: middle; color:#fff;}
.main__sale-date > .dday {width: 110px; display:block; background-color:#fff; border-radius: 10px; float:right; text-align:right; color:#62a712; font-size:24px; padding:0 10px;}
.main__sale-date > .dday em {color:#222; font-weight:700;}


/*베스트상품*/
.main__best-wrap {position:relative;}
.main__best-list {overflow:hidden; white-space: nowrap;}
.main__best-list .main__product-item {margin-bottom:0; margin: 0 20px;}
.main__best-list .main__product-item:nth-of-type(4n+1) {margin: 0 20px;}
.main__best-list .main__product-link:after {border:0;}
.main__best-list .main__product-link:before {content:''; display:block; background-color: #005baa; height:40px; position:absolute; bottom:-15px; left:0; width:100%; z-index:-1;transition: all .3s ease-in-out;}

.main__best-farms {padding:0 15px 15px 15px; background-color: #005baa; border-radius: 0 0 20px 20px; line-height:40px; margin-top:15px;}
.main__best-farms:after {content:''; display: block; clear: both;}
.main__best-farms > .ico {font-size:16px; display:inline-block; font-weight:400; padding-left:40px; line-height:40px; height:40px; background:url('/content/images/common/ico_best.png') 0 0 no-repeat; min-width:40px;vertical-align: middle; color:#fff;}
.main__best-farms > .farms {width: 180px; display:block; background-color:#fff; border-radius: 10px; float:right; text-align:right; color:#222; font-size:18px; padding:0 10px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.main__best-farms > .farms em {color:#222;}





/*★★★ 인기상품 ★★★*/

.main__hot {padding:80px 0 0 0;}
.main__hot-wrap {position:relative; font-size:0; line-height:1;}
.main__hot-wrap:before {content:'';display:block;width:100%;height:1px;background:#ccc;position:absolute;top:25px;left:0; z-index:-1;}

.main__hot-box {text-align:center;}
.main__hot-tab {display:inline-block; min-width:140px; box-sizing: border-box; position:relative; white-space: nowrap;}
.main__hot-tab a {display:block; line-height:46px; border:2px solid #d6d6d6; color:#666; font-size: 16px; background-color:#fff; border-radius:50px;  transition: all .3s ease-in-out; padding:0 15px;}
.main__hot-tab a:before  {content:''; display:block; width:20px; height:20px; background-color:rgba(34, 34, 34, 0); position:absolute; bottom:20px; left:50%; transform:rotate(-45deg) translateX(-50%); z-index:-1; transition: all .3s ease-in-out;}
.main__hot-tab a:hover,
.main__hot-tab.is-active a {background-color:#222; color:#fff; border:2px solid #222;}
.main__hot-tab a:hover:before,
.main__hot-tab.is-active a:before  {background-color:rgba(34, 34, 34, 1); bottom:3px;}



.main__hot-contents {position:absolute; top:100px; left:0; display:none;}
.main__hot-contents.is-active {display:block;}





/*★★★ 특산물 ★★★*/

.main__special {padding:80px 0 130px 0;}

.main__special-list {font-size:0; line-height:1; white-space: nowrap;}
.main__special-item {display:inline-block;}
.main__special-item + .main__special-item {margin-left:35px;}
.main__special-link {display:block; text-align:center;}
.main__special-link > .image {border-radius:20px; overflow:hidden; transition: all .3s ease-in-out;}
.main__special-link > .image img {transition: all .3s ease-in-out; width:200px;}
.main__special-link > .txt {font-size:14px; color:#888; font-weight:300; margin:20px 0 0 0;}
.main__special-link > .title {font-size:24px; font-weight:500; color:#222; margin:10px 0 0 0;}
.main__special-link:hover > .image img,
.main__special-link:focus > .image img{transform:scale(1.2); transition: all .3s ease-in-out;}
.main__special-link:hover > .title,
.main__special-link:focus > .title {color:#62a712;}



/*★★★ 신규농가/신상품  ★★★*/
.main__newfarm2 { overflow-x:hidden;padding:70px 0 0 0;}
.main__newfarm2-wrap {margin:0 auto; position:relative; width:1140px;  padding:90px 0 100px 0; font-size:0;}
.main__newfarm2-box {display:inline-block; width:50%; vertical-align:top; box-sizing: border-box;}
.main__newfarm2-box:nth-of-type(1) {width:100%; margin:0 30px 0 0;}
/*신규농가/기획전*/
.main__newfarm2-banner {overflow:hidden; border-radius:20px; float:left; margin:0 25px;}
.main__newfarm2-banner {overflow:hidden; border-radius:20px; float:left; margin:0 25px;}




/*★★★ 하단 고객센터 영역 ★★★*/

.main__customer {background-color:#f1f1f1; padding:40px 0; font-size:0; line-height: 1;}
.main__customer-box {display:inline-block; vertical-align:top; box-sizing: border-box;}

.main__customer-box:nth-of-type(1){width:400px; padding:0 40px 0 0;}
.main__customer-box:nth-of-type(2){width:calc(100% - 400px); padding:0 0 0 40px;}
.main__customer-box:nth-of-type(1):before {content:''; display:block; width:1px; height:100%; position:absolute; background:#d6d6d6; left:400px; top:0;}

.main__customer-box .cs__title-wrap{display:flex;justify-content: space-between;align-items: center;padding-right:36px;}
.main__customer-box .cs__title-wrap .main__rel-link{display:flex;justify-content: flex-end;}
.main__customer-box .cs__title-wrap .main__rel-link li:not(:last-child)::after{display: inline-block;content:'';width: 1px;height:12px;margin: 0 8px;background:#bbb;}
.main__customer-box .cs__title-wrap .main__rel-link a{font-size: 16px;font-weight: 400;}

.main__rel-link .blank:hover{text-decoration: underline;}
.main__rel-link .blank::after{position: relative;top: 2px;display:inline-block; content:'';width:16px;height:16px;margin-left: 2px;background:url('/content/images/common/open_in_new.svg') no-repeat center/contain;}

/* 공지사항 */
.main__notice {position:relative;}
.main__notice-list {margin-top:10px;}
.main__notice-item {font-size:0; }
.main__notice-link {display:inline-block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; width:calc(100% - 90px); font-size:16px; color:#666; padding:5px 0 5px 10px; line-height:1.3; position:relative; vertical-align:middle;}
.main__notice-link:before {content:''; display:block; width:4px; height:4px; color:#222; position:absolute; top:50%; left:0; margin-top:-2px; background-color:#222; border-radius: 100%; }
.main__notice-link:hover {color:#62a712;}

.main__notice-date {display:inline-block; font-size:14px; font-weight:100; vertical-align:middle; text-align:right; width:90px;}

/*은행정보*/
.main__bank {margin-top:25px;}
.main__bank-wrap {border-radius: 10px; background-color:#fff; padding:10px; margin-top:10px;}
.main__bank-ico {display:inline-block; width:60px; height:60px; border-radius:10px; background-color:#00a84e; background-image:url('/content/images/common/ico_bank01.png'); background-repeat: no-repeat; background-position: 50% 50%; vertical-align:middle;}

.main__bank-info {display:inline-block; padding-left:20px; box-sizing: border-box; width:calc(100% - 60px); font-weight:500; vertical-align:middle;}
.main__bank-info .num {display:block; font-size:24px; color:#222; }
.main__bank-info .name {display:block; font-size:16px; font-weight:300; color:#222; margin-top:4px;}
.main__bank-info .name em {color:#999; font-weight:300;}


/*고객센터 안내*/
.main__cs {position: relative; padding:0 0 20px 0; border-bottom:1px solid #d6d6d6;}
.main__cs-inner {margin-top:16px; position:relative; padding:0 340px 0 0;}
.main__cs-inner > p {font-size:16px; color:#666; line-height:1.3;}
.main__cs-inner > p + p {margin-top:5px;}
.main__cs-inner > p strong {display:inline-block; color:#222; margin-right:10px; font-weight:400;}
.main__cs-inner .main__csbtn {display:inline-block; line-height:28px; padding:0 14px 0 20px; text-align:center; border:1px solid #222; border-radius: 30px; color:#222; font-size:13px; background-color:#fff; transition: all .3s ease-in-out; margin-top:15px;}
.main__cs-inner .main__csbtn span {display:inline-block; line-height:1.3; padding:0 16px 0 0; background:url('/content/images/common/ico_arrow01.png') 100% 50% no-repeat;}

.main__cs-inner .main__csbtn:hover {background-color:#62a712; color:#fff; border-color:#62a712;}

.main__cs-phone {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.main__cs-phone > p {font-size:40px; color:#222; font-family: 'Montserrat';}
.main__cs-phone > p + p {margin-top:8px; letter-spacing:0.025em;}



/*하단 바로가기*/
.main__quick {padding:15px 0 0 0;}
.main__quick:after {content:''; display:block; clear:both;}
.main__quick-wrap {display:inline-block; width:360px;}
.main__quick-item {display:inline-block; width:25%;}
.main__quick-link {display:block; text-align:center; padding:10px 5px; color:#222; background-color:transparent;  transition:background-color .3s ease-in-out;}
.main__quick-ico {display:block; margin:0 auto; width:32px; height:32px; background-position:50% 0; background-repeat:no-repeat; }
.main__quick-item:nth-of-type(1) .main__quick-ico {background-image:url('/content/images/common/ico_cs01.png');}
.main__quick-item:nth-of-type(2) .main__quick-ico {background-image:url('/content/images/common/ico_cs02.png');}
.main__quick-item:nth-of-type(3) .main__quick-ico {background-image:url('/content/images/common/ico_cs03.png');}
.main__quick-item:nth-of-type(4) .main__quick-ico {background-image:url('/content/images/common/ico_cs04.png');}
.main__quick-text {font-size:13px;  margin-top:10px; display:block;}

.main__quick-link:hover {background-color:#62a712; color:#fff;}
.main__quick-link:hover .main__quick-ico {background-position: 50% -32px;}



/* 메인 하단 SNS  20210121 수정 */
.main__sns {display:block; float:right; margin-top:10px;}
.main__sns-list{display:flex;}
.main__sns-item {display:inline-block; }
.main__sns-item + .main__sns-item {margin-left:10px;}
.main__sns-link {display:block; width:64px; height:64px; background-position:50% 50%; background-repeat: no-repeat; background-color:#4a4135; transition:all 0.3s ease-in-out;}
.main__sns-item.es .main__sns-link{width:100px;padding:6px;background-color:#fff;border:1px solid #00998A;background-image: url("/content/images/common/es_logo.svg");background-size: 60%;}
.main__sns-item.facebook .main__sns-link {background-image:url('/content/images/common/sns_cs01.png');}
.main__sns-item.blog .main__sns-link {background-image:url('/content/images/common/sns_cs02.png');}
.main__sns-item.instar .main__sns-link {background-image:url('/content/images/common/sns_cs03.png');}
.main__sns-item.qr .main__sns-link {background-image:url('/content/images/common/cs_qr.png'); cursor:default;}

.main__sns-item.facebook .main__sns-link:hover {background-color:#3b5998;}
.main__sns-item.blog .main__sns-link:hover {background-color:#2eb300;}
.main__sns-item.instar .main__sns-link:hover {background-color:#d6249f;}

/* slick fade 모드 */
.main__newpro-new-wrap-slider { position:relative; height:600px; }
.main__newpro-new-wrap-slider .list .image { float:left; }
.main__newpro-new-wrap-slider .list .content { float:left; margin:0 40px; }
.main__newpro-new-wrap-slider .list .content .btn { margin-top:40px; }
/*.main__newpro-new-wrap-slider .slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}*/
/*.main__newpro-new-wrap .slick-initialized .slick-slide
{
    display: block;
}*/