@charset "utf-8";

/* ==================================================
	공통틀
================================================== */
.area-box {
	max-width: var(--px-base);
	margin: 0px auto;
}

.fullpage-html {
	overflow: hidden;
	height: 100%;
}

.fullpage-html #wrap {
	position: static;
}

/* 모바일CSS */
@media screen and (max-width:1460px) {
	.area-box {
		padding: 0 30px;
	}
}

@media screen and (max-width:900px) {
	.m-br {
		display: none;
	}
}

/* ==================================================
	공통사항
================================================== */
/* 타이틀 */
.main-tit-box {
	position: relative;
	text-align: var(--text-ag-center);
}

.main-tit-box .main-stit {
	font-family: var(--font-Poppins);
	font-size: 3.2rem;
	font-weight: var(--font-md);
	line-height: 1.1;
	letter-spacing: -0.025em;
	color: var(--color-white);
	margin-bottom: 2.5rem;
}

.main-tit-box .main-tit {
	font-family: var(--font-Poppins);
	font-size: 8rem;
	font-style: normal;
	font-weight: var(-font-bd);
	line-height: 1.1;
	letter-spacing: -0.025em;
	color: var(--color-white);
}

.main-tit-box .main-tit_kor {
	font-family: var(--font-TheJamsil);
	font-size: 6rem;
	font-weight: var(--font-bd);
}

.main-tit-box .main-sub-tit {
	display: block;
	font-size: 2.5rem;
	line-height: 1.4;
	letter-spacing: -0.025em;
	color: var(--color-white);
	margin-top: 3.6rem;
}

/* 배경 */
.main-section-bg {
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.main-section-bg .main-section-bg-inner {
	width: 100%;
	height: 100%;
	transform: scale(1.08, 1.08);
	transition: all 2s linear;
}

.main-section-bg.animated .main-section-bg-inner {
	transform: scale(1.0, 1.0);
}

/* 버튼 */
a.mbtn {
	position: relative;
	display: inline-block;
	font-size: 1.9rem;
	vertical-align: middle;
	transition: all .25s ease;
	line-height: 1;
	color: #fff;
	background: var(--color-red);
	border-radius: 50px;
	font-style: normal;
	font-weight: 600;
	transition: all 0.3s;
}

a.mbtn:hover {
	background: var(--color-dred);
}

a.mbtn span {
	display: block;
	padding: 1.5rem 7.5rem 1.5rem 4.5rem;
	line-height: 1;
}

a.mbtn span.mbtn_icon {
	position: absolute;
	right: 25px;
	top: 50%;
	padding: 0;
	-webkit-transition: right .25s ease;
	transition: right .25s ease-out
}

a.mbtn:hover span.mbtn_icon {
	right: 20px;
}

a.mbtn span.mbtn_link {
	width: 26px;
	height: 14px;
	margin-top: -7px;
	background: url('../images/icon/white_arrow.png') no-repeat 0 0;
}

/* 애니메이션 */
.hidden-box {
	display: block;
	overflow: hidden;
	line-height: inherit;
	font-weight: inherit;
}

.hidden-box .hidden-item {
	display: block;
	transform: translateY(100%) rotate(10deg);
	opacity: 0;
	transform-origin: left;
	transition: all 0.8s cubic-bezier(.7, .1, .2, 1);
	transition-duration: 1s;
	transition-property: transform, opacity
}

.hidden-box .hidden-item.reverse {
	transform: translateY(100%) rotate(-10deg);
	transform-origin: right;
}

.hidden-box.active .hidden-item {
	opacity: 1.0;
	transform: translateY(0) rotate(0);
}

/* 모바일CSS */
@media screen and (max-width: 1279px) {
	.main-tit-box .main-stit {
		font-size: 2.6rem;
		margin-bottom: 2rem;
	}

	.main-tit-box .main-tit {
		font-size: 6rem;
	}

	.main-tit-box .main-tit_kor {
		font-size: 4rem;
	}

	.main-tit-box .main-sub-tit {
		font-size: 2rem;
		margin-top: 3rem;
	}
}

@media screen and (max-width: 640px) {
	.main-tit-box .main-stit {
		font-size: 2.3rem;
		margin-bottom: 1.5rem;
	}

	.main-tit-box .main-tit {
		font-size: 4.5rem;
	}

	.main-tit-box .main-tit_kor {
		font-size: 3.5rem;
	}

	.main-tit-box .main-sub-tit {
		font-size: 1.8rem;
		margin-top: 2.2rem;
	}
}

@media screen and (max-width: 450px) {
	.main-tit-box .main-stit {
		font-size: 2rem;
		margin-bottom: 1.2rem;
		line-height: 1.4;
	}

	.main-tit-box .main-tit {
		font-size: 3.5rem;
	}

	.main-tit-box .main-tit_kor {
		font-size: 3.5rem;
	}

	.main-tit-box .main-sub-tit {
		font-size: 1.7rem;
		margin-top: 2rem;
	}
}

/* ==================================================
	메인비주얼 :: Background
================================================== */
.main-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	opacity: 1;
	background-color: #000;
	transition: all 1.3s;
}

/* ==================================================
	메인 레이아웃(Fullpage)
================================================== */
@media screen and (min-width: 1280px) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter) {
		min-height: 750px;
	}

	#fullpage .section .fp-tableCell {
		height: 100% !important;
	}
}

@media screen and (max-width: 1279px) {

	/* 공통 :: 레이아웃 */
	#fullpage .section {
		height: auto !important;
	}

	/*#fullpage .section:not(#main_visual) {
		height: auto !important;
	}*/

	#fullpage .fp-section .fp-tableCell {
		height: auto !important;
	}
}

/* ==================================================
	메인 비주얼
================================================== */
#main_visual {
	overflow: hidden;
	width: 100%;
	height: 100vh;
	position: relative;
	background-color: #000;
}

.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}

.main-visual-con,
.main-visual-con .slick-list,
.main-visual-con .slick-track,
.main-visual-item {
	height: 100%;
}

.main-visual-con {
	z-index: 1;
}

/* 메인 비주얼 :: 이미지 */
.main-visual-item {
	position: relative;
}

.main-visual-item .main-visual-img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	transform: scale(1.08, 1.08);
}

/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con {
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.main-visual-txt-box {
	display: flex;
	align-items: center;
	height: 100%;
	padding-bottom: 10rem !important;
	box-sizing: border-box;
}

.main-visual-txt-inner {
	width: 55%;
}

.repair_vis .main-visual-txt-inner {
	width: 60%;
}

.main-visual-txt-box .txt01,
.main-visual-txt-box .txt02,
.main-visual-txt-box .txt03 {
	opacity: 0;
}

.main-visual-txt-box .txt01 {
	font-family: var(--font-Poppins);
	font-size: 6.5rem;
	font-weight: var(--font-bd);
	line-height: 1.2;
	letter-spacing: -0.025em;
	color: var(--color-white);
}

.main-visual-txt-box .txt02 {
	margin-top: 3.2rem;
	font-size: 1.7rem;
	font-weight: var(--font-rg);
	line-height: 1.65;
	letter-spacing: -0.035em;
	color: var(--color-white);
	word-break: keep-all;
}

.main-visual-txt-box .txt02 span {
	display: block;
}

.main-visual-txt-box .txt03 {
	margin-top: 4.8rem;
}

.main-visual-txt-box .txt03 ul {
	max-width: 76rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem
}

.repair_vis .main-visual-txt-box .txt03 ul {
	max-width: 90rem;
	grid-template-columns: repeat(4, 1fr);
}

.main-visual-txt-box .txt03 ul>li a {
	position: relative;
	display: block;
}

.main-visual-txt-box .txt03 ul>li a .img {
	padding-bottom: 67%;
}

.main-visual-txt-box .txt03 ul>li a .img_tit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%);
	opacity: 0;
	transition: 0.2s all ease-in;
}

.main-visual-txt-box .txt03 ul>li a .img_tit h1 {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: var(--color-white);
	font-size: 1.8rem;
	font-weight: var(--font-bd);
	line-height: 1.2;
}

.main-visual-txt-box .txt03 ul>li a:hover .img_tit {
	opacity: 1;
}

.main-visual-txt-box .txt03 .mbtn {
	margin-top: 3rem;
}

/* 메인비주얼 이미지 */
.ship_vis .main-visual-img {
	background: #fff url('../images/main/mvis_bg01.jpg?v=1001') no-repeat 50% 50% / cover;
}

.engine_vis .main-visual-img {
	background: #fff url('../images/main/mvis_bg02.jpg') no-repeat 50% 50% / cover;
}

.defense_vis .main-visual-img {
	background: #fff url('../images/main/mvis_bg03.jpg?v=0810') no-repeat 50% 50% / cover;
}

.repair_vis .main-visual-img {
	background: #fff url('../images/main/mvis_bg05.jpg') no-repeat 50% 50% / cover;
}

.plant_vis .main-visual-img {
	background: #fff url('../images/main/mvis_bg04.jpg') no-repeat 50% 50% / cover;
}

/* 메인비주얼 사업군 서브 이미지 */
.ship_vis .txt03>ul>li:nth-child(1) {
	background: url('../images/main/mvis01_img01.jpg?v=1005') 50% 50% no-repeat;
	background-size: cover;
}

.ship_vis .txt03>ul>li:nth-child(2) {
	background: url('../images/main/mvis01_img02.jpg?v=1001') 50% 50% no-repeat;
	background-size: cover;
}

.ship_vis .txt03>ul>li:nth-child(3) {
	background: url('../images/main/mvis01_img03.jpg?v=1001') 50% 50% no-repeat;
	background-size: cover;
}

.engine_vis .txt03>ul>li:nth-child(1) {
	background: url('../images/main/mvis02_img01.jpg?v=1001') 50% 50% no-repeat;
	background-size: cover;
}

.engine_vis .txt03>ul>li:nth-child(2) {
	background: url('../images/main/mvis02_img02.jpg?v=1001') 50% 50% no-repeat;
	background-size: cover;
}

.repair_vis .txt03>ul>li:nth-child(1) {
	background: url('../images/main/mvis05_img01.jpg?v=1005') 50% 50% no-repeat;
	background-size: cover;
}

.repair_vis .txt03>ul>li:nth-child(2) {
	background: url('../images/main/mvis05_img02.jpg?v=1005') 50% 50% no-repeat;
	background-size: cover;
}

.repair_vis .txt03>ul>li:nth-child(3) {
	background: url('../images/main/mvis05_img03.jpg?v=1005') 50% 50% no-repeat;
	background-size: cover;
}

.plant_vis .txt03>ul>li:nth-child(1) {
	background: url('../images/main/mvis04_img01.jpg?v=1001') 50% 50% no-repeat;
	background-size: cover;
}

.plant_vis .txt03>ul>li:nth-child(2) {
	background: url('../images/main/mvis04_img02.jpg?v=1001') 50% 50% no-repeat;
	background-size: cover;
}

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.1, 1.1)
	}

	to {
		transform: scale(1.0, 1.0)
	}
}

@keyframes text-active-animation {
	from {
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	to {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes text-fade-out {
	from {
		opacity: 1.0;
		filter: Alpha(opacity=100);
	}

	to {
		opacity: 0;
		filter: Alpha(opacity=0);
	}
}

/* active */
.main-visual-item.active-item .main-visual-img {
	animation: image-zoom-out 8s 0s forwards;
}

.main-visual-item.active-item .txt01,
.main-visual-item.active-item .txt02,
.main-visual-item.active-item .txt03 {
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.main-visual-item.active-item .txt01 {
	animation-delay: 0.1s;
}

.main-visual-item.active-item .txt02 {
	animation-delay: 0.3s;
}

.main-visual-item.active-item .txt03 {
	animation-delay: 0.5s;
}

/* 화살표 */
.main-visual-con .slick-arrow {
	position: absolute;
	left: 50%;
	width: 50px;
	bottom: 26rem;
	border: 0;
	cursor: pointer;
	z-index: 9;
	font-size: 3.28rem;
	color: #fff;
	opacity: 0.35;
	transition: all 0.4s ease-in-out;
	transition-property: opacity;
}

.main-visual-con .slick-arrow.slick-prev {
	margin-left: 68rem;
}

.main-visual-con .slick-arrow.slick-next {
	margin-left: 75rem;
}

/* 하단 부분 */
.main-visual-btn-con {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	z-index: 11;
}

.main-visual-btn-inner {
	width: 90.88%;
	max-width: 1745px;
}

.main-visual-btn-list {}

.main-visual-btn-item {
	margin-left: 1px;
	width: calc(20% - 1px);
	float: left;
	height: 25.5rem !important;
	display: flex !important;
	align-items: flex-end;
}

.main-visual-btn-item a {
	padding: 4rem 3rem;
	width: 100%;
	height: 20.5rem;
	display: block;
	background-color: rgba(255, 255, 255, 0.17);
	backdrop-filter: blur(20px);
	transition: all 0.4s ease-in-out;
	box-sizing: border-box;
}

.main-visual-btn-item a:after {
	position: absolute;
	bottom: 3.5rem;
	left: 2.5rem;
	font-size: 2.8rem;
	color: #fff;
	opacity: 0.35;
	content: '\e90b';
	font-family: xeicon;
	transition: all 0.4s ease-in-out;
}

.main-visual-btn-item .num {
	display: none;
}

.main-visual-btn-item .txt {
	font-size: 1.9rem;
	line-height: 1.47;
	letter-spacing: -0.015em;
	font-weight: 700;
	color: #fff;
	transition: all 0.4s ease-in-out;
}

.main-visual-btn-item .icon {
	position: absolute;
	bottom: 3.5rem;
	right: 2.5rem;
	display: block;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}

/* 모바일CSS */
@media screen and (max-width: 1820px) {
	.main-visual-con .slick-arrow.slick-prev {
		left: auto;
		right: calc(13rem + 50px);
		margin-left: 0;
	}

	.main-visual-con .slick-arrow.slick-next {
		left: auto;
		right: 11rem;
		margin-left: 0;
		opacity: 1;
	}
}

@media screen and (min-width: 1280px) {
	.main-visual-con .slick-arrow:hover {
		opacity: 1;
	}

	.main-visual-btn-item.active-item a {
		padding: 5rem 4.5rem;
		height: 25.5rem;
		background-color: var(--color-blue);
	}

	.main-visual-btn-item.active-item a:after {
		left: 4.5rem;
		font-size: 3.48rem;
		opacity: 1;
	}

	.main-visual-btn-item.active-item .txt {
		font-size: 2.8rem;
		line-height: 1.25;
		letter-spacing: -0.025em;
	}

	.main-visual-btn-item.active-item .icon {
		right: 4.5rem;
		opacity: 1;
	}
}

@media screen and (max-width: 1279px) {

	.main-visual-con,
	.main-visual-con .slick-list,
	.main-visual-con .slick-track,
	.main-visual-item {
		height: 65rem;
	}

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-inner {
		width: 100%;
	}

	.repair_vis .main-visual-txt-inner {
		width: 100%;
	}

	.main-visual-txt-con .txt01 span {
		display: block;
	}

	.main-visual-txt-con .txt02,
	.main-visual-txt-box .txt03 {
		display: none;
	}

	/* 화살표 */
	.main-visual-con .slick-arrow {
		width: 40px;
		bottom: 1.5rem;
		font-size: 3.28rem;
	}

	.main-visual-con .slick-arrow.slick-prev {
		right: calc(30px + 3rem + 40px);
	}

	.main-visual-con .slick-arrow.slick-next {
		right: 30px;
	}

	/* 하단 부분 */
	.main-visual-btn-con {
		position: static;
	}

	.main-visual-btn-inner {
		width: 100%;
		max-width: none;
	}

	.main-visual-btn-item {
		margin-left: 0;
		width: 100%;
		float: left;
		height: 22rem !important;
		display: flex !important
	}

	.main-visual-btn-item a {
		padding: 4rem 30px;
		height: 22rem;
	}

	.main-visual-btn-item a:after {
		bottom: 3.5rem;
		left: 30px;
		font-size: 3.4rem;
		opacity: 1;
	}

	.main-visual-btn-item .num {
		display: block;
		font-size: 2.6rem;
		line-height: 1.46;
		letter-spacing: -0.025em;
		font-weight: 700;
		color: #fff;
		font-style: italic;
	}

	.main-visual-btn-item .txt {
		font-size: 2.6rem;
		line-height: 1.47;
		letter-spacing: -0.025em;
	}

	.main-visual-btn-item .txt br {
		display: none;
	}

	.main-visual-btn-item .icon {
		bottom: 3.5rem;
		right: 30px;
		display: block;
		opacity: 1;
	}

	/* active */
	.main-visual-btn-item.slick-current a {
		background-color: var(--color-blue);
	}
}

@media screen and (max-width: 900px) {

	.main-visual-con,
	.main-visual-con .slick-list,
	.main-visual-con .slick-track,
	.main-visual-item {
		height: 55rem;
	}

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box .txt01 {
		font-size: 5rem;
	}
}

@media screen and (max-width: 640px) {

	/* 메인비주얼 이미지 */
	.ship_vis .main-visual-img {
		background: #fff url('../images/main/mvis_mbg01.jpg') no-repeat 50% 50% / cover;
	}

	.engine_vis .main-visual-img {
		background: #fff url('../images/main/mvis_mbg02.jpg') no-repeat 50% 50% / cover;
	}

	.defense_vis .main-visual-img {
		background: #fff url('../images/main/mvis_mbg03.jpg?v=0810') no-repeat 50% 50% / cover;
	}

	.plant_vis .main-visual-img {
		background: #fff url('../images/main/mvis_mbg04.jpg') no-repeat 50% 50% / cover;
	}

	.repair_vis .main-visual-img {
		background: #fff url('../images/main/mvis_mbg05.jpg') no-repeat 50% 50% / cover;
	}
}

/* ==================================================
	회사소개
================================================== */
#mainCompany .main-tit-box {
	position: relative;
}

#mainCompany .main-tit-box .main-tit {
	color: var(--color-red);
}

.main_company {
	margin-top: 12rem;
}

.main_company>ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	gap: 3rem;
	text-align: center;
}

.main_company>ul>li {}

.main_company>ul>li a .fig {
	width: 26rem;
	height: 26rem;
	background: var(--color-white);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-radius: 5rem;
	margin: 0 auto;
}

.main_company>ul>li a:hover .fig {
	background: var(--color-blue);
}

.main_company>ul>li a .fig figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transform: rotate(45deg);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.main_company>ul>li a .fig figure .onebox_con {
	text-align: var(--text-ag-center);
}

.main_company>ul>li a .fig figure .onebox_con .mcom_ic01 {
	width: 6.9rem;
	height: 6.9rem;
	background: url('../images/main/mcom_ic01.svg');
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
}

.main_company>ul>li a:hover .fig figure .onebox_con .mcom_ic01 {
	background: url('../images/main/mcom_onic01.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.main_company>ul>li a .fig figure .onebox_con .mcom_ic02 {
	width: 5.8rem;
	height: 5.8763rem;
	background: url('../images/main/mcom_ic02.svg');
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
}

.main_company>ul>li a:hover .fig figure .onebox_con .mcom_ic02 {
	background: url('../images/main/mcom_onic02.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.main_company>ul>li a .fig figure .onebox_con .mcom_ic03 {
	width: 6.8116rem;
	height: 6.7214rem;
	background: url('../images/main/mcom_ic03.svg');
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
}

.main_company>ul>li a:hover .fig figure .onebox_con .mcom_ic03 {
	background: url('../images/main/mcom_onic03.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.main_company>ul>li a .fig figure .onebox_con .mcom_ic04 {
	width: 6.7977rem;
	height: 6.8096rem;
	background: url('../images/main/mcom_ic04.svg');
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
}

.main_company>ul>li a:hover .fig figure .onebox_con .mcom_ic04 {
	background: url('../images/main/mcom_onic04.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.main_company>ul>li a .fig figure .onebox_con h3 {
	display: block;
	font-size: 2.3rem;
	font-weight: var(--font-sb);
	color: var(--color-black);
	margin-top: 2.2rem;
	line-height: 1;
}

.main_company>ul>li a:hover .fig figure .onebox_con h3 {
	color: var(--color-white);
}

.main_company>ul>li a .fig figure .onebox_con p {
	color: #5b5b5b;
	font-family: var(--font-Poppins);
	font-size: 1.5rem;
	font-weight: var(--font-rg);
	margin-top: 1rem;
	line-height: 1;
}

.main_company>ul>li a:hover .fig figure .onebox_con p {
	color: var(--color-white);
}

/* 모바일CSS */
@media screen and (max-width: 1279px) {
	#fullpage .section#mainCompany {
		height: 95rem !important;
	}
}

@media screen and (max-width: 1230px) {
	#fullpage .section#mainCompany {
		height: auto !important;
		padding: 12rem 0;
	}

	.main_company {
		margin-top: 6rem;
	}

	.main_company>ul>li a .fig {
		width: 20rem;
		height: 20rem;
	}
}

@media screen and (max-width: 900px) {
	.main_company {
		max-width: 64rem;
		margin-right: auto;
		margin-left: auto;
	}

	.main_company>ul {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		gap: 8rem 2rem;
	}

	.main_company>ul>li a .fig figure .onebox_con p {
		margin-top: 0.5rem;
	}
}

@media screen and (max-width: 640px) {
	#fullpage .section#mainCompany {
		padding: 8rem 0;
	}
}

@media screen and (max-width: 500px) {
	.main_company>ul>li a .fig {
		width: 17rem;
		height: 17rem;
	}

	.main_company>ul {
		gap: 6rem 2rem;
	}

	.main_company>ul>li a .fig figure .onebox_con .mcom_ic01 {
		width: 5rem;
		height: 5rem;
	}

	.main_company>ul>li a .fig figure .onebox_con .mcom_ic02 {
		width: 4.2411rem;
		height: 4.2969rem;
	}

	.main_company>ul>li a .fig figure .onebox_con .mcom_ic03 {
		width: 4.9808rem;
		height: 4.9149rem;
	}

	.main_company>ul>li a .fig figure .onebox_con .mcom_ic04 {
		width: 4.9707rem;
		height: 4.9794rem;
	}

	.main_company>ul>li a .fig figure .onebox_con h3 {
		font-size: 2rem;
		margin-top: 1.5rem;
	}
}

/* ==================================================
	ESG경영
================================================== */
.main_esg {
	position: relative;
	max-width: 120rem;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5.8rem;
}

.main_esg>ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	text-align: center;
}

.main_esg>ul>li {
	margin: 0 auto;
}

.main_esg>ul>li a .fig {
	position: relative;
	width: 100%;
	width: 27.4rem;
	height: 27.4rem;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.main_esg>ul>li a .fig .bg {
	display: block;
	width: 100%;
	height: 100%;
}

.main_esg>ul>li a .fig .bg.fig_ic01 {
	background: url('../images/main/esg_img01.png')no-repeat center/cover;
}

.main_esg>ul>li a .fig .bg.fig_ic02 {
	background: url('../images/main/esg_img02.png')no-repeat center/cover;
}

.main_esg>ul>li a .fig .bg.fig_ic03 {
	background: url('../images/main/esg_img03.png')no-repeat center/cover;
}

.main_esg>ul>li a .fig figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.main_esg>ul>li a .fig figure h3 {
	width: 7rem;
	height: 7rem;
	font-family: var(--font-Poppins);
	font-size: 5rem;
	font-weight: var(--font-sb);
	line-height: 7rem;
	color: var(--color-white);
	border-radius: 100%;
}

.main_esg>ul>li:nth-child(1) a .fig figure h3 {
	background: #96ad07;
}

.main_esg>ul>li:nth-child(2) a .fig figure h3 {
	background: #0072c6;
}

.main_esg>ul>li:nth-child(3) a .fig figure h3 {
	background: #009a93;
}

.main_esg>ul>li .esg_tit h1 {
	margin-top: 3rem;
	font-family: var(--font-Poppins);
	font-size: 3.2rem;
	font-weight: var(--font-sb);
	color: var(--color-white);
	line-height: 1;
}

.main_esg>ul>li .esg_tit p {
	margin-top: 1.5rem;
	font-size: 1.8rem;
	font-weight: var(--font-rg);
	color: var(--color-white);
	line-height: 1;
}

/* 애니메이션 */
.main_esg>ul>li a .fig {
	transition: 1s all;
}

.main_esg>ul>li a:hover .fig {
	transform: translateY(-35px);
}

.main_esg>ul>li a .esg_tit {
	transition: 1s all;
}

.main_esg>ul>li a:hover .esg_tit {
	transform: translateY(-35px);
}

/* 모바일CSS*/
@media screen and (max-width: 1279px) {
	#fullpage .section#mainESG {
		height: 95rem !important;
	}
}

@media screen and (max-width: 1230px) {
	#fullpage .section#mainESG {
		height: auto !important;
		padding: 12rem 0;
	}

	.main_esg>ul>li a .fig {
		width: 20rem;
		height: 20rem;
	}

	.main_esg>ul>li a .fig figure h3 {
		width: 5rem;
		height: 5rem;
		font-size: 3rem;
		line-height: 5rem;
	}

	.main_esg>ul>li .esg_tit h1 {
		margin-top: 2rem;
		font-size: 2.7rem;
	}

	.main_esg>ul>li .esg_tit p {
		margin-top: 1.2rem;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 640px) {
	#fullpage .section#mainESG {
		padding: 8rem 0;
	}

	.main_esg>ul {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ==================================================
	메인 하단
================================================== */
.mbottom {
	display: flex;
	margin: 11rem 0;
}

.mbottom:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 하단 왼쪽 퀵메뉴 */
.mbottom .mbleft {
	flex-basis: 25%;
}

.mbottom .mbleft>a {
	position: relative;
	display: block;
	background: #edeff0;
	color: var(--color-black);
	font-size: 2.2rem;
	font-weight: var(--font-md);
	padding: 2.9rem 5rem;
	margin-bottom: 2rem;
}

.mbottom .mbleft>a:hover {
	background: var(--color-red);
	color: var(--color-white);
}

.mbottom .mbleft>a .mbl_ic {
	position: absolute;
	right: 5rem;
}

.mbottom .mbleft>a .mbl_ic01 {
	top: 1.8rem;
	width: 3.7rem;
	height: 4.7rem;
	background: url('../images/main/mbl_ic01.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.mbottom .mbleft>a:hover .mbl_ic01 {
	background: url('../images/main/mbl_onic01.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.mbottom .mbleft>a .mbl_ic02 {
	top: 1.2rem;
	width: 5.4rem;
	height: 5.4rem;
	background: url('../images/main/mbl_ic02.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.mbottom .mbleft>a:hover .mbl_ic02 {
	background: url('../images/main/mbl_onic02.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.mbottom .mbleft>a .mbl_ic03 {
	top: 2.2rem;
	width: 4.7rem;
	height: 3.8rem;
	background: url('../images/main/mbl_ic03.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.mbottom .mbleft>a:hover .mbl_ic03 {
	background: url('../images/main/mbl_onic03.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.mbottom .mbleft>a:last-child {
	margin-bottom: 0;
}

/* 하단 Contact us */
.mbright {
	flex-basis: 75%;
	padding-left: 9rem;
}

.mbright a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 28rem;
}

.mbright a .mbotc_txt {
	position: absolute;
	top: 5.5rem;
	left: 4rem;
	z-index: 1;
}

.mbright a .mbotc_txt h3 {
	font-family: var(--font-Poppins);
	font-size: 3.6rem;
	font-weight: var(--font-sb);
	line-height: 1;
	color: var(--color-white);
}

.mbright a .mbotc_txt p {
	font-size: 2.5rem;
	font-weight: var(--font-rg);
	line-height: 1;
	color: var(--color-white);
	margin-top: 2rem;
}

.mbright a .mbotc_bg {
	width: 100%;
	height: 100%;
}

.mbright a:hover .mbotc_bg {
	transform: scale(1.1);
	transition: all 1.5s;
}

.mbright a .mbotc_bg {
	background: url('../images/main/mbright_bg.jpg') #797A7C;
	background-position: right top;
	background-repeat: no-repeat;
	transition: all 1.5s;
}

.mbright .mbtn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	transition: all .25s ease;
	line-height: 1;
	color: var(--color-white);
	border-radius: 5rem;
	border: 1px solid var(--color-white);
	font-family: var(--font-Poppins);
	font-size: 1.6rem;
	font-weight: var(--font-md);
	margin-top: 5rem;
}

.mbright .mbtn:hover,
.mbright .mbtn:focus {
	background: var(--color-red);
	border: 1px solid var(--color-red);
}

.mbright .mbtn span {
	display: block;
	padding: 1.5rem 5.6rem 1.5rem 2.5rem;
	line-height: 1;
}

.mbright .mbtn .mbtn_icon {
	position: absolute;
	right: 25px;
	top: 50%;
	padding: 0;
	-webkit-transition: right .25s ease;
	transition: right .25s ease-out
}

.mbright .mbtn:hover .mbtn_icon {
	right: 2rem;
}

.mbright .mbtn_link {
	width: 2.1rem;
	height: 1rem;
	margin-top: -0.4rem;
	background: url('../images/icon/main_arrow.png') no-repeat 0 0;
	background-size: auto 100%;
}

/* 모바일CSS */
@media screen and (max-width:1200px) {

	/* 하단 Contact us */
	.mbright {
		padding-left: 4rem;
	}
}

@media screen and (max-width:1023px) {
	.mbottom {
		margin: 8rem 0;
	}

	/* 하단 왼쪽 퀵메뉴 */
	.mbottom .mbleft>a {
		padding: 3rem 3rem;
	}

	.mbottom .mbleft>a .mbl_ic {
		right: 3rem;
	}

	/* 하단 Contact us */
	.mbright a .mbotc_txt p {
		font-size: 2.7rem;
	}
}

@media screen and (max-width:900px) {
	.mbottom {
		display: block;
	}

	/* 하단 Contact us */
	.mbright {
		padding-left: 0;
		margin-top: 3rem;
	}

	.mbright a {
		width: 100%;
		height: 23rem;
	}

	.mbright a .mbotc_bg {
		background: url('../images/main/mbright_mbg.jpg') #545557;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.mbright a .mbotc_txt {
		top: 4rem;
	}

	.mbright a .mbotc_txt h3 {
		font-size: 2.7rem;
	}

	.mbright a .mbotc_txt p {
		font-size: 1.8rem;
		margin-top: 0.8rem;
	}
}

/* ==================================================
	메인 왼쪽 퀵메뉴
================================================== */
.main-move-control-btn {
	position: fixed;
	z-index: 100;
	margin-top: -10rem;
	top: 50%;
	right: 2.08%;
	transition: all 0.4s ease-in-out;
	transition-property: opacity;
}

.main-move-control-btn i {
	font-size: 2rem;
	color: #fff;
}

.main-move-control-btn ul {
	margin-top: 2rem;
}

.main-move-control-btn ul li {}

.main-move-control-btn ul li+li {
	margin-top: 1rem;
}

.main-move-control-btn ul li a {
	display: block;
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 100%;
	box-sizing: border-box;
	transition: all 0.4s ease-in-out;
	transition-property: border-color;
}

.main-move-control-btn ul li a:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: '';
	width: 0.5rem;
	height: 0.5rem;
	background-color: #fff;
	border-radius: 100%;
	opacity: 0.25;
	transition: all 0.4s ease-in-out;
	transition-property: opacity;
}

.main-move-control-btn ul li a.selected {
	border-color: rgba(255, 255, 255, 0.83);
}

.main-move-control-btn ul li a.selected:before {
	opacity: 1;
}

/* black-ver */
/*.black-ver.main-move-control-btn i {
	color: #afafaf;
}

.black-ver.main-move-control-btn ul li a:before {
	background-color: #000;
}

.black-ver.main-move-control-btn ul li a.selected {
	border-color: rgba(0, 0, 0, 0.5);
}*/

/* 모바일CSS */
@media screen and (min-width: 1280px) {

	.main-move-control-btn.hide {
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (max-width: 1279px) {
	.main-move-control-btn {
		display: none !important;
	}
}