/* modal S */
.modal02{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: auto;
	padding: 35px 25px;
	background-color: #fff;
}
.modal02_wrap{
	overflow-y: scroll;
	z-index: 9999;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	max-height: 100vh;
	background-color: rgba(0, 0, 0, 0.8)
}
.modal02_wrap h3{
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
}
.modal02_wrap p{
	line-height: 22px;
	font-size: 13px;
}
.modal02_wrap strong{
	display: block;
	font-size: 13px;
	margin-top: 10px;
}
.modal02_wrap .btn_wrap{
	width: fit-content;
	margin-left: auto;
}
.modal02_wrap button{
	padding: 7px 20px;
	color: #014783;
	border: 1px solid #014783;
	margin-top: 20px;
}
.modal02_wrap .close_btn{
	margin-right: 10px;
}
.modal02_wrap .close_24h_btn{
	color: #fff;
	background-color: #014783;
}
/* modal E */

/* header S */
header.open {
	background: rgba(255, 255, 255, 0.6);
}
.open .header__nav-item {
	color: var(--black);
}
.open .language__globe {
	filter: invert(100%);
}
.open .header__logo a {
	background-image: url(/images/common/logo_kukbo_black.png);
}
.open #headerSubBtn:checked + .header-sub__button {
	filter: invert(100%);
}
/* header E */

.wrap {
	width: 100%;
	min-width: 1500px;
	height: auto;
}
section {
	position: relative;
}

/* banner S */
.banner {
	position: relative;
	width: 100%;
	height: 100vh;
	background: lightgray;
	overflow-y: hidden;
}
.banner>div{
	height: 100%;
}
.banner video {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
/* .banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	z-index: 1;
} */
.banner-content {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 1140px;
	transform: translateX(-50%);
	z-index: 3;
}
.mouse_icon{
	z-index: 10;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0px);
	animation: mouse_ani 1.5s ease-in infinite;
}
@keyframes mouse_ani{
	0%{
		transform: translate(-50%, 0px);
	}
	50%{
		transform: translate(-50%, 7px);
	}
	100%{
		transform: translate(-50%, 0px);
	}
}
/* .banner-txt {
	position: absolute;
	left: 0;
	top: 50%;
} */

/* .banner-content-wrap {
	width: 430px;

	text-align: start;
	color: #fff;
	font-weight: 500;
}
.banner-content-wrap p:nth-child(1) {
	margin-bottom: 10px;

	font-size: 24px;
	line-height: 33px;
	letter-spacing: 0px;
}
.banner-content-wrap p:nth-child(2) {
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
} */


.banner-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	width: 1140px;
	height: 220px;
	z-index: 2;
}
.banner-txt__item {
	position: absolute;
	top: 50%;
	left: 0;
	width: 320px;
	transition: 0.5s;
	color: var(--pri-white);
}
.banner-txt__item h2 {
	margin-bottom: 17px;

	font-size: 24px;
	font-weight: 500;
	line-height: 33px;
	letter-spacing: 0px;
}
.banner-txt__item p {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0px;
}

/* .page-navi-bar {
	position: absolute;
	left: 50%;
	top: 80%;
	top: calc(50% + 200px);
	transform: translateX(-50%);
	width: 100%;
	max-width: 1140px;
	height: 30px;
	z-index: 1;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.page-count {
	margin-right: 10px;

	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0px;
	color: #fff;
}
.slide-progress-bar {
	position: relative;
	width: 260px;
	height: 2px;
	background: rgba(255, 255, 255, 0.3);
}
@keyframes autoProgress {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.slide-progress-bar > div {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1%;
	background-color: #fff;
} */
/* banner E */

/* features S */
.features {
	height: auto;
	width: 100%;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.features > * {
	flex-shrink: 0;
	width: 50%;
}
.features__images {
	width: 50%;
	position: relative;
	overflow-x: hidden;
}
.features__image-wrap {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100vh;
	background: gray;
	overflow: hidden;
}
.features__image-wrap--active {
	position: fixed;
	width: 50%;
}
.features__image-wrap--after {
	position: absolute;
	top: auto;
	bottom: 0;
}
.features__image-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.features__image {
	min-width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.5s;
}
.features__image--view {
	z-index: 1;
	opacity: 1;
}

.features__contents {
	position: relative;
	height: auto;
}
.features__contents ul {
	background: #014783;
}
.features__contents ul li {
	height: 100vh;
	padding-top: 45vh;
}
:lang(en) .features__contents ul li {
	padding-top: 31vh;
}
.feature-content {
	width: 100%;
	margin: auto;

	text-align: center;
	color: #fff;
}
.feature-content__title {
	margin-bottom: 28px;

	font-size: 36px;
	font-weight: 500;
	line-height: 48px;
	letter-spacing: 0px;
}
.feature-content__description {
	/* font-family: Noto Sans KR; */
	font-size: 24px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 0px;
	padding-left: 5%;
	padding-right: 5%;
}
.feature-content__cover {
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	width: 100%;
	background: linear-gradient(
		#014783,
		rgba(0, 0, 0, 0) 40%,
		rgba(0, 0, 0, 0) 70%,
		#014783
	);
	/* background: linear-gradient(
		red,
		rgba(0, 0, 0, 0) 30%,
		rgba(0, 0, 0, 0) 80%,
		red
	); */
}
.feature-content__cover--active {
	position: fixed;
	width: 50%;
}

.feature-content__cover--after {
	position: absolute;
	top: auto;
	bottom: 0;
}
/* features E */
/* business S */
.business {
	padding: 130px 0;
	padding-bottom: 180px;
	background-color: var(--black);
}
.business>div{
	display: flex;
	width: 1500px;
	margin: 0px auto;
}
.business__txt {
}

.business__title {
	position: relative;
	padding-bottom: 20px;
	/* font-family: Noto Sans KR; */
	font-size: var(--font-size-h2);
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0px;
	color: #fff;
}
.business__description {
	margin-bottom: 40px;

	/* font-family: Noto Sans KR; */
	font-size: 24px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: 0px;
	color: #fff;
}
.business-contents {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 30px 20px;
	justify-content: space-between;

	height: 740px;
}
.business-contents__item {
	position: relative;
	z-index: 10;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
	overflow: hidden;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;

	width: 336px;
	height: 336px;
	color: #fff;
}
.business-contents__item:first-of-type{
	background: var(--primary);
}
.business-contents__item-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 101%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	z-index: -1;
}
.business-contents__title {
	padding-left: 20px;
	padding-bottom: 10px;

	font-size: 24px;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: 0px;
}
.business-contents__title>span{
	font-size: 16px;
}
.business-contents__item--hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 10px;
	background-color: var(--primary);
	opacity: 0;
	transform: translateY(30%);
	z-index: 1;
	transition: 0.5s;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	color: #fff;
}
.business-contents__item:hover .business-contents__item--hover {
	opacity: 1;
	transform: translateY(0);
}

.business-item__title {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;

	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0px;
}
.business-item__content {
	display: block;
	margin-bottom: 20px;

	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	padding: 0px 15px;
}
.business-item__button {
	position: relative;

	display: inline-block;
	width: auto;
	padding: 10px;
	padding-right: 35px;
	padding-left: 15px;
	border: 1px solid var(--pri-white);
	border-radius: 30px;

	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 0px;
}
.business-item__button::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	width: 12px;
	height: 10px;
	background-image: url(/images/common/icon_right_arrow.svg);
	background-size: 120%;
	background-position: right;
}
/* .business-item__button::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 1px;
	background: #fff;

	transform-origin: right;
	transform: translateY(1px) rotate(-45deg);
} */

/* business E */
/* vision S */
.vision__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.vision__wrap > * {
	/* width: 50%; */
}
.vision__txt {
	position: relative;
	width: 30%;
	margin-bottom: 60px;
}

.vision__txt-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
:lang(en) .vision__txt-wrap h3 {
	width: 300px;
}
.vision__txt-wrap--active {
	position: fixed;
	top: 100px;
	left: calc((100% - 1140px) / 2);
	margin: auto;
	width: 325px;
}

.vision__txt-wrap--after {
	top: auto;
	bottom: 0;
}
/* .vision__title {
	margin-bottom: 10px;

	font-size: 48px;
	font-weight: 700;
	line-height: 68px;
	letter-spacing: 0px;
} */
.vision__title {
	position: relative;
	padding: 20px 0;
	padding-top: 26px;
	/* font-family: Noto Sans KR; */
	font-size: 48px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0px;
}
.vision__title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 6px;
	background: #1e1e1e;
}
.vision__description {
	font-size: 24px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0px;
}
.vision__content {
	width: 65%;
	margin-top: 170px;
}

.vision-contents {
	width: 100%;
}
.vision-contents li {
	flex-shrink: 0;
	width: 100%;
	margin-bottom: 60px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: single;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.vision-contents__txt--first {
	flex-shrink: 0;
	width: 50%;
}
.vision-contents__txt--second {
	width: 50%;
	padding-left: 50px;
}
.vision-contents__txt--third {
	width: 60%;
}
.vision-contents__title {
	margin-top: 40px;
	margin-bottom: 13px;

	/* font-family: Noto Sans KR; */
	font-size: 24px;
	font-weight: 700;
	line-height: 29px;
	letter-spacing: 0px;
	color: #1e1e1e;
}
.vision-contents__sub-title {
	margin-bottom: 20px;

	/* font-family: Noto Sans KR; */
	font-size: 18px;
	font-weight: 500;
	line-height: 29px;
	letter-spacing: 0px;
	color: #b8b8b8;
}
.vision-contents__description {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	letter-spacing: 0px;
	color: #1e1e1e;
}
.vision-contents__image {
	height: auto;
	background: lightgray;
}
.vision-contents__image--first {
	flex-shrink: 0;
	width: calc(50% + (100vw - 1140px) / 2);
	height: auto;
	min-height: 280px;
}
.vision-contents__image--second {
	flex-shrink: 0;
	width: 440px;
	height: auto;
}
.vision-contents__image--third {
	width: 365px;
	height: auto;
}
/* vision E */
/* network S */
.network {
	position: relative;
	background: linear-gradient(#eaeaea, #eaeaea 30%, #fff);
	margin-top: 120px;
	padding-bottom: 110px;
	/* background: linear-gradient(
		180deg,
		#eaeaea 0%,
		rgba(234, 234, 234, 0) 100%
	); */
}
.network__content {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 1140px;
	z-index: 5;
}
.network__main-title {
	position: relative;
	padding: 20px 0;
	padding-top: 26px;

	color: var(--primary);
	font-size: 48px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0px;
}
.network__main-title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 6px;
	background: var(--primary);
}
/* .network__main-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0px;
	color: #084a8a;
} */
.network__sub-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: 0px;
}
.network__description {
	font-size: 24px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0px;
	/* font-family: Noto Sans KR; */
	/* font-size: 18px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: 0px; */
}
.network-map {
	position: relative;
}
.network-map__bg-map {
	position: relative;
	width: 100%;
	/* top: 100px; */
	transition: 1s;
}
/* .network-map__bg-map--act {
	top: 0;
	opacity: 1;
} */
.network-map__line {
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	transition: 2s;
	z-index: 2;
}
.network-map__line--act {
	top: 0;
	opacity: 1;
}
.network-map__points {
	position: absolute;
	top: -10%;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 2s;
}
.network-map__points--act {
	opacity: 1;
	top: 0;
}
.network-map__point {
	position: relative;
	padding-left: 0;
}
.network-map__base::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -5px;
	transform: translate(-100%, -50%);
	width: 15px;
	height: 15px;
	background: none;
	border: 1px solid #084a8a;
	border-radius: 100%;
}
.network-map__base::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -9px;
	transform: translate(-100%, -50%);
	width: 9px;
	height: 9px;
	background: #084a8a;
	border-radius: 100%;
}
.network-map__port::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -5px;
	transform: translate(-100%, -50%);
	width: 15px;
	height: 15px;
	background: #c3a148;
	border-radius: 100%;
}
.network-map__port--reverse::before {
	content: '';
	position: absolute;
	top: 50%;
	right: -5px;
	transform: translate(100%, -50%);
	width: 15px;
	height: 15px;
	background: #c3a148;
	border-radius: 100%;
}
.network-map__arrive::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -5px;
	transform: translate(-100%, -50%);
	width: 15px;
	height: 15px;
	background: #6e8ead;
	border-radius: 100%;
}
.network-map__point {
	color: #084a8a;
	/* font-family: Noto Sans KR; */
	font-size: 16px;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: 0px;
}
/* .network-map__logo {
	left: 389px;
	top: 33px;
} */
.network-map__logo {
	font-size: 23px;
}
.network-map__kukbo-logo {
	position: absolute;
	left: 50%;
	bottom: -10px;
	/* transform: translateX(-50%); */
	width: 30px;
}
/* .network-map__logo::before {
	content: '';
	position: absolute;
	top: 20px;
	left: 160%;
	width: 30px;
	height: 30px;
	background-image: url(/images/favicon.ico);
	background-size: cover;
} */
.gyeongin {
	top: 227px;
	left: 174px;
}
.central {
	top: 272px;
	left: 191px;
}
.southern {
	top: 285px;
	left: 284px;
}
.busan {
	top: 322px;
	left: 278px;
}
.fukuoka {
	top: 480px;
	left: 177px;
}
.hakata {
	top: 468px;
	left: 205px;
}
.hiroshima {
	top: 291px;
	left: 515px;
}
.oita {
	top: 363px;
	left: 443px;
}
.osaka {
	top: 195px;
	left: 729px;
}
.tokyo {
	left: 996px;
	top: 71px;
}

.locaion-on {
	position: absolute;
	left: -18px;
	top: -5px;
	width: 10px;
	height: 10px;
	/* background: red; */
}
.locaion-on::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	transform: translate(-50%, -50%);
	transform-origin: center;
	/* background: rgba(8, 74, 138, 0.3); */
	/* background: rgba(195, 161, 72, 0.3); */
	background: rgba(195, 161, 72, 0);
	border-radius: 100%;
	animation: location-on-01 2s linear infinite;
	animation-delay: 2s;
}
.locaion-on::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	transform: translate(-50%, -50%);
	transform-origin: center;
	/* background: rgba(8, 74, 138, 0.3); */
	/* background: rgba(195, 161, 72, 0.3); */
	background: rgba(195, 161, 72, 0);
	border-radius: 100%;
	animation: location-on-02 2s linear infinite;
	animation-delay: 2s;
}
@keyframes location-on-01 {
	0% {
		/* opacity: 1; */
		background: rgba(195, 161, 72, 0.1);
	}
	50% {
		/* opacity: 0; */
		background: rgba(195, 161, 72, 0.3);
	}
	100% {
		/* opacity: 1; */
		background: rgba(195, 161, 72, 0.1);
	}
}
@keyframes location-on-02 {
	0% {
		background: rgba(195, 161, 72, 0.1);
		/* opacity: 1; */
	}
	50% {
		background: rgba(195, 161, 72, 0.3);
		/* opacity: 0.5; */
	}
	100% {
		/* padding: 1; */
		background: rgba(195, 161, 72, 0.1);
	}
}

.express-table {
	display: none;
	position: absolute;
	bottom: 50px;
	right: 0;
	width: 340px;
	height: auto;
}
.express-table h4 {
	margin-bottom: 5px;

	/* font-family: Noto Sans KR; */
	font-size: 18px;
	/* font-style: normal; */
	font-weight: 700;
	line-height: 38px;
	letter-spacing: 0px;
	/* text-align: left; */
	color: #333333;
}
.express-table__row {
	width: 100%;
	padding-left: 10px;
	margin-bottom: 5px;
	background-color: rgba(110, 142, 173, 0.3);
}
.express-table__row p {
	/* font-family: Noto Sans KR; */
	font-size: 14px;
	/* font-style: normal; */
	font-weight: 500;
	line-height: 32px;
	letter-spacing: 0px;
	/* text-align: left; */
	color: #084a8a;
}
.express-table__row p span {
	display: inline-block;
	width: 65px;

	/* font-family: Noto Sans KR; */
	font-size: 14px;
	/* font-style: normal; */
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0px;
	/* text-align: left; */
}
.network-map__more-button {
	position: absolute;
	bottom: 0px;
	right: 0;
	padding: 15px 16px;
	background: rgba(255, 255, 255, 0.3);
	border: solid 1px #084a8a;
	border-radius: 30px;
	z-index: 5;
}
.network-map__more-button span {
	position: relative;
	padding-right: 30px;

	color: #084a8a;
	/* font-family: Noto Sans KR; */
	font-size: 18px;
	/* font-style: normal; */
	font-weight: 400;
	line-height: 27px;
	letter-spacing: 0px;
	/* text-align: left; */
}
/* .network-map__more-button span::before {
	content: '';
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 5px;
	height: 1px;
	background-color: #084a8a;
	transform-origin: 100%;
	transform: rotate(45deg);
} */
.network-map__more-button span::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 10px;
	background-image: url(/images/common/icon_right_arrow_blue.svg);
	background-position: right center;
	background-size: 100% 150%;
}
/* network E */




/* h S */
.core_com{
	padding-top: 130px;
	background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(255,255,255,1) 20%);
}
.core_com>div{
	/* width: 1500px;
	margin: 0px auto; */
}
/* .core_com>div>div:first-of-type{
	width: 1500px;
	height: 90px;
	margin: 0px auto;
} */
.core_com>div>div>div>h2{
	font-size: var(--font-size-h2);
	font-weight: 500;
	margin-bottom: 10px;
}
.core_com>div>div>div>h3{
	font-size: var(--font-size-h3);
}

.core_com_fix{
	width: 100%;
}
.core_com_fix.on{
	position: fixed;
	top: 125px;
	left: 0px;
}
.core_com_fix.ac{
	position: absolute;
	top: 0px;
	left: 0px;
}
.core_com_fix>div{
	width: 1500px;
	height: 100px;
	margin: 0px auto;
}
.core_com_fix>div>h3{
	opacity: 0;
	transform: translateY(25px);
	transition: 0.5s;
	transition-timing-function: ease-out;
}
.core_com_fix>div>h3.on{
	/* display: block; */
}
.com_item1{
	width: 1500px;
	padding-right: 130px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 130px;
}
.com_item1>div{

	float: right;
	display: flex;
	align-items: center;
	width: 760px;
}
.com_item1>div ul>li{
	position: relative;
	overflow: hidden;
	width: 252px;
	height: 140px;
	border-radius: 7px;
	margin-bottom: 13px;
}
.com_item1>div ul>li>a{
	z-index: 99;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-size: var(--font-size-h6);
	border: 1px solid var(--black);
	border-radius: 7px;
	padding: 20px;
	color: var(--black);
}
/* .com_item1>div ul>li>a.on{
	border: 1px solid var(--primary);
	color: #fff;
} */
.hover_item{
	opacity: 0;
	width: 252px;
	height: 140px;
	background-color: var(--primary);
	position: absolute;
	top: 50px;
	left: -1px;
	transition: 0.3s ease-out;
	padding: 20px;
	color: #fff;
}
.hover_item.on{
	top: -1px;
	opacity: 1;
}

.com_item1>div ul>li>a>h4,
.hover_item>h4
{
	font-weight: bold;
	margin-bottom: 7px;

}


.com_item1>div>div>img{
	width: 100%;
	padding-right: 120px;
}
.com_item1_map_wrap{
	position: relative;
}
.com_item1_map_wrap>img:first-of-type{
	position: absolute;
	top: 0px;
    left: 0px;
	transform-origin: 40% 80%;
	transform: scale(0);
}
.com_item1_map_wrap>img:first-of-type.on{
	animation: line_ani 0.5s 0.2s ease-out forwards;
}
@keyframes line_ani{
	0%{
		transform: scale(0);
	}
	100%{
		transform: scale(1);
	}
}

.item1_map_text{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	transform: translateY(15px);
}
.item1_map_text:first-of-type{
	top: 70px;
    left: 106px
}
.item1_map_text:nth-of-type(2){
	top: 222px;
    left: 94px;
}
.item1_map_text:nth-of-type(3){
	top: 305px;
    left: 256px;
}
.item1_map_text:nth-of-type(4){
	top: 462px;
    left: 122px;
}
.item1_map_text.on{
	animation: map_fade 0.5s ease-out forwards;
}
@keyframes map_fade{
	0%{
		opacity: 0;
		transform: translateY(25px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}
.item1_map_text>h3{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
	color: var(--primary);
}
.item1_map_text>p{
	line-height: 23px;
	font-size: 14px;
}
.map_point{
	animation: point_base_ani 1.3s 0.1s ease-out infinite;
	position: absolute;
	top: 413px;
    left: 202px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #819cf1;
}
.com_item1_map_wrap>img:last-of-type{
	position: absolute;
	top: 436px;
    left: 196px;
	display: block;
	width: 30px;
	padding: 0px;
}
.map_point>div,
.map_point>div>div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
.map_point>div{
	animation: point_ani 1.3s 0.2s ease-out infinite;
	width: 12px;
	height: 12px;
	background-color: #567bf2;
}
.map_point>div>div{
	animation: point_ani 1.3s 0.3s ease-out infinite;
	text-indent: -9999px;
	width: 6px;
	height: 6px;
	background-color: var(--primary);
}
@keyframes point_ani{
	0%{
		opacity: 0.5;
		transform: translate(-50%, -50%)  scale(1);
	}
	100%{
		opacity: 1;
		transform: translate(-50%, -50%)  scale(1.2);
	}
}

@keyframes point_base_ani{
	0%{
		opacity: 0.5;
		transform: scale(1);
	}
	100%{
		opacity: 1;
		transform: scale(1.5);
	}
}



.com_item2{
	width: 1500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 130px;
}
.com_item2>ul{
	float: right;
	display: flex;
	flex-wrap: wrap;
	width: 1040px;
}
.com_item2>ul>li{
	display: flex;
	align-items:center;
	flex-wrap: wrap;
	width: 250px;
	height: 225px;
	text-align: center;
	margin-right: 13px;
	margin-bottom: 13px;
	background:#f7f8f9;
}
.com_item2>ul>li:nth-of-type(4n){
	margin-right: 0px;
}
.com_item2>ul>li>p{
	width: 100%;
}
.com_item2>ul>li>p>strong{
	font-size: var(--font-size-h3);
	color: var(--primary);
}

.com_item3{
	background-image: url(/images/index/core_com_bg1.jpg);
	background-attachment: fixed;
}
.com_item3>div{
	padding-top: 130px;
	padding-bottom: 130px;
}
.com_item3>div>ul{
	float: right;
	display: flex;
	flex-wrap: wrap;
	width: 1035px;
	margin-bottom: 350px;

}
.com_item3>div>ul>li{
	display: flex;
	align-items: center;
	width: 510px;
	height: 170px;
	font-size: 18px;
	padding: 50px 40px;
	color: #fff;
	background: rgba(255,255,255,0.2);
	margin-right: 15px;
	margin-bottom: 15px;
}
.com_item3>div>ul>li:nth-of-type(2n){
	margin-right: 0px;
}

.com_item3>div{
	width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
.com_item3>div>img{
	float: right;
	width: 1035px;
}

.digital_trans{
	background-image: url(/images/index/digital_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding-top: 237px;
	padding-bottom: 200px;
}
.digital_title{
	position: absolute;
	top: 237px;
	left: 0px;
	width: 100%;
	color: #fff;
}
.digital_title.on{
	position: fixed;
	top: 237px;
	left: 0px;
}
.digital_title.ac{
	position: absolute;
	top: 940px;
}
.digital_title>div{
	width: 1500px;
	margin: 0px auto;
}
.digital_title>div>h2{
	font-size: var(--font-size-h2);
	margin-bottom: 20px;
}
.digital_title>div>h3{
	font-size: var(--font-size-h3);
}
.digital_title>div>h3{
	opacity: 0;
	transform: translateY(25px);
	transition: 0.5s;
	transition-timing-function: ease-out;
}
.digital_trans>div{
	width: 1500px;
	margin: 0px auto;
}
.digital_img1{
	float: right;
	margin-bottom: 350px;
}
.digital_img1>img{
	width: 850px;
}
.digital_img2{
	position: relative;
}
.digital_img2>img{
	display: block;
	/* width: 1350px; */
	margin: 0px auto;
}


#sec_news{
	position: relative;
	height: 45px;
	background-color: #e8e8ed;
}
#sec_news MARQUEE{
	height: 100%;
	line-height: 45px;
	font-size: 14px;
}
.move_news strong{
	display: inline-block;
	margin-right: 70px;
}
.hi{
	position: absolute;
	top: 0px;
	left: 0px;
}