/*!
Theme Name: DrAG
Theme URI: http://underscores.me/
Author: Jaeil Han, Founder & Director of Creative Band
Author URI: https://creative-band.com
Description: WordPress Theme for DrAG
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: drag
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

DrAG is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	float: left;
	overflow-x: hidden;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	width: 100%;
	float: left;
	overflow-x: hidden;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
	width: 100%;
	float: left;
	overflow-x: hidden;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #101010;
	font-family: "Lexend", "Pretendard", sans-serif;
	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
	font-size: 1rem;
	line-height: 1.625;
	ext-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-break: keep-all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}



/*************************************
   Common 
*************************************/
.inner {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 100px;
}
#page {
	padding: 146px 0 0 0;
	overflow-x: hidden;
}
.home #page {
	padding: 0;
}

/*************************************
   Site Header 
*************************************/
.admin-bar .site-header {
	top: 32px;
}
.admin-bar .site-header.nav-up {
	top: -184px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}



.site-header {
	width: 100%;
	height: 152px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5500;
	background-color: #fff;
	border-top: 6px solid #147B58;
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header.nav-up {
	top: -152px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header .inner {
	height: 146px;
	position: relative;
}
.site-header .inner .site-title {
	width: auto;
	height: 90px;
	position: absolute;
	bottom: 20px;
	left: 100px;
	margin: 0;
	padding: 0;
	z-index: 1500;
}
.site-header .inner .site-title a {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 0;
}
.site-header .inner .site-title a img {
	width: auto;
	height: 90px;
	float: left;
	margin: 0;
}

.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu {
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu::before {
	content: "";
	display: block;
	
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1000;
	
	width: 100vw;
	height: 0;
	
	opacity: 0;
	visibility: hidden;
	
	transition: all 0.4s ease;
	transform-origin: top; /* 위쪽에서 아래로 열리는 느낌 */
	
	background-color: #fff;
	border-bottom: 1px dotted #e1e1e1;
	box-shadow: 0 15px 30px rgba(0, 0, 0, .02);
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover::before {
	height: 185px;
	opacity: 1;
	visibility: visible;
	transition: all 0.4s ease;
}

.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item {
	height: 61px;
	font-size: 1.125rem;
	font-family: "Lexend", sans-serif;
	font-weight: 400;
	letter-spacing: -0.01em;
	margin: 0 35px;
	padding: 0 0 24px 0;
	float: left;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item.menu-item-has-children {
	position: relative;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > a {
	display: inline-block;
	text-decoration: none;
	color: #101010;
	background-color: transparent;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	height: 47px;
	line-height: 47px;
	border-radius: 9px;
	padding: 0 15px;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item.current-menu-item,
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item.current-menu-ancestor {
	font-weight: 600;
	position: relative;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item.current-menu-item > a,
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item.current-menu-ancestor > a {
	color: #1A7B57;
	background-color: rgba(224, 226, 219, .25);
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > a:hover {
	background-color: #fcfcfc;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu {
	display: none;
	margin: 0;
	padding: 15px;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover > li.menu-item > ul.sub-menu {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item {
	opacity: 0;
	transform: translateY(-8px);
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover > li.menu-item > ul.sub-menu > li.menu-item {
	animation: menuItemFadeIn .4s ease forwards;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover > li.menu-item > ul.sub-menu > li.menu-item:nth-child(1) { animation-delay: 0.15s !important; }
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover > li.menu-item > ul.sub-menu > li.menu-item:nth-child(2) { animation-delay: 0.2s !important; }
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover > li.menu-item > ul.sub-menu > li.menu-item:nth-child(3) { animation-delay: 0.25s !important; }
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover > li.menu-item > ul.sub-menu > li.menu-item:nth-child(4) { animation-delay: 0.3s !important; }
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover > li.menu-item > ul.sub-menu > li.menu-item:nth-child(5) { animation-delay: 0.35s !important; }
@keyframes menuItemFadeIn {
	from { 
		opacity: 0; 
		transform: translateY(-8px); 
	}
	to   { 
		opacity: 1; 
		transform: translateY(0); 
	}
}



.home .site-header {
	background-color: transparent;
	border-bottom: none;
	box-shadow: none;
}
.home .site-header:hover {
	background-color: rgba(255, 255, 255, .1);
}
.home .site-header .inner .site-title a img {
	filter: brightness(0) invert(1);
}
.home .site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > a {
	color: #fff;
}
.home .site-header .inner .main-navigation .menu-main-navigation-container #primary-menu::before {
	content: "";
	display: block;
	
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1000;
	
	width: 100vw;
	height: 0;
	
	opacity: 0;
	visibility: hidden;
	
	transition: all 0.4s ease;
	transform-origin: top; /* 위쪽에서 아래로 열리는 느낌 */
	
	background-color: rgba(255, 255, 255, .1);
	border-bottom: none;
	box-shadow: 0 15px 30px rgba(0, 0, 0, .02);
}
.home .site-header .inner .main-navigation .menu-main-navigation-container #primary-menu:hover::before {
	height: 185px;
	opacity: 1;
	visibility: visible;
	transition: all 0.4s ease;
	border-top: 1px dotted rgba(255, 255, 255, .15);
}












/* 홈페이지에서 흰색 배경 영역의 사이트 헤더 */
.home .site-header.change {
	border-bottom: 1px solid #e1e1e1;
	background-color: #fff;
}
.home .site-header.change .inner .menu-icon {
	filter: invert(0);
}
.home .site-header.change .inner .site-title a img {
	filter: brightness(1) invert(0);
}
.home .site-header.change .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > a {
	color: #101010;
}
.home .site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > a:hover {
	background-color: rgba(255, 255, 255, .15);
}
.home .site-header.change .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item > a {
	color: #101010;
}
.home .site-header.change .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item > a:hover {
	color: #101010;
}





.home .site-header.change .inner .main-navigation .menu-main-navigation-container #primary-menu::before {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px); /* 사파리용 */
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 1px dotted #e1e1e1;
}





.home .site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item > a {
	color: #fff;
}
.home .site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item > a:hover {
	color: #fff;
}
.home .site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > a:hover {
	background-color: rgba(255, 255, 255, .15);
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item {
	width: auto;
	clear: both;
	font-size: 1rem;
	font-weight: 500 !important;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
	display: inline-block;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	background: #1A7B57; /* 글자색과 동일하게 */
	transition: width 0.15s ease;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item:hover::after {
  width: 100%;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item > a {
	display: inline-block;
	line-height: 32px;
	text-decoration: none;
	color: #101010;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item > a:hover {
	color: #101010;
	font-weight: 500;	
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.current-menu-item > a {
	color: #147B58;
	font-weight: 700;
}

/* 

.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item:nth-child(1) > ul.sub-menu {
	width: 200px;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item:nth-child(2) > ul.sub-menu {
	width: 200px;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item:hover > ul.sub-menu {
	display: block;
	position: absolute;
	top: 100%;
	left: -20px;
}

.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item {
	width: 100%;
	height: 28px;
	line-height: 28px;
	float: left;
	margin: 0 0 10px 0;
	font-weight: 600;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item:last-child {
	margin: 0;
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item::before {
	content: "";
	display: inline-block;
	float: left;
	margin: 0 8px 0 0;
	width: 28px;
	height: 28px;
	border-radius: 5px;
	background-color: #f9f9f9;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item:hover::before {
	background-color: #ddd;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
} 

.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-system::before {
	background-image: url('images/icons/icon-menu-system.svg');
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-tech::before {
	background-image: url('images/icons/icon-menu-tech.svg');
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-process::before {
	background-image: url('images/icons/icon-menu-process.svg');
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-location::before {
	background-image: url('images/icons/icon-menu-location.svg');
}


.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-product::before {
	background-image: url('images/icons/icon-menu-product.svg');
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-distribution::before {
	background-image: url('images/icons/icon-menu-distribution.svg');
}


.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-news::before {
	background-image: url('images/icons/icon-menu-news.svg');
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-media::before {
	background-image: url('images/icons/icon-menu-media.svg');
}
.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.menu-contact::before {
	background-image: url('images/icons/icon-menu-contact.svg');
}


.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item > a {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	font-size: 0.875rem;
	text-decoration: none;
	color: #101010;
	float: left;
}

.site-header .inner .main-navigation .menu-main-navigation-container #primary-menu > li.menu-item > ul.sub-menu > li.menu-item.current-menu-item > a {
	color: #147B58;
	font-weight: 700;
}
 */
.home .site-header .inner .menu-icon {
	filter: invert(1);
}
.site-header .inner .menu-icon {
	display: none;
}
.site-header .inner .lang-icon {
	display: none;
	/* display: inline-block; */
	width: 47px;
	height: 47px;
	border-radius: 9px;
	background-image: url('images/icons/icon-lang-en.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-size: 30px 30px;
	position: absolute;
	right: 85px;
	bottom: 23px;
	cursor: pointer;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header .inner .menu-icon:hover {
	background-color: #fcfcfc;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}



.site-footer {
	width: 100%;
	float: left;
	background-color: #333333;
	padding: 70px 0 0 0;
	font-size: 1rem;
	color: #fff;
}
.site-footer strong {
	font-weight: 500 !important;
}
.site-footer a {
	color: #fff;
	text-decoration: none;
}
.site-footer .footer-top {
	width: 100%;
	float: left;
	padding: 0 0 50px 300px;
	position: relative;
}

.site-footer .footer-top > a {
	display: inline-block;
	z-index: 3500;
	position: fixed;
	bottom: 35px;
	right: 35px;
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 50% 50%;
	background-color: #101010;
	color: #fff;
}
.site-footer .footer-top > a.nav-down {
	bottom: -100px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-footer .footer-top > a.nav-up {
	bottom: 35px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.site-footer .footer-top > strong {
	position: absolute;
	top: 0;
	left: 0;
}
.site-footer .footer-top > strong a {}
.site-footer .footer-top > strong a img {
	width: 80px;
	height: auto;
	float: left;
	filter: brightness(100) ;
}

.site-footer .footer-top ul {
	widht: 100%;
	float: left;
	clear: both;
}
.site-footer .footer-top ul li {
	float: left;
}
.site-footer .footer-top ul li::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #707070;
	margin: 0 15px;
}
.site-footer .footer-top ul li:last-child::after {
	content: none;
}
.site-footer .footer-top ul li strong {
	margin: 0 10px 0 0;
}
.site-footer .footer-top ul li a {}
ul.company-info {
	margin: 0 0 20px 0;
}
.site-footer .footer-bottom {
	width: 100%;
	float: left;
	border-top: 1px solid #454545;
	padding: 35px 0;
	position: relative;
}
.site-footer .footer-bottom p.copyright {
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.menu-our-socials-container {
	float: left;
}
.menu-our-socials-container ul li {
	display: inline-block;
	margin: 0 20px 0 0;
}
.menu-footer-navigation-container {
	float: right;
}
.menu-footer-navigation-container ul li {
	display: inline-block;
	margin: 0 0 0 20px;
}
.page article .entry-header {
	width: 100%;
	float: left;
	padding: 120px 0 120px 0;
}
.page article .entry-header .entry-header-item-wrap {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1500;
}
.archive .page-header .entry-eyebrow,
.page article .entry-header .entry-eyebrow {
	width: 100%;
	float: left;
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: -0.025em;	
	font-weight: 500;
	color: #147B58;
	margin: 0 0 30px 0;
}

.page-id-70 article .entry-header .entry-header-item-wrap .entry-title {
	height: 11.0937vw !important;
	margin: 0 !important;
	display: none !important;
}


.page article .entry-header .entry-header-item-wrap .entry-title {
	width: 100%;
	height: 4vw;
	float: left;
	font-size: clamp(2.25rem, 3.6979vw, 6.94rem);
	line-height: 1.125;
	font-weight: 700;
	letter-spacing: -0.025em;
	margin: 0 0 120px 0;
	color: #101010;
	position: relative;
	display: inline-block;
	
	
}
.page article .entry-header .entry-header-item-wrap .entry-title .title {
	width: 100%;
	height: 4vw;
	position: absolute; 
	inset: 0;
	white-space: nowrap;
	  line-height: 1.125;
}
.page article .entry-header .entry-header-item-wrap .entry-title .title--black { 
	color: #101010; 
}
.page article .entry-header .entry-header-item-wrap .entry-title .title--white {
	color: #fff;
	-webkit-clip-path: inset(100% 0 0 0);
	clip-path: inset(100% 0 0 0); /* 위에서 아래로 열림 */
	will-change: clip-path;
	
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.page article .entry-header .entry-thumbnail {
	width: 100%;
	float: left;
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	position: relative;
	margin: 0 0 200px 0;
	position: relative;
	z-index: 1000;
	will-change: transform;
}
.page article .entry-header .entry-thumbnail .entry-filter {
	width: 100%;
	height: 100%;
	float: left;
	background: linear-gradient(270deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, .15) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
.page article .entry-header .entry-excerpt {
	width: 100%;
	float: left;
	padding: 0 0 0 50%;
	font-family: "Pretendard", sans-serif;
	
	font-size: clamp(1.313rem, 1.8975vw, 3.5250rem);
	
	font-weight: 500;
	line-height: 1.625;
	letter-spacing: -0.025em;
}
.page article .entry-content {
	width: 100%;
	float: left;
}
.entry-content section {
	width: 100%;
	float: left;
	position: relative;
}
.entry-content section > div {
	position: relative;
	z-index: 1500;
}
.entry-content .section-wide {
	width: 100vw;
	min-height: 1080px;	
	margin: 0 -100px;
	padding: 150px 100px !important;
	float: left;
}
.entry-content .section-wide .group-header {
	width: 100%;
	float: left;
	margin: 0 0 120px 0;
}
.entry-content .section-wide .group-header h2 {
	font-family: "Pretendard", sans-serif;
	line-height: 1.2;
	letter-spacing: -0.025em;
	margin: 0 0 50px 0;
	width: 100%;
	float: left;
}
.entry-content section .group-header h2 {
	margin: 0 0 35px 0;
}
.entry-content section .group-header h2 strong {
	font-weight: 700;
	font-size: clamp(1.688rem, 3.1770vw, 5.9486rem);
	padding: 0 0 5px 0;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

.entry-content .group-header p.sub-title {
	font-size: 1.969rem;
	font-size: clamp(1.313rem, 1.6145vw, 3.0847rem);
	line-height: 1.5;
	float: left;
	font-family: "Pretendard", sans-serif;
	font-weight: 500;
	letter-spacing: -0.025em;
	margin: 0 0 35px 0;
}
.entry-content .group-header p.description {
	width: 100%;
	float: left;
	
	font-size: clamp(1.125rem, 1.25vw, 2.35rem);
	
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: -0.01em;
	margin: 0 0 45px 0;
}
.entry-content .section-wide .group-header h2 span {
	font-weight: 400;
	font-size: clamp(1.125rem, 2.1354vw, 3.9652rem);
	line-height: 1.2;
}
.entry-content .section-center {
	position: relative;
}
.entry-content .section-center > div {
	width: 100%;
	min-height: 1080px;
	float: left;
}
.entry-content .section-center .group-header {
	width: calc(100vw - 200px);
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
ul.normal-list {
	width: 100%;
	float: right;
	max-width: 33.85vw;
}
ul.normal-list > li {
	font-family: "Pretendard", sans-serif;
	font-size: clamp(1rem, 0.9375vw, 1.7625rem);
	line-height: 1.5;
	font-weight: 500;
	padding: 30px 0;
	border-top: 1px solid #101010;
}
.icon-cloud::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/icon-small-cloud.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-no-person::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/icon-small-no-person.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-sun::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/icon-small-sun.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-music::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/icon-small-music.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-shopping-cart::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/shopping-cart.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-copy::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/copy.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.page-id-11 ul.four-cols-list li::before,
.page-id-11 ul.normal-list li::before,
.page-id-13 ul.four-cols-list li::before {
	filter: brightness(0) invert(1);
}
.icon-bell::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/bell.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-monitor::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/monitor.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-server::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/server.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-share-2::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/share-2.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-database::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/database.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-settings::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/settings.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-shield::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/shield.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-hard-drive::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/hard-drive.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-tool::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/tool.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-pie-chart::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/pie-chart.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-edit::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/edit.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-trello::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/trello.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-box::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/box.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-calendar::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/calendar.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-alert-triangle::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/alert-triangle.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-command::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/command.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-trending-up::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/trending-up.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-list::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/list.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-edit-3::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/edit-3.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-file-text::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/file-text.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-folder-plus::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/folder-plus.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-search::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/search.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-grid::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/grid.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}
.icon-pocket::before {
	content: "";
	width: 1.25vw;
	height: 1.25vw;
	display: block;
	background-image: url('images/icons/pocket.svg');
	background-size: 1.25vw 1.25vw;
	background-position: center;
	margin: 0 0 20px 0;
}






















ul.four-cols-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}
ul.four-cols-list > li {
	flex: 0 1 calc((100% - 3 * 50px) / 4);
	font-family: "Pretendard", sans-serif;
	font-size: clamp(1rem, 0.9375vw, 1.7625rem);
	line-height: 1.5;
	font-weight: 500;
	padding: 30px 0;
	border-top: 1px solid #101010;
}

.page-id-11 .entry-content {
	width: calc(100% + 200px) !important;
	margin: 0 -100px !important;
}


.page-id-11 .entry-content .section-wide {
	margin: 0;
}

:focus-visible {
	outline: none;
}
ul.slider-nav {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 100px;
	position: relative;
	z-index: 3500;
	top: 80px;
}
ul.slider-nav .slick-track {
	transform: translate3d(0, 0, 0) !important;
}
ul.slider-nav li.slick-slide {
	cursor: pointer; 
	width: auto !important;
	float: left;
	margin: 0 10px 0 0;
	font-size: 1.125rem;
	font-weight: 500;
	
	display: inline-block;
	line-height: 41px;
	height: 41px;
	padding: 0 18px;
	background-color: rgba(0, 0, 0, .35);
	color: #fff;
	border-radius: 5px;
	
	font-family: "Pretendard", sans-serif;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
ul.slider-nav li.slick-slide:hover {
	background-color: rgba(0, 0, 0, 1);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
ul.slider-nav li.slick-slide.slick-current {
	background-color: #147B58;
	color: #fff;
	font-weight: 700;
}
.effect-wrap {
	width: calc(100% + 2px);
	height: 100%;
	float: left;
	position: relative;
	margin: 0 -1px 0 -1px;
}
.panel {
	width: calc(100% - 2px);
	margin: 0 1px;
	padding: 120px 100px 20px 100px;
	float: left;
	height: auto;
	aspect-ratio: 16 / 8;
	overflow: hidden;
	background-size: cover;
}
.effect-wrap .slick-arrow {
	width: 40px;
	height: 40px;
	background-size: cover;
	background-position: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3500;
	filter: invert(1);
	opacity: .15;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.effect-wrap .slick-arrow:hover {
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.effect-wrap .slick-arrow::before {
	content: none;
}
.effect-wrap .slick-prev {
	background-image: url('images/icons/icon-slide-left-arrow.svg');
	left: 10px;
}
.effect-wrap .slick-next {
	background-image: url('images/icons/icon-slide-right-arrow.svg');
	right: 10px;
}

/* SmartFarm - 스마트팜 시스템 
.page-id-11 .entry-content section {
	margin: 0 -100px 30px -100px;
	background-size: cover;
	background-position: center;
}*/
.page-id-11 .entry-header {
	padding: 120px 0 0 0;
}
.page-id-11 .entry-content .smartfarm-system-01 {
	background-image: url('images/smartfarm/sf-system-feature-01.jpg');
}
.page-id-11 .entry-content .smartfarm-system-02 {
	background-image: url('images/smartfarm/sf-system-feature-02.jpg');
}
.page-id-11 .entry-content .smartfarm-system-03 {
	background-image: url('images/smartfarm/sf-system-feature-03.jpg');
}
.page-id-11 .entry-content .smartfarm-system-04 {
	background-image: url('images/smartfarm/sf-system-feature-04.jpg');
}
.page-id-11 .entry-content .smartfarm-system-05 {
	background-image: url('images/smartfarm/sf-system-feature-05.jpg');
}
.page-id-11 .entry-content .smartfarm-system-06 {
	background-image: url('images/smartfarm/sf-system-feature-06.jpg');
}

.page-id-11 .entry-content .group-header {
	width: 50%;
	float: left;
}
.page-id-11 .entry-content ul.wp-block-list {
	width: calc(50% - 24px) !important;
	margin: 120px 0 0 24px !important;
	float: right;
	list-style: disc;
}
.page-id-11 .entry-content ul.wp-block-list li {
	font-size: 1.313rem;
	font-weight: 500;
	color: #fff;
	margin: 0 0 10px 0;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.page-id-11 .entry-content ul.wp-block-list li::before {
	content: none;
}

.page-id-11 .entry-content section::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .15);
	z-index: 1000;
}
.page-id-11 .entry-content .smartfarm-system-image figure {
	width: 100vw;
	height: 100vh;
	min-height: 1080px;
	margin: 0 !important;
	padding: 0 !important;
}
.page-id-11 .entry-content .smartfarm-system-image::after,
.page-id-11 .entry-content .smartfarm-system-image::before {
	content: none;
}
.page-id-11 .entry-content .smartfarm-system-image img {
	
}
.page-id-11 .entry-content .smartfarm-system-07 {
	margin: 0 0 250px 0;
}
.page-id-11 .entry-content .smartfarm-system-07::after,
.page-id-11 .entry-content .smartfarm-system-07::before {
	content: none;
}
.page-id-11 .entry-content .smartfarm-system-07 .scrollmagic-pin-spacer {
	float: left;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-header {
	width: 50%;
	float: left;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-header h2 {
	font-family: "Pretendard", sans-serif;
	font-size: clamp(1.5rem, 2.8125vw, 5.9486rem);
	line-height: 1.2;
	letter-spacing: -0.025em;
	margin: 0 0 35px 0;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-header p {
	width: 100%;
	float: left;
	font-size: clamp(1.125rem, 1.25vw, 2.35rem);
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: -0.01em;
	margin: 0 0 45px 0;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content {
	width: 50%;
	float: right;
	padding: 350px 0 0 0;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content h3 {
	width: 100%;
	float: left;
	font-size: 1.969rem;
	line-height: 1.36;
	color: #147B58;
	font-family: "Lexend", sans-serif;
	letter-spacing: -0.025em;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content h3 span {
	color: #101010;
	display: inline-block;
	font-weight: 500;
	font-size: 1.313rem;
	margin: 0 0 0 20px;
	color: #676767;
	font-family: "Pretendard", sans-serif;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content ul.normal-list {
	width: 100%;
	border-top: 2px solid #101010;
	margin: 0 0 0 0;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content ul.normal-list > li {
	color: #101010;
	border-bottom: 1px solid #ddd;
	width: 100%;
	float: left;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content ul.normal-list > li > ul {
	margin: 15px 0 0 0;
	float: left;
	width: 100%;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content ul.normal-list > li > ul > li {
	color: #101010;
	width: 100%;
	float: left;
	padding: 0 0 0 26px;
	position: relative;
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content ul.normal-list > li > ul > li::before {
	content: "";
	display: block;
	left: 0;
	width: 16px;
	height: 16px;
	background-image: url('images/icons/icon-check.svg');
	background-size: 16px 16px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	filter: brightness(1) invert(0);
}
.page-id-11 .entry-content .smartfarm-system-07 .section-content ul.normal-list > li:last-child h3 {
	color: #19316d;
}













.page-id-11 .entry-content section .group-header h2 {
	color: #fff;
	line-height: 1.2;
}
.page-id-11 .entry-content section ul.normal-list li {
	color: #fff;
	border-top: 1px solid #fff;
}
.page-id-11 .entry-content section ul.four-cols-list li {
	color: #fff;
	border-top: 1px solid #fff;
}
.page-id-11 .entry-content section ul.ai-features {
	width: 100%;
	float: left;
	margin: 35px 0 70px 0;
}
.page-id-11 .entry-content section ul.ai-features li {
	width: 10.416vw;
	height: 10.416vw;
	border-radius: 50% 50%;
	border: 2px solid #fff;
	line-height: 10.416vw;
	text-align: center;
	float: left;
	margin: 0 35px 0 0;
	position: relative;
	padding: 0;
} 
.page-id-11 .entry-content section ul.ai-features li::after {
	content: "+";
	font-size: 2.25rem;
	font-weight: 400 !important;
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -30px;
}
.page-id-11 .entry-content section ul.ai-features li:last-child::after {
	content: none;
} 
.page-id-11 .entry-content section ul.ai-features li span {
	width: 100%;
	line-height: 1.36;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 1.313rem;
	font-weight: 700;
	font-family: "Pretendard", sans-serif;
}
.page-id-11 .entry-content section .group-header p {
	color: #fff;
}


/* SmartFarm - 스마트팜 테크 */
.page-id-76 .entry-content .wp-block-group.has-background {
	width: 100vw;
	float: left;
	margin: 0 -100px;
	padding: 150px 100px;
}
.page-id-76 .entry-content .wp-block-group.has-background h2 {
	width: 100%;
	float: left;
	font-size: 2.25rem;
	line-height: 1.36;
	margin: 0 0 90px 0;
}
.page-id-76 .entry-content ul.tech-loop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 70px 40px;
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item {
	flex: 0 1 calc((100% - 3 * 40px) / 4);
	font-family: "Pretendard", sans-serif;
	font-size: 1.125rem;
	line-height: 1.5;
	font-weight: 500;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-thumbanil {
	width: 100%;
	aspect-ratio: 1;
	float: left;
	background-size: cover;
	background-position: center;
	background-color: #efefef;
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta {
	width: 100%;
	float: left;
	padding: 25px 20px 20px 20px;
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta h3 {
	font-size: 1.5rem;
	line-height: 1.36;
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail {
	width: 100%;
	float: left;
	border-top: 2px solid #101010;
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail li {
	width: 100%;
	float: left;
	padding: 10px 0;
	border-bottom: 1px dashed #E1E1E1;
	font-size: 1rem;
	line-height: 1.36;
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail li span {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	margin: 0 5px 5px 0;
	border-radius: 14px 14px;
	color: rgba(106, 153, 78, 1);
	background-color: rgba(106, 153, 78, .15);
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail li a {
	text-decoration: none;
	color: #101010;
	float: left;
	line-height: 27px;
	margin: 0 15px 0 0;
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail li a::before {
	content: "";
	display: inline-block;
	float: left;
	width: 18px;
	height: 27px;
	background-image: url('images/icons/icon-map-pin.svg');
	background-size: 18px 18px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 3px 0 0;
}
.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail li:last-child {
	border-bottom: none;
}



/* SmartFarm - 생산 프로세스 */
.page-id-13 .entry-content .process-wrap {
	width: 100vw;
	float: left;
	margin: 0 -100px;
	padding: 150px 100px;
	background-color: #f8f9f7;
	position: relative;
}
.page-id-13 .entry-content ul.process {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}
.page-id-13 .entry-content ul.process::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	border-left: 1px solid #1A7B57;
	position: absolute;
	top: 0;
	left: 23px;
	z-index: 1000;
}
.page-id-13 .entry-content ul.process li.process-parent {
	width: 100%;
	float: left;
	margin: 0 0 90px 0;
}
.page-id-13 .entry-content ul.process li.process-parent h2 {
	width: 33.33333%;
	display: block;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 2.953rem;
	line-height: 1.2;
	color: #1A7B57;
	position: relative;
	z-index: 1500;
}
.page-id-13 .entry-content ul.process li.process-parent h2::before {
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 50% 50%;
	background-color: #1A7B57;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 25px 0 0;
	position: relative;
	top: -7px;
	z-index: 2000;
}
.page-id-13 .entry-content ul.process li.process-parent:nth-child(1) h2::before {
	content: "A";
}
.page-id-13 .entry-content ul.process li.process-parent:nth-child(3) h2::before {
	content: "B";
}
.page-id-13 .entry-content ul.process li.process-parent:nth-child(5) h2::before {
	content: "C";
}
.page-id-13 .entry-content ul.process li.process-parent:nth-child(7) h2::before {
	content: "D";
}
.page-id-13 .entry-content ul.process li.process-parent:nth-child(9) h2::before {
	content: "E";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail {
	width: 66.66666%;
	display: block;
	float: right;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li {
	width: 100%;
	aspect-ratio: 32 / 9;
	margin: 0 0 50px 0;
	padding: 0 calc(50% + 50px) 0 68px;
	float: left;
	position: relative;
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:hover::before {
	background-color: #474350;
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li::before {
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 50% 50%;
	background-color: #B8BDB5;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0 25px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #B8BDB5;
	position: absolute;
	top: 0;
	left: 23px;
	z-index: 0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(1)::before {
	content: "01";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(2)::before {
	content: "02";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(3)::before {
	content: "03";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(4)::before {
	content: "04";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(5)::before {
	content: "05";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(6)::before {
	content: "05";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(7)::before {
	content: "06";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(8)::before {
	content: "07";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(9)::before {
	content: "08";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li:nth-child(10)::before {
	content: "09";
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li h3 {
	font-size: 1.688rem;
	line-height: 46px;
	margin: 0 0 5px 0;
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li span {
	display: inline-block;
	width: 100%;
	float: left;
	padding: 0 0 0 26px;
	position: relative;
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li span::before {
	content: "";
	display: block;
	left: 0;
	width: 16px;
	height: 16px;
	background-image: url('images/icons/icon-check.svg');
	background-size: 16px 16px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
}
.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li .process-featured {
	width: 50%;
	aspect-ratio: 16 / 9;
	background-color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	background-size: cover;
	background-position: center;
}


.difference {
	width: 100%;
	float: left;
	background-color: #1A7B57;
	padding: 50px 70px;
	margin: 0 0 90px 0;
	position: relative;
	z-index: 1500;
	border-radius: 15px;                      
}
.difference h3 {
	display: none !important;
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
	font-size: 2.25rem;
	line-heihgt: 1.2;
	color: #fff;
}
.difference ul.diff-loop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 0 30px;
}
.difference ul.diff-loop li.diff-loop-item {
	flex: 0 1 calc((100% - 2 * 30px) / 3);
	background-color: #fff;
	padding: 30px;
}
.difference ul.diff-loop li.diff-loop-item img {
	width: 44px;
	height: 44px;
	float: right;
	display: none;
}
.difference ul.diff-loop li.diff-loop-item h4 {
	width: 100%;
	float: left;
	display: flex;
	font-size: 1.313rem;
	line-height: 1.36;
	font-weight: 700;
	color: #1A7B57;
	margin: 20px 0 10px 0;
}
.difference ul.diff-loop li.diff-loop-item p {
	width: 100%;
	display: flex;
	font-size: 1rem;
	line-height: 1.36;
	margin: 0;
}

.page-id-13 .entry-content section {
	width: 100vw;
	margin: 0 -100px;
	padding: 150px 100px;
	float: left;
	
	background-image: url('images/smartfarm/sf-process-feature-10.jpg');
	background-position: center bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.page-id-13 .entry-content section .section-header {
	width: 100%;
	float: left;
	margin: 0 0 120px 0;
}
.page-id-13 .entry-content section .section-header h2 {
	font-family: "Pretendard", sans-serif;
	font-size: 3.797rem;
	line-height: 1.2;
	letter-spacing: -0.025em;
	margin: 0 0 50px 0;
	color: #fff;
}
.page-id-13 .entry-content section .section-header p {
	font-size: 1.969rem;
	line-height: 1.36;
	font-weight: 500;
}
.page-id-13 .entry-content section .section-content {
	width: 100%;
	float: left;
	padding: 0 0 700px 0;
	
}
.page-id-13 .entry-content section .section-content p {
	font-size: 1.688rem;
	line-height: 1.36;
	font-weight: 500;
	margin: 0 0 70px 0;
}
.page-id-13 .entry-content section .section-content ul.four-cols-list > li {
	border-top: 1px solid #fff;
}


/* SmartFarm - 스마트팜 사업장 */
.page-id-15 .entry-content section {
	width: 100vw;
	overflow: hidden;
	margin: 0 -100px;
	float: left;
}
.page-id-15 .entry-content section .section-image-wrap {
	position: relative;
	height: 100vh;              /* 풀스크린 */
	background-size: cover;
	background-position: center;
	will-change: transform;
	overflow: hidden;
}
.page-id-15 .entry-content section .section-image-wrap .entry-filter {
	position: absolute; inset: 0;
	background: rgba(0,0,0,0);  /* 시작은 투명 */
	pointer-events: none;
}
.page-id-15 .entry-content .section-01 .section-image-wrap {
	background-image: url('images/smartfarm/spot-01.jpg');
}
.page-id-15 .entry-content .section-02 .section-image-wrap {
	background-image: url('images/smartfarm/spot-02.jpg');
}
.page-id-15 .entry-content .section-03 .section-image-wrap {
	background-image: url('images/smartfarm/spot-03.jpg');
}
.page-id-15 .entry-content section .section-wrap {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	float: left;
	padding: 0 100px;
	position: relative;
	z-index: 2;                 /* 이미지 위로 텍스트가 올라오게 */
	padding-top: 6rem;
	color: #fff;
}
.page-id-15 .entry-content section .section-wrap .section-header {
	width: 50%;
	float: left;
}
.page-id-15 .entry-content section .section-wrap .section-header h2 {
	width: 100%;
	float: left;
	font-size: clamp(2.25rem, 3.177vw, 6.9403rem);
	line-height: 1.2;
	margin: 0 0 70px 0;
}
.page-id-15 .entry-content section .section-wrap .section-header h2 span {
	font-weight: 400;
	color: #808080;
}
.page-id-15 .entry-content section .section-wrap .section-header ul li {
	width: 80px;
	margin: 0 25px 30px 0;
	float: left;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 700;
	font-family: "Pretendard", sans-serif;
}
.page-id-15 .entry-content section .section-wrap .section-header ul li:nth-child(4) {
	clear: both;
}
.page-id-15 .entry-content section .section-wrap .section-header ul li::before {
	content: "";
	display: inline-block;
	float: left;
	width: 80px;
	height: 76px;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 0 8px 0;
}
.page-id-15 .entry-content section .section-wrap .section-header ul li.cert-001::before {
	background-image: url('images/smartfarm/cert-001.png');
}
.page-id-15 .entry-content section .section-wrap .section-header ul li.cert-001::before {
	background-image: url('images/smartfarm/cert-001.png');
}
.page-id-15 .entry-content section .section-wrap .section-header ul li.cert-001::before {
	background-image: url('images/smartfarm/cert-001.png');
}
.page-id-15 .entry-content section .section-wrap .section-header ul li.cert-004::before {
	background-image: url('images/smartfarm/cert-002.png');
}
.page-id-15 .entry-content section .section-wrap .section-header ul li.cert-005::before {
	background-image: url('images/smartfarm/cert-003.png');
}
.page-id-15 .entry-content section .section-wrap .section-content {
	width: 50%;
	float: left;
	padding: 0;
}
.page-id-15 .entry-content section .section-wrap .section-content p {
	width: 100%;
	float: right;
	font-size: 1.688rem;
	line-height: 1.36;
	font-weight: 500;
	margin: 120px 0 70px 0;
}
.page-id-15 .entry-content section .section-wrap .section-content p br {
	display: none;
}
.page-id-15 .entry-content section .section-wrap .section-content ul.table-normal {
	width: 100%;
	float: right;
	border-top: 2px solid #fff;
	margin: 0 0 150px 0;
}
.page-id-15 .entry-content section .section-wrap .section-content ul.table-normal li {
	font-family: "Pretendard", sans-serif;
	width: 100%;
	float: left;
	border-bottom: 1px solid #bbb;
	padding: 20px 0;
	font-size: 1.313rem;
	line-height: 1.36;
}
.page-id-15 .entry-content section .section-wrap .section-content ul.table-normal li strong {
	display: inline-block;
	width: 40%;
}



/* Product - 생산·판매 제품 */
.page-id-22 .entry-content .section-01 {
	background-color: #f8f9f7 !important;
}
.page-id-22 .entry-content .section-02 {
	background-color: #147B58 !important;
	color: #fff;
}


.page-id-22 .entry-content section {
	width: 100vw;
	margin: 0 -100px;
	padding: 150px 100px;
	float: left;
}
.page-id-22 .entry-content section .section-header {
	width: 100%;
	float: left;
	margin: 0 0 90px 0;
}
.page-id-22 .entry-content section .section-header h2 {
	width: 100%;
	float: left;
	font-size: 2.953rem;
	line-height: 1.2;
	margin: 0;
}
.page-id-22 .entry-content section .section-header p {
	width: 100%;
	float: left;
	font-size: 1.688rem;
	line-height: 1.36;
	font-weight: 500;
	margin: 50px 0 0 0;
}
.page-id-22 .entry-content section ul.product-loop {
	width: calc(100% + 2px);
	margin: 0 -1px;
	padding: 0;
	list-style: none;
	float: left;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item {
	width: calc(20% - 2px);
	height: calc(75vh - 152px);
	max-height: 860px;
	margin: 0 1px;
	float: left;
	padding: 0 35px 70px 35px;
	position: relative;
	background-color: #efefef;
	background-size: cover;
	background-position: center;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	overflow: hidden;
}
.page-id-22 .entry-content section ul.product-loop:hover li.product-loop-item {
	width: calc(13% - 2px) !important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item:hover {
	width: calc(48% - 2px) !important;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item .black-gradient {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);
	position: absolute;
	inset: 0;
	z-index: 100;
	bottom: 0 !important;
	left: 0;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta {
	width: 100%;
	position: absolute;
	left: 0;
	top: calc(100% - 70px);
	color: #fff;
	z-index: 200;
	padding: 0 30px;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta h3 {
	font-size: 1.5rem;
	color: #fff;
	margin: 0 0 100px 0;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta h4 {
	float: left;
	width: auto;
	font-size: 1.688rem;
	font-weight: 700;
	margin: 0 0 15px 0;
	font-family: "Pretendard", sans-serif;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item:hover .item-meta {
	top: calc(100% - 250px);
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item:hover .item-meta h3 {
	font-size: 2.25rem;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	margin: 0 0 20px 0;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item:hover .item-meta ul.product-detail {
	width: 100%;
	float: left;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item:hover .black-gradient {
	width: 100%;
	height: 100%;
	background: #101010;
	background: linear-gradient(180deg,rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 1) 100%);
	position: absolute;
	top: unset;
	bottom: 0 !important;
	left: 0;
	inset: 0;
	z-index: 100;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta ul.product-detail {
	margin: 0;
	padding: 0;
	list-style: none;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta ul.product-detail > li {
	line-height: 1.36;
	font-size: 1.313rem;
}
.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta ul.product-detail > li br {
	display: none;
}

.page-id-22 .entry-content section ul.brand-loop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}
.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item {
	flex: 0 1 calc((100% - 2 * 50px) / 3);
}
.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-thumbnail {
	width: 100%;
	aspect-ratio: 4 / 3;
	margin: 0 0 30px 0;
	float: left;
	background-color: #efefef;
	background-size: cover;
	background-position: center;
}
.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-meta {
	width: 100%;
	float: left;
}
.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-meta h3 {
	font-size: 1.5rem;
	margin: 0 0 10px 0;
}
.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-meta p {
	font-size: 1.313rem;
	line-height: 1.36;
	margin: 0 0 35px 0;
}
.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-meta a {
	text-decoration: none;
	color: #fff;
}
.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-meta a::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 5px 0 0;
	background-image: url('images/icons/icon-arrow-right-circle.svg');
	background-size: cover;
	position: relative;
	top: 3px;
	filter: invert(1);
}
.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-meta a:hover {
	border-bottom: 1px dashed #fff;
}

/* Product - 유통·판매 */
.page-id-19 .entry-content h2 {
	width: 25%;
	float: left;
	font-size: 2.953rem;
	line-height: 1.2;
	margin: 0;
}
.page-id-19 .entry-content .section-wrap {
	width: 75% !important;
	float: right !important;
	margin: -57px 0 0 0 !important;
}

.page-id-19 .entry-content .section-01,
.page-id-19 .entry-content .section-02,
.page-id-19 .entry-content .section-03 {
	width: 100%;
	margin: 0 !important;
	padding: 0;
	font-family: "pretendard", sans-serif;
	min-height: unset;
	background-color: transparent !important;
}
.page-id-19 .entry-content .section-01 .section-header,
.page-id-19 .entry-content .section-02 .section-header,
.page-id-19 .entry-content .section-03 .section-header {
	width: 33.33333%;
	float: left;
}
.page-id-19 .entry-content .section-01 .section-content,
.page-id-19 .entry-content .section-02 .section-content,
.page-id-19 .entry-content .section-03 .section-content {
	width: 66.66666%;
	float: left;
}
.page-id-19 .entry-content .section-01 h3,
.page-id-19 .entry-content .section-02 h3,
.page-id-19 .entry-content .section-03 h3 {
	font-size: 2.25rem;
	line-height: 1.2;
	color: #1A7B57;
	margin: 0 0 20px 0;
	padding: 0 10px 0 0;
}
.page-id-19 .entry-content .section-01 p,
.page-id-19 .entry-content .section-02 p,
.page-id-19 .entry-content .section-03 p {
	font-size: 1.313rem;
	line-height: 1.36;
	margin: 0 0 1.78568rem;
}


.page-id-19 .entry-content section ul.chart {
	width: 100%;
	float: left;
}
.page-id-19 .entry-content section ul.chart li {
	width: 100%;
	height: 32px;
	margin: 0 0 5px 0;
	position: relative;
}
.page-id-19 .entry-content section ul.chart li::before {
	height: 32px;
	line-height: 32px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;
	border-radius: 3px;
}
.page-id-19 .entry-content section ul.chart li span {
	position: revert;
	z-index: 2000;
	line-height: 32px;
	padding: 0 5px;
	font-weight: 500;
}

.page-id-19 .entry-content section ul.chart li.chart-3500::before {
	width: 100%;
	background-color: rgba(210, 212, 200, 1);
}
.page-id-19 .entry-content section ul.chart li.chart-260::before {
	width: 20%;
	background-color: rgba(210, 212, 200, .35);
}
.page-id-19 .entry-content section ul.chart li.chart-290::before {
	width: 25%;
	background-color: rgba(210, 212, 200, .5);
}

.page-id-19 .entry-content section ul.chart li.chart-8500::before {
	width: 100%;
	background-color: rgba(210, 212, 200, 1);
}
.page-id-19 .entry-content section ul.chart li.chart-6000::before {
	width: 70%;
	background-color: rgba(210, 212, 200, .35);
}

.page-id-19 .entry-content section ul.chart li.chart-2500::before {
	width: 100%;
	background-color: rgba(210, 212, 200, 1);
}
.page-id-19 .entry-content section ul.chart li.chart-300::before {
	width: 12%;
	background-color: rgba(210, 212, 200, 0.35);
}
.page-id-19 .entry-content section ul.chart li.chart-810::before {
	width: 32.4%;
	background-color: rgba(210, 212, 200, .65);
}
.page-id-19 .entry-content section ul.chart li.chart-180::before {
	width: 7.2%;
	background-color: rgba(210, 212, 200, 0.25);
}
.page-id-19 .entry-content section ul.chart li.chart-10::before {
	width: 0.4%;
	background-color: rgba(210, 212, 200, 0.15);
}
.page-id-19 .entry-content section ul.chart li.chart-950::before {
	width: 38%;
	background-color: rgba(210, 212, 200, .65);
}
.page-id-19 .entry-content section ul.chart li.chart-370::before {
	width: 14.8%;
	background-color: rgba(210, 212, 200, 0.35);
}
.page-id-19 .entry-content section ul.chart li.chart-360::before {
	width: 14.4%;
	background-color: rgba(210, 212, 200, 0.35);
}
.page-id-19 .entry-content section ul.chart li.chart-80::before {
	width: 3.2%;
	background-color: rgba(210, 212, 200, 0.1);
}

ul.partner-loop-2nd {
	direction: rtl;
	transform: none !important;
	margin: 20px 0 0 0 !important;
}
ul.partner-loop {
	width: 100%;
	float: left;
	margin: 70px 0 0 0;
	list-style: none !important;
	position: relative;
}
ul.partner-loop::before {
	content: "";
	display: block;
	width: 140px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3500;
	background: #FFFFFF;
	background: linear-gradient(90deg, #f9f9f9, #f9f9f900);
}
ul.partner-loop::after {
	content: "";
	display: block;
	width: 140px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3500;
	background: #FFFFFF;
	background: linear-gradient(270deg, #f9f9f9, #f9f9f900);
}
ul.partner-loop li {
	background-color: #f9f9f9;
	width: 140px;
	height: 90px;
	position: relative;
	float: left;
	margin: 0 50px 0 0;
	list-style: none !important;
}
ul.partner-loop li img {
	max-width: 116px;
	max-height: 62px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	mix-blend-mode: multiply;
	background-blend-mode: multiply;
}





.partner-section-wrap {
	width: 100vw;
	margin: 0 -100px;
	padding: 150px 100px;
	float: left;
	background-color: #f9f9f9;
}







.page-id-19 .entry-content .section-04 {
	width: 100vw;
	height: 100%;
	min-height: unset;
	aspect-ratio: 48 / 31 !important;
	padding: 100px 100px 150px 100px !important;
	margin: 0 -100px 120px -100px;
	background-image: url('images/product/country/world-map-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.page-id-19 .entry-content .section-04 > div {
	width: 100%;
	height: 100%;
	float: left;
}
.page-id-19 .entry-content .section-04 h2 {
	width: 100%;
	float: left;
	font-size: 3.375rem;
	line-height: 1.2;
	margin: 0 0 25px 0;
}
.page-id-19 .entry-content .section-04 p {
	font-size: 1.313rem;
	line-height: 1.36;
	margin: 0;
	font-family: "Pretendard", sans-serif;
	width: 100%;
	float: left;
}
.page-id-19 .entry-content .section-04 ul.country-loop {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.page-id-19 .entry-content .section-04 ul.country-loop li {
	position: relative;
}
.page-id-19 .entry-content .section-04 ul.country-loop li::before {
	display: none;
	position: absolute;
	left: calc(100% - 10px);
	top: -22px;
	background-color: #fff;
	white-space: nowrap;
	font-size: 0.875rem;
	font-weight: 700;
	font-family: "Pretendard", sans-serif;
	line-height: 32px;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #101010;
	z-index: 2500;
}
.page-id-19 .entry-content .section-04 ul.country-loop li:hover::before,
.page-id-19 .entry-content .section-04 ul.country-loop li.active::before {
	display: block;
}
.page-id-19 .entry-content .section-04 ul.country-loop li:hover img,
.page-id-19 .entry-content .section-04 ul.country-loop li.active img {
	width: 3vw;
	height: 3vw;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-01::before {
	content: "호주 연간 1,300톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-02::before {
	content: "캐나다 연간 180톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-03::before {
	content: "미국 연간 2,400톤(예정)";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-04::before {
	content: "베트남 연간 400톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-05::before {
	content: "일본 연간 60톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-06::before {
	content: "필리핀 연간 15톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-07::before {
	content: "네덜란드 연간 20톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-08::before {
	content: "이탈리아 연간 15톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-09::before {
	content: "멕시코 연간 5톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-10::before {
	content: none;
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-11::before {
	content: "홍콩 연간 120톤";
}
.page-id-19 .entry-content .section-04 ul.country-loop li img {
	width: 2.29vw;
	height: 2.29vw;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-01 {
	position: absolute;
	left: calc(45.98% - 1.14vw);
	top: calc(74.27% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-02 {
	position: absolute;
	left: calc(73.54% - 1.14vw);
	top: calc(34.11% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-03 {
	position: absolute;
	left: calc(77.91% - 1.14vw);
	top: calc(41.77% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-04 {
	position: absolute;
	left: calc(39.01% - 1.14vw);
	top: calc(55.40% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-05 {
	position: absolute;
	left: calc(46.45% - 1.14vw);
	top: calc(45.96% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-06 {
	position: absolute;
	left: calc(44.11% - 1.14vw);
	top: calc(58.79% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-07 {
	position: absolute;
	left: calc(10.15% - 1.14vw);
	top: calc(33.54% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-08 {
	position: absolute;
	left: calc(14.63% - 1.14vw);
	top: calc(41.77% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-09 {
	position: absolute;
	left: calc(73.28% - 1.14vw);
	top: calc(50.00% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-10 {
	position: absolute;
	left: calc(38.75% - 1.14vw);
	top: calc(64.43% - 1.14vw);
}
.page-id-19 .entry-content .section-04 ul.country-loop li.country-11 {
	position: absolute;
	left: calc(41.14% - 1.14vw);
	top: calc(51.77% - 1.14vw);
}
.page-id-19 .entry-content .section-05 {
	width: 100%;
	float: left;
}
.page-id-19 .entry-content .section-05 h2 {
	width: 100%;
	float: left;
	font-size: 3.375rem;
	line-height: 1.2;
	margin: 0 0 50px 0;
}
.page-id-19 .entry-content .section-05 p {
	width: 100%;
	float: left;
	font-size: 1.688rem;
	font-weight: 500;
	margin: 0 0 90px 0;
}
.page-id-19 .entry-content .section-05 .section-left {
	width: 50%;
	float: left;
	margin: 0 0 0 0;
}
.page-id-19 .entry-content .section-05 .section-left h3 {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.36;
	margin: 0 0 35px 0;
	color: #1A7B57;
}
.page-id-19 .entry-content .section-05 .section-left p {
	font-size: 1.313rem;
	line-height: 1.5;
}
.page-id-19 .entry-content .section-05 .section-right {
	width: 50%;
	float: left;
	margin: 0;
}
.page-id-19 .entry-content .section-05 .section-right ul.index {
	width: 100%;
	float: left;
	border-top: 2px solid #101010;
	margin: 330px 0 0 0;
}
.page-id-19 .entry-content .section-05 .section-right ul.index li {
	width: 100%;
	float: left;
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.page-id-19 .entry-content .section-05 .section-right ul.index li h3 {
	width: 50%;
	float: left;
	font-size: 1.313rem;
	line-height: 1.2;
	font-weight: 700;
	position: absolute;
	bottom: 40px;
	left: 0;
}
.page-id-19 .entry-content .section-05 .section-right ul.index li p {
	width: 50%;
	float: right;
	text-align: right;
	margin: 0;
}
.page-id-19 .entry-content .section-05 .section-right ul.index li p strong.amount {
	font-family: "Montserrat", sans-serif;
	font-size: 4.43rem;
	line-height: 1;
	width: 100%;
	display: block;
	float: left;
	color: #147B58;
}
.page-id-19 .entry-content .section-05 .section-right ul.index li p span.unit {
	font-size: 0.875rem;
	line-height: 1.2;
	width: 100%;
	display: block;
	float: left;
}
.page-id-19 .entry-content .section-06 {
	width: 100vw;
	float: left;
	margin: 150px -100px 0 -100px;
	padding: 150px 100px;
}
.page-id-19 .entry-content .section-06  > div {
	height: 100%;
	width: 100%;
	float: left;
}
.page-id-19 .entry-content .section-06 h3 {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.36;
	color: #1A7B57;
}
.page-id-19 .entry-content .section-06 .col-wrap {
	width: 100%;
	height: 100%;
	float: left;
}
.page-id-19 .entry-content .section-06 .col-wrap > div {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.page-id-19 .entry-content .section-06 .section-left {
	width: 50% !important;
	max-width: 800px;
	height: 100% !important;
	float: left !important;
	aspect-ratio: 800 / 963;
}
.page-id-19 .entry-content .section-06 .section-left > div {
	width: 90%;
	float: left;
	aspect-ratio: 800 / 963;
	margin: 50px 0 0 0;
	position: relative;
}
.page-id-19 .entry-content .section-06 .section-left > div img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	position: relative;
	z-index: -1000;
}
.page-id-19 .entry-content .section-06 .section-left span.spot-01 {
	width: 0.8vw;
	height: 0.8vw;
	display: block;
	z-index: 2500;
	position: absolute;
	top: 9.7233333vw;
	left: 12.03125vw;
	background-color: #1A7B57;
	border-radius: 50% 50%;
}
.page-id-19 .entry-content .section-06 .section-left span.spot-01::before {
	content: "";
	display: block;
	width: 1.8975vw;
	height: 1.8975vw;
	border-radius: 50% 50%;
	background-color: rgba(255, 236, 5, .5);
	position: absolute;
	top: -0.56vw;
	left: -0.56vw;
	animation: spotBlink 2.5s ease-in-out infinite;
}
.page-id-19 .entry-content .section-06 .section-left span.spot-02 {
	width: 0.8vw;
	height: 0.8vw;
	display: block;
	position: absolute;
	top: 9.7233333vw;
	left: 15.32125vw;
	background-color: #1A7B57;
	border-radius: 50% 50%;
}
.page-id-19 .entry-content .section-06 .section-left span.spot-02::before {
	content: "";
	display: block;
	width: 1.8975vw;
	height: 1.8975vw;
	border-radius: 50% 50%;
	background-color: rgba(255, 236, 5, .5);
	position: absolute;
	top: -0.56vw;
	left: -0.56vw;
	animation: spotBlink 3s ease-in-out infinite;
}
.page-id-19 .entry-content .section-06 .section-left span.spot-03 {
	width: 0.8vw;
	height: 0.8vw;
	display: block;
	position: absolute;
	top: 20.2808vw;
	left: 19.31vw;
	background-color: #1A7B57;
	border-radius: 50% 50%;
}
.page-id-19 .entry-content .section-06 .section-left span.spot-03::before {
	content: "";
	display: block;
	width: 1.8975vw;
	height: 1.8975vw;
	border-radius: 50% 50%;
	background-color: rgba(255, 236, 5, .5);
	position: absolute;
	top: -0.56vw;
	left: -0.56vw;
	animation: spotBlink 3.5s ease-in-out infinite;
}
@keyframes spotBlink {
	0%   { background-color: rgba(255, 236, 5, 0.1); }
	50%  { background-color: rgba(255, 236, 5, 0.5); }
	100% { background-color: rgba(255, 236, 5, 0.1); }
}
.page-id-19 .entry-content .section-06 .section-left span[class^="arrow-"] {
	display: inline-block;
	background-image: url('images/icons/icon-marker.png');
	width: 48px;
	height: 48px;
	background-size: cover;
	background-position: center;
	position: absolute;
	opacity: 0;
	transform: translateY(-90px);
}

/* 페이드인 정의 */
@keyframes fade-in {
	0% {
		opacity: 0;
		transform: translateY(10px); /* 살짝 아래서 올라오는 느낌 (선택사항) */
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 활성화 시 적용 */
.page-id-19 .entry-content .section-06.active .section-left span[class^="arrow-"] {
	animation-name: fade-in;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.25, 1.5, 0.5, 1);
	animation-fill-mode: forwards;
}

.page-id-19 .entry-content .section-06 .section-left span.arrow-01 {
	top: 26%;
	left: 26%;
	animation-delay: 0.25s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-02 {
	top: 70%;
	left: 19%;
	animation-delay: 0.5s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-03 {
	top: 60%;
	left: 19%;
	animation-delay: 0.75s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-04 {
	top: 65%;
	left: 31%;
	animation-delay: 1s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-05 {
	top: 60%;
	left: 57%;
	animation-delay: 0.35s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-06 {
	top: 59%;
	left: 45%;
	animation-delay: 0.70s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-07 {
	top: 45%;
	left: 61%;
	animation-delay: 1.05s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-08 {
	top: 40%;
	left: 23%;
	animation-delay: 0.55s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-09 {
	top: 34%;
	left: 35%;
	animation-delay: 0.85s;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-10 {
	top: 28%;
	left: 57%;
	animation-delay: 1.15s;
}



.page-id-19 .entry-content .section-06 .section-left span.arrow-11 {
	top: 22%;
	left: 23%;
	animation-delay: 0.25s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-12 {
	top: 73%;
	left: 27%;
	animation-delay: 0.5s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-13 {
	top: 54%;
	left: 36%;
	animation-delay: 0.75s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-14 {
	top: 69%;
	left: 26%;
	animation-delay: 1s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-15 {
	top: 58%;
	left: 66%;
	animation-delay: 0.35s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-16 {
	top: 55%;
	left: 52%;
	animation-delay: 0.70s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-17 {
	top: 52%;
	left: 69%;
	animation-delay: 1.05s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-18 {
	top: 46%;
	left: 29%;
	animation-delay: 0.55s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-19 {
	top: 36%;
	left: 52%;
	animation-delay: 0.85s;
	width: 32px;
	height: 32px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-20 {
	top: 18%;
	left: 44%;
	animation-delay: 1.15s;
	width: 32px;
	height: 32px;
}



.page-id-19 .entry-content .section-06 .section-left span.arrow-21 {
	top: 16%;
	left: 29%;
	animation-delay: 0.25s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-22 {
	top: 70%;
	left: 15%;
	animation-delay: 0.5s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-23 {
	top: 43%;
	left: 44%;
	animation-delay: 0.75s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-24 {
	top: 16%;
	left: 55%;
	animation-delay: 1s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-25 {
	top: 48%;
	left: 53%;
	animation-delay: 0.35s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-26 {
	top: 35%;
	left: 22%;
	animation-delay: 0.70s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-27 {
	top: 71%;
	left: 61%;
	animation-delay: 1.05s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-28 {
	top: 55%;
	left: 21%;
	animation-delay: 0.55s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-29 {
	top: 34%;
	left: 64%;
	animation-delay: 0.85s;
	width: 21px;
	height: 21px;
}
.page-id-19 .entry-content .section-06 .section-left span.arrow-30 {
	top: 20%;
	left: 65%;
	animation-delay: 1.15s;
	width: 21px;
	height: 21px;
}



.page-id-19 .entry-content .section-06 .section-right {
	width: 50% !important;
	height: 100% !important;
	float: right !important;
}

.page-id-19 .entry-content .section-06 .section-right ul.index {
	width: 100%;
	float: left;
	border-top: 2px solid #101010;
	position: relative;
}
.page-id-19 .entry-content .section-06 .section-right ul.index li {
	width: 100%;
	float: left;
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
}

.page-id-19 .entry-content .section-06 .section-right ul.index li > h4 {
	width: 60%;
	float: left;
	font-size: 1.313rem;
	font-weight: 700;
	float: left;
}
.page-id-19 .entry-content .section-06 .section-right ul.index li > p {
	font-family: "Pretendard", sans-serif;
	width: 40%;
	float: left;
	font-size: 1.313rem;
	font-weight: 700;
	text-align: right;
	color: #1A7B57;
}
.page-id-19 .entry-content .section-06 .section-right ul.index li .index-content {
	width: 100%;
	float: left;
	margin: 40px 0 0 0;
}
.page-id-19 .entry-content .section-06 .section-right ul.index li .index-content p {
	font-size: 1.125rem;
	line-height: 1.5;
	margin: 0 0 1.6875rem 0;
}



.partner-table-wrap {
	width: 100%;
	float: left;
	margin: 70px 0 0 0;
	text-align: center;
}
.partner-table-wrap > span {
	display: inline-block;
	width: 35%;
	height: 52px;
	line-height: 52px;
	margin: 0 auto 50px auto;
	padding: 0;
	float: none;
	background-color: #fff;
	color: #147B58;
	border: 1px solid #147B58;
	font-size: 1.125rem;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}
table.partner-table {
	display: none;
	width: 100%;
	float: left;
	border-top: 1px solid #101010;
	font-size: 0.875rem;
	font-family: "Pretendard", sans-serif;
	border-spacing: 0;
	border-collapse: separate;
	text-align: left;
}
table.partner-table thead tr th {
	border-bottom: 1px solid #101010;
	padding: 10px 5px;
	background-color: #efefef;
}
table.partner-table tbody tr td {
	padding: 10px 5px;
	border-bottom: 1px solid #ddd;
}
table.partner-table tbody tr td:nth-child(2) {
	font-weight: 600;
}



























.page-id-70 article .entry-header .entry-eyebrow {
	display: none;
}

.page-id-70 article .entry-header .entry-thumbnail {
	margin: 0;
	overflow: hidden;
}
.page-id-70 article .entry-header .entry-thumbnail img {
	position: absolute;
	bottom: -20px;
	right: -20px;
	opacity: .025;
	width: auto;
	height: 60%;
}
.page-id-70 article .entry-content > h2 {
	font-family: "Pretendard", sans-serif;
	font-size: clamp(2.25rem, 2.8125vw, 5.2875rem);
	line-height: 1.2;
	margin: 0 0 50px 0;
}
.page-id-70 article .entry-content > h3 {
	font-family: "Pretendard", sans-serif;
	font-size: 1.969rem;
	line-height: 1.36;
	font-weight: 600;
	margin: 0 0 120px 0;
}
.page-id-70 article .entry-content .section-01 {
	z-index: 1000;
}
.page-id-70 article .entry-content .section-02 {
	z-index: 2000;
}
.page-id-70 article .entry-content .section-03 {
	z-index: 3000;
}
.page-id-70 article .entry-content .section-01 {
	float: left;
	position: relative;
	margin: 0 -100px 30px -100px;
	font-family: "Pretendard", sans-serif;
}
.page-id-70 article .entry-content .section-01::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .15);
	z-index: 1000;
}
.page-id-70 article .entry-content .section-01::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #101010;
	background: linear-gradient(90deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 1) 100%);
	z-index: 1000;
	opacity: .9;
}
.page-id-70 article .entry-content .section-01 .section-header {
	width: 40%;
	float: left;
}
.page-id-70 article .entry-content .section-01 .section-header h2 {
	font-family: "Pretendard", sans-serif;
	font-size: clamp(1.5rem, 3.1770vw, 5.9486rem);
	line-height: 1.2;
	letter-spacing: -0.025em;
	margin: 0 0 50px 0;
	color: #fff;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.page-id-70 article .entry-content .section-01 .section-content {
	width: 100%;
	float: left;
	padding: 35px 0 0 0;
}
.page-id-70 article .entry-content .section-01 > div p {
	font-size: 1.969rem;
	line-height: 1.5;
	color: #fff;
	font-weight: 500;
	margin: 0 0 35px 0;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.page-id-70 article .entry-content .section-01 {
	background-image: url('images/about/about-01.jpg');
	background-size: cover;
	background-position: center;
}
.page-id-70 article .entry-content .section-02 {
	background-image: url('images/about/about-02.jpg');
	background-size: cover;
	background-position: center;
}
.page-id-70 article .entry-content .section-02 {
	float: left;
	position: relative;
	margin: 0 -100px 30px -100px;
	font-family: "Pretendard", sans-serif;
}
.page-id-70 article .entry-content .section-02::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .15);
	z-index: 1000;
}
.page-id-70 article .entry-content .section-02::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #101010;
	background: linear-gradient(90deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, .35) 100%);
	z-index: 1000;
	opacity: .9;
}
.page-id-70 article .entry-content .section-02 .section-header {}
.page-id-70 article .entry-content .section-02 .section-header h2 {
	font-family: "Pretendard", sans-serif;
	font-size: clamp(1.5rem, 3.1770vw, 5.9486rem);
	line-height: 1.2;
	letter-spacing: -0.025em;
	margin: 0 0 50px 0;
	color: #fff;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.page-id-70 article .entry-content .section-02 .section-content p {
	font-family: "Pretendard", sans-serif;
	font-size: 1.969rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.025em;
	margin: 0 0 90px 0;
	color: #fff;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	
}
.page-id-70 article .entry-content .section-02 .section-content ul {
	width: 100%;
	margin: 0;
	float: left;
}
.page-id-70 article .entry-content .section-02 .section-content ul li {
	color: #fff;
	width: calc(25% - 50px);
	margin: 0 25px;
	float: left;
	border: 3px solid #fff;
	aspect-ratio: 1;
	border-radius: 50% 50%;
	text-align: center;
	position: relative;
}
.page-id-70 article .entry-content .section-02 .section-content ul li strong {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 50px;
	font-size: 1.969rem;
	font-weight: 700;
	line-heihgt: 1.36;
}
.page-id-70 article .entry-content .section-02 .section-content ul li strong em {
	display: inline-block;
	width: 100%;
	float: left;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
}







section {
	width: 100%;
	float: left;
}
section.section-bg-gray {
	background-color: #F9F9F9;
}
section .section-header {}
section .section-header .section-eyebrow {
	width: 100%;
	float: left;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 500;
	color: #147B58;
	margin: 0 0 40px 0;
}
section .section-header .section-title {
	width: 100%;
	float: left;
	font-family: "Pretendard", sans-serif;
	font-size: 3.375rem;
	
	font-size: clamp(1.688rem, 2.8125vw, 5.2875em);
	
	line-height: 1.2;
	margin: 0 0 2.34375vw -3px;
	letter-spacing: -0.025em;
}
section .section-header .section-title strong {
	font-weight: 700;
	background-image: url('images/highlight.svg');
	background-size: 100% 100%;
	background-posiiton: center;
	background-repeat: no-repeat;
}
section .section-header a.read-more {
	float: left;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 700;
	text-decoration: none;
	color: #101010;
	margin: 25px 0 0 0;
}
section .section-header a.read-more::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('images/icons/icon-arrow-right.svg');
	background-size: cover;
	margin: 0 0 0 15px;
}
section .section-content {}

section .section-header.section-left {
	width: 50%;
	float: left;
	padding: 0 30px 0 0;
}
section .section-content.section-right {
	width: 50%;
	float: left;
}
#highlight {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #f9f9f9;
	position: relative;
}
#highlight .highlight-filter {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: rgba(16, 16, 16, .35);
}
#highlight > img {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1500;
	opacity: .035;
}
#highlight .section-header {
	width: 50%;
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	left: 100px;
	z-index: 1250;
}
#highlight .section-header h2 {
	font-size: 4.43rem;
	line-height: 1.2;
	color: #fff;
	letter-spacing: -0.01em;
}
#highlight .section-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
}
#highlight .section-content ul.main-visuals {
	width: 100%;
	height: 100%;
	float: left;
}
#highlight .section-content ul.main-visuals li {
	width: 100%;
	height: 100%;
	float: left;
	background-size: cover;
	background-posiiton: center;
}
#performance {
	padding: 250px 0;
}
#performance ul.performance-loop {
	width: calc(100% + 30px);
	margin: 400px -15px 0 -15px;
	float: left;
}
#performance ul.performance-loop li.performance-loop-item {
	width: calc(50% - 30px);
	position: relative;
	margin: 0 15px 30px 15px;
	float: left;
	background-color: rgba(244, 226, 219, .25);
	padding: 50px 40px;
}
#performance ul.performance-loop li.performance-loop-item:nth-child(1),
#performance ul.performance-loop li.performance-loop-item:nth-child(2) {
	height: 570px;
}
#performance ul.performance-loop li.performance-loop-item:nth-child(2) {
	position: relative;
	top: 250px;
}
#performance ul.performance-loop li.performance-loop-item:nth-child(3) {
	height: 345px;
}
#performance ul.performance-loop li.performance-loop-item h4 {
	font-size: 1.5rem;
	line-height: 1.2;
	font-family: "Pretendard", sans-serif;
}
#performance ul.performance-loop li.performance-loop-item strong {
	position: absolute;
	bottom: 35px;
	right: 35px;
	font-size: 2.953rem;
	font-family: "Pretendard", sans-serif;
}
#smartfarm {
	padding: 7.8125vw 0;
}
#business {
	padding: 7.8125vw 0 0 0;
}
#business .section-content ul.business-area {
	width: calc(100% + 2px);
	margin: 0 -1px;
	padding: 0;
	float: left;
	list-style: none;
	overflow: hidden;
}
#business .section-content ul.business-area > li {
	width: calc(33.33333% - 2px);
	height: calc(85vh - 152px);
	max-height: 810px;
	margin: 0 1px;
	padding: 0;
	float: left;
	position: relative;
	background-color: #efefef;
	background-size: cover;
	background-position: center;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#business .section-content ul.business-area:hover > li {
	width: calc(25% - 2px);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#business .section-content ul.business-area > li:hover {
	width: calc(50% - 2px);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#business .section-content ul.business-area > li:nth-child(1) {
	background-image: url('images/homepage/business-new-01.jpg');
}
#business .section-content ul.business-area > li:nth-child(2) {
	background-image: url('images/homepage/hero-02.jpg');
}
#business .section-content ul.business-area > li:nth-child(3) {
	background-image: url('images/homepage/business-03.jpg');
}

#business .section-content ul.business-area > li > a {
	width: 100%;
	height: 100%;
	display: inline-block;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2500;
}
#business .section-content ul.business-area > li .black-filter {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .35);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1500;
}
#business .section-content ul.business-area > li:hover .black-filter {
	background: #101010;
	background: linear-gradient(180deg,rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, .75) 100%);
	opacity: .75;
}
#business .section-content ul.business-area > li .business-meta {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100px;
	z-index: 2000;
}
#business .section-content ul.business-area > li .business-meta h3 {
	width: auto;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.36;
	margin: 0 0 15px 0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
#business .section-content ul.business-area > li:hover .business-meta h3 {
	color: #fff;
	font-size: 2.25rem;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}


#business .section-content ul.business-area > li .business-meta p {
	color: #fff;
	font-size: 1.313rem;
	line-height: 1.36;
	font-weight: 500;
	margin: 0 0 35px 0;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
#business .section-content ul.business-area > li .business-meta img {
	width: 32px;
	height: 32px;
	filter: brightness(0) invert(1);
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#business .section-content ul.business-area > li .black-gradient {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .25);
	position: absolute;
	inset: 0;
	z-index: 100;
	bottom: 0 !important;
	left: 0;
}
#business .section-content ul.business-area > li:hover .product-loop-item {
	flex: 1 1 0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#business .section-content ul.business-area > li:hover .business-meta p {
	color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#business .section-content ul.business-area > li:hover .business-meta img {
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}


#media {
	padding: 150px 0;	
}
.media-loop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}
.media-loop .media-loop-item {
	flex: 0 1 calc((100% - 2 * 50px) / 3);
}
.media-loop .media-loop-item .entry-thumbnail {
	width: 100%;
	float: left;
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 0 35px 0;
}
.media-loop .media-loop-item .entry-thumbnail a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}
.media-loop .media-loop-item .entry-meta {
	width: 100%;
	float: left;
}
.media-loop .media-loop-item .entry-meta .entry-category {
	width: 100%;
	float: left;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.36;
	margin: 0 0 10px 0;
}
.media-loop .media-loop-item .entry-meta .entry-category a {
	color: #1A7B57;
	text-decoration: none;
}
.media-loop .media-loop-item .entry-meta .entry-title {
	width: 100%;
	float: left;
	font-size: 1.5rem;
	line-height: 1.36;
	margin: 0 0 20px 0;
}
.media-loop .media-loop-item .entry-meta .entry-title a {
	text-decoration: none;
	color: #101010;
}
.media-loop .media-loop-item .entry-meta .entry-date {
	font-size: 1rem;
	font-family: "Pretendard", sans-serif;
}




#location {
	width: 100vw;
	float: left;
	margin: 0 -100px;
	padding: 150px 0;
	background-color: #F8F9F7;
}
#location h2 {
	width: 100%;
	float: left;
	margin: 0 0 70px 0;
	font-size: 3.375rem;
	line-height: 1.2;	
}
#location ul.location-loop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}
#location ul.location-loop li.location-loop-item {
	flex: 0 1 calc((100% - 2 * 50px) / 3);
}
#location ul.location-loop li.location-loop-item .entry-map {
	width: 100%;
	float: left;
	padding: 0 0 35px 0;
	margin: 0 0 35px 0;
	border-bottom: 1px solid #101010;
}

#location ul.location-loop li.location-loop-item .entry-map > div {
	width: 100% !important;
	max-width: 100% !important;
	float: left;
}
#location ul.location-loop li.location-loop-item .entry-map > div .cont {
	display: none;
}
#location ul.location-loop li.location-loop-item .entry-meta {
	width: 100%;
	float: left;
}
#location ul.location-loop li.location-loop-item .entry-meta h3 {
	width: 100%;
	float: left;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #1A7B57;
	letter-spacing: -0.025em;
	margin: 0 0 15px 0;
}
#location ul.location-loop li.location-loop-item .entry-meta p {
	width: 100%;
	float: left;
	font-size: 1.125rem;
	line-height: 1.36;
	margin: 0 0 30px 0;
}
#location ul.location-loop li.location-loop-item .entry-meta p::before {
	content: "";
	width: 13px; 
	height: 16px;
	display: inline-block;
	background-image: url('images/icons/icon-map-pin.svg');
	background-size: 13px 16px;
	margin: 0 8px 0 0;
	position: relative;
	top: 2px;
}
#location ul.location-loop li.location-loop-item .entry-meta ul {
	width: 100%;
	float: left;
	margin: 0;
	font-size: 1.125rem;
}
#location ul.location-loop li.location-loop-item .entry-meta ul li {
	width: 100%;
	float: left;
}
#location ul.location-loop li.location-loop-item .entry-meta ul li strong {
	margin: 0 5px 0 0;
}
#location ul.location-loop li.location-loop-item .entry-meta ul li a {
	text-decoration: none;
	color: #101010;
}
#location ul.location-loop li.location-loop-item .entry-meta ul li a:hover {
	text-decoration: underline;
}

#location-award {
	width: 100vw;
	float: left;
	margin: 0 -100px;
	padding: 150px 0 150px 0;
}
#award {
	width: 100vw;
	float: left;
	margin: 0 -100px;
	padding: 150px 0 150px 0;
}
#award h2 {
	width: 100%;
	float: left;
	margin: 0 0 70px 0;
	font-size: 3.375rem;
	line-height: 1.2;	
}
.decade-wrap {
	width: 100%;
	float: left;
}
.decade-wrap-table .events-wrap {
	padding: 0 !important;
	border-left: none !important;
}
.decade-wrap-table table {
	width: 100%;
	float: left;
	border-top: 2px solid #101010;	
	font-family: "Pretendard", sans-serif;
	border-spacing: 0;
	border-collapse: separate;
}
.decade-wrap-table table thead tr th {
	padding: 20px 0;
	border-bottom: 1px solid #101010;
	background-color: #f9f9f9;
}
.decade-wrap-table table tbody tr td {
	padding: 12px 0;
	text-align: center;
	border-bottom: 1px solid #bbb;
}
.decade-wrap-table table tbody tr td h4 {
	font-size: 1.313rem;
	margin: 0 20px;
}
.decade-wrap-table table tbody tr td img {
	width: 70%;
	height: auto;
	margin: 0 15%;
}
.decade-wrap-table table tbody tr td span {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	margin: 0 5px 5px 0;
	border-radius: 14px 14px;
	color: #101010;
	background-color: #efefef;
}
.decade-wrap-table table tbody tr td:last-child {
	text-align: left;
	padding: 12px 0 12px 20px;
}
.decade-wrap h3 {
	width: calc(33.33333% - 25px);
	margin: 0 25px 0 0;
	float: left;
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 1.2;
	color: #1A7B57;
	letter-spacing: -0.025em;
}
.decade-wrap .events-wrap {
	width: calc(66.66666% - 25px);
	margin: 0 0 0 25px;
	float: right;
	border-left: 1px dashed #B8BDB5;
	padding: 0 0 0 50px;
}
.decade-wrap .events-wrap .event-item {
	width: 100%;
	float: left;
	margin: 0 0 50px 0;
	position: relative;
}
.decade-wrap .events-wrap .event-item::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50% 50%;
	background-color: #B8BDB5;
	position: absolute;
	left: -58px;
	top: 7px;
}
.decade-wrap .events-wrap .event-item .event-year {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	font-size: 1.313rem;
	line-height: 1.36;
	color: #676767;
	letter-spacing: -0.025em;
}
.decade-wrap .events-wrap .event-item .event-title {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	font-size: 1.5rem;
	line-height: 1.36;
	letter-spacing: -0.025em;
	font-family: "Pretendard", sans-serif;
}
.decade-wrap .events-wrap .event-item .event-content {
	width: 100%;
	float: left;
	color: #676767;
}
.decade-wrap .events-wrap .event-item ul.image-loop {
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
}
.decade-wrap .events-wrap .event-item ul.image-loop li {
	width: 220px;
	height: auto;
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px;
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	line-height: 0;
}
.decade-wrap .events-wrap .event-item ul.image-loop li a {
	width: 100%;
	height: 100%;
	float: left;
	display: block;
}
.decade-wrap .events-wrap .event-item ul.image-loop li a img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	margin: 0;
}
.decade-wrap .events-wrap .event-item ul.article-loop li h4 {
	letter-spacing: -0.025em;
}
.decade-wrap .events-wrap .event-item ul.article-loop li h4 a {
	text-decoration: none;
	font-size: 1rem;
	color: #1A7B57;
}



#history {
	width: 100vw;
	float: left;
	margin: 0 -100px;
	padding: 120px 0 150px 0;
	background-color: #fff;
}
#history h2 {
	width: 100%;
	float: left;
	margin: 0 0 70px 0;
	font-size: 3.375rem;
	line-height: 1.2;	
}
#history ul.history-navigation {
	padding: 0 0 0 calc(33.33333% + 75px);
}
#history ul.history-navigation li {
	float: left;
	border: 1px solid #101010;
	font-size: 1.125rem;
	font-weight: 500;
	margin: 0 10px 0 0;
}
#history ul.history-navigation li a {
	display: inline-block;
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 30px;
	text-decoration: none;
	color: #101010;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#history ul.history-navigation li:nth-child(1) a {
	background-color: #1A7B57;
	color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#history ul.history-navigation li a:hover {
	background-color: #101010;
	color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#history ul.history-navigation li a img {
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	position: relative;
	top: 4px;
}
#history .decade-wrap {
	width: 100%;
	float: left;
}
#history .decade-wrap h3 {
	width: calc(33.33333% - 25px);
	margin: 0 25px 0 0;
	float: left;
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 1.2;
	color: #1A7B57;
	letter-spacing: -0.025em;
}
#history .decade-wrap .events-wrap {
	width: calc(66.66666% - 25px);
	margin: 0 0 0 25px;
	float: right;
	border-left: 1px dashed #B8BDB5;
	padding: 0 0 0 50px;
}
#history .decade-wrap .events-wrap .event-item {
	width: 100%;
	float: left;
	margin: 0 0 50px 0;
	position: relative;
}
#history .decade-wrap .events-wrap .event-item::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50% 50%;
	background-color: #B8BDB5;
	position: absolute;
	left: -58px;
	top: 7px;
}
#history .decade-wrap .events-wrap .event-item .event-year {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	font-size: 1.313rem;
	line-height: 1.36;
	color: #676767;
	letter-spacing: -0.025em;
}
#history .decade-wrap .events-wrap .event-item .event-title {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	font-size: 1.5rem;
	line-height: 1.36;
	letter-spacing: -0.025em;
	font-family: "Pretendard", sans-serif;
}
#history .decade-wrap .events-wrap .event-item .event-content {
	width: 100%;
	float: left;
	color: #676767;
}



#history .decade-wrap .events-wrap .event-item ul.image-loop {
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
}
#history .decade-wrap .events-wrap .event-item ul.image-loop li {
	width: 220px;
	height: auto;
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px;
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	line-height: 0;
}
#history .decade-wrap .events-wrap .event-item ul.image-loop li a {
	width: 100%;
	height: 100%;
	float: left;
	display: block;
}
#history .decade-wrap .events-wrap .event-item ul.image-loop li a img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	margin: 0;
}
#history .decade-wrap .events-wrap .event-item ul.article-loop li h4 {
	letter-spacing: -0.025em;
}
#history .decade-wrap .events-wrap .event-item ul.article-loop li h4 a {
	text-decoration: none;
	font-size: 1rem;
	color: #1A7B57;
}
.wp-block-image img {
	width: 100%;
}




.home #hero .hero-scene {
	width: 100%;
	height: 100vh;
	float: left;
	z-index: 0;
	margin: 0 0 10px 0;
	overflow: hidden;
	position: relative;
}
.home #hero .hero-scene .hero-bg {
	position: absolute;
	width: 100%;
	height: 100vh;
	inset: 0;
	transform: scale(1);
	animation: zoomIn 20s ease-out  infinite alternate;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #101010;
	background-position: center center;
}
.home #hero .hero-scene .hero-filter {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #101010;
	background: linear-gradient(270deg,rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 0.15) 100%);
	positioN: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
.home #hero .hero-scene .inner {
	width: 100%;
	height: 100%;
	padding: 0 100px;
	position: absolute;
	inset: 0;
	z-index: 1500;
}
.home #hero .hero-scene .inner strong {
	position: absolute;
	bottom: 20vh;
	left: 200px;
	font-family: "Prentendard", sans-serif;
	text-shadow: 0 0 30px  0 rgba(0, 0, 0, 0.65);
}
.home #hero .hero-scene.scene-01 .hero-bg {
	background-image: url('images/homepage/hero-new-01.jpg');
}
.home #hero .hero-scene.scene-02 .hero-bg {
	background-image: url('images/homepage/hero-new-02.jpg');
}
.home #hero .hero-scene.scene-03 .hero-bg {
	background-image: url('images/homepage/hero-new-03.jpg');
}

/* 확대 애니메이션 */
@keyframes zoomIn {
  from {
	transform: scale(1);
  }
  to {
	transform: scale(1.2);
  }
}

.home #hero .hero-scene.scene-01 .inner strong {
	font-size: clamp(2.53rem, 4.7395vw, 8.9221rem);
	line-height: 1.2;
	color: #fff;
	
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.home #hero .hero-scene.scene-02 .inner strong {
	font-size: clamp(1.688rem, 3.6979vw, 6.94rem);
	line-height: 1.2;
	color: #fff;
	
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.home #hero .hero-scene.scene-03 .inner strong {
	font-size: clamp(1.688rem, 3.6979vw, 6.94rem);
	line-height: 1.2;
	color: #fff;
	
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}



.home #performance {
	background-color: #F9F9F9;
	padding: 150px 0;
}
.home #performance .section-header {
	width: 50%;
	float: left;
}
.home #performance .section-content {
	width: 50%;
	float: right;
}
.home #performance .section-content ul.index {
	width: 100%;
	float: left;
	border-top: 2px solid #101010;
	margin: 400px 0 0 0;
}
.home #performance .section-content ul.index li {
	width: 100%;
	float: left;
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.home #performance .section-content ul.index li h3 {
	width: 50%;
	float: left;
	font-size: 1.5rem;
	line-height: 1.2;
	font-family: "Pretendard", sans-serif;
	font-weight: 600;
	position: absolute;
	bottom: 40px;
	left: 0;
	color: #101010;
}
.home #performance .section-content ul.index li h3 span {
	font-size: 1.125rem;
	font-weight: 400;
	color: #676767;
}
.home #performance .section-content ul.index li p {
	width: 50%;
	float: right;
	text-align: right;
	margin: 0;
}
.home #performance .section-content ul.index li p strong.amount {
	font-family: "Montserrat", sans-serif;
	font-size: 4.43rem;
	line-height: 1.2;
	width: 100%;
	display: block;
	float: left;
	color: #147B58;
}
.home #performance .section-content ul.index li p span.unit {
	font-size: 1.313rem;
	font-weight: 700;
	line-height: 1.2;
	width: 100%;
	display: block;
	float: right;
	margin: 0 5px 0 0;
}

.archive .page-header {
	width: 100%;
	float: left;
	padding: 120px 0 70px 0;
}
.archive .page-header .page-title {
	width: 100%;
	float: left;
	font-size: clamp(2.25rem, 3.6979vw, 6.94rem);
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -0.025em;
	color: #101010;
}
.archive .media-loop {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	margin: 0 0 70px 0;
}
.archive .media-loop article {
	flex: 0 1 calc((100% - 2 * 50px) / 3);
}



.category-notice .media-loop {
	width: 100%;
	float: left;
	display: block;
	flex-wrap: unset;
	gap: unset;
	margin: 0 0 150px 0;
	border-top: 2px solid #101010;
}
.category-notice .media-loop > li {
	width: 100%;
	float: left;
	padding: 45px 0;
	border-bottom: 1px solid #bbb;
}
.category-notice .media-loop > li .entry-thumbnail {
	display: none;
}
.category-notice .media-loop > li .entry-meta .entry-category {
	width: 150px;
	float: left;
	margin: 0;
}
.category-notice .media-loop > li .entry-meta .entry-category ul li {
	float: left;
	margin: 0 5px 0 0;
	line-height: 32px;
}
.category-notice .media-loop > li .entry-meta .entry-title {
	width: calc(100% - 300px);
	float: left;
	margin: 0;
}
.category-notice .media-loop > li .entry-meta .entry-date {
	width: 150px;
	float: left;
	text-align: right;
	line-height: 32px;
}























.page-id-24 article .entry-header {
	width: 100%;
	float: left !important;
	padding: 120px 0 70px 0 !important;
	text-align: center;
}
.page-id-24 .entry-header .entry-title {
	margin: 0 !important;
}
.page-id-24 .entry-content {
	width: 100%;
	max-width: 980px;
	float: none !important;
	margin: 0 auto 250px auto !important;
	clear: both;
}
.page-id-24 .entry-content .section-01 {
	width: 100%;
	float: left;
}
.page-id-24 .entry-content .section-01 .section-right {
	width: 100%;
	float: left;
}
.wpcf7-form ul.cb-contact-form {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.wpcf7-form ul.cb-contact-form > li {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 50px 0;
}
.wpcf7-form ul.cb-contact-form > li p {
	width: 100%;
	float: left;
}
.wpcf7-form ul.cb-contact-form > li > p > label {
	width: 100%;
	float: left;
	font-size: 1.313rem;
	font-weight: 700;
	margin: 0 0 10px 0;
}
.wpcf7-form ul.cb-contact-form li > p > label span.require {
	color: #147B58;
	margin: 0 0 0 5px;
}
.wpcf7-form ul.cb-contact-form li > p > label + br {
	display: none;
}
.wpcf7-form ul.cb-contact-form li > p > span {
	width: 100%;
	float: left;
	display: block;
	font-size: 1.313rem;
}
.wpcf7-form ul.cb-contact-form li > p span input[type="text"],
.wpcf7-form ul.cb-contact-form li > p span input[type="email"],
.wpcf7-form ul.cb-contact-form li > p span input[type="tel"] {
	font-size: 1.313rem;
	width: 100%;
	height: 68px;
	line-height: 68px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 2px solid transparent;
	background-color: #F7F8F6;
	color: #101010;
	font-weight: 400;
	border-radius: 5px;
	padding: 0 20px;
}
.wpcf7-form ul.cb-contact-form li > p > span textarea:focus,
.wpcf7-form ul.cb-contact-form li > p > span input:focus {
	outline: none;
	border: 2px solid #147B58;
}
.wpcf7-form ul.cb-contact-form li > p > span textarea {
	font-size: 1.313rem;
	line-height: 1.5;
	width: 100%;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 2px solid transparent;
	padding: 22px 20px;
	background-color: #F7F8F6;
	color: #101010;
	font-weight: 400;
	border-radius: 5px;
}
.wpcf7-form ul.cb-contact-form li > p > span span.wpcf7-list-item {
	margin: 0 15px 0 0;
}
.wpcf7-not-valid-tip {
	font-size: 1rem;
	font-weight: 400;
	width: 100%;
	float: left;
	margin: 5px 0 0 0;
}

.wpcf7-form ul.cb-contact-form li.cb-contact-form-consent {
	border-bottom: none;
	padding: 40px 0 0 0;
}
.wpcf7-form ul.cb-contact-form li.cb-contact-form-consent .cb-contact-consent-text {
	width: 100%;
	float: left;
	background-color: #F7F8F6;
	border-radius: 10px;
	padding: 35px;
	font-size: 1.125rem;
	line-height: 1.5;
	margin: 0 0 20px 0;
}
.wpcf7-form ul.cb-contact-form li.cb-contact-form-consent .cb-contact-consent-text p {
	margin: 0;
	width: 100%;
	float: left;
}
.wpcf7-form ul.cb-contact-form li.cb-contact-form-consent .cb-contact-consent-text p strong {
	margin: 20px 0 0 0;
	width: 100%;
	float: left;
}
.wpcf7-form ul.cb-contact-form li.cb-contact-form-consent .cb-contact-consent-text ul {
	width: calc(100% - 20px);
	float: left;
	margin: 20px 0 0 20px;
	list-style: disc;
	list-style-position: outside;
}

.wpcf7-form ul.cb-contact-form > li:last-child {
	border-bottom: none;
}
.wpcf7-form ul.cb-contact-form > li input[type="submit"] {
	width: 100%;
	height: 68px;
	line-height: 68px;
	padding: 0;
	float: right;
	background-color: #147B58;
	color: #fff;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	font-size: 1.313rem;
	font-weight: 700;
	border-radius: 5px;
}
.wpcf7 form .wpcf7-response-output {
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
	padding: 20px 0;
	text-align: center;
	border-radius: 5px;
}








.wpcf7 .wpcf7-list-item {
  display: inline-block;
}

.wpcf7-form .wpcf7-radio {
  
}

.wpcf7-form .wpcf7-radio label {
	position: relative;
	cursor: pointer;
}

.wpcf7-form .wpcf7-radio input[type=radio] {
	position: relative;
	visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span {
/*   border: 3px solid red;  */
	padding: 0 0 0 15px;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 22px;
	width: 22px;
	top: 2px;
	border: 2px solid #E1E1E1;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:after {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 14px;
	width: 14px;
	top: 6px;
	left: 4px;
	visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before {
	background: transparent;
/*     border-color: red; */
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {
   background: #1A7B57;
   visibility: visible;
}





.wpcf7-form .wpcf7-acceptance label {
	position: relative;
	cursor: pointer;
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] {
	position: relative;
	visibility: hidden;
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span {
/*   border: 3px solid red;  */
	padding: 0 0 0 15px;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label::before,
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 5px;
	height: 22px;
	width: 22px;
	top: 2px;
	border: 2px solid #E1E1E1;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label::after,
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
	display: block;
	position: absolute;
	content: '';
	border-radius: 3px;
	height: 14px;
	width: 14px;
	top: 6px;
	left: 4px;
	visibility: hidden;
}
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:before,
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
	background: transparent;
/*     border-color: red; */
}
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:after,
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
	background: #1A7B57;
	visibility: visible;
}





.script-checkbox {
  
}

.script-checkbox label {
  
}

.script-checkbox label.label-selected {
  background: red;
}



/*************************************
   Single - Post 
*************************************/
.single {
	width: 100%;
	float: left;
}
.single article {
	width: 100%;
	float: left;
}
.single article .entry-header {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 50px 0;
	max-width: unset;
}
.single article .entry-header .inner {
	display: table;
	width: 760px;
	padding: 35px 0 50px 0;
	margin: 0 auto;
	float: none;
	border-bottom: 1px dashed #C1C1C1;
}
.single article .entry-header .inner img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 0 35px 0;
}
.single article .entry-header .inner .entry-title {
	width: 100%;
	float: left;
	font-size: 2.953rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 20px 0;
}
.single article .entry-header .inner p {
	font-size: 1.125rem;
	line-height: 1.625;
	color: #828280;
	margin: 0 0 35px 0;
}
.single article .entry-header .inner span.entry-author {
	font-size: 0.875rem;
	font-weight: 500;
}
.single article .entry-header .inner .entry-info {
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
	color: #828280;
}
.single article .entry-header .inner .entry-info .entry-term {
	width: 50%;
	float: left;
}
.single article .entry-header .inner .entry-info .entry-term a {
	font-size: 0.875rem;
	text-decoration: none;
	color: #FF4052;
}
.single article .entry-header .inner .entry-info ul.post-categories {
	width: auto;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	position: relative;
}
.single article .entry-header .inner .entry-info ul.post-categories li a {
	font-size: 0.875rem;
	text-decoration: none;
	color: #FF4052;
}
.single article .entry-header .inner .entry-info ul.post-categories::after {
	content: "";
	display: block;
	width: 1px;
	height: 9px;
	background-color: #C1C1C1;
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
}
.single article .entry-header .inner .entry-info .entry-date {
	width: 50%;
	float: left;
	text-align: left;
	font-size: 0.875rem;
	color: #828280;
}
.single .entry-content-wrap {
	width: 100%;
	float: left;
}
.single article .entry-content-wrap .inner {
	position: relative;
}
.single article .entry-content-wrap .entry-content-left {
	width: 170px;
	float: left;
	position: relative;
}
.single article .entry-content-wrap .entry-content-left #ez-toc-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
	
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	border: none;
}
.single article .entry-content-wrap .entry-content-left #ez-toc-container ul.ez-toc-list {}
.single article .entry-content-wrap .entry-content-left #ez-toc-container ul.ez-toc-list li.ez-toc-page-1 {
	width: 100%;
	float: left;
	font-size: 0.875rem;
	line-height: 1.36;
	padding: 15px 0;
	border-top: 1px solid #C1C1C1;
	word-break: keep-all;
}
.single article .entry-content-wrap .entry-content-left #ez-toc-container ul.ez-toc-list li.ez-toc-page-1:hover {
	border-top: 1px solid #101010;
}
.single article .entry-content-wrap .entry-content-left #ez-toc-container ul.ez-toc-list li.ez-toc-page-1:hover a {
	color: #101010;
	font-weight: 700;
}
.single article .entry-content-wrap .entry-content-left #ez-toc-container ul.ez-toc-list li.ez-toc-page-1 a {
	color: #828280;
	text-decoration: none;
	font-weight: 500;
}
.single article .entry-content-wrap .entry-content-right {
	width: 170px;
	float: right;
	position: absolute;
	top: 0;
	right: 24px;
}
.single article .entry-content-wrap .entry-content-right .sidebar-cta {
	width: 100%;
	height: 200px;
	float: left;
	padding: 64px 0 0 0;
	margin: 0 0 1.625rem 0;
	overflow: hidden;
}
.single article .entry-content-wrap .entry-content-right .sidebar-cta::before {
	content: "";
	display: block;
	width: 158px;
	height: 164px;
	background-image: url('images/block-bg.png');
	background-size: cover;
	position: absolute;
	top: -24px;
	right: -24px;
}
.single article .entry-content-wrap .entry-content-right .sidebar-cta strong {
	font-size: 1.125rem;
	line-height: 1.2;
	margin: 0 0 15px 0;
	display: block;
	float: left;
}
.single article .entry-content-wrap .entry-content-right .sidebar-cta a.btn {
	width: 170px;
	max-width: 170px;
	height: 38px;
	line-height: 38px;
	font-size: 0.875rem;
	float: left;
	margin: 0;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.single article .entry-content-wrap .entry-content-right .sidebar-cta a.btn::after {
	height: 38px;
}
.single article .entry-content-wrap .entry-content {
	max-width: 760px;
	margin: 0 auto 250px auto;
	word-break: keep-all;
	font-size: 1.125rem;
	font-family: "Pretendard", sans-serif;
}
.single article .entry-content-wrap .entry-content h1 {
	display: none !important;
	visibility: hidden !important;
}
.single article .entry-content-wrap .entry-content h2 {
	font-size: 1.688rem;
	line-height: 1.2;
	margin: 3.375rem 0 1rem 0;
}
.single article .entry-content-wrap .entry-content h3 {
	font-size: 1.125rem;
	line-height: 1.5;
	margin: 2.25rem 0 1rem 0;
}
.single article .entry-content-wrap .entry-content h4 {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.8;
	margin: 0;
}
.single article .entry-content-wrap .entry-content p {
	font-size: 1.125rem;
	line-height: 1.625;
	margin: 0 0 1.8rem 0;
}
.single article .entry-content-wrap .entry-content a {
	word-break: break-all;
	text-decoration: none;
	color: #454545;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.single article .entry-content-wrap .entry-content a:hover {
	text-decoration: underline;
	color: #101010;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.single article .entry-content-wrap .entry-content .wp-block-table {
	width: 100%;
	float: left;
	margin: 0 0 2.25rem 0;	
}
.single article .entry-content-wrap .entry-content table {
	width: 100%;
	float: left;
	margin: 0 0 2.25rem 0;
	border-top: 2px solid #101010;
	border-spacing: 0;
}
.single article .entry-content-wrap .entry-content table tr th {
	border-bottom: 1px solid #101010;
	padding: 12px 6px;
	background-color: #f9f9f9;
}
.single article .entry-content-wrap .entry-content table tr td {
	border-bottom: 1px solid #808080;
	padding: 12px 6px;
}
.single article .entry-content-wrap .entry-content blockquote {
	width: 100%;
	margin: 3.375rem 0;
	padding: 0 0 0 50px;
	position: relative;
	font-family: "Noto Serif KR", serif;
}
.single article .entry-content-wrap .entry-content blockquote.tiktok-embed {
	width: inherit;
	margin: inherit;
	padding: inherit;
	position: inherit;
	font-family: inherit;
}
.single article .entry-content-wrap .entry-content blockquote.tiktok-embed::before {
	content: none;
}
.single article .entry-content-wrap .entry-content blockquote::before {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	left: 15px;
	width: 30px;
	height: 20px;
	background-image: url('images/icons/icon-quote.svg');
	background-size: 30px 20px;
	opacity: .25;
}
.single article .entry-content-wrap .entry-content blockquote p {
	font-size: 1.313rem;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: -0.015em;
	color: #454545;
}
.single article .entry-content-wrap .entry-content ol {
	width: calc(100% - 18px);
	margin: 0 0 1.8rem 18px;
	list-style: decimal;
}
.single article .entry-content-wrap .entry-content ol li {
	margin: 0 0 5px 0;
	line-height: 1.5;
}
.single article .entry-content-wrap .entry-content ul {
	width: calc(100% - 18px);
	margin: 0 0 1.8rem 18px;
	list-style: disc;
}
.single article .entry-content-wrap .entry-content .wp-block-image {
	width: 100%;
	margin: 0 0 2.25rem 0;
}
.single article .entry-content-wrap .entry-content .wp-block-image img {
	width: 100%;
	margin: 0;
}
.single article .entry-content-wrap .entry-content .wp-block-image .wp-element-caption {
	width: 100%;
	margin: 10px 0 0 0;
	color: #828280;
}
.single article .entry-content-wrap .entry-content .wp-block-group.has-background {
	padding: 30px 30px 5px 30px;
	margin: 0 0 2.25rem 0;
}
.single article .entry-content-wrap .entry-content .wp-block-group h2,
.single article .entry-content-wrap .entry-content .wp-block-group h3,
.single article .entry-content-wrap .entry-content .wp-block-group h4 {
	margin-top: 0 !important;
}
.single article .entry-content-wrap .entry-content .wp-block-embed {
	margin: 0 0 2.25rem 0;
}

.single-post #primary > .inner {
	max-width: 1440px;
	padding: 0 40px;
	margin: 0 auto;
	float: none;
}
.single-post #primary .entry-content-wrap > .inner {
	padding: 0;
}
.mobile-menu-area {
	display: none;
}


.pagination {
	width: 100%;
	float: left;
	text-align: center;
	margin: 35px 0 150px 0;
}
.pagination .page-numbers {
	text-decoration: none;
	display: inline-block;
	height: 44px;
	width: 44px;
	margin: 0;
	line-height: 44px;
	text-align: center;
	font-size: .875rem;
	border-radius: 50% 50%;
	color: #101010
}
.pagination .page-numbers.current {
	background-color: #101010;
	color: #fff
}
.pagination .page-numbers.prev {
	width: auto;
	border-radius: 0;
	font-size: 0
}
.pagination .page-numbers.prev::before {
	content: "Prev.";
	font-size: 0.875rem!important
}
.pagination .page-numbers.next {
	width: auto;
	border-radius: 0;
	font-size: 0
}
.pagination .page-numbers.next::before {
	content: "Next";
	font-size: 0.875rem!important
}


.desktop-only {
	display: block;
}
.mobile-only {
	display: none;
}

/*************************************
	Media Query
*************************************/
@media all and (max-width: 2560px) {}
@media all and (max-width: 1920px) {}
@media all and (max-width: 1680px) {}
@media all and (max-width: 1536px) {
	
	.page-id-11 .entry-content ul.wp-block-list {
		width: calc(50% - 24px) !important;
		margin: 60px 0 0 24px !important;
		float: right;
		list-style: disc;
	}
	.page-id-11 .entry-content ul.wp-block-list li {
		font-size: 1.125rem;
		margin: 0 0 5px 0;
	}
	
}
@media all and (max-width: 1440px) {}

/* Tablet Landscape */
@media all and (max-width: 1366px) {}
@media all and (max-width: 1280px) {}
@media all and (max-width: 1180px) {}

/* Tablet Landscape (Small) */
@media all and (max-width: 1112px) {}
@media all and (max-width: 1024px) {}

/* Tablet Portratit */ 
@media all and (max-width: 834px) {
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
	
	
	.mobile-menu-area .modal-bg {
		display: none;
		width: 100vw;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .5);
		z-index: 4500;
	}
	.mobile-menu-area .main-navigation {
		display: block;
		position: fixed;
		bottom: unset;
		left: unset;
		top: 0;
		right: -75vw;
		width: 75vw;
		height: 100vh;
		z-index: 5000;
		background-color: #fff;
		padding: 82px 0 0 0;
		overflow-y: auto;
	}
	.mobile-menu-area .close-icon {
		display: block;
		position: absolute;
		top: 30px;
		right: 6px;
		width: 44px;
		height: 44px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 26px 26px;
		background-image: url('images/icons/icon-close.svg');
		z-index: 1500;
	}
	
	.mobile-menu-area .main-navigation #mobile-menu {
		width: calc(100% - 20px);
		margin: 0 0 50px 20px;
		float: left;
		border-top: 2px solid #101010;
	}
	.mobile-menu-area .main-navigation a.btn {
		margin: 0 20px;
		width: calc(100% - 40px);
	}
	.mobile-menu-area .main-navigation #mobile-menu > li {
		width: 100%;
		line-height: 58px;
		float: left;
		border-bottom: 1px solid #E1E1E1;
		padding: 0;
		font-size: 1.125rem;
		font-weight: 700;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li > a {
		height: 58px;
		line-height: 58px;
		padding: 0;
		width: calc(100% - 58px);
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item-has-children {
		position:  relative;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item-has-children::after {
		content: "";
		display: block;
		width: 58px;
		height: 58px;
		background-image: url('images/icons/icon-chevron-down.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 26px 26px;
		position: absolute;
		top: 0;
		right: 0;
		opacity: .5;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item-has-children.open::after {
		background-image: url('images/icons/icon-chevron-up.svg');
		opacity: 1;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item > a {
		width: calc(100% - 58px);
		height: 58px;
		float: left;
		text-decoration: none;
		color: #101010;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item > ul.sub-menu {
		display: none;
		width: 100%;
		float: left;
		margin: 0 0 20px 0;
		padding: 10px 0 0 0;
		border-top: 1px dashed #ddd;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item > ul.sub-menu > li.menu-item {
		height: 36px;
		line-height: 36px;
		font-size: 1rem;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item > ul.sub-menu > li.menu-item > a {
		text-decoration: none;
		color: #101010;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item > ul.sub-menu > li.menu-item.current-menu-item > a {
		text-decoration: underline;
	}
	.mobile-menu-area .main-navigation #mobile-menu > li.menu-item.current-menu-ancestor > a {
		color: #1A7B57;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#page {
		padding: 82px 0 0 0;
	}
	.inner {
		padding: 0 20px;
	}
	.site-header {
		height: 82px;
	}
	.site-header .inner {
		height: 76px;
	}
	.site-header .inner .site-title {
		height: 50px;
		left: 20px;
		top: 60%;
		transform: translateY(-50%);
		bottom: unset;
	}
	.site-header .inner .site-title a img {
		height: 44px;
	}
	.site-header .inner .menu-icon {
		position: absolute;
		display: block;
		bottom: unset;
		top: 60%;
		transform: translateY(-50%);
		right: 10px;
		width: 44px;
		height: 44px;
		background-size: 26px 26px;
		background-image: url('images/icons/icon-normal-menu.svg');
		background-repeat: no-repeat;
		background-position: center;
	}
	.site-header .inner .main-navigation {
		display: none;
	}
	
	.site-header .inner .menu-icon:hover {
		background-color: transparent;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	
	.mobile-menu-area {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 6000;
	}
	
	.page article .entry-header {
		padding: 50px 0 50px 0;
	}
	.archive .page-header .entry-eyebrow, .page article .entry-header .entry-eyebrow {
		font-size: 1rem;
		margin: 0 0 20px 0;
	}
	.page article .entry-header .entry-header-item-wrap .entry-title {
		height: 52px;
		margin: 0 0 50px 0;
	}
	.page article .entry-header .entry-header-item-wrap .entry-title .title {
		height: 52px;
	}
	.page article .entry-header .entry-thumbnail {
		margin: 0 0 70px 0;
	}
	.page article .entry-header .entry-excerpt {
		padding: 0;
	}
	.page article .entry-header .entry-excerpt br {
		display: none;
	}
	
	.page-id-11 .entry-content section {
		margin: 0 -20px 30px -20px;
		padding: 70px 20px 120px 20px;
		overflow-y: scroll;
	}
	.page-id-11 .entry-content section::-webkit-scrollbar {
		display: none;
	}
	.page-id-11 .entry-content section .group-header h2 {
		margin: 0 0 10px 0;
	}
	.entry-content .section-wide {
		min-height: unset;
	}
	.entry-content .section-wide .group-header {
		margin: 0 0 50px 0;
	}
	ul.normal-list {
		max-width: 100%;
	}
	ul.normal-list > li {
		padding: 20px 0;
	}
	ul.normal-list > li::before {
		width: 14px;
		height: 14px;
		background-size: 14px 14px;
		margin: 0 0 10px 0;
	}
	.page-id-11 .entry-content section ul.ai-features {
		width: calc(100% + 20px);
		margin: 10px -10px 30px -10px;
		float: left;
	}
	.page-id-11 .entry-content section ul.ai-features li {
		width: calc(33.33333% - 20px);
		height: unset;
		margin: 0 10px;
		float: left;
		aspect-ratio: 1;
	}
	.page-id-11 .entry-content section ul.ai-features li span {
		font-size: 0.875rem;
		line-height: 1.36;
		font-weight: 400;
	}
	
	.page-id-11 .entry-content section ul.ai-features li::after {
		font-size: 1rem;
		font-weight: 400 !important;
		right: -18px;
	}
	.entry-content .group-header p.description br {
		display: none;
	}
	.page-id-11 .entry-content .smartfarm-system-07 .section-content h3 {
		font-size: 1.313rem;
	}
	.page-id-11 .entry-content .smartfarm-system-07 .section-content h3 span {
		font-size: 1rem;
	}
	
	
	.archive .page-header {
		padding: 35px 0 50px 0;
	}
	.archive .page-header .entry-eyebrow {
		margin: 0 0 10px 0;
	}
	
	.category-notice .media-loop {
		width: 100%;
		float: left;
		display: block;
		flex-wrap: unset;
		gap: unset;
		margin: 0 0 90px 0;
		border-top: 2px solid #101010;
	}
	.category-notice .media-loop > li {
		width: 100%;
		float: left;
		padding: 30px 0;
		border-bottom: 1px solid #bbb;
	}
	.category-notice .media-loop > li .entry-thumbnail {
		display: none;
	}
	.category-notice .media-loop > li .entry-meta .entry-category {
		width: 100%;
		float: left;
		margin: 0 0 10px 0;
	}
	.category-notice .media-loop > li .entry-meta .entry-category ul li {
		float: left;
		margin: 0 5px 0 0;
		line-height: 1.2;
	}
	.category-notice .media-loop > li .entry-meta .entry-title {
		width: 100%;
		float: left;
		margin: 0 0 10px 0;
		font-size: 1.125rem;
	}
	.category-notice .media-loop > li .entry-meta .entry-date {
		width: 100%;
		float: left;
		text-align: left;
		line-height: 1.2;
	}
	
	.archive .media-loop {
		width: 100%;
		float: left;
		display: block;
		flex-wrap: unset;
		gap: unset;
		margin: 0 0 90px 0;
	}
	.archive .media-loop article {
		width: 100%;
		float: left;
	}
	.media-loop .media-loop-item {
		width: 100%;
		float: left;
		margin: 0 0 50px 0 !important;
	}
	.media-loop .media-loop-item .entry-thumbnail {
		margin: 0 0 20px 0;
	}
	.media-loop .media-loop-item .entry-meta .entry-category {
		margin: 0 0 5px 0;
	}
	.media-loop .media-loop-item .entry-meta .entry-category ul li {
		float: left;
		margin: 0 5px 0 0;
	}
	.media-loop .media-loop-item .entry-meta .entry-title {
		font-size: 1.313rem;
		margin: 0 0 5px 0;
	}
	
	.single-post #primary > .inner {
		padding: 0 20px;
	}
	.single article .entry-header {
		margin: 0 0 20px 0;
	}
	.single article .entry-header .inner {
		padding: 0;
		width: 100%;
	}
	.single article .entry-header .inner img {
		width: calc(100% + 40px);
		max-width: calc(100% + 40px);
		margin: 0 -20px 30px -20px;
	}
	.single article .entry-header .inner .entry-title {
		font-size: 1.688rem;
	}
	.single article .entry-header .inner .entry-info {
		margin: 0 0 20px 0;
	}
	.single article .entry-content-wrap .entry-content-left {
		width: 100%;
		float: left;
		display: none;
	}
	.single article .entry-content-wrap .entry-content-left #ez-toc-container {
		width: 100%;
	}
	.single article .entry-content-wrap .entry-content {
		width: 100%;
		margin: 0 0 90px 0;
		font-size: 1rem;
	}
	.single article .entry-content-wrap .entry-content p {
		font-size: 1rem;
	}
	.single article .entry-content-wrap .entry-content h2 {
		font-size: 1.5rem;
	}
	
	.site-footer {
		padding: 35px 0 0 0;
		font-size: 0.875rem;
	}
	.site-footer .footer-top {
			padding: 0 0 15px 0;	
	}
	
	.site-footer .footer-top > strong {
		position: unset;
		top: unset;
		left: unset;
		margin: 0 0 20px 0;
		float: left;
	}
	.site-footer .footer-top > a {
		position: absolute;
		top: 0;
		right: 0;
	}
	.site-footer .footer-bottom {
		padding: 15px 0 35px 0;
	}
	.site-footer .footer-bottom p.copyright {
		width: 100%;
		float: left;
		white-space: unset;
		position: unset;
		top: unset;
		left: unset;
		transform: unset;
	}
	.menu-footer-navigation-container {
		float: left;
	}
	.menu-footer-navigation-container ul li {
		margin: 0 10px 0 0;
	}
	
	.home #hero .hero-scene {
		height: 75vh;
		margin: 0 0 5px 0;
	}
	.home #hero .hero-scene .inner {
		padding: 0 20px;
	}
	.home #hero .hero-scene.scene-01 .inner strong {
		position: absolute;
		bottom: 6vh;
		left: 30px;
	}
	.home #hero .hero-scene .inner strong {
		position: absolute;
		bottom: 10vh;
		left: 40px;
	}
	#hero {
		padding: 0 !important;
	}
	.home section {
		width: 100% !important;
		float: left !important;
		padding: 90px 0 !important;
	}
	.home section .section-header {
		width: 100% !important;
		float: left !important;
		margin: 0 0 35px 0 !important;
	}
	.home section .section-header .section-eyebrow {
		font-size: 1rem;
		margin: 0 0 20px 0;
	}
	.home #performance .section-content {
		width: 100%;
	}
	.home #performance .section-content ul.index {
		margin: 0;
	}
	.home #performance .section-content ul.index li {
		padding: 25px 0;
	}
	
	.home #performance .section-content ul.index li h3 {
		width: 100%;
		float: left;
		font-size: 1rem;
		line-height: 1.2;
		font-family: "Pretendard", sans-serif;
		font-weight: 700;
		position: unset;
		bottom: unset;
		left: unset;
		color: #101010;
	}
	.home #performance .section-content ul.index li h3 span {
		font-size: 0.875rem;
		font-weight: 400;
		color: #676767;
	}
	.home #performance .section-content ul.index li p {
		width: 100%;
		
	}
	.home #performance .section-content ul.index li p strong.amount {
		font-size: 2.25rem;
	}
	.home #performance .section-content ul.index li p span.unit {
		font-size: 0.75rem;
	}
	
	#business .section-content ul.business-area {
		width: 100%;
		margin: 0;
	}
	#business .section-content ul.business-area > li,
	#business .section-content ul.business-area:hover > li {
		width: 100%;
		height: 100vw;
		margin: 0 0 5px 0;
	}
	#business .section-content ul.business-area > li .business-meta {
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		bottom: unset;
		top: 50%;
	}
	#business .section-content ul.business-area > li .business-meta h3 {
		font-size: 1.313rem;
	}
	#business .section-content ul.business-area > li .business-meta p {
		font-size: 1rem;
	}
	#business .section-content ul.business-area > li:hover .product-loop-item {
		flex: 1 1 0;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	#business .section-content ul.business-area > li:hover .business-meta p {
		color: #fff;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	#business .section-content ul.business-area > li:hover .business-meta img {
		opacity: 1;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	
	
	.media-loop {
		display: block;
		flex-wrap: unset;
		gap: unset;
	}
	
	.entry-content .section-wide {
		width: 100%;
		margin: 0 0 90px 0;
		padding: 50px 20px !important;
	}
	.page-id-11 .entry-content {
		width: calc(100% + 40px) !important;
		max-width: calc(100% + 40px) !important;
		margin: 0 -20px !important;
	}
	.page-id-11 .entry-content .smartfarm-system-image {
		padding: 0 20px !important;
	}
	.page-id-11 .entry-content .smartfarm-system-image img {
		
	}
	.page-id-11 .entry-content .smartfarm-system-07 .section-header {
		width: 100%;
		margin: 0 0 35px 0;
	}
	.page-id-11 .entry-content .smartfarm-system-07 .section-header h2 {
		margin: 0 0 20px 0;
	}
	.page-id-11 .entry-content .smartfarm-system-07 .section-content {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.page-id-15 .entry-content section .section-wrap .section-content ul.table-normal {
		margin: 0 0 50px 0;
	}
	.page-id-76 .entry-content .wp-block-group.has-background {
		padding: 50px 20px !important;
		margin: 0 -20px !important;
	}
	.page-id-76 .entry-content .wp-block-group.has-background h2 {
		font-size: 1.313rem !important;
		margin: 0 0 35px 0 !important;
	}
	.page-id-76 .entry-content .wp-block-group.has-background h2 br {
		display: none;
	}
	.page-id-76 .entry-content ul.tech-loop {
		gap: 35px 15px;
	}
	.page-id-76 .entry-content ul.tech-loop li.tech-loop-item {
		flex: 0 1 calc((100% - 1 * 15px) / 2);
	}
	.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-thumbanil {
		aspect-ratio: 4 / 3;
	}
	.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta {
		padding: 20px 15px 15px 15px;
	}
	.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta h3 {
		font-size: 1rem;
	}
	.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail li {
		font-size: 0.875rem;
	}
	.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail li span {
		font-size: 0.75rem;
		height: 21px;
		line-height: 21px;
		padding: 0 5px;
		margin: 0 2px 2px 0;
		border-radius: 10px 10px;
	}
	.page-id-76 .entry-content ul.tech-loop li.tech-loop-item .item-meta ul.tech-detail li:last-child {
		padding: 10px 0 0 0;
	}
	
	.page-id-13 .entry-content .process-wrap {
		margin: 0 -20px;
		padding: 50px 20px;
	}
	.page-id-13 .entry-content ul.process::after {
		left: 18px;
	}
	.page-id-13 .entry-content ul.process li.process-parent h2 {
		font-size: 1.5rem;
		width: 30%;
	}
	.page-id-13 .entry-content ul.process li.process-parent h2::before {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 1.125rem;
		top: -2px;
		margin: 0 10px 0 0;
	}
	.page-id-13 .entry-content ul.process li.process-parent ul.process-detail::before {
		left: 18px;
	}
	.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li {
		width: 100%;
		aspect-ratio: unset;
		margin: 0 0 35px 0;
		padding: 0 0 0 46px;
		float: left;
		position: relative;
	}
	.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li::before {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 1rem;
		top: -2px;
		margin: 0 10px 0 0;
	}
	.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li h3 {
		width: 100%;
		font-size: 1.125rem;
		line-height: 1.2;
	}
	.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li span {
		font-size: 0.875rem;
		padding: 0 0 0 20px;
		line-height: 1.36;
	}
	.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li span::before {
		width: 15px;
		height: 15px;
		background-size: cover;
	}
	.page-id-13 .entry-content ul.process li.process-parent ul.process-detail > li .process-featured {
		width: calc(100% - 20px);
		float: left;
		aspect-ratio: 16 / 9;
		margin: 15px 0 0 20px;
		background-color: transparent;
		position: unset;
		top: unset;
		right: unset;
		background-size: cover;
		background-position: center;
	}
	
	.difference {
		padding: 20px;
		margin: 0 0 35px 0;
		border-radius: 10px;
	}
	.difference h3 {
		font-size: 1.125rem;
	}
	.difference ul.diff-loop {
		gap: 20px 0;
	}
	.difference ul.diff-loop li.diff-loop-item {
		flex: 100%;
		border-radius: 5px;
		padding: 10px;
	}
	.difference ul.diff-loop li.diff-loop-item h4 {
		display: block;
		font-size: 1rem;
		margin: 0 0 10px 0;
	}
	.difference ul.diff-loop li.diff-loop-item h4 br {
		display: none;
	}
	.difference ul.diff-loop li.diff-loop-item p {
		font-size: 0.875rem;
		
	}
	
	
	.page-id-13 .entry-content section {
		margin: 0 -20px;
		padding: 50px 20px;
      background-size: auto 100%;
	}
	
	
	.page-id-22 .entry-content section {
		margin: 0 -20px;
		padding: 50px 20px 2px 20px;
	}
	.page-id-22 .entry-content section .section-header {
		margin: 0 0 20px 0;
	}
	.page-id-22 .entry-content section .section-header h2 {
		font-size: 1.688rem;
	}
	.page-id-22 .entry-content section ul.product-loop {
		width: 100vw;
		margin: 0;
		float: left;
	}
	.page-id-22 .entry-content section ul.product-loop li.product-loop-item {
		width: 100vw;
		height: 100vw;
		margin: 0 -20px 5px -20px;
	}
	.page-id-22 .entry-content section ul.product-loop:hover li.product-loop-item {
		width: 100vw !important;
		height: 100vw !important;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	.page-id-22 .entry-content section ul.product-loop li.product-loop-item:hover {
		width: 100vw !important;
		height: 100vw !important;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta {
		width: 100%;
		position: absolute;
		left: 0;
		top: unset;
		bottom: 35px;
		color: #fff;
		z-index: 200;
		padding: 0 30px;
	}
  .page-id-22 .entry-content section ul.product-loop li.product-loop-item:hover .item-meta h3 {
  	font-size: 1.313rem;
  }
  .page-id-22 .entry-content section ul.product-loop li.product-loop-item:hover .item-meta {
 	top: unset;
    bottom: 35px;
  }
	.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta h3 {
		font-size: 1.313rem;
		margin: 0 0 15px 0;
	}
	.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta h4 {
		width: 100%;
		float: left;
		font-size: 1rem;
		margin: 0 0 5px 0;
	}
	.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta ul.product-detail {
		width: 100%;
		float: left;
	}
	.page-id-22 .entry-content section ul.product-loop li.product-loop-item .item-meta ul.product-detail > li {
		font-size: 1rem;
	}
	
	.page-id-22 .entry-content section .section-header p {
		font-size: 1.125rem;
		margin: 10px 0 20px 0;
	}
	.page-id-22 .entry-content section .section-header p br {
		display: none;
	}
	.page-id-22 .entry-content section ul.brand-loop {
		gap: 20px 0;
		margin: 0 0 150px 0;
		float: left;
	}
	.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item {
		flex: 0 1 100%;
		margin: 0 0 30px 0;
	}
	.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-thumbnail {
		margin: 0 0 20px 0;
	}
	.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-meta h3 {
		font-size: 1.313rem;
		margin: 0 0 10px 0;
	}
	.page-id-22 .entry-content section ul.brand-loop li.brand-loop-item .item-meta p {
		width: 100%;
		float: left;
		font-size: 1rem;
		margin: 0 0 5px 0;
	}
	.page-id-19 .entry-content .section-01 .section-header, 
	.page-id-19 .entry-content .section-02 .section-header, 
	.page-id-19 .entry-content .section-03 .section-header {
		width: 100%;
		float: left;
		margin: 0 0 10px 0;
	}
	.page-id-19 .entry-content .section-01 .section-content, 
	.page-id-19 .entry-content .section-02 .section-content, 
	.page-id-19 .entry-content .section-03 .section-content {
		width: 100%;
		float: left;
	}
	.page-id-19 .entry-content .section-01 h3, 
	.page-id-19 .entry-content .section-02 h3, 
	.page-id-19 .entry-content .section-03 h3 {
		font-size: 1.313rem;
		margin: 0 0 10px 0;
	}
	.page-id-19 .entry-content .section-wrap {
		width: 100% !important;
		margin: 0 !important;
	}
	.page-id-19 .entry-content h2 {
		width: 100%;
		float: left;
		font-size: 1.688rem;
	}
	.page-id-19 .entry-content .section-01, 
	.page-id-19 .entry-content .section-02, 
	.page-id-19 .entry-content .section-03 {
		margin: 0 0 50px 0 !important;
		padding: 50px 0 !important;
	}
	.page-id-19 .entry-content .section-01 p, 
	.page-id-19 .entry-content .section-02 p, 
	.page-id-19 .entry-content .section-03 p {
		font-size: 1rem;
	}
	
	.page-id-19 .entry-content .section-05 h2 {
		font-size: 1.688rem;
		margin: 0 0 10px 0;
	}
	.page-id-19 .entry-content .section-05 p {
		font-size: 1.125rem;
		line-height: 1.36;
		margin: 0 0 35px 0;
	}
	.page-id-19 .entry-content .section-05 figure {
		width: calc(100% + 40px);
		margin: 0 -20px 35px -20px;
		float: left;
	}
	ul.partner-loop {
		width: calc(100% + 40px);
		margin: 35px -20px 0 -20px;
	}
	.page-id-19 .entry-content .section-05 .section-left {
		width: 100%;
		float: left;
		margin: 0 0 35px 0;
	}
	.page-id-19 .entry-content .section-05 .section-left h3 {
		font-size: 1.313rem;
		margin: 0 0 10px 0;
	}
	.page-id-19 .entry-content .section-05 .section-left p {
		font-size: 1rem;
		margin: 0 0 20px 0;
	}
	.page-id-19 .entry-content .section-05 .section-left p br {
		display: none;
	}
	.page-id-19 .entry-content .section-05 .section-right {
		width: 100%;
	}
	.page-id-19 .entry-content .section-05 .section-right ul.index {
		margin: 35px 0 0 0;
	}
	
	.page-id-19 .entry-content .section-04 {
		margin: 0 -20px 35px -20px;
	}
	.page-id-19 .entry-content .section-04 h2 {
		margin: 0;
		font-size: 1.688rem;
	}
	
	.page-id-19 .entry-content .section-05 .section-right ul.index li {
		padding: 25px 0;
	}
	.page-id-19 .entry-content .section-05 .section-right ul.index li h3 {
		width: 100%;
		float: left;
		font-size: 1rem;
		line-height: 1.2;
		font-family: "Pretendard", sans-serif;
		font-weight: 500;
		position: unset;
		bottom: unset;
		left: unset;
		color: #676767;
	}
	.page-id-19 .entry-content .section-05 .section-right ul.index li p {
		width: 100%;
	}
	.page-id-19 .entry-content .section-05 .section-right ul.index li p strong.amount {
		font-size: 2.25rem;
	}
	.page-id-19 .entry-content .section-05 .section-right ul.index li p span.unit {
		font-size: 0.75rem;
	}
	
	.page-id-19 .entry-content .section-06 {
		margin: 0 -20px;
		padding: 50px 20px;
	}
	.page-id-19 .entry-content .section-06 h3 {
		font-size: 1.688rem;
		margin: 0 0 20px 0;
	}
	.page-id-19 .entry-content .section-06 .section-left {
		width: 100% !important;
		margin: 0 0 35px 0;
		position: relative;
		right: -35px;
	}
	.page-id-19 .entry-content .section-06 .section-right {
		width: 100% !important;
	}
	.page-id-19 .entry-content .section-06 .section-right ul.index li {
		padding: 20px 0;
	}
	.page-id-19 .entry-content .section-06 .section-right ul.index li > h4 {
		width: 100%;
		float: left;
		margin: 0 0 5px 0;
	}
	.page-id-19 .entry-content .section-06 .section-right ul.index li > p {
		width: 100%;
		font-size: 1.125rem;
		text-align: left;
		line-height: 1.36;
	}
	
	.page-id-19 .entry-content .section-06 .section-right ul.index li .index-content {
		margin: 15px 0 0 0;
	}
	.page-id-19 .entry-content .section-06 .section-right ul.index li .index-content p {
		font-size: 1rem;
	}
	
	
	
	.partner-table-wrap > span {
		width: 100%;
	}
	
	.page-id-24 article .entry-header {
		padding: 50px 0 25px 0 !important;
	}
	.wpcf7-form ul.cb-contact-form > li {
		margin: 0 0 35px 0;
	}
	.wpcf7-form ul.cb-contact-form > li > p > label {
		font-size: 1rem;
	}
	.wpcf7-form ul.cb-contact-form li > p > span {
		font-size: 1rem;
	}
	.wpcf7-form ul.cb-contact-form li > p span input[type="text"], .wpcf7-form ul.cb-contact-form li > p span input[type="email"], .wpcf7-form ul.cb-contact-form li > p span input[type="tel"] {
		font-size: 1rem;
		height: 44px;
		line-height: 44px;
		padding: 0 10px;
	}
	.wpcf7-form ul.cb-contact-form li > p > span textarea {
		font-size: 1rem;
		padding: 12px 10px;
	}
	
	.wpcf7-form ul.cb-contact-form li.cb-contact-form-consent {
		padding: 0;
	}
	.wpcf7-form ul.cb-contact-form li.cb-contact-form-consent .cb-contact-consent-text {
		padding: 20px;
		font-size: 1rem;
	}
	
	
	.page-id-11 .entry-content .group-header {
		width: 100%;
		float: left;
		margin: 0;
	}
	.page-id-11 .entry-content section {
		padding:  140px 20px 0 20px;
	}
	.page-id-11 .entry-content section .group-header h2 {
		font-size: 1.313rem;
	}
	.page-id-11 .entry-content ul.wp-block-list {
		width: calc(100% - 24px) !important;
		margin: 35px 0 0 24px !important;
	}
	.page-id-11 .entry-content ul.wp-block-list li {
		font-size: 0.875rem;
		margin: 0 0 5px 0;
	}
	.page-id-11 .entry-content #slideNav.fixed {
		display: none;
	}
	.effect-wrap {
		margin: 0 0 70px 0;
	}
	.page-id-11 .entry-content .smartfarm-system-07 {
		margin: 0 0 150px 0;
	}
	
	
	.page-id-13 .entry-content section .section-header h2 {
		font-size: 1.313rem;
	}
	.page-id-13 .entry-content section .section-header p {
		font-size: 1.125rem;
	}
	.page-id-13 .entry-content section .section-content p {
		font-size: 1rem;
		margin: 0 0 35px 0;
	}
	.page-id-13 .entry-content section .section-content p br {
		display: none;
	}
	ul.four-cols-list {
		gap: 0;
	}
	ul.four-cols-list > li {
		flex: 0 1 100%;
	}
	ul.four-cols-list > li::before {
		width: 16px;
		height: 16px;
		background-size: cover;
		margin: 0 0 10px 0;
	}
	.page-id-13 .entry-content section .section-content {
		padding: 0 0 350px 0;
	}
	
	
	.page-id-15 .entry-content section {
		margin: 0 -20px 10px -20px;
	}
	.page-id-15 .entry-content section .section-wrap {
		padding: 140px 20px 0 20px;
	}
	.page-id-15 .entry-content section .section-wrap .section-header {
		width: 100%;
	}
	.page-id-15 .entry-content section .section-wrap .section-header h2 {
		font-size: 1.313rem !important;
		margin: 0 0 30px 0;
	}
	.page-id-15 .entry-content section .section-wrap .section-content {
		width: 100%;
	}
	.page-id-15 .entry-content section .section-wrap .section-content p {
		margin: 0 0 35px 0;
		font-size: 1rem;
	}
	.page-id-15 .entry-content section .section-wrap .section-content p br {
		display: none;
	}
	.page-id-15 .entry-content section .section-wrap .section-content ul.table-normal li {
		font-size: 1rem;
		padding: 20px 0;
	}
	
	.page-id-70 article .entry-header .entry-header-item-wrap .entry-title {
		margin: 0 0 50px 0 !important;
	}
	.page-id-70 article .entry-header .entry-thumbnail img {
		bottom: -25px;
		right: -25px;
	}
	.page-id-70 article .entry-content > h2 {
		font-size: 1.313rem;
		margin: 0 0 20px 0;
	}
	.page-id-70 article .entry-content > h3 {
		font-size: 1.125rem;
		margin: 0 0 50px 0;
	}
	
	.page-id-70 article .entry-content .section-01 {
		width: 100vw;
		margin: 0 -20px 30px -20px;
      padding: 150px 20px 50px 20px !important;
	}
	.page-id-70 article .entry-content .section-01 > div {
		width: 100%;
		position: relative;
		top: unset;
		left: unset;
		z-index: 1500;
	}
	.page-id-70 article .entry-content .section-01::after {
		content: none;
	}
	.page-id-70 article .entry-content .section-01 > div p {
		font-size: 1rem;
		margin: 0 0 20px 0;
	}
	.page-id-70 article .entry-content .section-01 > div p br {
		display: none;
	}
	
	.page-id-70 article .entry-content .section-02 {
		margin: 0 -20px 30px -20px;
		width: 100vw;
	}
	.page-id-70 article .entry-content .section-02 .section-header h2 {
		margin: 0 0 20px 0;
	}
	.page-id-70 article .entry-content .section-02 .section-content p {
		margin: 0 0 35px 0;
		font-size: 1rem;
	}
	.page-id-70 article .entry-content .section-02 .section-content p br {
		display: none;
	}
	.page-id-70 article .entry-content .section-02 .section-content ul li {
		width: calc(50% - 30px);
		margin: 0 15px 30px 15px;
	}
	.page-id-70 article .entry-content .section-02 .section-content ul li strong {
		padding: 0 5px;
		font-size: 1rem;
		line-height: 1.2;
	}
	.page-id-70 article .entry-content .section-02 .section-content ul li strong em {
		font-size: 0.875rem;
	}
	#award {
		margin: 0 -20px;
		padding: 50px 0 70px 0;
	}
	#award h2 {
		margin: 0 0 35px 0;
		font-size: 1.688rem;
	}
	#award .decade-wrap h3 {
		width: calc(25% - 15px);
		font-size: 1.125rem;
		margin: 0 15px 0 0;
	}
	#award .decade-wrap .events-wrap {
		width: calc(75% - 15px);
		margin: 0 0 0 15px;
		padding: 0 0 0 30px;
	}
	#award .decade-wrap .events-wrap .event-item {
		margin: 0 0 35px 0;
	}
	#award .decade-wrap .events-wrap .event-item::before {
		left: -39px;
	}
	#award .decade-wrap .events-wrap .event-item .event-year {
		font-size: 1rem;
	}
	#award .decade-wrap .events-wrap .event-item .event-title {
		font-size: 1rem;
	}
	#award ul.history-navigation {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0 0 20px 0;
	}
	#award ul.history-navigation li {
		font-size: 1.125rem;
		border: none;
	}
	#award ul.history-navigation li a {
		padding: 0;
		height: auto;
		line-height: auto;
	}
	#award .decade-wrap .events-wrap .event-item ul.article-loop li h4 {
		line-height: 1.36;
	}
	#award .decade-wrap .events-wrap .event-item ul.article-loop li h4 a {
		font-size: 0.875rem;
	}
	
	
	#location-award {
		margin: 0 -20px;
		padding: 50px 0 70px 0;
	}
	#location-award h2 {
		margin: 0 0 35px 0;
		font-size: 1.688rem;
	}
	#location-award .decade-wrap h3 {
		width: 100%;
		font-size: 1.125rem;
		margin: 0 0 20px 0;
	}
	#location-award .decade-wrap .events-wrap {
		width: 100%;
		margin: 0 0 0 15px;
		padding: 0 0 0 30px;
	}
	#location-award .decade-wrap .events-wrap .event-item {
		margin: 0 0 35px 0;
	}
	#location-award .decade-wrap .events-wrap .event-item::before {
		left: -39px;
	}
	#location-award .decade-wrap .events-wrap .event-item .event-year {
		font-size: 1rem;
	}
	#location-award .decade-wrap .events-wrap .event-item .event-title {
		font-size: 1rem;
	}
	#location-award ul.history-navigation {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0 0 20px 0;
	}
	#location-award ul.history-navigation li {
		font-size: 1.125rem;
		border: none;
	}
	#location-award ul.history-navigation li a {
		padding: 0;
		height: auto;
		line-height: auto;
	}
	#location-award .decade-wrap .events-wrap .event-item ul.article-loop li h4 {
		line-height: 1.36;
	}
	#location-award .decade-wrap .events-wrap .event-item ul.article-loop li h4 a {
		font-size: 0.875rem;
	}
	
	.decade-wrap-table table thead tr th {
		font-size: 0.875rem;
		padding: 12px 0;
		line-height: 1.2;
	}
	.decade-wrap-table table tbody tr td h4 {
		font-size: 1rem;
	}
	.decade-wrap-table table tbody tr td {
		font-size: 0.875rem;
		padding: 10px 0;
	}
	.decade-wrap-table table tbody tr td span {
		height: 21px;
		line-height: 21px;
		font-size: 0.75rem;
		padding: 0 7px;
	}
	
	#history {
		margin: 0 -20px;
		padding: 50px 0 70px 0;
	}
	#history h2 {
		margin: 0 0 35px 0;
		font-size: 1.688rem;
	}
	#history .decade-wrap h3 {
		width: calc(25% - 15px);
		font-size: 1.125rem;
		margin: 0 15px 0 0;
	}
	#history .decade-wrap .events-wrap {
		width: calc(75% - 15px);
		margin: 0 0 0 15px;
		padding: 0 0 0 30px;
	}
	#history .decade-wrap .events-wrap .event-item {
		margin: 0 0 35px 0;
	}
	#history .decade-wrap .events-wrap .event-item::before {
		left: -39px;
	}
	#history .decade-wrap .events-wrap .event-item .event-year {
		font-size: 1rem;
	}
	#history .decade-wrap .events-wrap .event-item .event-title {
		font-size: 1rem;
	}
	#history ul.history-navigation {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0 0 20px 0;
	}
	#history ul.history-navigation li {
		font-size: 1.125rem;
		border: none;
	}
	#history ul.history-navigation li a {
		padding: 0;
		height: auto;
		line-height: auto;
	}
	#history .decade-wrap .events-wrap .event-item ul.article-loop li h4 {
		line-height: 1.36;
	}
	#history .decade-wrap .events-wrap .event-item ul.article-loop li h4 a {
		font-size: 0.875rem;
	}
	
	
	#location {
		margin: 0 -20px;
		padding: 50px 0;
	}
	#location h2 {
		font-size: 1.688rem;
		margin: 0 0 35px 0;
	}
	#location ul.location-loop {
		gap: 35px 0;
	}
	#location ul.location-loop li.location-loop-item {
		flex: 0 1 100%;
	}
	#location ul.location-loop li.location-loop-item .entry-meta h3 {
		font-size: 1.313rem;
	}
	#location ul.location-loop li.location-loop-item .entry-meta p {
		font-size: 1rem;
		margin: 0 0 20px 0;
	}
	#location ul.location-loop li.location-loop-item .entry-meta ul {
		font-size: 1rem;
	}
	.page-id-11 .entry-content section {
		padding: 100px 20px 0 20px;
	}
	.entry-content .group-header p.description {
		margin: 0 0 10px 0;
		font-size: 1rem;
	}
	
	.partner-section-wrap {
		margin: 0 -20px;
		padding: 50px 20px;
	}
	ul.partner-loop .slick-list .slick-track {
		opacity: 1 !important;
	}
	ul.partner-loop::before {
		content: "";
		display: block;
		width: 70px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3500;
		background: #FFFFFF;
		background: linear-gradient(90deg, #f9f9f9, #f9f9f900);
	}
	ul.partner-loop::after {
		content: "";
		display: block;
		width: 70px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3500;
		background: #FFFFFF;
		background: linear-gradient(270deg, #f9f9f9, #f9f9f900);
	}
	
	.page-id-19 .entry-content .section-04 {
		height: 175vw;
		padding: 0 20px !important;
		background-size: contain;
		background-position: center 100px;
		position: relative;
	}
	.page-id-19 .entry-content .section-04 h2 {
		margin: 0 0 10px 0;
		position: absolute;
		width: calc(100% - 40px);
		top: 35px;
		left: 20px;
	}
	.page-id-19 .entry-content .section-04 p {
		position: absolute;
		width: calc(100% - 40px);
		top: 70px;
		left: 20px;
		font-size: 1rem;
	}
	.page-id-19 .entry-content .section-04 ul.country-loop {
		position: absolute;
		width: calc(100% - 40px);
		top: 95vw;
		left: 20px;
	}
	.page-id-19 .entry-content .section-04 ul.country-loop li {
		width: 50%;
		float: left;
		margin: 0 0 10px 0;
		position: unset !important;
		left: unset !important;
		top: unset !important;
		white-space: normal;
	}
	.page-id-19 .entry-content .section-04 ul.country-loop li::before {
		position: unset !important;
		left: unset !important;
		top: unset !important;
		display: inline-block;
		width: calc(100% - 35px) !important;
		float: right;
		background-color: transparent;
		border: none;
		line-height: 30px;
		padding: 0;
		color: #fff;
	}
	.page-id-19 .entry-content .section-04 ul.country-loop li img {
		width: 30px !important;
		height: 30px !important;
		float: left;
		margin: 0 5px 0 0;
	}
	
	
	.page-id-19 .entry-content .section-06 .section-left span[class^="arrow-"] {
		display: inline-block;
		background-image: url('images/icons/icon-marker.png');
		width: 24px;
		height: 24px;
		background-size: cover;
		background-position: center;
		position: absolute;
		opacity: 0;
		transform: translateY(-90px);
	}
	.page-id-19 .entry-content .section-06 .section-left span.spot-01 {
		width: 3vw;
		height: 3vw;
		display: block;
		z-index: 2500;
		position: absolute;
		top: 41vw;
        left: 42vw;
		background-color: #1A7B57;
		border-radius: 50% 50%;
	}
	.page-id-19 .entry-content .section-06 .section-left span.spot-01::before {
		content: "";
		display: block;
		width: 5vw;
		height: 5vw;
		border-radius: 50% 50%;
		background-color: rgba(255, 236, 5, .5);
		position: absolute;
		top: -1vw;
		left: -1vw;
		animation: spotBlink 2.5s ease-in-out infinite;
	}
	.page-id-19 .entry-content .section-06 .section-left span.spot-02 {
		width: 3vw;
		height: 3vw;
		display: block;
		position: absolute;
		top: 25vw;
		left: 29vw;
		background-color: #1A7B57;
		border-radius: 50% 50%;
	}
	.page-id-19 .entry-content .section-06 .section-left span.spot-02::before {
		content: "";
		display: block;
		width: 5vw;
		height: 5vw;
		border-radius: 50% 50%;
		background-color: rgba(255, 236, 5, .5);
		position: absolute;
		top: -1vw;
		left: -1vw;
		animation: spotBlink 3s ease-in-out infinite;
	}
	.page-id-19 .entry-content .section-06 .section-left span.spot-03 {
		width: 3vw;
		height: 3vw;
		display: block;
		position: absolute;
		top: 25vw;
		left: 35vw;
		background-color: #1A7B57;
		border-radius: 50% 50%;
	}
	.page-id-19 .entry-content .section-06 .section-left span.spot-03::before {
		content: "";
		display: block;
		width: 5vw;
		height: 5vw;
		border-radius: 50% 50%;
		background-color: rgba(255, 236, 5, .5);
		position: absolute;
		top: -1vw;
		left: -1vw;
		animation: spotBlink 3.5s ease-in-out infinite;
	}
	ul.slider-nav {
		display: none;
	}
	.panel {
		margin: 0 1px !important;
		height: 180vw;
		aspect-ratio: 100 / 180;
		padding: 80px 25px 0 25px !important;
	}
	.page-id-11 .entry-content ul.wp-block-list {
		width: calc(100% - 14px) !important;
		margin: 15px 0 0 14px !important;
	}
	.effect-wrap .slick-arrow {
		width: 20px;
		height: 20px;
	}
	.effect-wrap .slick-prev {
		left: 2px;
	}
	.effect-wrap .slick-next {
		right: 2px;
	}
	
	.page-id-11 .entry-content ul.wp-block-list li {
		line-height: 1.36;
		margin: 0 0 2px 0;
	}
	.page-id-11 .entry-content .smartfarm-system-01 {
		background-position: center;
	}

	.page-id-11 .entry-content .smartfarm-system-02 {
		background-position: 31% center;
	}

	.page-id-11 .entry-content .smartfarm-system-03 {
		background-position: 14% center;
	}

	.page-id-11 .entry-content .smartfarm-system-05 {
		background-position: 49% center;
	}

	.table-scroll-wrap {
		width: 100%;
		float: left;
		overflow-x: scroll;
	}

	.table-scroll-wrap table {
		width: 180%;
	}



	.page-id-70 article .entry-header {
		padding: 0;
	}

	.page-id-70 article .entry-header .entry-thumbnail {
		width: 100vw;
		margin: 0 -20px 0 -20px;
	}

	.page-id-70 article .entry-header .entry-thumbnail img {
		opacity: .25;
		bottom: 5px;
		right: 5px;
	}

	#media .section-header .section-title a img {
		width: 15px !important;
		height: 15px !important;
		top: -3px !important;
	}

	.page-id-70 article .entry-header .entry-header-item-wrap {
		display: none;

	}

	.page-id-70 article,
	.page-id-76 .entry-content .wp-block-group.has-background {
		overflow: hidden;

	}
    .wpcf7-form ul.cb-contact-form > li input[type="submit"] {
		height: 54px;
		line-height: 54px;
		font-size: 1rem;
	}
    .page-id-24 .entry-content .section-01 {
		margin: 0 0 70px 0;
	}
  
  
  
  
  
  
  
  
  
  
}
@media all and (max-width: 768px) {}

/* Mobile Start */
@media all and (max-width: 600px) {}
@media all and (max-width: 430px) {}
@media all and (max-width: 428px) {}
@media all and (max-width: 414px) {}
@media all and (max-width: 412px) {}
@media all and (max-width: 393px) {}
@media all and (max-width: 390px) {}
@media all and (max-width: 375px) {}
@media all and (max-width: 360px) {}
@media all and (max-width: 320px) {}