@charset "UTF-8";
/* =========================================================================

==base
==header
==banner
==intro
==service
==news
==video
==footer
==breadcrumb
==pagination
==privacy
==history
==certification
==contact
==cooperation
==recruit
==cookies
==RWD

========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap');

/* =========================================================================
==base
========================================================================= */
:root {
	--fs-BNTitle: 50px;
	--fs-breadcrumbTitle: 50px;
	--fs-BNTxt: 18px;
	--fs-sectionTitle: 36px;
	--fs-sectionTitleEN: 20px;
	--fs-infoTitle: 28px;
	--fs-sidebarTitle: 22px;
	--fs-itemTitle: 26px;
	--fs-headerNav: 18px;
	--fs-normal: 16px;
	--fs-small: 14px;

	--section: 100px;
	--cnvs-header-height-md: 70px;

	--cnvs-themecolor: #023e69;
	--cnvs-themecolor-rgb: 2, 62, 105;
	--cnvs-green: #009499;
	--cnvs-blue: #0075C1;
}

/* ================= base ================= */
body,
.form-control {
	word-break: break-word;
	letter-spacing: 1px;
	line-height: 1.75;
	font-weight: 400;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans JP", sans-serif;
	color: var(--cnvs-black);
	font-size: var(--fs-normal);
}

.form-control::placeholder {
	color: var(--cnvs-contrast-500);
}

p:last-child,
ul:last-child,
ol:last-child,
li:last-child,
form:last-child,
.form-control:last-child {
	margin-bottom: 0;
}

a {
	color: var(--cnvs-black);
	transition: .3s ease;
}

a:hover {
	color: var(--cnvs-blue);
}

button {
	transition: .3s ease;
}

/* ================= ellipsis ================= */
.one-row { 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.two-row { 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.three-row { 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.three-row { 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

/* ==================== btn ==================== */
.btn-base {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	width: 155px;
	line-height: 1.5;
	color: var(--cnvs-white);
	background: linear-gradient(90deg, #0075C1 0%, #009499 100%);
	padding: 10px 18px;
	border-radius: 50px;
	position: relative;
	transition: .3s ease;
	overflow: hidden;
}

.btn-base::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #0075C1 0%, #009499 100%);
	transform: translateX(-100%);
	transition: .3s ease;
}

.btn-base .wrap {
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1;
}

.btn-base .wrap span {
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--cnvs-white);
	color: var(--cnvs-themecolor);
	border-radius: 50%;
	overflow: hidden;
}

.btn-base .wrap span i {
	font-size: 16px;
	line-height: 1;
	transform: translateX(-50%);
	transition: .3s ease;
}

.btn-base:hover {
	color: var(--cnvs-white);
}

.btn-base:hover::before {
	transform: translateX(0);
}

.btn-base:hover .wrap span i {
	transform: translateX(50%);
}

.btn-base.big {
	width: 180px;
	padding: 14px 22px;
}

.btn-base.big .wrap span {
	width: 24px;
	height: 24px;
}

.btn-base.big .wrap span i {
	font-size: 20px;
}

/* ==================== title ==================== */
.section-title {
	position: relative;
	z-index: 0;
	margin-bottom: 48px;
	height: 85px;
	font-size: var(--fs-sectionTitle);
	line-height: 1.5;
	letter-spacing: 2px;
	font-weight: 500;
	color: var(--cnvs-themecolor);
}

.section-title img {
	position: absolute;
	top: 0;
	left: 0;
	width: 215px;
	z-index: -1;
}

.section-title .title-wrap {
	transform: translateY(25%);
	display: flex;
	align-items: center;
	gap: 12px;
	padding-left: 21px;
}

.section-title .title-wrap .en {
	font-family: "Montserrat", sans-serif;
	letter-spacing: 1px;
	font-size: var(--fs-sectionTitleEN);
}

.section-title.center img {
	left: 50%;
	transform: translateX(-76%);
}

.section-title.center .title-wrap {
	justify-content: center;
}

.item-title {
	font-size: var(--fs-itemTitle);
	font-weight: 700;
	line-height: 1.5;
}

.info-title {
	font-size: var(--fs-infoTitle);
	font-weight: 700;
	line-height: 1.5;
}

/* ==================== other ==================== */
.section {
	background-color: transparent;
	padding: var(--section) 0;
	margin: 0;
}

.text-justify {
	text-align: justify !important;
}

.en-word {
	font-family: "Montserrat", sans-serif;;
}

/* ==================== preloader ==================== */
#preloader {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
	background: linear-gradient(0deg, #c8edff 0%, #edf9ff 50%, #d9eff0 100%);
}

#preloader img {
  width: 180px;
	animation: flip 2s infinite;
}

@keyframes flip {
	0% {
		transform: rotateY(180deg);
	}
	50% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(180deg);
	}
}

/* ==================== all info ==================== */
.for-middlebg.middlebg {
	top: 10.5%;
}

.for-middlebg.middlebg.only2 {
	top: 15.5%;
}

/* =========================================================================
==header
========================================================================= */
header {
	--cnvs-primary-menu-submenu-padding-y: 8px;
	--cnvs-primary-menu-submenu-padding-x: 12px;
}

#header-wrap {
	box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.05);
}

.header-wrap-clone {
	height: calc(var(--cnvs-header-height-md) + 1px);
}

/* =============== menu ================= */
.cnvs-hamburger {
	--cnvs-hamburger-size: 26px;
}

.cnvs-hamburger .cnvs-hamburger-box {
	height: auto;
}

.cnvs-hamburger .cnvs-hamburger-inner::before {
	top: -8px;
}

.cnvs-hamburger .cnvs-hamburger-inner::after {
	bottom: -8px;
}

.cnvs-hamburger .cnvs-hamburger-inner,
.cnvs-hamburger .cnvs-hamburger-inner::before,
.cnvs-hamburger .cnvs-hamburger-inner::after {
	background-color: var(--cnvs-themecolor);
}

.is-expanded-menu .menu-container {
	padding: 12px 24px;
}

.is-expanded-menu .menu-container > .menu-item:not(:first-child) {
	margin-left: 24px;
}

.is-expanded-menu .menu-container > .menu-item:last-child {
	margin-left: 32px;
}

.menu-item > .menu-link,
.sub-menu-container .menu-item > .menu-link {
	font-size: var(--fs-headerNav);
	font-weight: 500 !important;
	color: var(--cnvs-themecolor);
	line-height: 1.5;
	transition: .3s ease;
}

.menu-item:hover > .menu-link {
	color: var(--cnvs-blue);
}

.nav-wrap .menu-wrap .menu-link {
	padding: 20px 8px;
}

:not(.sub-menu-container) .menu-link {
	padding: 30px 8px;
}

.menu-item.active > .menu-link {
	color: var(--cnvs-blue);
}

/* =============== lang ================= */
.lang-wrap {
	background-color: var(--cnvs-green);
	padding: 12px 14px;
	border-radius: 50px;
}

.lang-wrap i {
	margin-right: 2px;
}

.lang-wrap a {
	font-size: 15px;
	line-height: 1.3;
	position: relative;
	color: var(--cnvs-white);
}

.lang-wrap a:hover span,
.lang-wrap a.active span {
	border-bottom: 1px solid var(--cnvs-white);
}

.lang-wrap a + a:before {
	content: '';
	position: absolute;
	top: 0;
	left: -4px;
	width: 1px;
	height: 100%;
	background-color: var(--cnvs-white);
}

/* =========================================================================
==banner
========================================================================= */
.nav-wrap {
	--cnvs-primary-menu-submenu-padding-y: 8px;
	--cnvs-primary-menu-submenu-padding-x: 12px;
	margin-top: calc(-1 * ((var(--cnvs-header-height-md) + 1px) - 24px));
}

.banner-wrap {
	margin-top: calc(-1 * (var(--cnvs-header-height-md) + 1px));
}


/* =============== logo ================= */
.nav-wrap .logo img {
	width: 180px;
}


/* =============== menu ================= */
.nav-wrap .menu-wrap > ul {
	padding: 0 24px;
	border-radius: 50px 0 0 50px;
	background: rgba(255, 255, 255, 0.60);
	backdrop-filter: blur(3px);
}

.nav-wrap .menu-wrap > ul > .menu-item:not(:first-child) {
	margin-left: 24px;
}

.nav-wrap .menu-wrap > ul > .menu-item:last-child {
	margin-left: 32px;
}

.nav-wrap .menu-wrap > ul > .menu-item > .sub-menu-container {
	position: absolute;
	visibility: hidden;
	top: 100%;
	left: 0;
	width: var(--cnvs-primary-menu-submenu-width, 240px);
	padding: 0;
	background-color: rgba(255, 255, 255, 0.6);
	border: var(--cnvs-primary-menu-submenu-border);
	border-top: 2px solid var(--cnvs-themecolor);
	overflow: hidden;
	opacity: 0;
	margin-top: var(--cnvs-primary-menu-submenu-display-offset, 0.5rem);
	z-index: -9999;
	pointer-events: none;
	transition: 0.3s all ease;
}

.nav-wrap .menu-wrap > ul > .menu-item:hover > .sub-menu-container {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
	z-index: 399;
	pointer-events: auto;
	transition: 0.3s all ease;
}

.nav-wrap .menu-wrap > ul > .menu-item > .sub-menu-container .menu-link {
	padding: var(--cnvs-primary-menu-submenu-padding-y) var(--cnvs-primary-menu-submenu-padding-x);
	white-space: nowrap;
	backdrop-filter: blur(3px);
}

/* =============== banner txt ================= */
.banner-wrap .info-wrap {
	height: 100vh;
}

.banner-wrap .info-wrap .txt-wrap {
	width: 48%;
	top: 50%;
	transform: translateY(calc(-50% - 38px));
}

.banner-wrap .txt-wrap h1,
.banner-wrap .txt-wrap p,
.banner-wrap .txt-wrap .btn-base {
	transition: opacity .46s ease, transform .46s ease, filter .46s ease;
	will-change: opacity, transform, filter;
}

.banner-wrap .txt-wrap.is-text-leaving h1,
.banner-wrap .txt-wrap.is-text-leaving p,
.banner-wrap .txt-wrap.is-text-leaving .btn-base {
	opacity: 0;
	filter: blur(3px);
	transform: translateY(-14px);
}

.banner-wrap .txt-wrap.is-text-entering h1,
.banner-wrap .txt-wrap.is-text-entering p,
.banner-wrap .txt-wrap.is-text-entering .btn-base {
	animation: heroTextEnter .84s cubic-bezier(.22, .61, .36, 1) both;
}

.banner-wrap .txt-wrap.is-text-entering p {
	animation-delay: .12s;
}

.banner-wrap .txt-wrap.is-text-entering .btn-base {
	animation-delay: .24s;
}

@keyframes heroTextEnter {
	0% {
		opacity: 0;
		filter: blur(4px);
		transform: translateY(18px);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0);
	}
}

.banner-wrap .txt-wrap h1 {
	font-size: var(--fs-BNTitle);
	color: var(--cnvs-themecolor);
	line-height: 1.35;
	font-weight: 700;
	text-shadow:
		0 1px 0 rgba(255, 255, 255, 0.82),
		1px 0 0 rgba(255, 255, 255, 0.74),
		0 -1px 0 rgba(255, 255, 255, 0.7),
		-1px 0 0 rgba(255, 255, 255, 0.68),
		0 1px 1px rgba(255, 255, 255, 0.6);
}

.banner-wrap .txt-wrap p {
	font-size: var(--fs-BNTxt);
	line-height: 1.7;
	margin-top: 32px;
	text-shadow:
		0 1px 0 rgba(255, 255, 255, 0.86),
		1px 0 0 rgba(255, 255, 255, 0.78),
		0 -1px 0 rgba(255, 255, 255, 0.74),
		-1px 0 0 rgba(255, 255, 255, 0.72),
		0 1px 1px rgba(255, 255, 255, 0.64);
}

.banner-wrap .txt-wrap .btn-base {
	margin-top: 48px;
}

.banner-wrap .func-wrap {
  top: 80%;
	width: calc(100% - 12px);
	z-index: 4;
}

/* ==================== pagination ==================== */
.pagination .dot-wrap {
	margin: 0 20px;
}

.pagination .dot-wrap span {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: transparent;
	position: relative;
	transition: .3s all;
}

.pagination .dot-wrap span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--cnvs-green);
}

.pagination .dot-wrap span:hover,
.pagination .dot-wrap span:focus-visible,
.pagination .dot-wrap span.active {
	background: rgba(0, 148, 153, 0.35);
}

.news-list-pagination .page-link {
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(var(--cnvs-themecolor-rgb), 0.2);
	border-radius: 50% !important;
	color: var(--cnvs-themecolor);
	background-color: var(--cnvs-white);
	line-height: 1;
	box-shadow: none;
}

.news-list-pagination .page-link:hover,
.news-list-pagination .page-link:focus-visible,
.news-list-pagination .page-item.active .page-link {
	border-color: var(--cnvs-green);
	color: var(--cnvs-white);
	background-color: var(--cnvs-green);
}

.news-list-pagination .page-item.disabled .page-link {
	color: var(--cnvs-contrast-500);
	background-color: transparent;
	border-color: rgba(var(--cnvs-themecolor-rgb), 0.12);
}

/* ==================== navigation ==================== */
.navigation {
	display: flex;
	align-items: center;
}

.navigation button {
	border: 0;
	background-color: transparent;
	display: inline-flex;
	align-items: center;
	gap: 16px;
	color: var(--cnvs-blue);
}

.navigation button:disabled {
	color: var(--cnvs-contrast-500);
}

.navigation button:disabled .slider-nav {
	border-color: var(--cnvs-contrast-500);
	color: var(--cnvs-contrast-500);
}

.navigation .slider-nav {
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--cnvs-blue);
	border-radius: 50%;
	transition: .3s ease;
}

.navigation .slider-nav i {
	font-size: 20px;
	line-height: 1;
	transition: .3s ease;
}

.navigation .line {
	display: inline-block;
	width: 1px;
	height: 22px;
	background-color: var(--cnvs-themecolor);
	transform: skewX(-30deg);
	margin: 0 32px;
}

.navigation button:not(:disabled):hover .slider-nav {
	background-color: var(--cnvs-blue);
}

.navigation button:not(:disabled):hover .slider-nav i {
	color: var(--cnvs-white);
}

/* ==================== img ==================== */
.hero-stack {
	position: absolute;
	top: 0;
	right: 0;
	width: 1000px;
	aspect-ratio: 2000 / 1711;
	pointer-events: none;
}

.hero-stack svg {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	shape-rendering: geometricPrecision;
}

.hero-bg {
	transform: translateX(-12px);
	z-index: 1;
}

.hero-front {
	z-index: 2;
	pointer-events: auto;
}

.hero-front-image {
	display: none;
}

.hero-front foreignObject {
	overflow: hidden;
}

.hero-ripple {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	pointer-events: auto;
	cursor: grab;
	user-select: none;
	touch-action: pan-y;
}

@supports (-webkit-touch-callout: none) {
	.hero-front-image {
		display: block;
	}

	.hero-front foreignObject {
		display: none;
	}
}

.hero-ripple.is-dragging {
	cursor: grabbing;
}

/* ==================== hero 圖片切換特效 ==================== */
.hero-ripple-overlay {
	position: absolute;
	inset: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 1;

	/* === 風格 1:柔和淡入淡出(預設,最協調) === */
	opacity: 0;
	transition: opacity .7s cubic-bezier(.22, .61, .36, 1);
}

.hero-ripple-overlay.is-revealing {
	opacity: 1;
}

/* === 風格 2:模糊+輕微縮放(電影感) ===
.hero-ripple-overlay {
	opacity: 0;
	filter: blur(12px);
	transform: scale(1.06);
	transition:
		opacity .8s cubic-bezier(.22, .61, .36, 1),
		filter .8s cubic-bezier(.22, .61, .36, 1),
		transform .8s cubic-bezier(.22, .61, .36, 1);
}

.hero-ripple-overlay.is-revealing {
	opacity: 1;
	filter: blur(0);
	transform: scale(1);
}
*/

/* === 風格 3:斜向遮罩擦除(設計感) ===
.hero-ripple-overlay {
	opacity: 1;
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: clip-path .85s cubic-bezier(.76, 0, .24, 1);
}

.hero-ripple-overlay.is-revealing {
	clip-path: polygon(0 0, 110% 0, 100% 100%, 0 100%);
}
*/

/* 拖曳中暫停動畫渲染,避免抖動 */
.hero-ripple.is-dragging .hero-ripple-overlay {
	transition: none;
}

#bgPath {
	animation: morphBg 13s ease-in-out infinite;
}

@keyframes morphBg {
	0%   { d: path("M73.50 208.00C25.91 109.50 38.83 32.83 52.50 0.00C379.37 0.00 716.13 0.00 1043.00 0.00C1043.00 229.52 1043.00 465.99 1043.00 695.50C914.00 802.50 761.50 835.83 657.00 808.50C450.50 754.50 479.50 629.00 413.50 495.50C349.34 365.72 138.00 341.50 73.50 208.00Z"); }
	25%  { d: path("M75.46 216.65C31.02 119.64 39.64 33.51 49.78 -1.52C374.94 0.37 728.99 -0.15 1057.43 -3.20C1056.51 226.95 1031.12 468.86 1032.61 697.68C907.02 807.53 749.78 851.88 650.36 835.39C449.11 776.61 483.07 672.00 422.60 533.26C348.50 410.28 148.31 350.49 75.46 216.65Z"); }
	50%  { d: path("M42.91 222.93C-16.47 114.51 35.09 21.88 53.40 -10.28C379.94 -9.66 709.70 2.55 1040.33 1.71C1040.28 231.03 1036.12 453.47 1036.11 681.61C902.53 789.43 781.96 841.39 677.57 813.24C483.61 749.89 485.52 647.17 419.43 514.36C355.05 387.76 109.35 355.28 42.91 222.93Z"); }
	75%  { d: path("M57.65 206.37C-1.82 104.51 53.48 35.53 67.70 3.06C392.50 4.75 725.48 12.93 1048.40 14.97C1047.71 243.13 1048.06 464.16 1046.91 694.14C917.46 801.86 722.72 845.20 630.36 825.47C419.42 757.26 480.85 608.70 418.31 486.44C353.99 373.91 135.32 339.09 57.65 206.37Z"); }
	100% { d: path("M73.50 208.00C25.91 109.50 38.83 32.83 52.50 0.00C379.37 0.00 716.13 0.00 1043.00 0.00C1043.00 229.52 1043.00 465.99 1043.00 695.50C914.00 802.50 761.50 835.83 657.00 808.50C450.50 754.50 479.50 629.00 413.50 495.50C349.34 365.72 138.00 341.50 73.50 208.00Z"); }
}

@media (prefers-reduced-motion: reduce) {
	#bgPath { 
		animation: none; 
	}

	.hero-bg animate { 
		display: none; 
	}
}


/* =========================================================================
==intro
========================================================================= */
.intro-section {
	padding-bottom: 120px;
}

.intro-section .txt-wrap {
	padding-left: 90px;
	padding-right: 80px;
}

.intro-section .txt-wrap p:not(:last-child) {
	margin-bottom: 20px;
}

/* ==================== img ==================== */
.intro-shape {
	position: relative;
	width: 100%;
	height: 560px;
	transform: translateY(-15px);
}

.intro-shape svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.intro-shape .shape-bg {
	transform: translate(25px, 18px);
}

/* ==================== index deco img ==================== */
.intro-deco-wrap {
	position: absolute;
	top: 6.8%;
	right: 0;
	z-index: 2;
}

.intro-deco-wrap .map {
	transform: translateX(120px);
}

.intro-deco-wrap .house {
	position: absolute;
	top: 12%;
	left: 18%;
	z-index: 2;
	transform: translate3d(var(--house-parallax-x, 0px), 0, 0);
	will-change: transform;
}

.intro-deco-wrap .animal {
	position: absolute;
	top: 52%;
	left: 4.5%;
	z-index: 2;
	transform: translate3d(var(--animal-parallax-x, 0px), 0, 0);
	will-change: transform;
}

.line-wrap-1 {
	position: absolute;
	top: 21.2%;
	right: 10.8%;
	z-index: 1;
}

.line-wrap-1 .line-deoc-1 {
	position: absolute;
	top: 26.3%;
	left: 19%;
	z-index: 2;
	transform: translate3d(var(--line-deco-path-x, 0px), var(--line-deco-path-y, 0px), 0) rotate(var(--line-deco-rotate, 0deg));
	transform-origin: center;
	will-change: transform;
}

.line-wrap-1 .line-deoc-2 {
	position: absolute;
	top: 28.5%;
	left: 31%;
	z-index: 2;
	transform: translate3d(var(--line-deco-path-x, 0px), var(--line-deco-path-y, 0px), 0);
	will-change: transform;
}

.line-wrap-1 .line-deoc-2 {
	position: absolute;
	top: 28.5%;
	left: 32%;
	z-index: 2;
}

.line-wrap-1 .line-deoc-3 {
	position: absolute;
	top: 30%;
	left: 30%;
	z-index: 2;
	transform: translate3d(var(--line-deco-path-x, 0px), var(--line-deco-path-y, 0px), 0);
	will-change: transform;
}

.line-wrap-1 .service_deco_car {
	position: absolute;
	top: 52.8%;
	right: -11%;
	z-index: 2;
	transform: translate3d(var(--service-car-parallax-x, 0px), 0, 0);
	will-change: transform;
}

.line-wrap-1 .service_deco_travel {
	position: absolute;
	top: 43.8%;
	right: -38%;
	z-index: 2;
}

.line-wrap-2 {
	position: absolute;
	bottom: -52%;
	left: 12%;
}

.line-wrap-2 .service-deoc-word1 {
	position: absolute;
	top: -46%;
	left: 37%;
	z-index: 2;
	transform: translate3d(0, var(--service-birds-parallax-y, 0px), 0);
	will-change: transform;
}

.line-wrap-2 .service-deoc-bird1 {
	position: absolute;
	top: -39%;
	left: 44%;
	z-index: 2;
	transform: translate3d(0, var(--service-birds-parallax-y, 0px), 0);
	will-change: transform;
}

.line-wrap-2 .service-deoc-bird2 {
	position: absolute;
	top: -39%;
	right: 38%;
	z-index: 2;
	transform: translate3d(0, var(--service-birds-parallax-y, 0px), 0);
	will-change: transform;
}

.line-wrap-3 {
	position: absolute;
	top: -69%;
	left: -7%;
	z-index: -1;
}

.line-wrap-3 .line-deoc-5 {
	position: absolute;
	bottom: 5%;
	right: 10%;
	z-index: 2;
	transform: translate3d(var(--line-3-deco-path-x, 0px), var(--line-3-deco-path-y, 0px), 0);
	will-change: transform;
}

.line-wrap-3 .line-deoc-1 {
	position: absolute;
	bottom: 13%;
	right: 17%;
	transform: translate3d(var(--line-3-deco-path-x, 0px), var(--line-3-deco-path-y, 0px), 0) rotate(30deg);
	z-index: 2;
	will-change: transform;
}

.line-wrap-3 .line-deoc-3 {
	position: absolute;
	bottom: 16%;
	right: 12%;
	z-index: 2;
	transform: translate3d(var(--line-3-deco-path-x, 0px), var(--line-3-deco-path-y, 0px), 0);
	will-change: transform;
}

.service-wrap-4 {
	position: absolute;
	bottom: 3%;
	right: -5%;
	z-index: 1;
}

.service-wrap-4 .service_deco_ramen {
	transform: translate3d(0, var(--service-food-parallax-y, 0px), 0);
	will-change: transform;
}

.service-wrap-4 .service_deco_crab {
	position: absolute;
	bottom: 94%;
	right: -81%;
	z-index: 2;
	transform: translate3d(0, var(--service-food-parallax-y, 0px), 0);
	will-change: transform;
}

.service-wrap-4 .service_deco_word2 {
	position: absolute;
	bottom: 95%;
	left: -53%;
	z-index: 2;
	transform: translate3d(0, var(--service-food-parallax-y, 0px), 0);
	will-change: transform;
}

.service-wrap-4 .service_deco_cheese {
	position: absolute;
	top: -126%;
	right: 19%;
	z-index: 2;
	transform: translate3d(0, var(--service-food-parallax-y, 0px), 0);
	will-change: transform;
}

/* ==================== info ==================== */
.intro-section2 .txt-wrap {
	padding: 0 60px;
}

.intro-sptxt {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--cnvs-themecolor);
}

.intro-sptxt .sp {
	color: var(--cnvs-blue);
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 6px;
	text-decoration-color: #BAE9EA;
	text-underline-offset: -1px;
}

.intro-section2 .intro-deco-wrap {
	position: absolute;
	top: 3% !important;
	left: 10%;
	right: auto !important;
}

.intro-section2 .intro-deoc-word1 {
	position: absolute;
	top: -38px;
	left: -36px;
}

.intro-section2 .about-section2-deco .intro-deoc-word1,
.intro-section2 .about-section2-deco .intro-deoc-bird1,
.intro-section2 .about-section2-deco .intro-deoc-bird2 {
	transform: translate3d(0, var(--about-section2-deco-parallax-y, 0px), 0);
	will-change: transform;
}

.intro-section2 .intro-deco-wrap2 {
	position: absolute;
	bottom: 13%;
	right: -5%;
	z-index: 2;
}

.intro-section2 .about-section2-car-deco .intro_deco_car {
	transform: translate3d(var(--about-section2-car-parallax-x, 0px), 0, 0);
	will-change: transform;
}

.intro-section2 .intro-deco-wrap2 .intro_deco_travel {
	position: absolute;
	bottom: 0;
}

.intro-section2 .middle-bg-intro {
	position: absolute;
	bottom: -67%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.intro-info-wrap .intro-deco-wrap {
	top: 11.8%;
	right: -52px;
}

.intro-philosophy:after {
	content: '';
	background-color: #EDF9FF;
	position: absolute;
	top: 18%;
	bottom: -40%;
	left: 0;
	right: 0;
	z-index: -1;
}

.intro-philosophy .section-title.center img {
	transform: translateX(-91%);
}

.intro-philosophy .txt-wrap {
	width: calc(100% - 120px);
	padding: 56px;
	border-radius: 30px;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
	margin: auto;
	border: 4px solid #7ac5c8;
}

.intro-philosophy .icons-wrap .img-wrap {
	width: 90px;
}

.intro-philosophy .icons-wrap .img-wrap .deco-img {
	bottom: -10px;
	right: -30px;
	z-index: -1;
}

.intro-philosophy .icons-wrap > .row div:nth-child(even) .img-wrap .deco-img {
	right: auto;
	left: -30px;
	transform: rotate(53deg)
}

.intro-philosophy .icons-wrap .txt {
	padding: 16px 32px;
	background-color: var(--cnvs-contrast-100);
	border-radius: 30px 30px 0 30px;
}

.intro-philosophy .icons-wrap .row > div:nth-child(2) .txt {
	border-radius: 30px 30px 30px 0;
}

.intro-philosophy .icons-wrap .row > div:nth-child(3) .txt {
	border-radius: 30px 0 30px 30px;
}

.intro-philosophy .icons-wrap .row > div:nth-child(4) .txt {
	border-radius: 0 30px 30px 30px;
}

.intro-philosophy .icons-wrap .item-title {
	font-size: 22px;
	color: var(--cnvs-themecolor);
}

.line-wrap-11 {
	position: absolute;
	top: 17%;
	left: 29%;
	z-index: 1;
}

.line-wrap-11 .line-deco-6 {
	position: absolute;
	top: 48%;
	left: 69%;
	z-index: 1;
	transform: translate3d(var(--line-11-deco-path-x, 0px), var(--line-11-deco-path-y, 0px), 0);
	will-change: transform;
}

.intro-deco-bear {
	position: absolute;
	top: 39%;
	right: -24px;
	z-index: 3;
	transform: translate3d(0, var(--intro-bear-parallax-y, 0px), 0);
	will-change: transform;
}

.intro-deco-corn {
	position: absolute;
	bottom: 10%;
	left: -9%;
	z-index: 1;
	transform: translate3d(0, var(--intro-corn-parallax-y, 0px), 0);
	will-change: transform;
}


/* =========================================================================
==service
========================================================================= */
.service-section {
	padding-bottom: 60px;
}

/* ==================== img ==================== */
.service-shape {
	position: relative;
	width: 100%;
	height: 470px;
	transform: translateY(-15px);
}

.service-section .service-item:nth-child(even) .service-shape {
	height: 500px;
}

.service-shape svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.service-shape .shape-bg {
	transform: translate(12px, 20px);
}

/* ==================== txt ==================== */
.service-section .txt-wrap {
	padding-left: 60px;
}

.service-section .service-item:nth-child(even) .txt-wrap {
	padding-left: 0;
	padding-right: 60px;
}

/* ==================== tag ==================== */
.service-section .service-tag {
	position: absolute;
	top: 16%;
	right: -5%;
	animation: serviceTag 1.5s ease-in-out infinite alternate;
}

.service-section .service-tag .title-wrap {
	top: calc(50% + 3px);
	left: calc(50% + 3px);
	transform: translate(-50%, -50%);
	color: var(--cnvs-themecolor);
}

.service-section .service-item:nth-child(even) .service-tag .title-wrap {
	color: var(--cnvs-white);
}

.service-section .service-item:nth-child(even) .service-tag {
	right: auto;
	top: 12%;
	left: 50px;
}

.service-section .service-item:nth-child(even).more .service-tag {
	top: 16%;
	left: 24px;
}

.service-section .service-item:nth-child(even) .service-tag img {
	content: url("../images/service_tag_blue.svg");
}

.service-section .service-tag .num {
	font-size: 28px;
}

@keyframes serviceTag {
  from {
		transform: rotate(-5deg)
	}
  to {
		transform: rotate(3deg)
	}
}

/* ==================== list ==================== */
.service-list-section .service-item:nth-child(even) > .row {
	flex-direction: row-reverse;
}

.service-list-section .service-item:last-child .line-wrap-2 {
	display: none;
}

.service-list-section .service-item:nth-child(odd) .line-wrap-2 {
	bottom: -63%;
	left: 20%;
}

.service-list-section .service-item:nth-child(odd) .line-wrap-2 .line-2 {
	transform: scaleX(-1);
}

.service-item .service-list-img {
	position: absolute;
	z-index: 1;
	will-change: transform;
}

.service-item:nth-child(1) .service-list-img,
.service-item:nth-child(4n+1) .service-list-img {
	width: 245px;
	top: 36%;
	right: -5%;
}

.service-list-section .service-item:nth-child(1) .service-list-img {
	transform: translate3d(var(--service-list-car-x, 0px), 0, 0);
}

.service-item:nth-child(2) .service-list-img,
.service-item:nth-child(4n+2) .service-list-img {
	content: url("../images/recruit_deco_bird.png");
	width: 180px;
	top: 16%;
	left: -4%;
}

.service-list-section .service-item:nth-child(2) .service-list-img {
	transform: translate3d(0, var(--service-list-bird-y, 0px), 0);
}

.service-item:nth-child(3) .service-list-img,
.service-item:nth-child(4n+3) .service-list-img {
	content: url("../images/service_deco_ramen2.png");
	width: 270px;
	top: 3%;
	right: -7%;
}

.service-list-section .service-item:nth-child(3) .service-list-img {
	transform: translate3d(0, var(--service-list-ramen-y, 0px), 0);
}

.service-item:nth-child(4) .service-list-img,
.service-item:nth-child(4n+4) .service-list-img {
	content: url("../images/video_deco_fox2.png");
	width: 135px;
	top: 17%;
	left: -3%;
}

/* ==================== info ==================== */
.service-info-section2 .advantage-item {
	--right-space: 48px;
	--left-space: 32px;
}

.service-info-section2 .advantage-item > div {
	transform: translateX(calc(-1 * (var(--right-space) - 48px) - 8px));
}

.service-info-section2 .advantage-item:nth-child(even) .tag img {
	content: url("../images/video_tag_big_2.svg");
}

.service-info-section2 .advantage-item .tag {
	position: absolute;
	top: 50%;
	transform: translate(calc(var(--right-space) - var(--left-space)), -50%);
}

.service-info-section2 .advantage-item .tag .num {
	font-size: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.service-info-section2 .advantage-item .txt {
	margin-left: calc(var(--right-space) + var(--left-space));
	border: 4px solid #7ac5c8;
	padding: 16px calc(var(--right-space) - var(--left-space) + 8px) 16px var(--left-space);
	border-radius: 30px;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
}

.service-info-section2 .advantage-item:nth-child(even) .txt {
	border-color: #7db6db;
}

.service-info-section3 .recruit-deco-wrap3 {
	right: auto;
	left: 70px;
}

.service-info-section1 .info-title {
	font-size: var(--fs-sectionTitle);
	position: relative;
}

.service-info-section1 .info-title:before {
	content: '';
	position: absolute;
	width: 50%;
	height: 34px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg width='90' height='34' viewBox='0 0 90 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 17 C11 3 34 3 45 17 S79 31 90 17' fill='none' stroke='%2384c6f0' stroke-width='2' stroke-linecap='round' stroke-dasharray='4 8'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-size: 90px 34px;
	z-index: -1;
}

.service-info-section1 .info-title:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 34px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg width='90' height='34' viewBox='0 0 90 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 17 C11 3 34 3 45 17 S79 31 90 17' fill='none' stroke='%2384c6f0' stroke-width='2' stroke-linecap='round' stroke-dasharray='4 8'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-size: 90px 34px;
	z-index: -1;
}

.service-info-section1 .info-title span {
	padding: 0 32px;
}

.service-info-section1 .deco-img1 {
	position: absolute;
	bottom: -8%;
	right: -13%;
	z-index: 1;
	transform: translate3d(var(--service-info-car-x, 0px), 0, 0);
	will-change: transform;
}

.service-info-section1 .deco-img2 {
	position: absolute;
	top: 26%;
	left: 2%;
	z-index: 1;
	transform: translate3d(0, var(--service-info-deco-y, 0px), 0);
	will-change: transform;
}

.service-info-section2 .deco-img1 {
	position: absolute;
	top: -15%;
	left: -13%;
	z-index: 1;
	transform: translate3d(0, var(--service-advantage-ramen-y, 0px), 0);
	will-change: transform;
}

.service-info-section2 .deco-img2 {
	position: absolute;
	bottom: -15%;
	right: -13%;
	z-index: 1;
	transform: translate3d(var(--service-advantage-fox-x, 0px), 0, 0);
	will-change: transform;
}

.more-line-btn {
	width:180px;
}



/* =========================================================================
==news
========================================================================= */
.news-section .newsSwiper {
	overflow: visible;
	clip-path: inset(0 -35px -60px 0);
}

.newsSwiper .swiper-wrapper > .swiper-slide:nth-child(2).wow {
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}

.newsSwiper .swiper-wrapper > .swiper-slide:nth-child(3).wow {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.newsSwiper .swiper-slide .news-item {
	transition: transform .3s ease;
}

.newsSwiper .swiper-slide-active .news-item {
	transform: translateY(0);
}

.newsSwiper .swiper-slide-next .news-item {
	transform: translateY(30px);
}

.newsSwiper .swiper-slide-next + .swiper-slide .news-item {
	transform: translateY(60px);
}

.news-item {
	padding-top: 28px;
}

.news-item > a .img-wrap img {
	display: block;
	width: 100%;
	transition: .3s ease;
}

.news-item > a:hover .img-wrap img {
	transform: scale(1.05);
}


.news-item .img-wrap {
	border-radius: 30px 30px 30px 0;
	overflow: hidden;
}

.news-item .date {
	border-radius: 0 16px 0 0;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 6px;
	text-decoration-color: #BAE9EA;
	text-underline-offset: -1px;
	font-size: 15px;
	display: inline-block;
	padding: 12px 24px;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #EDF9FF;
}

.news-item .date:before {
	content: '';
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0 0C2.09397e-07 8.83656 7.16344 16 16 16H0V0Z' fill='%23EDF9FF'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-100%);
}

.news-item .date:after {
	content: '';
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0 0C2.09397e-07 8.83656 7.16344 16 16 16H0V0Z' fill='%23EDF9FF'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateX(100%);
}

.news-item .item-title {
	color: var(--cnvs-themecolor);
	transition: .3s ease;
}

.news-item > a:hover .item-title {
	color: var(--cnvs-blue);
}

/* ==================== list sidebar ==================== */
.sidebar-wrap {
	position: sticky;
	top: calc(0px + 32px);
}

.sidebar-item {
	padding: 24px;
	border-radius: 30px;
	background: var(--cnvs-white);
	border: 4px solid #7db6db;
}

.sidebar-item:nth-child(even) {
	border-color: #7ac5c8;
}

.sidebar-item + .sidebar-item {
	margin-top: 36px;
}

.sidebar-title {
	margin-bottom: 12px;
	color: var(--cnvs-themecolor);
	font-size: var(--fs-sidebarTitle);
	font-weight: 500;
	line-height: 1.75;
}

.sidebar-search .search-form {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--bs-border-color);
	border-radius: 50px;
	background-color: var(--cnvs-white);
}

.sidebar-search .form-control {
	height: 46px;
	padding: 10px 8px 10px 18px;
	border: 0;
	background-color: transparent;
	box-shadow: none;
}

.sidebar-search .form-control:focus {
	box-shadow: none;
}

.sidebar-search button {
	color: var(--cnvs-white);
	background: linear-gradient(90deg, #0075C1 0%, #009499 100%);
	padding: 6px 14px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	margin-right: 8px;
}

.sidebar-search button::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #0075C1 0%, #009499 100%);
	transform: translateX(-100%);
	transition: .3s ease;
}

.sidebar-search button .icon-wrap {
	width: 22px;
	height: 22px;
	display: flex;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.sidebar-search button .icon-wrap i {
	flex: 0 0 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 1;
	transform: translateX(-22px);
	transition: .3s ease;
}

.sidebar-search button:hover {
	color: var(--cnvs-white);
}

.sidebar-search button:hover::before {
	transform: translateX(0);
}

.sidebar-search button:hover .icon-wrap i {
	transform: translateX(0);
}

.sidebar-category-link {
	color: var(--cnvs-body-color);
	padding: 12px 0;
}

.sidebar-category-link:hover,
.sidebar-category-link.active {
	color: var(--cnvs-blue);
}

.sidebar-category-label {
	gap: 12px;
}

.sidebar-category-bullet {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: transparent;
	position: relative;
	flex: 0 0 24px;
	transition: .3s ease;
}

.sidebar-category-bullet::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--cnvs-green);
}

.sidebar-category-link:hover .sidebar-category-bullet,
.sidebar-category-link.active .sidebar-category-bullet {
	background-color: rgba(0, 148, 153, 0.35);
}

.news-mobile-sidebar > .row > div > div {
	height: 46px;
	padding: 4px 4px 4px 16px;
	background-color: var(--cnvs-white);
	border: 4px solid #7ac5c8 !important;
}

.news-mobile-sidebar .menu-title {
	height: 100%;
	color: var(--cnvs-body-color);
	cursor: pointer;
}

.news-mobile-sidebar .toggle-icon {
	color: var(--cnvs-themecolor);
	line-height: 1;
	padding-right: 12px;
}

.news-mobile-sidebar .menu-list {
	top: calc(100% + 4px);
	display: none;
	overflow: hidden;
	background-color: var(--cnvs-white);
}

.news-mobile-sidebar .menu-list.show {
	display: block;
}

.news-mobile-sidebar .menu-list li:not(:last-child) {
	border-bottom: 1px solid var(--bs-border-color);
}

.news-mobile-sidebar .menu-list a {
	color: var(--cnvs-body-color);
	padding: 8px 12px;
	background-color: var(--cnvs-white);
}

.news-mobile-sidebar .menu-list a:hover,
.news-mobile-sidebar .menu-list a.active {
	color: var(--cnvs-blue);
	background-color: rgba(0, 148, 153, 0.08);
}

.news-mobile-sidebar .mobile-search-form {
	height: 46px !important;
}

.news-mobile-sidebar .mobile-search-form .form-control {
	padding-left: 16px;
	padding-right: 44px;
	background-color: var(--cnvs-white);
	box-shadow: none;
	border: 4px solid #7db6db !important;
}

.news-mobile-sidebar .mobile-search-form button {
	font-size: 18px;
	color: var(--cnvs-themecolor);
}

.news-mobile-sidebar .mobile-search-form button:hover,
.news-mobile-sidebar .mobile-search-form button:active {
	color: var(--cnvs-blue);
}

/* ==================== tag ==================== */
.news-item .news-tag {
	color: var(--cnvs-white);
	position: absolute;
	top: 0;
	right: -25px;
}

.news-item .news-tag .deco-img {
	position: absolute;
	bottom: 0px;
	left: -11px;
	transition: .3s ease;
}

.news-item .news-tag:hover .deco-img {
	transform: rotate(15deg);
}

/* ==================== swiper pagination ==================== */
.news-section .func-wrap {
	position: absolute;
	top: 40px;
	right: 0;
	gap: 36px;
}

.news-pagination-wrap {
	width: 100%;
	margin-top: calc(36px + 60px);
	gap: 20px;
	color: var(--cnvs-blue);
}

.news-section .swiper-pagination {
	position: static;
	width: auto;
}

.news-section .swiper-pagination span {
	width: 24px;
	height: 24px;
	background-color: transparent;
	position: relative;
}

.news-section .swiper-pagination span:hover,
.news-section .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: rgba(0, 148, 153, 0.35) !important;
}

.news-section .swiper-pagination span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--cnvs-green);
}

.news-section .swiper-pagination span.active {
	background-color: rgba(0, 148, 153, 0.35);
}

.swiper-button-wrap {
	display: inline-flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 24px;
}

.swiper-button-wrap [class*="swiper-button-"] {
	position: static;
	border: 1px solid var(--cnvs-blue);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: var(--cnvs-blue);
	transition: .3s ease;
	margin: 0;
}

.swiper-button-wrap [class*="swiper-button-"].swiper-button-disabled {
	border-color: var(--cnvs-contrast-500);
	color: var(--cnvs-contrast-500);
}

.swiper-button-wrap [class*="swiper-button-"]:after {
	display: none;
}

.swiper-button-wrap [class*="swiper-button-"] i {
	font-size: 20px;
	line-height: 1;
	transition: .3s ease;
}

.swiper-button-wrap [class*="swiper-button-"]:hover {
	background-color: var(--cnvs-blue);
	color: var(--cnvs-white);
}

/* ==================== bg middle ==================== */
.no-more-service .middlebg {
	top: 0;
}

.middlebg {
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ==================== deco img ==================== */
.no-more-service .news_deco_cow {
	top: -5.5%;
	left: -2%;
}

.news_deco_cow {
	position: absolute;
	top: -7.5%;
	left: 4.5%;
	z-index: 1;
	transform: translate3d(var(--news-cow-parallax-x, 0px), 0, 0);
	will-change: transform;
}

.line-wrap-4 {
	position: absolute;
	top: -6%;
	right: -0.5%;
	z-index: 1;
}

.line-wrap-4 .line-deoc-1 {
	position: absolute;
	bottom: -8%;
	left: -17%;
	z-index: 1;
	transform: translate3d(var(--line-4-deco-path-x, 0px), var(--line-4-deco-path-y, 0px), 0);
	will-change: transform;
}

.line-wrap-4 .line-deoc-2 {
	position: absolute;
	bottom: -14%;
	left: -17%;
	z-index: 1;
	transform: translate3d(var(--line-4-deco-path-x, 0px), var(--line-4-deco-path-y, 0px), 0);
	will-change: transform;
}

.line-wrap-4 .line-deoc-3 {
	position: absolute;
	bottom: -16%;
	left: -4%;
	z-index: 1;
	transform: translate3d(var(--line-4-deco-path-x, 0px), var(--line-4-deco-path-y, 0px), 0);
	will-change: transform;
}

.line-wrap-5 {
	position: absolute;
	top: 36.8%;
	left: -2%;
	z-index: 1;
}

.line-wrap-5 .line-deoc-4 {
	position: absolute;
	top: 49%;
	left: 62%;
	z-index: 2;
	transform: translate3d(var(--line-5-deco-path-x, 0px), var(--line-5-deco-path-y, 0px), 0);
	will-change: transform;
}

.line-wrap-5 .line-deoc-2 {
	position: absolute;
	top: 51%;
	right: 11%;
	z-index: 2;
	transform: translate3d(var(--line-5-deco-path-x, 0px), var(--line-5-deco-path-y, 0px), 0);
	will-change: transform;
}

.line-wrap-5 .line-deoc-7 {
	position: absolute;
	top: 47%;
	right: 16%;
	z-index: 2;
	transform: translate3d(var(--line-5-deco-path-x, 0px), var(--line-5-deco-path-y, 0px), 0);
	will-change: transform;
}

/* ==================== title ==================== */
.news-list-wrap > div:nth-child(even).wow {
	-webkit-animation-delay: .3s;
	animation-delay: .1s;
}

.news-list-wrap > div:nth-child(5) .news-item .date,
.news-list-wrap > div:nth-child(6) .news-item .date {
	background: var(--cnvs-white);
}

.news-list-wrap > div:nth-child(5) .news-item .date:before,
.news-list-wrap > div:nth-child(6) .news-item .date:before,
.news-list-wrap > div:nth-child(5) .news-item .date:after,
.news-list-wrap > div:nth-child(6) .news-item .date:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0 0C2.09397e-07 8.83656 7.16344 16 16 16H0V0Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* ==================== info ==================== */
.news-info-wrap .main-wrap {
	padding: 56px;
	border-radius: 30px;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
}

.news-info-wrap .func-wrap .date {
	color: var(--cnvs-blue);
}

.news-info-wrap .func-wrap .tag a {
	padding: 2px 12px;
	background-color: var(--cnvs-green);
	color: var(--cnvs-white);
}

.news-info-wrap .func-wrap .tag a:hover {
	background-color: var(--cnvs-blue);
}

/* ==================== share ==================== */
.share-wrap {
	background-color: #ddf0fa;
	padding: 24px;
	border-radius: 16px;
	margin-top: 50px;
}

.share-wrap .sns-item {
	padding: 2px 12px;
	color: var(--cnvs-white);
}

.share-wrap .sns-item.bg-facebook:hover {
	background-color: #0f5fbf !important;
}

.share-wrap .sns-item.bg-line:hover {
	background-color: #009f00 !important;
}

.share-wrap .sns-item.bg-color:hover {
	background-color: var(--cnvs-blue) !important;
}

.share-wrap .txt-wrap {
	position: absolute;
	top: -21px;
	left: 19%;
}

.share-wrap .txt-wrap + ul {
	padding-left: 147px;
}

.share-wrap .txt-wrap .txt {
	position: absolute;
	top: 50%;
	left: calc(50% - 9px);
	transform: translate(-50%, -50%);
	font-weight: 500;
	color: var(--cnvs-white);
}

.news-post-nav {
	gap: 16px 56px;
}

.news-post-pager-link {
	flex: 0 0 auto;
	gap: 8px;
	color: var(--cnvs-themecolor);
	line-height: 1.5;
	text-underline-offset: 4px;
	transition: .3s ease;
}

.news-post-pager-link i {
	line-height: 1;
	text-decoration: none;
	transition: .3s ease;
}

.news-post-pager-link:hover {
	color: var(--cnvs-blue);
}

.news-post-pager-link.prev:hover i {
	transform: translateX(-4px);
}

.news-post-pager-link.next:hover i {
	transform: translateX(4px);
}


/* =========================================================================
==video
========================================================================= */
/* ==================== title ==================== */
.video-section .section-title.center img {
	transform: translateX(-61%);
}

/* ==================== video slider ==================== */
.mainVideoSwiper {
	overflow: visible;
	clip-path: inset(-45px 0 -45px -24px);
	height: auto;
}

.mainVideoSwiper .swiper-wrapper {
	align-items: flex-start;
}

.video-slider-wrap {
	padding: 70px calc(8.33333333% - 24px) 60px;
	border-radius: 30px;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
	width: calc(100% + 24px);
	transform: translateX(-12px);
}

.video-slider-wrap .main-wrap {
	flex: 0 0 auto;
	width: 61%;
}

.video-slider-wrap .thumb-wrap {
	flex: 0 0 auto;
	width: calc(37% - 20px);
}

iframe {
	width: 100%;
	aspect-ratio: 1280 / 720;
}

.list-search-wrap {
	margin-bottom: 52px;
	padding: 36px 24px;
	background-color: #d9eff0;
	border-radius: 30px;
	border: 4px solid #7db6db;
}

.list-search-wrap .sidebar-search {
	max-width: 520px;
	margin: 0 auto;
}

.video-thumb {
	border-bottom: 1px solid var(--bs-border-color);
  cursor: pointer;
  transition: 0.3s ease;
}

.video-thumb:hover {
  opacity: 0.6;
}

.video-thumb[hidden] {
  display: none !important;
}

.video-thumb:last-child {
	border: 0;
}

.video-thumb .video-small-tag {
	position: absolute;
	bottom: 24px;
	right: 0;
}

.video-thumb .video-small-tag .num {
	font-size: 20px;
}

/* ==================== tag ==================== */
.video-section .video-tag {
	position: absolute !important;
	top: 50%;
	left: 0;
	transform: translate(-24px, calc(-50% - 5px));
}

.video-section .video-tag .num {
	font-size: 28px;
}

/* ==================== item title ==================== */
.video-section .video-title-wrap {
	align-items: center !important;
	padding-left: calc(119px + 16px);
	margin-bottom: 16px;
	transform: none;
}


.video-section .video-thumb-title {
	font-size: 20px;
}

.video-section .video-thumb-num {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ==================== img ==================== */
.video-section .video-thumb-img {
	width: 195px;
	flex-shrink: 0;
}

.video-section .video-thumb-img img {
	aspect-ratio: 1280 / 720;
}

/* ==================== deco img ==================== */
.video-wrap-1 {
	position: absolute;
	top: -13px;
	right: -26px;
	z-index: 1;
	transform: translate3d(var(--video-deco-parallax-x, 0px), 0, 0);
	will-change: transform;
}

.video-wrap-1 .line-deco-9 {
	position: absolute;
	top: -48%;
	right: 17%;
	z-index: 2;
}

.video-wrap-1 .line-deco-6 {
	position: absolute;
	top: -2%;
	right: -2%;
	z-index: 2;
}

.video-wrap-1 .line-deco-3 {
	position: absolute;
	top: -17%;
	right: 8%;
	z-index: 2;
}

.video-wrap-1 .line-deco-3-2 {
	position: absolute;
	top: -10%;
	right: -15%;
	z-index: 2;
}

.video_deco_fish {
	position: absolute;
	bottom: 24%;
	left: -10%;
	z-index: 2;
	transform: translate3d(0, var(--video-fish-parallax-y, 0px), 0);
	will-change: transform;
}

.line-wrap-6 {
	position: absolute;
	bottom: 47vh;
	right: -1%;
	z-index: 6;
}

.line-wrap-6 .line-deoc-5 {
	position: absolute;
	bottom: 1%;
	left: -18%;
	z-index: 1;
	transform: translate3d(var(--line-6-deco-path-x, 0px), var(--line-6-deco-path-y, 0px), 0) rotate(-25deg);
	will-change: transform;
}

.line-wrap-6 .line-deoc-3 {
	position: absolute;
	bottom: 4%;
	left: -27%;
	z-index: 1;
	transform: translate3d(var(--line-6-deco-path-x, 0px), var(--line-6-deco-path-y, 0px), 0);
	will-change: transform;
}

/* ==================== info ==================== */
.video-info-item {
	margin-top: 80px;
}

.video-num .num {
	font-size: 28px;
	top: calc(50% - 15px);
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-num {
	position: absolute;
	top: calc(0px - 12px);
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.video-list-section .row > div:nth-child(even) .video-num img {
	content: url("../images/video_tag_big_2.svg");
}

.video-list-section .row-cols-2 > div:nth-child(even).wow {
	-webkit-animation-delay: .4s !important;
	animation-delay: .4s !important;
}

.video-num .num {
	font-size: 28px;
}

.video-info-item .item-title {
	font-size: 22px;
}

/* ==================== info deco img ==================== */
.video-deco-img {
	position: absolute;
	top: -61%;
	left: 55px;
	transform: translate3d(var(--video-list-deco-parallax-x, 0px), 0, 0);
	will-change: transform;
}

.video-deco-img .video-deoc-word1 {
	position: absolute;
	top: -36px;
	left: -42px;
}

.video-list-section .news-mobile-sidebar .row {
	width: 550px;
}

/* ==================== category ==================== */
.video-category-item {
	display: inline-flex;
	padding: 8px 32px;
	border-radius: 50px;
	border: 1px solid var(--cnvs-blue);
	color: var(--cnvs-blue);
}

.video-category-item:hover,
.active .video-category-item {
	background-color: var(--cnvs-blue);
	color: var(--cnvs-white);
}

/* =========================================================================
==footer
========================================================================= */
#footer {
	z-index: 5;
}

#footer .footer-logo {
	width: 180px;
	margin-bottom: 32px;
}

#footer .info-wrap {
	gap: 12px;
	line-height: 1.75;
}

#footer .sns-wrap {
	display: grid;
	grid-template-columns: repeat(3, 135px);
	column-gap: 32px;
	row-gap: 12px;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
}

#footer .sns-wrap a {
	width: 135px;
	white-space: nowrap;
}

#footer .sns-wrap i {
	font-size: 20px;
	position: relative;
	position: 0;
}

#footer .sns-wrap i:not(.uil-youtube):after {
	content: '';
	background-color: var(--cnvs-white);
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

#footer .copyrights {
	margin-top: 32px;
}

#footer .privacy:after {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--cnvs-black);
	transform: scaleX(1);
	transform-origin: left center;
	transition: transform .3s ease;
}

#footer .privacy:before {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--cnvs-blue);
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform .6s ease;
}

#footer .privacy:hover {
	color: var(--cnvs-blue);
}

#footer .privacy:hover:after {
	transform: scaleX(0);
	transform-origin: right center;
}

#footer .privacy:hover:before {
	transform: scaleX(1);
	transform-origin: left center;
}

/* ==================== bg img ==================== */
#footer .footerbg-right,
#footer .footerbg-left {
	position: absolute;
}

#footer .footerbg-right {
	bottom: 0;
	right: 0;
}

#footer .footerbg-left {
	height: 330px;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

#footer .footerbg-left img {
	transform: translateY(55px);
}

/* ==================== float sns ==================== */
.float-sns-wrap {
	position: fixed;
	bottom: 24px;
	right: 0;
	z-index: 999;
	pointer-events: none;
}

.float-sns-wrap ul {
	display: inline-flex;
	flex-direction: column;
	gap: 12px;
}

.float-sns-wrap a {
	width: 188px;
	height: 58px;
	color: var(--cnvs-white);
	gap: 6px;
	padding: 15px 14px 15px 18px;
	border-radius: 50px 0 0 50px;
	font-size: 18px;
	line-height: 1;
	pointer-events: auto;
}

.float-sns-wrap a.one {
	background-color: var(--cnvs-themecolor);
}

.float-sns-wrap a.one:hover {
	background-color: #055b98;
}

.float-sns-wrap a > div {
	height: 1em;
	overflow: hidden;
}

.float-sns-wrap a > div > span {
	transition: transform .3s ease;
	white-space: nowrap;
}

.float-sns-wrap a:hover > div > span,
.float-sns-wrap a:focus-visible > div > span {
	transform: translateY(-100%);
}

.float-sns-wrap a.two {
	background-color: var(--cnvs-blue);
}

.float-sns-wrap a.two:hover {
	background-color: #088ee5;
}

.float-sns-wrap a.three {
	background-color: var(--cnvs-green);
}

.float-sns-wrap a.three:hover {
	background-color: #04b2b8;
}

.float-sns-wrap i {
	font-size: 26px;
	line-height: 1;
}

#gotoTop {
	width: 156px;
	height: 58px;
	text-align: start;
	background-color: #99D2D2;
	color: var(--cnvs-themecolor);
	padding: 15px 14px 15px 18px;
	border-radius: 50px 0 0 50px;
	line-height: 1;
	transform: translateX(87%);
	transition: all .3s ease;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	pointer-events: auto;
}

#gotoTop span {
	font-size: var(--fs-normal);
	line-height: 1;
	font-weight: 400;
}

#gotoTop:hover {
	transform: translateX(21%);
	background-color: #99D2D2;
	color: var(--cnvs-themecolor);
}


/* =========================================================================
==breadcrumb
========================================================================= */
.breadcrumb-wrap {
	width: 100%;
	height: 450px;
	z-index: 1;
}

.breadcrumb-wrap .container-header {
	position: absolute;
	transform: translate(-50%, -25%);
}

/* ==================== img ==================== */
.breadcrumb-shape {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	max-width: 1284px;
	margin: 0 auto;
	aspect-ratio: 1284 / 450;
}

.breadcrumb-shape svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.breadcrumb-shape .shape-bg {
	transform: translateX(-30px);
}

/* ==================== title ==================== */
.breadcrumb-wrap .txt-wrap {
	width: 33.3333%;
	text-shadow:
		0 2px 0 rgba(255, 255, 255, 0.82),
		2px 0 0 rgba(255, 255, 255, 0.74),
		0 -2px 0 rgba(255, 255, 255, 0.7),
		-2px 0 0 rgba(255, 255, 255, 0.68),
		0 1px 0 rgba(255, 255, 255, 0.82),
		1px 0 0 rgba(255, 255, 255, 0.74),
		0 -1px 0 rgba(255, 255, 255, 0.7),
		-1px 0 0 rgba(255, 255, 255, 0.68),
		0 1px 1px rgba(255, 255, 255, 0.6);
}

.breadcrumb-title {
	font-size: var(--fs-breadcrumbTitle);
}

.breadimg-big {
	position: absolute;
	width: 80px;
	left: -24px;
	top: -14px;
	opacity: 0.6;
	z-index: -1;
	transform-origin: center;
	animation: breadimgBigRotate 1.6s ease-in-out infinite alternate;
}

.breadimg-small {
	position: absolute;
	bottom: 24px;
	right: -25px;
	opacity: 0.6;
	z-index: -1;
	transform-origin: center;
	animation: breadimgSmallRotate 1.3s ease-in-out infinite alternate;
}

@keyframes breadimgSmallRotate {
	from {
		transform: rotate(-8deg);
	}

	to {
		transform: rotate(12deg);
	}
}

@keyframes breadimgBigRotate {
	from {
		transform: rotate(15deg);
	}

	to {
		transform: rotate(-6deg);
	}
}

/* ==================== nav ==================== */
.breadcrumb-wrap ul a,
.breadcrumb-wrap ul li:after {
	color: var(--cnvs-themecolor);
}

.breadcrumb-wrap ul a:hover,
.breadcrumb-wrap ul a:active {
	color: var(--cnvs-blue);
}

.breadcrumb-wrap ul li {
	display: inline-flex;
	align-items: center;
}

.breadcrumb-wrap ul li:not(:last-child)::after {
	content: '\f285';
	font-family: bootstrap-icons !important;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	margin: 0 4px 0 8px;
	transform: translate(2px, 1px);
}

.breadcrumb-wrap ul li.active span,
.breadcrumb-wrap ul li.active h1 {
	font-size: var(--fs-normal);
	font-weight: 400;
	color: var(--cnvs-blue);
	margin-bottom: 0;
	line-height: 1.75;
}


/* =========================================================================
==pagination
========================================================================= */
.pagination {
	gap: 8px;
}

.page-link {
	width: 40px;
	height: 40px;
	font-family: "Montserrat", sans-serif;
	padding: 0;
	margin: 4px;
	border-color: transparent;
	border-radius: 50%;
}

.page-link:hover {
	background-color: var(--cnvs-themecolor);
}

.page-item.disabled .page-link {
	color: #7db6db;
	background-color: transparent;
	border-color: #7db6db !important;
}

.page-item.active .page-link::before {
	content: '';
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid var(--cnvs-themecolor);
	border-radius: 50%;
}

.page-link.arrow {
	font-size: 22px;
	color: var(--cnvs-themecolor);
	background-color: transparent;
}

.page-link.arrow:hover {
	color: var(--cnvs-white);
	background-color: var(--cnvs-themecolor);
}


/* =========================================================================
==privacy
========================================================================= */
.news-info-wrap .feature-box-border-vertical.main-wrap {
	border: 4px solid #7ac5c8;
}

.feature-box-border-vertical .item-title {
	font-size: 22px;
}

.fbox-border.fbox-effect .fbox-icon i {
	font-family: "Montserrat", sans-serif;
}

/* ==================== deco img ==================== */
.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 {
	top: -144px;
	left: 120px;
}

.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-9 {
	right: auto;
	left: 7%;
}

.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-6 {
	right: auto;
	left: 12.5%;
}

.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-3 {
	right: auto;
	left: 10.5%;
}

.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-3-2 {
	right: auto;
	top: -16%;
	left: 14%;
}

/* =========================================================================
==history
========================================================================= */
.history-item .time div {
	position: absolute;
	top: calc(50px + 4px);
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
}

.history-item .time div .unit {
	font-size: var(--fs-normal);
	font-weight: 400;
}

.history-item {
	width: calc((100% - 48px) / 2);
}

.history-item:not(:last-child) {
	margin-bottom: 48px;
}

.history-item:nth-child(even) .txt {
	text-align: end;
}

.history-item:nth-child(odd) {
	margin-left: auto;
}

.history-item > div {
	gap: 36px;
}

.history-item:nth-child(odd) > div {
	flex-direction: row-reverse;
}

/* ==================== line ==================== */
.history-item svg {
	position: absolute;
	right: -32%;
	top: 42%;
}

.history-item:nth-child(odd) svg {
	transform: scaleX(-1);
	right: auto;
	left: -32%;
	top: 49%;
}

.history-item:last-child svg {
	display: none;
}

/* ==================== deco img ==================== */
.history-section {
	overflow: visible;
}

.history-deco-wrap {
	position: absolute;
	inset: 0;
	pointer-events: none;
	transform: translate3d(0, var(--history-deco-y, 0px), 0);
	will-change: transform;
}

.history-deco-wrap .bear {
	position: absolute;
	top: 21vh;
	right: -15vw;
}

.history-deco-wrap .set {
	position: absolute;
	top: 70vh;
	left: -13.5vw;
}

/* =========================================================================
==certification
========================================================================= */
.cer-item .cer-img {
	padding: 20px;
}

.cer-item .cer-img img {
	box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.cer-item .deco-img {
	transform: rotate(180deg);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.cer-item:nth-child(even) .deco-img {
	content: url("../images/cer_bg_green.svg");
}

.certification-section .cer-item:nth-child(even).wow {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}

.certification-section .line-wrap-13 {
	position: absolute;
	top: -3%;
	left: -2%;
}

.certification-section .line-13 {
	width: 280px;
}

.certification-section .line-deco-6 {
	position: absolute;
	right: -38px;
	bottom: 29px;
	transform: translate3d(var(--line-13-deco-path-x, 0px), var(--line-13-deco-path-y, 0px), 0);
	will-change: transform;
}

.mfp-container.certification-lightbox .mfp-bottom-bar {
	position: static;
	margin-top: 16px;
}

.mfp-container.certification-lightbox img.mfp-img {
	max-height: calc(100vh - 140px) !important;
}

.mfp-container.certification-lightbox .mfp-title {
	position: static;
	transform: none;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	color: var(--cnvs-white);
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	padding: 0 48px;
}

.mfp-container.certification-lightbox .mfp-counter {
	position: static;
	margin-top: 8px;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	background: transparent;
	padding: 0;
}

.mfp-ready .mfp-container.certification-lightbox .mfp-title,
.mfp-ready .mfp-container.certification-lightbox .mfp-counter {
	animation: none;
	opacity: 1;
}


/* =========================================================================
==contact
========================================================================= */
.contact-section .intro-philosophy:after {
	display: none;
}

.contact-item .icons-wrap {
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
	padding: 48px 24px;
	border-radius: 30px;
	border: 4px solid var(--cnvs-themecolor);
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.contact-item:nth-child(2) .icons-wrap {
	border-color: var(--cnvs-blue);
}

.contact-item:nth-child(3) .icons-wrap {
	border-color: var(--cnvs-green);
}

.contact-item .icons-wrap .item-title {
	height: 1.5em;
	overflow: hidden;
}

.contact-item .icons-wrap .item-title span {
	display: block;
	transition: transform 0.4s ease;
}

.contact-item:hover .icons-wrap .item-title span {
	transform: translateY(-100%);
}

.contact-item .icons-wrap:before {
	content: '';
	background-image: url(../images/banner_bg.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: -20px;
	width: 120px;
	opacity: 0.4;
	aspect-ratio: 1043 / 858;
	z-index: -1;
}

.contact-item .icons-wrap:after {
	content: '';
	background-image: url(../images/cer_bg_green.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: -20px;
	width: 120px;
	opacity: 0.4;
	aspect-ratio: 1043 / 858;
	transform: rotate(180deg);
	z-index: -1;
}

.contact-item:nth-child(2) .icons-wrap .item-title {
	color: var(--cnvs-blue);
}

.contact-item:nth-child(3) .icons-wrap .item-title {
	color: var(--cnvs-green);
}


/* =========================================================================
==cooperation
========================================================================= */
/* ================= cooperation items ================= */
.coop-item {
	background: var(--cnvs-white);
	border-radius: 18px;
	margin-bottom: 16px;
	overflow: hidden;
	box-shadow: 0 12px 30px -18px rgba(0, 117, 193, .35);
	transition: box-shadow .3s ease;
}

.coop-item:last-child {
	margin-bottom: 0;
}

.coop-item-head {
	width: 100%;
	border: 0;
	cursor: pointer;
	background: var(--cnvs-white);
	padding: 18px 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #0a3a52;
	transition: all .35s ease;
}

.coop-item-head .idx {
	position: relative;
	font-size: 22px;
	letter-spacing: 2px;
	font-weight: 500;
	flex-shrink: 0;
}

.coop-item-head .label {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	text-align: start;
}

.coop-item-head .arrow {
	flex-shrink: 0;
	font-size: 1.4rem;
	line-height: 1;
	transition: transform .35s ease;
	color: var(--cnvs-themecolor);
}

.coop-item.active .coop-item-head {
	background: linear-gradient(135deg, #2CA6E0 0%, #009499 100%);
	color: var(--cnvs-white);
}

.coop-item.active .coop-item-head .arrow {
	transform: rotate(180deg);
	color: var(--cnvs-white);
}

.coop-item .coop-item-panel {
	display: none;
}

.coop-item.active .coop-item-panel {
	display: block;
	animation: coopFade .4s ease;
}

.coop-panel-col {
	display: none;
}

@keyframes coopFade {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.certification-section.for-others .line-wrap-13 {
	top: auto;
	bottom: -6%;
}

/* ================= cooperation process ================= */
.coop-steps {
	position: relative;
	max-width: 1040px;
	margin: 0 auto;
	padding-left: 0;
}

.coop-steps::before {
	content: "";
	position: absolute;
	left: 58px;
	top: 48px;
	bottom: 48px;
	width: 1px;
	background: repeating-linear-gradient(
		to bottom,
		#84C5F0 0,
		#84C5F0 6px,
		transparent 6px,
		transparent 14px
	);
	opacity: 1;
	display: none;
}

.coop-step {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 36px;
	width: calc((100% - 48px) / 2);
	padding: 0;
}

.coop-step:not(:last-child) {
	margin-bottom: 48px;
}

.coop-step:nth-child(even) {
	margin-left: auto;
}

.coop-step:nth-child(even) .step-body {
	text-align: start;
}

.coop-step:nth-child(odd) {
	flex-direction: row-reverse;
}

.coop-step:nth-child(odd) .step-body {
	text-align: end;
}

.coop-step .dot {
	flex-shrink: 0;
	width: 116px;
	height: 96px;
	border-radius: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 24px;
	color: var(--cnvs-themecolor);
	background: url("../images/video_tag_big.svg") center / contain no-repeat;
	box-shadow: none;
	padding-bottom: 4px;
}

.coop-step .step-body {
	flex: 1;
	background: transparent;
	border-radius: 0;
	padding: 24px 0 0;
	box-shadow: none;
}

.coop-step .step-body .item-title {
	margin: 0 0 6px;
	font-size: 22px;
}

.coop-step svg {
	position: absolute;
	right: -32%;
	top: 42%;
}

.coop-step:nth-child(even) svg {
	transform: scaleX(-1);
	right: auto;
	left: -32%;
	top: 49%;
}

/* ================= 電腦版 cooperation items ================= */
@media(min-width:992px) {
	.coop-about-stats .num {
		font-size: 2.6rem;
	}

	.coop-panel-col {
		display: block;
	}

	.coop-items .coop-panel-col {
		flex: 1;
	}

	.coop-item {
		margin-bottom: 0;
		background: transparent;
		box-shadow: none;
		overflow: visible;
	}

	.coop-item+.coop-item {
		margin-top: 14px;
	}

	.coop-item-head {
		border-radius: 18px;
		box-shadow: 0 12px 30px -18px rgba(0, 117, 193, .35);
		background: var(--cnvs-white);
	}

	.coop-item-head:hover {
		background-color: #7db6db;
		color: var(--cnvs-white);
	}

	.coop-item-head .arrow {
		display: none;
	}

	.coop-nav-col .coop-item-panel {
		display: none !important;
	}

	.coop-panel-col .coop-item-panel {
		display: none;
	}

	.coop-panel-col .coop-item-panel.active {
		display: block;
		animation: coopFade .4s ease;
	}
}

.coop-txt-wrap {
	padding: 48px;
	border-radius: 30px;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
	border: 4px solid #7db6db;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.coop-txt-wrap::before {
	content: '';
	background-image: url('../images/cer_bg_green.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: -1px;
	width: 120px;
	opacity: 0.2;
	aspect-ratio: 1043 / 858;
	z-index: -1;
	transform: scale(-1);
}

.coop-txt-wrap::after {
	content: '';
	background-image: url('../images/banner_bg.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: -1px;
	width: 120px;
	opacity: 0.2;
	aspect-ratio: 1043 / 858;
	z-index: -1;
}

.coop-txt-wrap .tag {
	background-color: #e6f6f6;
	color: var(--cnvs-green);
}

/* ==================== img ==================== */
.coop-deco-wrap1 .img1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transform: translate3d(0, var(--coop-intro-deco-y, 0px), 0);
	will-change: transform;
}

.coop-deco-wrap1 .img2 {
	position: absolute;
	bottom: -21%;
	right: -17%;
	transform: translate3d(var(--coop-intro-cow-x, 0px), 0, 0);
	will-change: transform;
	z-index: 1;
}

.coop-deco-wrap3 .img1 {
	position: absolute;
	top: 15%;
	right: -10%;
	transform: translate3d(0, var(--coop-process-house-y, 0px), 0);
	will-change: transform;
	z-index: 1;
}

.coop-deco-wrap3 .img2 {
	position: absolute;
	bottom: 18%;
	left: -13%;
	transform: translate3d(var(--coop-process-corn-x, 0px), 0, 0);
	will-change: transform;
	z-index: 1;
}

/* =========================================================================
==recruit
========================================================================= */
/* ==================== benefits ==================== */
.recruit-benefits .benefit-card {
	background: var(--cnvs-white);
	border-radius: 24px;
	padding: 36px 30px;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
	transition: box-shadow .35s ease;
}

.recruit-benefits .benefit-icon,
.recruit-cta-icon,
.recruit-contact-icon {
	width: 72px;
	color: #0075c1;
	font-size: 50px;
	line-height: 1;
	text-align: center;
}

.recruit-benefits .benefit-icon,
.recruit-cta-icon,
.recruit-contact-icon {
	margin-bottom: 20px;
}

.recruit-benefits > div:nth-child(even) .benefit-icon {
	color: var(--cnvs-green);
}

.recruit-contact-icon {
	color: var(--cnvs-green);
}

.recruit-contact--cta .recruit-contact-icon {
	color: #0075c1;
}

.recruit-benefits .item-title,
.recruit-cta-title,
.recruit-contact .item-title {
	font-size: 22px;
}

.recruit-benefits .benefit-icon .deco-img,
.recruit-cta-icon .deco-img,
.recruit-contact-icon .deco-img {
	width: 45px;
	bottom: -8px;
	right: -22px;
	z-index: -1;
	transition: transform .35s ease;
}

.recruit-benefits .benefit-card:hover .benefit-icon .deco-img,
.recruit-cta:hover .recruit-cta-icon .deco-img,
.recruit-contact:hover .recruit-contact-icon .deco-img {
	transform: rotate(53deg);
}

.recruit-benefits .benefit-icon i,
.recruit-cta-icon i,
.recruit-contact-icon i {
	display: inline-block;
	width: 64px;
	line-height: 1;
}

/* ==================== join ==================== */
.recruit-cta {
	border-radius: 30px;
	background: var(--cnvs-white);
	border: 4px solid #7db6db;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
}

.recruit-cta-inner {
	border-radius: 30px;
	background: var(--cnvs-white);
	padding: 50px 30px;
	text-align: center;
}

.recruit-cta-title {
	font-weight: 700;
	color: var(--cnvs-themecolor);
}

.recruit-cta-desc {
	max-width: 620px;
	margin: 0 auto 30px;
}

.recruit-contact {
	height: 100%;
	background: var(--cnvs-white);
	border: 4px solid #7ac5c8;
	border-radius: 30px;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
	padding: 56px;
	text-align: center;
}

.recruit-contact--cta {
	border-color: #7db6db;
}

/* 卡片角落水滴裝飾（僅用於 service_info 履歷投遞卡片） */
.recruit-contact--deco {
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.recruit-contact--deco:before {
	content: '';
	background-image: url(../images/banner_bg.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: -20px;
	width: 120px;
	opacity: 0.4;
	aspect-ratio: 1043 / 858;
	z-index: -1;
}

.recruit-contact--deco:after {
	content: '';
	background-image: url(../images/cer_bg_green.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: -20px;
	width: 120px;
	opacity: 0.4;
	aspect-ratio: 1043 / 858;
	transform: rotate(180deg);
	z-index: -1;
}

.recruit-mail {
	display: inline-block;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--cnvs-green);
	word-break: break-all;
	transition: color .3s ease;
}

.recruit-mail:hover {
	color: #0075C1;
	text-decoration: underline;
}

.recruit-deco-wrap3 {
	position: absolute;
	top: 37px;
	right: 70px;
	transform: translate3d(var(--recruit-join-bird-x, 0px), 0, 0);
	will-change: transform;
	z-index: 1;
}

/* =========================================================================
==cookies
========================================================================= */
.cookies-wrap {
	display: inline-flex;
	flex-direction: column;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	background-color: var(--cnvs-white);
	width: 36%;
	padding: 48px;
	border-radius: 0 90px 0 0;
	border: 4px solid #7db6db;
	border-left: 0;
	border-bottom: 0;
	box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.15);
	background: #f2faff;
}

.cookies-wrap .privacy {
	color: var(--cnvs-blue);
}

.cookies-wrap .privacy:hover {
	color: var(--cnvs-green);
}

/* =========================================================================
==RWD
========================================================================= */
@media (min-width: 1680px) {
	.container-header {
		max-width: 1560px;
	}
}

@media (max-width: 1679px) {
	:root {
    --fs-BNTitle: 44px;
	}
	
	/* ==================== banner ==================== */
	.hero-stack {
		width: 830px;
	}

	.banner-wrap .info-wrap .txt-wrap {
		transform: translateY(calc(-50% - 5px));
	}

	.banner-wrap .txt-wrap p {
		margin-top: 24px;
	}

	.banner-wrap .txt-wrap .btn-base {
		margin-top: 36px;
	}

	/* ==================== intro ==================== */
	.intro-deco-wrap {
		right: -7%;
	}

	.line-wrap-1 {
		top: 19%;
		right: 6%;
	}

	.intro-info-wrap .intro-deco-wrap {
    right: -105px;
  }

	.no-more-service .line-wrap-1 {
		top: 22%;
	}

	.intro-deco-bear {
		right: -72px;
	}

	.line-wrap-11 {
		left: 23%;
	}

	.intro-section2 .intro-deco-wrap2 .intro_deco_travel {
		display: none;
	}

	/* ==================== service ==================== */
	.service-wrap-4 {
		bottom: 2%;
    right: 5%;
	}

	.service-wrap-4 .service_deco_crab {
    bottom: 91%;
    right: -67%;
    width: 90px;
	}

	.no-more-service .service-wrap-4 {
		bottom: 5%;
		right: 7%;
	}

	.service-info-section1 .deco-img1 {
		right: -3%;
	}

	.service-info-section2 .deco-img1 {
		left: -9%;
	}

	.service-info-section2 .deco-img2 {
		bottom: -18%;
    right: -1%;
	}

	/* ==================== news ==================== */
	.middlebg {
		width: 135%;
    height: auto;
    top: -6%;
	}

	.no-more-service .news_deco_cow {
		display: none;
	}

	.line-wrap-4 {
		top: -15%;
	}

	.no-more-service .line-wrap-4 {
		display: none;
	}

	.line-wrap-5 {
    top: 45%;
    left: -4%;
	}

	.line-wrap-5 .line-5 {
		width: 220px;
	}

	.line-wrap-1 .service_deco_travel {
		display: none;
	}

	/* ==================== video ==================== */
	.video-wrap-1 {
		right: 36px;
	}

	/* ==================== footer ==================== */
	#footer .footerbg-left {
		left: -11%;
	}

	#footer .footerbg-right {
		right: -13%;
	}

	/* ==================== history ==================== */
	.history-deco-wrap .bear {
		right: -11vw;
	}
	
	.history-deco-wrap .set {
		left: -7.5vw;
	}

	/* ==================== cooperation ==================== */
	.coop-deco-wrap1 .img2 {
		right: -5%;
	}

	.certification-section.for-others .line-wrap-13 {
		bottom: -15%;
	}

	.coop-deco-wrap3 .img1 {
		right: -6%;
	}

	.coop-deco-wrap3 .img2 {
		left: -10%;
	}

	/* ==================== cookies ==================== */
	.cookies-wrap {
		width: 50%;
	}
}

@media (max-width: 1399px) {
	.for-middlebg.middlebg {
    top: 12.5%;
  }

	/* ==================== banner ==================== */
	.nav-wrap .menu-wrap > ul {
		box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.05);
	}

	.hero-stack {
		right: -13%;
	}

	.banner-wrap .info-wrap .txt-wrap {
    width: 57%;
	}

  /* ==================== intro ==================== */
	.intro-section .txt-wrap {
		padding: 0 60px;
	}

	.intro-deco-wrap {
		top: 8%;
	}

	.intro-deco-wrap .map {
		transform: translateX(56px);
    width: 450px;
	}

	.intro-deco-wrap .house {
    top: 9%;
    left: 22%;
    width: 190px;
  }

	.intro-deco-wrap .animal {
    top: 59%;
    left: 0%;
    width: 82px;
  }

	.intro-philosophy .txt-wrap {
		padding: 48px;
	}

	.intro-philosophy:after {
		top: 0;
	}

	.intro-info-wrap .intro-deco-wrap {
		top: 14%;
	}

	.intro-section2 .intro-deco-wrap {
		top: 0 !important;
	}

	.intro-deco-bear {
		right: -90px;
  }

	/* ==================== service ==================== */
	.line-wrap-1 .line-1 {
		content: url("../images/line_7.svg");
	}

	.line-wrap-1 .line-deoc-1 {
		left: -9%;
	}

	.line-wrap-1 .line-deoc-2 {
		top: 28.8%;
    left: 18%;
	}

	.line-wrap-1 .line-deoc-3 {
		top: 31%;
    left: 20%;
	}

	.line-wrap-1 .service_deco_car {
		top: 51%;
		right: -29%;
	}

	.line-wrap-2 .service-deoc-word1 {
		left: 35%;
	}

	.line-wrap-2 .service-deoc-bird1 {
		left: 41%;
	}

	.line-wrap-2 .service-deoc-bird2 {
		right: 40%;
	}

	.service-wrap-4 {
		bottom: -4%;
		right: 3%;
  }

	.line-wrap-3 {
		top: -69%;
    left: -5%;
	}

	.line-wrap-3 .line-3 {
		width: 335px;
	}

	.line-wrap-3 .line-deoc-1 {
    bottom: 14%;
    right: 21%;
  }

	.line-wrap-3 .line-deoc-3 {
    position: absolute;
    bottom: 16%;
    right: 13%;
    z-index: 2;
  }

	.no-more-service .line-wrap-4 {
		display: none;
	}

	.service-list-section .service-item:nth-child(odd) .line-wrap-2 {
    bottom: -68%;
	}

	.service-info-section2 .deco-img1 {
		width: 250px;
		top: -5%;
	}

	.service-info-section2 .deco-img2 {
		width: 125px;
	}

	/* ==================== news ==================== */
	.middlebg {
		top: 6%;
		width: 129%;
	}
	
	.news_deco_cow {
		left: 32px;
    width: 305px;
	}

	.news-info-wrap .main-wrap {
    padding: 48px;
	}

	.share-wrap .txt-wrap {
    left: 12%;
  }

	/* ==================== video ==================== */
	.video-section .video-thumb-img {
    width: 160px;
  }

	.video-wrap-1 {
		top: -7px;
	}
	
	.video-wrap-1 .video_deco_fox {
		width: 130px;
	}

	/* ==================== footer ==================== */
	#footer .footerbg-right {
		right: -32%;
	}

	/* ==================== breadcrumb ==================== */
	.breadcrumb-wrap .txt-wrap {
    width: 42%;
	}

	.breadcrumb-wrap {
    height: 315px;
  }

	.breadcrumb-shape {
		max-width: 900px;
	}

	/* ==================== privacy ==================== */
	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 {
    top: -120px;
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .video_deco_fox {
		width: 115px;
  }

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-9 {
		width: 32px;
		top: -38%;
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-3 {
		top: -8%;
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-3-2 {
		top: -16%;
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-6 {
		width: 8px;
		top: 2%;
		left: 13.5%;
	}

	/* ==================== history ==================== */
	.history-deco-wrap .bear,
	.history-deco-wrap .set {
		opacity: .15;
	}

	/* ==================== certification ==================== */
	.coop-deco-wrap1 .img2 {
		bottom: -29%;
	}

	/* ==================== cookies ==================== */
	.cookies-wrap {
		padding: 24px 36px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.no-more-service .line-wrap-1 .line-deoc-1 {
		left: -31.5%;
	}

	.no-more-service .line-wrap-1 .line-deoc-2 {
		left: -2%;
	}

	.no-more-service .line-wrap-1 .line-deoc-3 {
		left: -7.5%;
	}
}

@media (max-width: 1199px) {
	:root {
		--fs-BNTitle: 38px;
		--fs-breadcrumbTitle: 44px;
	}

	.for-middlebg.middlebg {
    top: 8.5%;
  }

	.for-middlebg.middlebg.only2 {
		top: 12.5%;
	}
	
	/* ==================== header ==================== */
	.nav-wrap .menu-wrap > ul > .menu-item:not(:first-child) {
		margin-left: 16px;
	}

	.nav-wrap .logo img {
    width: 155px;
  }

	.hero-stack {
		width: 745px;
	}

	.banner-wrap .func-wrap {
		top: 84%;
	}

	/* ==================== banner ==================== */
	.banner-wrap .info-wrap .txt-wrap {
		width: 55%;
  }

	/* ==================== intro ==================== */
	.intro-section .txt-wrap {
		padding: 0;
		padding-left: 48px;
  }

	.intro-deco-wrap {
		top: 9%;
		right: -12%;
	}

	.intro-deco-wrap .house {
		display: none;
	}

	.intro-deco-wrap .animal {
		left: 3%;
	}

	.intro-section2 .intro-deco-wrap2 {
    bottom: 17%;
    right: -5%;
	}

	.intro-section2 .txt-wrap {
		padding: 0 48px;
	}

	.intro-philosophy .txt-wrap {
    width: calc(100% - 96px);
	}

	.intro-deco-bear {
		right: -98px;
		top: 39%;
		width: 220px;
  }

	.intro-deco-corn {
		content: url("../images/intro_corn2.png");
		left: -14%;
		width: 180px;
	}

	.intro-section2 .intro-deco-wrap {
		top: -6% !important;
  }

	.line-wrap-11 {
		left: 16%;
		transform: rotate(16deg);
  }

	.line-wrap-11 .line-deco-6 {
		width: 60px;
	}

	.intro-philosophy .txt-wrap {
		width: 100%;
  }

	.intro-philosophy:after {
		top: 6%;
  }

	.intro-philosophy .news_deco_cow {
		display: block;
		width: 251px;
		top: -2%;
  }

	.intro-deco-corn {
		left: -18%;
	}

	/* ==================== service ==================== */
	.line-wrap-1 {
		right: 0%;
  }

	.no-more-service .line-wrap-1 {
		right: 1%;
		top: 24%;
	}

	.line-wrap-2 .service-deoc-word1 {
		top: -58%;
		left: 27%;
  }

	.line-wrap-2 .service-deoc-bird1 {
		top: -50%;
		left: 34%;
  }

	.line-wrap-2 .service-deoc-bird2 {
		top: -50%;
		right: 48%;
  }

	.line-wrap-3 {
		top: -62%;
		left: -5%;
  }

	.line-wrap-3 .line-3 {
		width: 300px;
  }

	.no-more-service .line-wrap-4 {
		display: none;
	}

	.service-item:nth-child(1) .service-list-img, .service-item:nth-child(4n+1) .service-list-img {
    width: 230px;
    top: 50%;
	}

	.service-item:nth-child(2) .service-list-img, .service-item:nth-child(4n+2) .service-list-img {
    width: 160px;
    top: 3%;
	}

	.service-item:nth-child(3) .service-list-img, .service-item:nth-child(4n+3) .service-list-img {
    width: 245px;
	}

	.service-item:nth-child(4) .service-list-img, .service-item:nth-child(4n+4) .service-list-img {
    width: 120px;
    top: 13%;
    left: -2%;
	}
	
	.service-list-section .service-item:nth-child(odd) .line-wrap-2 {
		bottom: -58%;
		left: 4%;
  }

	.service-list-section .service-item:nth-child(even) .service-tag {
		top: 16%;
    left: 18px;
	}

	.service-info-section1 .deco-img1 {
		width: 220px;
		bottom: -19%;
	}

	.service-info-section2 .deco-img1 {
		top: -21%;
	}

	/* ==================== news ==================== */
	.middlebg {
		width: 144%;
		top: 7%;
	}

	.news_deco_cow {
		width: 290px;
	}

	.line-wrap-5 .line-5 {
		width: 175px;
	}

	.news-item .news-tag img:first-child {
		width: 120px;
	}

	.news-item .news-tag .deco-img {
		width: 32px;
	}

	.share-wrap {
		margin-top: 70px;
	}

	.share-wrap .txt-wrap + ul {
    padding-left: 0;
  }

	.share-wrap .txt-wrap {
		top: -55px;
		left: -8%;
  }

	/* ==================== video ==================== */
	.video-slider-wrap .main-wrap {
    width: 57%;
  }

	.video-slider-wrap .thumb-wrap {
    width: calc(41% - 20px);
  }
	
	.video-section .video-thumb-img {
		width: 120px;
  }

	.video-section .video-thumb-title {
		font-size: 18px;
	}

	.video-thumb .video-small-tag img {
		width: 36px;
	}
	
	.video-thumb .video-small-tag .num {
    font-size: 14px;
  }

	.video-wrap-1 .video_deco_fox {
		width: 110px;
	}

	.video-wrap-1 .line-deco-9 {
    top: -43%;
    right: 30%;
    width: 35px;
  }

	.video-wrap-1 .line-deco-3 {
    position: absolute;
    top: -11%;
    right: 22%;
  }

	.video-wrap-1 .line-deco-3-2 {
    top: -11%;
    right: -11%;
  }

	.video-wrap-1 .line-deco-6 {
    top: 3%;
    right: 3%;
  }

	.video-wrap-1 {
		top: 16px;
  }

	.video_deco_fish {
    left: -11%;
    width: 180px;
  }

	.video-deco-img {
		top: -52%;
    left: 50%;
    transform: translateX(calc(-50% - 24px)) translate3d(var(--video-list-deco-parallax-x, 0px), 0, 0);
	}

	.video-deco-img .video-deoc-word1 {
		width: 78px;
    top: -31px;
    left: -34px;
	}

	.video-deco-img .video-deoc-bird1,
	.video-deco-img .video-deoc-bird2 {
		width: 56px;
	}

	/* ==================== footer ==================== */
	.line-wrap-6 .line-6 {
		width: 200px;
	}

	#footer .footerbg-right {
		right: -53%;
  }

	/* ==================== breadcrumb ==================== */
	.breadcrumb-wrap .txt-wrap {
    width: 50%;
	}

	.breadcrumb-wrap {
		height: 265px;
  }

	.breadcrumb-wrap .container-header {
    transform: translate(-50%, 0);
  }

	.breadcrumb-shape {
		max-width: 755px;
  }

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 {
		left: calc(50% - 48px);
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-9 {
		left: 12%;
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-6 {
		left: 22.5%;
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-3 {
		left: 18.5%;
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 .line-deco-3-2 {
		left: 24%;
	}

	/* ==================== breadcrumb ==================== */
	.certification-section .line-wrap-13 {
		left: -5%;
  }

	.certification-section .line-13 {
    width: 250px;
  }

	/* ==================== contact ==================== */
	.contact-item .icons-wrap:after,
	.contact-item .icons-wrap:before {
		width: 110px;
	}

	/* ==================== cookies ==================== */
	.cookies-wrap {
		width: 70%;
  } 
}

@media (max-width: 991px) {
	:root {
		--fs-BNTitle: 28px;
		--fs-breadcrumbTitle: 40px;
		--fs-BNTxt: 15px;
		--fs-sectionTitle: 32px;
		--fs-sectionTitleEN: 18px;
		--fs-infoTitle: 26px;
		--fs-sidebarTitle: 20px;
		--fs-itemTitle: 24px;
		--fs-headerNav: 17px;
		--fs-normal: 15px;

		--section: 80px;
		--cnvs-header-height: 65px;
	}

	.wow {
		animation-name: none !important;
		visibility: visible !important;
		opacity: 1;
	}

	.section-title {
		margin-bottom: 26px;
		height: 79px;
	}

	.section-title img {
		width: 200px;
		top: -3px;
	}

	.for-middlebg.middlebg {
		top: 11.5%;
  }

	.for-middlebg.middlebg.only2 {
		top: 15.5%;
	}

  /* ==================== header ==================== */
	#header-wrap {
		padding: 8px 0;
	}

	.menu-link {
    padding: 10px 12px;
  }

	.lang-wrap {
		padding: 8px 12px;
	}

	:not(.sub-menu-container) .menu-link {
    padding: 12px 8px;
  }

	/* ==================== banner ==================== */
	.banner-wrap .txt-wrap h1,
	.banner-wrap .txt-wrap p,
	.banner-wrap .txt-wrap .btn-base,
	.banner-wrap .txt-wrap.is-text-leaving h1,
	.banner-wrap .txt-wrap.is-text-leaving p,
	.banner-wrap .txt-wrap.is-text-leaving .btn-base,
	.banner-wrap .txt-wrap.is-text-entering h1,
	.banner-wrap .txt-wrap.is-text-entering p,
	.banner-wrap .txt-wrap.is-text-entering .btn-base {
		transition: none !important;
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
	}

	.banner-wrap {
		margin-top: 0;
	}

	.banner-wrap .info-wrap {
    height: 600px;
  }

	.hero-stack {
		width: 536px;
		right: 0;
  }

	.banner-wrap .info-wrap .txt-wrap {
		width: 47%;
		transform: translateY(calc(-50% - 57px));
  }

	.banner-wrap .txt-wrap h1 {
		width: 62%;
	}

	.banner-wrap .txt-wrap p {
		margin-top: 16px;
  }
	
	.banner-wrap .txt-wrap .btn-base {
		margin-top: 24px;
  }

	/* ==================== intro ==================== */
	.intro-section .txt-wrap {
		padding: 0;
	}

	.intro-deco-wrap {
		top: 18%;
		right: -6%;
  }

	.line-wrap-11 {
		display: none;
	}

	.intro-info-wrap .intro-deco-wrap {
		top: 28.5%;
		right: -17%;
	}

	.intro-info-wrap .intro-deco-wrap .map {
		width: 365px;
	}

	.intro-section2 .txt-wrap {
		padding: 0;
	}

	.intro-section2 .intro-deco-wrap2 {
		right: -7%;
		bottom: 5%;
	}

	.intro-section2 .intro-deoc-word1 {
    top: -35px;
    left: -31px;
    width: 83px;
	}

	.intro-section2 .intro-deoc-bird1,
	.intro-section2 .intro-deoc-bird2 {
		width: 58px;
	}

	.intro-philosophy .icons-wrap .item-title {
		font-size: 20px;
	}

	.recruit-benefits .item-title,
	.recruit-cta-title,
	.recruit-contact .item-title {
		font-size: 20px;
	}

	.intro-philosophy .news_deco_cow {
		display: none;
	}

	.intro-section2 .intro-deco-wrap {
		top: -38% !important;
  }

	/* ==================== service ==================== */
	.service-section {
    padding-bottom: 16px;
  }

	.service-shape {
		height: 370px;
	}

	.service-section .service-item:nth-child(even) .service-shape {
		height: 400px;
	}

	.service-section .txt-wrap {
    padding-left: 24px;
  }

	.service-section .service-item:nth-child(even) .txt-wrap {
    padding-right: 24px;
  }

	.service-section .service-tag {
		top: 19%;
    right: -2%;
	}

	.service-section .service-item:nth-child(even) .service-tag {
    top: 22%;
    left: 22px;
  }

	.service-section .service-tag img {
		width: 100px;
	}

	.service-section .service-tag .title {
		font-size: var(--fs-small);
	}

	.service-section .service-tag .num {
    font-size: 22px;
  }

	.line-wrap-1 {
		right: -11%;
		top: 18%;
	}

	.line-wrap-1 .line-1 {
		opacity: 0;
	}

	.line-wrap-1 .service_deco_car {
		top: 66%;
		right: 50%;
		width: 118px;
  }

	.no-more-service .line-wrap-1 .service_deco_car {
		top: 63%;
	}

	.line-wrap-2 {
		bottom: -30%;
		left: 24%;
	}
	
	.line-wrap-2 .line-2 {
		content: url("../images/line_10.svg");
	}
	
	.line-wrap-2 .service-deoc-word1 {
		top: 20%;
		left: 12%;
		width: 64px;
  }

	.line-wrap-2 .service-deoc-bird1 {
		top: 28%;
		left: 23%;
		width: 50px;
  }

	.line-wrap-2 .service-deoc-bird2 {
		top: 28%;
		right: 37%;
		width: 50px;
  }
	
	.no-more-service .service-wrap-4 {
		display: none;
	}

	.service-wrap-4 {
		bottom: -15%;
		right: -7%;
	}

	.service-wrap-4 .service_deco_ramen {
		width: 100px;
	}

	.service-wrap-4 .service_deco_word2 {
    bottom: 85%;
    left: -53%;
    width: 100px;
  }

	.line-wrap-3,
	.line-wrap-4,
	.service-wrap-4 .service_deco_crab,
	.service-wrap-4 .service_deco_cheese {
		display: none;
	}

	.line-wrap-8 {
		position: absolute;
		top: -30%;
		right: 23%;
		z-index: -1;
  }

	.line-wrap-9 {
		position: absolute;
		top: -29%;
		left: 18%;
		z-index: -1;
		width: 260px;
  }

	.service-list-section .service-item:nth-child(odd) .line-wrap-2 {
		bottom: -44%;
		left: 28%;
  }

	.service-item:nth-child(1) .service-list-img,
	.service-item:nth-child(4n+1) .service-list-img {
		content: url("../images/service_deco_car.png");
		width: 118px;
		top: auto;
		right: -5%;
		bottom: 0;
  }

	.service-item:nth-child(2) .service-list-img,
	.service-item:nth-child(4n+2) .service-list-img {
		width: 140px;
		top: -3%;
		left: 0;
}

	.service-item:nth-child(3) .service-list-img,
	.service-item:nth-child(4n+3) .service-list-img {
		content: url('../images/service_deco_ramen3.png');
		width: 150px;
		right: -7%;
		top: -10%;
  }

	.service-item:nth-child(4) .service-list-img,
	.service-item:nth-child(4n+4) .service-list-img {
		width: 85px;
		top: -8%;
		left: 0;
  }

	.service-info-section1 .info-title span {
    padding: 0 24px;
  }

	.service-info-section1 .deco-img1 {
		content: url("../images/service_deco_car.png");
		width: 130px;
		bottom: -20%;
		right: 0;
	}

	.service-info-section1 .info-title:before,
	.service-info-section1 .info-title:after {
		background-image: url("data:image/svg+xml,%3Csvg width='70' height='30' viewBox='0 0 70 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 15 C9 4 26 4 35 15 S61 26 70 15' fill='none' stroke='%2384c6f0' stroke-width='2' stroke-linecap='round' stroke-dasharray='4 8'/%3E%3C/svg%3E");
		background-size: 70px 30px;
		background-position: left center;
	}

	.service-info-section1 .deco-img2 {
		width: 75px;
	}

	.service-info-section2 .deco-img1 {
		display: none;
	}

	.service-info-section2 .deco-img2 {
		width: 100px;
		right: 2%;
	}

	/* ==================== news ==================== */
	.news-section .func-wrap {
		top: 20px;
	}
	
	.middlebg {
		top: 0;
		width: 194%;
	}
	
	.news_deco_cow,
	.line-wrap-5 {
		display: none;
	}

	.sidebar-wrap {
		position: static;
		margin-bottom: 36px;
	}

	.share-wrap {
		margin-top: 50px;
	}

	.share-wrap .txt-wrap {
		top: -34px;
		left: 11%;
  }

	.share-wrap .txt-wrap + ul {
    padding-left: 142px;
  }

	/* ==================== video ==================== */
	.video-list-section.pt-5 {
		padding-top: 2rem !important;
	}

	.video-slider-wrap .main-wrap {
		width: 100%;
  }

	.video-slider-wrap .thumb-wrap {
		width: 100%;
	}

	.video-slider-wrap {
    padding: 60px calc(8.33333333% - 24px);
	}

	.video-section .video-title-wrap {
		padding-left: calc(100px + 16px);
	}

	.video-section .video-tag {
		width: 100px;
	}

	.video-section .video-tag .num {
		font-size: 22px;
	}

	.video-wrap-1 {
		top: -6px;
  }

	.video_deco_fish {
		display: none;
	}

	.video-num .num {
		font-size: 22px;
		top: calc(50% - 14px);
	}

	.video-num img {
		width: 100px;
	}

	.video-info-item .item-title {
    font-size: 20px;
  }

	.video-list-section .news-mobile-sidebar .row {
		width: 100%;
	}

	/* ==================== footer ==================== */
	.line-wrap-6 {
		display: none;
	}

	#footer .footerbg-right {
		right: -82%;
  }

	#footer .footer-logo {
    width: 150px;
		margin-bottom: 24px;
	}

	#footer .info-wrap {
		gap: 8px;
	}

	#footer .sns-wrap {
		margin-left: 0;
		margin-top: 24px;
		row-gap: 10px;
	}

	#footer .copyrights {
    margin-top: 24px;
  }

	.float-sns-wrap {
		bottom: 36px;
	}

	#gotoTop,
	.float-sns-wrap a {
		width: 160px;
		height: 45px;
		font-size: 15px;
		padding: 12px 12px 12px 18px;
	}

	#gotoTop {
		width: 125px;
	}

	#gotoTop:before,
	.float-sns-wrap i {
    font-size: 20px;
  }

	#gotoTop:hover {
		transform: translateX(90%);
	}

	#footer .footerbg-left {
		height: auto;
	}

	#footer .footerbg-left img {
		transform: translateY(0px);
	}

	/* ==================== breadcrumb ==================== */
	.breadcrumb-wrap {
		height: 213px;
  }

	.breadcrumb-shape {
		max-width: 615px;
  }

	.breadimg-small {
    bottom: 15px;
	}

	/* ==================== pagination ==================== */
	.pagination {
		gap: 0px;
  }

	/* ==================== privacy ==================== */
	.feature-box {
    --cnvs-featured-box-icon: 3.5rem;
	}
	
	.feature-box-border-vertical .item-title {
		font-size: 20px;
	}

	.fbox-border.fbox-effect .fbox-icon i {
		font-size: 28px;
	}

	.news-info-wrap .feature-box-border-vertical.main-wrap .video-wrap-1 {
		display: none;
	}

	/* ==================== history ==================== */
	.history-item .time div {
		font-size: 22px;
	}

	.history-deco-wrap .bear,
	.history-deco-wrap .set {
		display: none;
	}

	
	.history-deco-wrap {
		transform: none;
		will-change: auto;
	}

	.history-item {
    width: 100%;
  }

	.history-item:nth-child(odd) {
    margin-left: 0; 
  }

	.history-item > div {
    gap: 24px;
  }

	.history-item:nth-child(even) > div {
    flex-direction: row-reverse;
  }

	.history-item:nth-child(even) .txt {
    text-align: start;
  }

	.history-item svg {
		display: none;
  }

	.history-item:not(:last-child):before {
		content: '';
		position: absolute;
		top: 0;
		left: 60px;
		width: 1px;
		height: 200%;
		background: repeating-linear-gradient(
			to bottom,
			#84C5F0 0,
			#84C5F0 6px,
			transparent 6px,
			transparent 14px
		);
	}

	/* ==================== cooperation ==================== */
	.coop-steps {
		max-width: none;
	}

	.coop-steps::before {
		display: block;
	}

	.coop-step {
		gap: 24px;
		width: 100%;
	}

	.coop-step:nth-child(even) {
		margin-left: 0;
	}

	.coop-step:nth-child(odd) {
		flex-direction: row;
	}

	.coop-step:nth-child(odd) .step-body {
		text-align: start;
	}

	.coop-step svg {
		display: none;
	}

	.coop-step:not(:last-child) {
		margin-bottom: 24px;
	}

	.coop-about-shape svg,
	.recruit-about-shape svg {
		width: 92%;
	}

	/* ==================== certification ==================== */
	.certification-section .line-wrap-13 {
		display: none;
	}

	/* ==================== contact ==================== */
	.contact-section .icons-wrap .img-wrap .deco-img {
		width: 40px;
		bottom: 0;
		right: -8px;
	}

	.contact-section .icons-wrap .img-wrap img:last-child {
		width: 65px;
	}

	/* ==================== contact ==================== */
	.contact-item .icons-wrap:before,
	.contact-item .icons-wrap:after,
	.recruit-contact--deco:before,
	.recruit-contact--deco:after {
		display: none;
	}

	/* ==================== cooperation ==================== */
	.coop-txt-wrap {
		padding: 32px;
	}

	.coop-txt-wrap {
		border-radius: 0 0 30px 30px;
		border-top: 0;
	}

	.coop-step .step-body .item-title {
		font-size: 20px;
	}

	.coop-deco-wrap1 .img2 {
		width: 280px;
		bottom: -43%;
		right: -6%;
	}
	
	.coop-deco-wrap3 .img1 {
		width: 155px;
		right: -6%;
		top: 1%;
	}

	.coop-deco-wrap3 .img2 {
		display: none;
	}

	.coop-deco-wrap1 .img1 {
		width: 75px;
		top: 15px;
		left: 8px;
	}

	/* ==================== recruit ==================== */
	.recruit-contact {
		padding: 36px;
	}

	.recruit-deco-wrap3 {
		width: 145px;
		top: 23px;
    right: 35px;
	}
}
	
@media (max-width: 767px) {
	:root {
		--fs-itemTitle: 22px;
		--fs-breadcrumbTitle: 32px;
	}
	
	.btn-base {
		width: 135px;
		padding: 8px 12px;
	}
	
	.for-middlebg.middlebg {
		top: 17.5%;
  }

	/* ==================== banner ==================== */
	.banner-wrap .info-wrap {
		height: 580px;
  }

	.banner-wrap .info-wrap .txt-wrap {
		width: 53%;
	}

	.banner-wrap .txt-wrap h1 {
		width: 71%;
  }

	.hero-stack {
		width: 415px;
  }

	.banner-wrap .func-wrap {
		top: 80%;
  }

	.navigation .slider-nav,
	.swiper-button-wrap [class*="swiper-button-"] {
    width: 36px;
    height: 36px;
	}

	.navigation button {
		gap: 12px;
	}

	.navigation .line {
		margin: 0 24px;
	}

	.pagination .dot-wrap {
    margin: 0 16px;
  }

	.pagination .dot-wrap span {
		width: 20px;
		height: 20px;
	}

	.navigation .slider-nav i,
	.swiper-button-wrap [class*="swiper-button-"] i {
    font-size: 16px;
	}

	/* ==================== intro ==================== */
	.intro-deco-wrap {
		top: 29%;
	}

	.intro-deco-wrap .map {
		width: 380px;
	}

	.intro-philosophy .txt-wrap {
		padding: 32px;
	}

	.intro-section2 .intro-deco-wrap {
		top: -32% !important;
  }

	.intro-philosophy:after {
		top: 30px;
  }

	.intro-section2 .intro-deco-wrap2 {
		bottom: -33%;
  }

	.intro-deco-bear {
		display: none;
	}

	.intro-deco-corn {
		left: -27%;
  }

	.intro-info-wrap .intro-deco-wrap .animal {
		top: 64%;
	}

	/* ==================== service ==================== */
	.service-section .txt-wrap {
		padding-left: 12px;
  }

	.service-section .service-item:nth-child(even) .txt-wrap {
		padding-right: 0;
	}

	.service-shape {
		height: 280px;
  }

	.service-section .service-item:nth-child(even) .service-shape {
		height: 310px;
  }

	.service-section .service-tag {
		display: none !important;
	}

	.line-wrap-1,
	.line-wrap-2 .service-deoc-word1,
	.line-wrap-2 .service-deoc-bird1,
	.line-wrap-2 .service-deoc-bird2,
	.service-wrap-4 {
		display: none;
	}

	.line-wrap-8 {
		top: -30%;
		right: 15%;
		width: 271px;
  }

	.line-wrap-2 {
		bottom: -40%;
		left: 30%;
  }

	.line-wrap-2 .line-2 {
		width: 250px;
	}

	.line-wrap-9 {
		top: -38%;
		width: 235px;
  }

	.service-item .service-list-img {
		display: none;
	}

	.service-info-section1 .deco-img2 {
		top: 11%;
	}

	.service-info-section2 .advantage-item {
    --right-space: 36px;
    --left-space: 24px;
  }

	.service-info-section2 .advantage-item .tag {
		top: calc(50% + 5px);
		transform: translate(0, -50%);
	}

	.service-info-section2 .advantage-item .tag img {
		width: 75px;
	}

	.service-info-section2 .advantage-item .tag .num {
		font-size: 24px;
	}

	.service-info-section1 .deco-img2 {
		top: 16%;
    left: 9%;
	}

	.service-info-section1 .deco-img1 {
		bottom: -17%;
	}

	.more-line-btn {
    width: 160px;
  }

	/* ==================== news ==================== */
	.news-section .func-wrap {
		top: 17px;
		flex-direction: column;
		align-items: flex-end !important;
		gap: 32px;
}

	.swiper-button-wrap {
		gap: 16px;
	}

	.news-item .news-tag img:first-child {
		width: 105px;
  }

	.news-item .news-tag .deco-img {
		width: 25px;
		left: -5px;
  }

	.news-pagination-wrap {
		margin-top: calc(36px + 48px);
	}

	.middlebg {
		top: 6%;
		width: 218%;
	}

	.news-info-wrap .main-wrap {
		padding: 32px;
  }
	.share-wrap {
		margin-top: 70px;
  }

	.share-wrap .txt-wrap {
		top: -60px;
		left: 50%;
		transform: translateX(-50%);
  }

	.share-wrap .share-tag {
		width: 110px;
	}

	.share-wrap .txt-wrap + ul {
		padding-left: 0;
  }

	/* ==================== video ==================== */
	.video-wrap-1 {
		top: 9px;
		right: 13px;
  }

	.video-wrap-1 .video_deco_fox {
		width: 95px;
	}

	.video-wrap-1 .line-deco-9 {
		width: 28px;
	}

	/* ==================== footer ==================== */
	#footer .footerbg-right {
		right: 0;
  }

	/* ==================== breadcrumb ==================== */
	.breadcrumb-wrap .txt-wrap {
		width: 100%;
  }

	.breadcrumb-wrap {
		height: 158px;
  }

	.breadcrumb-shape {
		max-width: 395px;
  }

	.breadimg-big {
    width: 60px;
	}

	.breadimg-small {
		width: 32px;
	}

	/* ==================== pagination ==================== */
	.page-link {
		width: 32px;
		height: 32px;
	}

	.page-item.active .page-link::before {
		width: 40px;
		height: 40px;
	}

	/* ==================== contact ==================== */
	.contact-item .icons-wrap {
		padding: 24px;
  }

	/* ==================== cooperation ==================== */
	.coop-deco-wrap1 .img1 {
		left: 40px;
	}

	.coop-about-shape svg,
	.recruit-about-shape svg {
		width: 100%;
	}

	.coop-deco-wrap1 .img2 {
		width: 250px;
		bottom: -25%;
		right: -2%;
	}

	.coop-deco-wrap3 .img1 {
		width: 130px;
		top: 4%;
	}

	/* ==================== recruit ==================== */
	.recruit-contact {
		padding: 24px;
  }

	.recruit-deco-wrap3 {
		display: none;
	}
}

@media (max-width: 575px) {
	:root {
		--fs-BNTitle: 24px;
		--fs-sectionTitle: 28px;
		--fs-breadcrumbTitle: 28px;
		--fs-sectionTitleEN: 17px;
		--fs-itemTitle: 20px;
		--fs-infoTitle: 24px;
		--fs-headerNav: 16px;

		--section: 60px;
		--cnvs-header-height: 55px;
	}

	.section-title {
		margin-bottom: 24px;
		height: 67px;
  }

	.section-title img {
		width: 170px;
  }

	/* ==================== header ==================== */
	.lang-wrap a {
		font-size: 14px;
	}
	
	/* ==================== banner ==================== */
	.hero-stack {
		width: 93%;
  }

	.banner-wrap .info-wrap .txt-wrap {
		transform: translateY(-50%);
		width: 71%;
  }

	.banner-wrap .txt-wrap p {
		display: none;
	}

	.banner-wrap .txt-wrap .btn-base {
		margin-top: 24px;
	}

	.navigation button {
		gap: 8px;
		font-size: var(--fs-small);
	}

	.navigation .line {
		height: 18px;
		margin: 0px 16px;
  }

	.banner-wrap .func-wrap {
		top: 75%;
  }

	/* ==================== intro ==================== */
	.intro-deco-wrap {
		top: 42%;
		right: -17%;
  }

	.intro-deco-wrap .map {
		width: 290px;
  }

	.intro-deco-wrap .animal {
		top: 63%;
		width: 66px;
  }

	.intro-philosophy .txt-wrap {
		padding: 24px;
	}

	.intro-info-wrap .intro-section {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(222, 226, 230, 0.40) 100%) !important;
	}

	.intro-section2 .intro-deco-wrap {
		display: none;
	}

	.intro-info-wrap .intro-deco-wrap {
		top: 22.5%;
		right: -30%;
  }
	
	.intro-info-wrap .intro-deco-wrap .animal {
		top: 85%;
  }

	.intro-section2 .middle-bg-intro {
		bottom: -85%;
	}

	.intro-section2 .intro-deco-wrap2 {
		bottom: -16%;
		right: -5%;
		width: 120px;
  }

	.intro-philosophy .icons-wrap .item-title {
		font-size: 18px;
	}

	.recruit-benefits .item-title,
	.recruit-cta-title,
	.recruit-contact .item-title {
		font-size: 18px;
	}

	.intro-philosophy .icons-wrap .img-wrap {
    width: 60px;
  }

	.intro-philosophy .icons-wrap .txt {
    padding: 20px 24px;
	}

	.intro-deco-corn {
		display: none;
	}

	/* ==================== service ==================== */
	.service-section {
		padding-bottom: var(--section);
	}

	.service-section .txt-wrap {
		padding: 0;
	}

	.service-section .service-item:nth-child(even) .service-shape {
		height: 280px;
	}

	.line-wrap-2,
	.line-wrap-8,
	.line-wrap-9 {
		display: none !important;
	}

	.service-info-section1 .info-title span {
		padding: 0 14px;
		max-width: 240px;
  }

	.service-info-section1 .info-title:before,
	.service-info-section1 .info-title:after {
		top: calc(50% - 8px);
		background-image: url("data:image/svg+xml,%3Csvg width='55' height='22' viewBox='0 0 55 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11 C7 5 21 5 28 11 S48 17 55 11' fill='none' stroke='%2384c6f0' stroke-width='2' stroke-linecap='round' stroke-dasharray='4 8'/%3E%3C/svg%3E");
		background-size: 55px 22px;
		background-position: left center;
	}

	.service-info-section1 .deco-img1 {
		width: 115px;
		bottom: -13%;
	}

	.service-info-section1 .deco-img2 {
		top: 13%;
	}

	.service-info-section2 .deco-img2 {
		width: 85px;
		bottom: -9%;
		right: 8%;
	}

	/* ==================== news ==================== */
	.news-pagination-wrap {
		margin-top: 60px;
  }

	.news-section .func-wrap {
		position: static;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
	}

	.news-item .news-tag {
		right: -4px;
	}

	.news-item .news-tag img:first-child {
		width: 90px;
	}

	.news-item .news-tag div {
		font-size: var(--fs-small);
	}

	.news-item .news-tag .deco-img {
		width: 24px;
		left: -9px;
		bottom: 1px;
  }

	.news-item .img-wrap {
		border-radius: 24px;
	}

	.news-item .item-title {
		font-size: 18px;
	}

	.news-item .date {
		display: none;
	}

	.news-item .mobile-date {
		font-size: var(--fs-small);
		color: var(--cnvs-green);
	}

	.news-item .mobile-date:after {
		content: '';
		background-image: url('../images/new_wave.svg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 25px;
		height: 16px;
		position: absolute;
		top: 50%;
		left: 103px;
		transform: translateY(-50%);
	}

	.news-list-wrap {
		--bs-gutter-x: 28px;
		--bs-gutter-y: 32px;
	}

	.news-post-nav {
		width: 100%;
		justify-content: center !important;
		gap: 12px;
		margin-top: 20px;
		margin-top: 32px;
	}

	.news-post-nav .btn-base {
		order: 1;
	}

	.news-post-nav::after {
		content: '';
		order: 1;
		flex: 0 0 100%;
	}

	.news-post-pager-link {
		order: 2;
		flex: 0 1 calc(50% - 8px);
		justify-content: center;
		font-size: var(--fs-small);
		white-space: nowrap;
	}

	.news-info-wrap .main-wrap {
		padding: 24px;
  }

	.share-wrap {
		padding: 16px;
	}

	/* ==================== video ==================== */
	.list-search-wrap {
		margin-bottom: 36px;
		padding: 24px 16px;
	}

	.video-wrap-1 {
		display: none;
	}

	.video-slider-wrap {
		padding: 48px calc(8.33333333% - 24px);
  }

	.video-slider-wrap .main-wrap,
	.video-slider-wrap .thumb-wrap {
		width: calc(100% - 32px);
		margin: auto;
	}

	.video-section .video-title-wrap {
		padding-left: calc(80px + 16px);
  }

	.video-section .video-tag {
		width: 80px;
		transform: translate(-20px, calc(-50% - 5px));
	}

	.video-section .video-tag .num {
		font-size: 20px;
  }

	.video-info-item {
    margin-top: 65px;
  }

	.video-num .num {
		font-size: 20px;
	}

	.video-info-item .item-title {
		font-size: 18px;
  }

	.video-num {
		top: calc(0px - 7px);
	}

	.video-num img {
		width: 70px;
	}

	.video-num .num {
		top: calc(50% - 9px);
	}

	/* ==================== footer ==================== */
	#footer .footer-logo {
		width: 125px;
	}
	
	#footer .sns-wrap {
		grid-template-columns: repeat(2, 135px);
	}

	#footer .footerbg-right {
		right: 0;
	}

	#footer .footerbg-left {
		left: 0;
		height: auto;
	}

	#footer .footerbg-right img {
		content: url("../images/footerbg_right_2.svg");
	}

	#footer .footerbg-left img {
		content: url("../images/footerbg_left_2.svg");
		transform: translateY(0);
	}

	.float-sns-wrap {
		bottom: 48px;
	}

	#gotoTop,
	#gotoTop:hover {
		transform: translateX(48%);
	}

	#gotoTop,
	.float-sns-wrap a {
		width: 88px;	
	}

	.float-sns-wrap ul {
		gap: 8px;
	}

	/* ==================== breadcrumb ==================== */
	.breadcrumb-wrap {
		height: auto;
		margin-bottom: -12px;
  }

	.breadcrumb-wrap .container-header {
		position: relative;
	}

	.breadcrumb-shape {
		max-width: calc(100% - 60px);
  }

	.breadcrumb-wrap .txt-wrap {
    width: 100%;
		padding: 85px 0 0;
	}

	.breadimg-big {
		top: -20px;
	}

	.breadimg-small {
		width: 26px;
		right: -20px;
		bottom: 6px;
  }

	/* ==================== pagination ==================== */
	.page-link {
		width: 28px;
		height: 28px;
		font-size: var(--fs-normal);
	}

	.page-item.active .page-link::before {
		width: 36px;
		height: 36px;
	}

	/* ==================== privacy ==================== */
	.feature-box {
    --cnvs-featured-box-icon: 3.2rem;
	}

	.fbox-content {
		padding-left: 6px;
	}

	.feature-box-border-vertical .item-title {
		font-size: 18px;
	}
	
	.fbox-border.fbox-effect .fbox-icon i {
		font-family: "Montserrat", sans-serif;
		font-size: 24px;
	}

	/* ==================== history ==================== */
	.history-item:not(:last-child) {
    margin-bottom: 24px;
  }

	.history-item:not(:last-child):before {
		left: 46px;
		height: 150%;
	}

	.history-item .time div {
		font-size: 20px;
	}

	.history-item .time img {
		width: 95px;
	}

	.history-item .time div {
		top: calc(50px - 5px);
	}

	/* ==================== cooperation ==================== */
	.coop-steps::before {
		left: 46px;
		top: 42px;
		bottom: 90px;
	}

	.coop-step {
		gap: 18px;
	}

	.coop-step .dot {
		width: 95px;
		height: 78px;
		font-size: 22px;
	}

	.coop-step .step-body {
		padding-top: 12px;
	}

	/* ==================== certification ==================== */
	.cer-item .cer-img {
    padding: 12px;
  }

	.mfp-container.certification-lightbox img.mfp-img {
		max-height: calc(100vh - 120px) !important;
	}

	.mfp-container.certification-lightbox .mfp-title {
		padding: 0 24px;
	}

	/* ==================== contact ==================== */
	.contact-section .icons-wrap .img-wrap .deco-img {
		width: 35px;
		right: -17px;
	}

	.contact-item .icons-wrap {
		padding: 16px;
  }

	.contact-item .icons-wrap > div > img {
		width: 150px;
	}

	/* ==================== cooperation ==================== */
	.coop-txt-wrap {
		padding: 24px;
  }

	.coop-deco-wrap1 .img2 {
		width: 200px;
		bottom: -18%;
	}

	.coop-deco-wrap3 .img1 {
		display: none;
	}

	/* ==================== recruit ==================== */
	.recruit-benefits .benefit-card {
		padding: 24px;
	}

	/* ==================== cookies ==================== */
	.cookies-wrap {
		padding: 24px 16px;
		border-radius: 0 60px 0 0;
  }
}