@charset "utf-8";

/************************************** 
	메인 배너 시작
**************************************/
#main_banner_area {
	position: relative;
}

#main_banner_area .content_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
}

#main_banner_area .content_box .title {
	font-size: 54px;
	font-weight: bold;
}

#main_banner_area .content_box .intro {
	margin-top: 23px;
	font-size: 30px;
	font-weight: 300;
}

#main_banner_area .content_box .intro2 {
	margin-top: 0;
	margin-bottom: 23px;
}

#main_banner_area .content_box .btn_box {
	margin-top: 46px;
}

#main_banner_area .content_box .btn_box > button {
	transition: .2s;
}

#main_banner_area .content_box .btn_box > button:not(:last-child) {
	margin-right: 12px;
}

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

	#main_banner_area .content_box {
		width: 88%;
		left: 6%;
		transform: translate(0,-50%);
	}

	#main_banner_area .content_box .title {
		font-size: 8.4vw;
	}

	#main_banner_area .content_box .intro {
		margin-top: 5.8vw;
		font-size: 5.5vw;
	}
	
	#main_banner_area .content_box .intro2 {
		margin-bottom: 5.8vw;
	}

	#main_banner_area .content_box .btn_box {
		margin-top: 11.2vw;
	}

	#main_banner_area .content_box .btn_box > button {
		width: 100%;
		height: 13vw;
		font-size: 4.4vw;
	}

	#main_banner_area .content_box .btn_box > button:not(:last-child) {
		margin-right: 0;
		margin-bottom: 3.2vw;
	}
}

/************************************** 
	메인 배너 끝
**************************************/


/************************************** 
	메인 실적 시작
**************************************/
#main_performance_area {
	padding: 25px 0;
	background: #F6F6F6;
}

#main_performance_area .sector {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#main_performance_area .title_box {}

#main_performance_area .title_box > h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 22px;
}

#main_performance_area .title_box > p {
	font-size: 20px;
	line-height: 1.2;
}

#main_performance_area .content_box{
	display: flex;
	width: 710px;
	align-items: center;
	justify-content: space-between;
}

#main_performance_area .content_box> li {
	text-align: center;
}

#main_performance_area .content_box> li > .ico {
	width: 110px;
	height: 110px;
	margin: 0 auto;
	margin-bottom: 13px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#main_performance_area .content_box> li > .type {
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
}

#main_performance_area .content_box> li > .performance {
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: var(--main-color);
}

@media screen and (max-width:1000px) {
	#main_performance_area {
		padding: 15vw 0;
	}

	#main_performance_area .sector {
		display: block;
	}

	#main_performance_area .title_box {
		margin-bottom: 8vw;
	}

	#main_performance_area .title_box > h2 {
		font-size: 5vw;
		margin-bottom: 3.6vw;
	}

	#main_performance_area .title_box > p {
		font-size: 4.4vw;
	}

	#main_performance_area .content_box{
		width: 100%;
	}

	#main_performance_area .content_box> li > .ico {
		width: 20vw;
		height: 20vw;
		margin-bottom: 3vw;
	}

	#main_performance_area .content_box> li > .type {
		margin-bottom: 2.7vw;
		font-size: 4.4vw;
	}

	#main_performance_area .content_box> li > .performance {
		font-size: 5.5vw;
	}
}

/************************************** 
	메인 실적 끝
**************************************/

/************************************** 
	메인 주요사업 시작
**************************************/
#main_business_area {
	padding-bottom: 100px;
}

#main_business_area .main_business {}

#main_business_area .main_business > li {
	position: relative;
	float: left;
	width: calc(50% - 20px);
	height: 270px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
	color: #fff;
	cursor: pointer;
}

#main_business_area .main_business > li:nth-child(odd) {
	margin-right: 40px;
}

#main_business_area .main_business > li:nth-child(1) { background-image: url('../images/main_img01.png'); }
#main_business_area .main_business > li:nth-child(2) { background-image: url('../images/main_img02.png'); }
#main_business_area .main_business > li:nth-child(3) { background-image: url('../images/main_img03.png'); }
#main_business_area .main_business > li:nth-child(4) { background-image: url('../images/main_img04.png'); }
#main_business_area .main_business > li:nth-child(5) { background-image: url('../images/main_img05.png'); }
#main_business_area .main_business > li:nth-child(6) { background-image: url('../images/main_img06.png'); }

#main_business_area .main_business > li::after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 74px;
	height: 74px;
	background: url('../images/m_main_ico04.png') no-repeat center center / cover;
	content: "";
}

#main_business_area .main_business > li > .menu_name {
	display: block;
	margin-top: 155px;
	margin-left: 40px;
	font-size: 30px;
	font-weight: bold;
}

#main_business_area .main_business > li > .menu_explain {
	display: block;
	margin-top: 10px;
	margin-left: 40px;
	font-size: 20px;
}

@media screen and (max-width:1000px) {
	#main_business_area {
		padding-bottom: 10vw;
	}

	#main_business_area .main_business > li {
		width: 100%;
		height: 40vw;
		margin-bottom: 5.5vw;
	}

	#main_business_area .main_business > li:nth-child(odd) {
		margin-right: 0;
	}

	#main_business_area .main_business > li:nth-child(1) { background-image: url('../images/m_main_img01.png'); }
	#main_business_area .main_business > li:nth-child(2) { background-image: url('../images/m_main_img02.png'); }
	#main_business_area .main_business > li:nth-child(3) { background-image: url('../images/m_main_img03.png'); }
	#main_business_area .main_business > li:nth-child(4) { background-image: url('../images/m_main_img04.png'); }
	#main_business_area .main_business > li:nth-child(5) { background-image: url('../images/m_main_img05.png'); }
	#main_business_area .main_business > li:nth-child(6) { background-image: url('../images/m_main_img06.png'); }

	#main_business_area .main_business > li::after {
		width: 11.4vw;
		height: 11.4vw;
	}

	#main_business_area .main_business > li > .menu_name {
		margin-top: 15.5vw;
		margin-left: 4vw;
		font-size: 5vw;
	}

	#main_business_area .main_business > li > .menu_explain {
		margin-top: 1.5vw;
		margin-left: 4vw;
		font-size: 4.4vw;
	}
}

/************************************** 
	메인 주요사업 끝
**************************************/

/************************************** 
	메인 고객센터 시작
**************************************/
#main_contact_area {
	padding: 80px 0;
	background: #F6F6F6;
	text-align: center;
}

#main_contact_area .main_contact_title {
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: bold;
	color: var(--main-color);
}

#main_contact_area .main_contact_tel {
	font-size: 35px;
	font-weight: bold;
	line-height: 40px;
}

#main_contact_area .main_contact {
	margin-top: 60px;
}

#main_contact_area .main_contact > button {
	float: left;
	width: calc(25% - 19.5px);
	margin-right: 26px;
}

#main_contact_area .main_contact > button:last-child {
	margin-right: 0;
}

@media screen and (max-width:1000px) {
	#main_contact_area {
		padding: 15.5vw 0 17vw;
	}

	#main_contact_area .main_contact_title {
		margin-bottom: 3.5vw;
		font-size: 5vw;
	}

	#main_contact_area .main_contact_tel {
		font-size: 9.7vw;
		line-height: 11.5vw;
	}

	#main_contact_area .main_contact {
		margin-top: 10vw;
	}

	#main_contact_area .main_contact > button {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3.5vw;
	}

	#main_contact_area .main_contact > button:last-child {
		margin-right: 0;
	}
}


/************************************** 
	메인 고객센터 끝
**************************************/


/************************************** 
	메인 협력사 시작
**************************************/
#main_partners_area {
	margin-bottom: 120px;
}

@media screen and (max-width:1000px) {
	#main_partners_area {
		margin-bottom: 19vw;
	}
}

/************************************** 
	메인 협력사 끝
**************************************/


/************************************** 
	회사소개 - 비전 시작
**************************************/
.vision_list {
	display: flex;
	margin-top: 100px;
	justify-content: space-between;
}

.vision_list > li {
	text-align: center;
	margin-right: 15px;
}

.vision_list > li:last-child {
	margin-right: 0;
}

.vision_list > li > .img {
	width: 247px;
	height: 247px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.vision_list > li > .title {
	display: block;
	margin-top: 45px;
	font-size: 30px;
	font-weight: bold;
}

.vision_list > li > .detail {
	margin-top: 30px;
	font-size: 18px;
	line-height: 1.35;
}

.vision_list2 {
	width: 1154px;
	margin: 0 auto;
	margin-top: 100px;
}

@media screen and (max-width:1000px) {
	.vision_list {
		display: block;
		margin-top: 14vw;
	}

	.vision_list > li {
		margin-right: 0;
		margin-bottom: 14vw;
	}

	.vision_list > li:last-child {
		margin-bottom: 0;
	}

	.vision_list > li > .img {
		width: 40vw;
		height: 40vw;
	}

	.vision_list > li > .title {
		margin-top: 7vw;
		font-size: 5vw;
	}

	.vision_list > li > .detail {
		margin-top: 2.4vw;
		font-size: 4.4vw;
		line-height: 1.15;
	}

	.vision_list2 {
		width: 100%;
		margin-top: 14vw;
	}
}

/************************************** 
	회사소개 - 비전 끝
**************************************/



/************************************** 
	회사소개 - 인사말 시작
**************************************/
.intro_area {}

.intro_area::after {
	display: block;
	position: absolute;
	bottom: 160px;
	right: 0;
	width: 750px;
	height: 250px;
	background: var(--main-color);
	content: "";
}

.intro_area .intro_title {
	margin-top: 110px;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.25;
}

.intro_area .intro_content {
	margin-top: 40px;
	font-size: 18px;
	line-height: 1.15;
}

.intro_area .intro_content .ceo_sign {
	font-size: 24px;
	font-weight: bold;
}

.intro_area .intro_img {
	position: absolute;
	top: 220px;
	right: 0;
	z-index: 5;
}

@media screen and (max-width:1000px) {
	.intro_area::after {
		display: none;
	}

	.intro_area .intro_title {
		margin-top: 14vw;
		font-size: 7vw;
	}

	.intro_area .intro_content {
		margin-top: 8vw;
		font-size: 4.4vw;
	}

	.intro_area .intro_content .ceo_sign {
		font-size: 5vw;
	}

	.intro_area .intro_img {
		position: relative;
		top: 0;
		margin-top: 11vw;
		width: 100%;
	}
}


/************************************** 
	회사소개 - 인사말 끝
**************************************/


/************************************** 
	회사소개 - 오시는길 시작
**************************************/
.contact_box {}

#daumRoughmapContainer1743558981846, 
#daumRoughmapContainer1743559009388 {
	width: 100%; 
}

#daumRoughmapContainer1743558981846 {
	margin-top: 75px; 
}

#daumRoughmapContainer1743559009388 {
	margin-top: 30px; 
}

#daumRoughmapContainer1743558981846 .wrap_map,
#daumRoughmapContainer1743559009388 .wrap_map { 
	height: 560px; 
}

#daumRoughmapContainer1743558981846 .cont, 
#daumRoughmapContainer1743559009388 .cont { 
	display: none; 
}

.contact_info {
	width: 100%;
	margin-top: 50px;
}

.contact_info th,
.contact_info td {
	padding: 25px 0;
	border: 1px solid #C9C9C9;
	font-size: 18px;
}

.contact_info th {
	font-weight: bold;
	background: #F6F6F6;
}

.contact_info td {
	padding-left: 30px;
}


@media screen and (max-width:1000px) {
	#daumRoughmapContainer1743558981846 {
		margin-top: 14vw; 
	}

	#daumRoughmapContainer1743559009388 {
		margin-top: 3vw; 
	}

	#daumRoughmapContainer1743558981846 .wrap_map, 
	#daumRoughmapContainer1743559009388 .wrap_map { 
		height: 56vw !important; 
	}
	
	.contact_info {
		display: block;
		margin-top: 7vw;
	}

	.contact_info th,
	.contact_info td {
		display: block;
		width: calc(88vw - 2px);
		padding: 5.5vw 0;
		font-size: 4.4vw;
	}

	.contact_info th:not(.first),
	.contact_info td {
		border-top: 0;
	}

	.contact_info th {
		font-weight: bold;
		background: #F6F6F6;
	}

	.contact_info td {
		padding-left: 0;
		text-align: center;
	}
}


/************************************** 
	회사소개 - 오시는길 끝
**************************************/


/************************************** 
	사업분야 - 발전사업 RPS 시작
**************************************/
.rps_box {
	margin-top: 110px;
}

.rps_box .item {
	text-align: center;
}

.rps_box .item:not(:last-child) {
	margin-bottom: 80px;
}

.rps_box .item .title {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
}

.rps_box .item .txt {
	font-size: 18px;
	line-height: 1.35;
}

.rps_box .item .img {
	margin-top: 30px;
}


.rps_box .item .rps_state {
	display: flex;
	margin-top: 45px;
	padding: 35px 0;
	background: #fff;
	border: 1px solid #DDDDDD;
}

.rps_box .item .rps_state .state {
	flex: 1;
}

.rps_box .item .rps_state .state:first-child {
	border-right: 1px solid #DDDDDD;
}

.rps_box .item .rps_state .rps_title {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 24px;
	font-weight: bold;
}

.rps_box .item .rps_state .calculate {
	font-size: 18px;
}

.rps_box .item .min_txt {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.35;
}

.rps_box .item .min_txt2 {
	display: block;
	width: 100%;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: var(--main-color);
}


.rps_box .item .rps_table {
	width: 100%;
	border-top: 2px solid var(--main-color);
	background: #fff;
}

.rps_box .item .rps_table th,
.rps_box .item .rps_table td {
	padding: 20px 0;
	font-size: 18px;
	text-align: center;
	border: 1px solid #DDDDDD;
}

.rps_box .item .rps_table th {
	background: #F8E8E4;
	font-weight: bold;
	line-height: 1.65;
}

.rps_box .item .rps_table td {}

.rps_box .item .rps_table td.l_content {
	padding: 20px 25px;
	text-align: left;
	line-height: 1.65;
}

.rps_box .item .rps_table td.va_top {
	vertical-align: top;
}

.rps_box .item .rps_table td.lh_2 {
	line-height: 1.65;
}

.rps_box .item .rps_table2 {
	display: none;
}


.rps_box .item .rps_process {}

.rps_box .item .rps_process > li {
	display: flex;
	position: relative;
	float: left;
	width: calc(33.33% - 23.33px);
	height: 65px;
	margin-right: 35px;
	margin-bottom: 40px;
	border: 1px solid var(--main-color);
	background: #F8E8E4;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: bold;
}

.rps_box .item .rps_process > li:nth-child(3n + 3) {
	margin-right: 0;
}

.rps_box .item .rps_process > li::after {
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	background: url('../images/work_01_ico01.png') no-repeat center center / contain;
	content: "";
}

.rps_box .item .rps_process > li.right::after { top: calc(50% - 6px); left: calc(100% + 15px); }
.rps_box .item .rps_process > li.left::after { top: calc(50% - 6px); right: calc(100% + 15px); transform: rotate(180deg); }
.rps_box .item .rps_process > li.down::after { top: calc(100% + 15px); left: calc(50% - 6px); transform: rotate(90deg); }
.rps_box .item .rps_process > li.last::after { display: none; }


.rps_box .item .img_box {
	margin-top: 40px;
}

.rps_box .item .img_box > img {
	float: left;
	width: calc(33.33% - 13.33px);
	margin-right: 20px;
}

.rps_box .item .img_box > img:last-child {
	margin-right: 0;
}


.rps_box .item .rps_list {}

.rps_box .item .rps_list dt,
.rps_box .item .rps_list dd {
	font-size: 18px;
}

.rps_box .item .rps_list dt {
	margin-top: 40px;
	margin-bottom: 5px;
	font-weight: bold;
}

.rps_box .item .rps_list dd {}

.rps_box .item .rps_btn {
	margin-top: 40px;
	width: 270px;
	height: 63px;
	border: 1px solid var(--main-color);
	background: #F8E8E4 url('../images/work_01_ico01.png') no-repeat center right 30px / 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	text-indent: 30px;
	color: var(--main-color);
}


.rps_box .item .rps_list2 {
	margin-top: 40px;
}

.rps_box .item .rps_list2 > li {
	float: left;
	width: calc(33.33% - 13.33px);
	margin-right: 20px;
}

.rps_box .item .rps_list2 > li:last-child {
	margin-right: 0;
}

.rps_box .item .rps_list2 > li > .rps_list2_img {
	height: 440px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.rps_box .item .rps_list2 > li > .rps_list2_txt {
	margin-top: 40px;
	font-size: 18px;
	line-height: 1.35;
	text-align: left;
}


@media screen and (max-width:1000px) {
	.rps_box {
		margin-top: 14vw;
	}

	.rps_box .item:not(:last-child) {
		margin-bottom: 14vw;
	}

	.rps_box .item .title {
		font-size: 5vw;
		margin-bottom: 2.4vw;
	}

	.rps_box .item .txt {
		font-size: 4.4vw;
	}

	.rps_box .item .img {
		margin-top: 2.4vw;
	}

	.rps_box .item .img2 {
		width: 75.2vw;
		margin: 0 auto;
		margin-top: 8vw;
	}
	
	
	.rps_box .item .rps_state {
		display: block;
		margin-top: 8vw;
		padding: 0;
	}

	.rps_box .item .rps_state .state {
		width: 100%;
		padding: 9.5vw 0;
	}

	.rps_box .item .rps_state .state:first-child {
		border-right: 0;
		border-bottom: 1px solid #DDDDDD;
		padding: 7vw 0;
	}

	.rps_box .item .rps_state .rps_title {
		margin-bottom: 2.8vw;
		font-size: 5vw;
	}

	.rps_box .item .rps_state .calculate {
		font-size: 4.4vw;
	}

	.rps_box .item .min_txt {
		margin-top: 5vw;
		font-size: 4.4vw;
		line-height: 1.15;
	}
	
	.rps_box .item .min_txt2 {
		margin-top: 4vw;
		font-size: 4.4vw;
		line-height: 1.35;
	}
	
	
	.rps_box .item .rps_table {
		width: 150vw;
		margin-top: 6.5vw;
		table-layout: fixed;
	}

	.rps_box .item .rps_table th,
	.rps_box .item .rps_table td {
		padding: 5vw 0;
		font-size: 4.4vw;
	}

	.rps_box .item .rps_table th {}

	.rps_box .item .rps_table td {
		line-height: 1.35;
	}
	
	.rps_box .item .rps_table td.l_content {
		padding: 5vw 6vw;
	}
	
	.rps_box .item .rps_table2 {
		display: table;
		width: 100%;
		margin-top: 5vw;
		border-top: 2px solid var(--main-color);
		background: #fff;
	}

	.rps_box .item .rps_table2 th,
	.rps_box .item .rps_table2 td {
		padding: 5vw 0;
		font-size: 4.4vw;
		text-align: center;
		border: 1px solid #DDDDDD;
	}

	.rps_box .item .rps_table2 th {
		background: #F8E8E4;
		font-weight: bold;
		line-height: 1.65;
	}

	.rps_box .item .rps_table2 td {}
	
	
	.rps_box .item .rps_process {
		margin-top: 6.5vw;
	}

	.rps_box .item .rps_process > li {
		width: 100%;
		height: 16vw;
		margin-right: 0;
		margin-bottom: 7.6vw;
		font-size: 4.4vw;
	}

	.rps_box .item .rps_process > li::after {
		top: calc(100% + 2.2vw) !important;
		left: calc(50% - 1.8vw) !important;
		width: 3.7vw;
		height: 3.7vw;
		transform: rotate(90deg) !important;
	}
	
	.rps_box .item .rps_process > li:last-child::after {
		display: none;
	}
	
	
	.rps_box .item .img_box {
		margin-top: 10vw;
	}

	.rps_box .item .img_box > img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3vw;
	}
	
	
	.rps_box .item .rps_list dt,
	.rps_box .item .rps_list dd {
		font-size: 4.4vw;
	}

	.rps_box .item .rps_list dt {
		margin-top: 3vw;
		margin-bottom: 1vw;
	}

	.rps_box .item .rps_list dd {}

	.rps_box .item .rps_btn {
		margin-top: 7.5vw;
		width: 88vw;
		height: 18vw;
		background-position: center right 5vw;
		background-size: 3vw;
		font-size: 5vw;
		text-indent: 5.8vw;
	}
	
	
	.rps_box .item .rps_list2 {
		margin-top: 7vw;
	}

	.rps_box .item .rps_list2 > li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 7vw;
	}

	.rps_box .item .rps_list2 > li > .rps_list2_img {
		height: 88vw;
	}

	.rps_box .item .rps_list2 > li > .rps_list2_txt {
		margin-top: 7vw;
		font-size: 4.4vw;
	}

}


/************************************** 
	사업분야 - 발전사업 RPS 끝
**************************************/