/** @format */

@charset "utf-8";
@import url("common.css");

/*Layer*/
body {
	width: 100%;
}
#wrap {
	width: 100%;
}
#header {
}
#container {
	width: 100%;
}
#contents {
}
#footer {
	width: 100%;
}

/*header*/
.pcbr {
	display: none;
}
.ptbr {
	display: block;
}
.tbbr {
	display: block;
}
.mbbr {
	display: none;
}
.dn {
	display: none;
}
.pc_view {
	display: none !important;
}
.m_view {
	display: none !important;
}

/* textlien */
.tl2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}

/* form */
input:focus,
select:focus {
	outline: none;
	box-shadow: none;
}
input::placeholder {
	color: #818181;
}

/* paging */
.paging {
	margin-top: 100px;
	text-align: center;
}
.paging a {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	font-family: "Pretendard";
	color: #666666;
	font-size: var(--fz-18);
	line-height: 50px;
}
.paging strong {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #2a2a2a;
	font-family: "Pretendard";
	color: #fff;
	font-size: var(--fz-18);
	line-height: 50px;
	font-weight: 400;
}
.paging .page_begin {
	width: 42px;
	height: 52px;
	background: url(/images/page/page_begin.png) no-repeat center;
	border: 0;
}
.paging .page_prev {
	width: 42px;
	height: 52px;
	background: url(/images/page/page_prev.png) no-repeat center;
	border: 0;
	margin-right: 20px;
}
.paging .page_next {
	width: 42px;
	height: 52px;
	background: url(/images/page/page_next.png) no-repeat center;
	border: 0;
	margin-left: 20px;
}
.paging .page_end {
	width: 42px;
	height: 52px;
	background: url(/images/page/page_end.png) no-repeat center;
	border: 0;
}

/*pageTop*/
.pageTop {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.pageTop .visual {
	width: 100%;
	height: 100%;
	position: relative;
}
.pageTop .visualTextArea {
	position: absolute;
	left: 4%;
	bottom: 340px;
}
.pageTop .visualTextArea .title {
	font-family: "Inter";
	font-size: var(--fz-130);
	font-weight: 600;
	color: #fff;
}
.pageTop .visualTextArea .title span {
	font-size: var(--fz-60);
}
.pageTabs {
	position: absolute;
	left: 4%;
	bottom: 130px;
	width: 92%;
}
.pageTabs ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
}
.pageTabs ul li {
	flex: 1;
}
.pageTabs ul li a {
	font-size: var(--fz-21);
	font-weight: 500;
	color: rgba(255, 255, 255, 0.6);
	height: 60px;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	transition: color 0.2s;
}
.pageTabs ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.6);
	transition: color 0.2s;
}
.pageTabs ul li.on a {
	color: #fff;
}
.pageTabs ul li.on a::after {
	background-color: #fff;
}
.pageTabs ul li a:hover {
	color: #fff;
}
.pageTabs ul li a:hover::after {
	background-color: #fff;
}
/* bg */
.pageTop.pn1 .visual {
	background: url(/images/page/sub_visual01.png) no-repeat center/cover;
}
.pageTop.pn2 .visual {
	background: url(/images/page/sub_visual02.png) no-repeat center/cover;
}
.pageTop.pn3 .visual {
	background: url(/images/page/sub_visual03.jpg) no-repeat center/cover;
}
.pageTop.pn4 .visual {
	background: url(/images/page/sub_visual03.jpg) no-repeat center/cover;
}
.pageTop.pn5 .visual {
	background: url(/images/page/sub_visual05.png) no-repeat center/cover;
}
.pageTop.pn6 .visual {
	background: url(/images/page/sub_visual06.png) no-repeat center/cover;
}
.pageTop.pn7 .visual {
	background: url(/images/page/sub_visual07.png) no-repeat center/cover;
}

/* 00 */
.m00 section:first-of-type {
	padding-top: 200px;
}
.m00 section:last-of-type {
	padding-bottom: 200px;
}
.m00 .innerwrap {
	position: relative;
	z-index: 2;
	width: 94%;
	height: 100%;
	max-width: 1640px;
	margin: 0 auto;
}
.m00 .secTitle {
	font-size: var(--fz-48);
	font-weight: 600;
	color: #111;
	line-height: 1.4;
}
.m00 .containerTitle {
	font-size: var(--fz-48);
	font-weight: 600;
	color: #000;
}
.m00 .containerText {
	font-size: var(--fz-21);
	font-weight: 500;
}
#main.m00 .subMotion {
	opacity: 0;
	transform: translate3d(0, 24px, 0);
	transition:
		opacity 1s ease,
		transform 1s ease;
}
#main.m00 .subMotion.subMotion-x {
	transform: translate3d(32px, 0, 0);
}
#main.m00 .subMotion.subMotion-xL {
	transform: translate3d(-32px, 0, 0);
}
#main.m00 .subMotion.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
	#main.m00 .subMotion {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* m10 */
.m11 {
	overflow: hidden;
}
.m11 .section1 {
}
.m11 .section1 .companyOverview {
}
.m11 .section1 .companyOverview .textArea {
}
.m11 .section1 .companyOverview .containerTitle {
}
.m11 .section1 .companyOverview .containerText {
	margin-top: 48px;
	font-size: var(--fz-24);
	font-weight: 500;
}
.m11 .section1 .container1 {
	margin-top: 100px;
}
.m11 .section1 .container1 .containerText {
	margin-top: 48px;
}
.m11 .section1 .container2 {
	position: relative;
	margin-top: 130px;
}
.m11 .section1 .container2 .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--main-color);
	border-radius: 50%;
	width: 420px;
	height: 420px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.m11 .section1 .container2 .circle p {
	margin-top: 10px;
	font-size: var(--fz-38);
	font-weight: 600;
	color: #fff;
}
.m11 .section1 .container2 .circle .circleLine {
	position: absolute;
	width: 150%;
	height: 150%;
	border-radius: 50%;
}
.m11 .section1 .container2 .circle .circleLine svg {
	width: 100%;
	height: 100%;
	animation: circleLineRotate 25s linear infinite;
}
@keyframes circleLineRotate {
	100% {
		transform: rotate(360deg);
	}
}
.m11 .section1 .container2 .circle .circleLine .icon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.m11 .section1 .container2 .circle .circleLine .icon:nth-of-type(1)::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 16px solid var(--main-color);
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.m11 .section1 .container2 .circle .circleLine .icon:nth-of-type(1)::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 16px solid var(--main-color);
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%) scale(-1);
}
.m11 .section1 .container2 .circle .circleLine .icon:nth-of-type(2)::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 16px solid var(--main-color);
	top: 50%;
	left: -10px;
	transform: translateY(-50%) scale(-1);
}
.m11 .section1 .container2 .circle .circleLine .icon:nth-of-type(2)::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 16px solid var(--main-color);
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
}
.m11 .section1 .container2 .contentArea {
	position: relative;
}
.m11 .section1 .container2 .contentArea .contentWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25%;
}
.m11 .section1 .container2 .contentArea .contentWrap:last-child {
	margin-top: 20%;
}
.m11 .section1 .container2 .contentArea .content {
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: flex-start;
	flex: 1;
}
.m11 .section1 .container2 .contentArea .content:nth-child(odd) {
	flex-direction: row-reverse;
}
.m11 .section1 .container2 .contentArea .content .titleBox {
	border-radius: 50%;
	border: 3px solid var(--main-color);
	width: 230px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}
.m11 .section1 .container2 .contentArea .content .titleBox b {
	font-size: var(--fz-24);
	font-weight: 600;
	color: #000;
	text-align: center;
}
.m11 .section1 .container2 .contentArea .content:nth-child(odd) .textBox {
	text-align: right;
}
.m11 .section1 .container2 .contentArea .content .textBox {
	display: none;
}
.m11 .section1 .container2 .contentArea .content .textBox .icon {
	display: block;
	width: 80px;
	height: 80px;
}
.m11 .section1 .container2 .contentArea .content:nth-child(odd) .icon {
	margin-left: auto;
}
.m11 .section1 .container2 .contentArea .content1 .icon {
	background: url(/images/page/m11_sec1_icon1.png) no-repeat center / cover;
}
.m11 .section1 .container2 .contentArea .content2 .icon {
	background: url(/images/page/m11_sec1_icon2.png) no-repeat center / cover;
}
.m11 .section1 .container2 .contentArea .content3 .icon {
	background: url(/images/page/m11_sec1_icon3.png) no-repeat center / cover;
}
.m11 .section1 .container2 .contentArea .content4 .icon {
	background: url(/images/page/m11_sec1_icon4.png) no-repeat center / cover;
}
.m11 .section1 .container2 .contentArea .content .textBox .description {
	margin-top: 18px;
	font-size: var(--fz-21);
	font-weight: 500;
}

.m11 .section2 {
	margin-top: 120px;
	position: relative;
	padding: 120px 0;
	background: url(/images/page/m11_sec2_logo.png) no-repeat center / contain #f8f8f8;
	background-size: 500px;
}
.m11 .section2 .sec2Bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	transition: all 0.8s;
	z-index: -1;
}
.m11 .section2 .sec2Bg img {
}
.m11 .section2 .innerwrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
.m11 .section2 .container1 {
	width: 100%;
}
.m11 .section2 .container1 .containerTitle,
.m11 .section2 .container1 .containerText {
	color: #000;
}
.m11 .section2 .container1 .containerText {
	margin-top: 48px;
}
.m11 .section2 .container1 .content1 {
	margin-top: 40px;
}
.m11 .section2 .container1 .content1 .listItem {
	padding: 60px 0 40px;
}
.m11 .section2 .container1 .content1 .listItem + .listItem {
	border-top: 1px solid #000;
}
.m11 .section2 .container1 .content1 .listItem dl {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.m11 .section2 .container1 .content1 .listItem .itemTitle {
	font-size: var(--fz-48);
	color: #000;
	font-weight: 600;
}
.m11 .section2 .container1 .content1 .listItem .itemTitleEn {
	margin-top: 12px;
	font-size: var(--fz-24);
	color: var(--main-color);
}
.m11 .section2 .container1 .content1 .listItem .itemText {
	font-size: var(--fz-21);
	color: #000;
	opacity: 0.8;
	text-align: right;
	line-height: 1.8;
}
.m11 .section3 {
	padding-top: 160px;
}
.m11 .section3 .container1 .containerText {
	margin-top: 48px;
}
.m11 .section3 .container1 .content1 {
	margin-top: 80px;
}
.m11 .section3 .container1 .content1 .creedList {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.m11 .section3 .container1 .content1 .creedList .listItem {
	border-radius: 18px;
	width: calc((100% - 24px) / 2);
	background-color: #eaeaea;
	text-align: center;
	padding: 57px 1vw;
	transition: background-color 0.2s;
}
.m11 .section3 .container1 .content1 .creedList .listItem:hover {
	background-color: var(--main-color);
}
.m11 .section3 .container1 .content1 .creedList .listItem .icon {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	transition: all 0.2s;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(1) .icon {
	background: url(/images/page/m11_sec3_icon1.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(2) .icon {
	background: url(/images/page/m11_sec3_icon2.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(3) .icon {
	background: url(/images/page/m11_sec3_icon3.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(4) .icon {
	background: url(/images/page/m11_sec3_icon4.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(5) .icon {
	background: url(/images/page/m11_sec3_icon5.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:hover:nth-child(1) .icon {
	background: url(/images/page/m11_sec3_icon1_hover.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:hover:nth-child(2) .icon {
	background: url(/images/page/m11_sec3_icon2_hover.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:hover:nth-child(3) .icon {
	background: url(/images/page/m11_sec3_icon3_hover.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:hover:nth-child(4) .icon {
	background: url(/images/page/m11_sec3_icon4_hover.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem:hover:nth-child(5) .icon {
	background: url(/images/page/m11_sec3_icon5_hover.png) no-repeat center / cover;
}
.m11 .section3 .container1 .content1 .creedList .listItem .itemText {
	margin-top: 46px;
}
.m11 .section3 .container1 .content1 .creedList .itemText .itemTextKo {
	font-size: var(--fz-21);
	font-weight: 600;
	color: #000;
	transition: all 0.2s;
}
.m11 .section3 .container1 .content1 .creedList .itemText .itemTextEn {
	color: #818181;
	font-size: var(--fz-18);
	transition: all 0.2s;
}
.m11 .section3 .container1 .content1 .creedList .listItem .itemFirstLetter {
	margin-top: 46px;
	font-size: var(--fz-76);
	font-weight: 600;
	color: #adadad;
	transition: all 0.2s;
}
.m11 .section3 .container1 .content1 .creedList .listItem:hover .itemTextKo,
.m11 .section3 .container1 .content1 .creedList .listItem:hover .itemTextEn,
.m11 .section3 .container1 .content1 .creedList .listItem:hover .itemFirstLetter {
	color: #fff;
}

.m12 .section1 {
	background: url(/images/page/m12_bg.png) no-repeat left 250%;
}
.m12 .section1 .container1 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 11vw;
}
.m12 .section1 .container1 .content1 {
	flex-shrink: 0;
}
.m12 .section1 .container1 .containerTitle {
	font-size: var(--fz-76);
	font-weight: 600;
	color: #000;
	line-height: 1.2;
}
.m12 .section1 .container1 .content2 b.contentText {
	display: block;
	font-size: var(--fz-30);
	color: #000;
	font-weight: 700;
}
.m12 .section1 .container1 .content2 p.contentText {
	font-size: var(--fz-21);
	margin-top: 48px;
}
.m12 .section1 .container1 .content2 p.contentText span {
	display: block;
	color: #000;
}
.m12 .section1 .container1 .content2 .thumb {
	margin-top: 100px;
}

.m13 .yearTab {
	margin-top: 100px;
	position: relative;
	z-index: 10;
}
.m13 .yearTab .tabWrap {
}
.m13 .yearTab .tabList {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	background-color: #f6f6f6;
	border-radius: 40px;
	width: max-content;
	padding: 10px;
	margin: 0 auto;
}
.m13 .yearTab .listItem {
}
.m13 .yearTab .listItem a {
	display: inline-block;
	font-size: var(--fz-21);
	padding: 12px 24px;
	background-color: #f6f6f6;
	border-radius: 30px;
	transition: all 0.2s;
}
.m13 .yearTab .listItem a:hover {
	color: #fff;
	background-color: #282c3c;
}
.m13 .yearTab .listItem a.on {
	color: #fff;
	background-color: #282c3c;
}
.m13 section:last-of-type {
	padding-top: 140px;
}
.m13 .section1 .container {
}
.m13 .section1 .container + .container {
	margin-top: 120px;
}
.m13 .section1 .containerBg {
	width: 100%;
	height: 400px;
	border-radius: 12px;
	transition: all 1s;
}
.m13 .section1 .container0 .containerBg {
	background: url(/images/page/m13_bg0.png) no-repeat center / cover;
}
.m13 .section1 .container1 .containerBg {
	background: url(/images/page/m13_bg1.png) no-repeat center / cover;
}
.m13 .section1 .container2 .containerBg {
	background: url(/images/page/m13_bg2.png) no-repeat center / cover;
}
.m13 .section1 .container .containerWrap {
	margin-top: 120px;
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 14.6vw;
	position: relative;
}
.m13 .section1 .container .containerWrap::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4px;
	height: 100%;
	background-color: #e6e6e6;
}
.m13 .section1 .container .containerWrap .line {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4px;
	height: 0%;
	background-color: var(--main-color);
	z-index: 2;
}
.m13 .section1 .container .historyTextArea {
	flex: 1;
}
.m13 .section1 .container .historyTextArea .title {
	line-height: 1;
}
.m13 .section1 .container .historyTextArea .title p {
	font-size: var(--fz-130);
	color: #000;
	font-weight: 600;
	overflow: hidden;
	position: relative;
	line-height: 0.6;
}
.m13 .section1 .container .historyTextArea .title p:first-child:after {
	content: "~";
}
.m13 .section1 .container .historyTextArea .title .char {
	position: relative;
	translate: 0;
	display: inline-block;
	line-height: 1;
	font-size: var(--fz-130);
	color: #000;
	font-weight: 600;
}
.m13 .section1 .container .historyTextArea .title .char::after {
	content: attr(data-char);
	display: inline-block;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
	translate: 0 100%;
	opacity: 0;
}
.m13 .section1 .container .historyTextArea.on .title .char {
	transition: translate 1.2s cubic-bezier(0, 0.8, 0.17, 1) var(--delay);
	translate: 0 -100%;
}
.m13 .section1 .container .historyTextArea.on .title .char::after {
	opacity: 1;
	transition: translate 1.2s var(--delay);
}
.m13 .section1 .container .historyTextArea .text {
	margin-top: 60px;
	font-size: var(--fz-21);
}
.m13 .section1 .container .historyContent {
	flex: 1;
}
.m13 .section1 .container .historyContent .content {
	display: flex;
	align-items: start;
	border-top: 1px solid #e6e6e6;
	padding: 40px 0 60px;
}
.m13 .section1 .container .historyContent .title {
	font-size: var(--fz-30);
	font-weight: 600;
	color: #000;
	width: 100px;
}
.m13 .section1 .container .historyContent .historyList {
	width: calc(100% - 100px);
}
.m13 .section1 .container .historyContent .listItem {
	font-size: var(--fz-21);
}
.m13 .section1 .container .historyContent .listItem + .listItem {
	margin-top: 32px;
}

.m15 {
}
.m15 .section1 .container1 {
}
.m15 .section1 .container1 .containerWrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.m15 .section1 .container1 .content1 {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.m15 .section1 .container1 .infoArea {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: auto;
}
.m15 .section1 .container1 .infoArea i,
.m15 .section1 .container2 .way i {
	vertical-align: middle;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}
.m15 .section1 .container1 .infoAddress i {
	background: url(/images/page/icon_address.png) no-repeat center;
}
.m15 .section1 .container1 .infoTel i {
	background: url(/images/page/icon_tel.png) no-repeat center;
}

.m15 .section1 .container1 .infoTitle {
	font-size: var(--fz-21);
	color: #000;
	font-weight: 600;
}

.m15 .section1 .container1 .infoText {
	margin-top: 12px;
	font-size: var(--fz-21);
}

.m15 .section1 .container1 .content2 {
	max-width: 945px;
	height: 560px;
	width: 100%;
}
.m15 .section1 .container2 {
	margin-top: 80px;
	padding-top: 80px;
	border-top: 1px solid #d9d9d9;
}
.m15 .section1 .container2 .content {
	background-color: #f8f8f8;
	padding: 40px 50px;
}
.m15 .section1 .container2 .content + .content {
	margin-top: 20px;
}
.m15 .section1 .container2 .content .way {
	display: flex;
	gap: 5%;
	align-items: center;
	justify-content: start;
}
.m15 .section1 .container2 .content1 .way i {
	background: url(/images/page/icon_car.png) no-repeat center;
}
.m15 .section1 .container2 .content2 .way i {
	background: url(/images/page/icon_subway.png) no-repeat center;
}
.m15 .section1 .container2 .content3 .way i {
	background: url(/images/page/icon_bus.png) no-repeat center;
}
.m15 .section1 .container2 .content .wayTitle {
	font-size: var(--fz-24);
	font-weight: 700;
	color: #000;
	min-width: 220px;
}
.m15 .section1 .container2 .content .wayText {
	font-size: var(--fz-21);
}

.m21 .section1 {
	padding: 180px 0;
}
.m21 .section1 .pageTit {
	font-size: var(--fz-48);
	font-weight: 600;
}
.m21 .section1 .titWrap {
	margin: 90px 0;
	text-align: center;
}
.m21 .section1 .titWrap h3 {
	font-size: var(--fz-48);
	font-weight: 600;
}
.m21 .section1 .titWrap p {
	margin-top: 30px;
	font-size: var(--fz-21);
	line-height: 1.7em;
	color: #515151;
}
.m21 .section1 .diaWrap {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.m21 .section1 .diaWrap .con {
	width: calc((100% - 20px) / 2);
	height: 520px;
	border-radius: 12px;
	background: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m21 .section1 .diaWrap .con1 {
	padding: 40px 180px 40px 100px;
}
.m21 .section1 .diaWrap .con2 {
	padding: 40px 100px 40px 140px;
}
.m21 .section1 .diaWrap .cc {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 280px;
	height: 280px;
	border-radius: 50%;
	border: 20px solid #fff;
	background: #282c3c;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Inter";
	font-size: var(--fz-48);
	font-weight: 600;
	color: #fff;
}
.m21 .section2 {
	padding: 180px 0;
	background: #f8f8f8;
}
.m21 .section2 .secTit {
	text-align: center;
}
.m21 .section2 .secTit h3 {
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m21 .section2 .secTit p {
	margin-top: 24px;
	font-weight: 600;
	font-size: var(--fz-48);
}
.m21 .section2 .conWrap {
	margin-top: 120px;
}
.m21 .section2 .conWrap .con + .con {
	margin-top: 100px;
}
.m21 .section2 .conWrap .con .conTit {
	font-family: "Inter";
	font-size: var(--fz-30);
	font-weight: 600;
	margin-bottom: 30px;
}
.m21 .section2 .conWrap .con .boxWrap {
	display: flex;
	justify-content: space-between;
}
.m21 .section2 .conWrap .con .boxWrap .box {
	position: relative;
	width: 49%;
	height: 400px;
	padding: 35px;
	display: flex;
	align-items: flex-end;
}
.m21 .section2 .conWrap .con .boxWrap .box .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m21 .section2 .conWrap .con .boxWrap .box .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m21 .section2 .conWrap .con .boxWrap .box .txts {
	position: relative;
}
.m21 .section2 .conWrap .con .boxWrap .box .txts .name {
	font-size: var(--fz-24);
	font-weight: 600;
	color: #fff;
}
.m21 .section2 .conWrap .con .boxWrap .box .txts p {
	margin-top: 6px;
	font-size: var(--fz-18);
	color: rgba(255, 255, 255, 0.85);
}
.m21 .section3 {
	padding: 160px 0;
	background: url(/images/page/m21_sec3_bg.png) no-repeat center / cover;
}
.m21 .section3 .secTit {
	text-align: center;
}
.m21 .section3 .secTit h3 {
	font-size: var(--fz-24);
	font-weight: 500;
	color: #fff;
}
.m21 .section3 .secTit p {
	margin-top: 24px;
	font-size: var(--fz-48);
	font-weight: 600;
	color: #fff;
}
.m21 .section3 .boxWrap {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	margin-top: 100px;
}
.m21 .section3 .boxWrap .box {
	width: 100%;
	padding: 90px 40px;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(20px);
	text-align: center;
}
.m21 .section3 .boxWrap .box .tit {
	padding: 30px 0 15px;
	font-size: var(--fz-30);
	font-weight: 600;
}
.m21 .section3 .boxWrap .box .exp {
	font-size: var(--fz-18);
	line-height: 1.6em;
	color: #515151;
}
.m21 .section4 {
	padding: 180px 0;
}
.m21 .section4 .secTit {
	text-align: center;
}
.m21 .section4 .secTit h3 {
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m21 .section4 .secTit strong {
	display: inline-block;
	font-size: var(--fz-48);
	font-weight: 600;
	margin: 20px 0 40px;
}
.m21 .section4 .secTit p {
	font-size: var(--fz-21);
	line-height: 1.7em;
	color: #515151;
}
.m21 .section4 .diaWrap {
	margin: 180px 0;
	display: flex;
	justify-content: center;
}
.m21 .section4 .diaWrap .dia {
	position: relative;
	width: 530px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.m21 .section4 .diaWrap .dia:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 745px;
	aspect-ratio: 1;
	background: url(/images/page/m21_sec4_dia_bg.png) no-repeat center / contain;
}
.m21 .section4 .diaWrap .dia .cc {
	position: relative;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: #282c3c;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m21 .section4 .diaWrap .dia .cc .inner .titKR {
	font-size: var(--fz-24);
	font-weight: 600;
	color: #fff;
}
.m21 .section4 .diaWrap .dia .cc .inner .titEN {
	font-size: var(--fz-18);
	color: rgba(255, 255, 255, 0.8);
}
.m21 .section4 .diaWrap .dia .cc .exp {
	position: absolute;
	font-size: var(--fz-21);
	font-weight: 500;
	line-height: 1.7em;
	color: #000;
	white-space: nowrap;
}
.m21 .section4 .diaWrap .dia .cc:nth-child(odd) .exp {
	right: 146%;
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
}
.m21 .section4 .diaWrap .dia .cc:nth-child(even) .exp {
	left: 146%;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
}
.m22 {
}
.m22 .m22_tabs {
	display: flex;
	width: fit-content;
	margin: 0 auto 140px;
	border-radius: 100px;
	padding: 10px;
	background: #f6f6f6;
}
.m22 .m22_tabs li {
}
.m22 .m22_tabs li a {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 60px;
	font-size: var(--fz-21);
	color: #515151;
}
.m22 .m22_tabs li.on a {
	background: #282c3c;
	color: #fff;
}
.m221 .section1 {
	padding: 100px 0 340px !important;
}
.m221 .section1 .secTit {
	text-align: center;
}
.m221 .section1 .secTit h3 {
	font-size: var(--fz-48);
	font-weight: 600;
}
.m221 .section1 .secTit p {
	margin-top: 30px;
	font-size: var(--fz-21);
	line-height: 1.7em;
	color: #515151;
}
.m221 .section1 .stepWrap {
	position: relative;
	margin-top: 160px;
}
.m221 .section1 .stepWrap .step {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m221 .section1 .stepWrap .step + .step {
	margin-top: 200px;
}
.m221 .section1 .stepWrap .step:nth-child(even) {
	flex-direction: row-reverse;
}
.m221 .section1 .stepWrap .step .imgWrap {
	width: 41%;
	height: 640px;
	overflow: hidden;
}
.m221 .section1 .stepWrap .step .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m221 .section1 .stepWrap .step .txtWrap {
	width: 41%;
	display: flex;
	flex-direction: column;
}
.m221 .section1 .stepWrap .step .txtWrap .num {
	width: fit-content;
	display: inline-block;
	padding: 6px 20px;
	border-radius: 50px;
	background: #171719;
	font-size: var(--fz-18);
	font-weight: 500;
	color: #fff;
	transition: all 0.3s;
}
.m221 .section1 .stepWrap .step .txtWrap .num.on {
	background: #ef4130;
}
.m221 .section1 .stepWrap .step .txtWrap b {
	display: block;
	margin: 30px 0 20px;
	font-size: var(--fz-38);
	font-weight: 600;
}
.m221 .section1 .stepWrap .step .txtWrap p {
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #515151;
}
.m221 .section1 .stepWrap .step .txtWrap dl {
	margin-top: 35px;
}
.m221 .section1 .stepWrap .step .txtWrap dl dt {
	font-size: var(--fz-21);
	font-weight: 600;
}
.m221 .section1 .stepWrap .step .txtWrap dl dd {
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #515151;
	margin-top: 10px;
}
.m221 .section1 .stepWrap .step:nth-child(even) .txtWrap {
	align-items: flex-end;
	text-align: right;
}
.m221 .section1 .stepWrap .lineWrap {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 4px;
	height: 100%;
	background: #e6e6e6;
}
.m221 .section1 .stepWrap .lineWrap .line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0%;
	background: #ef4130;
	will-change: height;
	transform: translateZ(0); /* GPU 가속 */
}
.m222 {
}
.m222 .section1 {
	padding: 100px 0 340px !important;
}
.m222 .section1 .secTit {
	text-align: center;
}
.m222 .section1 .secTit h3 {
	font-size: var(--fz-24);
	font-weight: 500;
	color: var(--main-color);
}
.m222 .section1 .secTit p {
	font-size: var(--fz-48);
	font-weight: 700;
	margin-top: 20px;
}
.m222 .section1 .defense {
	margin: 160px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m222 .section1 .defense .img {
	width: 49%;
	height: 480px;
}
.m222 .section1 .defense .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m222 .section1 .defense .txts {
	width: 49%;
	padding: 0 3%;
}
.m222 .section1 .defense .txts .tit {
	font-size: var(--fz-38);
	font-weight: 600;
}
.m222 .section1 .defense .txts p {
	font-size: var(--fz-24);
	line-height: 1.6em;
	color: #515151;
	margin-top: 30px;
}
.m222 .section1 .diaWrap {
}
.m222 .section1 .diaWrap .conTit {
	font-size: var(--fz-38);
	font-weight: 600;
	margin-bottom: 100px;
}
.m222 .section1 .diaWrap .dia {
	position: relative;
	display: flex;
}
.m222 .section1 .diaWrap .dia .line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-bottom: 26%;
	background: url(/images/page/m222_sec1_dia_line.png) no-repeat left top / contain;
}
.m222 .section1 .diaWrap .dia .cc {
	position: relative;
	width: 25%;
	aspect-ratio: 1;
	border-radius: 50%;
	padding: 2%;
}
.m222 .section1 .diaWrap .dia .cc .inner {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 7%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m222 .section1 .diaWrap .dia .cc .txts {
	position: absolute;
	left: 50%;
	top: calc(100% + 55px);
	transform: translateX(-50%);
	width: 80%;
	text-align: center;
}
.m222 .section1 .diaWrap .dia .cc .txts .tit {
	font-size: var(--fz-24);
	font-weight: 600;
}
.m222 .section1 .diaWrap .dia .cc .txts .exp {
	margin-top: 15px;
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #515151;
}
.m222 .section2 {
	padding: 160px 0;
	background: url(/images/page/m222_sec2_bg.png) no-repeat center / cover;
}
.m222 .section2 .conWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m222 .section2 .conWrap .txtWrap {
	width: 49%;
	padding-right: 5%;
}
.m222 .section2 .conWrap .txtWrap .tit {
	font-size: var(--fz-38);
	font-weight: 600;
}
.m222 .section2 .conWrap .txtWrap .exp {
	font-size: var(--fz-24);
	line-height: 1.6em;
	color: #515151;
	margin-top: 30px;
}
.m222 .section2 .conWrap .imgWrap {
	width: 49%;
	height: 480px;
}
.m222 .section2 .conWrap .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m222 .section3 {
	padding: 160px 0;
}
.m222 .section3 .secTit {
	text-align: center;
}
.m222 .section3 .secTit h3 {
	font-size: var(--fz-48);
	font-weight: 600;
}
.m222 .section3 .secTit p {
	margin-top: 30px;
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #515151;
}
.m222 .section3 .img {
	margin-top: 80px;
}
.m222 .section3 .img img {
	width: 100%;
}

.m30 {
	overflow: hidden;
}
.m30 .section1 .container1 {
	display: flex;
}
.m30 .section1 .container1 .secTitle {
	width: 35%;
	padding-right: 2%;
	font-size: var(--fz-48);
}
.m30 .section1 .container1 .secTitle span {
	display: block;
	font-size: var(--fz-21);
}
.m30 .section1 .container1 .conWrap {
	width: 65%;
}
.m30 .section1 .container1 .conWrap .img {
	width: 100%;
	height: 400px;
}
.m30 .section1 .container1 .conWrap .img img {
	max-width: unset;
	width: 116%;
	height: 100%;
	object-fit: cover;
}
.m30 .section1 .container1 .conWrap .slg {
	font-family: "Inter";
	font-size: var(--fz-21);
	font-weight: 600;
	line-height: 1.7em;
	margin-top: 30px;
}
.m30 .section1 .container1 .conWrap .exp {
	font-size: var(--fz-21);
	line-height: 1.7em;
	margin-top: 20px;
}
.m30 .cateWrap {
	margin: 60px 0 80px;
	width: fit-content;
	display: flex;
	gap: 20px;
	padding: 10px;
	background: #f6f6f6;
	border-radius: 100px;
}
.m30 .cateWrap li a {
	display: inline-flex;
	padding: 12px 24px;
	font-size: var(--fz-21);
	color: #515151;
	border-radius: 100px;
}
.m30 .cateWrap li.on a {
	background: #282c3c;
	color: #fff;
}
.m30 .secTit .tit1 {
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m30 .secTit .tit2 {
	font-size: var(--fz-38);
	font-weight: 600;
	color: #000000;
	margin: 25px 0;
}
.m30 .secTit .exp {
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #515151;
}

.m321 .section1 {
	padding: 130px 0 160px !important;
}
.m321 .section1 .conWrap {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.m321 .section1 .conWrap .imgWrap {
	width: 100%;
	height: 400px;
}
.m321 .section1 .conWrap .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m321 .section1 .conWrap .txtWrap {
	width: 100%;
}
.m321 .section1 .conWrap .txtWrap .secTit .exp {
	margin-bottom: 40px;
}
.m321 .section1 .conWrap .txtWrap .svcWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m321 .section1 .conWrap .txtWrap .svcWrap li {
	display: flex;
	align-items: center;
	gap: 20px;
	width: calc(50% - 10px);
	min-height: 106px;
	padding: 24px;
	border: 1px solid #adadad;
	border-radius: 8px;
	box-sizing: border-box;
}
.m321 .section1 .conWrap .txtWrap .svcWrap li .icon {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 58px;
	height: 58px;
	background: #282c3c;
	border-radius: 4px;
}
.m321 .section1 .conWrap .txtWrap .svcWrap li .icon img {
	max-width: 32px;
	max-height: 32px;
}
.m321 .section1 .conWrap .txtWrap .svcWrap li .bar {
	flex-shrink: 0;
	width: 1px;
	height: 36px;
	background: #adadad;
}
.m321 .section1 .conWrap .txtWrap .svcWrap li .name {
	font-size: var(--fz-18);
	line-height: 1.4;
	color: #000;
}
.m321 .section1 .conWrap .txtWrap .svcWrap li .name .sub {
	display: block;
	color: #515151;
}

.m312 .section1,
.m322 .section1 {
	padding: 130px 0 160px !important;
}
.m312 .section1 .conWrap,
.m322 .section1 .conWrap {
	margin: 0 auto;
	max-width: 94%;
}
.m312 .section1 .conWrap .con,
.m322 .section1 .conWrap .con {
	flex-direction: column !important;
	align-items: stretch;
}
.m312 .section1 .conWrap .con + .con,
.m322 .section1 .conWrap .con + .con {
	margin-top: 80px;
}
.m312 .section1 .conWrap .con .imgWrap,
.m322 .section1 .conWrap .con .imgWrap {
	width: 100%;
	height: 400px;
}
.m312 .section1 .conWrap .con .imgWrap img,
.m322 .section1 .conWrap .con .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m312 .section1 .conWrap .con .txtWrap,
.m322 .section1 .conWrap .con .txtWrap {
	width: 100%;
	padding: 40px 0 0;
}
.m312 .section1 .conWrap .con .txtWrap .tit,
.m322 .section1 .conWrap .con .txtWrap .tit {
	font-size: var(--fz-38);
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
	color: #000;
}
.m312 .section1 .conWrap .con .txtWrap .exp,
.m322 .section1 .conWrap .con .txtWrap .exp {
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #555;
}
.m312 .section1 .conWrap .con .txtWrap .link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	width: 200px;
	height: 60px;
	font-size: var(--fz-16);
	color: #fff;
	background: #282c3c;
}

@keyframes rotateL {
	0% {
		transform: translate(-50%, -50%) rotateZ(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotateZ(-360deg);
	}
}

/* m14 - About Mission & Vision */
.m14 .section1 {
	padding-bottom: 0 !important;
}
.m14 .section1 .titWrap {
	margin-top: 80px;
	text-align: center;
}
.m14 .section1 .titWrap .tit1 {
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m14 .section1 .titWrap .tit2 {
	margin: 20px 0 30px;
	font-size: var(--fz-38);
	font-weight: 600;
}
.m14 .section1 .titWrap p {
	font-size: var(--fz-18);
	color: #515151;
}
.m14 .section1 .titWrap p strong {
	font-weight: 600;
}
.m14 .section1 .diaWrap {
	--m14-cc: min(320px, calc((100vw - 64px) / 2.35));
	margin: calc(var(--m14-cc) * 0.45 + 48px) auto calc(var(--m14-cc) * 0.25);
	width: 100%;
	padding: 100px 0;
	display: flex;
	justify-content: center;
	overflow: visible;
}
.m14 .section1 .diaWrap .mainCC {
	position: relative;
	width: var(--m14-cc);
	height: var(--m14-cc);
	border-radius: 50%;
	background: #ef4130;
	border: calc(var(--m14-cc) * 0.1875) solid #e6e6e6;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: unset;
}
.m14 .section1 .diaWrap .mainCC .txt {
	font-size: clamp(18px, calc(var(--m14-cc) * 0.1), 32px);
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC {
	position: absolute;
	z-index: 10;
	width: calc(var(--m14-cc) * 0.46875);
	height: calc(var(--m14-cc) * 0.46875);
	border-radius: 50%;
	background: #282c3c;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC .icon {
	margin-bottom: calc(var(--m14-cc) * 0.03125);
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC .icon img {
	max-width: calc(var(--m14-cc) * 0.22);
	height: auto;
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC span {
	font-size: clamp(12px, calc(var(--m14-cc) * 0.05625), 18px);
	font-weight: 500;
	color: #fff;
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC.cc1 {
	left: 50%;
	bottom: calc(100% + var(--m14-cc) * 0.390625);
	transform: translateX(-50%);
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC.cc2 {
	left: -59%;
	bottom: -39%;
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC.cc3 {
	right: -59%;
	bottom: -39%;
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC.cc1 .line {
	position: absolute;
	left: 50%;
	top: 100%;
	width: 1px;
	height: calc(var(--m14-cc) * 0.39375);
	background: rgba(0, 0, 0, 0.2);
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC.cc2 .line {
	position: absolute;
	left: 114%;
	top: -44%;
	width: 1px;
	height: calc(var(--m14-cc) * 0.39375);
	transform: rotate(54deg);
	background: rgba(0, 0, 0, 0.2);
}
.m14 .section1 .diaWrap .mainCC .subCCWrap .subCC.cc3 .line {
	position: absolute;
	right: 114%;
	top: -44%;
	width: 1px;
	height: calc(var(--m14-cc) * 0.39375);
	transform: rotate(-54deg);
	background: rgba(0, 0, 0, 0.2);
}
.m14 .section1 .diaWrap .mainCC .dashLine {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(var(--m14-cc) * 1.95);
	height: calc(var(--m14-cc) * 1.95);
	border-radius: 50%;
	background: url(/images/page/m14_sec1_dashLine.png) no-repeat center / contain;
	animation: rotateL 30s infinite linear;
}
.m14 .section1 .diaWrap .mainCC .dashLine .tri {
	position: absolute;
}
.m14 .section1 .diaWrap .mainCC .dashLine .tri1 {
	left: 5%;
	top: 25%;
	transform: rotate(120deg);
}
.m14 .section1 .diaWrap .mainCC .dashLine .tri2 {
	right: 5%;
	top: 25%;
	transform: rotate(-120deg);
}
.m14 .section1 .diaWrap .mainCC .dashLine .tri3 {
	left: 50%;
	bottom: -1.5%;
	transform: translate(-50%);
}
.m14 .section1 .diaWrap .mainCC .solidLine {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(var(--m14-cc) * 2.328125);
	height: calc(var(--m14-cc) * 2.328125);
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.m14 .section2 {
	position: relative;
	padding: 100px 0 !important;
}
.m14 .section2 .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m14_sec2_bg.png) no-repeat center / cover;
}
.m14 .section2 .innerwrap {
	position: relative;
}
.m14 .section2 .titWrap .tit1 {
	text-transform: uppercase;
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m14 .section2 .titWrap .tit2 {
	font-size: var(--fz-38);
	font-weight: 600;
	color: #fff;
	margin-top: 20px;
}
.m14 .section2 p {
	margin-left: 0;
	font-size: var(--fz-18);
	line-height: 1.7em;
	color: #fff;
	margin-top: 30px;
}
.m14 .section3 {
	padding: 100px 0 140px !important;
	background: #f8f8f8;
}
.m14 .section3 .titWrap .tit1 {
	text-transform: uppercase;
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m14 .section3 .titWrap .tit2 {
	font-size: var(--fz-38);
	font-weight: 600;
	margin-top: 20px;
}
.m14 .section3 .boxWrap {
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.m14 .section3 .boxWrap .box {
	flex: none;
	padding: 40px;
	border: 1px solid #e6e6e6;
	background: #fff;
}
.m14 .section3 .boxWrap .box .tit {
	margin: 3ch 0 10px;
	font-size: var(--fz-22);
	font-weight: 600;
}
.m14 .section3 .boxWrap .box p {
	font-size: var(--fz-16);
	line-height: 1.6em;
	color: #515151;
}

/* m311 - EMS */
.m311 .section1 {
	padding: 100px 0 !important;
}
.m311 .section1 .conWrap {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.m311 .section1 .conWrap .imgWrap {
	width: 100%;
	height: 400px;
}
.m311 .section1 .conWrap .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m311 .section1 .conWrap .txtWrap {
	width: 100%;
}
.m311 .section2 {
	padding: 100px 0 !important;
	background: #f8f8f8;
}
.m311 .section2 .conWrap {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.m311 .section2 .conWrap .txtWrap {
	width: 100%;
}
.m311 .section2 .conWrap .txtWrap ul {
	margin-top: 40px;
}
.m311 .section2 .conWrap .txtWrap ul li {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 30px 0;
}
.m311 .section2 .conWrap .txtWrap ul li:nth-child(2) {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.m311 .section2 .conWrap .txtWrap ul li .icon {
	flex-shrink: 0;
}
.m311 .section2 .conWrap .txtWrap ul li dl dt {
	font-size: var(--fz-22);
	font-weight: 600;
}
.m311 .section2 .conWrap .txtWrap ul li dl dd {
	font-size: var(--fz-18);
	line-height: 1.6em;
	color: #515151;
	margin-top: 10px;
}
.m311 .section2 .conWrap .mapWrap {
	width: 100%;
	padding: 30px;
	background-color: #fff;
}
.m311 .section2 .conWrap .mapWrap .tit {
	font-size: var(--fz-24);
	font-weight: 600;
	margin-bottom: 20px;
}
.m311 .section2 .conWrap .mapWrap .listWrap .list {
	padding: 24px 0;
	border-top: 1px solid #d9d9d9;
}
.m311 .section2 .conWrap .mapWrap .listWrap .list .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m311 .section2 .conWrap .mapWrap .listWrap .list .top .name {
	font-size: var(--fz-20);
	font-weight: 600;
	color: #818181;
}
.m311 .section2 .conWrap .mapWrap .listWrap .list.on .top .name {
	color: #000;
}
.m311 .section2 .conWrap .mapWrap .listWrap .list .top .btn {
	cursor: pointer;
	width: 110px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #d9d9d9;
	font-size: var(--fz-15);
	font-weight: 500;
	color: #818181;
}
.m311 .section2 .conWrap .mapWrap .listWrap .list.on .top .btn {
	color: #fff;
	background: #282c3c;
}
.m311 .section2 .conWrap .mapWrap .listWrap .info {
	margin-top: 20px;
	display: none;
}
.m311 .section2 .conWrap .mapWrap .listWrap .info dl {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 0;
}
.m311 .section2 .conWrap .mapWrap .listWrap .info dl dt {
	position: relative;
	padding-right: 28px;
	font-size: var(--fz-18);
	font-weight: 600;
	color: #000;
}
.m311 .section2 .conWrap .mapWrap .listWrap .info dl dt::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 18px;
	background: #d9d9d9;
}
.m311 .section2 .conWrap .mapWrap .listWrap .info dl dd {
	font-size: var(--fz-16);
	color: #515151;
}
.m311 .section2 .conWrap .mapWrap .listWrap .map {
	margin-top: 20px;
	width: 100%;
	height: 260px;
}
.m311 .section3 {
	padding: 100px 0 140px !important;
}
.m311 .section3 ul {
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.m311 .section3 ul li {
	flex: none;
}
.m311 .section3 ul li .tit {
	font-size: var(--fz-22);
	font-weight: 600;
	padding-bottom: 16px;
	border-bottom: 1px solid #d9d9d9;
}
.m311 .section3 ul li .num {
	margin: 10px 0 24px;
	font-size: var(--fz-20);
	font-weight: 600;
}
.m311 .section3 ul li .num span {
	font-family: "Inter";
	font-size: var(--fz-60);
	font-weight: 600;
}
.m311 .section3 ul li .num .count {
	display: inline-block;
	min-width: 2.5em;
	font-variant-numeric: tabular-nums;
}
.m311 .section3 ul li .info {
	font-size: var(--fz-18);
	color: #6f7276;
}
.m311 .section3 ul li .info .bar {
	display: inline-block;
	width: 1px;
	height: 18px;
	background: #6f7276;
	margin: 0 5px;
	vertical-align: middle;
}

@keyframes rotateR {
	0% {
		transform: translate(-50%, -50%) rotateZ(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotateZ(360deg);
	}
}

/* m331-m352 - Business sub pages */
.m331 .section1 {
	padding: 100px 0 80px !important;
}
.m331 .section2 {
	padding: 100px 0 !important;
	text-align: center;
}
.m331 .section2 .tit1 {
	font-size: var(--fz-38);
	font-weight: 600;
}
.m331 .section2 .tit2 {
	margin: 30px 0;
	font-size: var(--fz-21);
	font-weight: 600;
}
.m331 .section2 p {
	font-size: var(--fz-18);
	color: #515151;
}
.m331 .section3 {
	padding: 0 !important;
}
.m331 .section3 .con {
	width: 100%;
	height: auto;
	min-height: 0;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	padding: 70px 0;
	border-top: 1px solid #ccc;
}
.m331 .section3 .con2 {
	flex-direction: row-reverse;
}
.m331 .section3 .con .txtWrap {
	width: 50%;
	padding: 0 3%;
	order: 1;
}
.m331 .section3 .con .txtWrap .tit {
	font-size: var(--fz-38);
	font-weight: 600;
}
.m331 .section3 .con .txtWrap .txt {
	font-size: var(--fz-18);
	color: #515151;
	line-height: 1.6em;
	margin: 24px 0 40px;
}
.m331 .section3 .con .txtWrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 30px;
}
.m331 .section3 .con .txtWrap ul li {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
}
.m331 .section3 .con .txtWrap ul li .icon {
	flex-shrink: 0;
}
.m331 .section3 .con .txtWrap ul li p {
	font-size: var(--fz-20);
	font-weight: 600;
}
.m331 .section3 .con .imgWrap {
	width: 50%;
	overflow: hidden;
	order: 2;
}
.m331 .section3 .con .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.m332 .section1 {
	padding: 100px 0 120px !important;
}
.m332 .section1 h3 {
	margin: 60px 0 80px;
	text-align: center;
	font-size: var(--fz-38);
	font-weight: 600;
}
.m332 .section1 .boxWrap {
	display: flex;
	flex-direction: column;
	gap: 20px;
	overflow: visible;
}
.m332 .section1 .boxWrap .box {
	position: relative;
	width: 100%;
	border-radius: 12px;
	background: #f8f8f8;
	padding: 50px 30px;
	overflow: visible;
}
.m332 .section1 .boxWrap .box:nth-child(1) {
	z-index: 3;
}
.m332 .section1 .boxWrap .box:nth-child(2) {
	z-index: 2;
}
.m332 .section1 .boxWrap .box:nth-child(3) {
	z-index: 1;
}
.m332 .section1 .boxWrap .box .top {
	height: auto;
}
.m332 .section1 .boxWrap .box .top span {
	display: inline-block;
	padding: 6px 20px;
	border-radius: 100px;
	background: #ef4130;
	color: #fff;
	font-size: var(--fz-18);
	font-weight: 500;
}
.m332 .section1 .boxWrap .box .top .tit {
	font-size: var(--fz-36);
	font-weight: 700;
	margin: 40px 0 20px;
}
.m332 .section1 .boxWrap .box .top .exp {
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #515151;
}
.m332 .section1 .boxWrap .box .bot dl + dl {
	margin-top: 35px;
}
.m332 .section1 .boxWrap .box .bot dl dt {
	font-size: var(--fz-21);
	font-weight: 600;
}
.m332 .section1 .boxWrap .box .bot dl dd {
	font-size: var(--fz-21);
	color: #515151;
	margin-top: 10px;
}
.m332 .section1 .boxWrap .box .arr {
	display: none;
}
.m332 .section2 {
	padding: 100px 0 !important;
	background: url(/images/page/m332_sec2_bg.png) no-repeat center / cover;
}
.m332 .section2 .titWrap {
	text-align: center;
}
.m332 .section2 .titWrap h3 {
	font-size: var(--fz-32);
	font-weight: 600;
	color: #fff;
}
.m332 .section2 .titWrap p {
	margin-top: 30px;
	font-size: var(--fz-21);
	line-height: 1.7em;
	color: #fff;
}
.m332 .section2 .boxWrap {
	margin-top: 80px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.m332 .section2 .boxWrap .box {
	padding: 50px 40px;
	background-color: rgba(255, 255, 255, 0.67);
	backdrop-filter: blur(10px);
}
.m332 .section2 .boxWrap .box.box1 {
	width: 100%;
}
.m332 .section2 .boxWrap .box.box2 {
	width: 100%;
	text-align: center;
	padding: 50px 40px;
}
.m332 .section2 .boxWrap .box h4 {
	font-size: var(--fz-30);
	font-weight: 600;
}
.m332 .section2 .boxWrap .box.box1 .listWrap {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.m332 .section2 .boxWrap .box1 .listWrap .list {
	width: 100%;
	gap: 24px;
	display: flex;
}
.m332 .section2 .boxWrap .box1 .listWrap .list .icon {
	flex-shrink: 0;
}
.m332 .section2 .boxWrap .box1 .listWrap .list dl dt {
	font-size: var(--fz-21);
	font-weight: 600;
}
.m332 .section2 .boxWrap .box1 .listWrap .list dl dd {
	font-size: var(--fz-18);
	line-height: 1.6em;
	margin-top: 10px;
	color: #515151;
}
.m332 .section2 .boxWrap .box2 .icon {
	max-width: 118px;
	margin: 30px auto;
}
.m332 .section2 .boxWrap .box2 p {
	font-size: var(--fz-18);
	line-height: 1.6em;
	color: #515151;
}

/* ── m341 ── */
.m341 .section1 {
	padding: 100px 0 80px !important;
}
.m341 .section1 .titWrap {
	text-align: center;
	margin-bottom: 60px;
}
.m341 .section1 .titWrap h3 {
	font-size: var(--fz-38);
	font-weight: 600;
	color: #000;
}
.m341 .section1 .titWrap h4 {
	font-size: var(--fz-21);
	margin-top: 30px;
}
.m341 .section2 {
	padding: 100px 0 !important;
	background: url(/images/page/m341_sec2_bg.png) no-repeat center / cover;
	text-align: center;
}
.m341 .section2 h3 {
	font-size: var(--fz-24);
	font-weight: 500;
	color: #fff;
}
.m341 .section2 h4 {
	margin-top: 20px;
	font-size: var(--fz-38);
	font-weight: 600;
	color: #fff;
}
.m341 .section2 .boxWrap {
	margin-top: 60px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.m341 .section2 .boxWrap .box {
	width: 100%;
	padding: 50px 4%;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(10px);
}
.m341 .section2 .boxWrap .box b {
	display: inline-block;
	margin: 30px 0 15px;
	font-size: var(--fz-30);
}
.m341 .section2 .boxWrap .box p {
	font-size: var(--fz-18);
	color: #515151;
}
.m341 .section3 {
	padding: 100px 0 !important;
}
.m341 .section3 .titWrap {
	margin-bottom: 60px;
}
.m341 .section3 .titWrap h3 {
	text-transform: uppercase;
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m341 .section3 .titWrap h4 {
	margin-top: 24px;
	font-size: var(--fz-38);
	font-weight: 600;
}
.m341 .section3 .conWrap {
	display: flex;
	flex-direction: column-reverse;
	gap: 40px;
}
.m341 .section3 .conWrap .txtWrap {
	width: 100%;
}
.m341 .section3 .conWrap .txtWrap .txtBox {
	position: relative;
	padding: 40px;
	background: #f8f8f8;
}
.m341 .section3 .conWrap .txtWrap .txtBox + .txtBox {
	margin-top: 24px;
}
.m341 .section3 .conWrap .txtWrap .txtBox .arr {
	position: absolute;
	right: 40px;
	top: 40px;
	width: 26px;
	height: 13px;
	background: url(/images/page/m341_sec1_arr.png) no-repeat center / contain;
	z-index: 10;
	cursor: pointer;
}
.m341 .section3 .conWrap .txtWrap .txtBox .tit1 {
	font-size: var(--fz-26);
	font-weight: 600;
}
.m341 .section3 .conWrap .txtWrap .txtBox .tit2 {
	margin-top: 15px;
	font-size: var(--fz-18);
	font-weight: 600;
	color: #515151;
}
.m341 .section3 .conWrap .txtWrap .txtBox .txts {
	margin-top: 15px;
	display: none;
}
.m341 .section3 .conWrap .txtWrap .txtBox .txts .exp {
	font-size: var(--fz-18);
	line-height: 1.7em;
	color: #515151;
}
.m341 .section3 .conWrap .txtWrap .txtBox .txts ul {
	margin-top: 40px;
	font-size: var(--fz-18);
	line-height: 1.7em;
	color: #515151;
}
.m341 .section3 .conWrap .txtWrap .txtBox .txts ul li {
	position: relative;
	padding-left: 20px;
	font-size: var(--fz-18);
	line-height: 1.7em;
	color: #515151;
}
.m341 .section3 .conWrap .txtWrap .txtBox .txts ul li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #acacac;
}
.m341 .section3 .conWrap .imgWrap {
	position: relative;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.m341 .section3 .conWrap .imgWrap .img1 {
	position: relative;
	z-index: 10;
	width: 62%;
	height: 26%;
}
.m341 .section3 .conWrap .imgWrap .img1 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.m341 .section3 .conWrap .imgWrap .img2 {
	position: absolute;
	left: 50%;
	top: 58%;
	transform: translate(-50%, -50%);
	width: 56%;
	transform-origin: center center;
	animation: rotateR 30s infinite linear;
}

/* ── m342 ── */
.m342 .section1 {
	padding: 100px 0 120px !important;
}
.m342 .section1 .titWrap {
	margin-bottom: 60px;
	text-align: center;
}
.m342 .section1 .titWrap h3 {
	font-size: var(--fz-38);
	font-weight: 600;
}
.m342 .section1 .titWrap h4 {
	margin-top: 30px;
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #515151;
}
.m342 .section1 .boxWrap {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.m342 .section1 .boxWrap .box {
	position: relative;
	flex: none;
	width: 100%;
	height: 420px;
	transition: all 0.6s;
}
.m342 .section1 .boxWrap .box.on {
	flex: none;
}
.m342 .section1 .boxWrap .box1 {
	background: url(/images/page/m342_sec1_bg1.png) no-repeat center / cover;
}
.m342 .section1 .boxWrap .box2 {
	background: url(/images/page/m342_sec1_bg2.png) no-repeat center / cover;
}
.m342 .section1 .boxWrap .box3 {
	background: url(/images/page/m342_sec1_bg3.png) no-repeat center / cover;
}
.m342 .section1 .boxWrap .box4 {
	background: url(/images/page/m342_sec1_bg4.png) no-repeat center / cover;
}
.m342 .section1 .boxWrap .box .mainTit {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	font-size: var(--fz-28);
	font-weight: 600;
	color: #fff;
	z-index: 3;
}
.m342 .section1 .boxWrap .box.on .mainTit {
	opacity: 0;
	transition: all 0.3s;
}
.m342 .section1 .boxWrap .box .dim {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 2;
	transition: all 0.3s;
}
.m342 .section1 .boxWrap .box.on .dim {
	opacity: 0;
}
.m342 .section1 .boxWrap .box .inner {
	width: 100%;
	height: 100%;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	opacity: 0;
}
.m342 .section1 .boxWrap .box.on .inner {
	opacity: 1;
	transition: all 0s 0.6s;
}
.m342 .section1 .boxWrap .box .inner .tit {
	font-size: var(--fz-28);
	font-weight: 600;
	color: #fff;
	margin-top: 20px;
}
.m342 .section1 .boxWrap .box .inner .txtBox {
	padding: 20px;
	background: rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(10px);
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #fff;
	width: 100%;
	text-align: center;
}
.m342 .section2 {
	padding: 100px 0 !important;
	background: url(/images/page/m342_sec2_bg.png) no-repeat center / cover;
}
.m342 .section2 h3 {
	font-size: var(--fz-38);
	font-weight: 600;
	color: #fff;
}
.m342 .section2 .boxWrap {
	margin-top: 80px;
	padding-top: 50px;
	border-top: 1px solid rgba(255, 255, 255, 0.67);
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.m342 .section2 .boxWrap .box {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 50px 4%;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(10px);
}
.m342 .section2 .boxWrap .box b {
	display: inline-block;
	margin: 30px 0 15px;
	font-size: var(--fz-30);
	font-weight: 600;
}
.m342 .section2 .boxWrap .box p {
	font-size: var(--fz-18);
	line-height: 1.6em;
	color: #515151;
}
.m342 .section3 {
	padding: 100px 0 !important;
}
.m342 .section3 h3 {
	text-align: center;
	font-size: var(--fz-38);
	font-weight: 600;
}
.m342 .section3 .boxWrap {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 60px;
}
.m342 .section3 .boxWrap .box {
	width: 100%;
	height: 280px;
	background: #f8f8f8;
	padding: 50px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m342 .section3 .boxWrap .box .point {
	width: fit-content;
	display: inline-block;
	padding: 6px 20px;
	border-radius: 100px;
	background: #ef4130;
	font-family: "Inter";
	font-size: var(--fz-18);
	font-weight: 500;
	color: #fff;
}
.m342 .section3 .boxWrap .box .bot {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.m342 .section3 .boxWrap .box .bot .txt {
	font-size: var(--fz-21);
	font-weight: 600;
}
.m342 .section3 .boxWrap .box .bot .icon {
	flex-shrink: 0;
}
.m342 .section3 .boxWrap .box1 {
	justify-content: center;
	background: url(/images/page/m342_sec3_box1_bg.png) no-repeat center / cover;
}
.m342 .section3 .boxWrap .box1 h4 {
	font-size: var(--fz-38);
	font-weight: 600;
	color: #fff;
}

/* ── m351 ── */
.m351 .section1 {
	padding: 100px 0 80px !important;
}
.m351 .section1 .txtWrap {
	margin-bottom: 60px;
	text-align: center;
}
.m351 .section1 .txtWrap h3 {
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m351 .section1 .txtWrap h4 {
	font-size: var(--fz-38);
	font-weight: 600;
	margin-top: 10px;
}
.m351 .section1 .txtBox {
	position: relative;
	width: 100%;
	height: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	overflow: hidden;
}
.m351 .section1 .txtBox .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m351_sec1_bg.png) no-repeat center / cover;
}
.m351 .section1 .txtBox p {
	width: 92%;
	position: relative;
	z-index: 2;
	font-size: var(--fz-24);
	font-weight: 500;
	line-height: 1.6em;
	color: #fff;
	text-align: center;
}
.m351 .section2 {
	padding: 100px 0 !important;
	background: url(/images/page/m351_sec2_bg.png) no-repeat center / cover;
}
.m351 .section2 h3 {
	text-transform: uppercase;
	font-size: var(--fz-24);
	font-weight: 500;
	color: #fff;
}
.m351 .section2 h4 {
	font-size: var(--fz-38);
	font-weight: 600;
	color: #fff;
	margin-top: 20px;
}
.m351 .section2 .swiper1 {
	margin-top: 80px;
}
.m351 .section2 .swiper-slide {
	width: 100%;
	height: auto;
	min-height: 360px;
	padding: 40px 24px;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 8px;
	flex-grow: 1;
}
.m351 .section2 .swiper-slide .icon {
	text-align: right;
	margin-bottom: 10px;
}
.m351 .section2 .swiper-slide .tit {
	font-size: var(--fz-24);
	font-weight: 600;
	color: #fff;
}
.m351 .section2 .swiper-slide p {
	margin-top: 15px;
	font-size: var(--fz-18);
	line-height: 1.6em;
	color: #fff;
}
.m351 .section3 {
	padding: 100px 0 !important;
}
.m351 .section3 .conWrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.m351 .section3 .conWrap .txtWrap {
	width: 100%;
}
.m351 .section3 .conWrap .txtWrap h3 {
	text-transform: uppercase;
	font-size: var(--fz-24);
	font-weight: 500;
	color: #ef4130;
}
.m351 .section3 .conWrap .txtWrap h4 {
	margin: 20px 0;
	font-size: var(--fz-38);
	font-weight: 600;
}
.m351 .section3 .conWrap .txtWrap p {
	font-size: var(--fz-21);
	color: #515151;
}
.m351 .section3 .conWrap .txtWrap .info {
	margin-top: 60px;
	display: flex;
	gap: 40px;
}
.m351 .section3 .conWrap .txtWrap .info .icon {
	flex-shrink: 0;
}
.m351 .section3 .conWrap .txtWrap .info dl dt {
	font-size: var(--fz-24);
	font-weight: 600;
}
.m351 .section3 .conWrap .txtWrap .info dl dd {
	margin-top: 10px;
	font-size: var(--fz-18);
	color: #515151;
}
.m351 .section3 .conWrap .imgWrap {
	width: 100%;
	height: 320px;
}
.m351 .section3 .conWrap .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ── m352 ── */
.m352 .section1 {
	padding: 100px 0 120px !important;
}
.m352 .section1 .conWrap .con {
	display: flex;
	flex-direction: column !important;
	align-items: stretch;
}
.m352 .section1 .conWrap .con + .con {
	margin-top: 80px;
}
.m352 .section1 .conWrap .con2 {
	flex-direction: column !important;
}
.m352 .section1 .conWrap .con .imgWrap {
	width: 100%;
	height: 320px;
	overflow: hidden;
}
.m352 .section1 .conWrap .con .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m352 .section1 .conWrap .con .txtWrap {
	width: 100%;
	padding: 40px 0 0;
}
.m352 .section1 .conWrap .con .txtWrap .num {
	display: inline-block;
	padding: 6px 20px;
	border-radius: 100px;
	font-size: var(--fz-18);
	font-weight: 500;
	color: #fff;
	background: #ef4130;
}
.m352 .section1 .conWrap .con .txtWrap .tit {
	margin: 30px 0;
	font-size: var(--fz-38);
	font-weight: 600;
}
.m352 .section1 .conWrap .con .txtWrap .exp {
	font-size: var(--fz-21);
	line-height: 1.6em;
	color: #515151;
}
.m352 .section1 .conWrap .con .txtWrap .boxWrap {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.m352 .section1 .conWrap .con .txtWrap .boxWrap .box {
	width: 100%;
	padding: 40px 30px;
	background: #f8f8f8;
}
.m352 .section1 .conWrap .con .txtWrap .boxWrap .box .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m352 .section1 .conWrap .con .txtWrap .boxWrap .box .top .number {
	font-size: var(--fz-20);
	font-weight: 600;
}
.m352 .section1 .conWrap .con .txtWrap .boxWrap .box .top .number span {
	font-family: "Inter";
	font-size: var(--fz-42);
	font-weight: 600;
}
.m352 .section1 .conWrap .con .txtWrap .boxWrap .box p {
	margin-top: 40px;
	padding-top: 15px;
	border-top: 1px solid #ccc;
	font-size: var(--fz-20);
	font-weight: 600;
}
.m352 .section1 .conWrap .con .txtWrap .infoWrap {
	margin-top: 60px;
}
.m352 .section1 .conWrap .con .txtWrap .infoWrap .info {
	display: flex;
	align-items: center;
	gap: 30px;
}
.m352 .section1 .conWrap .con .txtWrap .infoWrap .info + .info {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
.m352 .section1 .conWrap .con .txtWrap .infoWrap .info .icon {
	flex-shrink: 0;
}
.m352 .section1 .conWrap .con .txtWrap .infoWrap .info dl dt {
	font-size: var(--fz-24);
	font-weight: 600;
}
.m352 .section1 .conWrap .con .txtWrap .infoWrap .info dl dd {
	margin-top: 10px;
	font-size: var(--fz-18);
	font-weight: 700;
	color: #515151;
}

/* ── m40 (introSec + mapSec + heliSec) ── */
.m40 {
	overflow: hidden;
}
.m40 .secTitle {
	font-size: var(--fz-38);
}
.m40 .introSec {
	padding: 100px 0 120px !important;
}
.m40 .introSec .conWrap {
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin-top: 60px;
}
.m40 .introSec .conWrap .imgWrap {
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.m40 .introSec .conWrap .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m40 .introSec .conWrap .txtWrap {
	width: 100%;
}
.m40 .introSec .conWrap .txtWrap .tit {
	font-size: var(--fz-38);
	font-weight: 600;
	margin-bottom: 30px;
}
.m40 .introSec .conWrap .txtWrap .exp {
	font-size: var(--fz-21);
	line-height: 1.7em;
	color: #515151;
}
.m40 .introSec .conWrap .txtWrap .boxWrap {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.m40 .introSec .conWrap .txtWrap .boxWrap .box {
	width: 100%;
	padding: 40px 30px;
	background: #f8f8f8;
}
.m40 .introSec .conWrap .txtWrap .boxWrap .box .top {
	display: flex;
	justify-content: space-between;
}
.m40 .introSec .conWrap .txtWrap .boxWrap .box .top .num {
	font-family: "Inter";
	font-size: var(--fz-42);
	font-weight: 600;
	margin-top: -10px;
}
.m40 .introSec .conWrap .txtWrap .boxWrap .box .top .num span {
	font-size: var(--fz-20);
}
.m40 .introSec .conWrap .txtWrap .boxWrap .box p {
	margin-top: 40px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	font-size: var(--fz-20);
	font-weight: 600;
}
.m40 .mapSec {
	padding: 100px 0 !important;
}
.m40 .mapSec .map {
	position: relative;
	width: 100%;
}
.m40 .mapSec .map iframe {
	height: 420px;
}
.m40 .mapSec .map .box {
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	width: calc(100% - 40px);
	margin: -0 auto 0;
	padding: 40px;
	background: #fff;
}
.m40 .mapSec .map .box .titWrap {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.m40 .mapSec .map .box .titWrap .tit {
	font-size: var(--fz-20);
	font-weight: 500;
	color: #ef4130;
}
.m40 .mapSec .map .box .titWrap .name {
	margin-top: 10px;
	font-size: var(--fz-38);
	font-weight: 600;
}
.m40 .mapSec .map .box dl dt {
	font-family: "Inter";
	font-size: var(--fz-20);
	font-weight: 600;
}
.m40 .mapSec .map .box dl dt img {
	margin: 0 10px 0 0;
}
.m40 .mapSec .map .box dl dd {
	margin-top: 10px;
	font-size: var(--fz-18);
	color: #515151;
}
.m40 .heliSec {
	padding: 100px 0 !important;
	background: #f8f8f8;
}
.m40 .heliSec .container1 {
	display: flex;
	flex-direction: column;
}
.m40 .heliSec .container1 .secTitle {
	width: 100%;
	padding-right: 0;
	font-size: var(--fz-38);
	margin-bottom: 30px;
}
.m40 .heliSec .container1 .secTitle span {
	display: block;
	font-size: var(--fz-21);
}
.m40 .heliSec .container1 .conWrap {
	width: 100%;
}
.m40 .heliSec .container1 .conWrap .img {
	width: 100%;
	height: 360px;
}
.m40 .heliSec .container1 .conWrap .img img {
	max-width: unset;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m40 .heliSec .container1 .conWrap .name {
	font-family: "Inter";
	font-size: var(--fz-21);
	font-weight: 600;
	line-height: 1.7em;
	margin-top: 30px;
	color: #000;
}
.m40 .heliSec .container1 .conWrap .infoWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl {
	width: 49%;
	padding: 20px 18px;
	border-top: 1px solid #adadad;
	display: flex;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl:nth-last-child(1),
.m40 .heliSec .container1 .conWrap .infoWrap dl:nth-last-child(2) {
	border-bottom: 1px solid #adadad;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl dt {
	width: 190px;
	padding-left: 44px;
	font-family: "Inter";
	font-size: var(--fz-21);
	font-weight: 600;
	line-height: 1.7em;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl dt.num {
	background: url(/images/page/m40_num_icon.png) no-repeat left center;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl dt.engine {
	background: url(/images/page/m40_engine_icon.png) no-repeat left center;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl dt.company {
	background: url(/images/page/m40_company_icon.png) no-repeat left center;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl dt.distance {
	background: url(/images/page/m40_distance_icon.png) no-repeat left center;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl dt.weight {
	background: url(/images/page/m40_weight_icon.png) no-repeat left center;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl dt.passenger {
	background: url(/images/page/m40_passenger_icon.png) no-repeat left center;
}
.m40 .heliSec .container1 .conWrap .infoWrap dl dd {
	width: calc(100% - 190px);
	font-size: var(--fz-21);
	line-height: 1.7em;
	color: #000;
}

/* ── m411 ── */
.m411 .sec2 {
	padding: 100px 0 !important;
	background: #f8f8f8;
}
.m411 .sec2 .tableWrap {
	width: 100%;
	margin-top: 60px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.m411 .sec2 .tableWrap table {
	width: 100%;
	min-width: 640px;
	border-top: 1px solid #000;
}
.m411 .sec2 .tableWrap table th {
	padding: 20px 0;
	background: #ededed;
	font-size: var(--fz-20);
	font-weight: 600;
}
.m411 .sec2 .tableWrap table td {
	padding: 20px 0;
	font-size: var(--fz-20);
	color: #6f7276;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

/* m51 - bbs1 */
.bbs1 {
}
.bbs1 .section1 {
}
.bbs1 .section1 .formArea {
}
.bbs1 .section1 .formArea .form {
	display: flex;
	align-items: center;
	gap: 12px;
}
.bbs1 .section1 .form select {
	width: 180px;
	height: 60px;
	border: 1px solid #ccc;
	padding: 0 30px;
	appearance: none;
	background: #fff url(/images/page/icon_form_arr.png) no-repeat calc(100% - 30px) center;
	font-size: var(--fz-16);
	color: #818181;
}
.bbs1 .section1 .form .searchWrap {
	width: 400px;
	height: 60px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	border: 1px solid #ccc;
}
.bbs1 .section1 .form .searchWrap input {
	border: none;
	width: calc(100% - 32px);
	font-size: var(--fz-16);
	height: 100%;
}
.bbs1 .section1 .form .searchWrap button {
	width: 32px;
	height: 32px;
	background: #fff url(/images/page/icon_search.png) no-repeat center;
	border: none;
}
.bbs1 .section1 .content {
	margin-top: 40px;
}
.bbs1 .section1 .content .contentList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 70px;
}
.bbs1 .section1 .content .contentList .listItem {
	min-width: 0;
}
.bbs1 .section1 .content .contentList .thumb {
	aspect-ratio: 520/350;
	overflow: hidden;
}
.bbs1 .section1 .content .contentList .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s;
}
.bbs1 .section1 .content .contentList a:hover .thumb img {
	transform: scale(1.05);
}
.bbs1 .section1 .content .contentList .videoThumb {
	position: relative;
}
.bbs1 .section1 .content .contentList .videoThumb::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 1;
	transition: opacity 0.4s;
}
.bbs1 .section1 .content .contentList a:hover .videoThumb::after {
	opacity: 0;
}
.bbs1 .section1 .content .contentList .videoThumb .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	border: 2px solid #fff;
	border-radius: 50%;
	z-index: 1;
}
.bbs1 .section1 .content .contentList .videoThumb .icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 18px solid #fff;
}
.bbs1 .section1 .content .contentList .textArea {
	margin-top: 22px;
}
.bbs1 .section1 .content .contentList .itemTitel {
	font-size: var(--fz-24);
	font-weight: 600;
}
.bbs1 .section1 .content .contentList .itemDate {
	display: inline-block;
	margin-top: 20px;
	font-size: var(--fz-18);
	color: #818181;
}
/* bbs1_view */
.bbs1_view {
}
.bbs1_view .container {
}
.bbs1_view .container .contentHead {
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.bbs1_view .container .contentHead .contentTitle {
	font-size: var(--fz-38);
	color: #000;
	font-weight: 600;
	line-height: 1.6;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.bbs1_view .container .contentHead .contentDate {
	margin-top: 20px;
	font-size: var(--fz-18);
	color: #818181;
	text-align: center;
}
.bbs1_view .container .contentBody {
	padding: 80px 0;
}
.bbs1_view .container .contentBody .videoContent {
	position: relative;
	margin-bottom: 80px;
	width: 100%;
	aspect-ratio: 1360 / 765;
}
.bbs1_view .container .contentBody .videoContent iframe {
	width: 100%;
	height: 100%;
}
.bbs1_view .container .contentBody .videoContent iframe + iframe {
	margin-top: 10px;
}
.bbs1_view .container .contentBody .downloadContentWrap {
	margin-top: 40px;
}
.bbs1_view .container .contentBody .downloadContent {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
	padding: 32px 30px;
	background-color: #f8f8f8;
}
.bbs1_view .container .contentBody .downloadContent + .downloadContent {
	margin-top: 10px;
}
.bbs1_view .container .contentBody .downloadContent span {
	color: #5b5c5e;
	font-size: var(--fz-21);
}
.bbs1_view .container .contentBody .downloadContent .downloadBtn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}
.bbs1_view .container .contentBody .downloadContent .downloadBtn .icon {
	flex-shrink: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/images/page/icon_file.png) no-repeat center / contain;
}
.bbs1_view .container .contentBody .downloadContent .downloadBtn .downloadTitle {
	font-size: var(--fz-21);
	color: #818181;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}
.bbs1_view .container .contentFooter {
	padding-top: 80px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.bbs1_view .container .contentFooter .linkBtn {
	display: inline-block;
	font-weight: 500;
	font-size: var(--fz-21);
	color: #fff;
	background-color: #282c3c;
	padding: 24px 127px;
}

.m53 {
}
.m53 .section1 .pageTit {
	font-size: var(--fz-48);
	font-weight: 600;
	margin-bottom: 120px;
}
.m53 .section1 .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}
.m53 .section1 .top .total {
	font-size: var(--fz-20);
	font-weight: 500;
	color: #666;
}
.m53 .section1 .top .total span {
	color: #000;
}

.m53 .section1 .top .form .searchWrap {
	width: 400px;
	height: 60px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	border: 1px solid #ccc;
}
.m53 .section1 .top .form .searchWrap input {
	border: none;
	width: calc(100% - 32px);
	font-size: var(--fz-16);
	height: 100%;
}
.m53 .section1 .top .form .searchWrap button {
	width: 32px;
	height: 32px;
	background: #fff url(/images/page/icon_search.png) no-repeat center;
	border: none;
}
.m53 .section1 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 75px;
}
.m53 .section1 li {
	width: calc((100% - 75px) / 2);
}
.m53 .section1 li a {
	display: block;
}
.m53 .section1 li a .thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 353 / 468;
	border-radius: 16px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.m53 .section1 li a .thumb > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m53 .section1 li a .thumb .hov {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(239, 65, 48, 0.88);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all 0.3s;
}
.m53 .section1 li a:hover .thumb .hov {
	opacity: 1;
}
.m53 .section1 li a .thumb .hov .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.25);
}
.m53 .section1 li a .thumb .hov span {
	display: block;
	font-size: var(--fz-22);
	font-weight: 600;
	white-space: nowrap;
	margin-top: 10px;
	color: #fff;
}
.m53 .section1 li a .tit {
	font-size: var(--fz-26);
	font-weight: 600;
	margin-top: 20px;
}

.m54 .section1 {
	padding: 200px 0 84px !important;
	background: url(/images/page/m54_bg.png) no-repeat left -200px bottom -200px;
	background-size: 600px;
}
.m54 .section1 .conWrap {
	display: flex;
}
.m54 .section1 .conWrap .txtWrap {
	width: 50%;
	padding-right: 5%;
}
.m54 .section1 .conWrap .txtWrap .pageTit {
	font-size: var(--fz-48);
	font-weight: 600;
}
.m54 .section1 .conWrap .txtWrap dl {
	margin: 80px 0 50px;
}
.m54 .section1 .conWrap .txtWrap dl dt {
	margin-bottom: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	font-size: var(--fz-36);
	font-weight: 600;
}
.m54 .section1 .conWrap .txtWrap dl dd {
	font-size: var(--fz-21);
	line-height: 1.7em;
	color: #515151;
}
.m54 .section1 .conWrap .txtWrap .fileBtn {
	display: inline-block;
	width: 300px;
	height: 74px;
	line-height: 74px;
	text-align: center;
	background: #282c3c;
	color: #fff;
	font-size: var(--fz-21);
	font-weight: 500;
}

/* m55 */
.m55 {
}
.m55 .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 75px;
	grid-row-gap: 90px;
}
.m55 .list .thumb {
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.m55 .list .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m55 .list .tit {
	margin-top: 24px;
	font-size: var(--fz-26);
	font-weight: 600;
}

.m61 {
}
.m61 .section1 .pageTit {
	font-size: var(--fz-48);
	font-weight: 600;
	text-align: center;
	margin-bottom: 100px;
}
.m61 .section1 .titWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.m61 .section1 .titWrap .tit {
	font-size: var(--fz-30);
	font-weight: 600;
}
.m61 .section1 .titWrap .est {
	font-size: var(--fz-18);
	color: #818181;
}
.m61 .section1 .titWrap .est span {
	color: #ef4130;
}
.m61 .section1 .inquiryWrap {
	padding: 60px 0 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 50px;
}
.m61 .section1 .inquiryWrap dl {
	width: 100%;
}
.m61 .section1 .inquiryWrap dl.w100 {
	width: 100%;
}
.m61 .section1 .inquiryWrap dl dt {
	font-size: var(--fz-20);
	font-weight: 700;
	color: #000;
	margin-bottom: 24px;
}
.m61 .section1 .inquiryWrap dl dt span {
	color: #ef4130;
}

.m61 .section1 .inquiryWrap dl dd select {
	width: 100%;
	height: 60px;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: var(--fz-16);
	appearance: none;
	border: none;
	background: url(/images/page/m61_select_arr.png) no-repeat right 30px center #f8f8f8;
	background-size: 12px;
}
.m61 .section1 .inquiryWrap dl dd input[type="text"],
.m61 .section1 .inquiryWrap dl dd input[type="tel"],
.m61 .section1 .inquiryWrap dl dd input[type="email"] {
	width: 100%;
	height: 60px;
	padding: 0 30px;
	font-size: var(--fz-16);
	background: #f8f8f8;
	border: none;
}
.m61 .section1 .inquiryWrap dl dd textarea {
	font-size: var(--fz-16);
	width: 100%;
	height: 240px;
	resize: none;
	background: #f8f8f8;
	border: none;
	overflow-y: auto;
	padding: 30px;
	box-sizing: border-box;
}
.m61 .section1 .inquiryWrap dl dd .fileBoxWrap {
	width: 100%;
	display: flex;
}
.m61 .section1 .inquiryWrap dl dd .fileBoxWrap .fileBox {
	position: relative;
	width: calc(100% - 200px - 16px);
	margin-right: 16px;
}
.m61 .section1 .inquiryWrap dl dd .fileBoxWrap .fileBox .upload-name {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	outline: 0;
	font-size: var(--fz-16);
	background: #f8f8f8;
	border: none;
	appearance: none;
}
.m61 .section1 .inquiryWrap dl dd .fileBoxWrap .fileBox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}
.m61 .section1 .inquiryWrap dl dd .fileBoxWrap label {
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #282c3c;
	color: #fff;
	font-size: var(--fz-16);
}
.m61 .section1 .agreeWrap {
}
.m61 .section1 .agreeWrap .txtWrap {
	margin-top: 60px;
	width: 100%;
	padding: 40px 30px;
	background: #f8f8f8;
}
.m61 .section1 .agreeWrap .txtWrap .txts {
	width: 100%;
	height: 180px;
	overflow-y: auto;
	font-size: var(--fz-16);
	line-height: 1.6em;
	color: #515151;
}
.m61 .section1 .agreeWrap .agree {
	margin: 24px 0 40px;
}
.m61 .section1 .agreeWrap .agree input[type="checkbox"] {
	display: none;
}
.m61 .section1 .agreeWrap .agree input[type="checkbox"] + label {
	position: relative;
	padding-left: 36px;
	font-size: var(--fz-16);
	color: #515151;
}
.m61 .section1 .agreeWrap .agree input[type="checkbox"] + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(/images/page/m61_agree_btn.png) no-repeat center / contain;
}
.m61 .section1 .agreeWrap .agree input[type="checkbox"]:checked + label:before {
	background: url(/images/page/m61_agree_btn_chk.png) no-repeat center / contain;
}
.m61 .section1 .submitBtn {
	margin-top: 120px;
	text-align: center;
}
.m61 .section1 .submitBtn button {
	display: inline-block;
	width: 300px;
	height: 74px;
	line-height: 74px;
	background: #282c3c;
	color: #fff;
	font-size: var(--fz-18);
	font-weight: 500;
}

/* ── m72 ── */
.m62 .section1 {
	padding: 120px 0;
}
.m62 .section1 .pageTit {
	margin-bottom: 60px;
}
.m62 .section1 .pageTit h3 {
	font-size: var(--fz-38);
	font-weight: 600;
}
.m62 .section1 .pageTit p {
	margin-top: 30px;
	font-size: var(--fz-21);
	color: #515151;
}
.m62 .section1 .conWrap .conTit {
	font-size: var(--fz-28);
	font-weight: 600;
	margin-bottom: 40px;
}
.m62 .section1 .conWrap .boxWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.m62 .section1 .conWrap .boxWrap .box {
	width: calc(50% - 15px);
	padding: 40px;
	background: #f8f8f8;
}
.m62 .section1 .conWrap .boxWrap .box .tit {
	font-size: var(--fz-24);
	font-weight: 600;
	margin: 40px 0 10px;
}
.m62 .section1 .conWrap .boxWrap .box ul li {
	font-size: var(--fz-18);
	line-height: 1.3em;
	color: #515151;
}
.m62 .section1 .conWrap .boxWrap .box ul li + li {
	margin-top: 5px;
}
.m62 .section1 .conWrap .notice {
	margin-top: 30px;
	width: 100%;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #adadad;
}
.m62 .section1 .conWrap .notice b {
	font-size: var(--fz-24);
	font-weight: 600;
}
.m62 .section1 .conWrap .notice ul {
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
.m62 .section1 .conWrap .notice ul li {
	position: relative;
	font-size: var(--fz-18);
	color: #515151;
	padding-right: 0;
}
.m62 .section1 .conWrap .notice ul li:after {
	display: none;
}
.m62 .section2 {
	padding: 100px 0;
	background: url(/images/page/m72_sec2_bg.jpg) no-repeat center / cover;
}
.m62 .section2 .secTit {
	font-size: var(--fz-28);
	font-weight: 600;
	color: #fff;
	margin-bottom: 60px;
}
.m62 .section2 .boxWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.m62 .section2 .boxWrap .box {
	width: calc(50% - 12px);
	padding: 50px 20px;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(20px);
	text-align: center;
}
.m62 .section2 .boxWrap .box .num {
	font-size: var(--fz-18);
	color: #515151;
	margin-bottom: 16px;
}
.m62 .section2 .boxWrap .box p {
	font-size: var(--fz-24);
	font-weight: 600;
}
.m62 .section3 {
	position: relative;
	padding: 100px 0;
	overflow: hidden;
}
.m62 .section3 .secTit {
	font-size: var(--fz-28);
	font-weight: 600;
	margin-bottom: 50px;
}
.m62 .section3 .step {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	row-gap: 40px;
}
.m62 .section3 .step li {
	position: relative;
	width: calc(33.333% - 16px);
	text-align: center;
}
.m62 .section3 .step li:before {
	display: none;
}
.m62 .section3 .step li .top {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m62 .section3 .step li .top .cc {
	position: relative;
	width: 90px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m62 .section3 .step li .top .cc:after {
	display: none;
}
.m62 .section3 .step li .top .tit {
	font-size: var(--fz-20);
	font-weight: 600;
	margin-top: 20px;
}
.m62 .section3 .step li .box {
	width: 100%;
	height: 120px;
	background: #f7f7f7;
	padding: 10px;
	margin-top: 30px;
	font-size: var(--fz-18);
	line-height: 1.6em;
	color: #515151;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m62 .section3 .infoWrap {
	margin-top: 80px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.m62 .section3 .infoWrap .infoBox {
	width: 100%;
	height: auto;
	min-height: 240px;
	padding: 40px 30px;
	border: 1px solid #ccc;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m62 .section3 .infoWrap .infoBox .tit {
	display: inline-block;
	width: fit-content;
	padding: 7px 20px;
	border-radius: 100px;
	background: #282c3c;
	font-size: var(--fz-18);
	font-weight: 500;
	color: #fff;
}
.m62 .section3 .infoWrap .infoBox p {
	font-size: var(--fz-20);
	font-weight: 600;
}
.m62 .section3 .infoWrap .infoBox ul li {
	padding-left: 30px;
	font-size: var(--fz-20);
	font-weight: 600;
}
.m62 .section3 .infoWrap .infoBox ul li + li {
	margin-top: 15px;
}
.m62 .section3 .infoWrap .infoBox ul li:first-child {
	background: url(/images/page/m72_sec3_info_icon1.png) no-repeat left top 8px;
}
.m62 .section3 .infoWrap .infoBox ul li:last-child {
	background: url(/images/page/m72_sec3_info_icon2.png) no-repeat left top 4px;
}
.m62 .section4 {
	padding: 100px 0;
	background: #f8f8f8;
}
.m62 .section4 .secTit {
	font-size: var(--fz-28);
	font-weight: 600;
	margin-bottom: 50px;
}
.m62 .section4 .formArea .form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}
.m62 .section4 .form select {
	width: 160px;
	height: 60px;
	border: 1px solid #ccc;
	padding: 0 30px;
	appearance: none;
	background: #fff url(/images/page/icon_form_arr.png) no-repeat calc(100% - 30px) center;
	font-size: var(--fz-16);
	color: #818181;
}
.m62 .section4 .form .searchWrap {
	width: calc(100% - 172px);
	min-width: 220px;
	flex: 1;
	height: 60px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	border: 1px solid #ccc;
	background: #fff;
}
.m62 .section4 .form .searchWrap input {
	border: none;
	width: calc(100% - 32px);
	font-size: var(--fz-16);
	height: 100%;
}
.m62 .section4 .form .searchWrap button {
	width: 32px;
	height: 32px;
	background: #fff url(/images/page/icon_search.png) no-repeat center;
	border: none;
}
.m62 .section4 .list {
	margin-top: 40px;
	border-top: 1px solid #ccc;
}
.m62 .section4 .list a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 36px 24px;
	border-bottom: 1px solid #ccc;
}
.m62 .section4 .list a .titWrap {
	width: calc(100% - 100px);
	padding-right: 5%;
}
.m62 .section4 .list a .titWrap .top {
	display: flex;
	align-items: center;
	gap: 10px;
}
.m62 .section4 .list a .titWrap .top .status {
	display: inline-block;
	padding: 4px 17px;
	border-radius: 50px;
	font-size: var(--fz-18);
	font-weight: 500;
	color: #fff;
	background: #ef4130;
}
.m62 .section4 .list a .titWrap .top .status.end {
	background: #ccc;
	color: #fff;
}
.m62 .section4 .list a .titWrap .top .level {
	font-size: var(--fz-18);
	font-weight: 500;
	color: #555;
}
.m62 .section4 .list a .titWrap .tit {
	font-size: var(--fz-22);
	font-weight: 600;
	margin: 20px 0;
}
.m62 .section4 .list a .titWrap .date {
	font-size: var(--fz-20);
	color: #818181;
}
.m62 .section4 .list a .titWrap .date img {
	margin-right: 10px;
}
.m62 .section4 .list a .arr {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #e6e6e6;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: all 0.3s;
}
.m62 .section4 .list a .arr span {
	font-size: var(--fz-18);
	color: #404040;
	transition: all 0.3s;
}
.m62 .section4 .list a .arr i {
	display: block;
	width: 18px;
	height: 18px;
	background: url(/images/page/m72_sec4_arr.png) no-repeat center / contain;
	margin-top: 6px;
	transition: all 0.3s;
}
.m62 .section4 .list a:hover .arr {
	background: #171719;
}
.m62 .section4 .list a:hover .arr span {
	color: #fff;
}
.m62 .section4 .list a:hover .arr i {
	background: url(/images/page/m72_sec4_arr_wh.png) no-repeat center / contain;
}
.m62_view {
}
.m62_view .section1 .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}
.m62_view .section1 .top .titWrap {
	width: calc(100% - 140px);
	padding-right: 5%;
}
.m62_view .section1 .top .titWrap .status {
	display: inline-block;
	padding: 4px 17px;
	border-radius: 50px;
	font-size: var(--fz-18);
	font-weight: 500;
	color: #fff;
	background: #ef4130;
}
.m62_view .section1 .top .titWrap .status.end {
	background: #ccc;
	color: #fff;
}
.m62_view .section1 .top .titWrap .tit {
	font-size: var(--fz-38);
	font-weight: 600;
	line-height: 1.6em;
	margin: 20px 0;
}
.m62_view .section1 .top .titWrap .date {
	font-size: var(--fz-18);
	color: #818181;
}
.m62_view .section1 .top .arr {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #171719;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: all 0.3s;
}
.m62_view .section1 .top .arr span {
	font-size: var(--fz-18);
	color: #fff;
	transition: all 0.3s;
}
.m62_view .section1 .top .arr i {
	display: block;
	width: 18px;
	height: 18px;
	background: url(/images/page/m72_sec4_arr_wh.png) no-repeat center / contain;
	margin-top: 6px;
	transition: all 0.3s;
}
.m62_view .section1 .top .arr:hover i {
	transform: translateX(4px);
}
.m62_view .section1 .btnWrap {
	margin-top: 80px;
	text-align: center;
}
.m62_view .section1 .conWrap {
	padding: 80px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.m62_view .section1 .btnWrap .listBtn {
	display: inline-block;
	font-weight: 500;
	font-size: var(--fz-21);
	color: #fff;
	background-color: #282c3c;
	padding: 24px 127px;
}

/* 모션 */
@keyframes showImg {
	0% {
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
	100% {
		clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	}
}
@keyframes showImg2 {
	0% {
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
	0% {
		clip-path: polygon(0 0, 28% 0, 58% 100%, 0 100%);
	}
	100% {
		clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	}
}
@keyframes showImg3 {
	0% {
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
	100% {
		clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	}
}
@keyframes opacityAni {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes scaleAni {
	0% {
		opacity: 0;
		transform: scale(1.3);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes scaleAni2 {
	0% {
		opacity: 0.5;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fadeUpAni {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeLeftAni {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fadeRightAni {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes imgMotion {
	0% {
		clip-path: inset(50%);
		opacity: 0;
	}
	100% {
		clip-path: inset(0);
		opacity: 1;
	}
}

.fadeUp {
	opacity: 0;
}
.fadeLeft {
	opacity: 0;
}
.fadeRight {
	opacity: 0;
}
.showImg {
	opacity: 0;
}
.clipImg {
	opacity: 0;
}
.scaleAni2 {
	opacity: 0;
}

.showImg.in-view {
	animation-name: showImg;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 1.2s;
	opacity: 1;
}
.showImg2.in-view {
	animation-name: showImg2;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 2s;
	opacity: 1;
}
.showImg3.in-view {
	animation-name: showImg3;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 1s;
	opacity: 1;
}
.opacity.in-view {
	animation-name: opacityAni;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 2s;
}
.fadeUp.in-view {
	animation-name: fadeUpAni;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 1.2s;
	opacity: 1;
}
.fadeLeft.in-view {
	animation-name: fadeLeftAni;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 1.2s;
	opacity: 1;
}
.fadeRight.in-view {
	animation-name: fadeRightAni;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 1.2s;
	opacity: 1;
}
.scaleAni.in-view {
	animation-name: scaleAni;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 2s;
}
.scaleAni2.in-view {
	animation-name: scaleAni2;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 1.5s;
	opacity: 1;
}
.clipImg.in-view {
	animation-name: imgMotion;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 0.1s;
	opacity: 0;
}
.pageTop .visual {
	transform: scale(1.2);
}
.pageTop.in-view .visual {
	transform: scale(1);
	transition: all 2s;
}
.pageTop .visualTextArea .title {
	opacity: 0;
	transform: translateY(20%);
}
.pageTop.in-view .visualTextArea .title {
	opacity: 1;
	transform: translateY(0);
	transition: all 1.2s 0.2s;
}

.m11 .section1 .container2 .contentArea .content1,
.m11 .section1 .container2 .contentArea .content3 {
	opacity: 0;
	transform: translateX(-50px);
}
.m11 .section1 .container2 .contentArea .content1.in-view,
.m11 .section1 .container2 .contentArea .content3.in-view {
	opacity: 1;
	transform: translateX(0);
	transition: all 1.2s 0.1s;
}
.m11 .section1 .container2 .contentArea .content2,
.m11 .section1 .container2 .contentArea .content4 {
	opacity: 0;
	transform: translateX(50px);
}
.m11 .section1 .container2 .contentArea .content2.in-view,
.m11 .section1 .container2 .contentArea .content4.in-view {
	opacity: 1;
	transform: translateX(0);
	transition: all 1.2s 0.1s;
}
.m11 .section3 .container1 .content1 .creedList .listItem {
	transform: rotateY(90deg);
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(1) {
	transition: transform 1s 0.2s;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(2) {
	transition: transform 1s 0.3s;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(3) {
	transition: transform 1s 0.4s;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(4) {
	transition: transform 1s 0.5s;
}
.m11 .section3 .container1 .content1 .creedList .listItem:nth-child(5) {
	transition: transform 1s 0.6s;
}
.m11 .section3 .container1 .content1 .creedList.in-view .listItem {
	transform: rotateY(0);
}
.m12 .section1 .container1 .containerTitle {
	opacity: 0;
	transform: translateX(-20%);
}
.m12 .section1 .container1 .content1.in-view .containerTitle {
	opacity: 1;
	transform: translateX(0);
	transition: all 1.2s;
}

.m13 .section1 .container .historyContent .title.ani,
.m13 .section1 .container .historyContent .listItem.ani {
	transition: all 1s 0.5s;
	transform: translateY(50px);
	opacity: 0;
}
.m13 .section1 .container .historyContent .title.in-view,
.m13 .section1 .container .historyContent .listItem.in-view {
	transform: translateY(0px);
	opacity: 1;
}