@charset "utf-8";

/******************************************************************************************************************************************
*	SVG Icon Common Control
*******************************************************************************************************************************************/
i.svg_icon							{display:inline-block; width:24px; height:24px; cursor:pointer;}
i.svg_icon.ani_rotate svg:hover		{-webkit-transform:rotate(10deg)!important;-moz-transform:rotate(10deg)!important;-o-transform:rotate(10deg)!important;transform:rotate(10deg)!important; transition: all 0.3s;}

.svg_icon.home						{fill:#444444; color:#444444;}
.svg_icon.location					{fill:#444444; color:#444444;}

.svg_icon.location.on #InStroke		{display:none}
.svg_icon.location.on #InBg			{display:block; fill:var(--IDTcolor); color:var(--IDTcolor); animation:moveUpDown 0.5s ease-in-out infinite alternate;}

@keyframes moveUpDown	{
	0% {transform:translateY(6px);}
	100% {transform:translateY(-6px);}
}

/* Store Seller, storeMap List */
.store_scrap i						{display:inline-block; width:24px; height:24px;}
.store_scrap.favorite i .Stroke		{fill:var(--mygray); color:var(--mygray);}
.store_scrap.favorite i .On			{display:none;}
.store_scrap.favorite.on i .On		{display:block; fill:var(--IDTcolor); color:var(--IDTcolor);}

.svg_icon.bag						{fill:#444444; color:#444444;}
.svg_icon.bagnow					{fill:#FFFFFF; color:#FFFFFF;}
.svg_icon.allmenu					{fill:#444444; color:#444444;}
.svg_icon.icon_gohome				{fill:#444444; color:#444444;}
.svg_icon.search					{}
.svg_icon.mypage					{}
.svg_icon.filter					{}


@media screen and (max-width:980px) {
i.svg_icon							{width:22px; height:22px;}
}

.svg_icon.myinfo_set				{}

.svg_icon.alarm						{fill:%23444444; color:#444444;}
.svg_icon.setting					{fill:%23444444; color:#444444;}
.svg_icon.gotop						{fill:%23444444; color:#444444;}

.svg_icon.scrap						{fill:#555555; color:#555555; stroke-width:0;/*stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:2; stroke:#444444;*/}
.svg_icon.scrap_white				{fill:#FFFFFF; color:#FFFFFF;}

.svg_icon.logo						{fill:var(--IDTcolor); color:var(--IDTcolor); stroke-width:0;}


/* Main Menu */
i.menu_icon							{display:inline-block; width:24px; height:24px; margin:0 10px 0 0; cursor:pointer; transition:all 0.3s;}

.menu_icon.menu_truck				{stroke-width:0;}
.menu_icon.menu_theme				{stroke-width:0;}
.menu_icon.menu_market				{stroke-width:0;}
.menu_icon.menu_motocycle			{stroke-width:0;}
.menu_icon.menu_premium				{stroke-width:0;}
.menu_icon.menu_category			{stroke-width:0;}
.menu_icon.local_biz				{stroke-width:0;}


.svg_icon.svg_sns_apple				{fill:#000000; color:#000000;}
.svg_icon.svg_sns_kakao				{fill:#3b1e1e; color:#3b1e1e;}
.svg_icon.svg_sns_naver				{fill:#FFFFFF; color:#FFFFFF;}
.svg_icon.svg_sns_facebook			{fill:#FFFFFF; color:#FFFFFF;}

.svg_icon.svg_filter				{fill:#555555; color:#555555;}
.svg_icon.svg_scooter				{fill:var(--IDTcolor); color:var(--IDTcolor);}
.svg_icon.svg_blank					{fill:#FFFFFF; color:#FFFFFF; stroke-width:2.0;}

.svg_icon.svg_edit					{}/* SVG Direct Control */

.svg_icon.refrigeration				{fill:#1164EA; color:#1164EA; width:20px; height:20px;}
.svg_icon.freeze					{fill:#11A8EA; color:#11A8EA; width:20px; height:20px;}
.svg_icon.seller_home				{fill:#888888; color:#888888; width:16px; height:16px; margin-left:5px; margin-top:-3px}

/* Product Icon */
.svg_icon.share						{fill:#444444; color:#444444;}
.svg_icon.starstroke				{fill:#222222; color:#222222;}
.svg_icon.like						{fill:#222222; color:#222222;}
.svg_icon.like.on #on				{fill:var(--IDTcolor); color:var(--IDTcolor); display:block;}
.svg_icon.like.on #off				{display:none;}


i.svg_icon.englogo					{display:inline-block; width:100%; height:auto; cursor:pointer;}
.logo_gogifarm_white				{fill:#FFFFFF; color:#FFFFFF;}

/* Service Sub Pgae */
i.svg_icon.micon					{display:inline-block; width:120px; height:120px; cursor:pointer;}
.svg_icon.micon.won					{fill:var(--IDTcolor); color:var(--IDTcolor); stroke-width:4.0; stroke:var(--IDTcolor);}
.svg_icon.micon.micon_document		{fill:#222222; color:#222222;}
.svg_icon.micon.micon_snowflake		{fill:#0eafe6; color:#0eafe6;}
.svg_icon.micon.micon_truck			{fill:#222222; color:#222222;}
.svg_icon.micon.micon_motorcycle	{fill:var(--IDTcolor); color:var(--IDTcolor);}

@media screen and (max-width:980px) {
i.svg_icon.micon					{width:80px; height:80px;}
}



/******************************************************************************************************************************************
*	SVG Icon Common Control
*******************************************************************************************************************************************/
.livestockWRAP								{width:100%; background:url(/shop/img/good/livestock_bg1.jpg) 0 0 no-repeat; background-position:center center; background-attachment:fixed; overflow:hidden; text-align:center; will-change:transform; transform:translateZ(0);
											webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

.livestockWRAP .livestock_ment				{position:relative; top:30px; color:#FFF; font-size:22px; font-weight:700;}

i.svg_livestock_icon						{display:inline-block; position:relative; max-width:800px; width:100%; height:100%; z-index:14}						

.svg_livestock_icon.gg_beef_body			{fill:#FFFFFF; color:#FFFFFF; stroke-width:0; stroke:#FFFFFF; opacity:.8; filter:Alpha(Opacity=80); -moz-opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.svg_livestock_icon.gg_beef_part,
.svg_livestock_icon.gg_beef_part a			{fill:#EA8060; color:#EA8060; stroke-width:0; opacity:1; filter:Alpha(Opacity=100); -moz-opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.svg_livestock_icon.gg_beef_part a:hover	{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:Alpha(Opacity=80); -moz-opacity:.8; opacity:.8;}
.svg_livestock_icon.gg_beef_part a.on path	{fill:#d40f00; color:#d40f00;}
.svg_livestock_icon.gg_beef_part .part_txt	{text-align:center; font-size:86px; font-style:normal; font-weight:700; letter-spacing:-1px; fill:#FFFFFF; color:#FFFFFF; stroke-width:0;}

.svg_livestock_icon.gg_pig_body				{fill:#FFFFFF; color:#FFFFFF; stroke-width:0; stroke:#FFFFFF; opacity:.8; filter:Alpha(Opacity=80); -moz-opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.svg_livestock_icon.gg_pig_part,
.svg_livestock_icon.gg_pig_part a			{fill:#EA8060; color:#EA8060; stroke-width:0; opacity:1; filter:Alpha(Opacity=100); -moz-opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.svg_livestock_icon.gg_pig_part a:hover		{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:Alpha(Opacity=80); -moz-opacity:.8; opacity:.8;}
.svg_livestock_icon.gg_pig_part a.on path	{fill:#d40f00; color:#d40f00;}
.svg_livestock_icon.gg_pig_part .part_txt	{text-align:center; font-size:86px; font-style:normal; font-weight:700; letter-spacing:-1px; fill:#FFFFFF; color:#FFFFFF; stroke-width:0;}

@media screen and (max-width:980px) {
	.livestockWRAP .livestock_ment			{top:15px; color:#FFF; font-size:18px;}
}

@supports (-webkit-touch-callout: none) { /* IOS background-size:cover & background-attachment:fixed */
   .livestockWRAP							{background-attachment:scroll;}
}


/******************************************************************************************************************************************
*	CSS Icon Common Control
*******************************************************************************************************************************************/
.cssIcon:before, 
.cssIcon:after				{position:absolute; content: ""; outline:0px solid transparent; box-sizing:content-box; -moz-box-sizing:content-box;}
.cssIcon					{position:relative; width:25px; height:25px;}
.cssIcon.x:before			{background:#111; left:8px; height:16px; width:1px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.cssIcon.x:after			{background:#111; left:8px; height:16px; width:1px; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.cssIcon.xBigBlack:before	{background:#111; height:28px; width:2px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.cssIcon.xBigBlack:after	{background:#111; height:28px; width:2px; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.cssIcon.arrowright:before	{border-right:1px solid #CCC; border-top:1px solid #CCC; height:15px; width:15px; top:2px; right:7px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.cssIcon.ranking_tag:before {border-color:var(--IDTcolor) var(--IDTcolor) rgba(0, 0, 0, 0); border-radius:4px 4px 0px 0px; border-style:solid; border-width:50px 23px 12px; right:0px; top:0px; z-index:1}

.cssIcon.balloon:before		{background-color:var(--IDTcolor); border-radius:50px 50px 0; height:26px; width:26px; left:0px; top:0px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.cssIcon.balloon:after		{content:'A'; display:block; font-style:normal; font-size:16px; font-weight:700; width:26px; height:26px; line-height:26px; margin-bottom:12px;  color:#FFF; text-align:center}

.CICC 						{position:absolute; content: ""; outline:0px solid transparent; box-sizing:content-box; -moz-box-sizing:content-box;}
.CICC i						{font-size:0px; position:relative;}
.CICC i.arrowL				{clear:both; position:absolute; transition:all 0.2s; top:8px; width:12px; height:12px; border:2px solid #444; border-radius:2px; border-top:none; border-right:none; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.CICC i.arrowD				{clear:both; position:absolute; transition:all 0.2s; top:8px; width:12px; height:12px; border:2px solid #444; border-radius:2px; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}

.cssIcon.bus				{position:relative; display:flex; justify-content:center; align-items:center; width:25px; height:23px; margin:0; background-color:rgba(0, 0, 0, 0.18); border-radius:7px 7px 4px 4px; color:#FFF; font-weight:var(--FW700); font-size:var(--FS12F)}
.cssIcon.bus:before			{position:absolute; bottom:-3px; left:3px;  width:5px; height:3px; background-color:rgba(0, 0, 0, 0.18); border-radius:0 0 3px 3px;}
.cssIcon.bus:after			{position:absolute; bottom:-3px; right:3px; width:5px; height:3px; background-color:rgba(0, 0, 0, 0.18); border-radius:0 0 3px 3px;}	


/*************************************************************************************************************************
*	EDCON 
**************************************************************************************************************************/
.edcon			{width:40px; height:40px; text-align:center; color:transparent; background:rgba(255, 255, 255, .9); cursor:pointer; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); overflow:hidden; position:fixed; border-radius:15px; z-index:5;
				opacity:.6; -webkit-transition:right .3s ease-out; -moz-transition:right .3s ease-out; -o-transition:right .3s ease-out; -ms-transition:right .3s ease-out; transition:right .3s ease-out; -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -ms-transition:.3s ease-out; transition:.3s ease-out}

.edcon.down		{bottom:105px; right:-70px;}
.edcon.top		{bottom:55px; right:-70px;}	
.edcon i		{margin-top:8px}
.edcon.on		{right:5px;}
.edcon:hover	{opacity:1; -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -ms-transition:.3s ease-out; transition:.3s ease-out}


/* 지금배달 카트 */
.edcon.cart								{width:54px; height:54px; bottom:105px; right:5px; opacity:1 !important; background:rgba(235, 51, 0, 1.0); cursor:pointer; box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.36); border-radius:50%;}	
.edcon.cart i							{margin-top:14px}