.function > ul {
	flex-wrap:wrap;
}

.function > ul > li{
	flex:auto;
	width:100%;
}

.system-info-label {
	height:8rem;
	font-size:1.5rem;
	line-height:1.2;
}

.system-item-half > .system-info .system-info-label {
	font-size:1.4rem;
}

.system-info-inner {
	line-height:1.2;
	font-size:1.5rem;
}

.mvs-item-label {
	font-size:1.8rem;
}

.mvs-item-strategy {
	flex-wrap: wrap;
}

.mvs-item-strategy li {
	flex:auto;	
	width:100%;
}

.intro-slogan-info-desc {
	display:inline;
}


@media (max-width:587px) {
	.intro-slogan-info br {
		display:none;
	}
	.intro-slogan-info-sign br {
		display:block;
	}
	
	
	.intro-slogan-info-sign {
		padding-right:50%;
	}
	
	.intro-slogan > img {
		width:22rem;
		margin-top:-24rem;
	}
	.system-wrapper{
		overflow:auto;
	}
	
	.system-wrapper .system {
		width:587px;
	}	
	
}

@media (max-width:420px) {
	
	.title h3 {
		font-size:3rem;
	}
	
	.bul6.half > li {
		width:100%;
	}
}

:root {
	--header-main-height : 10rem;
	--eng-color01 : #111;
	--eng-color02 : #12217D;
	--eng-color-green : 129, 175, 52;
	--eng-color-mint : 1, 167, 138;
	--eng-color-blue : 18, 33, 125;
	--eng-color-sky : 24, 119, 179;
	--radius-default : 1.2rem;
}

.eng-color01 {
	color: var(--eng-color01);
}

.eng-color02 {
	color: var(--eng-color02);
}

.eng-bg01 {
	background: #F3F4FB;
	border-radius: var(--radius-default);
}

#wrap {
	padding-top: var(--header-main-height);
}

.color01 {
	color: var(--eng-color01);
}
.color-green {
	color: rgb(var(--eng-color-green));
}
.color-mint {
	color: rgb(var(--eng-color-mint));
}
.color-blue {
	color: rgb(var(--eng-color-blue));
}
.color-sky {
	color: rgb(var(--eng-color-sky));
}
.layout {
	width: 140rem;
}
.contents {
	color: #555;
	letter-spacing: 0;
}

#sub .layout {
	padding-top: 8rem;
}

@media (max-width:1024px) {
	#sub .layout {
		padding-top:6rem;
	}
}


@media (max-width:768px) {
	#sub .layout {
		padding-top: 4rem;
	}
}

.location {
	margin-bottom: .4rem;
	font-size: 1.7rem;
}
.location-home {
	color: #111 !important;
	font-size: 1.7rem;
}
.location a {
	color: #555;
}
.location a:last-of-type {
	font-weight: 700;
	color: #111;
}

.title {
	margin-bottom: 4rem;
}

.title-info > div > a {
	background: #F6F7F9;
	border-radius: .8rem;
	border: none;
}

.title-info > div > a > i {
	line-height: 1;
}

.tab {
	gap: .8rem;
}
.tab li {
	flex: 1;
}

.tab a {
	min-width: auto;
	margin-right: 0;
	min-height: 9rem;
	align-items: center;
	justify-content: center;
	display: flex;
	border: 1px solid #ddd;
	border-radius: 1.2rem;
	color: #555;
	font-size: 1.8rem;
	background: #fff;
}
.tab li.active a {
	border: 2px solid #1A9C00;
	background: #f5fcf3;
	color: #1a9c00;
	font-weight: 600;
	line-height: calc(25/18);
}
.lnb-layout {
	border-radius: 0;
	border: none;
}
.lnb-title {
	height: auto;
	min-height: 14rem;
	background: linear-gradient(to right, #70BB00, #009BC2);
	border-radius: 2rem;
}

.lnb-title span {
	font-size: 2.8rem;
}

.lnb-title span::after {
	display: none;
}
.lnb-menu {
	line-height: calc(25/18);
}
.lnb-menu > li > a {
	padding: 2rem 4rem 2rem 1rem;
	font-size: 1.8rem;
	font-weight: 500;
}
.lnb-menu > li > a.active {
	border-bottom: 2px solid #1A9C00;
	background: transparent;
	font-weight: 700;
	color: #111;
}
.lnb-menu > li > a.active.arrow::after {
	background: linear-gradient(30deg, #8EC43E, #2EBCE0);
	color: #fff;
}
.lnb a.arrow::after {
	width: 2.4rem;
	height: 2.4rem;
	background: #f6f7f9;
	border-radius: 50%;
	font-size: 1.8rem;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	right: 1rem;
	line-height: 1;
}
.lnb-depth {
	background: #F6F7F9;
	padding: 2rem 3rem;
}
.lnb-depth > ul > li + li{
	margin-top: .8rem;
}
.lnb-depth > ul > li > a {
	font-size: 1.7rem;
	color: #555;
}
.lnb-depth > ul > li > a::before {
	background: #d9d9d9;
	top: .9rem;
}
.lnb-depth > ul > li > a.active {
	color: #111;
	font-weight: 600;
	text-decoration: none;
}
.lnb-depth > ul > li > a.active::before {
	background: #1A9C00;
}

* + .bul1 {
	margin-top: 1rem;
}

.bul1 > li {
	line-height: calc(25/18);
}
.bul1 > li::before {
	top: .95rem;
}

.majortasks {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.majortasks-item {
	border: .6rem solid #F6F7F9;
	border-radius: 1rem;
	overflow: hidden;
	padding: 3.5rem 6rem;
	display: flex;
	align-items: center;
}

.majortasks-item-number {
	font-size: 1.8rem;
	color: #111;
	font-weight: 700;
	margin-right: 3rem;
	flex-shrink: 0;
}

.majortasks-item-icon {
	width: 14rem;
	aspect-ratio: 1/1;
	overflow: hidden;
	margin-right: 4rem;
	flex-shrink: 0;
}

.majortasks-item-icon img {
	width: 100%;
}

.majortasks-item-information strong {
	color: #111;
	font-size: 2.2rem;
	line-height: 1.25;
}

@media (max-width:768px) {
	.majortasks-item {
		padding: 3.5rem;
	}

	.majortasks-item-number {
		display: none;
	}
}

@media (max-width:487px) {
	.majortasks-item {
		flex-direction: column;
		gap: 2rem;
	}

	.majortasks-item-icon {
		margin-right: 0;
	}

	.majortasks-item-information strong {
		width: 100%;
		display: block;
		text-align: center;
	}
}

.service {
	position: relative;
}

.service-step {
	display: flex;
	position: relative;
}

.service-step::before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	border:1px dashed #8990BE;
	position: absolute;
	top: calc(4.4rem - 0.5px);
	left: 0;
}

.service-step-item {
	flex: 1;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.service-step-label {
	height: 4.4rem;
	display: block;
	text-align: center;
	position: relative;
	padding-bottom: 1.9rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: #12217d;
	margin-bottom: 2.2rem;
}

.service-step-label::after {
	display: block;
	content: "";
	width: .75rem;
	height: .75rem;
	background: #12217D;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	transform: translateY(50%);
}

.service-step-information {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.service-step-information-title {
	font-size: 1.9rem;
	color: var(--eng-color01);
	font-weight: 700;
	margin-bottom: 1.9rem;
	flex-grow: 1;
}

.service-box {
	margin: 2rem 0;
	display: flex;
	gap: 1rem;
}

.service-box-item {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex: 1;
}

.service-box-title {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding:.5rem 1rem;
	min-height: 6.2rem;
	font-size: 1.9rem;
	font-weight: 700;
	color: #fff;
	background: var(--service-box-title);
	border-radius: .6rem;
	flex-shrink: 0;
	line-height: calc(24/19);
}

.service-box-title[data-size="lg"] {
	min-height: 8.7rem;
}

.service-box-information {
	border: 1px solid #ddd;
	border-radius: .6rem;
	padding: 3rem;
	flex-grow: 1;
	line-height: calc(22/17);
	font-size: 1.7rem;
	position: relative;
	background: var(--service-box-background);
	color: #555;
}

.service-box-information::after {
	display: flex;
	content: var(--service-box-type);
	position: absolute;
	top: 50%;
	left: calc(100% + .5rem);
	transform: translate(-50%,-50%);
	width: 4.5rem;
	height: 4.5rem;
	border: 1px solid #ddd;
	color: #111;
	font-size: 2rem;
	font-weight: 400;
	background: #fff;
	font-family: 'remixicon';
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
	z-index: 1;
}

.service-box-item:last-of-type .service-box-information::after {
	display: none;
}

.service-box[data-type="progress"] {
	--service-box-type : "\ea6e";
}

.service-box[data-type="plus"] {
	--service-box-type : "\ea12";
}

.service-box-item[data-color="green"] {
	--service-box-title :#81AF34;
}

.service-box-item[data-color="mint"] {
	--service-box-title :#01A78A;
}

.service-box-item[data-color="blue"] {
	--service-box-title :#1877B3;
}

.service-box-information[data-color="gray"] {
	background: #F8F8FA;
	border-color: #F8F8FA;
}

.service-box-information[data-color="green"] {
	background: #F7FAF0;
	border-color: #F7FAF0;
}

.service-box-information[data-color="blue"] {
	background: #EDF9F6;
	border-color: #EDF9F6;
}

.service-box-information[data-color="mint"] {
	background: #F0F6FA;
	border-color: #F0F6FA;
}

@media (max-width:768px) {
	.service-step {
		flex-direction: column;
		gap: 2rem;
	}
	.service-step::before {
		width: 1px;
		height: calc(100% - 2rem);
		top: 0;
		bottom: 0;
		margin: auto 0;
		left: calc(.75rem / 2 - 1px);
	}
	.service-step-label {
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 2rem;
		height: auto;
		white-space: nowrap;
		flex-shrink: 0;
		width: 7.5rem;
	}
	.service-step-label::after {
		left: 0;
		right: auto;
		margin: auto 0;
		top: 0;
		bottom: 0;
		transform: none;
	}
	.service-step-item{
		flex-direction: row;
		align-items: center;
		gap: 2rem;
	}
	.service-step-information-title {
		margin-bottom: 0;
	}
	.service-step-information {
		flex-direction: row;
		align-items: center;
		gap: 4rem;
	}
	.service-step-information-title {
		text-align: left;
	}
	.service-step-information-icon {
		flex-shrink: 0;
		width: 5rem;
	}
	.service-box {
		flex-direction: column;
		gap: 6rem;
	}
	.service-box-information::after {
		top: calc(100% + 3rem);
		left: 50%;
		transform: translate(-50%,-50%) rotate(90deg);
	}
}
.greeting-image {
	background: url(/resources/images/eng/content/greeting-background.png)no-repeat center center /cover;	
	display: flex;
	align-items: center;	
	padding: 6rem 9rem 8.5rem 9rem;
	position: relative;
	margin-bottom: 7rem;
	border-radius: 1rem;
}

.greeting-image-text {
	display: flex;
	flex-direction: column;
}

.greeting-image-text-icon {
	width: 4.1rem;
	margin-bottom: 1.8rem;
}

.greeting-image-text-title {
	font-size: 2.9rem;
	font-weight: 700;
	line-height: calc(40/29);
	margin-bottom: 5.7rem;
	color: var(--eng-color01);
}

.greeting-image-text-sign {
	display: flex;
	gap: .6rem;
	font-size: 1.8rem;
	flex-wrap: wrap;
}

.greeting-image-text-sign strong {
	color: var(--eng-color01);
	font-weight: 700;
}

.greeting-image-captain {
	position: absolute;
	right: 3rem;
	/* top: -4.2rem; */
	/* width: calc(378 / 1070 * 100%); */
	width: 37.8rem;
	bottom: -8.6rem;
}

.greeting-detail {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}

.greeting-detail strong {
	font-size: 2.3rem;
	font-weight: 700;
	color: var(--eng-color01);
}

.greeting-detail p {
	font-size: 1.7rem;
	color: #555;
}

@media (max-width:1024px) {
	.greeting-image {
		padding: 6rem 4rem;
	}
	.greeting-image-captain {
		right: -4rem;
	}
}

@media (max-width:768px) {
	.greeting-image {
		flex-direction: column;
		padding-bottom: 0;
	}
	.greeting-image-captain {
		position: relative;
		margin: -15rem 0 0;
		right: auto;
	}
	.greeting-image-text {
		width: 100%;
	}
	.greeting-image-text-title {
		margin-bottom: 3rem;
	}

	.greeting-image-text br {
		display: none;
	}

}

.cibox {
	padding: 7rem 10rem;
	display: flex;
	flex-direction: column;
	gap: 4rem;
}

.cibox-item {
	display: flex;
	gap: 7rem;
	align-items: center;
}

.cibox-title {
	flex-shrink: 0;
	font-size: 2rem;
	font-weight: 600;
	line-height: calc(28/20);
	color: var(--eng-color01);
	width: var(--cibox-title-width);
	padding: 0 2rem;
}

.cibox-information {
	flex-grow: 1;
	display: flex;
}
.cibox-information:has(.cibox-color-type) {
	justify-content: space-between;
	gap: 1rem;
}
.cibox-color-type {
	width: 13.6rem;
	max-width: calc(100% / 3 - 1rem * 2 / 3);
}

.cibox[data-type="color"] {
	--cibox-title-width : 18.4rem;
}

.cibox[data-type="logo"] {
	--cibox-title-width : 15.9rem;
}

@media (max-width:1024px) {
	.cibox {
		padding: 6rem;
	}
}

@media (max-width:768px) {
	.cibox {
		padding: 4rem;
		text-align: center;
	}
	.cibox-item {
		flex-direction: column;
		gap: 2rem;
	}
	.cibox-title {
		width: 100%;
	}
	.cibox-title br {
		display: none;
	}
	.cibox-information {
		width: 100%;
	}
	.cibox-color-type {
		margin: 0 auto;
	}
}

.org {
	margin: 0;
	padding: 6rem 6.4rem 15.6rem 6.4rem;
	width: 100%;
	letter-spacing: 0;
}

.org::before {
	top: 6rem;
	height: 43.3%;
}

.org-captain {
	width: 16.2rem;
	height: 16.2rem;
	background: linear-gradient(30deg, #8EC43E, #2EBCE0);
	border-radius: 50%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.org-captain a {
	border-radius: 50%;
	background: #fff;
	width: 14.2rem;
	height: 14.2rem;
	font-size: 2.2rem;
}

.org-captain > a:before {
	display: none;
}

.org2 {
	margin: 1.3rem 0;
}

.org2-item {
	width:50%;
	margin-left: 50%;
	display: flex;
	justify-content: center;
	position: relative;
}

.org2-item::before {
	content: "";
	width: 30%;
	height: 1px;
	background: #ddd;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: -1;
}

.org2-item > a {
	width: 23rem;
	background: #EEF3DE;
	height: 6.8rem;
	color: #84AC00;
	font-weight: 600;
	border-radius: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.2;
}

.org-subcaptain {
	justify-content: center;
}

.org-subcaptain a {
    width: 23rem;
    height: 6.8rem;
    border-radius: 30rem;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
}

.org3 {
	padding-top: 4.9rem;
}

.org3::after {
	top: 4.9rem;
}

.org3-item {
	width: 100%;
	padding-top: 4.9rem;
}

.org3-item > a {
	position: relative;
	font-weight: 500;
}

.org3-item > a::before {
	display: block;
	content: "";
	width: .7rem;
	height: .7rem;
	background: #01A78A;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	transform: translateY(-50%);
	z-index: 1;
}

.org3-item:nth-of-type(2) > a::after {
	display: none;
}

.org3-item > a::after {
	content: "";
	width: 1px;
	height: 4.9rem;
	background: #ddd;
	position: absolute;
	left: 50%;
	top: -5rem;
	z-index: -1;
}

.org3-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 7rem;
	color: #111;
	background: #F2F9F8;
	border: 2px solid #01A78A;
	line-height: calc(22/17);
	border-radius: 1.2rem;
	font-weight: 400;
	font-size: 1.7rem;
	padding: 1rem 2rem;
	text-align: center;
}

.org4 {
	margin-top: .8rem;
}

.org4-item a {
	background: #F8F8FA;
	border-color: #F8F8FA;
	color: #555;
} 

.org5 {
	width: 100%;
	margin-left: 0 !important;
	position: relative;
}

.org5::before {
	content: "";
	width: 1px;
	height: calc(100% - 3.5rem + 2rem);
	background: #ddd;
	position: absolute;
	left: 2rem;
	top: -2rem;
}

.org5-item {
	width: calc(100% - 4rem);
	position: relative;
}
.org5-item::before {
	content:"";
	width: 50%;
	height: 1px;
	background: #ddd;
	position: absolute;
	left: -2rem;
	top: 50%;
	z-index: -1;
}
.org5-item a {
	width: 100%;
	padding: 1rem;
	/* height: auto; */
}

@media (max-width:768px) {
	.org {
		padding: 0;
		margin: 4rem 2rem;
		width: calc(100% - 4rem);
	}
	.org::before {
		height: calc(100% - 25.5rem);
	}
	.org-captain {
		margin: 0;
	}
	.org-subcaptain {
		width: 13.4rem;
		height: 13.4rem;
	}
	.org-subcaptain a {
		border-radius: 50%;
		text-align: center;
		width: 100%;
		height: 100%;
	}
	.org2-item {
		width: 100%;
		margin-left: 0;
		margin-left: 7.5rem;
		padding-left: 7.5rem;
		justify-content: flex-start;
	}
  .org2-item > a {
    width: calc(100% - 7.5rem);
  }
  .org2-item > a br {
    display: none;
  }
	.org3 {
		flex-direction: column;
		margin-left: 7.5rem;
		padding-left: 7.5rem;
	}

	.org3-item {
		padding-top: 0;
	}

	.org3-item + .org3-item {
		margin-top: 1rem;
	}

	.org3-item::before {
		left: 0;
		width: 3rem;
		height: 1px;
		bottom: auto;
		top: calc(3.5rem - 2px);
	}
	.org3-item > a::before {
		top: 0;
		bottom: 0;
		left: -.35rem;
		margin: auto 0;
	}
	.org3-item > a::after {
		width: 7.5rem;
		height: 1px;
		left: -7.7rem;
		top: 46%;
		display: block !important;
	}
	.org4:before {
		z-index: -1;
	}
  .org4-item a br {
    display: none;
  }

	.org5::before,
	.org5-item::before {
		display: none;
	}
	.org5-item,
	.org5-item a {
		width: 100%;
	}
}

.direction-image {
	width: 100%;	
	aspect-ratio: 950/444;
}
.direction-image .root_daum_roughmap {
	width: 100% !important;
	height: 100%;
}
.direction-image .wrap_map {
	height: 100% !important;
}
.direction-image img {
	width: 100%;
}

.direction-location {
	margin-top: 2rem;
	margin-bottom: 6rem;
	border-top: 1px solid #000;
}

.direction-location-item {
	padding: 3rem 4rem;
	display: flex;
	align-items: center;
	gap: 3rem;
	border-bottom: 1px solid #ddd;
}

.direction-location-item img {
	width: 6rem;
	flex-shrink: 0;
}

.direction-location-item strong {
	font-size: 2rem;
	font-weight: 600;
	color: #111;
	flex-grow: 1;
}

.direction-box {
	display: flex;
	gap: 1rem;
}

.direction-box-item {
	border: 1px solid #ddd;
	border-radius: 2rem;
	padding: 5rem;
	flex: 1;
}

.direction-box-title {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-bottom: 3rem;
}

.direction-box-title-icon {
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background: #F8F8FA;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.2rem;
	color: #111;
}

.direction-box-title-name {
	font-size: 2.2rem;
	color: #111;
	font-weight: 600;
}

.direction-box-information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 3rem;
}

.direction-box-information-label {
	padding: .2rem 1rem;
	color: #fff;
	border-radius: .4rem;
	font-size: 1.7rem;
	font-weight: 600;
	background: var(--direction-box-information-label);
	margin-bottom: 1.4rem;
}

.direction-box-information-label[data-color="green"] {
	--direction-box-information-label : #4A932B;
}

.direction-box-information-label[data-color="sky"] {
	--direction-box-information-label : #4DA2DF;
}

.direction-box-information-label[data-color="blue"] {
	--direction-box-information-label : #0C259D;
}

.direction-box-information:last-of-type {
	margin-bottom: 0;
}

.direction-box-information .bul1 {
	margin-top: 0;
}

.direction .alphabet {
	padding-left: 0;
}

.direction .alphabet-string {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	background: #111;
	font-family: inherit;
	top: auto;
	transform: none;
	left: auto;
	font-size: 1.6rem;
}

.direction-box-information-line .alphabet-string {
	position: relative;
	flex-shrink: 0;
	margin-top: .35rem;
}

.direction-box-information-line-detail {
	flex-grow: 1;
}

.direction-box-information-line {
	display: flex;
	gap: 1rem;
	margin-bottom: 3rem;
}

.direction-box-information-line:last-of-type {
	margin-bottom: 0;
}

.direction .bus-type {
	margin-bottom: 1rem;
}

.direction .bus-type span {
	background: rgba(212, 0, 17, 0.05);	
	color: #D40011;
	font-size: 1.7rem;
	font-weight: 600;
}

.direction .bus-type2 span {
	background: rgba(12, 37, 157, 0.05);
	color: #0C259D;
}

.direction .bus-type3 span {
	background: rgba(1, 167, 138,0.05);
	color:#01A78A;
}

.direction-info-table td {
	vertical-align: middle;
}

.direction-info-table .alphabet-string {
	margin: 0 auto .75rem;
}

@media (max-width:1024px) {
	.direction-location-item {
		padding: 2rem;
		gap: 2rem;
	}
}

@media (max-width:768px) {
	.direction-box {
		flex-direction: column;
	}
	.direction-box-item {
		padding: 3rem;
	}
	.direction-box-information-line {
		margin-bottom: 1.5rem;
	}
}

.table-container table tr th {
	background: #F6F7F9;
	color: var(--eng-color01);
}

.table-container table tr th, .table-container table tr td {
	padding: 2rem;
}

.mission {
	display: flex;
	position: relative;
	gap: 2.3rem;
}

.mission::before,
.mission::after {
	display: block;
	content: "";
	width: 4.4rem;
	border: 1.5rem solid #f6f7f9;
	flex-shrink: 0;
}

.mission::before {
	border-right: none;
}

.mission::after {
	border-left: none;
}

.mission-label {
	width: 16.2rem;
	padding: 1rem;
	height: 16.2rem;
	background: linear-gradient(to right, #8EC43E, #2EBCE0);
	border-radius: 50%;
	flex-shrink: 0;
	margin: 4rem 0;
}

.mission-label span {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 2.2rem;
	color: #111;
	background: #fff;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	font-weight: 700;
}

.mission-text {
	flex-grow: 1;
	padding: .7rem;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: calc(39/28);
	display: flex;
	align-items: center;
	color: #111;
}

.mission-arrow {
	margin: 4rem 0;
	text-align: center;
}

@media (max-width:768px) {
	.mission {
		flex-direction: column;
		text-align: center;
		align-items: center;
		padding: 3rem 6rem;
	}
	.mission-label {
		margin: 0;
	}
	.mission::before, .mission::after {
		position: absolute;
		height: 100%;
		top: 0;
	}
	.mission::before {
		left: 0;
	}
	.mission::after {
		right: 0;
	}
	.mission-label {
		width: 14rem;
		height: 14rem;
	}
	.mission-text {
		padding: 0;
		font-size: 2.4rem;
	}
}
.core-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 5.2rem;
}

.core-item[data-color="green"] {
	--core-label-color : var(--eng-color-green)
}

.core-item[data-color="mint"] {
	--core-label-color : var(--eng-color-mint)
}

.core-item[data-color="blue"] {
	--core-label-color : var(--eng-color-blue)
}

.core-item[data-color="sky"] {
	--core-label-color : var(--eng-color-sky)
}

.core-label {
	background: rgba(var(--core-label-color), 0.2);
	padding: .8rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	border-radius: 30rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	line-height: calc(26/20);
	margin-bottom:1.8rem;
	height: 6.6rem;
}

.core-label span {
	background: rgb(var(--core-label-color));
	padding: .5rem 2.6rem;
	border-radius: 30rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.core-boxes {
	display: flex;
	gap: .8rem;
	flex-wrap: wrap;
}

.core-boxes-item {
	--core-boxes-width : 100%;
	width: var(--core-boxes-width);
	padding: 1.8rem 1rem;
	text-align: center;
	font-size: 1.9rem;
	line-height: calc(26/19);
	font-weight: 600;
	background: #F8F8FA;
	border-radius: 1.2rem;
	align-items: center;
	justify-content: center;
	display: flex;
}

.core-boxes-item[data-size="half"] {
	--core-boxes-width : calc(100% / 2 - .8rem * 1 / 2)
}

.core-boxes-item[data-size="third"] {
	--core-boxes-width : calc(100% / 3 - .8rem * 2 / 3)
}

.core-values {
	margin-top: calc(-3.3rem - 1.8rem);
	padding: 7.5rem 3rem 5.4rem;
	text-align: center;
	background: #F8F8FA;
	border-radius: 1.2rem;
	position: relative;
	z-index: -1;
	width: 100%;
	position: relative;
}	

.core-bases {
	background: #f8f8fa;
	padding: 3.15rem;
	text-align: center;
	width: 100%;
	font-weight: 600;
	border-radius: 1.2rem;
	font-size: 1.9rem;
}

@media (max-width:768px) {
	.core br{
		display: none;
	}
	.core-item .fs-26 {
		font-size: 2.2rem;
	}

	.core-boxes-item {
		width: 100% !important;
	}
}

.strategybox {
	padding: 6rem 10rem 6.4rem;
	border-radius: 1.2rem;
	overflow: hidden;
	background: #F8F8FA;
}

.strategybox-title {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	margin-bottom: 4.4rem;
}

.strategybox-title span {
	font-size: 1.8rem;
	font-weight: 600;
	color: #aaa;
}

.strategybox-title strong {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: calc(39/28);
	color: #111;
}

.strategybox-goal {
	padding: 0 4.8rem;
	display: flex;
	flex-direction: column;
	gap: 2.6rem;
	background: url(/resources/images/eng/content/strategy-goal-background.png)no-repeat right 0 bottom 0 / 40.5rem 56rem;
}

.strategybox-goal-item {
	display: flex;
	gap: 3rem;
}

.strategybox-goal-icon {
	width: 12rem;
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 50%;
	flex-shrink: 0;
}

.strategybox-goal-icon img {
	width: 100%;
}

.strategybox-goal-text {
	display: flex;
	flex-direction: column;
	gap: .7rem;
}

.strategybox-goal-text strong {
	font-weight: 700;
	color: #111;
	font-size: 3.2rem;
}

.strategybox-goal-text p {
	font-size: 1.9rem;
}

@media (max-width:768px) {
	.strategybox {
		padding: 4rem 3rem;
	}
	.strategybox-goal {
		padding: 0;	
		background-size: 30rem 41.5rem;
	}
	.strategybox-goal-item {
		align-items: flex-start;
	}
	.strategybox-title {
		margin-bottom: 3rem;
	}
	.strategybox-title strong {
		font-size: 2.4rem;
	}
	.strategybox-goal-icon {
		width: 10rem;
	}
	strategybox-goal-text {
		width: 100%;
	}
	.strategybox-goal-text strong {
		font-size: 2.8rem;
	}
	.strategybox-goal-text p {
		font-size: 1.7rem;
	}
	.strategybox-goal-text p br {
		display: none;
	}
}

@media (max-width:487px) {
	.strategybox-goal-icon {
		display: none;
	}
}
.tasks {
	display: flex;
	gap: 11rem 1rem;
	flex-wrap: wrap;
	padding-top: 5rem;
}

.tasks-item {
	width: calc(100% / 2 - 1rem * 1 / 2);
	border: .5rem solid #eee;
	padding: 7.3rem 6rem;
	position: relative;
	border-radius: 2rem;
}

.tasks-item[data-color="green"] {
	--tasks-label-background : rgb(var(--eng-color-green))
}

.tasks-item[data-color="mint"] {
	--tasks-label-background : rgb(var(--eng-color-mint))
}

.tasks-item[data-color="blue"] {
	--tasks-label-background : rgb(var(--eng-color-blue))
}

.tasks-item[data-color="sky"] {
	--tasks-label-background : rgb(var(--eng-color-sky))
}

.tasks-label {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	background: var(--tasks-label-background);
	color: #fff;
	width: 10rem;
	aspect-ratio: 1/1;
	overflow: hiddne;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	font-weight: 700;
	z-index: 1;
	border-radius: 50%;
}

.tasks-information {
	line-height: calc(28/20);
}

.nm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 2rem;
	height: 2rem;
	background: #111;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	border-radius: 50%;
}

@media (max-width:1024px) {
	.tasks {
		gap: 8rem 1rem;
	}
	.tasks-item {
		padding: 7.3rem 4rem 4rem;
	}
}

@media (max-width:768px) {
	.tasks {
		flex-direction: column;
	}

	.tasks-item {
		width: 100%;
	}
}

.functions {
	display: flex;
	flex-direction: column;
	gap: 6rem;
}

.functions-container {
	border-bottom: 1px solid #ddd;
	padding-bottom: 6rem;
	display: flex;
	flex-direction: column;
}

.functions-container .title2 {
	font-weight: 600;
	letter-spacing: 0;
}

.functions-wrapper {
	display: flex;
	flex-direction: column;
	gap: 4rem;
	width: 100%;
}

.functions-item {
	display: flex;
	gap: 4rem;
	align-items: center;
	width: 100%;
}

.functions-icon {
	width: 14rem;
	aspect-ratio: 1/1;
	overflow: hidden;
	flex-shrink: 0;
}

.functions-icon img {
	width: 100%;
}

.functions-information {
	flex-grow: 1;
}

@media (max-width:768px) {
	.functions {
		gap: 4rem;
	}
	.functions-container {
		padding-bottom: 4rem;
	}
	.functions-item {
		gap: 3rem;
		align-items: flex-start;
	}
	.functions-icon {
		width: 10rem;
	}
}
@media (max-width:487px) {
	.functions-icon {
		display: none;
	}
}
.historys-image {
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 6rem;
}

.historys-image img {
	width: 100%;
}

.historys-title {
	margin-bottom: 4rem;
}

.historys-title span {
	display: block;
	color: #aaa;
	font-size: 2rem;
	letter-spacing: -0.02em;
	font-weight: 600;
	margin-bottom: 1.2rem;
}

.historys-title strong {
	font-size: 3.6rem;
	color: #111;
	font-weight: 700;
	line-height: 1.1;
}

.historys-list {
	border-top: .15rem solid #111111;
}

.historys-list-item {
	padding: 3rem 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	gap: 4rem;
	align-items: flex-start;
}

.historys-list-item:last-of-type {
	border-bottom: none;
}

.historys-list-year {
	font-size: 5rem;
	font-weight: 800;
	line-height: 1;
	color: #111;
}

.historys-list-information {
	flex-basis: 58.4rem;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.historys-list-information-item {
	display: flex;
	gap: 2rem;
}

.historys-list-information-month {
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #111;
}

.historys-list-information-detail {
	color: #111;
	font-size : 1.8rem;
	line-height : calc(25/18);
}

.historys-list-information-detail > *:first-child {
	margin-top: 0;
}

.historys-list-information-detail p {
	margin-top: 1.6rem;
}

.historys-list-information-detail span {
	font-size: 1.5rem;
	color: #767676;
	margin-top: .6rem;
	display:block;
}

@media (max-width:768px) {
	.historys-title {
		margin-bottom: 3rem;
	}

	.historys-list-item {
		flex-direction: column;
		gap: 2rem;
	}
	.historys-list-information {
		flex-basis: auto;
	}
}
.board-gallery-video .board-gallery-item-img {
	padding-bottom: 0;
	aspect-ratio: 330/240;
	height: auto;
}

.board-gallery-video .board-gallery-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.board_pager {
	gap: .4rem;
}

.board_pager a {
	margin-left: 0;
}

.board_pager a:hover {
	background: #F4F4F4;
}

.board_pager a.active {
	background: #333 !important;
}

.board-current span strong {
	font-weight: 700;
}

.board-current span strong {
	font-weight: 700;
}

.board-search {
	height: 4rem;
}

.board-search-select {
	margin-right: .8rem;
	border-radius: 0;
	border: 1px solid #d9d9d9;
}

.board-search-input {
	border-radius: 0;
	border: 1px solid #d9d9d9;
}

.board-search-btn button {
	background: transparent;
}

.board-search-btn button i {
	color: #333;
}

.board-gallery-item-nodata {
	background: #F6F7F9;
	min-height: 24rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.65rem;
	width: 100%;
}