@charset "utf-8";
/* CSS Document */

/**********************************************************************

 							도매시장 소개

**********************************************************************/
[data-subarea="introduction"] .basic_info											{ position:relative; display:flex;gap:20px;justify-content: space-between; flex-wrap:wrap;--sizeWidth:120px;}
[data-subarea="introduction"] .basic_info li											{ flex:1 1 40%;display:flex;align-items:center;    justify-content: space-between;gap:40px; background:var(--color-white);border:1px solid #d8d8d8;border-radius:20px;padding:3.125em;}
[data-subarea="introduction"] .basic_info li .icon                                  {display:flex;align-items:center;justify-items:center;width:var(--sizeWidth);height:var(--sizeWidth);border-radius:100%;background:var(--color-gray1);} 
[data-subarea="introduction"] .basic_info li .icon::before                         {content:'';display:block;width:100%;height:100%;}
[data-subarea="introduction"] .basic_info li:nth-child(1) .icon::before                     {background:url(/resource/market/images/contents/b_icon01.svg) no-repeat center center;background-size:60px auto; }
[data-subarea="introduction"] .basic_info li:nth-child(2) .icon::before                     {background:url(/resource/market/images/contents/b_icon02.svg) no-repeat center center;background-size:60px auto ;}
[data-subarea="introduction"] .basic_info li:nth-child(3) .icon::before                     {background:url(/resource/market/images/contents/b_icon03.svg) no-repeat center center;background-size:54px auto ;}
[data-subarea="introduction"] .basic_info li:nth-child(4) .icon::before                     {background:url(/resource/market/images/contents/b_icon04.svg) no-repeat center center;background-size:54px auto;}
[data-subarea="introduction"] .basic_info li:focus .icon::before,[data-subarea="introduction"] .basic_info li:hover .icon::before{    animation-name: updown;animation-duration: .5s;;}
[data-subarea="introduction"] .basic_info li dl                                        {width:calc(100% - var(--sizeWidth) - 40px);}
[data-subarea="introduction"] .basic_info li dl dt                                    {color:var(--color-point);font-size:1.25em;font-weight:700;margin-bottom:.5em;}
[data-subarea="introduction"] .basic_info li dl dd                                    {font-size:1.063em;color:var(--color-base1);}


[data-subarea="introduction"] .purpose                                         {display:flex;justify-content: center;flex-wrap:wrap;}
[data-subarea="introduction"] .purpose .tit                                    {background:var(--color-point);border-radius:65px;padding: 1.5em 4em;font-size:1.25em;color:#fff;font-weight:500;text-align:center;box-shadow:5px 5px 20px rgba(13,123,78,.1);z-index:9;}
[data-subarea="introduction"] .purpose .tit strong                            {font-weight:700;}                        
[data-subarea="introduction"] .purpose .box                                   {margin-top: -3.5em;width:100%;background:#eef8f4;border-radius:20px;padding: 3.125em;padding-top:6.625em;z-index:1}    
[data-subarea="introduction"] .purpose .box ul                                {display:flex;gap:20px;justify-content: space-between; flex-wrap:wrap;}
[data-subarea="introduction"] .purpose .box ul li                             {flex:1 1 40%;background:#fff;text-align:center;padding:1.25em;color:#444;font-size:1.125em;border-radius:10px;box-shadow:5px 5px 20px rgba(13,123,78,.1);}

[data-subarea="introduction"] .feature .f_con                                  {display:flex;justify-content: space-between;--sizeWidth:20px;gap:20px;margin-bottom:var(--sizeWidth);}
[data-subarea="introduction"] .feature .f_con:last-child                      {margin-bottom:0;}
[data-subarea="introduction"] .feature .f_con .tit                              {position:relative;display: flex; justify-content: center;align-items: center;width:300px;background:#fff;border:2px solid var(--color-point);border-radius:var(--sizeWidth);}
[data-subarea="introduction"] .feature .f_con .tit strong                     {color:var(--color-point);font-size:1.25em;font-weight:700;}
[data-subarea="introduction"] .feature .f_con .tit::after                        {content:'';position:absolute;display:block;right:-7px;top:50%;width:12px;height:12px;background:#fff;border:2px solid var(--color-point);transform:translateY(-50%);border-radius:100%;z-index:9;}
[data-subarea="introduction"] .feature .f_con .box                            {position:relative;width:calc(100% - 300px - var(--sizeWidth));padding:1.875em 2.5em;border-radius:var(--sizeWidth);border:1px solid #d8d8d8;}
[data-subarea="introduction"] .feature .f_con .box::before                    {content:'';position:absolute;left:-20px;;top:50%;display:block;background:#d8d8d8;height:1px;width:var(--sizeWidth);}
[data-subarea="introduction"] .feature .f_con .box .basic_ul					{margin-top:0;}
[data-subarea="introduction"] .feature .f_con .box .basic_ul li                   {color:var(--color-base1);}


@media all and (max-width:1468px){
	[data-subarea="introduction"] .basic_info                                      {--sizeWidth: 100px;gap: .7em;}
	[data-subarea="introduction"] .basic_info li                                   {padding:2.875em;gap:2em;}
	[data-subarea="introduction"] .basic_info li dl                                {width: calc(100% - var(--sizeWidth) - 2em);}
	[data-subarea="introduction"] .basic_info li dl dt                             {margin-bottom:.25em;}
	[data-subarea="introduction"] .basic_info li:nth-child(1) .icon::before    {background-size:50px auto; }
	[data-subarea="introduction"] .basic_info li:nth-child(2) .icon::before     {background-size:50px auto ;}
	[data-subarea="introduction"] .basic_info li:nth-child(3) .icon::before     {background-size:48px auto ;}
	[data-subarea="introduction"] .basic_info li:nth-child(4) .icon::before      {background-size:48px auto;}

	[data-subarea="introduction"] .purpose .tit                                    {padding: 1.375em 3.875em;}
	[data-subarea="introduction"] .purpose .box                                 {padding:2.875em;padding-top:6em;}
	[data-subarea="introduction"] .purpose .box ul                            {gap:.7em;}
	[data-subarea="introduction"] .purpose .box ul li                            {padding:1.125em;}

	[data-subarea="introduction"] .feature .f_con                                   {gap:.7em;margin-bottom:1em;}
	[data-subarea="introduction"] .feature .f_con .tit                                {width:240px;}
	[data-subarea="introduction"] .feature .f_con .box                              {width: calc(100% - 240px - var(--sizeWidth));padding:1.75em 2.375em;}
}

@media all and (max-width:968px){
	[data-subarea="introduction"] .basic_info                                       {--sizeWidth:80px;}
	[data-subarea="introduction"] .basic_info li                                     {padding:2em;gap:1.75em;}
	[data-subarea="introduction"] .basic_info li:nth-child(1) .icon::before    {background-size:40px auto; }
	[data-subarea="introduction"] .basic_info li:nth-child(2) .icon::before     {background-size:40px auto ;}
	[data-subarea="introduction"] .basic_info li:nth-child(3) .icon::before     {background-size:38px auto ;}
	[data-subarea="introduction"] .basic_info li:nth-child(4) .icon::before      {background-size:38px auto;}
	[data-subarea="introduction"] .basic_info li dl                                {width: calc(100% - var(--sizeWidth) - 1.75em);}
	[data-subarea="introduction"] .basic_info li dl dt                             {font-size:1.125em;}
	[data-subarea="introduction"] .basic_info li dl dd                            {font-size:1em;}

	[data-subarea="introduction"] .purpose .tit                                   {width:100%;border-radius:20px 20px 0 0;padding:1.75em;font-size:1.125em;}
	[data-subarea="introduction"] .purpose .box                                 {margin-top:0;padding:2em;border-radius:0 0 20px 20px;}
	[data-subarea="introduction"] .purpose .box ul li                            {font-size:1.063em;padding:1em;}
 
	[data-subarea="introduction"] .feature .f_con .tit                                {width:200px;}
	[data-subarea="introduction"] .feature .f_con .tit strong                       {font-size:1.125em;}
	[data-subarea="introduction"] .feature .f_con .box                              {width: calc(100% - 200px - var(--sizeWidth));padding:1.5em 2em;}
}

@media all and (max-width:668px){
	[data-subarea="introduction"] .basic_info li                                      {flex:1 1 100%;padding:1.5em;gap:1.25em;}
	[data-subarea="introduction"] .basic_info li dl                                {width: calc(100% - var(--sizeWidth) - 1.25em);}
	[data-subarea="introduction"] .purpose .tit                                   {padding:1.25em;}
	[data-subarea="introduction"] .purpose .box                                   {padding:1.5em;}
	[data-subarea="introduction"] .purpose .box ul li                            {padding:.75em;}
	
	[data-subarea="introduction"] .feature .f_con                                 {flex-flow:column;gap:0;}
	[data-subarea="introduction"] .feature .f_con .tit                         {width:100%;padding:1.25em;border-radius:20px 20px 0 0;}
	[data-subarea="introduction"] .feature .f_con .tit::after                  {display:none;}
	[data-subarea="introduction"] .feature .f_con .box                               {width:100%;padding:1.5em;border-radius:0 0 20px 20px;}
	[data-subarea="introduction"] .feature .f_con .box::before                 {display:none;}
}

@media all and (max-width:468px){
	[data-subarea="introduction"] .basic_info                                       {--sizeWidth:60px;}
	[data-subarea="introduction"] .basic_info li                                     {gap:1.125em;border-radius:10px;padding:1.25ema;}
	[data-subarea="introduction"] .basic_info li:nth-child(1) .icon::before    {background-size:34px auto; }
	[data-subarea="introduction"] .basic_info li:nth-child(2) .icon::before     {background-size:34px auto ;}
	[data-subarea="introduction"] .basic_info li:nth-child(3) .icon::before     {background-size:32px auto ;}
	[data-subarea="introduction"] .basic_info li:nth-child(4) .icon::before      {background-size:32px auto;}

	[data-subarea="introduction"] .purpose .tit                                       {padding:.875em 1.25em;font-size:1.063em;}
	[data-subarea="introduction"] .purpose .box                                      {padding:1.25em;}
	[data-subarea="introduction"] .purpose .box ul li                               {flex:1 1 100%;font-size:1em;}
	
	[data-subarea="introduction"] .feature .f_con .tit                               {border-radius:10px 10px 0 0;padding:.875em 1.25em;}
	[data-subarea="introduction"] .feature .f_con .tit strong                      {font-size:1.063em;}
	[data-subarea="introduction"] .feature .f_con .box                             {border-radius:0 0 10px 10px;padding:1.25em;}
}




/**********************************************************************

 							 인사말	

**********************************************************************/

[data-subarea="greetings"] .flex													{display:flex;justify-content: space-between;align-items:start;--sizeWidth:180px;gap:80px;}
[data-subarea="greetings"] .img														{width:var(--sizeWidth);border-radius:.5em;overflow: hidden;}
[data-subarea="greetings"] .img img													{width:100%;}
[data-subarea="greetings"] .text													{width:calc(100% - var(--sizeWidth) - 80px);}
[data-subarea="greetings"] .text p													{font-size:1.125em;color:var(--color-base1);}
[data-subarea="greetings"] .text p + p												{margin-top:2em;}
[data-subarea="greetings"] .text .tit 												{font-size:1.75em;font-weight:600;color:var(--color-base);}
[data-subarea="greetings"] .text .tit strong											{font-weight:700;color:var(--color-point);display:block;}
[data-subarea="greetings"] .text .name												{text-align:right;color:var(--color-base);}
[data-subarea="greetings"] .text .name strong									{font-family:var(--font-gaeul);font-weight:700;font-size:2.188em;margin-left: .375em;}

@media all and (max-width:1468px){
	[data-subarea="greetings"] .flex													{gap:60px;}
	[data-subarea="greetings"] .text													{width:calc(100% - var(--sizeWidth) - 60px);}
	[data-subarea="greetings"] .text .tit												 {font-size: 1.625em;}
	[data-subarea="greetings"] .text p													{font-size:1.063em;}
	[data-subarea="greetings"] .text p + p												{margin-top:1.5em;}
}

@media all and (max-width:1268px){
	[data-subarea="greetings"] .flex													{gap:40px;}
	[data-subarea="greetings"] .text													{width:calc(100% - var(--sizeWidth) - 40px);}
}

@media all and (max-width:668px){
	[data-subarea="greetings"] .flex													{--sizeWidth:160px;}
	[data-subarea="greetings"] .text .tit												{font-size:1.5em;}
}

@media all and (max-width:568px){
	[data-subarea="greetings"] .flex													{flex-wrap:Wrap;gap:0;}
	[data-subarea="greetings"] .img 													{width:140px;margin:0 auto;}
	[data-subarea="greetings"] .text													{width:100%;margin-top: 1.5em;}
	[data-subarea="greetings"] .text .tit												{font-size:1.375em;text-align:center;}
	[data-subarea="greetings"] .text p + p											{margin-top:1.25em;}
}

@media all and (max-width:468px){
	[data-subarea="greetings"] .text .name strong									{display:block; font-size:1.875em;margin-left:0;}
}

@media all and (max-width:368px){
	[data-subarea="greetings"] .text p													{font-size:1em;}
	[data-subarea="greetings"] .text p + p												{margin-top:1.125em;}
	[data-subarea="greetings"] .text .tit													{font-size:1.25em;}
	[data-subarea="greetings"] .text .name strong									{font-size:1.75em;}
}

/**********************************************************************

 				       찾아오시는 길	

**********************************************************************/
[data-subarea="map"] .map_wrap											{height:450px;overflow:hidden;border-bottom: 1px solid rgba(0, 0, 0, .1);}
[data-subarea="map"] .map_wrap .root_daum_roughmap .wrap_btn_zoom,
[data-subarea="map"] .map_wrap .root_daum_roughmap .border1				{ z-index:1 !important;}
[data-subarea="map"] .basic_btn											{display:inline-block;margin-top:0;margin-left:10px;}

@media all and (max-width:968px){
	[data-subarea="map"] .map_wrap										{height:350px;}
}

@media all and (max-width:468px){
	[data-subarea="map"] .basic_btn										{display:block;margin-left:0;margin-top:5px;}
}

/**********************************************************************

 						도매법인소개

**********************************************************************/

[data-subarea="corporate"] .list_imgTitle								{padding-bottom:30px;}
[data-subarea="corporate"] .list_imgTitle .txt>.tit						{ margin-bottom:var(--sizeMargin); margin-top:var(--sizeMargin);font-size: 1.375em;font-weight: 600;line-height: 1.28;}
[data-subarea="corporate"] .list_imgTitle .txt>.tit	strong				{font-weight: 700;}
[data-subarea="corporate"] .org											{text-align:center; position:relative;}
[data-subarea="corporate"] .org:before									{content:"";display:block;width:1px;height: 5.9em;background:#ddd;position:absolute;top:0;left: calc(50% - 1px);margin:auto;z-index:-1}
[data-subarea="corporate"] .org.iri_cg:before							{height: 17.2em;}
[data-subarea="corporate"] .org>li											{width:100%; margin:0 auto 2em;}
[data-subarea="corporate"] .org>li:last-child								{margin-bottom:0;}
[data-subarea="corporate"] .org>li>ul										{padding-top:2em;}
[data-subarea="corporate"] .org>li>ul,
[data-subarea="corporate"] .org>li:has(dl)									{display:flex; flex-wrap:wrap; justify-content:center; flex-wrap:wrap; gap:0 4em; position:relative;}

[data-subarea="corporate"] .org>li>ul>li:after							{content:'';display: block;position: absolute;left: 50%;transform: translateX(-50%);top: -2em;width: 140%;height: 1px;background-color: #ddd;}									
[data-subarea="corporate"] .org.iri_cg>li>ul>li:after					{width:100%;}
[data-subarea="corporate"] .org>li>ul>li:first-of-type::after			{left: 50%;transform: translateX(0);}
[data-subarea="corporate"] .org>li>ul>li:last-of-type::after			{right: 50%;left:inherit;transform: translateX(0);}

[data-subarea="corporate"] .org>li.top									{background: var(--color-point2);font-size:1.125em;font-weight:700;padding:1em 2em;color:var(--color-white);}


[data-subarea="corporate"] .org>li:not(:has(ul)):not(:has(dl)),
[data-subarea="corporate"] .org>li:not(:has(dl)) > ul >li,
[data-subarea="corporate"] .org>li:has(dl) dt,
[data-subarea="corporate"] .org>li:has(dl) dd ul li						{display: flex;align-items: center;justify-content: center;background:#fff;width: calc((100% - (3 * 4em)) / 4);padding:1em 1.5em;font-weight:600;background: var(--color-point);font-size:1.06em;line-height:1.28;color: #fff;border-radius: 5px;}

[data-subarea="corporate"] .org>li:has(ul) > ul > li{position:Relative;}
[data-subarea="corporate"] .org>li:has(ul) > ul > li:before { content: "";display: block;width: 1px;height: 2em;background: #ddd;position: absolute;bottom:100%;left: 0;right:0;margin: auto;z-index:-1;}

[data-subarea="corporate"] .org>li:has(dl)>ul									{width:100%;}	
[data-subarea="corporate"] .org>li:has(dl)>ul li								{position:relative;width: calc(100% / 2 - 2em);}
[data-subarea="corporate"] .org>li:has(dl)>ul > li:before					{content:'';display:block;width:1px;height: 7.6em;background:#ddd;position:absolute;top: -2em;bottom: inherit;left: 0;right:0;margin:auto;z-index:-1}
[data-subarea="corporate"] .org>li:has(dl) dl								{position:relative;}
[data-subarea="corporate"] .org>li:has(dl) dt 							 {width: calc(100% / 2 - 2em);margin: 0 auto 2em;background: #307a7b;border-radius: 5px;}
[data-subarea="corporate"] .org>li:has(dl) dd  							{position:relative;}
[data-subarea="corporate"] .org>li:has(dl) dd::before                  {content:"";display:block;width: calc(50% + 2em);height:1px;background:#ddd;position:absolute;top: -1px;left:0;right:0;margin:auto}
[data-subarea="corporate"] .org>li:has(dl) dd ul						{display:flex;justify-content:space-between;gap:0 4em;padding-top: 2em;}
[data-subarea="corporate"] .org>li:has(dl) dd ul li							{position:relative;width: calc(100% / 2 - 2em);border-radius: 5px;border-color: #666;background: #e5e5e5;color: #222;}
[data-subarea="corporate"] .org>li:has(dl) dd ul li::before               {content:'';display:block;width:1px;height: 2em;background:#ddd;position:absolute;bottom: calc(100% - 1px);left:0;right:0;margin:auto;z-index:-1}


@media all and (max-width:1024px){
	[data-subarea="corporate"] .list_imgTitle								{padding-bottom:20px;}
}

@media all and (max-width:968px){
	[data-subarea="corporate"] .org>li>ul,
	[data-subarea="corporate"] .org>li:has(dl)									{gap:0 2em;}
	[data-subarea="corporate"] .org>li:not(:has(ul)):not(:has(dl)),
	[data-subarea="corporate"] .org>li:not(:has(dl)) > ul >li				{width: calc((100% - (3 * 2em)) / 4);}
	[data-subarea="corporate"] .org>li:has(dl)>ul li							{width: calc(100% / 2 - 1em);}
	[data-subarea="corporate"] .org>li:has(dl) dd ul							{gap:0 2em;}
	[data-subarea="corporate"] .org>li:has(dl) dd ul li							{width: calc(100% / 2 - 1em);}
	[data-subarea="corporate"] .org>li:has(dl) dd::before					{width: calc(50% + 1em);}
}

@media all and (max-width:668px){
	[data-subarea="corporate"] .org:before												{height:4.8em;}
	[data-subarea="corporate"] .org.iri_cg:before									 {height: 13.8em;}
	[data-subarea="corporate"] .org>li													{margin:0 auto 1em;}
	[data-subarea="corporate"] .org>li>ul 											{padding-top: 1em;}
	[data-subarea="corporate"] .org>li>ul,
	[data-subarea="corporate"] .org>li:has(dl)										{gap:1em;}
	[data-subarea="corporate"] .org>li:not(:has(ul)):not(:has(dl)),
	[data-subarea="corporate"] .org>li:not(:has(dl)) > ul >li,
	[data-subarea="corporate"] .org>li:has(dl)>ul li								 {width: calc(100% / 2 - .5em);}
  	[data-subarea="corporate"] .org.iri_ss>li>ul								{margin-top:-1px;}
  	[data-subarea="corporate"] .org.iri_ss>li>ul::before						{content:'';display:block;position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 51.5%;height: 1px;background-color: #ddd;}
  	[data-subarea="corporate"] .org>li>ul>li:after								{top:-1em;}
  	[data-subarea="corporate"] .org.iri_ss>li>ul>li:after						{display:none;}
	[data-subarea="corporate"] .org.nonghyup>li:not(:has(dl)) > ul >li			{width: calc(100% / 3 - 1em);}
	[data-subarea="corporate"] .org.nonghyup>li:not(:has(dl)) > ul >li.top		 {width: calc(100% / 2 - .5em);}
 	[data-subarea="corporate"] .org>li:has(dl)>ul									{margin-top:-1px;}
	[data-subarea="corporate"] .org>li:has(dl)>ul > li:before						{top:-1em;height:1em;}
	[data-subarea="corporate"] .org>li:has(ul) > ul > li:before						{height:1em;}
  	[data-subarea="corporate"] .org.iri_ss>li:has(ul) > ul > li:before				{height: calc(1em - 1px);}
	[data-subarea="corporate"] .org>li:has(dl)>ul > li:before						{height:100%;}
	[data-subarea="corporate"] .org>li:has(dl) dt									{width:100%;margin:0 auto .5em;}
	[data-subarea="corporate"] .org>li:has(dl) dd::before							{display:none;}
	[data-subarea="corporate"] .org>li:has(dl) dd ul								{gap:.5em;flex-flow:column;padding-top:0;}
	[data-subarea="corporate"] .org>li:has(dl) dd ul li								{width:100%;}
	[data-subarea="corporate"] .org>li:has(dl) dd ul li::before						{display:none;}
}

@media all and (max-width:320px){
	[data-subarea="corporate"] .org.iri_cg:before									 {height: 13em;}
    [data-subarea="corporate"] .org>li:not(:has(ul)):not(:has(dl)),
    [data-subarea="corporate"] .org>li:not(:has(dl)) > ul >li,
    [data-subarea="corporate"] .org>li:has(dl) dt,
    [data-subarea="corporate"] .org>li:has(dl) dd ul li								{padding: .8em 1.25em;}
}

/**********************************************************************

 						유통종사자 소개	

**********************************************************************/

[data-subarea="worker"] table.basic_table tbody tr th:nth-last-of-type(1)									{border-right-width:1px;}



/**********************************************************************

 							출하상담/경매시간	

**********************************************************************/

[data-subarea="auction"] .box_text_line strong									{font-weight:700;color:var(--color-base1);}
[data-subarea="auction"] .box_text_line .basic_ul									{margin-top:0;}
[data-subarea="auction"] .auction ul>li+li										{margin-top:12px;}
[data-subarea="auction"] .auction em												{padding: .5em 1.25em;border-radius: 3em;font-weight: 600;font-size: .94em;margin-right: .375em;color: #fff;text-align:center;}
[data-subarea="auction"] .auction  ul li em.fruit							{background:#e3382b;}
[data-subarea="auction"] .auction  ul li em.veggie							{background:#0f9114;}
[data-subarea="auction"] .auction  ul li em.seafood							{background:#147dcf;}

@media all and (max-width:468px){
	[data-subarea="auction"] .auction ul li 								{text-align:center;}
	[data-subarea="auction"] .auction ul>li+li								{margin-top: 10px;}
	[data-subarea="auction"] .auction em									{ display: block; padding: .375em;margin-right:0;margin-bottom: 5px;}
	[data-subarea="auction"] .auction i 									{display:block;text-indent:-99999px;height: 2px;}
}

/**********************************************************************

 						연도별 거래실적

**********************************************************************/

[data-subarea="result"] table.basic_table tbody tr th:nth-last-of-type(1)		{border-right-width:1px;border-top-width:0;}


/**********************************************************************

 				농수산물 유통 및 가격안정에 관한 법률

**********************************************************************/

[data-subarea="law"] .basic_p strong												{font-weight:600;}
[data-subarea="law"] .btn_wrap														{margin-top:3.75em;background:#eef8f4 url('/resource/market/images/contents/law_bg.png') no-repeat right bottom / auto 246px;border-radius:6.25em 1.25em 1.25em 1.25em;padding: 2.75em 3.75em;}
[data-subarea="law"] .btn_wrap .title_h5											{margin-top:1.25em;}
[data-subarea="law"] .btn_wrap p													{color:var(--color-gray4);}

@media all and (max-width:1568px){
	[data-subarea="law"] .btn_wrap													{background-size:auto 220px;}
}

@media all and (max-width:1268px){
	[data-subarea="law"] .btn_wrap													{padding:2.5em 3.5em;background-size:auto 180px;background-position: right -20% bottom;}
}

@media all and (max-width:968px){
	[data-subarea="law"] .btn_wrap													{padding:2.375em 3.375em;}
}

@media all and (max-width:868px){
	[data-subarea="law"] .btn_wrap													{margin-top:2.5em;background:#eef8f4;}
}

@media all and (max-width:668px){
	[data-subarea="law"] .btn_wrap													{padding:2em 3em;border-radius: 5em 1em 1em 1em;}
}

@media all and (max-width:468px){
	[data-subarea="law"] .btn_wrap													{padding:2em;border-radius:1em;}
	[data-subarea="law"] .btn_wrap .title_h5										{margin-top:0;}
	[data-subarea="law"] .btn_wrap	.button											{width:100%;}
}

@media all and (max-width:368px){
	[data-subarea="law"] .btn_wrap													{padding:1.75em;}
}
/**********************************************************************

 						조례 & 시행규칙 

**********************************************************************/

[data-subarea="ordinance"] .update													{margin-bottom:20px;padding-bottom: 20px; border-bottom: 1px dotted #e8e8e8;}
[data-subarea="ordinance"] .update li													{font-size:.94em;}
[data-subarea="ordinance"] dl dt													{ position:relative;  margin-top:1.5em; margin-bottom:.54em;font-size:1.15em; color:var(--color-base); font-weight:600; line-height:1.28;}
[data-subarea="ordinance"] dl dt:first-child											{margin-top:0;}
[data-subarea="ordinance"] dl dd .list_num>li										{font-size:1.06em;padding-left:29px;}
[data-subarea="ordinance"] dl dd .list_num>li::before							{width:21px;height:21px;line-height:21px;}
[data-subarea="ordinance"] dl dd .list_num>li > ol > li							{font-size:1rem;}
[data-subarea="ordinance"] dl dd .list_num>li > ol > li > ol > li				{padding-left:14px;}
[data-subarea="ordinance"] .basic_btn												{display:inline-block;margin-top:0;margin-left:10px;}

@media all and (max-width:1368px){
	[data-subarea="ordinance"] dl dd .list_num>li									{font-size:1rem;padding-left:26px;}
	[data-subarea="ordinance"] dl dd .list_num>li::before						{width:18px;height:18px;line-height:18px;}
	[data-subarea="ordinance"] dl dd .list_num>li > ol > li							{font-size:.95rem;}
}

@media all and (max-width:868px){
	[data-subarea="ordinance"] dl dd .list_num>li									{font-size:.95rem;padding-left:23px;}
	[data-subarea="ordinance"] dl dd .list_num>li > ol > li							{font-size:.88rem;}
}

/**********************************************************************

 				 위반행위별 행정처분 기준 

**********************************************************************/
[data-subarea="disposition"] ol > li > ol >li										{font-size:1rem;}	
[data-subarea="disposition"] ol > li > ol >li + li									{margin-top:10px;}
[data-subarea="disposition"] ol >  li > ol > li > ol > li							{padding-left:17px;}
[data-subarea="disposition"] ol >  li > ol > li > ol > li + li						{margin-top:4px;}

@media all and (max-width:1368px){
	[data-subarea="disposition"] ol > li > ol >li										{font-size:.95rem;}
}

@media all and (max-width:868px){
	[data-subarea="disposition"] ol > li > ol >li									{font-size:.88rem;}
}

/**********************************************************************

 				 			민원업무

**********************************************************************/
[data-subarea="civil"] .title_h5 + p + .list_num > li										{font-size:1.06em;padding-left:29px;color:#222;}
[data-subarea="civil"] .title_h5 + p + .list_num > li::before							{width:21px;height:21px;line-height:21px;}

@media all and (max-width:1368px){
	[data-subarea="civil"] .title_h5  + p + .list_num > li								{font-size:1rem;padding-left:26px;}
	[data-subarea="civil"] .title_h5  + p + .list_num > li::before						{width:18px;height:18px;line-height:18px;}
}

@media all and (max-width:868px){
	[data-subarea="civil"] .title_h5  + p + .list_num > li									{font-size:.95rem;padding-left:23px;}
	[data-subarea="civil"] .title_h5  + p + .basic_ul > li									{font-size:.95rem;}
}

/**********************************************************************

 				    농산물 원산지표시제

**********************************************************************/

[data-subarea="origin"] ol > li > ol >li,
[data-subarea="origin"] ol > li > ul >li										{font-size:1rem;}	
[data-subarea="origin"] ol >  li > ol > li > ol > li							{padding-left:17px;}
[data-subarea="origin"] .box_text_line  > li  > ol > li > ul > li + li		{margin-top:4px;}		
[data-subarea="origin"] .box_text_line .line_dot								{margin-top:4px;}						

@media all and (max-width:1368px){
	[data-subarea="origin"] ol > li > ol >li,
	[data-subarea="origin"] ol > li > ul >li											{font-size:.95rem;}	
}

@media all and (max-width:868px){
	[data-subarea="origin"] ol > li > ol >li,
	[data-subarea="origin"] ol > li > ul >li										{font-size:.88rem;}
}


/**********************************************************************

 				    친환경농산물인증제도

**********************************************************************/
[data-subarea="eco"] .flex															{display:flex;align-items:center;--sizeWidth:160px;}
[data-subarea="eco"] .img_box													{width:var(--sizeWidth);}
[data-subarea="eco"] .text															{width:calc(100% - var(--sizeWidth) - 1.375em);margin-left:1.375em;}
[data-subarea="eco"] .text .title_h5												{margin-top:0;}
[data-subarea="eco"] ol > li > ol >li,
[data-subarea="eco"] ol > li > ul >li										{font-size:1rem;}	
[data-subarea="eco"] ul > li > .area_diagram .list > li span			{font-size:.94em;}

@media all and (max-width:1368px){
	[data-subarea="eco"] ul > li > .area_diagram .list > li span			{font-size:.88em;}
}

@media all and (max-width:968px){
	[data-subarea="eco"] .flex															{--sizeWidth:140px;}
}


@media all and (max-width:668px){
	[data-subarea="eco"] .flex														{flex-flow:column;--sizeWidth: 120px;}
	[data-subarea="eco"] .text														{width:100%;margin-left:0;}
	[data-subarea="eco"] .text .title_h5											{margin-top: .5em;}
}

@media all and (max-width:368px){
	[data-subarea="eco"] .flex															{--sizeWidth:100px;}
}

/**********************************************************************

 				    농산물우수관리제도(GAP)

**********************************************************************/

[data-subarea="gap"] .flex														{display:flex;align-items:center;gap:10px;justify-content: space-between;}
[data-subarea="gap"] .flex .box_text_line									{width:50%;display:flex;align-items:center;--sizeWidth:160px;margin-top:0;}
[data-subarea="gap"] .img_box												{width:var(--sizeWidth);}
[data-subarea="gap"] .text														{width:calc(100% - var(--sizeWidth) - 1.375em);margin-left:1.375em;}

@media all and (max-width:968px){
	[data-subarea="gap"] .flex .box_text_line										{--sizeWidth:140px;}
}

@media all and (max-width:868px){
	[data-subarea="gap"] .flex															{flex-flow:column;}
	[data-subarea="gap"] .flex .box_text_line										{width:100%;--sizeWidth:140px;}
}

@media all and (max-width:768px){
	[data-subarea="gap"] .img.box_text_line											{border:none;padding:0;}
}

@media all and (max-width:668px){
	[data-subarea="gap"] .flex .box_text_line									{flex-flow:column;--sizeWidth: 120px;}
	[data-subarea="gap"] .text														{width:100%;margin-left:0;}
}

@media all and (max-width:368px){
	[data-subarea="gap"] .flex .box_text_line									{--sizeWidth: 100px;}
}
/**********************************************************************

 				      안전성 검사제도

**********************************************************************/
[data-subarea="safety"] .process .list > li                                  {position:relative;display:flex;justify-content: space-between;--sizeWidth:20px;gap:20px;padding-bottom:var(--sizePadding);--sizePadding:40px;}
[data-subarea="safety"] .process .list > li:last-child                      {margin-bottom:0;}
[data-subarea="safety"] .process .list > li::after,
[data-subarea="safety"] .process .list > li::before							{ content:''; display:block; position:absolute; bottom: calc(var(--sizePadding) / 2 - 8px); left:50%; width:8px; height:8px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-point); transform:translate(-50%,-50%) rotate(45deg);}
[data-subarea="safety"] .process .list > li::before							{ bottom: calc(var(--sizePadding) / 2 + 4px - 8px); }
[data-subarea="safety"] .process .list > li:last-child::after,
[data-subarea="safety"] .process .list > li:last-child::before,
[data-subarea="safety"] .process .list > li:nth-child(4)::after,
[data-subarea="safety"] .process .list > li:nth-child(4)::before	{display:none;}
[data-subarea="safety"] .process .list > li .tit                              {position:relative;display: flex; justify-content: center;align-items: center;width:300px;background:#fff;border:2px solid var(--color-point);border-radius:var(--sizeWidth);}
[data-subarea="safety"] .process .list > li .tit strong                     {color:var(--color-point);font-size:1.25em;font-weight:700;}
[data-subarea="safety"] .process .list > li .tit::after                        {content:'';position:absolute;display:block;right:-7px;top:50%;width:12px;height:12px;background:#fff;border:2px solid var(--color-point);transform:translateY(-50%);border-radius:100%;z-index:9;}
[data-subarea="safety"] .process .list > li .box                            {position:relative;width:calc(100% - 300px - var(--sizeWidth));padding:1.875em 2.5em;border-radius:var(--sizeWidth);border:1px solid #d8d8d8;}
[data-subarea="safety"] .process .list > li .box::before                    {content:'';position:absolute;left:-20px;top:50%;display:block;background:#d8d8d8;height:1px;width:var(--sizeWidth);}
[data-subarea="safety"] .process .list > li .box .basic_ul 					{margin-top:0;}
[data-subarea="safety"] .process .list > li .box .basic_ul li                {color:var(--color-base1);}

[data-subarea="safety"] .process .list > li.point .tit 						{border-color:var(--color-point2);}
[data-subarea="safety"] .process .list > li.point .tit strong				{color:var(--color-point2);}		
[data-subarea="safety"] .process .list > li.point .tit::after 				{border-color:var(--color-point2);}
[data-subarea="safety"] .process .list > li.point .box .basic_ul li::before{background:var(--color-point2);} 


@media all and (max-width:1468px){
	[data-subarea="safety"] .process .list > li                                   {gap:.7em;}
	[data-subarea="safety"] .process .list > li .tit                                {width:240px;}
	[data-subarea="safety"] .process .list > li .box                              {width: calc(100% - 240px - var(--sizeWidth));padding:1.75em 2.375em;}
}

@media all and (max-width:968px){
	[data-subarea="safety"] .process .list > li .tit                                {width:200px;}
	[data-subarea="safety"] .process .list > li .tit strong                       {font-size:1.125em;}
	[data-subarea="safety"] .process .list > li .box                              {width: calc(100% - 200px - var(--sizeWidth));padding:1.5em 2em;}
}

@media all and (max-width:668px){
	[data-subarea="safety"] .process .list > li                                {flex-flow:column;gap:0;--sizePadding: 30px;}
	[data-subarea="safety"] .process .list > li .tit                         {width:100%;padding:1.25em;border-radius:20px 20px 0 0;}
	[data-subarea="safety"] .process .list > li .tit::after                  {display:none;}
	[data-subarea="safety"] .process .list > li .box                               {width:100%;padding:1.5em;border-radius:0 0 20px 20px;}
	[data-subarea="safety"] .process .list > li .box::before                 {display:none;}
}

@media all and (max-width:468px){
	[data-subarea="safety"] .process .list > li .tit                              	{border-radius:10px 10px 0 0;padding:.875em 1.25em;}
	[data-subarea="safety"] .process .list > li .tit strong                      {font-size:1.063em;}
	[data-subarea="safety"] .process .list > li .box                             {border-radius:0 0 10px 10px;padding:1.25em;}
}