@charset "utf-8";

/* 인사말 */
[data-subarea="greetings"] .img_box								{background:url('/resource/eng/images/contents/img_greetings.jpg') no-repeat right 80% bottom 0 / cover;padding:6.25em;padding-bottom:22em;}
[data-subarea="greetings"] .img_box .text						{display:flex;gap:3em;flex-flow:column;letter-spacing: .02em;}
[data-subarea="greetings"] .img_box .text .title				{font-size:3.125em;color:#111;display:flex;flex-flow:column;font-weight:800;line-height:1.4;}
[data-subarea="greetings"] .img_box .text .title strong			{color:var(--color-point);font-weight: 800;}
[data-subarea="greetings"] .img_box .text span					{font-size:1.5em;}
[data-subarea="greetings"] .flex 								{gap:0;align-items:flex-start;}
[data-subarea="greetings"] .flex .text							{ flex:0 1 50%; width:50%; display:flex; flex-flow:column; gap:1.5em; font-size:1.125em;padding:3em; padding-bottom:0;letter-spacing: .02em;}
[data-subarea="greetings"] .flex .text .sign					{display:flex;align-items: flex-end;flex-flow:column;padding-top:1em;}
[data-subarea="greetings"] .flex .text .sign em					{font-weight:700;font-size:1.125em;}
[data-subarea="greetings"] .flex .text .sign strong				{font-weight:300;color:var(--color-base3);}

@media all and (max-width: 1568px) {
  [data-subarea="greetings"] .img_box							{padding:6em;padding-bottom:20em;}
  [data-subarea="greetings"] .img_box .text						{gap:2.75em;}
  [data-subarea="greetings"] .img_box .text .title				{font-size:3em;}
  [data-subarea="greetings"] .img_box .text span				{font-size:1.375em;}
  [data-subarea="greetings"] .flex .text						{padding:3em 2em; }
}

@media all and (max-width: 1468px) {
  [data-subarea="greetings"] .img_box							{padding:5em;padding-bottom:18em;}
  [data-subarea="greetings"] .img_box .text						{gap:2.5em;}
  [data-subarea="greetings"] .img_box .text .title				{font-size:2.75em;}
  [data-subarea="greetings"] .img_box .text span				{font-size:1.25em;}
}

@media all and (max-width: 1368px) {
  [data-subarea="greetings"] .img_box							{padding:4.5em;padding-bottom:16em;}
  [data-subarea="greetings"] .img_box .text						{gap:2.25em;}
  [data-subarea="greetings"] .img_box .text .title				{font-size:2.5em;}
  [data-subarea="greetings"] .img_box .text span				 {font-size:1.125em;}
  [data-subarea="greetings"] .flex .text						{padding:3em 1em;font-size:1.067em;}
}

@media all and (max-width:1168px){
  [data-subarea="greetings"] .img_box							{padding:4em;padding-bottom:14em;}
  [data-subarea="greetings"] .img_box .text						{gap:2em;}
  [data-subarea="greetings"] .img_box .text .title				{font-size:2.25em;}
  [data-subarea="greetings"] .img_box .text span				 {font-size:1.09em;}
  [data-subarea="greetings"] .flex								{ flex-wrap:wrap; padding:3em 1em; padding-bottom:0 }
  [data-subarea="greetings"] .flex .text						{ flex:100%; gap:1em; padding:0; }
  [data-subarea="greetings"] .flex .text+.text					{ margin-top:1em; }
}

@media all and (max-width:968px){
	[data-subarea="greetings"] .img_box							{padding:3.5em;padding-bottom:13em;}
}


@media all and (max-width:868px){
  [data-subarea="greetings"] .img_box							{padding:3em;padding-bottom:12em;}
  [data-subarea="greetings"] .img_box .text						{left:3em;top:3em;gap:1.75em;}
  [data-subarea="greetings"] .img_box .text .title				{font-size:2em;}
  [data-subarea="greetings"] .img_box .text span				 {font-size:1.063em;}
}

@media all and (max-width:768px){
  [data-subarea="greetings"] .img_box 							{padding: 2.5em;padding-bottom:10em;}
  [data-subarea="greetings"] .img_box .text						{gap:1.5em;}
  [data-subarea="greetings"] .img_box .text .title				{font-size:1.75em;}
  [data-subarea="greetings"] .flex								{ padding:2em 1em; padding-bottom:0; }
}

@media all and (max-width:668px){
  [data-subarea="greetings"] .img_box							{padding:2em;padding-bottom:8em;}
  [data-subarea="greetings"] .img_box .text						{gap:1.5em;}
  [data-subarea="greetings"] .img_box .text .title				{font-size:1.5em;}
  [data-subarea="greetings"] .img_box .text span				 {font-size:1em;}
}

@media all and (max-width:568px){
  [data-subarea="greetings"] .img_box							{background-image:url('/resource/eng/images/contents/img_greetings_m.jpg');background-position:center;padding-bottom:24em;}
  [data-subarea="greetings"] .img_box .text 					{text-align:center;width: 94%;gap:1.25em;}
  [data-subarea="greetings"] .flex								{ padding:2em 1em; padding-bottom:0; }
}

@media all and (max-width:468px){
	[data-subarea="greetings"] .img_box							{padding-bottom:20em;}
}


@media all and (max-width:368px){
  	[data-subarea="greetings"] .img_box							{padding:1.125em;padding-bottom:18em;}
	[data-subarea="greetings"] .img_box .text					{gap:1em;}
	[data-subarea="greetings"] .img_box .text .title			{font-size:1.25em;}
}

  
/* 연혁 */
[data-subarea] .history 										{position: relative;display: flex;flex-flow: column;}
[data-subarea] .history>li::before								{position: absolute;width: 1px;height: 100%;border-left: 1px solid var(--color-gray2);top: 0;left: calc(var(--sizeWidth) + 6rem - 2px);content: '';z-index: -1;}
[data-subarea] .history>li 										{position: relative;display: flex;gap: 1em 6rem;--sizeWidth: 280px;}
[data-subarea] .history>li>ul >li::after 						{position: absolute;width: 16px;height: 16px;background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #128fae 1%, #046383 100%);left: calc(-1 * (var(--sizePadding) + 8px));top: 1.75em;content: '';border-radius: 100%;background-origin: border-box;background-clip: content-box, border-box;border: 4px solid transparent;z-index: 1}
[data-subarea] .history>li+li 									{padding-top: 4rem;}
[data-subarea] .history>li strong								{position: relative;min-width: var(--sizeWidth);font-weight: 800;font-size: 4rem;color: var(--color-point);border-radius: 25px;line-height: 1;margin-top:.5rem;}
[data-subarea] .history>li>ul 									{position: relative;display: flex;gap: .5rem;flex-flow: column;--sizePadding: 3.75rem;padding-left: var(--sizePadding);width: calc(100% - var(--sizeWidth) + 6rem);}
[data-subarea] .history>li>ul>li								{position: relative;font-weight: 600;font-size: 1.125em;line-height: 1.5;border-radius: 10px;padding: 1.5em;background: var(--color-gray);}
[data-subarea] .history>li>ul>li:before							{content:'';display:block;position:absolute;width:var(--sizePadding);z-index:-1;border: 1px dashed var(--color-line);left: calc(-1 * (var(--sizePadding)));top: calc(1.5em + 12px);}
[data-subarea] .history>li>ul>li>ul>li							{position: relative;padding-left: 15px;opacity: .74;font-weight: 400;font-size: 1.09rem;}
[data-subarea] .history>li>ul>li>ul>li::before 					{position: absolute;width: 4px;height: 4px;background: var(--color-point);border-radius: 100%;left: 0;top: 12px;content: '';}


@media all and (max-width: 1468px) {
    [data-subarea] .history>li									{gap:1rem 5rem;--sizeWidth:260px;}
  	[data-subarea] .history>li::before							{left: calc(var(--sizeWidth) + 5rem - 2px);}
 	[data-subarea] .history>li+li								{padding-top:3.5rem;}
	[data-subarea] .history>li strong							{font-size: 3.5rem;}
    [data-subarea] .history>li>ul 								{width: calc(100% - var(--sizeWidth) + 5rem);--sizePadding:3.5rem;}
}

@media all and (max-width: 1268px) {
  	[data-subarea] .history>li									{gap:1rem 4rem;--sizeWidth:250px;}
  	[data-subarea] .history>li::before							{left: calc(var(--sizeWidth) + 4rem - 2px);}
  	[data-subarea] .history>li+li								{padding-top:3rem;}
	[data-subarea] .history>li strong							{font-size: 3.25rem;}
    [data-subarea] .history>li>ul 								{width: calc(100% - var(--sizeWidth) + 4rem);--sizePadding:3rem;}
}

@media all and (max-width: 968px) {
  	[data-subarea] .history>li									{gap:1rem 3.5rem;--sizeWidth:240px;}
  	[data-subarea] .history>li::before							{left: calc(var(--sizeWidth) + 3.5rem - 2px);}
  	[data-subarea] .history>li+li								{padding-top:1.5rem;}
	[data-subarea] .history>li strong							{font-size: 2.875rem;}
    [data-subarea] .history>li>ul 								{width: calc(100% - var(--sizeWidth) + 3.5rem);--sizePadding:2.5rem;}
  	[data-subarea] .history>li>ul>li>ul>li						{font-size:1em;}
}


@media all and (max-width:768px) {
	[data-subarea] .history>li									{ flex-flow:column; gap:10px; }
  	[data-subarea] .history>li::before							{display:none;}
	[data-subarea] .history>li strong							{font-size:2.5rem;margin-top:0;}
  	[data-subarea] .history>li>ul								{width:100%;margin-top:10px;--sizePadding:2.25rem;gap:6px;}
  	[data-subarea] .history>li>ul::before						{position: absolute;width: 1px;height: 100%;border-left: 1px solid var(--color-gray2);top: 0;left: 8px;content: '';z-index: -1;}
	[data-subarea] .history>li>ul>li							{font-size:1rem;padding: 1.25em;border-radius: 8px;}
  	[data-subarea] .history>li>ul>li:before						{top: calc(1.25em + 12px);}
  	[data-subarea] .history>li>ul>li::after						{left: calc(-1 * (var(--sizePadding)));top: 1.5em;}
  	[data-subarea] .history>li>ul>li>ul>li						{font-size:.95rem; padding-left:12px; }
	[data-subarea] .history>li>ul>li>ul>li::before				{ top:9px; }	
  	html[lang="en"] [data-subarea] .history>li>ul>li>ul>li::before{ top:8px; }
}

@media all and (max-width:668px) {
  [data-subarea] .history>li strong								{font-size:2.375rem; }
}

@media all and (max-width:468px) {
  [data-subarea] .history>li strong								{font-size:1.875rem; }
  [data-subarea] .history>li>ul									{margin-top:6px;}
}

/* 심볼 */
[data-subarea="symbol"] .bg_point_box												{ width:480px; padding:50px; border-radius:20px; background:#f8f8f8; display:flex; flex-flow:column; align-items:center; justify-content:center; }
[data-subarea="symbol"] .bg_point_box img											{ max-height:180px; }
[data-subarea="symbol"] .symbol_info												{ display:flex; flex-flow:column; gap:20px; width:calc(100% - 480px - 3em); }

[data-subarea="symbol"] .symbol_info>p												{ font-size:1.06em; font-weight:600; opacity:.84; line-height:1.28 }
[data-subarea="symbol"] .symbol_info .gradient_font									{ font-size:1.38em; font-weight:900; line-height:1.28; background:linear-gradient(90deg, var(--color-point) 10%, #1eb9d3 100%); -webkit-background-clip:text; 
																						-webkit-text-fill-color:transparent; }
[data-subarea="symbol"] .symbol_info .color_info									{ display:flex; flex-wrap:wrap; gap:10px; }
[data-subarea="symbol"] .symbol_info .color_info>li									{ width:calc((100% - 20px) / 3); }
[data-subarea="symbol"] .symbol_info .color_info>li>dl								{ display:flex; flex-flow:column; gap:15px; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt							{ display:flex; align-items:center; border-radius:8px; height:50px; font-size:1.06em; font-weight:700; color:var(--color-white); padding:0 15px; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.red>dt 						{ background:#a5181c; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.green>dt 					{ background:#4c953d; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.navy>dt 						{ background:#004669; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)				{ font-size:1.06em; font-weight:600; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.red>dd:nth-child(2)			{ color:#a5181c; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.green>dd:nth-child(2)		{ color:#4c953d; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.navy>dd:nth-child(2)			{ color:#004669; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd>ul						{ display:flex; flex-wrap:wrap; gap:10px; opacity:.74 }
[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd							{ font-size:.88em; text-transform:uppercase; font-weight:500; opacity:.84; padding:0 15px;  }
[data-subarea="symbol"] .img_box													{padding:2.5em;}
[data-subarea="symbol"] .img_box .box_flex											{--sizeImg:440px;gap:3em;}
[data-subarea="symbol"] .img_box .box_flex > li:nth-child(1)						{width:var(--sizeImg);}
[data-subarea="symbol"] .img_box .box_flex > li:nth-child(2)						{width:calc(100% - var(--sizeImg) - 3em);}

@media all and (max-width:1668px) {
	[data-subarea="symbol"] .bg_point_box											{ width:460px; }
	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 460px - 3em); }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.33em; }
  	[data-subarea="symbol"] .img_box .box_flex										{--sizeImg:420px;}
}
@media all and (max-width:1568px) {
	[data-subarea="symbol"] .bg_point_box											{ width:420px; }
	[data-subarea="symbol"] .bg_point_box img										{ max-height:150px; }
	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 420px - 3em); }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.3em; }
	[data-subarea="symbol"] .symbol_info p br,
	[data-subarea="symbol"] .symbol_info .gradient_font br							{ display:none; }	
  	[data-subarea="symbol"] .img_box .box_flex										{--sizeImg:380px;}
}
@media all and (max-width:1468px) {
	[data-subarea="symbol"] .bg_point_box											{ width:360px; padding:40px }
	[data-subarea="symbol"] .bg_point_box img										{ max-height:130px; }
	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 360px - 2.75em); gap:15px; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl							{ gap:10px; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt						{ height:45px; font-size:1.03em; padding:0 10px;}
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd						{ font-size:.8rem; padding:0 10px; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)			{ font-size:1.03em; }
  	[data-subarea="symbol"] .img_box												{padding:2.375em;}
  	[data-subarea="symbol"] .img_box .box_flex										{--sizeImg:330px;gap:2.75em;}
  	[data-subarea="symbol"] .img_box .box_flex > li:nth-child(2)					{width:calc(100% - var(--sizeImg) - 2.75em);}
}
@media all and (max-width:1368px) {
	[data-subarea="symbol"] .bg_point_box											{ width:330px; padding:30px }
	[data-subarea="symbol"] .bg_point_box img										{ max-height:120px; }
	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 330px - 2.75em); gap:15px; }
	[data-subarea="symbol"] .symbol_info>p											{ font-size:1.03em; }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.267em; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl							{ gap:10px; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt						{ height:42px; font-size:1em; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd						{ font-size:.8rem; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)			{ font-size:1em; }
  	[data-subarea="symbol"] .img_box .box_flex										{--sizeImg:300px;}
}

@media all and (max-width:1268px) {
    [data-subarea="symbol"] .symbol_info											{ width:calc(100% - 330px - 2.5em);}
    [data-subarea="symbol"] .img_box												{padding:2.5em;}
  	[data-subarea="symbol"] .img_box .box_flex										{gap:2.5em;}
  	[data-subarea="symbol"] .img_box .box_flex > li:nth-child(2)					{width:calc(100% - var(--sizeImg) - 2.5em);}
}

@media all and (max-width:1024px) {
  	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 330px - 2em);}
	[data-subarea="symbol"] .symbol_info>p											{ font-size:1.03rem; }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.267rem; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt,
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)			{ font-size:1rem; }
}

@media all and (max-width:968px) {
	[data-subarea="symbol"] .bg_point_box											{ width:100%; }
	[data-subarea="symbol"] .bg_point_box img										{ max-height:130px; }
	[data-subarea="symbol"] .symbol_info											{ width:100%; margin-top:2em }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.3em; }
   	[data-subarea="symbol"] .img_box												{padding:2em;}
  	[data-subarea="symbol"] .img_box .box_flex										{gap:2em;}
  	[data-subarea="symbol"] .img_box .box_flex > li:nth-child(1)					{width:80%;max-width:300px;margin:0 auto;}
  	[data-subarea="symbol"] .img_box .box_flex > li:nth-child(2)					{width:100%;}
}

@media all and (max-width:668px) {
  	[data-subarea="symbol"] .img_box												{padding:1.5em;}
}

@media all and (max-width:568px) {
	[data-subarea="symbol"] .symbol_info .color_info>li								{ width:100%; }
	[data-subarea="symbol"] .basic_btn.bg_point										{ padding:10px 0 }
	[data-subarea="symbol"] .symbol_info>p											{ font-size:.98rem; }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.067rem; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt,
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)			{ font-size:.96rem; }
}


/* 찾아오시는 길 */
[data-subarea="location"] .traffic							{position:relative;--sizeIcon:140px;padding-top:calc(var(--sizeIcon) / 2); padding-left:calc(var(--sizeIcon) / 2); }
[data-subarea="location"] .traffic:before					{content:'';display:block;width:var(--sizeIcon);height:var(--sizeIcon);position:absolute;left:0;top:0;background-color:var(--color-point);background-size:100%;background-repeat:no-repeat;background-position:center center;border-radius:30px 30px 0 30px;z-index:1;}
[data-subarea="location"] .traffic.car:before				{background-image:url('/resource/eng/images/contents/icon_car.svg');}
[data-subarea="location"] .traffic.bus:before				{background-image:url('/resource/eng/images/contents/icon_bus.svg');}
[data-subarea="location"] .traffic.air:before				{background-image:url('/resource/eng/images/contents/icon_airplane.svg');}
[data-subarea="location"] .traffic .box						{background:var(--color-white);margin-top: 0;padding:2em;padding-left:calc((var(--sizeIcon) / 2) + 2em);border:1px solid #ddd;border-radius:30px;}
[data-subarea="location"] .traffic .box .basic_ul,
[data-subarea="location"] .traffic .box .basic_table		{margin-top:0;}
[data-subarea="location"] .traffic .box	.basic_newtab		{word-break:break-all;}

@media all and (max-width:1268px) {
	[data-subarea="location"] .traffic						{--sizeIcon:120px;}
	[data-subarea="location"] .traffic:before				{border-radius:24px 24px 0px 24px;}
	[data-subarea="location"] .traffic .box					{border-radius:24px;}
}

@media all and (max-width:1024px) {
	[data-subarea="location"] .traffic						{--sizeIcon:100px;}
	[data-subarea="location"] .traffic:before				{border-radius:20px 20px 0px 20px;}
	[data-subarea="location"] .traffic .box					{border-radius:20px;}
}

@media all and (max-width:1024px) {
	[data-subarea="location"] .traffic						{--sizeIcon:90px;}
	[data-subarea="location"] .traffic:before				{border-radius:16px 16px 0px 16px;}
	[data-subarea="location"] .traffic .box					{border-radius:16px;}
  	[data-subarea="location"] .traffic .box .mob_info		{margin-top:0 !important;}
}

@media all and (max-width:768px) {
	[data-subarea="location"] .traffic						{--sizeIcon:80px;padding-left:calc(var(--sizeIcon) / 3);padding-top:calc(var(--sizeIcon) / 3);}
	[data-subarea="location"] .traffic:before				{border-radius:12px 12px 0px 12px;}
	[data-subarea="location"] .traffic .box					{padding-left: var(--sizeIcon);border-radius:12px;}
}

@media all and (max-width:468px) {
	[data-subarea="location"] .traffic						{--sizeIcon:75px;padding:1.5em;border: 1px solid #ddd;border-radius: 8px;}
	[data-subarea="location"] .traffic:before				{position: initial;width:100%;height:50px;border-radius:8px;background-size: auto 70px;}
	[data-subarea="location"] .traffic .box					{padding:0;padding-top: 0;border:none;margin-top: 1em;}
}



/* 아이콘 */
[data-subarea] .icon										{ display:flex; width:18px; height:21px; position:relative; margin-right:15px; }
[data-subarea] .icon::before								{ position:absolute; width:100%; height:100%; left:0; top:0; background-repeat:no-repeat;background-position:50% 50%;content:''; }

[data-subarea] .icon.icon_add::before						{background-image:url(/resource/eng/images/contents/icon_add.svg);background-size:17px 21px;}
[data-subarea] .icon.icon_leng::before						{background-image:url(/resource/eng/images/contents/icon_leng.svg);background-size:18px 18px;}
[data-subarea] .icon.icon_cal::before						{background-image:url(/resource/eng/images/contents/icon_cal.svg);background-size:17px 18px;}
[data-subarea] .icon.icon_tree::before						{background-image:url(/resource/eng/images/contents/icon_tree.svg);background-size:18px 20px;}

@media all and (max-width: 1368px) {
  [data-subarea] .icon										{margin-right:10px;}
}

@media all and (max-width: 668px) {
  [data-subarea] .icon										{margin-right:5px;}
}


/* 문화재 */
[data-subarea] .img_list >li								{display:flex;align-items:flex-start;gap:3em;background:#f8f8f8;border-radius:15px;padding:2.5em;}
[data-subarea] .img_list >li+li								{margin-top:2em;}
[data-subarea] .img_list >li .img							{flex: 1 0 auto;width:var(--imgSize);overflow:hidden;display:block;border-radius: 15px 60px 15px 15px;}
[data-subarea] .img_list >li .img img						{width:100%;}
[data-subarea] .img_list .txt								{flex:auto;width:100%;margin:auto 0;}
[data-subarea] .img_list .txt>h4							{margin-bottom:1em;font-size: 1.5em; font-weight: 600;color: var(--color-point);line-height:1.28;display: flex;align-items: center;padding-bottom: .5em;border-bottom: 1px solid var(--color-point);}
[data-subarea] .img_list .txt .basic_p						{color: var(--color-base1);}

[data-subarea] .img_list >li.two							{flex-wrap:wrap;}
[data-subarea] .img_list >li.two .imgBox					{flex:0 0 100%;display:flex;justify-content: center;gap: 2em;}
[data-subarea] .img_list >li.two .imgBox > li				{text-align:center;}
[data-subarea] .img_list >li.two .imgBox > li .img			{ flex: initial;}
[data-subarea] .img_list >li.two .imgBox > li strong		{color:var(--color-base3);display:block;margin-top:1em;letter-spacing: .02em;font-size:.875rem;}

@media all and (max-width: 1668px) {
  [data-subarea] .img_list >li .img							{width:420px;}
}

@media all and (max-width: 1568px) {
  [data-subarea] .img_list >li .img							{width:380px;}
}

@media all and (max-width: 1468px) {
	[data-subarea] .img_list >li							{gap:2.75em;padding:2.375em;}
	[data-subarea] .img_list >li+li							{margin-top:1.75em}
  	[data-subarea] .img_list >li .img						{width:330px;}
	[data-subarea] .img_list .txt>h4						{font-size:1.375em;}
}

@media all and (max-width: 1368px) {
  [data-subarea] .img_list >li .img							{width:300px;}
}


@media all and (max-width: 1268px) {
	[data-subarea] .img_list >li							{gap:2.5em;padding:2em;}
	[data-subarea] .img_list >li+li							{margin-top:1.5em}
	[data-subarea] .img_list .txt>h4						{font-size:1.25em;}
  
    [data-subarea] .img_list >li.two .imgBox				{flex: 0 0 84%;margin:0 auto;}
  	[data-subarea] .img_list >li.two .imgBox > li .img		{width:100%;}
 	[data-subarea] .img_list >li.two .imgBox > li strong	{margin-top:.75em;}
}


@media all and (max-width: 968px) {
	[data-subarea] .img_list >li							{gap:2em;padding:1.875em;}
	[data-subarea] .img_list >li+li							{margin-top:1.25em}
  
	[data-subarea] .img_list >li .img						{width: 40%;flex: inherit;}
	[data-subarea] .img_list .txt							{width: calc(100% - 40% - 2em);}
}

@media all and (max-width: 668px) {
	[data-subarea] .img_list >li							{flex-wrap:wrap;gap:1.25em;border-radius:10px;padding:1.5em;}
	[data-subarea] .img_list >li .img,
	[data-subarea] .img_list .txt							{width:100%;}
	[data-subarea] .img_list >li .img						{border-radius:10px;}
  	[data-subarea] .img_list >li.two						{flex-direction: column-reverse;}
  	[data-subarea] .img_list >li.two .imgBox				{flex:0 1 100%;flex-wrap: wrap;}
}

@media all and (max-width: 468px) {
	[data-subarea] .img_list >li+li							{margin-top:1em;}
}

/* 가공식품 */
@media all and (max-width: 1268px) {
  	[data-subarea="foods"] .img_list >li .img				{width: 30%;flex: inherit;max-width:296px;}
	[data-subarea="foods"] .img_list .txt					{width: calc(100% - 30% - 2.5em);}
}

@media all and (max-width: 968px) {
	[data-subarea="foods"] .img_list .txt					{width: calc(100% - 30% - 2em);}
}

@media all and (max-width: 668px) {
  	[data-subarea="foods"] .img_list >li .img,
	[data-subarea="foods"] .img_list .txt					{width:100%;}
  	[data-subarea="foods"] .img_list >li .img				{max-width:inherit;}
}