/*!
Theme Name: CB2027
Theme URI: http://underscores.me/
Author: Jaeil Han, Founder & Director of Creative Band
Author URI: https://creative-band.com
Description: WordPress Theme for Creative Band
Version: 1.0.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cb2027
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.

CB2027 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%;
}

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

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * 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;
	scroll-behavior: smooth;
}

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

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #0f0f0f;
	font-family: "Outfit", "Pretendard", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-kerning: normal;
	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: #0f0f0f;
}

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

ul,
ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	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: #0f0f0f;
}

a:visited {
	color: #0f0f0f;
}

a:hover,
a:focus,
a:active {
	color: #0f0f0f;
}

a:focus {
	outline: none;
}

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

/* 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 0 1.5em;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 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;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	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 {
	display: flex;
	width: 100%;
	max-width: 1680px;
	padding: 0 100px;
	margin: 0 auto;
}
.home-section {
	display: flex;
	align-items: stretch;
	width: 100%;
	float: left;
	margin: 0;
	padding: 150px 0;
}
.home-section .section-header {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.home-section .section-header a.view-detial {
	position: absolute;
	right: 0;
	bottom: 0;
	text-decoration: none;
	color: #0f0f0f;
}
.home-section .section-header a.view-detial:hover {
	text-decoration: underline;
}
.home-section .section-header .section-eyebrow {
	width: 100%;
	float: left;
	font-size: 1rem;
	color: #FF4D00;
	margin: 0;
}
.home-section .section-header .section-title {
	width: 100%;
	float: left;
	font-size: 2.531rem;
	line-height: 1.2;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	color: #0f0f0f;
}
.home-section .section-header .section-title strong {
	color: #5B5B5D;
}
.home-section .section-header p {
	width: 100%;
	float: left;
	margin: 0;
	font-size: 1.125rem;
	line-height: 1.625;
	color: #5B5B5D;
}
.btn-area {
	width: 100%;
	float: left;
	margin: 50px 0 0 0;
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.btn {
	text-decoration: none;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
}
.btn-normal {
	line-height: 54px;
	padding: 0 33px;
}
.btn-white {
	background-color: #fff;
	border: 2px solid #fff;;
	color: #0f0f0f;
}
.btn-white.btn-outline {
	background-color: transparent !important;
	border: 2px solid #fff !important;
	color: #fff !important;
}
.btn-black {
	background-color: #0f0f0f;
	border: 2px solid #0f0f0f;
	color: #fff !important;
}
.btn-black.btn-outline {
	background-color: transparent !important;
	border: 2px solid #0f0f0f !important;
	color: #0f0f0f !important;
}
.btn-yellow {
	background-color: #FEE500 !important;
	border: 2px solid #FEE500 !important;
	color: #0f0f0f;
}
.btn-gray {
	background-color: #5b5b5e !important;
	border: 2px solid #5b5b5e !important;
	color: #fff !important;
}
.btn-orange {
	background-color: #FF4D00 !important;
	border: 2px solid #FF4D00 !important;
	color: #fff !important;
}
.btn-orange.btn-outline {
	color: #FF4D00 !important;
	border: 2px solid #FF4D00 !important;
	background-color: #fff !important;
	cursor: pointer;
}
.section-bg-yellow {
	background-color: #FEE500;
}
.section-bg-orange {
	background-color: #FF4D00;
}
.section-bg-black {
	background-color: #0f0f0f;
	color: #fff;
}
.section-bg-white {
	background-color: #fff;
}
.section-bg-beige {
	background-color: #F2EFE8;
}
.section-bg-gray {
	background-color: #2A2A2C;
}
.section-bg-light-gray {
	 background-color: #f5f5f5;
 }



/*************************************
   Site Header
*************************************/
.site-header {
	width: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	height: 135px;
	padding: 30px 0;
	z-index: 3500;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header .inner {
	max-width: 100% !important;
	padding: 0 9.375% !important;
	justify-content: space-between;
}
.site-header .inner a img.custom-logo {
	height: 75px;
	width: auto;
	line-height: 0;
}
.site-header .main-navigation {
	width: auto;
	float: right;
}
.site-header .main-navigation #primary-menu {
	display: flex;
	flex-direction: row;
	gap: 50px;
}
.site-header .main-navigation #primary-menu li.menu-item {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 400;
}
.site-header .main-navigation #primary-menu li.menu-item.current-menu-item a {
	color: #fff;
}
.site-header .main-navigation #primary-menu li.menu-item:last-child a {
	font-size: 0.875rem;
	background-color: #5B5B5D;
	padding: 7px;
	color: #fff;
	border-radius: 3px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header .main-navigation #primary-menu li.menu-item:last-child a:hover {
	background-color: #FF4D00;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header .main-navigation #primary-menu li.menu-item a {
	color: #5B5B5D;
	text-decoration: none;
	line-height: 75px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header .main-navigation #primary-menu li.menu-item a:hover {
	color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.site-header .main-navigation #primary-menu li.menu-item a br {
	display: none;
}



/*************************************
   Site Footer
*************************************/
.site-footer {
	background-color: #0F0F0F;
	color: #5B5B5D;
	width: 100%;
	float: left;
	padding: 90px 0 70px 0;
}
.site-footer a {
	color: #5B5B5D;
	text-decoration: none;
}
.site-footer a:hover {
	text-decoration: underline;
}
.site-footer .inner {
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.site-footer .inner img {
	height: 30px;
	width: auto;
}
.site-footer .inner .footer-navigation ul li {
	width: auto;
	float: left;
	margin: 0 35px 0 0;
}
.site-footer .inner .footer-information {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

/*************************************
   Homepage
*************************************/
#hero {
	height: 100vh;
	min-height: 980px;
	padding: 7.5vw 0 7.5vw 0;
}
#hero .inner {
	flex-direction: row;
	gap: 0;
}
#hero .inner .section-header {
	flex: 0 0 80%;
	align-self: flex-end;
	display: flex;
	flex-direction: column;
	gap: 50px;
	padding: 0 0 5vh 0;
}
#hero .inner .section-header .section-title {
	font-size: 5.063rem !important;
	color: #fff;
	margin: 0;
}
#hero .inner .section-header .section-title strong {
	color: #5B5B5D;
}
#hero .inner .section-header p {
	font-size: 1.313rem;
	line-height: 1.5;
	color: #bbb;
	margin: 0;
}
#hero .inner .section-header .btn-area {
	margin: 20px 0 0 0 !important;
}
#hero .inner .section-content {
	flex: 0 0 20%;
	padding: 5vh 0 0 0;
}
#hero .inner .section-content img {
	width: 100%;
	max-width: 500px;
	height: auto;
	float: right;
	box-shadow: 0 0 50px rgba(0, 0, 0, .05);
}


#trust {
	padding: 0 0 7.5vw 0;
}
#trust .inner {

	display: flex;
	flex-direction: column;
	gap: 40px;
}
#trust .inner .section-header {
	display: none;
}
#trust .inner .section-content {
	flex: 1;
}

ul.trust-list {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 70px;
}
ul.trust-list li.trust-item {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	border-top: 1px solid rgba(255, 255, 255, .15);
	padding: 20px 0 0 0;
	gap: 5px;
}
ul.trust-list li.trust-item span {
	color: #5B5B5D;
	font-family: "Outfit", sans-serif;
}
ul.trust-list li.trust-item strong {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0;
	color: #ddd;
}
ul.trust-list li.trust-item p {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #bbb;
}

#why .inner {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}
#why .inner .section-header {
	position: sticky;
	top: 150px;
	flex: 1 1 0;
	min-width: 0;
}
#why .inner .scrollmagic-pin-spacer {
	flex: 1 1 0;
}
#why .inner .section-content {
	margin-top: 250px;
	flex: 1 1 0;
	min-width: 0;
}

ul.normal-accordion {
	width: 100%;
	float: left;
	border-top: 1px solid #0f0f0f;
	margin: 0;
}
ul.normal-accordion li.normal-accordion-item {
	width: 100%;
	float: left;
	padding: 50px 0 50px 34px;
	border-bottom: 1px solid #0f0f0f;
}
ul.normal-accordion li.normal-accordion-item h3 {
	width: 100%;
	float: left;
	font-size: 1.5rem;
	line-height: 1.2;
	position: relative;
	cursor: pointer;
	letter-spacing: 0.03em;
}
ul.normal-accordion li.normal-accordion-item h3 span.ui-accordion-header-icon {
	display: block;
	position: absolute;
	left: -34px;
	top: 2px;
	width: 24px;
	height: 24px;
	background-image: url('images/icons/icon-chevron-down.svg');
	background-size: 14px 8px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .25;
}
ul.normal-accordion li.normal-accordion-item h3.ui-state-active span.ui-accordion-header-icon {
	background-image: url('images/icons/icon-chevron-up.svg');
	opacity: 1;
}
ul.normal-accordion li.normal-accordion-item > div {
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	font-size: 1rem;
	line-height: 1.6;
	border-top: 1px dashed #bbb;
}
ul.normal-accordion li.normal-accordion-item > div > p {
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 1.75;
	margin: 0 0 1.75rem 0;
}
ul.normal-accordion li.normal-accordion-item > div > strong {
	display: block;
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	margin: 50px 0 10px 0;
	color: #0f0f0f;
}
ul.normal-accordion li.normal-accordion-item div ul.related {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 15px;

	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;

	scrollbar-width: none;
}
ul.normal-accordion li.normal-accordion-item div ul.related::-webkit-scrollbar {
	display: none;
}
ul.normal-accordion li.normal-accordion-item div ul.related li {
	flex: 0 0 280px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	scroll-snap-align: start;
}
ul.normal-accordion li.normal-accordion-item div ul.related li .item-thumbnail {
	aspect-ratio: 4 / 3;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid #f9f9f9;
}
ul.normal-accordion li.normal-accordion-item div ul.related li .item-thumbnail a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	line-height: 0;
}
ul.normal-accordion li.normal-accordion-item div ul.related li .item-thumbnail a img {
	line-height: 0;
	width: auto;
	height: 100%;
}
ul.normal-accordion li.normal-accordion-item div ul.related li .item-meta {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 0 !important;
	padding: 0 !important;
}
ul.normal-accordion li.normal-accordion-item div ul.related li .item-meta h4 {
	font-size: 1rem;
	line-height: 1.375;
}
ul.normal-accordion li.normal-accordion-item div ul.related li .item-meta h4 a {
	text-decoration: none;
	color: #0f0f0f;
}
ul.normal-accordion li.normal-accordion-item div ul.related li .item-meta p {
	font-size: 0.875rem;
	line-height: 1.375;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	height: 2.75em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #676767;
}

.black-filter {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .65);
	position: absolute;
	top: 0;
	left: 0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.home-section-work {
	width: 100%;
	height: 100vh;
	max-height: 1080px;
	background-size: cover;
	background-position: center;
	filter: grayscale(1);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	position: relative;
}
.home-section-work:hover {
	filter: grayscale(0);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.home-section-work:hover .black-filter {
	background-color: rgba(0, 0, 0, .35);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.home-section-work {
	padding: 0;
}
.home-section-work .inner {
	height: 100%;
	position: relative;
}
.home-section-work .inner .section-content {
	position: absolute;
	bottom: 100px;
	left: 100px;
}
.home-section-work .inner .section-content .portfolio-meta .portfolio-title {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.36;
	margin: 0 0 15px 0;
	color: #fff
}
.home-section-work .inner .section-content .portfolio-meta .portfolio-title br {
	display: none;
}
.home-section-work .inner .section-content .portfolio-meta a {
	color: #bbb;
	text-decoration: none;
	font-size: 0.875rem;
	line-height: 1.36;
}
.home-section-work .inner .section-content .portfolio-meta a:hover {
	text-decoration: underline;
}


#search-asset {
	height: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: stretch;
	gap: 0;
	padding: 0;
	overflow: hidden;
	background-color: #2a2a2c;
}
#search-asset .section-header {
	flex: 0 0 50%;
	padding: 100px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
#search-asset .section-header span {
	margin: 0;
}
#search-asset .section-header .section-title {
	color: #fff;
	margin: 0;
}
#search-asset .section-header .section-title strong {
	color: #fff;
}
#search-asset .section-header p {
	color: #bbb;
	margin: 0;
	font-size: 1rem;
}

#search-asset .section-header ul.features {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 70px 0 0 0;
	border-bottom: 1px solid #5b5b5e;
}
#search-asset .section-header ul.features > li {
	flex: 1;
	display: flex;
	flex-direction: row;
	gap: 0;
	padding: 50px 0 0 0;
	border-top: 1px solid #5b5b5e;
	align-items: flex-start;
	color: #fff;
	overflow: hidden;
}
#search-asset .section-header ul.features > li .feature-meta {
	flex: 0 0 60%;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 0 50px 0 0;
}
#search-asset .section-header ul.features > li .feature-thumb {
	flex: 0 0 calc(40% - 10px);
	margin: 0 10px 0 0;
	height: 160px;
	overflow: hidden;
	padding: 0;
	background-position: center 0%;
	background-size: cover;
	transition: background-position 1s ease-out;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .35);
}
#search-asset .section-header ul.features > li:hover .feature-thumb {
	background-position: center 100%;
	transition: background-position 55s cubic-bezier(0.7, 0, 1, 1);
}
#search-asset .section-header ul.features > li .feature-thumb a {
	display: block;
	width: 100%;
	height: 100%;
}
#search-asset .section-header ul.features > li > span {
	width: auto;
	background-color: #fff;
	color: #0f0f0f;
	font-family: "Ydestreet", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.75;
	padding: 0 3px;
	margin: 0 0 3px 0;
}
#search-asset .section-header ul.features > li > h3 {
	font-size: 1.313rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
	color: #efefef;
}
#search-asset .section-header ul.features > li > p {
	font-size: 1rem;
	line-height: 1.6;
	margin: 0;
	color: #bbb;
}
#search-asset .section-header ul.features > li > ul.details {
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}
#search-asset .section-header ul.features > li > ul.details > li {
	line-height: 24px;
	padding: 0 12px;
	border-radius: 12px;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 0.75rem;
}

#search-asset .section-content {
	flex: 0 0 50%;
	background-image: url('images/home/search-asset-section-bg.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
}














#service .inner {
	gap: 90px;
	flex-direction: column;
}
#service .inner .section-header {
	flex: 1;
}
#service .inner .section-content {
	flex: 1;
}

ul.our-services-group {
	width: 100%;
	display: flex;
	gap: 40px;
	margin: 0 0 35px 0;
}
ul.our-services-group > li {
	width: calc(25% - 30px);
	flex-shirnk: 1;
	padding: 5px 10px;
	font-family: "Ydestreet", sans-serif;
	background-color: #5B5B5D;
	color: #fff;
}
ul.our-services-group > li:nth-child(1) {
	border-top-left-radius: 17px;
	border-bottom-left-radius: 17px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px 10px 5px 20px;
}
ul.our-services-group > li:nth-child(2) {
	flex-grow: 2;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
ul.our-services-group > li:nth-child(3) {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 17px;
	border-bottom-right-radius: 17px;
}
ul.our-services {
	width: 100%;
	display: flex;
	gap: 30px;
}
ul.our-services li.our-service {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 30px;
	background-color: #fff;
	border-radius: 15px;
	align-items: flex-start;
	gap: 10px;
}
ul.our-services li.our-service img {
	width: 24px;
	height: 24px;
	margin: 0 0 25px 0;

}
ul.our-services li.our-service h3 {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0 !important;
}
ul.our-services li.our-service p {
	font-size: 16px;
	line-height: 1.5;
}
ul.our-services li.our-service ul.service-for {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border-top: 1px dashed #2A2A2C;
}
ul.our-services li.our-service ul.service-for li {
	width: 100%;
	float: left;
	padding: 10px 0;
	font-size: 1rem;
	line-height: 1.36;
	border-bottom: 1px dashed #2A2A2C;
	position: relative;
}
ul.our-services li.our-service ul.service-for li:hover {
	color: #0f0f0f;
	font-weight: 600;
}
ul.our-services li.our-service ul.service-for li::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 14px;
	left: -21px;
	background-image: url('images/icons/icon-its-me.svg');
	background-size: cover;
	opacity: 0;
}
ul.our-services li.our-service ul.service-for li:hover::before {
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}


#portfolio .inner {
	display: flex;
	flex-direction: column;
}
#portfolio ul.articles-loop li.article-loop-item {
	width: 600px !important;
}
#portfolio ul.articles-loop li.article-loop-item .item-thumbnail {
	aspect-ratio: 4 / 3;
	margin: 0 0 30px 0;
}

#article .inner {
	display: flex;
	flex-direction: column;
}
ul.articles-loop {
	padding: 0 0 90px 0 !important;
}
ul.articles-loop li.article-loop-item {
	display: flex;
	flex-direction: column;
	width: 300px !important;
}
ul.articles-loop li.article-loop-item .item-thumbnail {
	display: flex;
	width: 100%;
	aspect-ratio: 1;
	background-size: cover;
	background-position: center;
	margin: 0 0 30px 0;
}
ul.articles-loop li.article-loop-item .item-thumbnail a {
	width: 100%;
	height: 100%;
	display: block;
}
ul.articles-loop li.article-loop-item .item-meta {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.project-info {
	display: flex;
	flex-direction: row;
	width: 100%;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 8px 0;
	margin: 0 0 8px 0;
	font-size: 0.875rem;
	justify-content: space-between;
}
.project-info .project-info-clinet a {
	text-decoration: none;
}
ul.articles-loop li.article-loop-item .item-meta ul.post-categories {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow: hidden;
	gap: 5px;
}
ul.articles-loop li.article-loop-item .item-meta ul.post-categories li::after {
	content: ", ";
	color: #808080;
}
ul.articles-loop li.article-loop-item .item-meta ul.post-categories li:last-child::after {
	content: none;
}
ul.articles-loop li.article-loop-item .item-meta ul.post-categories li a {
	text-decoration: none !important;
	color: #808080;
	font-size: 0.875rem;
}
ul.articles-loop li.article-loop-item .item-meta .item-title {
	font-size: 1.313rem;
	font-weight: 700;
	line-height: 1.36;
}
ul.articles-loop li.article-loop-item .item-meta .item-title a {
	text-decoration: none;
}
ul.articles-loop li.article-loop-item .item-meta > p {
	margin: 10px 0 0 0;
}
ul.articles-loop li.article-loop-item .item-meta div.post-views {
	width: auto;
	display: inline-block;
}
ul.articles-loop li.article-loop-item .item-meta div.post-views span.post-views-count {
	font-weight: 400;
	color: #2A2A2C;
	font-family: "Outfit", sans-serif;
}
ul.articles-loop li.article-loop-item .item-meta div.post-views span.post-views-count::before {
	content: "(";
}
ul.articles-loop li.article-loop-item .item-meta div.post-views span.post-views-count::after {
	content: ")";
}
ul.articles-loop li.article-loop-item .item-meta .item-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
ul.articles-loop li.article-loop-item .item-meta .item-date {
	font-size: 0.875rem;
	color: #5B5B5D;
}
ul.articles-loop li.article-loop-item .item-meta .item-date div.post-views span.post-views-count {
	font-weight: 400;
	color: #2A2A2C;
	font-family: "Outfit", sans-serif;
}
.swiper-scrollbar {
	height: 3px;
	width: 100% !important;
	top: calc(100% - 3px);
	left: 0 !important;
	bottom: unset;
}

#faq .inner {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}
#faq .inner .section-header {
	position: sticky;
	top: 150px;
	flex: 1 1 0;
	min-width: 0;
}
#faq .inner .section-content {
	margin-top: 250px;
	flex: 1 1 0;
	min-width: 0;
}

ul.faqs li.faq h3 {
	font-size: 1.313rem;
}


#start {
	padding: 70px 0 150px 0;
}
#start .inner {
	align-items: flex-end;
}
#start .inner .section-header {
	width: 75%;
	margin: 0;
}
#start .inner .section-header .section-title {
	color: #5B5B5D;
}
#start .inner .section-header .section-title strong {
	color: #F2EFE8;
}
#start .inner .section-content {
	width: 25%;
	align-self: flex-start;
	justify-content: flex-end;
	display: flex;
}
#start .inner .section-content img {
	width: auto;
	height: auto;
	max-height: 480px;
	align-self: flex-self;
	margin: 0;
}



/*************************************
   Page - About
*************************************/
body {
	width: 100%;
	float: left;
}
#primary {
	width: 100%;
	float: left;
	padding: 0 !important;
}
#about-hero {
	padding: 300px 0 150px 0;
}
#about-hero .inner {
	flex-direction: column;
}
#about-hero .inner .section-header {
	width: 100%;
	float: left;
	text-align: center;
}
#about-hero .inner .section-header .section-title {
	font-size: 2.951rem;
	margin: 0 0 35px 0;
	color: #fff;
}
#about-hero .inner .section-content {
	width: calc(100% + 80px);
	margin: 0 -40px;
	float: left;
}

#about-hero .inner .section-content .slider-outer {
	width: 100%;
	position: relative;
}
#about-hero .inner .section-content .slider-outer .swiper-slide {
	width:  320px;
}
/* Edge fades */
/* .slider-outer::before,
.slider-outer::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100px;
	z-index: 10;
	pointer-events: none;
}

.slider-outer::before {
	left: 0;
	background: linear-gradient(to right, #F5F4F0 20%, transparent);
}

.slider-outer::after {
	right: 0;
	background: linear-gradient(to left, #F5F4F0 20%, transparent);
} */

/* ── Swiper ── */
.swiper {
	width: 100%;
	overflow: visible;
	padding: 0 !important;
	margin: 50px 0 0 0 !important;
	cursor: grab;
	user-select: none;
}
.swiper.dragging {
	cursor: grabbing;
}
.swiper-slide {
	height: auto;
	will-change: transform;
}

/* ── Card ── */
.card {
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
	opacity: .35;
}
.card:hover {
	opacity: 1;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.swiper:not(.dragging) .swiper-slide:hover .card {
	transform: translateY(-4px);
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.10);
}

.card-text {
	padding: 22px 22px 14px;
	flex-shrink: 0;
}

.card-year {
	font-size: 10px;
	font-weight: 400;
	color: #AAAAAA;
	letter-spacing: 1.5px;
	margin-bottom: 10px;
}

.card-title {
	font-size: 15px;
	font-weight: 700;
	color: #111;
	line-height: 1.25;
	margin-bottom: 9px;
	word-break: keep-all;
}

.card-desc {
	font-size: 11px;
	font-weight: 500;
	color: #666;
	line-height: 1.6;
	word-break: keep-all;
}

.card-divider {
	height: 1px;
	margin: 0 22px;
	background: #1A1A1A;
	flex-shrink: 0;
}

/* ── Image area ── */
.card-image {
	flex: 1;
	overflow: hidden;
	position: relative;
	background: #EEEDE9;
}

.card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
	transition: transform 0.4s ease;
}

.swiper:not(.dragging) .swiper-slide:hover .card-image img {
	transform: scale(1.03);
}



/* ── 리빌 섹션 ── */
#about-message {
	position: relative;
	min-height: 700vh;
}

#about-message .inner {
	max-width: 100%;
	position: relative;
	height: 100vh;
	display: flex;
	align-items: center;
}

#about-message .section-content {
	position: relative;
	width: 100%;
}
#about-message .section-content .message-block-wrap {
	position: absolute;
	left: 50%;
	top: calc(50% - 175px);
	width: 100%;
	transform: translate(-50%, -50%);
}
#about-message .message-block {
	opacity: 0;
	visibility: hidden;
	will-change: transform, opacity;
	text-align: center;
}
#about-message .message-block h2,
#about-message .message-block p {
	color: #2A2A2C;
	word-break: keep-all;
	text-align: center;
}

#about-message .message-block h2 {
	width: 100%;
	float: left;
	font-size: 2.951rem;
	line-height: 1.2;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	margin: 0 0 35px 0;
}

#about-message .message-block p {
	max-width: 800px;
	word-break: keep-all;
	font-size: 1.5rem;
	line-height: 1.8;
	font-weight: 500;
	margin: 0 auto;
}
#about-message .message-block .message-signature {
	width: 100%;
	margin: 35px 0 0 0;
	float: left;
	text-align: center;
}
#about-message .message-block .message-signature strong {
	font-weight: 400;
	font-size: 1rem;
	color: #5B5B5D;
}
#about-message .char {
	color: #5B5B5D;
	transition: color 0.12s linear;
}

#about-message h2 .char.is-active {
	color: #F2EFE8;
}
#about-message p .char.is-active {
	color: #F2EFE8;
}



#about-visual {
	width: 100%;
	height: 100vh;
	float: left;
	background-image: url('images/home/about-bg.jpg');
	background-attachment: fixed;
	background-position: center;
}

/*************************************
   Page
*************************************/
.home #primary {
	padding: 0;
}
body {
	width: 100%;
	float: left;
}
#primary {
	width: 100%;
	float: left;
	padding: 0 !important;
}
.page #primary article {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 300px 0 150px 0;
	gap: 150px;
	color: #999;
}
.page #primary article .entry-header {
	width: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 35px;
}
.page #primary article .entry-header .entry-title {
	width: 100%;
	float: left;
	line-height: 1.2;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	font-size: 2.951rem;
	margin: 0;
	color: #fff;
}
.page #primary article .entry-header p {
	width: 100%;
	float: left;
	margin: 0;
	font-size: 1rem;
	line-height: 1.625;
	color: #5B5B5D;
}
.page #primary article .entry-content {}



/*************************************
   Metabox Input
*************************************/

.rwmb-form > .rwmb-field.rwmb-text-wrapper {
	display: none;
}
.rwmb-form-submit {
	width: 100%;
	float: left;
}
.rwmb-meta-box {
	width: 100%;
	float: left;
	margin: -90px 0 0 0;
}
.rwmb-confirmation {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 35px auto !important;
	float: none;
	text-align: center;
}
#rwmb-validation-message {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto 35px auto !important;
	float: none;
	text-align: center;
}
.rwmb-form-submit {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto 35px auto !important;
	float: none;
}
.rwmb-form-submit .rwmb-input button[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	height: 64px;
	line-height: 64px;
	background-color: #FF4D00;
	color: #fff;
	border: none;
	border-radius: 0;
	padding: 0;
	font-size: 1.125rem;
}
.rwmb-meta-box .rwmb-field {
	width: 100%;
	max-width: 900px;
	padding: 0 0 35px 0;
	border-bottom: 1px dashed #2A2A2C;
	margin: 0 auto 35px auto !important;
	float: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.rwmb-meta-box .rwmb-field.rwmb-heading-wrapper {
	gap: 5px;
	margin: 90px auto 20px auto !important;
	border-bottom: none !important;
}
.rwmb-meta-box .rwmb-field.rwmb-heading-wrapper h4 {
	width: 100%;
	float: left;
	font-size: 1rem;
	font-weight: 400;
	color: #FF4D00;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #FF4D00;
}
.rwmb-meta-box .rwmb-field.rwmb-heading-wrapper p {
	width: 100%;
	float: left;
	font-size: 0.875rem;
}
.rwmb-meta-box .rwmb-field .rwmb-label {
	width: 100%;
	float: left;
}
label[for="start_benchmark_sites_site_url"] {
	font-weight: 400 !important;
}
.rwmb-group-clone > .rwmb-field {
	padding: 0;
	gap: 10px;
	border-bottom: none;
}
.rwmb-meta-box > .rwmb-field > .rwmb-label > label {
	font-size: 1.313rem;
	font-weight: 400;
	color: #bbb;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
}
.rwmb-meta-box > .rwmb-field > .rwmb-label > label a {
	color: #bbb;
}
.rwmb-meta-box > .rwmb-field > .rwmb-input {
	width: 100%;
	float: left;
}
.rwmb-meta-box > .rwmb-field > .rwmb-input .rwmb-file-new .rwmb-file-input {

}
.rwmb-meta-box .rwmb-field .rwmb-input .rwmb-clone {
	background: transparent;
	padding-right: 30px;
	position: relative;
}
.rwmb-meta-box .rwmb-field .rwmb-input .rwmb-clone a.remove-clone {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	margin: 0;
}
.rwmb-group-wrapper .rwmb-clone:after {
	display: none !important;
	border-bottom: 1px solid #333 !important;
}
.rwmb-meta-box .rwmb-field .rwmb-input .rwmb-clone .rwmb-field {
	margin: 0 0 20px 0 !important;
}

.rwmb-upload-area {
	height: 200px !important;
	border: 4px dashed #2A2A2C !important;
	font-size: 0.875rem;
	margin: 0 0 10px 0 !important;
}
.rwmb-upload-area .rwmb-upload-inside h3 {
	font-size: 1rem !important;
	margin: 0 0 1rem 0 !important;
}
.rwmb-upload-area .rwmb-upload-inside p {
	font-size: 0.875rem !important;
	margin: 0 0 10px 0 !important;
}
.rwmb-upload-area .rwmb-upload-inside .rwmb-browse-button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	line-height: 36px;
	padding: 0 15px;
	background-color: #2A2A2C;
	color: #ccc;
	font-size: 0.875rem;
}

.rwmb-meta-box .rwmb-field .rwmb-input a {
	color: #999;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.rwmb-meta-box .rwmb-field .rwmb-input a:hover {
	color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.rwmb-meta-box .rwmb-field .rwmb-input input:focus,
.rwmb-meta-box .rwmb-field .rwmb-input textarea:focus {
	outline: none !important;
}
.rwmb-meta-box .rwmb-field .rwmb-input input:not([type="checkbox"]):not([type="radio"]) {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #191919;
	border: none;
	border-radius: 0;
	height: 54px;
	line-height: 54px;
	padding: 0 15px;
	color: #fff;
}
.rwmb-meta-box .rwmb-field .rwmb-input p.description {
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 0.875rem;
	color: #5B5B5D;
}


.rwmb-meta-box .rwmb-field .rwmb-input .rwmb-file-new .rwmb-file-input {
	margin: 0 0 12px 0;
}
.rwmb-meta-box .rwmb-field .rwmb-input textarea {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #191919;
	border: none;
	border-radius: 0;
	line-height: 1.5;
	padding: 15px;
	color: #fff;
}
.rwmb-meta-box .rwmb-field .rwmb-input input:focus {
	outline: none;
}
.rwmb-meta-box .rwmb-field .rwmb-input fieldset {
	padding: 0;
	border: none;
}
.rwmb-meta-box .rwmb-field .rwmb-input fieldset label {
	font-size: 1.125rem;
	line-height: 1.36;
	margin: 0 0 10px 0;
	letter-spacing: 0;
}
.rwmb-meta-box .rwmb-field .rwmb-input fieldset label input {}
.rwmb-required {
	color: #FF4D00;
}
.text-limiter > span {
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 0 4px 4px; */
	display: inline-block;
	padding: 0 !important;
	font-size: 0.75rem;
}

.rwmb-media-view {
	width: 100%;
	float: left;
}
.rwmb-media-view ul.rwmb-media-list {
	width: 100%;
	float: left;
}
.rwmb-media-view ul.rwmb-media-list li.rwmb-file {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 20px;
	border-radius: 5px;
	background-color: #191919;
}
.rwmb-media-view ul.rwmb-media-list li.rwmb-file .rwmb-file-info > a {
	font-size: 1rem;
	font-weight: 500;
}
.rwmb-media-view ul.rwmb-media-list li.rwmb-file .rwmb-file-info > .rwmb-file-name {
	font-size: 0.875rem;
}
.rwmb-media-progress {
	width: 100%;
	float: left;
}
.rwmb-media-status {
	width: 100%;
	float: left;
}















/* 공통 리스트 구조 */
.rwmb-checkbox_list-wrapper .rwmb-input-list,
.rwmb-radio-wrapper .rwmb-input-list {
	display: grid;
	gap: 5px;
	margin: 0;
	padding: 0;
	border: 0;
}
/* label을 선택 카드처럼 */
.rwmb-checkbox_list-wrapper .rwmb-input-list label,
.rwmb-radio-wrapper .rwmb-input-list label {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 15px;
	line-height: 1.5;
	cursor: pointer;
	transition: border-color .2s ease, background-color .2s ease;
}
.rwmb-checkbox_list-wrapper .rwmb-input-list.rwmb-inline {
	justify-content: space-between !important;
}
.rwmb-checkbox_list-wrapper .rwmb-input-list.rwmb-inline label {
	flex-grow: 1 !important;
}
/* 기본 input 모양 커스텀 */
.rwmb-checkbox_list,
.rwmb-radio {
	appearance: none;
	-webkit-appearance: none;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	border: 1.5px solid #5B5B5D;
	background: #5B5B5D;
}
/* 체크박스 */
.rwmb-checkbox_list {
	border-radius: 0;
}
/* 라디오 */
.rwmb-radio {
	border-radius: 50%;
}
/* 선택된 상태 */
.rwmb-checkbox_list:checked,
.rwmb-radio:checked {
	border-color: #5B5B5D;
	background: #5B5B5D;
}

/* 체크박스 체크 표시 */
.rwmb-checkbox_list:checked::after {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	margin: 3px;
	border: 5.5px solid #FF4D00;
}

/* 라디오 내부 점 */
.rwmb-radio:checked::after {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	margin: 3px;
	border-radius: 50%;
	background: #FF4D00;
}

/* 선택된 항목의 label 강조 */
.rwmb-input-list label:has(input:checked) {
	border-color: #111;
}

/* 키보드 접근성 */
.rwmb-input-list label:has(input:focus-visible) {
	outline: 2px solid #111;
	outline-offset: 2px;
}



/*************************************
   Archive
*************************************/
.archive .page-header {
	width: 100%;
	float: left;
	padding: 300px 0 150px 0;
	text-align: center;
}
.archive .page-header .inner {
	flex-direction: column;
	gap: 20px;
	align-items: center;
}
.archive .page-header .page-eyebrow {
	width: 100%;
	float: left;
	font-size: 1rem;
	color: #FF4D00;
	margin: 0;
}
.archive .page-header .inner img.avatar {
	border-radius: 50% 50%;
	overflow: hidden;
}
.archive .page-header .page-title {
	width: 100%;
	float: left;
	font-size: 2.951rem;
	margin: 0;
	line-height: 1.2;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	color: #fff;
}
.archive .page-header .page-title strong {
	color: #5B5B5D;
}
.archive .page-header .archive-description {
	width: 100%;
	float: left;
	margin: 0;
	font-size: 1rem;
	line-height: 1.625;
	color: #5B5B5D;
	white-space: pre-line;
}
.archive .page-header ul.author-social {
	display: flex;
	flex-direction: row;
	gap: 50px;
	justify-content: center;
	margin: 35px 0 0 0;
}
.archive .page-header ul.author-social li {
	filter: invert(1);
	opacity: .35;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.archive .page-header ul.author-social li:hover {
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.archive .page-header ul.author-social li a {
	width: 100%;
	height: 100%;
	display: block;
}
.archive .page-header ul.author-social li.facebook {}
.archive .page-header ul.author-social li.instagram {}
.archive .page-header ul.author-social li.linkedin {}

.archive .page-content {
	width: 100%;
	float: left;
}
.archive .page-content .inner {
	flex-direction: column;
}

#category-menu {
	width: 100%;
	float: left;
	margin: 50px 0 0 0;
	text-align: center;
}
#category-menu li.menu-item {
	display: inline-block;
	float: none;
	font-size: 1.313rem;
	margin: 0 20px;
}
#category-menu li.menu-item a {
	color: #5B5B5D;
	text-decoration: none;
}
#category-menu li.current-menu-item {
	font-weight: 700 !important;
	color: #fff !important;
}
#category-menu li.current-menu-item a {
	color: #fff !important;
}

.page-template-page-article .page-header {
	width: 100%;
	float: left;
	padding: 300px 0 150px 0;
	text-align: center;
}
.page-template-page-article .page-header .inner {
	flex-direction: column;
	gap: 20px;
}
.page-template-page-article .page-header .page-eyebrow {
	width: 100%;
	float: left;
	font-size: 1rem;
	color: #FF4D00;
	margin: 0;
}
.page-template-page-article .page-header .page-title {
	width: 100%;
	float: left;
	font-size: 2.951rem;
	margin: 0;
	line-height: 1.2;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	color: #fff;
}
.page-template-page-article .page-header .page-title strong {
	color: #5B5B5D;
}
.page-template-page-article .page-header p.archive-description {
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
	font-size: 1rem;
	line-height: 1.625;
	color: #5B5B5D;
}
.page-template-page-article .page-content {
	width: 100%;
	float: left;
}
.page-template-page-article .page-content .inner {
	flex-direction: column;
}



.pagination {
	margin: 35px 0 0 0;

}
.pagination .page-numbers {
	color: #5B5B5D;
	margin: 0 15px 0 0;
	text-decoration: none;
}
.pagination .page-numbers.current {
	color: #fff;
}
.article-wrap {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 70px 40px;
}
.article-wrap article {
	display: flex;
	flex-direction: column !important;
	gap: 20px !important;
	padding: 0 !important;
}
.article-wrap article .entry-thumbnail {
	width: 100%;
	aspect-ratio: 4 / 3;
	background-size: cover;
	background-position: center;
}
.article-wrap article .entry-thumbnail a {
	display: block;
	width: 100%;
	height: 100%;

}
.article-wrap article > .entry-meta {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.article-wrap article .entry-meta ul.post-categories {
	display: flex;
	flex-direction: row;
	gap: 5px;
}
.article-wrap article .entry-meta ul.post-categories li::after {
	content: ", ";
	color: #5b5b5e;
}
.article-wrap article .entry-meta ul.post-categories li:last-child::after {
	content: none;
}
.article-wrap article .entry-meta ul.post-categories li a {
	text-decoration: none;
	color: #FF4D00;
}
.article-wrap article .entry-meta .entry-title {
	width: 100%;
	float: left;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.36;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	word-break: keep-all;
}
.article-wrap article .entry-meta .entry-title a {
	text-decoration: none;
	color: #efefef;
}
.article-wrap article .entry-meta > p {
	color: #5b5b5e;
	margin: 0 0 15px 0;
}
.article-wrap article .entry-meta ul.entry-area {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 5px;
}
.article-wrap article .entry-meta ul.entry-area li {
	float: left;
	font-size: 0.875rem;
}
.article-wrap article .entry-meta ul.entry-area li a {
	display: inline-block;
	color: #ddd;
	background-color: #2a2a2c;
	text-decoration: none;
	line-height: 1.5;
	padding: 0 5px;
}
.article-wrap article .entry-meta .entry-info {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.entry-author {
	color: #5B5B5D;
	display: flex;
	flex-direction: row;
	line-height: 1.36;
	gap: 3px;
	align-items: center;
	justify-content: center;
	font-size: 0.875rem;
}
.entry-author > img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin: 0 5px 0 0;
}
.entry-author > span {
	font-family: "Georgia", serif;
	font-weight: 700;
	font-style: italic;
	line-height: 1.36;
	font-size: 0.75rem;
}
.entry-author > div > p > a {
	color: #5B5B5D;
	text-decoration: none;
}
.entry-date {
	color: #5B5B5D;
	font-size: 0.875rem;
	white-space: nowrap;
}
.entry-date .post-views {
	display: inline-block;
}
.entry-date .post-views .post-views-count {
	color: #5B5B5D;
	font-size: 0.875rem;
	line-height: 1.36;
	float: none;
	display: inline-block;
}


/*************************************
   Single - Work
*************************************/
.single-work .entry-header {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center bottom;
	position: relative;
}
.single-work .entry-header .black-filter {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .65);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1500;
}
.single-work .entry-header .inner {
	height: 100%;
	position: relative;
}
.single-work .entry-header .inner .entry-meta {
	position: absolute;
	bottom: 150px;
	left: 50%;
	transform: translateX(-50%);
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	z-index: 2500;
}
.single-work .entry-content-wrap .inner {
	justify-content: center;
}


/*************************************
	Single - Post
*************************************/
.single-post .entry-header {
	width: 100%;
	float: left;
	padding: 250px 0 70px 0;
	text-align: center;
}
.single-post .entry-content-wrap {
	width: 100%;
	float: left;
	padding: 90px 0 150px 0 !important;
	background-color: #f9f9f9 !important;
}
.single-post .entry-header .inner {
	max-width: 1080px !important;
}
.single-post .entry-header .inner .entry-meta {
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 35px;
	justify-content: center;
	z-index: 2500;
	word-break: keep-all;
}
.single .entry-header .inner .entry-meta .entry-area {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 5px;
	justify-content: center;
}
.single .entry-header .inner .entry-meta .entry-area li {
	font-size: 1rem;
}
.single .entry-header .inner .entry-meta .entry-area li a {
	display: inline-block;
	color: #0f0f0f;
	background-color: #fff;
	text-decoration: none;
	line-height: 1.5;
	padding: 0 5px;
}


.single .entry-header .inner .entry-meta ul.post-categories {
	display: flex;
	flex-direction: row;
	gap: 5px;
	justify-content: center;
}
.single .entry-header .inner .entry-meta ul.post-categories li::after {
	content: ", ";
	color: #5b5b5e;
}
.single .entry-header .inner .entry-meta ul.post-categories li:last-child::after {
	content: none;
}
.single .entry-header .inner .entry-meta ul.post-categories li a {
	text-decoration: none;
	color: #FF4D00;
}

.single .entry-header .inner .entry-meta .entry-title {
	color: #fff;
	font-size: 2.951rem;
	line-height: 1.2;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	word-break: keep-all;
	text-align: center;
}
.single .entry-header .inner .entry-meta p {
	text-align: center;
	color: #ddd;
	font-size: 1.125rem;
	line-height: 1.75;
}
.single .entry-header .inner .entry-meta .entry-author {
	float: left;
	text-align: center;
	color: #5B5B5D;
	font-size: 1rem;
	display: flex;
	flex-direction: row;
	line-height: 1.36;
	gap: 10px;
	align-items: center;
	justify-content: center;
}
.single .entry-header .inner .entry-meta .entry-author span {
	font-family: "Georgia", serif;
	font-weight: 700;
	font-style: italic;
	line-height: 1.36;
	font-size: 0.875rem;
}
.single .entry-header .inner .entry-meta .entry-author img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin: 0;
}
.single .entry-header .inner .entry-meta .entry-author p {
	color: #5B5B5D;
	font-size: 1rem;
	line-height: 1.36;
	float: none;
	display: inline-block;
}
.single .entry-header .inner .entry-meta .entry-info {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 50px;
}
.single .entry-header .inner .entry-meta .entry-info .share-buttons button {
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 24px;
	height: 24px;
	border: none;
	background-color: #2a2a2c;
	border-radius: 50% 50%;
	padding: 0;
	opacity: .35;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.single .entry-header .inner .entry-meta .entry-info .share-buttons button img {
	opacity: 1;
	filter: brightness(0) invert(1);
	width: 14px;
	height: 14px;
}
.single .entry-content-wrap {
	width: 100%;
	float: left;
	padding: 120px 0 150px;
	background-color: #f9f9f9;
}
.single .entry-content-wrap .inner {
	flex-direction: row;
	justify-content: space-between;
}
.single .entry-content-wrap .inner .scrollmagic-pin-spacer {
	max-width: 274px;
	width: 100%;
}
.single .entry-content-wrap .inner .entry-content-left {
	max-width: 274px;
	width: 100%;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container {
	width: 100%;
	border: none;
	padding: 0;
	color: #0F0F0F;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container .ez-toc-title-container {
	width: 100%;
	float: left;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container .ez-toc-title-container p {
	width: 100%;
	float: left;
	margin: 0 0 12px 0;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav {
	width: 100%;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list {
	width: 100%;
	border-top: 2px solid #0F0F0F;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list > li.ez-toc-heading-level-2 {
	width: 100%;
	line-height: 1.36;
	word-break: keep-all;
	font-weight: 600;
	font-size: 1rem !important;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list > li.ez-toc-heading-level-2 > a {
	width: 100%;
	display: inline-block;
	padding: 12px 0;
	border-bottom: 1px solid #bbb;
	color: #0F0F0F;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list > li.ez-toc-heading-level-2 > a:hover {
	text-decoration: none;
	color: #0F0F0F;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list > li.ez-toc-heading-level-2 > ul.ez-toc-list-level-3 {
	margin-left: 10px;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list > li.ez-toc-heading-level-2 > ul.ez-toc-list-level-3 > li.ez-toc-heading-level-3 {
	width: 100%;
	line-height: 1.36;
	padding: 9px 0;
	border-bottom: 1px dashed #ddd;
	font-size: 1rem !important;
	font-weight: 400;
	word-break: break-all;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list > li.ez-toc-heading-level-2 > ul.ez-toc-list-level-3 > li.ez-toc-heading-level-3:last-child {
	border-bottom: none !important;
}
.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list > li.ez-toc-heading-level-2 > ul.ez-toc-list-level-3 > li.ez-toc-heading-level-3 > a {

}
.single .entry-content-wrap .inner .entry-content-right {
	max-width: 274px;
	width: 100%;
}
.single .entry-content-wrap .inner .entry-content-right .btn-area {
	display: flex;
	flex-direction: column;
	margin: 0;
	gap: 12px;
}
.btn-area-align-center {
	justify-content: center;
}
.single .entry-content-wrap .inner .entry-content-right .btn-area .btn {
	width: 100%;
	text-align: center;
	padding: 0 5px;
}

.single .entry-content-wrap .inner .entry-content #ez-toc-container {
	display:  none;
}

.wp-block-embed.is-type-wp-embed,
.wp-block-embed.is-type-wp-embed .wp-block-embed__wrapper,
.wp-block-embed.is-type-wp-embed iframe {
	width: 100%;
	max-width: 100%;
}

.single .entry-content {
	max-width: 680px;
	width: 100%;
	color: #0F0F0F;
	font-size: 1rem;
	line-height: 1.75;
}
.single .entry-content p {
	font-size: 1rem;
	line-height: 1.75;
	margin: 0 0 1.75rem 0;
}
.single .entry-content p a {
	text-decoration: none;
	border-bottom: 1px dashed #5b5b5e;
	color: #0F0F0F;
}
.single .entry-content p a:hover {
	border-bottom: 1px solid #5b5b5e;
}
.single .entry-content h2 {
	color: #2A2A2C;
	font-size: 1.5rem;
	line-height: 1.375;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	word-break: keep-all;
	margin: 3.375rem 0 1rem 0;
}
.single .entry-content h2:nth-child(1) {
	margin: 0 0 1.75rem 0;
}
.single .entry-content h3 {
	font-size: 1.125rem;
	line-height: 1.375;
	margin: 2.25rem 0 1rem 0;
	color: #0F0F0F;
}
.single .entry-content h4 {
	font-size: 1rem;
	line-height: 1.75;
	margin: 0;
}


.single .entry-content .wp-block-image {
	margin: 2.25rem 0;
}

.single .entry-content .wp-block-image.no-shadow img {
	box-shadow: none;
}
.single .entry-content .wp-block-image.filter-multiply img {
	mix-blend-mode: multiply;
}
.single .entry-content .wp-block-image .wp-element-caption {
	margin: 10px 0 0 0 !important;
	font-size: 1rem;
	color: #676767;
	line-height: 1.5;
	text-align: center;
}
.single .entry-content .wp-block-image a {
	width: 100%;
}
.single .entry-content .wp-block-image img {
	width: 100%;
	box-shadow: 0 0 30px rgba(0, 0, 0, .05);
}


.single .entry-content .wp-block-quote {
	width: calc(100% - 35px);
	margin: 2.25rem 0 1rem 35px;
	position: relative;
}
.single .entry-content .wp-block-quote::before {
	content: "";
	display: block;
	width: 25px;
	height: 20px;
	background-image: url('images/icons/icon-quote.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: -12px;
	left: -1.5rem;
}
.single .entry-content .wp-block-quote p {
	line-height: 1.36;
	font-weight: 400;
	font-size: 1.5rem;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	word-break: keep-all;
}
.single .entry-content hr.wp-block-separator {
	border-top: 1px solid #5B5B5D;
	margin: 3.375rem 0;
}
.single .entry-content ul.wp-block-list {
	width: calc(100% - 20px);
	margin: 0 0 1.75rem 20px;
	list-style: disc;
}
.single .entry-content ol.wp-block-list {
	width: calc(100% - 20px);
	margin: 0 0 1.75rem 20px;
	list-style: decimal;
}


.single .entry-content .wp-block-group.case {
	padding: 20px;
	border-radius: 5px;
	margin: 0 0 2.25rem 0;
}
.single .entry-content .wp-block-group.case .case-title {
	margin: 0 !important;
	position: relative;
}
.single .entry-content .wp-block-group.case .case-title span.ui-accordion-header-icon {
	display: block;
	position: absolute;
	right: 10px;
	top: 2px;
	width: 24px;
	height: 24px;
	background-image: url('images/icons/icon-chevron-down.svg');
	background-size: 14px 8px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .25;
}
.single .entry-content .wp-block-group.case .case-title.ui-state-active span.ui-accordion-header-icon {
	background-image: url('images/icons/icon-chevron-up.svg');
	opacity: 1;
}
.single .entry-content .wp-block-group.case .case-title span {}
.single .entry-content .wp-block-group.case .case-title span {}
.single .entry-content .wp-block-group.case .case-content {
	margin: 1.625rem 0 0 0 !important;
}
.entry-content p a {
	color: #0F0F0F;
}

.single .entry-content p strong {
	font-weight: 600;
	color: #0F0F0F;
}
.single .entry-content p.has-text-color strong {
	color: inherit;
}
.single .entry-content ul.wp-block-list.block {
	width: 100%;
	list-style: none;
	margin: 0 0 1.625rem 0;
	padding: 0;
}
.single .entry-content ul.wp-block-list.block li {
	width: 100%;
	margin: 0 0 12px 0;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #e1e1e1;
	background-color: #efefef;
	line-height: 1.5;
}
.single .entry-content ul.wp-block-list.block li em {
	display: block;
	float: left;
	width: 100%;
	margin: 12px 0 5px 0;
	font-size: 0.875rem;
	font-weight: 700;
	font-style: normal;
	color: #FF4D00;
	border-top: 1px dashed #bbb;
	padding: 12px 0 0 0;
}
.single .entry-content .wp-block-code {
	background-color: #2a2a2c;
	font-size: 0.875rem;
	color: #f2efe9;
}

.single .wp-block-table {
	margin: 1.75rem 0 3.375rem 0;
}
.single .wp-block-table table {
	font-size: 0.875rem;
	line-height: 1.36;
	border: none;
	margin: 0;
}
.single .wp-block-table table thead {
	border: none;
}
.single .wp-block-table table thead tr th {
	background-color: #efefef;
	color: #0F0F0F;
	border: none;
	border-top: 2px solid #0F0F0F;
	border-right: 1px solid rgba(91, 91, 93, .35);
	font-weight: 500;
	border-bottom: 1px solid #0F0F0F;
}
.single .wp-block-table table thead tr th:last-child {
	border-right: none;
}
.single .wp-block-table table tbody tr td {
	border: none;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	word-break: keep-all;
}
.single .wp-block-table table tbody tr td:last-child {
	border-right: none;
}
.single .wp-block-table table tbody tr td code {
	background-color: #2a2a2c;
	font-size: 0.75rem;
	padding: 3px 5px;
	line-height: 1.125rem;
	border-radius: 3px;
	display: inline;
}
.single .wp-block-table table tbody tr td a {
	color: #bbb
}



.single .wp-block-yoast-faq-block {
	width: 100%;
	float: left;
	border-top: 1px solid #0f0f0f;
	margin: 0;
}
.single .wp-block-yoast-faq-block .schema-faq-section {
	padding: 24px 0 24px 34px;
	border-bottom: 1px solid #0f0f0f;
}
.single .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question {
	font-size: 1.125rem;
	font-family: "Pretendard", sans-serif;
	line-height: 1.2;
	position: relative;
	cursor: pointer;
}
.single .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question span.ui-accordion-header-icon {
	display: block;
	position: absolute;
	left: -34px;
	top: 0px;
	width: 24px;
	height: 24px;
	background-image: url('images/icons/icon-chevron-down.svg');
	background-size: 14px 8px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .25;
}
.single .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question.ui-state-active span.ui-accordion-header-icon {
	background-image: url('images/icons/icon-chevron-up.svg');
	opacity: 1;
}
.single .wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer {
	width: 100%;
	margin: 20px 0 0 0;
	font-size: 1rem;
	line-height: 1.6;
}



.single .entry-content ul.entry-tags {
	display: flex;
	margin: 50px 0 0 0;
	flex-direction: row;
	gap: 10px;
}
.single .entry-content ul.entry-tags li {}
.single .entry-content ul.entry-tags li a {
	display: block;
	text-decoration: none;
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	font-size: 1rem;
	padding: 0 12px;
	line-height: 44px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.single .entry-content ul.entry-tags li a:hover {
	background-color: #0F0F0F;
	border: 1px solid #0F0F0F;
	color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}


/*************************************
   page
*************************************/

.page .entry-content {
	max-width: 680px;
	margin: 0 auto;
	color: #bbb;
	font-size: 1.125rem;
	line-height: 1.625em;
}
.page .entry-content ul {
	width: clac(100% - 20px);
	margin: 0 0 1.625rem 20px;
	list-style: disc;
}
.page .entry-content p {
	font-size: 1.125rem;
	line-height: 1.625em;
	margin: 0 0 1.625rem 0;
}
.page .entry-content h2 {
	color: #efefef;
	font-size: 1.5rem;
	line-height: 1.2;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
	word-break: keep-all;
	margin: 2.951rem 0 1.125rem 0;
}
.page .entry-content h2:nth-child(1) {
	margin: 0 0 1.125rem 0;
}
.page .entry-content h3 {
	font-size: 1.313rem;
	line-height: 1.2;
	margin: 1.688rem 0 1rem 0;
}
.page .entry-content h4 {
	font-size: 1.125rem;
	line-height: 1.625;
	margin: 0;
}







/*************************************
   Page - Service
*************************************/
#criteria {
	background-color: #fff;
	color: #0f0f0f;
}
#criteria .inner {
	gap: 70px;
	flex-direction: column;
}
#criteria .inner .section-header {

}
#criteria .inner .section-header p {
	color: #5B5B5D;
}
#criteria .inner .scrollmagic-pin-spacer {
	max-width: 780px;
	flex: 1;
}
#criteria .inner .section-content {
	flex: 1;
	margin: 0;
	color: #0f0f0f;
}
#criteria .inner .section-content .website-checklist {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px;
}
#criteria .inner .section-content .website-checklist .checklist-actions {}
#criteria .inner .section-content .website-checklist .checklist-item {
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 30px rgba(0, 0, 0, .05);
	padding: 35px 20px 20px 20px;
	border-top: 3px solid #0f0f0f;
}
#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row {
	position: relative;
	margin: 0 0 35px 0;
	border-bottom: 1px dashed #bbb;
}
#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row p {
	font-family: "Pretendard", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	margin: 20px 0 20px 0;
	letter-spacing: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	height: 7.5em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row .accordion-trigger {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0;
	background: transparent;
	line-height: 1.2;
	border: none;
	position: relative;
	text-align: left;
	word-break: keep-all;


}
#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row .accordion-trigger strong {
	font-family: "Ydestreet", sans-serif;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 700;
	position: relative;
	cursor: pointer;
	letter-spacing: 0.03em;
	text-align: left;
}
#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel ul {
	width: calc(100% - 22px);
	margin: 0 0 0 22px;
	padding: 0;
	float: left;
}
#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel ul li {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 5px 0;
	color: #2A2A2C;
}
#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel ul li::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('images/icons/icon-check.svg');
	background-size: cover;
	position: absolute;
	top: 5px;
	left: -22px;
}
.checklist-result[hidden] {
	display: none;
}
.checklist-actions[hidden] {
  display: none !important;
}
.btn-check-result.is-hidden {
  display: none !important;
}
#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row .checklist-check {
	display: block;
	margin: 0 0 20px 0;
}


#criteria .inner .section-content .website-checklist .checklist-actions button.btn-check-result {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	border: none;
	color: #fff;
	background-color: #0f0f0f;
	border-radius: 0;
	line-height: 64px;
	padding: 0;
	text-align: center;
	font-size: 1.125rem;
}

.checklist-check input {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	display: block;
	width: 18px;
	height: 18px;
	border: 2px solid #0f0f0f;
	border-radius: 3px;
	background: #fff;
}

.checklist-check input:checked+.checkmark {
	background: #FF4D00;
	box-shadow: inset 0 0 0 2px #fff;
}
#criteria .inner .checklist-result {
	width: 100%;
	float: left;
	background-color: #0f0f0f;
	color: #fff;
	padding: 30px 20px 20px 20px;
	margin: 0;
	min-height: 486px;
}
#criteria .inner .checklist-result .result-eyebrow {
	display: block;
	width: 100%;
	font-size: 0.75rem;
	font-weight: 500;
	color: #FF4D00;
	margin: 0 0 5px 0;
}
#criteria .inner .checklist-result h3 {
	font-family: "Ydestreet", sans-serif;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.03em;
	margin: 20px 0 20px 0;
	word-break: keep-all;
	color: #fff;
}
#criteria .inner .checklist-result p {
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	color: #bbb;
}
#criteria .inner .checklist-result .result-recommend {
	width: 100%;
	float: left;
	margin: 20px 0 20px 0;
	font-size: 1rem;
	line-height: 1.5;
	color: #bbb;
}
#criteria .inner .checklist-result .result-recommend strong {
	display: block;
	width: 100%;
	font-size: 0.875rem;
	color: #fff;
	margin: 0 0 5px 0;
}
#criteria .inner .checklist-result .result-recommend a {
	display: inline-block;
	font-weight: 400;
	color: #fff;
	font-size: 0.9rem;
	text-decoration: none;
	background-color: #5B5B5D;
	padding: 0 5px;
	margin: -1px 3px 0 3px;
	border-radius: 3px;
}
#criteria .inner .checklist-result .result-recommend a:hover {
	background-color: #FF4D00;
}
#criteria .inner .checklist-result .result-recommend a::after {
 	content: "↓";
	margin: 0 0 0 2px;
	font-weight: 400;
}
#criteria .inner .checklist-result .result-links {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
}
#criteria .inner .checklist-result .result-links a {
	margin: 0;
	color: #5B5B5D !important;
	font-size: 0.875rem;
}













.home-section-half .inner {
	gap: 90px !important;
	flex-direction: row !important;
}
.home-section-half .inner .section-header {
	flex: 1 !important;
	padding: 0 90px 0 0;
	word-break: keep-all;
}
.home-section-half .inner .section-content {
	flex: 1 !important;
	padding: 250px 0 0 0;
}
.home-section-half .inner .scrollmagic-pin-spacer {
	max-width: 50%;
}



ul.our-services {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
}

.home #service ul.our-services {
	flex-direction: row !important;
	gap: 30px !important;
}



#service-table .inner {
	flex-direction: column !important;
}
#service-table .inner .section-content {
	padding: 0;
}

.page-template-page-service #diagnosis .inner {
	flex-direction: column !important;
}
.page-template-page-service #diagnosis .inner .section-header {

}
.page-template-page-service #diagnosis .inner .section-content {
	padding: 0;
}
.page-template-page-service #diagnosis .inner .section-content ul.our-services {
	width: 100%;
	margin: 0;
	display: flex;
	flex-direction: row;
	gap: 40px !important;
}
.page-template-page-service #diagnosis .inner .section-content ul.our-services li.our-service-item {

}

#service-table .inner .section-content ul.our-services {
	width: calc(100% - 340px);
	margin: 0 0 50px 340px;
	gap: 40px !important;
}
#service-table .inner .section-content ul.our-services li.our-service-item {
	background-color: #f9f9f9;
	border-top: none;
	border: 1px solid #e1e1e1 !important;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 30px 30px 0 30px;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}

#service-table .inner .section-content ul.our-services li.our-service-item img {
	width: 24px;
	height: 24px;
}
#service-table .inner .section-content ul.our-services li.our-service-item h3 {
	font-family: "Ydestreet", sans-serif;
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	padding: 0 !important;
	cursor: normal;
}
#service-table .inner .section-content ul.our-services li.our-service-item span.price {
	font-size: 2.25rem;
	line-height: 1.2;
}
#service-table .inner .section-content ul.our-services li.our-service-item span.price span.unit {
	font-size: 1rem;
	margin: 0 0 0 5px;
}
#service-table .inner .section-content ul.our-services li.our-service-item > div {
	padding: 0;
	margin: 0;
}
#service-table .inner .section-content ul.our-services li.our-service-item > div p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.5;
	height: 6em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

#service-table .inner .section-content ul.our-services li.our-service-item > div p + span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.375;
	height: 4.125em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#service-table .inner .section-content ul.our-services li.our-service-item > div .btn-area {
	width: calc(100% + 62px);
	margin: 20px -31px 0 -31px;
	overflow: hidden;
}
#service-table .inner .section-content ul.our-services li.our-service-item > div .btn-area .btn {
	flex: 1;
	text-align: center;
}
#service-table .inner .section-content table {
	width: calc(100% + 80px);
	float: left;
	margin: 0 -40px 2.25rem -40px;
	table-layout: fixed;
	border-spacing: 40px 0;
	background: transparent;
	font-size: 0.875rem;
}
#service-table .inner .section-content table thead {}
#service-table .inner .section-content table thead tr th {
	border-bottom: 1px solid #0f0f0f;
	text-align: left;
	font-weight: 700;
	padding: 0 2px 8px 10px;
	font-size: 0.875rem;
	color: #0f0f0f;
}
#service-table .inner .section-content table thead tr th:nth-child(1) {
	width: 300px !important;
}
#service-table .inner .section-content table tbody tr td {
	padding: 8px 2px 8px 10px;
	border-bottom: 1px solid #ddd;
}
#service-table .inner .section-content table tbody tr td:nth-child(1) {
	padding: 8px 2px 8px 10px;
	font-weight: 500;
	position: relative;
}
#service-table ul.our-services {
	flex-direction: row !important;
	gap: 40px !important;
	border-bottom: none;
}



#service-map .inner {
	flex-direction: column;
	gap: 90px;
}
#service-map .section-content ul.our-services {
	display: flex;
	flex-direction: row;
	gap: 30px;
}

#service-diagnosis-strategy .inner {
	flex-direction: column;
	gap: 90px;
}
#service-diagnosis-strategy .section-content ul.our-diagnosis {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 30px;
}
#service-diagnosis-strategy .section-content ul.our-diagnosis li.our-diagnosis-item {
	flex: 0 0 calc((100% - 90px) / 4);
	display: flex;
	flex-direction: column;
	padding: 30px;
	background-color: #fff;
	border-radius: 15px;
	align-items: flex-start;
}

#service-sams .inner {
	flex-direction: column;
	gap: 90px;
}
#service-sams .section-title {
	color: #fff;
}
#service-sams .section-title strong {
	color: #5B5B5D;
}
#service-sams .section-header p {
	color: #bbb;
}
#service-sams .btn-area {
	justify-content: flex-start;
}
#service-sams ul.features {
	display: flex;
	flex-direction: row;
	gap: 30px;
}
#service-sams ul.features li.feature {
	flex: 1;
	display: flex;
	flex-direction: column-reverse;
	overflow: hidden;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
#service-sams ul.features li.feature .feature-thumb {
	aspect-ratio: 4 / 3;
	background-size: cover;

	background-position: center 0%;
	background-size: cover;
	transition: background-position 1s ease-out;
}
#service-sams ul.features li.feature:hover .feature-thumb {
	background-position: center 100%;
	transition: background-position 5s cubic-bezier(0.7, 0, 1, 1);
}
#service-sams ul.features li.feature .feature-thumb a {
	display: block;
	width: 100%;
	height: 100%;
}
#service-sams ul.features li.feature .feature-meta {
	background-color: #0f0f0f;
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: #fff;
}
#service-sams ul.features li.feature .feature-meta h3 {
	font-size: 1.313rem;
	color: #fff;
}
#service-sams ul.features li.feature .feature-meta p {
	font-size: 1rem;
	line-height: 1.375;
	color: #bbb;
}


#maintenance .inner {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}
#maintenance .inner .section-header {
	position: sticky;
	top: 150px;
	flex: 1 1 0;
	min-width: 0;
}
#maintenance .inner .section-content {
	margin-top: 150px;
	flex: 1 1 0;
	min-width: 0;
}














































ul.our-services li.our-service-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 35px 0;
	border-top: 1px solid #5B5B5D;
}
ul.our-services li.our-service-item.is-highlighted {
	border-top: 3px solid #FF4D00;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
ul.our-services li.our-service-item.is-highlighted h3 {
	color: #FF4D00;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
ul.our-services li.our-service-item.is-highlighted h3 img::before {
	content: "";
	width: 36px;
	height: 36px;
}
ul.our-services li.our-service-item > div {
	margin: 25px 0 0 0;
	padding: 0 0 0 40px;
}
ul.our-services li.our-service-item > div p {
	word-break: keep-all;
	margin: 0 0 1.626rem 0;
	font-size: 1.125rem;
	font-weight: 500;
}
ul.our-services li.our-service-item > div ul.details {
	width: calc(100% - 20px);
	margin: 0 0 0 20px;
	float: left;
}
ul.our-services li.our-service-item > div ul.details li {
	width: 100%;
	float: left;
	margin: 0 0 3px 0;
	position: relative;
}
ul.our-services li.our-service-item > div ul.details li::before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: -20px;
	width: 16px;
	height: 16px;
	background-image: url('images/icons/icon-check.svg');
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: left center;
}
ul.our-services li.our-service-item h3 {
	position: relative;
	padding: 0 40px;
	cursor: pointer;
}
ul.our-services li.our-service-item h3 span.ui-accordion-header-icon {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 24px;
	height: 24px;
	background-image: url('images/icons/icon-chevron-down.svg');
	background-position: center;
	background-repeat: no-repeat;
}
ul.our-services li.our-service-item h3.ui-state-active span.ui-accordion-header-icon {
	background-image: url('images/icons/icon-chevron-up.svg');
}
ul.our-services li.our-service-item h3 img {
	position: absolute;
	top: 48%;
	left: 0;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	margin: 0 16px 0 0;
}
ul.our-services li.our-service-item h3 strong {
	font-family: "Ydestreet", sans-serif;
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
}
ul.our-services li.our-service-item h3 span.price {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	display: inline-block;
	font-weight: 400;
	font-family: "Ydestreet", sans-serif;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	word-break: keep-all;
	color: #5B5B5D;
	font-size: 1rem;
}
ul.our-services li.our-service-item div span.keyword {
	width: auto;
	background-color: #0f0f0f;
	color: #fff;
	font-family: "Ydestreet", sans-serif;
	font-size: 1rem;
	line-height: 1.625;
	padding: 0 2px;
}
ul.our-service-maintenance {
	position: relative;
	margin: 35px 0 0 0;
}
ul.our-service-maintenance::before {
	content: "워드프레스 유지관리";
	display: block;
	position: absolute;
	top: -35px;
	left: 0;
	font-weight: 500;
}
ul.our-service-contents {
	position: relative;
	margin: 105px 0 0 0;
}
ul.our-service-contents::before {
	content: "검색자산 성장 운영";
	display: block;
	position: absolute;
	top: -35px;
	left: 0;
	font-weight: 500;
}
ul.our-service-partner {
	position: relative;
	margin: 105px 0 0 0;
}
ul.our-service-partner::before {
	content: "전담 운영 파트너";
	display: block;
	position: absolute;
	top: -35px;
	left: 0;
	font-weight: 500;
}



/*************************************
   Page - Search Assets
*************************************/
.page-template-page-asset .inner .section-header h2 {
	font-size: 3.375rem;
}
.page-template-page-asset .inner .section-header p {
	font-size: 1.313rem;
	font-weight: 500;
	line-height: 1.5;
}
.page-template-page-asset .inner .section-content .section-quote {
	width: 100%;
	position: relative;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
.page-template-page-asset .inner .section-content .section-quote::before {
	content: "";
	display: block;
	background-image: url('images/icons/icon-quote.svg');
	width: 25px;
	height: 25px;
	background-size: cover;
	position: absolute;
	top: 0;
	left: -25px;
}
.page-template-page-asset .inner .section-content .section-quote p {
	font-size: 1.5rem !important;
	padding: 0 0 0 0 !important;
	line-height: 1.375 !important;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
}






/*************************************
   검색자산
*************************************/
.page-template-page-asset .section-eyebrow {
	text-transform: lowercase !important;
}

#search-asset-hero {
	height: 100vh;
}
#search-asset-hero .inner {
	height: 100%;
	display: flex;
	flex-direction: row;
	gap: 0;
}
#search-asset-hero .inner .section-header {
	flex: 0 0 80%;
	align-self: flex-start;
	padding: 5vh 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 50px;
}
#search-asset-hero .inner .section-header .section-eyebrow {

}
#search-asset-hero .inner .section-header h1 {
	font-size: 71px;
	color: #fff;
	margin: 0;
}
#search-asset-hero .inner .section-header p {
	font-size: 1.313rem;
	line-height: 1.5;
	color: #bbb;
	margin: 0;
}
#search-asset-hero .inner .section-header .btn-area {
	margin: 20px 0 0 0 !important;
}
#search-asset-hero .inner .section-content {
	flex: 0 0 20%;
	align-self: flex-end;
	padding:  0 0 5vh 0;
}
#search-asset-hero .inner .section-content img {
	opacity: .35;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#search-asset-hero:hover .inner .section-content img {
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}


#search-asset-definition .inner .section-content {
	display: flex;
	flex-direction: column;
	gap: 35px;
}



#search-asset-problem .inner {
	display: flex;
	flex-direction: column;
	gap: 90px;
}
#search-asset-problem .inner .section-header {}
#search-asset-problem .inner .section-content {}
ul.problem-loop {
	display: flex;
	flex-direction: row !important;
	gap: 30px !important;
}
ul.problem-loop li {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 30px;
	background-color: #fff;
	border-radius: 15px;
	align-items: flex-start;
	gap: 10px;
}
ul.problem-loop li img {
	width: 24px;
	height: 24px;
	margin: 0 0 25px 0;
}
ul.problem-loop li h3 {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
}
ul.problem-loop li p {
	font-size: 16px;
	line-height: 1.5;
}

#content-platform-experience {
	position: relative;
}
#content-platform-experience .section-half-right-area {
	position: absolute;
	top: 0;
	right: 0;
	width: 50vw;
	height: 100%;
	background-size: cover;
	background-position: 35% center;
}
#content-platform-experience .section-half-right-area .black-filter {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);
}
#content-platform-experience .inner {
	gap: 90px;
}
#content-platform-experience .inner .section-header {
	flex: 0 0 50%;
	padding: 0 90px 0 0;
}
#content-platform-experience .inner .section-header .section-title {
	color: #fff;
}
#content-platform-experience .inner .section-header {
	gap: 20px;
	display: flex;
	flex-direction: column;
}
#content-platform-experience .inner .section-header > p {
	color: #bbb;
}
#content-platform-experience .inner .section-header div {
	margin: 30px 0 0 0;
}
#content-platform-experience .inner .section-header div p {
	font-size: 1.125rem;
	line-height: 1.75;
	margin: 0 0 1.75rem 0;
	color: #fff;
}
#content-platform-experience .inner .section-header ul.experience-proof {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #bbb;
}
#content-platform-experience .inner .section-header ul.experience-proof li {
	padding: 15px 0;
	border-bottom: 1px solid #bbb;
	display: flex;
	justify-content: space-between;
	color: #fff;
}
#content-platform-experience .inner .section-header ul.experience-proof li strong {
	font-weight: 400;
}
#content-platform-experience .inner .section-header ul.experience-proof li span {
	text-align: right;
}


#search-asset-framework .inner {
	display: flex;
	flex-direction: column;
	gap: 90px;
}
#search-asset-framework .inner .section-header {}
#search-asset-framework .inner .section-content ol.framework-loop {
	display: flex;
	flex-direction: row;
	gap: 30px;
}
#search-asset-framework .inner .section-content ol.framework-loop li {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 30px;
	background-color: #fff;
	border-radius: 15px;
	align-items: flex-start;
	gap: 10px;
	position: relative;
}
#search-asset-framework .inner .section-content ol.framework-loop li::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -27px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-image: url('images/icons/icon-chevron-right.svg');
	background-size: cover;
}
#search-asset-framework .inner .section-content ol.framework-loop li:last-child::after {
	content: none;
}
#search-asset-framework .inner .section-content ol.framework-loop li span {
	font-size: 1rem;
	text-transform: lowercase;
	color: #FF4D00;
}
#search-asset-framework .inner .section-content ol.framework-loop li h3 {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
}
#search-asset-framework .inner .section-content ol.framework-loop li p {
	font-size: 16px;
	line-height: 1.5;
}
#search-asset-framework .inner .section-content ol.framework-loop li.active {
	border: 2px solid #FF4D00;
}


#search-asset-system {
	background-color: #fff;
}
#search-asset-system .inner {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}
#search-asset-system .inner .section-header {
	position: sticky;
	top: 150px;
	flex: 1 1 0;
	min-width: 0;
}
#search-asset-system .inner .section-header .system-intro {
	margin: 35px 0 0 0;
}
#search-asset-system .inner .section-header .system-intro p {
	font-size: 1.125rem;
	line-height: 1.75;
	font-weight: 400;
	color: #0f0f0f;
	margin: 0 0 1.75rem 0;
}
#search-asset-system .inner .section-content {
	margin-top: 150px;
	flex: 1 1 0;
	min-width: 0;
}
#search-asset-system .inner .section-content ol.system-process {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-top: 1px solid #0f0f0f;
	margin: 0 0 1.75rem 0;
}
#search-asset-system .inner .section-content ol.system-process li {
	flex: 1;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	width: 100%;
	float: left;
	padding: 35px 0;
	border-bottom: 1px solid #0f0f0f;
}
#search-asset-system .inner .section-content ol.system-process li span {
	text-transform: lowercase;
	color: #FF4D00;
	font-size: 1.5rem;
	font-weight: 700;
}
#search-asset-system .inner .section-content ol.system-process li strong {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
}
#search-asset-system .inner .section-content ol.system-process li small {
	line-height: 1.5;
	font-size: 1.5rem;
}



#search-asset-difference .inner {
	display: flex;
	flex-direction: column;
	gap: 90px;
}
#search-asset-difference .inner .section-content {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
#search-asset-difference .inner .section-content > div {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 50px;
	-webkit-column-gap: 50px;
	column-gap: 50px;
}
#search-asset-difference .inner .section-content > div p {
	font-size: 1.125rem;
	line-height: 1.75;
	font-weight: 400;
	color: #0f0f0f;
	margin: 0 0 1.75rem 0;
}
dl.difference-list {
	display: flex;
	flex-direction: row;
	gap: 30px;
}
dl.difference-list div {
	padding: 30px;
	background-color: #fff;
	flex: 1;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	justify-content: center;
}
dl.difference-list div dt {
	font-size: 1.5rem;
	line-height: 1.375;
}
dl.difference-list div dd {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
}
dl.difference-list div.active {
	border: 2px solid #FF4D00;
}
dl.difference-list div.active dt {
	color: #FF4D00;
	font-size: 1.688rem;
}
dl.difference-list div.active dd {
	font-size: 1.125rem;
	font-weight: 500;
}



#service-table .tables {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
}
#service-table .tables::before {
	content: "";
	width: 100%;
	height: 350px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #FFF;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1500;
	pointer-events: none;
}
#service-table .tables-toggle {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2000;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	background: transparent;
	padding: 0;
	font-size: 0.875rem;
	font-weight: 700;
	margin: 35px 0 0 10px;
	cursor: pointer;
}
#service-table .tables-toggle:hover {
	text-decoration: underline;
}
#service-table .tables.is-open {
	height: auto;
	overflow: visible;
}
#service-table .tables.is-open::before {
	display: none;
}
#service-table .tables.is-open .tables-toggle {
	position: relative;
	bottom: auto;
	left: 50%;
	margin-top: 30px;
}



#search-asset-article .inner {
	display: flex;
	flex-direction: column;
	gap: 90px;
}
#search-asset-article .inner .section-content ul.articles-loop {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 30px;
}
#search-asset-article .inner .section-content ul.articles-loop li.article-loop-item {
	flex: 1 1 0 !important;
}


#search-asset-start .section-title {
	color: #fff;
}

.section-content {
	width: 100%;
}

.search-asset-index {
	width: 100%;
	float: left;
	background-color: #fff;
	border-bottom: 1px solid #101010;
}
.search-asset-index .inner {
	max-width: 100%;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.search-asset-index .inner a {
	flex: 1;
	height: 54px;
	line-height: 54px;
	font-weight: 700;
	text-decoration: none;
	border-right: 1px solid #101010;
	text-align: center;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.search-asset-index .inner a:last-child {
	border-right: none;
}
.search-asset-index .inner a:hover {
	background-color: #FF4D00;
	color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}




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

*************************************/
.page-template-page-seo .section-eyebrow {
	text-transform: lowercase !important;
}
.page-template-page-seo .inner .section-header h2 {
	font-size: 3.375rem;
}
.page-template-page-seo .inner .section-header p {
	font-size: 1.313rem;
	font-weight: 500;
	line-height: 1.5;
}
.page-template-page-seo .inner .section-content .section-quote {
	width: 100%;
	position: relative;
	margin: 50px 0 0 0;
	padding: 10px 0 0 0;
}
.page-template-page-seo .inner .section-content .section-quote::before {
	content: "";
	display: block;
	background-image: url('images/icons/icon-quote.svg');
	width: 25px;
	height: 25px;
	background-size: cover;
	position: absolute;
	top: 0;
	left: -25px;
}
.page-template-page-seo .inner .section-content .section-quote p {
	font-size: 1.5rem !important;
	padding: 0 0 0 0 !important;
	line-height: 1.375 !important;
	font-family: "Ydestreet", sans-serif;
	letter-spacing: -0.25%;
}

.page-template-page-seo .home-section-half .inner .section-header {
	flex: 1 1 0;
}
.page-template-page-seo .home-section-half .inner .section-content {
	flex: 1 1 0;
}

.customer-seo-page {
	--cs-blue: #2f73ff;
	--cs-blue-soft: #dce7ff;
}

#customer-seo-hero {
	height: 100vh;
	position: relative;
}

#customer-seo-hero .inner {
	height: 100%;
	display: flex;
	flex-direction: row;
	gap: 0;
}

#customer-seo-hero .page-header {
	flex: 0 0 80%;
	align-self: flex-start;
	padding: 5vh 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 50px;
}

#customer-seo-hero .page-title {
	font-size: 71px;
	color: #fff;
	margin: 0;
}

#customer-seo-hero .page-title strong { color: #58585a; font-weight: 700; }
#customer-seo-hero .page-header > p {
	font-size: 1.313rem;
	line-height: 1.5;
	color: #bbb;
	margin: 0;
}
#customer-seo-hero .page-header .btn-area {
	margin: 20px 0 0 0 !important;
}
#customer-seo-hero .section-content {
	flex: 0 0 20%;
	align-self: flex-end;
	padding:  0 0 5vh 0;
}
#customer-seo-hero .section-content img {
	opacity: .35;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#customer-seo-hero:hover .section-content img {
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

#customer-seo-process .inner {
	flex-direction: column;
}

#customer-seo-problem .inner {
	flex-direction: column;
	gap: 90px;
}


#customer-seo-definition .inner .section-content p {
	margin: 0 0 1.75rem 0;
}

#customer-seo-questions {
	background-color: #2A2A2C;
}
#customer-seo-questions .inner {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}
#customer-seo-questions .inner .section-header {
	position: sticky;
	top: 150px;
	flex: 1 1 0;
	min-width: 0;
}
#customer-seo-questions .inner .section-content {
	margin-top: 250px;
	flex: 1 1 0;
	min-width: 0;
}
#customer-seo-questions .inner .section-header .section-title {
	color: #fff;
}
#customer-seo-questions .inner .section-content ol.customer-question-loop {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-top: 1px solid #676767;
	margin: 0 0 70px 0;
}
#customer-seo-questions .inner .section-content ol.customer-question-loop li {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: flex-start;
	width: 100%;
	float: left;
	padding: 35px 0;
	border-bottom: 1px solid #676767;
}
#customer-seo-questions .inner .section-content ol.customer-question-loop li span {

}
#customer-seo-questions .inner .section-content ol.customer-question-loop li h3 {
	font-size: 1.5rem;
	font-weight: 500;
}
#customer-seo-questions .inner .section-content ol.customer-question-loop li p {
	color: #bbb;
}
#customer-seo-questions .inner .section-content .section-quote::before {
	filter: invert(1);
}

#customer-seo-process .inner {
	display: flex;
	flex-direction: column;
	gap: 90px;
}
ol.framework-loop {
	display: flex;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 30px !important;
	margin: 0 0 70px 0;
}
ol.framework-loop li {
	flex: 0 0 calc((100% - 60px) / 3);
	display: flex;
	flex-direction: column;
	padding: 30px;
	background-color: #fff;
	border-radius: 15px;
	align-items: flex-start;
	gap: 10px;
}
ol.framework-loop li span {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px 0;
	line-height: 24px;
	color: #FF4D00;
}
ol.framework-loop li h3 {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
}
ol.framework-loop li p {
	font-size: 16px;
	line-height: 1.5;
}



#customer-seo-journey .inner {
	display: flex;
	flex-direction:  column;
	gap: 90px;
}
ol.journey-flow {
	display: flex;
	flex-direction: row;
	gap: 30px;
}
ol.journey-flow li {
	flex: 1 1 0;
	padding: 30px;
	border-radius: 15px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
ol.journey-flow li span {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px 0;
	line-height: 24px;
	color: #FF4D00;
}
ol.journey-flow li strong {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
}
ol.journey-flow li small {
	font-size: 16px;
	line-height: 1.5;
}
#customer-seo-case .inner {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}
#customer-seo-case .inner .section-header {
	position: sticky;
	top: 150px;
	flex: 1 1 0;
	min-width: 0;
}
#customer-seo-case .inner .section-content {
	flex: 1 1 0;
	min-width: 0;
}
#customer-seo-case .inner .section-content p {
	margin: 0 0 1.75rem 0;
}

dl.case-structure {
	margin: 90px 0 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 50px;
	padding: 30px;
	background-color: #f9f9f9;
	border-radius: 15px;
}

dl.case-structure > div {
	position: relative;
	padding: 30px;
	flex: 0 0 calc((100% - 50px) / 2);
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	margin: 0;
	transition: opacity 0.3s ease, border-color 0.3s ease;
	gap: 10px;
}
dl.case-structure > div dt {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
}
dl.case-structure > div dd {
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
dl.case-structure:has(> div:hover) > div {
	opacity: 0.85;
	background-color: #f5f5f5;
}
dl.case-structure:has(> div:hover) > div:hover {
	opacity: 1;
	border: 1px solid #0f0f0f;
	background-color: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}
dl.case-structure .case-arrow {
	position: absolute;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}
dl.case-structure > div:hover .case-arrow {
	opacity: 1;
}
dl.case-structure .case-arrow svg {
	width: 20px;
	height: 20px;
	stroke-width: 1.5;
}
/* → */
dl.case-structure .case-arrow.right {
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
}
/* ← */
dl.case-structure .case-arrow.left {
	left: -50px;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
}
/* ↓ */
dl.case-structure .case-arrow.down {
	left: 50%;
	bottom: -50px;
	transform: translateX(-50%) rotate(90deg);
}
/* ↑ */
dl.case-structure .case-arrow.up {
	left: 50%;
	top: -50px;
	transform: translateX(-50%) rotate(-90deg);
}
/* 대각선 공통 */
dl.case-structure .case-arrow.diagonal {
	width: 50px;
	height: 50px;
}
/* ↘ */
dl.case-structure .case-arrow.down-right {
	right: -50px;
	bottom: -50px;
	transform: rotate(45deg);
}
/* ↙ */
dl.case-structure .case-arrow.down-left {
	left: -50px;
	bottom: -50px;
	transform: rotate(135deg);
}
/* ↗ */
dl.case-structure .case-arrow.up-right {
	right: -50px;
	top: -50px;
	transform: rotate(-45deg);
}
/* ↖ */
dl.case-structure .case-arrow.up-left {
	left: -50px;
	top: -50px;
	transform: rotate(-135deg);
}



.case-result {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 90px 0 0 0;
}
.case-result span {
	color: #FF4D00;
}
.case-result strong {
	font-size: 2.25rem;
}
.case-result p {
	line-height: 1.5;
	font-weight: 500;
}


#customer-seo-assets .inner {
	flex-direction: column;
	gap: 90px;
}
#customer-seo-assets .inner .section-header .section-title {
	color: #fff;
}

ol.asset-relationship {
	display: flex;
	flex-direction: row;
	gap: 30px;
}
ol.asset-relationship li {
	background-color: #2A2A2C;
	padding: 30px;
	border-radius: 15px;
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
ol.asset-relationship li span {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px 0;
	line-height: 24px;
}
ol.asset-relationship li h3 {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
}
ol.asset-relationship li p {
	font-size: 16px;
	line-height: 1.5;
	color: #bbb;
}

#customer-seo-measurement .inner {
	flex-direction: column;
	gap: 90px;
}
ul.measure-loop {
	display: flex;
	flex-direction: row;
	gap: 30px;
}
ul.measure-loop li {
	flex: 1 1 0;
	background-color: #f9f9f9;
	padding: 30px;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
ul.measure-loop li span {
	margin: 0 0 10px 0;
	line-height: 24px;
	color: #FF4D00;
}
ul.measure-loop li h3 {
	font-size: 1.5rem;
	line-height: 1.36;
	word-break: keep-all;
	margin: 0;
}
ul.measure-loop li p {
	font-size: 16px;
	line-height: 1.5;
}

#customer-seo-difference .inner {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}
#customer-seo-difference .inner .section-header {
	position: sticky;
	top: 150px;
	flex: 1 1 0;
	min-width: 0;
}
#customer-seo-difference .inner .section-content {
	flex: 1 1 0;
	min-width: 0;
}
.comparison-table {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #101010;
}
.comparison-table .comparison-row {
	display: flex;
	flex-direction: row;
	gap: 0;
	border-bottom: 1px solid #101010;
	padding: 35px 0;
	position: relative;
	font-size: 1.125rem;
}
.comparison-table .comparison-row::before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #101010;
	position: absolute;
	top: 0;
	left: 50%;
}
.comparison-table .comparison-row.comparison-head {
	background-color: #2A2A2C;
	color: #fff;
	font-size: 1.313rem;
	border-bottom: 1px solid #101010;
}
.comparison-table .comparison-row span {
	flex: 1 1 0;
	text-align: center;
}
.comparison-table .comparison-row strong {
	flex: 1 1 0;
	text-align: center;
}


#customer-seo-resources .inner {
	flex-direction: column !important;
	gap: 90px !important;
}
#customer-seo-resources .inner ul.articles-loop {
	gap: 30px;
}
#customer-seo-resources .inner ul.articles-loop li.article-loop-item {
	flex: 1 1 0;
}




















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



.grecaptcha-badge {
	display: none !important
}





/*************************************
   Windows
*************************************/
body[data-os="Windows"] ul.normal-accordion li.normal-accordion-item h3,
body[data-os="Windows"] ul.our-services li.our-service h3,
body[data-os="Windows"] ul.articles-loop li.article-loop-item .item-meta .item-title {
	font-weight: 400 !important;
}



/*************************************
	Media Query
*************************************/
@media all and (max-width: 3360px) {
	html {
		font-size: 18px;
	}
}
@media all and (max-width: 2560px) {
	html {
		font-size: 17px;
	}
}
@media all and (max-width: 1920px) {
	html {
		font-size: 16px;
	}
}
@media all and (max-width: 1680px) {
	#hero .inner .section-header {
		gap: 35px;
	}
	#hero .inner .section-header .section-title {
		font-size: 3.375rem !important;
	}
}
@media all and (max-width: 1536px) {}
@media all and (max-width: 1440px) {
	.single .entry-content-wrap .inner {
		max-width: 880px;
		flex-direction: column;
		gap: 35px;
	}
	.single .entry-content-wrap .inner .entry-content {
		max-width: 100%;
	}
	.single .entry-content-wrap .inner .entry-content-left {
		max-width: 100%;
	}
}

/* Tablet Landscape */
@media all and (max-width: 1366px) {
	#trust .inner {
		padding: 0 20px !important;
	}
	ul.trust-list {
		flex-wrap: wrap;
		gap: 40px
	}
	ul.trust-list li.trust-item {
		flex: 0 0 calc(50% - 20px);
		padding: 2px 0 2px 20px;
	}
	ul.trust-list li.trust-item strong {
		font-size: 1.313rem;
	}
	ul.trust-list li.trust-item p {
		font-size: 0.875rem;
		padding: 2px 0;
	}
}
@media all and (max-width: 1280px) {
	.inner {
		display: flex;
		width: 100%;
		max-width: 1680px;
		padding: 0 40px;
		margin: 0 auto;
	}
}
@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;
	}

	#page {
		width: 100%;
		overflow-x: hidden;
	}
	.inner {
		padding: 0 20px;
		max-width: 100%;
	}
	.site-header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 4000;
		padding: 20px 0;
		height: 90px;
	}
	.site-header.nav-up {
		top: -90px;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	.site-header.nav-down {
		top: 0;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	.site-header .inner a img.custom-logo {
		height: 44px;
	}
	.site-header .main-navigation {
		display: none;
	}
	.site-header .menu-icon {
		width: 44px;
		height: 44px;
		border-radius: 50% 50%;
		background-color: #f9f9f9;
		display: block;
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%);
		background-image: url('images/icons/icon-menu.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 24px 24px;
		filter: invert(1);
		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: 5000;
		display: none;
	}
	.mobile-menu-area .mobile-menu-bg {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5500;
		background-color: rgba(0, 0, 0, .75);
	}
	.mobile-menu-area .mobile-menu {
		position: fixed;
		top: 0;
		right: -75vw;
		z-index: 6000;
		width: 75vw;
		height: 100%;
		background-color: #fff;
	}
	.mobile-menu-area .mobile-menu .inner {
		padding: 90px 20px 20px 20px;
		display: flex;
		flex-direction: column;
		gap: 50px;
	}
	.mobile-menu-area .mobile-menu .inner .close-icon {
		width: 36px;
		height: 36px;
		display: block;
		position: absolute;
		top: 35px;
		right: 10px;
		background-image: url('images/icons/icon-close.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 24px 24px;
		opacity: 0.5;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	.mobile-menu-area .mobile-menu .inner .close-icon:hover {
		opacity: 1;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	.mobile-menu-area .mobile-menu .inner #mobile-navigation {
		width: 100%;
		text-align: right;
		flex: 1;
	}
	.mobile-menu-area .mobile-menu .inner #mobile-navigation #mobile-menu {
		width: 100%;
		float: left;
		border-top: 1px solid #0f0f0f
	}
	.mobile-menu-area .mobile-menu .inner #mobile-navigation #mobile-menu > li.menu-item {
		font-size: 1.125rem;
		width: 100%;
		float: left;
		border-bottom: 1px solid #0f0f0f;
	}
	.mobile-menu-area .mobile-menu .inner #mobile-navigation #mobile-menu > li.menu-item > a {
		text-decoration: none;
		padding: 18px 5px 18px 0;
		width: 100%;
		float: left;
		display: block;
	}
	.mobile-menu-area .mobile-menu .inner .btn-area {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 5px;
		margin: 0;
		align-items: stretch;
	}
	.mobile-menu-area .mobile-menu .inner .btn-area .btn {
		text-align: center;
	}













	.btn-normal {
		line-height: 44px;
		padding: 0 25px;
		font-size: 0.875rem;
	}
	.btn-normal.btn-outline {
		line-height: 40px;
	}
	.home-section {
		padding: 70px 0;
	}
	.home-section .inner {
		gap: 35px !important;
	}
	.home-section .section-header {
		margin: 0;
	}
	.home-section .section-header .section-eyebrow {
		font-size: 13px;
		margin: 0;
	}
	.home-section .section-header .section-title {
		font-size: 1.5rem !important;
		word-break: keep-all;
	}
	.home-section .section-header .section-title br {
		display: none;
	}
	.home-section .section-header p {
		font-size: 1rem !important;
		line-height: 1.5 !important;
		margin: 0;
	}
	.home-section .section-header p br {
		display: none;
	}
	.home-section .section-header a.view-detial {
		position: unset;
		float: left;
		margin: 0;
		font-size: 0.875rem;
	}

	.site-header .inner {
		padding: 0 20px !important;
	}

	#hero {
		height: 100%;
		min-height: auto;
		padding: 120px 0 70px 0;
	}
	#hero .inner {
		flex-direction: column-reverse;
		padding: 0 20px !important;
		gap: 70px;
	}
	#hero .inner .section-header {
			flex: 1;
			gap: 20px;
			align-self: flex-start;
	}
	#hero .inner .section-header .section-title {
		font-size: 1.688rem !important;
		word-break: keep-all;
		margin: 0;
	}
	#hero .inner .section-header .section-title br {
		display: none;
	}
	#hero .inner .section-header p {
		font-size: 1rem;
		word-break: keep-all;
		margin: 0;
	}
	#hero .inner .section-header p  br {
		display: none;
	}
	#hero .inner .section-header .btn-area {
		flex-direction: column;
		align-items: stretch;
		margin: 35px 0 0 0 !important;
		gap: 10px;
	}
	#hero .inner .section-header .btn-area .btn {
		flex: 1;
		text-align: center;
		padding: 0 3px;
	}
	#hero .inner .section-content {
		flex: 1;
		display: flex;
		align-items: center;
	}
	#hero .inner .section-content img {
		width: 40%;
		margin: 0 30%;
		max-width: unset;
		float: none;
	}
	#why {
		flex-direction: column;
	}
	#why .inner {
		flex-direction: column;
		gap: 50px;
	}
	#why .section-header {
		position: static;
	}
	#why .section-content {
		margin-top: 0 !important;
	}



	ul.normal-accordion {
		margin: 0;
	}
	ul.normal-accordion li.normal-accordion-item {
		padding: 22px 0 22px 25px;
	}
	ul.normal-accordion li.normal-accordion-item h3 {
		font-size: 1rem;
	}
	ul.normal-accordion li.normal-accordion-item h3 span.ui-accordion-header-icon {
		width: 16px;
		height: 16px;
		top: 2px;
		left: -25px;
		background-size: 12px auto;
	}
	ul.normal-accordion li.normal-accordion-item > div {
		font-size: 1rem;
		margin: 15px 0 0 -25px;
		width: calc(100% + 25px);
		padding: 20px 25px 20px 25px;
		background-color: #f1f1f1;
		border-top: none;
		border-radius: 10px;
	}
	ul.normal-accordion li.normal-accordion-item > div > p {
		line-height: 1.5;
		text-align: justify;
		word-break: break-all;
	}
	ul.normal-accordion li.normal-accordion-item > div > p br {
		display: none;
	}
	.home-section-work {
		height: 100vw;
		max-height: 100vw;
		padding: 0;
	}
	.home-section-work .inner .section-content {
		bottom: 35px;
		left: 20px;
	}
	.home-section-work .inner .section-content .portfolio-meta .portfolio-title {
		margin: 0 0 5px 0;
	}


	#service .inner {
		gap: 50px;
	}

	.home ul.our-services {
		gap: 50px;
	}
	ul.our-services {
		flex-direction: row !important;
		gap: 15px !important;
		border-bottom: none;
		overflow-x: auto;
		width: calc(100% + 40px);
		margin: 0 -20px 35px -20px;
		padding: 0 20px;
	}
	ul.our-services::-webkit-scrollbar {
		display: none;
	}
	ul.our-services li.our-service {
		flex: 0 0 240px;
		padding: 25px 20px;
		gap: 10px;
	}
	ul.our-services li.our-service h3 {
		font-size: 1.125rem;
		margin: 0 0 10px 0;
	}
	ul.our-services li.our-service h3 br {
		display: none;
	}
	ul.our-services li.our-service img {
		margin: 0 0 10px 0;
		width: 20px;
		height: 20px;
	}
	ul.our-services li.our-service p {
		height: auto;
		margin: 0;
		font-size: 0.875rem;
	}
	ul.our-services li.our-service ul.service-for {
		display: none;
	}
	ul.our-services li.our-service ul.service-for li {
		font-size: 0.875rem;
	}
	ul.our-services li.our-service ul.service-for li:last-child {
		border-bottom: none;
	}
	ul.our-services li.our-service ul.service-for li::before {
		width: 12px;
		height: 12px;
		top: 14px;
		left: -15px;
	}
	#maintenance .section-content {
		width: 100%;
		margin: 0 !important;
	}
	#maintenance ul.our-services {
		width: 100% !important;
		flex-direction: column !important;
		gap: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	#article .inner {
		gap: 35px;
	}

	.swiper {
		overflow: visible;
		margin: 0 !important;
	}



	#faq .inner {
		flex-direction: column;
		gap: 50px;
	}
	#faq .section-header {
		position: static;
	}
	#faq .section-content {
		margin-top: 0 !important;
	}



	#faq .inner .section-content ul.normal-accordion li.normal-accordion-item h3 {
		font-size: 1rem;
	}

	#start {
		padding: 70px 0;
	}
	#start .inner {
		flex-direction: column-reverse;
		gap: 40px;
	}
	#start .inner .section-header {
		width: 100%;
	}
	#start .inner .section-header .section-title > br {
		display: none;
	}
	#start .inner .section-content {
		width: 100%;
		justify-content: center;
	}
	#start .inner .section-content img {
		max-height: 200px;
	}

	.site-footer {
		padding: 50px 0;
		font-size: 0.875rem;
	}

	#about-hero {
		padding: 150px 0 50px 0;
	}
	#about-hero .inner {
		gap: 50px;
	}
	#about-hero .inner .section-header {
		word-break: keep-all;
	}
	#about-hero .inner .section-header .section-title {
		font-size: 1.969rem;
		margin: 0 0 20px 0;
	}
	#about-hero .inner .section-content .slider-outer .swiper-slide {
		width: 220px;
	}

	#criteria .inner {
		flex-direction: column;
		gap: 50px;
	}
	#criteria .inner .section-content {
		margin: 0;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row {
		margin: 0;
		border-bottom: none;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row .checklist-check {
		width: 30px;
		height: 30px;
		top: 4px;
		left: -30px;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row .accordion-trigger strong {
		font-size: 1.125rem;
		text-align: left;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row p {
		font-size: 1rem;
		padding: 0;
		height: auto;
		margin: 10px 0 0 0;
	}
	.checkmark {
		width: 16px;
		height: 16px;
	}

	#criteria .inner .section-content .website-checklist .checklist-item .expansion {
		display: block;
		float: left;
		font-size: 0.75rem;
		margin: 15px 0 0 0;
	}

	#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel {
		display: none;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel ul li {
		padding: 0 0 0 15px;
		position: relative;
		word-break: keep-all;
		font-size: 0.875rem;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel ul li::before {
		position: absolute;
		top: -2px;
		left: 0px;
	}

	ul.our-diagnosis-services {
		flex-direction: column;
		gap: 70px;
	}
	ul.our-diagnosis-services li.our-diagnosis-service {
		padding: 20px 0 0 0;
	}
	ul.our-diagnosis-services li.our-diagnosis-service img {
		margin: 0 0 20px 0;
	}
	ul.our-diagnosis-services li.our-diagnosis-service h3 {
		font-size: 1.313rem;
		margin: 0 0 5px 0;
	}
	#diagnosis ul.our-diagnosis-services li.our-diagnosis-service p {
		margin: 0 0 20px 0;
	}
	ul.our-diagnosis-services li.our-diagnosis-service span.price {
		padding: 20px 0;
		margin: 0 0 20px 0;
		font-size: 1.688rem;
	}
	ul.our-diagnosis-services li.our-diagnosis-service ul.diagnosis-about li {
		font-size: 0.875rem;
	}

	#service ul.our-diagnosis-services li.our-diagnosis-service p {
		margin: 0 0 20px 0;
		height: unset;
		max-height: 6.4em;
	}

	ul.our-maintenance-services {
		flex-direction: column;
		gap: 70px;
	}
	ul.our-maintenance-services li.our-maintenance-service {
		padding: 20px 0 0 0;
	}
	ul.our-maintenance-services li.our-maintenance-service img {
		margin: 0 0 20px 0;
	}
	ul.our-maintenance-services li.our-maintenance-service h3 {
		font-size: 1.313rem;
		margin: 0 0 5px 0;
	}
	ul.our-maintenance-services li.our-maintenance-service p {
		margin: 0 0 20px 0 !important;
		height: unset !important;
	}
	ul.our-maintenance-services li.our-maintenance-service span.price {
		padding: 20px 0;
		margin: 0 0 20px 0;
		font-size: 1.688rem;
	}
	ul.our-maintenance-services li.our-maintenance-service ul.maintenance-about li {
		font-size: 0.875rem;
		word-break: keep-all;
	}
	.archive .page-header,
	.single-post .entry-header {
		padding: 150px 0 50px 0;
	}
	.archive .page-header .page-title {
		font-size: 1.688rem;
		margin: 0;
	}
	.archive .page-header .inner img.avatar {
		width: 100px;
		height: 100px;
	}
	.article-wrap {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 35px 0;
	}
	.article-wrap article {
		gap: 20px !important;
	}
	.article-wrap article .entry-meta {
		gap: 5px;
	}
	.article-wrap article .entry-meta ul.entry-area {
		margin: 0 0 5px 0;
	}
	.article-wrap article .entry-meta ul.entry-area li {
		font-size: 0.75rem;
	}
	.article-wrap article .entry-meta .entry-title {
		font-size: 1.125rem;
	}
	.article-wrap article .entry-meta > p {
		margin: 0 0 10px 0;
	}
	.single .entry-content-wrap .inner {
		flex-direction: column;
	}
	.single .entry-content-wrap .inner .entry-content-left {
		max-width: 100%;
		margin: 0 0 35px 0;
	}
	.single .entry-content-wrap .inner .entry-content-left #ez-toc-container {
		width: 100%;
	}
	.single .entry-content-wrap .inner .entry-content-right {
		max-width: 100%;
		margin: 50px 0 0 0;
	}
	.single .entry-content-wrap .inner .entry-content-right .btn-area {
		align-items: stretch;
	}

	.single-work .entry-header {
		aspect-ratio: unset;
		height: 125vw;
	}
	.single-work .entry-header .inner .entry-meta {
		width: calc(100% - 40px);
		bottom: 70px;
	}
	.single-post .entry-header .inner .entry-meta {
		gap: 10px;
	}
	.single .entry-header .inner .entry-meta .entry-title {
		font-size: 1.688rem;
	}
	.single .entry-header .inner .entry-meta p {
		font-size: 1rem;
	}
	.single .entry-header .inner .entry-meta .entry-area li {
		font-size: 0.875rem;
	}
	.single .entry-content .wp-block-image {
		width: calc(100% + 10px);
		margin: 0 -5px 2.25rem -5px;
	}
	.single .entry-content .wp-block-image img {
		box-shadow: 0 0 30px rgba(0, 0, 0, .05);
	}
	.single .entry-content .wp-block-image .wp-element-caption {
		font-size: 0.875rem;
	}
	.single .entry-content-wrap {
		padding: 50px 0 120px 0 !important;
	}
	.single .entry-content-wrap .inner {
		gap: 0;
	}

	#criteria .inner .section-content .website-checklist {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 20px;
	}

	.home-section-half .inner {
		gap: 35px !important;
		flex-direction: column !important;
	}
	.home-section-half .inner .section-header {
		padding: 0;
	}
	.home-section-half .inner .section-content {
		padding: 0;
	}
	ul.our-services {
		gap: 0;
	}
	ul.our-services li.our-service-item {
		padding: 20px 0;
	}
	ul.our-services li.our-service-item h3 {
		padding: 0 30px;
	}
	ul.our-services li.our-service-item h3 img {
		width: 20px;
		height: 20px;
	}
	ul.our-services li.our-service-item h3 strong {
		font-size: 1.125rem;
	}
	ul.our-services li.our-service-item h3 span.price {
		font-size: 0.875rem;
		right: 30px;
	}
	ul.our-services li.our-service-item > div {
		margin: 15px 0 0 0;
		padding: 0 0 0 30px;
	}
	ul.our-services li.our-service-item > div p {
		font-size: 1rem;
	}
	ul.our-services li.our-service-item > div ul.details li {
		font-size: 0.875rem;
		word-break: keep-all;
	}
	#criteria .inner .section-content .website-checklist .checklist-item {
		padding: 20px 15px 15px 15px;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel  {
		width: 100%;
		float: left;
		margin: 15px 0 0 0;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel ul {
		width: calc(100% - 20px);
		margin: 0 0 0 20px;
		float: left;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel ul li {
		width: 100%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
		position: relative;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .accordion-panel ul li::before {
		content: "";
		display: block;
		position: absolute;
		top: 4px;
		left: -20px;
		width: 16px;
		height: 16px;
		background-image: url('images/icons/icon-check.svg');
		background-repeat: no-repeat;
		background-size: 13px auto;
		background-position: left center;
	}
	#criteria .inner .section-content .website-checklist .checklist-item .checklist-title-row .checklist-check {
		margin: 0;
	}
	#criteria .inner .section-content .website-checklist .checklist-actions button.btn-check-result {
		line-height: 44px;
		font-size: 0.875rem;
		font-weight: 500;
	}
	.single .entry-content {
		font-size: 1rem;
	}
	.single .entry-content p {
		font-size: 1rem;
	}
	.single .entry-content h2 {
		font-size: 1.5rem;
	}
	.single .entry-content h3 {
		font-size: 1.125rem;
	}
	.single .entry-content h4 {
		font-size: 1rem;
	}
	#portfolio .inner {
		gap: 35px;
	}
	#portfolio ul.articles-loop li.article-loop-item {
		width: 300px !important;
	}

	ul.articles-loop {
		padding: 0 0 35px 0 !important;
	}
	ul.articles-loop li.article-loop-item {
		width: 240px !important;
	}
	ul.articles-loop li.article-loop-item .item-thumbnail {
		margin: 0 0 15px 0;
	}
	ul.articles-loop li.article-loop-item .item-meta {
		gap: 10px;
	}
	ul.articles-loop li.article-loop-item .item-meta .item-title {
		font-size: 1.125rem;
		margin: 0;
	}
	ul.articles-loop li.article-loop-item .item-meta > p {
		font-size: 0.875rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		line-height: 1.5;
		height: 4.5em;
		text-align: left;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}


	.page #primary article {
		padding: 150px 0;
		gap: 50px;
	}
	.page #primary article .entry-header {
		gap: 20px;
	}
	.page #primary article .entry-header .entry-title {
		font-size: 1.688rem;
	}
	.page #primary article .entry-header p {
		font-size: 1rem;
		color: #5B5B5D;
	}
	.page #primary article .entry-header p br {
		display: none;
	}
	.rwmb-meta-box {
		margin: 0;
	}
	.rwmb-meta-box > .rwmb-field > .rwmb-label > label {
		font-size: 1.125rem;
	}
	.rwmb-meta-box .rwmb-field .rwmb-input fieldset label {
		font-size: 1rem;
	}

	.rwmb-meta-box .rwmb-field .rwmb-input fieldset label input {
		position: relative;
		top: -2px;
	}
	.rwmb-form-submit .rwmb-input button[type="submit"] {
		height: 54px;
		line-height: 54px;
		font-size: 1rem;
	}

	#about-message .section-content .message-block-wrap {
		top: calc(50% - 45px);
	}
	#about-message .message-block h2 {
		font-size: 1.688rem;
		margin: 0 0 20px 0;
	}
	#about-message .message-block p {
		font-size: 1.125rem;
	}
	.swiper-slide {
		height: auto;
	}
	.card {
		opacity: .65;
	}

	.single .entry-content-wrap .inner .entry-content-left #ez-toc-container nav ul.ez-toc-list > li.ez-toc-heading-level-2 {
		font-size: 1rem !important;
	}




	.page-template-page-article .page-header {
		padding: 150px 0 50px 0;
	}
	.page-template-page-article .page-header .inner {
		gap: 20px;
	}
	.page-template-page-article .page-header .page-title {
		font-size: 1.688rem;
		margin: 0;
	}
	.page-template-page-article .page-header p.archive-description {
		margin: 0;
	}

	#category-menu {
		margin: 20px 0 0 0;
	}
	#category-menu li.menu-item {
		font-size: 1rem;
		margin: 0 10px;
	}
	.single .entry-header .inner .entry-meta .entry-author {
		font-size: 0.875rem;
		margin: 20px 0 0 0;
	}
	.single .entry-header .inner .entry-meta .entry-author p {
		font-size: 0.875rem;
	}
	.single .entry-header .inner .entry-meta .entry-author span {
		font-size: 0.75rem;
	}
	.single .entry-header .inner .entry-meta .entry-author img {
		width: 18px;
		height: 18px;
	}
	.single .entry-header .inner .entry-meta .share-buttons {
		margin: 20px 0 0 0;
	}
	.btn-area {
		flex-direction: column;
		gap: 15px;
		align-items: stretch;
	}
	.btn-area .btn {
	}
	.single .entry-content .wp-block-group.case {
		padding: 20px 0 20px 20px;
	}
	.single .entry-content .wp-block-group.case .case-title {
		padding: 0 30px 0 0;
	}
	.single .entry-content .wp-block-group.case .wp-block-group__inner-container {
		padding: 0 10px 0 0 !important;
	}
	.single .entry-content .wp-block-group.case .case-title span.ui-accordion-header-icon {
		right: 0 !important;
	}


	#service-table .inner .section-content ul.our-services {
		padding: 0;
		margin: 0 0 50px 0;
		width: 100%;
		flex-direction: column !important;
		gap: 20px !important;
	}
	#service-table .inner .section-content ul.our-services li.our-service-item {
		gap: 10px;
		border-radius: 0;
	}
	#service-table .inner .section-content ul.our-services li.our-service-item h3 {
		font-size: 1.5rem;
	}
	#service-table .inner .section-content ul.our-services li.our-service-item span.price {
		font-size: 1.5rem;
	}
	#service-table .inner .section-content ul.our-services li.our-service-item > div p {
		marign: 0;
		height: auto;
		max-height: 6em;
	}
	#service-table .inner .section-content ul.our-services li.our-service-item > div .btn-area .btn {
		width: 100%;
	}
	#service-table .inner .section-content table {
		width: 100%;
		margin: 0 0 1.625rem 0;
		font-size: 0.875rem;
		border-spacing: 0;
	}
	#service-table .inner .section-content table thead tr th {
		font-size: 0.75rem;
		padding: 6px 0;
		line-height: 1.2;
		text-align: center;
	}
	#service-table .inner .section-content table thead tr th:nth-child(1) {
		width: 50% !important;
		white-space: nowrap;
		text-align: left;
	}
	#service-table .inner .section-content table tbody tr td {
		padding: 8px 0;
		text-align: center;
	}
	#service-table .inner .section-content table tbody tr td:nth-child(1) {
		padding: 8px 0;
		text-align: left;
	}

	#search-asset {
		flex-direction: column-reverse;
	}
	#search-asset .section-header {
		flex: 1;
		padding: 35px 20px 70px 20px;
	}
	#search-asset .section-content {
		flex: 1;
		aspect-ratio: 2 / 3;
	}
	#search-asset .section-header ul.features {
		margin: 70px 0 0 0;
	}

	ul.normal-accordion li.normal-accordion-item div ul.related {
		gap: 5px !important;
		width: calc(100% + 15px);
	}
	ul.normal-accordion li.normal-accordion-item div ul.related li {
		flex: 0 0 140px;
		display: flex;
		flex-direction: column;
		gap: 5px;
		scroll-snap-align: start;
	}
	ul.normal-accordion li.normal-accordion-item div ul.related li:last-child {
		margin: 0 15px 0 0 !important;
	}
	ul.normal-accordion li.normal-accordion-item div ul.related li h4 {
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		height: 2.75em;
		text-align: left;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	ul.trust-list {
		gap: 35px 20px;
	}
	ul.trust-list li.trust-item span {
		font-size: 0.875rem;
	}
	ul.trust-list li.trust-item strong {
		font-size: 1rem;
		margin: 0 0 5px 0;
	}


	ul.trust-list li.trust-item {
		padding: 10px 0 0 0;
	}

	ul.articles-loop li.article-loop-item .item-meta .item-info {
		flex-direction: column;
		gap: 5px;
		align-items: flex-start;
	}


	#service-map .section-content ul.our-services {
		gap: 20px;
		flex-direction: column;
	}
	#service-sams ul.features {
		flex-direction: column;
		gap: 10px;
	}
	#service-sams ul.features li.feature {
		flex: 0 0 100%;
		display: flex;
		flex-direction: row;
		gap: 0;
		border-radius: 0;
	}
	#service-sams ul.features li.feature .feature-meta {
		flex: 0 0 50%;
		padding: 20px 5px 20px 20px;
	}
	#service-sams ul.features li.feature .feature-thumb {
		flex: 0 0 50%;
	}
	#service-sams ul.features li.feature .feature-meta h3 {
		font-size: 1.125rem;
	}
	#service-sams ul.features li.feature .feature-meta p {
		font-size: 0.875rem;
	}

	#search-asset-hero {
		height: auto;
	}
	#search-asset-hero .inner {
		width: 100%;
		flex-direction: column-reverse;
		justify-content: center;
		align-content: center;
	}
	#search-asset-hero .inner .section-header {
		justify-content: center;
		width: 100%;
		gap: 20px;
	}
	#search-asset-hero .inner .section-header h1 {
		font-size: 2.25rem;
	}
	#search-asset-hero .inner .section-header p {
		font-size: 1.125rem;
	}
	#search-asset-hero .inner .section-content {
		width: 100%;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		padding: 0;
	}
	#search-asset-hero .inner .section-content img {
		max-width: 150px;
	}
	.page-template-page-seo .inner .section-content .section-quote,
	.page-template-page-asset .inner .section-content .section-quote {
		width: 100%;
		position: relative;
		margin: 10px 0 0 0;
		padding: 20px 0 0 25px;
	}
	.page-template-page-seo .inner .section-content .section-quote::before,
	.page-template-page-asset .inner .section-content .section-quote::before {
		content: "";
		display: block;
		background-image: url('images/icons/icon-quote.svg');
		width: 25px;
		height: 25px;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
	}
	.page-template-page-seo .inner .section-content .section-quote p,
	.page-template-page-asset .inner .section-content .section-quote p {
		font-size: 1.125rem !important;
		padding: 0 0 0 0 !important;
		line-height: 1.375 !important;
		font-family: "Ydestreet", sans-serif;
		letter-spacing: -0.25%;
	}
	#search-asset-definition .inner .section-content > div > p {
		font-size: 1rem;
		margin: 0 0 1.75rem 0;
	}

	ul.problem-loop {
		width: calc(100% + 40px);
		margin: 0 -20px;
		flex-direction: row !important;
		flex-wrap: nowrap;
		gap: 15px !important;
		overflow-x: auto;
		padding: 0 20px;
	}
	ul.problem-loop::-webkit-scrollbar {
		display: none;
	}
	ul.problem-loop li {
		flex: 0 0 240px;
		padding: 25px 20px;
	}
	ul.problem-loop li img {
		margin: 0 0 10px 0;
		width: 20px;
		height: 20px;
	}
	ul.problem-loop li h3 {
		font-size: 1.125rem;
		margin: 0;
	}
	ul.problem-loop li p {
		font-size: 0.875rem;
	}

	#content-platform-experience {
		padding: calc(150vw + 35px) 0 0 0;
	}
	#content-platform-experience .section-half-right-area {
		top: 0;
		left: 0;
		width: 100vw;
		height: 150vw;
	}
	#content-platform-experience .inner .section-header {
		flex: 0 0 100%;
		padding: 0 0 70px 0;
	}
	#content-platform-experience .inner .section-header ul.experience-proof li {
		flex-direction: column;
		gap: 5px;
	}
	#content-platform-experience .inner .section-header ul.experience-proof li span {
		text-align: left;
		font-size: 0.875rem;
	}
	#content-platform-experience .inner .section-header div p {
		line-height: 1.75 !important;
	}


	#search-asset-framework .inner .section-content ol.framework-loop {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 15px !important;
		overflow-x: auto;
		width: calc(100% + 40px);
		margin: 0 -20px;
		padding: 0 20px;
	}
	#search-asset-framework .inner .section-content ol.framework-loop::-webkit-scrollbar {
		display: none;
	}
	#search-asset-framework .inner .section-content ol.framework-loop li {
		padding: 25px 20px;
		flex: 0 0 240px;
	}
	#search-asset-framework .inner .section-content ol.framework-loop li::after {
		right: unset;
		top: unset;
		bottom: -22px;
		left: 50%;
		transform: translateX(-50%) rotate(-270deg);
	}
	#search-asset-framework .inner .section-content ol.framework-loop li span {
		margin: 0;
	}
	#search-asset-framework .inner .section-content ol.framework-loop li h3 {
		font-size: 1.125rem;
	}
	#search-asset-framework .inner .section-content ol.framework-loop li p {
		font-size: 0.875rem;
	}
	#search-asset-system .inner .section-content {
		margin: 0;
	}
	#search-asset-system .inner .section-content ol.system-process li {
		gap: 10px;
		padding: 20px 0;
	}
	#search-asset-system .inner .section-content ol.system-process li span {
		text-transform: lowercase;
		color: #FF4D00;
		font-size: 1.125rem;
		font-weight: 700;
	}
	#search-asset-system .inner .section-content ol.system-process li strong {
		font-size: 1.125rem;
		line-height: 1.36;
		word-break: keep-all;
		margin: 0;
	}
	#search-asset-system .inner .section-content ol.system-process li small {
		line-height: 1.5;
		font-size: 1.125rem;
	}

	dl.difference-list {
		flex-direction: column;
		gap: 15px;
	}
	dl.difference-list div {
		padding: 25px 20px;
		background-color: #fff;
		flex: 1;
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 10px;
		border-radius: 15px;
		justify-content: center;
	}
	dl.difference-list div dt {
		font-size: 1.125rem;
		line-height: 1.375;
	}
	dl.difference-list div dd {
		margin: 0;
		font-size: 1rem;
		line-height: 1.5;
	}
	dl.difference-list div.active {
		border: 2px solid #FF4D00;
	}
	dl.difference-list div.active dt {
		color: #FF4D00;
		font-size: 1.125rem;
	}
	dl.difference-list div.active dd {
		font-size: 0.875rem;
		font-weight: 500;
	}
	#search-asset-difference .inner .section-content > div {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	}
	#search-asset-difference .inner .section-content > div p {
		font-size: 1rem;
	}

	#search-asset-article .inner .section-content ul.articles-loop {
		flex-wrap: wrap;
		gap: 24px 12px;
	}
	#search-asset-article .inner .section-content ul.articles-loop li.article-loop-item {
		flex: 0 0 calc((100% - 12px) / 2);
	}
	#search-asset-article ul.articles-loop li.article-loop-item .item-thumbnail {
		margin: 0 0 10px 0;
	}
	#search-asset-article ul.articles-loop li.article-loop-item .item-meta {
		gap: 10px;
	}
	#search-asset-article ul.articles-loop li.article-loop-item .item-meta .item-title {
		font-size: 1rem;
	}
	#search-asset-article ul.articles-loop li.article-loop-item .item-meta .item-info {
		display: none;
	}
	#search-asset-article ul.articles-loop li.article-loop-item .item-meta ul.post-categories {
		display: none;
	}




	.search-asset-index .inner {
		flex-wrap: wrap;
	}
	.search-asset-index .inner a {
		flex: 1 1 33.33333%;
		border-top: 1px solid #101010;
		font-size: 0.75rem;
		height: 44px;
		line-height: 44px;
	}
	.search-asset-index .inner a:nth-child(3) {
		border-right: none;
	}

	#customer-seo-hero {
		height: auto;
	}
	#customer-seo-hero .inner {
		width: 100%;
		flex-direction: column-reverse;
		justify-content: center;
		align-content: center;
	}
	#customer-seo-hero .inner .section-header {
		justify-content: center;
		width: 100%;
		gap: 20px;
	}
	#customer-seo-hero .inner .section-header h1 {
		font-size: 2.25rem;
	}
	#customer-seo-hero .inner .section-header p {
		font-size: 1.125rem;
	}
	#customer-seo-hero .inner .section-content {
		width: 100%;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		padding: 0;
	}
	#customer-seo-hero .inner .section-content img {
		max-width: 150px;
	}

	#customer-seo-questions .inner .section-content {
		margin-top: 0;
	}
	#customer-seo-questions .inner .section-content ol.customer-question-loop li {
		padding: 20px 0;
	}
	#customer-seo-questions .inner .section-content ol.customer-question-loop li h3 {
		font-size: 1.125rem;
	}
	#customer-seo-questions .inner .section-content ol.customer-question-loop li p {
		font-size: 0.875rem;
	}

	ol.framework-loop {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 15px !important;
		overflow-x: auto;
		width: calc(100% + 40px);
		margin: 0 -20px 35px -20px;
		padding: 0 20px;
	}
	ol.framework-loop::-webkit-scrollbar {
		display: none;
	}
	ol.framework-loop li {
		flex: 0 0 240px;
		padding: 25px 20px;
	}
	ol.framework-loop li img {}
	ol.framework-loop li h3 {
		font-size: 1.125rem;
	}
	ol.framework-loop li p {
		font-size: 0.875rem;
	}


	ol.journey-flow {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 15px !important;
		overflow-x: auto;
		width: calc(100% + 40px);
		margin: 0 -20px 35px -20px;
		padding: 0 20px;
	}
	ol.journey-flow::-webkit-scrollbar {
		display: none;
	}
	ol.journey-flow li {
		flex: 0 0 200px;
		padding: 25px 20px;
		gap: 10px;
	}
	ol.journey-flow li strong {
		font-size: 1.125rem;
		margin: 0;
	}
	ol.journey-flow li small {
		font-size: 0.875rem;
		line-height: 1.375;
	}



	dl.case-structure {
		margin: 50px 0 0 0;
	}
	dl.case-structure > div {
		padding: 25px 20px;
	}
	dl.case-structure > div dt {
		font-size: 1.313rem;
	}
	dl.case-structure > div dd {
		font-size: 0.875rem;
		line-height: 1.375;
	}

	.case-result {
		margin: 50px 0 0 0;
	}
	.case-result strong {
		font-size: 1.5rem;
	}


	ol.asset-relationship {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 15px !important;
		overflow-x: auto;
		width: calc(100% + 40px);
		margin: 0 -20px 35px -20px;
		padding: 0 20px;
	}
	ol.asset-relationship::-webkit-scrollbar {
		display: none;
	}
	ol.asset-relationship li {
		flex: 0 0 240px;
		padding: 25px 20px;
		gap: 10px;
	}
	ol.asset-relationship li h3 {
		font-size: 1.125rem;
		margin: 0;
	}
	ol.asset-relationship li p {
		font-size: 0.875rem;
		line-height: 1.375;
	}


	#customer-seo-difference .inner .section-content {
		flex: 0 0 100% !important;
		width: 100%;
	}
	.comparison-table .comparison-row {
		padding: 20px 0;
		font-size: 1rem;
	}
	.comparison-table .comparison-row.comparison-head {
		font-size: 1.125rem;
	}


	ul.measure-loop {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 15px !important;
		overflow-x: auto;
		width: calc(100% + 40px);
		margin: 0 -20px 35px -20px;
		padding: 0 20px;
	}
	ul.measure-loop::-webkit-scrollbar {
		display: none;
	}











}
@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) {}