@import 'https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Nanum+Myeongjo:wght@400;700;800&family=Sanchez&display=swap';
@import 'https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Pretendard', sans-serif;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-break: keep-all;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
body {
	line-height: 1.6;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	display: block;
}
a {
	text-decoration: none;
	color: inherit;
}
picture {
	display: block;
}
h1 {
	white-space: nowrap;
	line-height: 1.1;
}
h1 .first {
	font-size: 120px;
	font-family: 'Pretendard', sans-serif;
	color: #5b3255;
	font-weight: 500;
}
h1 .second {
	font-family: 'Pretendard', serif;
	font-size: 120px;
	color: #3ea329;
	font-weight: 400;
}
h3 {
	font-size: 80px;
	line-height: 1.2;
	font-family: 'Pretendard', sans-serif;
}
h4 {
	font-size: 50px;
	font-family: 'Pretendard', sans-serif;
}
h5 {
	font-family: 'Nanum Myeongjo', serif;
	font-weight: 400;
	font-size: 28px;
}
h6 {
	font-size: 32px;
	font-weight: 500;
	font-family: 'Pretendard', sans-serif;
}
::-webkit-scrollbar {
	width: 12px;
}
:root {
	scroll-behavior: initial;
}
::-webkit-scrollbar-thumb {
	background: #000;
	border-radius: 0px;
}
#wrap {
	background: #fff;
}
header {
	width: 100%;
	height: 170px;
	position: sticky;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: -webkit-transform 0.3s 0.2s ease-out;
	transition: -webkit-transform 0.3s 0.2s ease-out;
	transition: transform 0.3s 0.2s ease-out;
	transition: transform 0.3s 0.2s ease-out, -webkit-transform 0.3s 0.2s ease-out;
}
header .container {
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
header nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 48px;
}
header nav a {
	font-family: 'Manrope', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
header nav a:hover {
	color: #3ea329;
}
header nav .nav-item {
	position: relative;
}
header nav .nav-item a {
	line-height: 24px;
	display: block;
}
header nav .nav-item:hover .nav-hover-list {
	visibility: visible;
	z-index: 10;
	opacity: 1;
}
header nav .nav-item.lng {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	margin-left: 16px;
}
header nav .nav-item.lng a {
	position: relative;
	line-height: 24px;
}
header nav .nav-item.lng a.active {
	color: #3ea329;
}
header nav .nav-hover-list {
	visibility: hidden;
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 32px;
	position: absolute;
	left: 0;
	top: 20px;
	padding-top: 24px;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
header nav .nav-hover-list.right {
	left: initial;
	right: 0;
}
header nav .nav-hover-item {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: block;
	font-size: 18px;
	color: #999;
	font-weight: 700;
	white-space: nowrap;
}
header nav .nav-hover-item:hover {
	color: #5b3255;
}
header.disabled {
	-webkit-transform: translateY(-110%);
	transform: translateY(-110%);
}
header .mobile-nav {
	width: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
	cursor: pointer;
}
header .mobile-nav div {
	width: 100%;
	height: 4px;
	background-color: #000;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform-origin: center;
	transform-origin: center;
}
.fullscreen-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #5b3255;
	padding: 0 60px;
	visibility: hidden;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.4s 0.2s ease-in-out;
	transition: all 0.4s 0.2s ease-in-out;
}
.fullscreen-menu nav {
	margin-top: 80px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}
.fullscreen-menu nav .nav-item {
	margin: 40px 0;
}
.fullscreen-menu nav .nav-item > a {
	color: #fff;
	font-size: 28px;
	font-family: 'Sanchez', serif;
	font-weight: 700;
}
.fullscreen-menu nav .nav-item > a:hover {
	color: #3ea329;
}
.fullscreen-menu nav .nav-item .nav-hover-list {
	margin-top: 14px;
}
.fullscreen-menu nav .nav-item .nav-hover-list a {
	color: #fff;
	display: block;
	margin-bottom: 4px;
}
.fullscreen-menu nav .nav-item .nav-hover-list a:hover {
	color: #3ea329;
}
.fullscreen-menu nav .nav-item .nav-hover-list a:last-child {
	margin-bottom: 0;
}
.fullscreen-menu nav .nav-item.lng a {
	position: relative;
	line-height: 24px;
}
.fullscreen-menu nav .nav-item.lng a:last-child {
	margin-left: 16px;
}
.fullscreen-menu nav .nav-item.lng a.active {
	color: #3ea329;
}
.fullscreen-menu.active {
	z-index: 100;
	visibility: visible;
	opacity: 1;
	overflow-y: scroll;
}
footer {
	padding: 92px 0 120px;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: -1;
	background-color: #fff;
}
footer .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: top;
	-ms-flex-align: top;
	align-items: top;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
footer .footer-content {
	width: 50%;
}
footer .footer-content h4 {
	margin-bottom: 34px;
	line-height: 1.1;
}
footer .footer-content a {
	font-size: 24px;
	color: #666;
	font-weight: 700;
	display: block;
	margin-bottom: 4px;
}
footer .footer-content a span {
	color: #999;
	display: inline-block;
	margin-right: 4px;
}
footer .footer-content p {
	font-size: 16px;
	color: #999;
	margin-top: 40px;
}
.container {
	padding: 0 80px;
	max-width: 1760px;
	width: 100%;
	height: 100%;
	margin: auto;
	position: relative;
	margin: auto;
}
.container.small-container {
	max-width: 960px;
}
.link-basic {
	color: #5b3255;
	font-weight: 700;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 6px;
	height: 36px;
	border-bottom: 1px solid #5b3255;
}
.link-basic:hover {
	color: #3ea329;
	border-bottom: 1px solid #3ea329;
}
.batch-box {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.batch-history {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.batch-partner {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.hero {
	padding-top: 80px;
}
.hero .marquee {
	overflow: hidden;
	white-space: nowrap;
}
.hero .marquee-wrap {
	padding: 0 80px;
	max-width: 1760px;
	margin: auto;
}
.hero .marquee-text {
	margin-right: 100px;
	display: inline-block;
	font-size: 140px;
}
.hero .marquee-text .first {
	font-family: 'Manrope', sans-serif;
	font-size: inherit;
	color: #000;
	font-weight: 500;
	line-height: 1.2;
}
.hero .marquee-text .second {
	font-family: 'Sanchez', 'Pretendard', serif;
	font-size: inherit;
	color: #000;
	font-weight: 400;
	line-height: 1.2;
}
.hero .marquee-text .copy {
	margin-left: 100px;
}
.hero .marquee-text span {
	margin-right: 40px;
}
.hero .marquee-text span:last-child {
	margin-right: 0;
}
.hero .text-area {
	padding-top: 220px;
	padding-bottom: 272px;
}
.hero h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.2;
	color: #5b3255;
}
.max-50 {
	max-width: 50%;
	width: 50%;
	margin: auto;
}
.button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	height: 136px;
	padding: 0px 78px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: #5b3255;
	color: #fff;
	font-weight: 800;
	font-size: 32px;
	border-radius: 136px;
	border: 0;
	margin-left: auto;
}
.hero-text-with-sub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.hero-text-with-sub .box {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.hero-text .small-text {
	color: #3ea329;
	font-size: 32px;
	margin-bottom: 40px;
	display: block;
}
.hero-text--2 {
	font-size: 60px;
}
.hero-sub-text {
	margin-top: 60px;
	line-height: 1.4;
	font-size: 36px;
	color: #5b3255;
	font-weight: 500;
	font-family: 'Pretendard', sans-serif;
}
.select-set {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-bottom: 48px;
}
.select-box {
	position: relative;
}
.select-box select {
	height: 72px;
	width: 100%;
	border: 0;
	background: initial;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 24px;
	font-weight: 700;
	color: #5b3255;
	border-bottom: 1px solid #5b3255;
	position: relative;
	z-index: 1;
}
.select-box select:hover,
.select-box select:focus {
	outline: 0;
	border: 0;
	border-bottom: 1px solid #5b3255;
}
.select-box::after {
	content: '';
	background-image: url('../images/common/angle-down.svg');
	width: 15px;
	height: 30px;
	position: absolute;
	z-index: 0;
	right: 0;
	top: 50%;
	translate: 0 -50%;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
}
.object-fit-cover {
	margin-top: 40px;
	margin-bottom: 40px;
	row-gap: 24px;
}
.object-fit-cover img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	margin: 0 !important;
}
.privacy {
	padding-top: 80px;
	padding-bottom: 80px;
}
.privacy h1 {
	font-size: 32px;
	margin-bottom: 24px;
}
.privacy h2 {
	font-size: 20px;
	margin-bottom: 16px;
	margin-top: 32px;
}
.privacy h6 {
	font-size: 18px;
	margin-bottom: 12px;
}
.privacy ul {
	margin-bottom: 16px;
}
.privacy li {
	margin-bottom: 4px;
	font-size: 16px;
}
.privacy li h6 {
	margin-bottom: 4px;
}
.privacy p {
	margin-bottom: 16px;
	font-size: 16px;
}
#wrap {
	opacity: 0;
	-webkit-transition: opacity 0.35s 0.2s ease-in-out;
	transition: opacity 0.35s 0.2s ease-in-out;
}
#wrap.load-wrap {
	opacity: 0;
	-webkit-transition: opacity 0.35s 0.4s ease-in-out;
	transition: opacity 0.35s 0.4s ease-in-out;
}
footer {
	opacity: 0;
	-webkit-transition: opacity 0.35s 0.6s ease-in-out;
	transition: opacity 0.35s 0.6s ease-in-out;
}
main {
	position: relative;
	z-index: 5;
	padding: 80px 0 180px;
}
main .line-animation {
	display: grid;
	grid-template-areas: 'a b c d' 'e e f g' 'h i j k' 'l m n o';
}
main .line-animation .line-item {
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}
main .line-animation .line-item:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	width: 70%;
	height: 70%;
	display: block;
	background-size: 30%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
}
main .line-animation .line-item.e {
	grid-area: e;
	padding-bottom: 50%;
}
main .line-animation .line-item::before {
	opacity: 0;
}
main .line-animation .line-item[class*='active-']::after {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	background-size: 70%;
	opacity: 1;
}
main .line-animation .line-item[class*='active-'] .line {
	opacity: 0;
}
main .line-animation .line-item[class*='active-']::before {
	position: absolute;
	bottom: 1%;
	left: 50%;
	translate: -50%;
	-webkit-transition: all 0.2s 0.05s ease-out;
	transition: all 0.2s 0.05s ease-out;
}
main .line-animation .line-item.active-1::after {
	background-image: url(../images/main/main-r-1.svg);
}
main .line-animation .line-item.active-1::before {
	content: 'PR';
}
main .line-animation .line-item.active-2::after {
	background-image: url(../images/main/main-r-2.svg);
}
main .line-animation .line-item.active-2::before {
	content: '마케팅';
}
main .line-animation .line-item.active-3::after {
	background-image: url(../images/main/main-r-3.svg);
}
main .line-animation .line-item.active-3::before {
	content: '영상';
}
main .line-animation .line-item.active-4::after {
	background-image: url(../images/main/main-r-4.svg);
	background-size: 55%;
}
main .line-animation .line-item.active-4::before {
	content: '광고';
}
main .line-animation .line-item.active-5::after {
	background-image: url(../images/main/main-r-5.svg);
	background-size: 65%;
}
main .line-animation .line-item.active-5::before {
	content: '최고의';
}
main .line-animation .line-item:nth-child(1) .line {
	rotate: 90deg;
}
main .line-animation .line-item:nth-child(2) .line {
	rotate: 315deg;
}
main .line-animation .line-item:nth-child(3) .line {
	rotate: 0deg;
}
main .line-animation .line-item:nth-child(4) .line {
	rotate: 45deg;
}
main .line-animation .line-item:nth-child(7) .line {
	rotate: 45deg;
}
main .line-animation .line-item:nth-child(8) .line {
	rotate: 90deg;
}
main .line-animation .line-item:nth-child(9) .line {
	rotate: 0deg;
}
main .line-animation .line-item:nth-child(10) .line {
	rotate: 45deg;
}
main .line-animation .line-item:nth-child(11) .line {
	rotate: 90deg;
}
main .line-animation .line-item:nth-child(12) .line {
	rotate: 315deg;
}
main .line-animation .line-item:nth-child(13) .line {
	rotate: 45deg;
}
main .line-animation .line-item:nth-child(14) .line {
	rotate: 90deg;
}
main .line-animation .line-item:nth-child(15) .line {
	rotate: 225deg;
}
main .line-animation .line {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: calc(100% - 80px);
	height: 40px;
	max-width: 320px;
	background-color: #222;
	opacity: 1;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}
main .line-animation .text-item {
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 -50%;
}
main .line-animation .text-item h5 {
	margin-bottom: 32px;
}
main .line-animation .text-item p {
	margin-bottom: 32px;
}
main .rolling-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
}
main .rolling-wrap .swiper {
	height: 100%;
}
main .rolling-wrap h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	font-size: 130px;
}
main .rolling-wrap h1 .first {
	font-size: inherit;
}
main .rolling-wrap h1 .second {
	font-family: 'Manrope', sans-serif;
	font-size: inherit;
}
main .rolling-wrap .swiper-slide {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: left;
	background-color: #fff;
}
main .rolling-wrap .swiper-slide .first {
	opacity: 0;
	translate: 0% 70%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
main .rolling-wrap .swiper-slide .second {
	opacity: 0;
	translate: 0% 70%;
	-webkit-transition: all 0.5s 0.1s ease;
	transition: all 0.5s 0.1s ease;
}
main .rolling-wrap .swiper-slide.swiper-slide-prev .first {
	translate: 0% -60%;
}
main .rolling-wrap .swiper-slide.swiper-slide-prev .second {
	translate: 0% -60%;
}
main .rolling-wrap .swiper-slide-active {
	opacity: 1;
}
main .rolling-wrap .swiper-slide-active .first {
	opacity: 1;
	translate: 0% 0%;
	-webkit-transition: all 0.5s 0.4s;
	transition: all 0.5s 0.4s;
}
main .rolling-wrap .swiper-slide-active .second {
	opacity: 1;
	translate: 0% 0%;
	-webkit-transition: all 0.5s 0.5s;
	transition: all 0.5s 0.5s;
}
.new-main {
	overflow: hidden;
	height: 100dvh;
	padding: 0;
	margin-top: -170px;
}
.new-main .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.new-main video {
	width: 120%;
	position: relative;
	left: 60%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.new-main h5 {
	scale: 1.3;
	margin-bottom: 24px;
	font-family: 'Pretendard', sans-serif;
}
.new-main--2 {
	margin-bottom: 0;
	aspect-ratio: 1920/1080;
	max-height: calc(100dvh - 170px);
	padding: 0 !important;
	width: 100%;
}
.new-main--2 video {
	width: 100%;
	height: 100%;
	left: 50%;
	top: 0;
	position: relative;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
}
.new-main--2 .text-area {
	text-align: center;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	bottom: 13%;
}
.new-main--2 .text-area h5,
.new-main--2 .text-area a {
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	font-family: 'Pretendard', sans-serif;
}
.new-main--2 .text-area h5 {
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
	font-size: 36px;
	line-height: 1.1;
	margin-bottom: 24px;
	font-weight: 400;
}
.new-main--2 .text-area h5 b {
	font-family: inherit;
}
.new-main--2 .text-area.white h5,
.new-main--2 .text-area.white a {
	color: #fff;
	border-color: #fff;
}
article {
	position: relative;
	z-index: 1;
}
.field-1 {
	overflow: initial;
	overflow: hidden;
}
.field-1 [class*='area'] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.field-1 [class*='area'] .left,
.field-1 [class*='area'] .right {
	width: 50%;
}
.field-1 .area-1 {
	position: relative;
	z-index: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.field-1 .area-1 .left img {
	width: 65%;
}
.field-1 .area-1 .right {
	padding-top: 5%;
}
.field-1 .area-1 .right h6 {
	margin-bottom: 32px;
}
.field-1 .area-1 .right p {
	margin-bottom: 40px;
}
.field-1 .area-2 {
	position: relative;
	z-index: 1;
}
.field-1 .area-2 .right img {
	width: 100%;
}
.field-1 .area-3 {
	position: relative;
	z-index: 1;
	margin-top: 270px;
}
.field-1 .area-3 .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.field-1 .area-3 .left img {
	width: 65%;
}
.field-1 .text-area {
	position: sticky;
	top: 40%;
	left: 28%;
	z-index: 10;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.field-1 .text-area h1 .first {
	font-size: 100px;
	line-height: 1.3;
}
.field-1 .text-area h1 .second {
	font-size: 110px;
	line-height: 1.3;
}
.field-1 .left.gallery__item,
.field-1 .mobile-gallery-right {
	overflow: hidden;
	position: relative;
	aspect-ratio: 560/850;
}
.field-1 .left.gallery__item::before,
.field-1 .mobile-gallery-right::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.field-1 .left.gallery__item .swiper,
.field-1 .mobile-gallery-right .swiper {
	height: 100%;
	width: 65%;
	margin: 0;
}
.field-1 .left.gallery__item .swiper img,
.field-1 .mobile-gallery-right .swiper img {
	width: 100%;
}
.field-1 .right.gallery__item,
.field-1 .mobile-gallery-left {
	aspect-ratio: 875/543;
	overflow: hidden;
	position: relative;
}
.field-1 .right.gallery__item::before,
.field-1 .mobile-gallery-left::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.field-1 .right.gallery__item .swiper,
.field-1 .mobile-gallery-left .swiper {
	height: 100%;
}
.field-1-2 {
	position: relative;
	overflow: initial;
}
.field-1-2 h1 {
	width: 100%;
}
.field-1-2 h1 .second {
	text-align: right;
}
.field-1-2 .text-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.field-1-2 .left {
	margin-top: 112px;
	max-width: 50%;
}
.field-1-2 .left h6 {
	margin-bottom: 32px;
}
.field-1-2 .left p {
	margin-bottom: 40px;
}
.field-1-2 .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 160px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.field-1-2 .right .d-mobile-none {
	width: 75%;
}
.field-2 {
	padding: 0;
	z-index: 2;
	overflow: hidden;
}
.field-2 h1 {
	position: relative;
	z-index: 10;
}
.field-2 .text-area {
	margin-top: 88px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.field-2 .text-area > div {
	width: 50%;
}
.field-2-2 {
	height: 100dvh;
	margin-top: 10%;
}
.field-2-3 {
	overflow: hidden;
}
.field-2-3 .swiper {
	overflow: initial;
	cursor: -webkit-grab;
	cursor: grab;
}
.field-2-3 .swiper .swiper-slide img {
	width: 61%;
	margin: auto;
	margin-bottom: 48px;
	max-width: 320px;
}
.field-2-3 .swiper .swiper-slide h5 {
	text-align: center;
	font-size: 36px;
	width: 100%;
	color: #3ea329;
	margin-bottom: 24px;
	line-height: 1.3;
}
.field-2-3 .swiper .swiper-slide p {
	text-align: center;
}
.field-3 {
	padding-top: 280px;
}
.field-3 .text-area {
	margin: 120px 0 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.field-3 .text-area > div {
	width: 50%;
}
.field-4 {
	height: 90vw;
	background: url(../images/main/background-01.png) no-repeat;
	background-size: 100%;
	background-position: 0 0;
}
.field-4 .text-area {
	margin-top: 180px;
}
.filed-new .contents-new {
	margin-top: 200px;
}
.filed-awards {
	overflow: hidden;
}
.filed-awards .header-both {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.filed-awards .header-both .text-area {
	width: 25%;
}
@media (max-width: 768px) {
	.filed-awards .header-both {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 24px;
	}
	.filed-awards .header-both .text-area {
		margin-top: 88px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}
	.filed-awards .header-both .text-area .text-box {
		width: 50%;
	}
}
@media (max-width: 600px) {
	.filed-awards .header-both {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 24px;
	}
	.filed-awards .header-both .text-area {
		margin-top: 88px;
		width: 75%;
	}
	.filed-awards .header-both .text-area .text-box {
		width: 100%;
	}
}
.filed-awards .awardsSwiper {
	width: 100%;
	overflow: visible;
	cursor: -webkit-grab;
	cursor: grab;
}
.filed-awards .awardsSwiper .swiper-slide {
	position: relative;
}
.filed-awards .awardsSwiper .swiper-slide img {
	width: 100%;
}
.filed-awards .awardsSwiper h6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	bottom: 10%;
	position: absolute;
	text-align: center;
	line-height: 1.25;
	font-size: 120%;
	letter-spacing: -0.02em;
}
.filed-awards .awardsSwiper h6::before {
	content: '';
	position: relative;
	display: block;
	width: 40px;
	top: 0;
	bottom: 0;
	background-image: url(/assets/images/main/awards/awards-left.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.filed-awards .awardsSwiper h6::after {
	content: '';
	position: relative;
	display: block;
	width: 40px;
	background-image: url(/assets/images/main/awards/awards-right.svg);
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.filed-cert {
	overflow: hidden;
}
.filed-cert .header-both {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.filed-cert .header-both .text-area {
	width: 25%;
}
@media (max-width: 768px) {
	.filed-cert .header-both {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 24px;
	}
	.filed-cert .header-both .text-area {
		margin-top: 88px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}
	.filed-cert .header-both .text-area .text-box {
		width: 50%;
	}
}
@media (max-width: 600px) {
	.filed-cert .header-both {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 24px;
	}
	.filed-cert .header-both .text-area {
		margin-top: 88px;
		width: 75%;
	}
	.filed-cert .header-both .text-area .text-box {
		width: 100%;
	}
}
.filed-cert .certSwiper {
	overflow: visible;
}
.filed-cert .cert-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: -webkit-grab;
	cursor: grab;
	gap: 24px;
}
.filed-cert .cert-list .cert-item {
	width: 25%;
	border-radius: 2px;
	border: 1px solid rgba(50, 50, 50, 0.1);
	-webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
.filed-cert .cert-list .cert-item img {
	width: 100%;
	aspect-ratio: 301/453;
	cursor: pointer;
}
.filed-rating .header-both .text-area {
	margin-top: 88px;
}
@media (max-width: 768px) {
	.filed-rating .header-both {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 24px;
	}
	.filed-rating .header-both .text-area {
		margin-top: 88px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}
	.filed-rating .header-both .text-area .text-box {
		width: 50%;
	}
}
@media (max-width: 600px) {
	.filed-rating .header-both {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 24px;
	}
	.filed-rating .header-both .text-area {
		margin-top: 88px;
		width: 75%;
	}
	.filed-rating .header-both .text-area .text-box {
		width: 100%;
	}
}
.filed-rating .rating-table {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-bottom: 40px;
}
.filed-rating .rating-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 32px;
}
.filed-rating .rating-title {
	display: block;
	text-align: center;
	font-size: 20px;
	border-radius: 50px;
	background: #3ea329;
	color: #fff;
	padding: 16px 0;
	letter-spacing: -0.02em;
	font-weight: 600;
	line-height: 1.2;
}
.filed-rating .rating-value {
	color: #3ea329;
	text-align: center;
	font-size: 72px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.02em;
}
.filed-rating .rating-date {
	font-size: 16px;
	text-align: center;
	border-top: 1px dashed rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 24px 0;
	color: #666;
	letter-spacing: -0.02em;
}
.filed-rating .rating-desc {
	font-size: 16px;
	color: #888;
	letter-spacing: -0.02em;
}
.pin-slide {
	width: 170%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	place-items: center;
	gap: 24px;
	margin: auto;
}
.pin-slide-item {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #fff;
}
.pin-slide-item img {
	width: 61%;
	margin: auto;
	margin-bottom: 48px;
	max-width: 320px;
}
.pin-slide-item h5 {
	text-align: center;
	font-size: 36px;
	width: 100%;
	color: #3ea329;
	margin-bottom: 24px;
	line-height: 1.3;
}
.pin-slide-item p {
	text-align: center;
}
.pin-slide-item video {
	width: 80%;
	margin: auto;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	mix-blend-mode: hard-light;
}
.pin-btn {
	font-size: 32px;
	font-weight: 400;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 76px;
	padding: 0 36px;
	border-radius: 76px;
	border: 1px solid #000;
	top: 78%;
	position: absolute;
	left: 50%;
	translate: -50%;
	background-color: #fff;
	opacity: 0;
}
.partners {
	display: grid;
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	grid-template-columns: repeat(8, 1fr);
}
.partners img {
	width: 100%;
}
.partners-item {
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	position: relative;
	overflow: hidden;
}
.partners-item .hover {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	width: 102%;
	height: 102%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.partners-item.active .hover {
	opacity: 1;
}
.partners-item:hover .hover {
	opacity: 1;
}
article {
	padding: 120px 0 180px;
}
.text-box h5,
.text-box h6 {
	margin-bottom: 32px;
}
.text-box p {
	margin-bottom: 40px;
}
.main-portfolio-list {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.main-portfolio-item picture {
	aspect-ratio: 383/320;
	display: block;
}
.main-portfolio-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.main-portfolio-item .text-set {
	padding: 28px 24px;
	background-color: #eaeaea;
}
.main-portfolio-item h6 {
	line-height: 1.3;
	font-weight: 800;
	font-size: 24px;
	color: #5b3255;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.main-portfolio-item p {
	margin-top: 8px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 800;
	color: #3ea329;
}
.main-portfolio-item:nth-child(1) {
	translate: 0 -10%;
}
.main-portfolio-item:nth-child(2) {
	translate: 0 -20%;
}
.main-portfolio-item:nth-child(3) {
	translate: 0 -10%;
}
#cert-lightbox {
	position: fixed;
	z-index: 9999;
	inset: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.cert-lightbox-dim {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
}
.cert-lightbox-img-wrap {
	position: relative;
	max-width: 90vw;
	max-height: 90vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1010;
}
#cert-lightbox-img {
	max-width: 80vw;
	max-height: 80vh;
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
	background: #fff;
}
.cert-lightbox-close {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: none;
	color: rgba(0, 0, 0, 0.5647058824);
	font-size: 40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 2;
}
@media (max-width: 600px) {
	.cert-lightbox-img-wrap {
		max-width: 98vw;
		max-height: 98vh;
	}
	#cert-lightbox-img {
		max-width: 96vw;
		max-height: 70vh;
	}
	.cert-lightbox-close {
		top: 0;
		font-size: 32px;
	}
}
.division {
	height: 200px;
}
.circle-wrap {
	position: relative;
	margin-top: 20%;
	z-index: 10;
}
.circle-wrap::after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	content: '';
}
.circleSwiper {
	overflow: initial;
}
.circleSwiper .swiper-wrapper .swiper-slide {
	aspect-ratio: 1/1;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
}
.circleSwiper .swiper-wrapper .swiper-slide.green-point {
	background-color: #3ea329;
}
.circleSwiper .swiper-wrapper .swiper-slide.purple-point {
	background-color: #5b3255;
}
.circleSwiper .swiper-wrapper .swiper-slide.black {
	background-color: #000;
}
.circleSwiper .swiper-wrapper .swiper-slide.green-point {
	background-color: #3ea329;
}
.circleSwiper .swiper-wrapper .swiper-slide.purple-point {
	background-color: #5b3255;
}
.circleSwiper .swiper-wrapper p {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	padding: 24px 0;
}
.circleSwiper .swiper-wrapper p:first-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 18px;
}
.random-icon {
	width: 248px;
	aspect-ratio: 1/1;
	position: sticky;
	margin-left: auto;
	z-index: 20;
	top: 60%;
	background-image: url(../images/main/randomicon/random-icon-1.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	-webkit-animation-name: randomIcon;
	animation-name: randomIcon;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transition: none;
	transition: none;
	-webkit-animation-timing-function: none;
	animation-timing-function: none;
}
.random-icon:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
@-webkit-keyframes randomIcon {
	0% {
		background-image: url(../images/main/randomicon/random-icon-1.svg);
	}
	7.692307692% {
		background-image: url(../images/main/randomicon/random-icon-1.svg);
	}
	7.6923076999% {
		background-image: url(../images/main/randomicon/random-icon-2.svg);
	}
	15.38461538% {
		background-image: url(../images/main/randomicon/random-icon-2.svg);
	}
	15.384615399% {
		background-image: url(../images/main/randomicon/random-icon-3.svg);
	}
	23.07692308% {
		background-image: url(../images/main/randomicon/random-icon-3.svg);
	}
	23.076923099% {
		background-image: url(../images/main/randomicon/random-icon-4.svg);
	}
	30.76923077% {
		background-image: url(../images/main/randomicon/random-icon-4.svg);
	}
	30.769230799% {
		background-image: url(../images/main/randomicon/random-icon-5.svg);
	}
	38.46153846% {
		background-image: url(../images/main/randomicon/random-icon-5.svg);
	}
	38.461538499% {
		background-image: url(../images/main/randomicon/random-icon-6.svg);
	}
	46.15384615% {
		background-image: url(../images/main/randomicon/random-icon-6.svg);
	}
	46.153846199% {
		background-image: url(../images/main/randomicon/random-icon-7.svg);
	}
	53.84615385% {
		background-image: url(../images/main/randomicon/random-icon-7.svg);
	}
	53.846153899% {
		background-image: url(../images/main/randomicon/random-icon-8.svg);
	}
	61.53846154% {
		background-image: url(../images/main/randomicon/random-icon-8.svg);
	}
	61.538461599% {
		background-image: url(../images/main/randomicon/random-icon-9.svg);
	}
	69.23076923% {
		background-image: url(../images/main/randomicon/random-icon-9.svg);
	}
	69.230769299% {
		background-image: url(../images/main/randomicon/random-icon-10.svg);
	}
	76.92307692% {
		background-image: url(../images/main/randomicon/random-icon-10.svg);
	}
	76.923076999% {
		background-image: url(../images/main/randomicon/random-icon-11.svg);
	}
	84.61538462% {
		background-image: url(../images/main/randomicon/random-icon-11.svg);
	}
	84.615384699% {
		background-image: url(../images/main/randomicon/random-icon-12.svg);
	}
	92.30769231% {
		background-image: url(../images/main/randomicon/random-icon-12.svg);
	}
	92.307692399% {
		background-image: url(../images/main/randomicon/random-icon-13.svg);
	}
	100% {
		background-image: url(../images/main/randomicon/random-icon-13.svg);
	}
}
@keyframes randomIcon {
	0% {
		background-image: url(../images/main/randomicon/random-icon-1.svg);
	}
	7.692307692% {
		background-image: url(../images/main/randomicon/random-icon-1.svg);
	}
	7.6923076999% {
		background-image: url(../images/main/randomicon/random-icon-2.svg);
	}
	15.38461538% {
		background-image: url(../images/main/randomicon/random-icon-2.svg);
	}
	15.384615399% {
		background-image: url(../images/main/randomicon/random-icon-3.svg);
	}
	23.07692308% {
		background-image: url(../images/main/randomicon/random-icon-3.svg);
	}
	23.076923099% {
		background-image: url(../images/main/randomicon/random-icon-4.svg);
	}
	30.76923077% {
		background-image: url(../images/main/randomicon/random-icon-4.svg);
	}
	30.769230799% {
		background-image: url(../images/main/randomicon/random-icon-5.svg);
	}
	38.46153846% {
		background-image: url(../images/main/randomicon/random-icon-5.svg);
	}
	38.461538499% {
		background-image: url(../images/main/randomicon/random-icon-6.svg);
	}
	46.15384615% {
		background-image: url(../images/main/randomicon/random-icon-6.svg);
	}
	46.153846199% {
		background-image: url(../images/main/randomicon/random-icon-7.svg);
	}
	53.84615385% {
		background-image: url(../images/main/randomicon/random-icon-7.svg);
	}
	53.846153899% {
		background-image: url(../images/main/randomicon/random-icon-8.svg);
	}
	61.53846154% {
		background-image: url(../images/main/randomicon/random-icon-8.svg);
	}
	61.538461599% {
		background-image: url(../images/main/randomicon/random-icon-9.svg);
	}
	69.23076923% {
		background-image: url(../images/main/randomicon/random-icon-9.svg);
	}
	69.230769299% {
		background-image: url(../images/main/randomicon/random-icon-10.svg);
	}
	76.92307692% {
		background-image: url(../images/main/randomicon/random-icon-10.svg);
	}
	76.923076999% {
		background-image: url(../images/main/randomicon/random-icon-11.svg);
	}
	84.61538462% {
		background-image: url(../images/main/randomicon/random-icon-11.svg);
	}
	84.615384699% {
		background-image: url(../images/main/randomicon/random-icon-12.svg);
	}
	92.30769231% {
		background-image: url(../images/main/randomicon/random-icon-12.svg);
	}
	92.307692399% {
		background-image: url(../images/main/randomicon/random-icon-13.svg);
	}
	100% {
		background-image: url(../images/main/randomicon/random-icon-13.svg);
	}
}
.about {
	padding-bottom: 280px;
}
.place {
	margin-top: 180px;
}
.place-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 200px;
}
.place-item .name {
	width: 40%;
}
.place-item .name h4 {
	padding-top: 25%;
	font-size: 70px;
	color: #3ea329;
	font-family: 'Sanchez', serif;
	font-weight: 400;
	line-height: 1.2;
}
.place-item .image {
	position: relative;
	width: 60%;
	height: 600px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.place-item .image img {
	width: 100%;
}
.place-item .text-area {
	position: relative;
	left: 24%;
	margin-top: -4%;
}
.place-item .text-area h3 {
	color: #5b3255;
	margin-bottom: 48px;
}
.place-item .text-area p {
	color: #333;
}
.ceo {
	position: relative;
}
.ceo .ceo-image {
	width: 100%;
	margin-bottom: 180px;
}
.ceo p {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 40px;
}
.ceo p:last-child {
	margin-bottom: 0;
}
.ceo .sign p {
	display: block;
	font-size: 28px;
	color: #3ea329;
	margin-bottom: 0;
}
.ceo .sign img {
	margin-top: 24px;
	width: 170px;
}
.story-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	-webkit-column-gap: 28px;
	-moz-column-gap: 28px;
	column-gap: 28px;
	row-gap: 160px;
}
.story-list h5 {
	font-size: 70px;
	line-height: 1.2;
	font-family: 'Sanchez', serif;
	font-weight: 400;
}
.story-list.green h5 {
	color: #3ea329;
}
.story-list.purple h5 {
	color: #5b3255;
}
.story-item img {
	width: 120px;
	margin-bottom: 48px;
}
.story-item h5 {
	margin-bottom: 28px;
}
.story-item p {
	font-size: 20px;
}
.story-item-3 {
	translate: 0 50%;
}
.story-picture-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
}
.story-picture-item img {
	width: 100%;
}
.story-picture-group {
	display: grid;
	gap: 28px;
}
.big-text {
	overflow: hidden;
	position: absolute;
	top: 40%;
	width: 100%;
}
.big-text h1 {
	color: #5b3255;
	opacity: 0.07;
	font-family: 'Manrope', sans-serif;
	font-size: 400px;
	line-height: 320px;
}
.big-text .text-1 {
	translate: -25%;
}
.big-text .text-2 {
	translate: 50%;
}
.history {
	margin-top: 180px;
	position: relative;
}
.history .year {
	font-size: 400px;
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	color: #5b3255;
	line-height: 1;
}
.history .year div {
	opacity: 0.07;
	min-height: 400px;
}
.history .year-image img {
	position: absolute;
	width: 20%;
}
.history .year-image-01 {
	top: -3%;
	left: 0;
}
.history .year-image-02 {
	top: 20%;
	left: 22%;
}
.history .year-image-03 {
	top: 55%;
	left: 0;
}
.history .year-image-04 {
	top: 80%;
	left: 22%;
}
.history .content {
	position: absolute;
	top: 0;
	padding-left: 57%;
}
.history .content-list {
	min-height: 400px;
}
.history .content-item {
	font-size: 32px;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 32px;
	font-weight: 500;
}
.history .content-item:last-child {
	margin-bottom: 0;
}
.history .content-item .date {
	opacity: 0;
	font-weight: 700;
}
.history .content-item:first-child .date {
	opacity: 1;
}
.history .content .date {
	color: #3ea329;
	min-width: 200px;
}
.history .content .text {
	color: #5b3255;
}
.news-list .news-item {
	position: relative;
	display: block;
	height: 160px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news-list .news-item:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.news-list .news-item .date {
	color: #3ea329;
	font-family: 'Sanchez', serif;
	font-weight: 400;
	font-size: 28px;
}
.news-list .news-item .name {
	font-size: 36px;
	color: #333;
	font-weight: 500;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news-list .news-item-wrap {
	padding: 0 80px;
	max-width: 1760px;
	margin: auto;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 80px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.sign-image {
	margin-top: 80px;
	display: grid;
	grid-template-columns: 4fr 1fr;
	gap: 40px;
}
.sign-image .ceo-image {
	margin: 0;
	max-width: 350px;
}
.service {
	padding-bottom: 320px;
}
.service-list {
	display: grid;
	position: relative;
	grid-template-columns: 1fr 1fr 2fr;
	gap: 40px;
	margin-bottom: 320px;
}
.service-list.type-2 {
	grid-template-columns: 1fr 2fr 1fr;
}
.service-list:last-child {
	margin-bottom: 0;
}
.service .title-2 {
	-webkit-transform: translateY(-90%);
	transform: translateY(-90%);
}
.service .title-3 {
	-webkit-transform: translateY(-90%);
	transform: translateY(-90%);
}
.service .title-4 {
	-webkit-transform: translateY(-90%);
	transform: translateY(-90%);
}
.service .title-5 {
	-webkit-transform: translateY(-130%);
	transform: translateY(-130%);
}
.service .icon-1 {
	-webkit-transform: translateY(-40%) translateX(-40px);
	transform: translateY(-40%) translateX(-40px);
}
.service .icon-2 {
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
}
.service .icon-3 {
	-webkit-transform: translateY(-20%);
	transform: translateY(-20%);
}
.service .icon-4 {
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
}
.service .icon-5 {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.service-item {
	position: relative;
}
.service-item img {
	width: 100%;
	position: relative;
}
.service-item p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.8;
	color: #333;
}
.service-item ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	gap: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.service-item ul li {
	font-size: 20px;
	font-weight: 600;
	color: #5b3255;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	border: 1px solid #5b3255;
	background-color: #fff;
}
.service-item h5 {
	font-size: 50px;
	line-height: 1;
	color: #3ea329;
	font-weight: 400;
	font-family: 'Sanchez', serif;
}
.service-item h6 {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 800;
	margin-bottom: 48px;
	color: #5b3255;
}
.portfolio {
	padding-bottom: 280px;
	overflow-x: hidden;
}
.portfolio-list .portfolio-item {
	position: relative;
	display: block;
	height: 160px;
	font-size: 36px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.portfolio-list .portfolio-item:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.portfolio-list .portfolio-item .type {
	color: #3ea329;
	font-family: 'Sanchez', serif;
	font-weight: 400;
}
.portfolio-list .portfolio-item .name {
	color: #333;
	font-weight: 500;
}
.portfolio-list .portfolio-item .image {
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	left: 0;
	opacity: 0;
	visibily: hidden;
	pointer-events: none;
}
.portfolio-list .portfolio-item .image img {
	width: 100%;
}
.portfolio-list .portfolio-item-wrap {
	padding: 0 80px;
	max-width: 1760px;
	margin: auto;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 36px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.portfolio-list-2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	row-gap: 180px;
}
.portfolio-list-2 .portfolio-item .image {
	aspect-ratio: 5/3;
	margin-bottom: 32px;
}
.portfolio-list-2 .portfolio-item .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.portfolio-list-2 .portfolio-item .name {
	font-size: 28px;
	line-height: 1.3;
}
.portfolio-list-2 .portfolio-item .type {
	margin-top: 8px;
	font-size: 24px;
	font-weight: 700;
	color: #3ea329;
}
.portfolio .detail {
	position: relative;
}
.portfolio .detail .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 220px;
}
.portfolio .detail .middle {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.portfolio .detail .middle .aside {
	max-width: 414px;
	width: 30%;
	position: sticky;
	-ms-flex-item-align: start;
	align-self: flex-start;
	top: 80px;
	padding-right: 100px;
}
.portfolio .detail .middle .aside h5 {
	font-family: 'Pretendard', sans-serif;
	color: #3ea329;
	font-size: 32px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 32px;
}
.portfolio .detail .middle .aside h3 {
	color: #5b3255;
	font-size: 44px;
	font-weight: 800;
}
.portfolio .detail .middle .content {
	width: 70%;
}
.portfolio .detail .middle .content picture {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	aspect-ratio: 12/6.7;
	background: rgba(0, 0, 0, 0.03);
}
.portfolio .detail .middle .content picture img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.portfolio .detail .middle .content picture video {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	z-index: 0;
}
.portfolio .detail .middle .content .text-area {
	margin-top: 80px;
	gap: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.portfolio .detail .middle .content .text-area .hash {
	width: 33.3333333333%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	max-width: 300px;
}
.portfolio .detail .middle .content .text-area .hash-item {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 500;
	color: #5b3255;
	padding: 0 16px;
	height: 44px;
	border-radius: 44px;
	border: 1px solid #5b3255;
}
.portfolio .detail .middle .content .text-area p {
	width: 66.6666666667%;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}
.portfolio .detail .middle .content .text-area .text-wrap {
	width: 66.6666666667%;
}
.portfolio .detail .middle .content .text-area .text-wrap p {
	width: 100%;
}
.portfolio .detail .middle .content .text-area .text-wrap ul {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
}
.portfolio .detail .middle .content .text-area .text-wrap ul li {
	color: #5b3255;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
	font-size: 18px;
	font-weight: 500;
}
.portfolio .detail .middle .content .text-area .text-wrap ul li::before {
	content: '';
	position: relative;
	top: -1px;
	display: block;
	min-width: 32px;
	width: 32px;
	height: 32px;
	background-image: url(/assets/images/ai-pr/award.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}
.portfolio .detail .middle .content h6 {
	margin: 48px 0 16px;
}
.portfolio .detail--2 .middle {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 900px;
	padding: 0;
	margin: auto;
}
.portfolio .detail--2 .middle .aside {
	padding-right: 0;
	max-width: 100%;
	width: 100%;
	margin-bottom: 80px;
}
.portfolio .detail--2 .middle .aside h5 {
	font-family: 'Sanchez', serif;
	margin-bottom: 16px;
}
.portfolio .detail--2 .middle img {
	width: 100%;
	margin-bottom: 40px;
}
.portfolio .detail--2 .middle .content {
	width: 100%;
}
.portfolio .detail--2 .middle .content video {
	width: 100%;
}
.portfolio .detail--2 .middle .content img {
	width: 100%;
	margin: 40px 0;
}
.portfolio .detail--2 .middle .content a {
	color: #3ea329;
}
.portfolio .detail--2 .middle p {
	line-height: 1.8;
	font-size: 18px;
	margin: 16px 0;
}
.portfolio .detail .swiper {
	overflow-y: initial;
	padding-bottom: 40px;
}
.portfolio .detail .swiper-pagination {
	z-index: 10;
}
.portfolio .detail .swiper-pagination .swiper-pagination-bullet {
	background-color: initial;
	width: 12px;
	height: 12px;
	border: 1px solid #3ea329;
	opacity: 1;
}
.portfolio .detail .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #3ea329;
}
.location-map {
	aspect-ratio: 21/9;
	position: relative;
}
.location-map #map {
	width: 100%;
	position: absolute;
	height: 100%;
}
.location-map .root_daum_roughmap {
	width: 100%;
}
.contact {
	padding-bottom: 280px;
}
.contact-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 140px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}
.contact-item picture img {
	width: 100%;
	margin-bottom: 24px;
}
.contact-item h5 {
	font-size: 26px;
	font-family: 'Sanchez', serif;
	font-weight: 400;
	height: 120px;
	color: #3ea329;
	margin-bottom: 16px;
}
.contact-item-group {
	margin-bottom: 40px;
}
.contact-item-group:last-child {
	margin-bottom: 0;
}
.contact-item h6 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
}
.contact-item p {
	font-size: 18px;
	font-weight: 500;
	color: #666;
	line-height: 1.6;
}
.contact-item ul li {
	font-size: 18px;
}
.contact-item ul li a:hover {
	color: #3ea329;
}
.recruit-1 {
	overflow: hidden;
}
.recruit-1 .background {
	width: 100%;
	margin-top: -136px;
}
.recruit-1 p {
	margin-top: 88px;
	font-size: 24px;
}
.recruit-2 {
	background-color: #063e35;
	padding: 180px 0 280px;
}
.recruit-2 .hero-text {
	color: #fff;
	padding-top: 120px;
	padding-bottom: 120px;
}
.recruit-2 .welfare {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px;
	row-gap: 160px;
}
.recruit-2 .welfare picture {
	width: 120px;
	border-radius: 50%;
	background-color: #3ea329;
	margin-bottom: 48px;
}
.recruit-2 .welfare picture img {
	width: 100%;
}
.recruit-2 .welfare h6 {
	color: #fff;
	font-size: 36px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 700;
	margin-bottom: 8px;
	line-height: 1.2;
}
.recruit-2 .welfare p {
	color: #fff;
	font-size: 20px;
}
.recruit-3 {
	padding-top: 180px;
}
.recruit-3 .hero-text {
	padding-top: 120px;
	padding-bottom: 120px;
}
.process {
	margin-bottom: 96px;
}
.process h6 {
	margin-bottom: 40px;
	font-weight: 800;
}
.process-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}
.process-item {
	font-size: 40px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 2px solid #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-weight: 600;
}
.process-1 .process-item {
	color: #3ea329;
	border-color: #3ea329;
}
.process-1 h6 {
	color: #3ea329;
}
.process-2 .process-item {
	color: #5b3255;
	border-color: #5b3255;
}
.process-2 h6 {
	color: #5b3255;
}
.ai-intro {
	overflow: hidden;
}
.ai-intro h5 {
	font-family: 'Sanchez', serif;
}
.ai-intro .container > h5 {
	font-size: 50px;
	color: #3ea329;
	line-height: 1.2;
	margin-bottom: 72px;
}
.ai-intro .aiSwiper {
	cursor: -webkit-grab;
	cursor: grab;
	overflow: initial;
}
.ai-intro .aiSwiper .swiper-slide {
	background-color: #fff;
}
.ai-intro__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	gap: 28px;
	padding: 20px 40px;
}
.ai-intro__item img {
	width: 61%;
	max-width: 320px;
	margin-bottom: 14px;
}
.ai-intro__item h5 {
	font-size: 36px;
	color: #5b3255;
	line-height: 1.2;
	font-family: 'Pretendard', sans-serif;
	font-weight: 800;
}
.ai-intro__item p {
	font-size: 16px;
	font-weight: 500;
	color: #222;
}
.ai-aside {
	position: sticky;
	right: 40px;
	top: 50%;
	translate: 0 -50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px;
	margin-left: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 10;
}
.ai-aside a {
	height: 38px;
	font-size: 20px;
	font-family: 'Sanchez', sans-serif;
	font-weight: 400;
	text-align: right;
	color: #333;
	line-height: 1.5;
	border-radius: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.ai-aside a.active {
	background-color: #5b3255;
	color: #fff;
	padding-inline: 16px;
}
.smart-ai h5 {
	font-family: 'Sanchez', serif;
}
.smart-ai__intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 40px;
}
.smart-ai__intro h5 {
	font-size: 50px;
	color: #3ea329;
	line-height: 1.2;
}
.smart-ai__intro__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 40px;
}
.smart-ai__intro__item > img {
	height: 60px;
	width: auto;
	margin-bottom: 20px;
}
.smart-ai__intro__item ul {
	padding-left: 12px;
	list-style: disc;
}
.smart-ai__intro__item ul li {
	font-size: 20px;
	font-weight: 500;
	color: #333;
}
.smart-ai__intro__partner h6 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	line-height: 1;
	padding: 10px 20px;
	border: 1px solid #5b3255;
	border-radius: 100px;
	color: #5b3255;
	font-size: 18px;
	font-weight: 600;
}
.smart-ai__intro__partner h6 img {
	min-width: 16px;
	width: 16px;
	height: auto;
}
.smart-ai__intro__partner h6 + p {
	margin-top: 12px;
}
.smart-ai__intro__partner p {
	font-size: 18px;
	color: #5b3255;
	line-height: 1.5;
	font-weight: 500;
}
.smart-ai__intro__partner p + h6 {
	margin-top: 16px;
}
.smart-ai__list {
	margin-top: 20lvh;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 120px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}
.smart-ai__list__item figure {
	overflow: hidden;
	margin-bottom: 32px;
	aspect-ratio: 513/620;
}
.smart-ai__list__item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.smart-ai__list__item img:hover {
	scale: 1.1;
}
.smart-ai__list__item .award-icon {
	width: 32px;
	height: 32px;
	position: relative;
	top: 5px;
}
.smart-ai__list__item .title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
}
.smart-ai__list__item h6 {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 8px;
}
.smart-ai__list__item p {
	font-size: 24px;
	color: #3ea329;
	font-weight: 700;
}
@media all and (max-width: 1920px) {
	.d-pad-block {
		display: none;
	}
	.random-icon {
		width: 12.9167vw;
	}
	h1 .first {
		font-size: 6.25vw;
	}
	h1 .second {
		font-size: 6.25vw;
	}
	main .line-animation .line {
		height: 2vw;
	}
	main .rolling-wrap h1 {
		font-size: 6.7708vw;
	}
	.field-1 .area-3 {
		margin-top: 14.0625vw;
	}
	.field-1 .text-area h1 .first {
		font-size: 5.2083vw;
	}
	.field-1 .text-area h1 .second {
		font-size: 5.7292vw;
	}
	.field-3 .text-area {
		margin: 6.25vw 0 9.375vw;
	}
	.field-4 .text-area {
		margin-top: 9.375vw;
	}
	.hero .marquee-text {
		font-size: 7.2917vw;
	}
	.hero .text-area {
		padding-top: 11.4583vw;
		padding-bottom: 14.1667vw;
	}
	.history .year {
		font-size: 20.8333vw;
	}
	.history .year div {
		min-height: 20.8333vw;
	}
	.history .content-list {
		min-height: 20.8333vw;
	}
	.hero-text {
		font-size: 4.1667vw;
	}
	.hero-text .small-text {
		font-size: 1.6667vw;
		margin-bottom: 2.0833vw;
	}
	.hero-text--2 {
		font-size: 3.125vw;
	}
	.ceo img {
		margin-bottom: 9.375vw;
	}
	.big-text h1 {
		font-size: 20.8333vw;
		line-height: 16.6667vw;
	}
}
@media all and (max-width: 1600px) {
	.story-list h5 {
		font-size: 40px;
	}
	.story-list p {
		font-size: 18px;
	}
	.story-item img {
		width: 80px;
		margin-bottom: 32px;
	}
}
@media all and (max-width: 1460px) {
	.smart-ai__intro {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.smart-ai__intro__item {
		width: calc(50% - 20px);
		gap: 40px;
	}
	.smart-ai__intro h5 {
		width: 100%;
	}
	.new-main--2 {
		max-height: calc(100dvh - 120px);
	}
	.circleSwiper .swiper-wrapper p {
		font-size: 28px;
		padding: 12px 0;
	}
	.circleSwiper .swiper-wrapper p:first-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		font-size: 16px;
	}
	.contact-item h5 {
		height: 120px;
	}
	.new-main {
		margin-top: -120px;
	}
	.service,
	.about,
	.portfolio,
	.contact {
		padding-bottom: 160px;
	}
	article {
		padding: 100px 0 160px;
	}
	.contact-list {
		grid-template-columns: repeat(3, 1fr);
	}
	.contact-item ul li {
		font-size: 16px;
	}
	.recruit-1 p {
		margin-top: 48px;
		font-size: 20px;
	}
	.recruit-2 .welfare {
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		row-gap: 120px;
	}
	.recruit-2 .welfare h6 {
		font-size: 24px;
	}
	.recruit-2 .welfare p {
		font-size: 16px;
	}
	.process-item {
		font-size: 28px;
	}
	.button {
		font-size: 28px;
		height: 96px;
		padding: 0 48px;
	}
	.portfolio .detail .middle .aside {
		padding-right: 60px;
	}
	.portfolio .detail .middle .aside h3 {
		font-size: 36px;
	}
	.portfolio .detail .middle .aside h5 {
		font-size: 24px;
	}
	.portfolio .detail .middle .content .text-area .hash-item {
		height: 36px;
		font-size: 16px;
	}
	.container {
		padding: 0 60px;
	}
	.hero .marquee-wrap {
		padding: 0 60px;
	}
	header {
		height: 120px;
	}
	header .logo {
		width: 160px;
	}
	header .logo img {
		width: 100%;
	}
	header nav {
		gap: 28px;
	}
	header nav a {
		font-size: 15px;
	}
	footer {
		padding: 60px 0 80px;
	}
	footer .logo {
		width: 200px;
	}
	footer .logo img {
		width: 100%;
	}
	footer .footer-content a {
		font-size: 18px;
	}
	footer .footer-content p {
		font-size: 14px;
	}
	h4 {
		font-size: 40px;
	}
	h5 {
		font-size: 22px;
	}
	h6 {
		font-size: 26px;
	}
	.pin-btn {
		font-size: 24px;
		height: 60px;
	}
	.history .content-item {
		font-size: 20px;
	}
	.history .content-item .date {
		min-width: 120px;
	}
	.portfolio-list .portfolio-item {
		font-size: 24px;
		height: 100px;
	}
	.portfolio-list .portfolio-item-wrap {
		padding: 0 60px;
	}
	.portfolio-list-2 {
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
		row-gap: 96px;
	}
	.portfolio-list-2 .portfolio-item .name {
		font-size: 20px;
	}
	.portfolio-list-2 .portfolio-item .type {
		font-size: 18px;
		margin-top: 4px;
	}
	.portfolio-list-2 .portfolio-item .image {
		margin-bottom: 24px;
	}
	.service-list {
		gap: 24px;
	}
	.service-item h5 {
		font-size: 32px;
	}
	.service-item h6 {
		font-size: 36px;
		margin-bottom: 32px;
	}
	.service-item ul {
		gap: 8px;
	}
	.service-item ul li {
		font-size: 16px;
	}
	.ceo .sign {
		position: static;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	.select-set {
		margin-bottom: 24px;
		gap: 24px;
	}
	.news-list .news-item {
		height: 140px;
	}
	.news-list .news-item-wrap {
		gap: 48px;
		padding: 0 60px;
	}
	.news-list .news-item .date {
		font-size: 20px;
	}
	.news-list .news-item .name {
		font-size: 24px;
	}
	.main-portfolio-list {
		gap: 16px;
	}
	.main-portfolio-item .text-set {
		padding: 20px 16px;
	}
	.main-portfolio-item h6 {
		font-size: 18px;
	}
	.main-portfolio-item p {
		font-size: 14px;
	}
	main .line-animation .line-item::before {
		font-size: 28px;
	}
	main .line-animation .text-item p {
		display: none;
	}
}
.c-pad {
	display: none;
}
.c-mobile {
	display: none !important;
}
.c-pc {
	display: block;
}
@media all and (max-width: 1024px) {
	.portfolio .detail .middle .content .text-area .text-wrap {
		width: 100%;
	}
	.portfolio .detail .middle .content .text-area .text-wrap ul li {
		font-size: 16px;
	}
	.portfolio .detail .middle .content .text-area .text-wrap ul li::before {
		top: 0px;
		min-width: 28px;
		width: 28px;
		height: 28px;
	}
	.new-main--2 {
		margin-top: 0;
	}
	.new-main--2 .text-area h5 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.d-pad-block {
		display: block;
	}
	.field-2-3 .swiper .swiper-slide img {
		margin-bottom: 32px;
	}
	.field-2-3 .swiper .swiper-slide h5 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.new-main {
		margin-top: -80px;
	}
	main,
	article {
		padding: 0;
		margin: 160px 0;
	}
	header {
		height: 80px;
		z-index: 120;
	}
	header .logo {
		width: 160px;
	}
	header.menu-open {
		background-color: initial !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
	header.menu-open .logo {
		-webkit-filter: grayscale(100) brightness(100);
		filter: grayscale(100) brightness(100);
		-webkit-transition: all 0.2s 0.15s ease-in-out;
		transition: all 0.2s 0.15s ease-in-out;
	}
	header.menu-open .mobile-nav {
		gap: 0;
	}
	header.menu-open .mobile-nav div {
		background-color: #fff;
	}
	header.menu-open .mobile-nav div:nth-child(1) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-bottom: -2px;
	}
	header.menu-open .mobile-nav div:nth-child(2) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: -2px;
	}
	header.menu-open .material-symbols-outlined {
		color: #fff;
		-webkit-transition: all 0.2s 0.15s ease-in-out;
		transition: all 0.2s 0.15s ease-in-out;
	}
	header .c-pad {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 18px;
	}
	header .c-pad a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	header .c-pad .material-symbols-outlined {
		font-size: 34px;
		font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 34;
	}
	.c-pc {
		display: none;
	}
	.c-pad {
		display: block;
	}
	.d-pad-none {
		display: none !important;
	}
	footer {
		padding: 60px 0 108px;
	}
	footer .container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	footer .logo {
		margin-bottom: 40px;
	}
	footer .footer-content {
		width: auto;
	}
	main {
		margin-top: 0;
		padding-top: 80px;
	}
	main .line-animation {
		grid-template-areas: 'a b c' 'e e f' 'h i j' 'k l l';
	}
	main .line-item:nth-child(4),
	main .line-item:nth-child(8),
	main .line-item:nth-child(12),
	main .line-item:nth-child(13),
	main .line-item:nth-child(14),
	main .line-item:nth-child(15),
	main .line-item:nth-child(16) {
		display: none;
	}
	main .rolling-wrap h1 {
		font-size: 10vw;
	}
	main .text-area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	main .text-area .text-box {
		width: 66.6666666667%;
	}
	.field-4 {
		padding-top: 80px;
		height: 100vw;
		background-image: url(../images/main/background-01-mo.png);
	}
	.pin-slide {
		width: 220%;
	}
	.pin-slide-item video {
		width: 100%;
	}
	.pin-slide-item img {
		margin-bottom: 32px;
	}
	.pin-slide-item h5 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.filed-new h6.batch-box {
		line-height: 1;
		margin-bottom: 24px;
	}
	.filed-new p.batch-box {
		margin-bottom: 0;
	}
	.filed-new .contents-new {
		margin-top: 100px;
	}
	.filed-awards .awardsSwiper h6 {
		font-size: 14px;
	}
	.filed-rating .rating-title {
		font-size: 20px;
		padding: 12px 0;
	}
	.filed-rating .rating-value {
		font-size: 40px;
	}
	.hero {
		padding-top: 40px;
	}
	.hero .marquee-text .first,
	.hero .marquee-text .second {
		font-size: 100px;
	}
	.hero .text-area {
		padding-top: 140px;
		padding-bottom: 160px;
	}
	.ceo img {
		margin-bottom: 48px;
	}
	.ceo p {
		font-size: 16px;
	}
	.hero-text {
		font-size: 40px;
	}
	.hero-text .small-text {
		font-size: 16px;
		margin-bottom: 40px;
	}
	.hero-sub-text {
		font-size: 20px;
	}
	.story-item-3 {
		translate: none;
	}
	.story-item-2 {
		position: absolute;
		top: 0;
	}
	.story-list {
		row-gap: 80px;
		grid-template-columns: repeat(2, 1fr);
	}
	.story-list.purple .story-item:nth-child(1) {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.story-list.purple .story-item:nth-child(2) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.story-list.purple .story-item:nth-child(3) {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}
	.story-list.purple .story-item:nth-child(4) {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.story-list.purple .story-item:nth-child(5) {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}
	.story-list.purple .story-item:nth-child(6) {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}
	.story-list.purple .story-item:nth-child(7) {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}
	.story-list.purple .story-item:nth-child(8) {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
	}
	.story-list.purple .story-item:nth-child(9) {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9;
	}
	.story-list.purple .story-item:nth-child(10) {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
	}
	.story-list.purple .story-item:nth-child(11) {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12;
	}
	.story-list.purple .story-item:nth-child(12) {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11;
	}
	.story-list.purple .story-item:nth-child(13) {
		-webkit-box-ordinal-group: 15;
		-ms-flex-order: 14;
		order: 14;
	}
	.story-list.purple .story-item:nth-child(14) {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13;
	}
	.service-list {
		grid-template-columns: 1fr 2fr;
	}
	.service-list.type-2 {
		grid-template-columns: 1fr 2fr;
	}
	.service-item {
		z-index: 1;
	}
	.service-item.image {
		position: absolute;
		z-index: 0;
		width: 30%;
		left: 0%;
		top: 120px;
	}
	.service-item h5 {
		font-size: 24px;
	}
	.service-item h6 {
		font-size: 28px;
	}
	.service [class*='title-'] {
		-webkit-transform: none;
		transform: none;
	}
	.history .content {
		padding-left: 50%;
	}
	.portfolio-list-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.portfolio .detail .top {
		height: 180px;
	}
	.portfolio .detail .middle .aside {
		padding-right: 40px;
	}
	.portfolio .detail .middle .aside h5 {
		font-size: 24px;
	}
	.portfolio .detail .middle .aside h3 {
		font-size: 36px;
	}
	.portfolio .detail .middle .content .text-area {
		margin-top: 40px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 24px;
	}
	.portfolio .detail .middle .content .text-area .hash {
		width: 100%;
		gap: 8px;
		max-width: 100%;
	}
	.portfolio .detail .middle .content .text-area .hash-item {
		height: 32px;
		font-size: 14px;
	}
	.portfolio .detail .middle .content .text-area p {
		width: 100%;
	}
	.portfolio .detail--2 .middle .aside {
		margin-bottom: 40px;
	}
	.contact-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.recruit-2 .welfare {
		grid-template-columns: repeat(3, 1fr);
	}
	.recruit-2,
	.recruit-3 {
		padding: 120px 0 180px;
	}
	.recruit-3 {
		padding-bottom: 0;
	}
	.process-item {
		font-size: 20px;
	}
	.button {
		font-size: 20px;
		height: 80px;
		padding: 0 40px;
	}
	.select-set {
		grid-template-columns: repeat(2, 1fr);
	}
	.select-box select {
		height: 48px;
		font-size: 16px;
	}
	.news-list .news-item {
		height: 100px;
	}
	.news-list .news-item-wrap {
		gap: 24px;
	}
	.news-list .news-item .date {
		font-size: 16px;
	}
	.news-list .news-item .name {
		font-size: 18px;
	}
	.smart-ai__intro {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.smart-ai__intro h5 {
		width: 100%;
		font-size: 40px;
	}
	.smart-ai__intro__item {
		width: calc(50% - 20px);
		gap: 24px;
	}
	.smart-ai__intro__item img {
		height: 48px;
	}
	.smart-ai__intro__item ul li {
		font-size: 16px;
	}
	.smart-ai__intro__partner h6,
	.smart-ai__intro__partner p {
		font-size: 16px;
	}
	.smart-ai__list {
		gap: 20px;
		row-gap: 40px;
	}
	.smart-ai__list h6 {
		font-size: 20px;
	}
	.smart-ai__list p {
		font-size: 16px;
	}
	.smart-ai__list .award-icon {
		width: 24px;
		height: 24px;
		position: relative;
		top: 3px;
	}
}
.mobile-video {
	display: none;
}
@media all and (max-width: 1024px) and (orientation: portrait) {
	.ai-aside {
		display: none;
	}
	.new-main--2 {
		aspect-ratio: 1500/1920;
		max-height: calc(100svh - 80px);
	}
	.pc-video {
		display: none;
	}
	.mobile-video {
		display: block;
		top: 0;
		left: 0;
		-webkit-transform: none;
		transform: none;
	}
}
@media all and (max-width: 1023px) {
	.portfolio .detail .middle {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.portfolio .detail .middle .aside {
		width: 100%;
		max-width: 100%;
		padding-right: 0;
		margin-bottom: 40px;
	}
	.portfolio .detail .middle .content {
		width: 100%;
	}
	.location-map {
		aspect-ratio: 4/3;
	}
	.field-1-2 .right {
		margin-top: 180px;
	}
	.main-portfolio-list {
		width: 100%;
	}
	main .rolling-wrap .swiper-slide {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.partners {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media all and (max-width: 768px) {
	.ai-intro .container > h5 {
		font-size: 32px;
	}
	.ai-intro__item {
		padding-inline: 20px;
	}
	.ai-intro__item h5 {
		font-size: 28px;
	}
	.ai-intro__item p {
		max-width: 340px;
	}
	.smart-ai__list {
		grid-template-columns: repeat(2, 1fr);
	}
	.smart-ai__intro {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 80px;
	}
	.smart-ai__intro h5 {
		font-size: 32px;
		margin-bottom: -20px;
	}
	.smart-ai__intro__item {
		width: 100%;
	}
	.smart-ai__intro__item > img {
		height: 32px;
		margin-bottom: 0;
	}
	.contact-item h5 {
		height: 54px;
	}
	.hero .marquee-text {
		font-size: 60px;
	}
	.hero h3 {
		margin-left: 0;
		left: 50%;
		position: relative;
		translate: -50%;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		min-width: 50%;
	}
	.service-list {
		grid-template-columns: 1fr;
	}
	.service-list.type-2 {
		grid-template-columns: 1fr;
	}
	.service-item.image {
		right: 0;
		width: 240px;
		bottom: -180px;
		left: initial;
		top: initial;
	}
	.history .content-item {
		font-size: 16px;
	}
	.portfolio-list-2 {
		grid-template-columns: repeat(2, 1fr);
		-webkit-column-gap: 16px;
		-moz-column-gap: 16px;
		column-gap: 16px;
		row-gap: 60px;
	}
	.portfolio .detail .top {
		height: 120px;
	}
	.portfolio .detail .middle {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.portfolio .detail .middle .aside {
		padding-right: 0;
		max-width: 100%;
		width: 100%;
		margin-bottom: 40px;
	}
	.portfolio .detail .middle .aside h5 {
		margin-bottom: 16px;
	}
	.portfolio .detail .middle .aside h3 {
		font-size: 32px;
	}
	.portfolio .detail .middle .content {
		width: 100%;
	}
	.contact-list {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 120px;
	}
	.contact-item h5 {
		font-size: 18px;
	}
	.field-1 .area-1 .left img {
		width: 80%;
	}
	.field-1 .area-3 .left img {
		width: 80%;
	}
	.recruit-1 p {
		font-size: 18px;
	}
	.recruit-2 .welfare {
		grid-template-columns: repeat(2, 1fr);
	}
	.recruit-2 .welfare-item {
		text-align: center;
	}
	.recruit-2 .welfare picture {
		margin: auto;
		margin-bottom: 48px;
	}
	.recruit-2,
	.recruit-3 {
		padding: 90px 0 160px;
	}
	.recruit-2 .hero-text,
	.recruit-3 .hero-text {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.recruit-3 {
		padding-bottom: 0;
	}
	.process-list {
		gap: 24px;
	}
	.process-item {
		font-size: 18px;
	}
	.content-list {
		padding-top: 4vw;
	}
	.pin-slide {
		width: 300%;
	}
	main .line-animation .line-item::before {
		font-size: 20px;
	}
	.sign-image {
		grid-template-columns: 1fr;
	}
}
@media all and (max-width: 575px) {
	.new-main--2 {
		max-height: calc(100svh - 60px);
		margin-bottom: -120px;
	}
	.ai-intro__item p {
		max-width: 100%;
	}
	.ai-intro__item {
		gap: 16px;
	}
	.ai-intro__item img {
		width: 40%;
		margin-bottom: 12px;
	}
	.ai-intro__item h5 {
		font-size: 24px;
	}
	.circle-wrap {
		padding: 40px;
	}
	.random-icon {
		width: 96px;
	}
	.division {
		height: 40px;
	}
	.circleSwiper .swiper-slide p {
		padding: 8px 0;
		font-size: 24px;
	}
	.circleSwiper .swiper-slide p:first-child {
		font-size: 14px;
	}
	.portfolio .detail .swiper-pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 3px;
	}
	.field-2-3 .swiper .swiper-slide img {
		width: 40%;
	}
	.field-2-3 .swiper .swiper-slide h5 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.field-2-3 .swiper .swiper-slide p {
		padding: 0 48px;
	}
	.new-main {
		margin-top: -60px;
		margin-bottom: -240px;
	}
	.new-main h5 {
		padding: 0 20px;
		scale: 1;
		text-align: center;
	}
	.new-main--2 .text-area {
		bottom: 60px;
	}
	.new-main--2 .text-area h5 {
		font-size: 20px;
		margin-bottom: 16px;
	}
	.new-main--2 .link-basic {
		height: 30px;
	}
	.service,
	.about,
	.portfolio,
	.contact {
		padding-bottom: 120px;
	}
	.d-mobile-none {
		display: none !important;
	}
	.c-mobile {
		display: block !important;
	}
	.container {
		padding: 0 20px;
	}
	h5,
	h6 {
		font-size: 24px;
	}
	article {
		margin: 120px 0;
	}
	header {
		height: 60px;
	}
	header .logo {
		width: 120px;
	}
	header .mobile-nav {
		gap: 6px;
		width: 24px;
	}
	header .mobile-nav div {
		height: 2px;
	}
	header .c-pad {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 10px;
	}
	header .c-pad a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	header .c-pad .material-symbols-outlined {
		font-size: 28px;
		font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 28;
	}
	header.menu-open .mobile-nav div:nth-child(1) {
		margin-top: -1px;
	}
	header.menu-open .mobile-nav div:nth-child(2) {
		margin-top: -1px;
	}
	.fullscreen-menu {
		padding: 0 20px;
		overflow-y: scroll;
	}
	.fullscreen-menu nav {
		margin-top: 80px;
		margin-bottom: 80px;
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
		text-align: center;
	}
	.fullscreen-menu nav .nav-item {
		margin: 24px 0;
	}
	footer .logo {
		width: 155px;
	}
	footer h4 {
		font-size: 30px;
	}
	footer .footer-content a,
	footer .footer-content p {
		font-size: 16px;
		margin-bottom: 0;
	}
	footer .footer-content p {
		margin-top: 24px;
	}
	h1 .first {
		font-size: 36px;
		line-height: 44px;
	}
	h1 .second {
		font-size: 36px;
		line-height: 44px;
	}
	main .line-animation .line {
		height: 13px;
		width: calc(100% - 16px);
	}
	.field-1 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.field-1 .area-1 {
		background-color: #fff;
		z-index: 11;
	}
	.field-1 .text-area {
		width: 100%;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		top: 20%;
		margin-bottom: 80px;
	}
	.field-1 .gallery__item {
		width: 35% !important;
	}
	.field-1 .gallery__item img {
		display: none;
	}
	.field-1 .right {
		width: 65% !important;
	}
	.field-1 .mobile-gallery-right,
	.field-1 .mobile-gallery-left {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.field-1 .mobile-gallery-right img,
	.field-1 .mobile-gallery-left img {
		width: calc(75% + 20px);
	}
	.field-1 .mobile-gallery-right {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-bottom: 20px;
		margin-right: -20px;
	}
	.field-1 .mobile-gallery-left {
		margin-left: -20px;
	}
	.field-1 .area-1 .right p {
		margin-bottom: 24px;
	}
	.field-1 .text-area h1 .first {
		font-size: 28px;
		line-height: 1.3;
	}
	.field-1 .text-area h1 .second {
		font-size: 32px;
		line-height: 1.3;
	}
	.field-2 {
		margin-bottom: 120px;
	}
	.field-2 .text-area > div {
		width: 65%;
	}
	.field-2 h1 .second {
		text-align: left;
		padding-left: 0;
	}
	.field-2-2 {
		height: auto;
		margin-top: 120px;
	}
	.field-3 {
		padding-top: 0;
	}
	.field-3 h1 {
		margin-bottom: 80px;
	}
	.field-3 .text-area {
		margin-top: 80px;
	}
	.field-3 .text-area > div {
		width: 65%;
	}
	.field-4 {
		height: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.field-4 .text-area > div {
		width: 65%;
	}
	.filed-new .contents-new {
		margin-top: 60px;
	}
	.filed-rating .rating-table {
		grid-template-columns: repeat(1, 1fr);
	}
	.filed-rating .rating-col {
		gap: 16px;
	}
	.filed-rating .rating-title {
		font-size: 16px;
		padding: 12px 0;
	}
	.filed-rating .rating-value {
		font-size: 40px;
	}
	.filed-rating .rating-date {
		font-size: 16px;
		padding: 16px 0;
	}
	.filed-rating .rating-desc {
		font-size: 14px;
		line-height: 1.6;
	}
	.pin-slide {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 80px;
	}
	.pin-slide-item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.pin-slide-item p {
		padding: 0 48px;
	}
	.pin-slide-item img {
		width: 40%;
	}
	.pin-btn {
		font-size: 16px;
		height: 48px;
		padding: 0 20px;
	}
	.partners {
		grid-template-columns: repeat(3, 1fr);
	}
	.text-box h6 {
		margin-bottom: 24px;
	}
	.text-box p {
		margin-bottom: 24px;
	}
	.hero {
		padding-top: 0;
	}
	.hero .text-area {
		padding-top: 120px;
		padding-bottom: 140px;
	}
	.hero .marquee-wrap {
		padding: 0 20px;
	}
	.hero-text {
		font-size: 28px;
	}
	.hero-sub-text {
		margin-top: 24px;
		font-size: 18px;
	}
	.big-text h1 {
		font-size: 100px;
		line-height: 90px;
	}
	.story-list {
		grid-template-columns: repeat(1, 1fr);
		gap: 40px;
	}
	.story-list .null {
		display: none;
	}
	.story-list.green .story-item:nth-child(2) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.story-list.green .story-item:nth-child(3) {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.story-list.green .story-item:nth-child(4) {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.story-list.purple {
		gap: 80px;
	}
	.story-list.purple p {
		text-align: center;
		padding: 0 48px;
		word-break: break-all;
	}
	.story-list p {
		font-size: 16px;
	}
	.story-picture-list {
		gap: 16px;
	}
	.story-picture-group {
		gap: 16px;
	}
	.story-item h5 {
		font-size: 24px;
		text-align: center;
		white-space: nowrap;
	}
	.story-item img {
		margin: auto;
		width: 60px;
		margin-bottom: 16px;
	}
	.story-item-2 {
		position: static;
	}
	.story-item-2 h5 {
		margin-bottom: 0;
	}
	.story-item-2.purple p {
		font-size: 14px;
		text-align: center;
	}
	.service-item.image {
		width: 180px;
		bottom: -135px;
		z-index: 0;
	}
	.service-item ul li {
		font-size: 13px;
		padding: 8px 16px;
	}
	.history .year {
		font-size: 30vw;
	}
	.history .year div {
		min-height: initial;
	}
	.history .year-image img {
		width: 40%;
	}
	.history .year-image-02 {
		top: 25%;
	}
	.history .content {
		padding-left: 0;
	}
	.history .content-list {
		padding-top: 40vw;
		padding-top: 29vw;
		padding-bottom: 2vw;
		min-height: initial;
	}
	.history .content-item {
		font-size: 16px;
	}
	.portfolio-list-2 {
		grid-template-columns: repeat(1, 1fr);
	}
	.portfolio .detail .middle .aside {
		margin-bottom: 24px;
	}
	.portfolio .detail .middle .aside h3 {
		font-size: 28px;
	}
	.portfolio .detail .middle .aside h5 {
		font-size: 18px;
	}
	.portfolio .detail .middle .content .text-area {
		margin-top: 40px;
	}
	.portfolio .detail .middle .content .text-area p {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.portfolio .detail .top {
		height: 80px;
	}
	.portfolio .detail .top img {
		width: 30px;
	}
	.contact-list {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 80px;
	}
	.contact-item h5 {
		margin-bottom: 24px;
		height: auto;
	}
	.contact-item-group {
		margin-bottom: 24px;
	}
	.recruit-1 p {
		font-size: 16px;
	}
	.recruit-2 .welfare {
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
		row-gap: 72px;
	}
	.recruit-2 .welfare picture {
		width: 80px;
		margin-bottom: 24px;
	}
	.recruit-2 .welfare h6 {
		font-size: 18px;
	}
	.recruit-2 .welfare p {
		font-size: 14px;
	}
	.recruit-2,
	.recruit-3 {
		padding: 60px 0 120px;
	}
	.recruit-2 .hero-text,
	.recruit-3 .hero-text {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.recruit-3 {
		padding-bottom: 0;
	}
	.process-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.process-item {
		font-size: 18px;
	}
	.process h6 {
		font-size: 20px;
	}
	.button {
		font-size: 18px;
		height: 60px;
		padding: 0 30px;
	}
	.max-50 {
		max-width: 100%;
		width: 100%;
		padding: 0 5%;
	}
	.select-set {
		grid-template-columns: repeat(1, 1fr);
	}
	.news-list .news-item {
		height: 80px;
	}
	.news-list .news-item-wrap {
		gap: 24px;
		padding: 0 20px;
	}
	.news-list .news-item .date {
		font-size: 16px;
	}
	.news-list .news-item .name {
		font-size: 18px;
	}
	.field-1-2 {
		margin-bottom: -40px;
	}
	.field-1-2 h1 .second {
		padding-left: 0;
		text-align: left;
	}
	.field-1-2 .left {
		max-width: 65%;
	}
	.field-1-2 .right {
		margin-top: 120px;
	}
	main .line-animation .line-item::before {
		font-size: 14px;
	}
	main .line-animation .line-item:after {
		translate: -50% -60%;
	}
	.main-portfolio-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.main-portfolio-item {
		translate: none;
		width: calc(50% - 8px);
	}
	.main-portfolio-item:nth-child(1),
	.main-portfolio-item:nth-child(2),
	.main-portfolio-item:nth-child(3) {
		translate: none;
	}
	.main-portfolio-item:nth-child(2) {
		translate: 0 -20%;
	}
	.main-portfolio-item:nth-child(3) {
		translate: 0 -20%;
	}
	.main-portfolio-item h6 {
		font-size: 16px;
		height: 42px;
	}
	main .line-animation {
		margin-bottom: 40px;
	}
	main .line-animation .line-item[class*='active-']::after {
		background-size: 80%;
	}
	main .line-animation .line-item.active-1::after {
		background-size: 72%;
	}
	main .line-animation .line-item.active-4::after {
		background-size: 68%;
	}
	.hero .marquee-text .first,
	.hero .marquee-text .second {
		font-size: 70px;
	}
	.recruit-1 h3 {
		left: 0;
		translate: none;
		padding: 0 5%;
	}
	.sign-image .ceo-image {
		max-width: 100%;
	}
	.smart-ai__list {
		grid-template-columns: repeat(1, 1fr);
	}
	.smart-ai__list__item figure {
		margin-bottom: 16px;
	}
}