@charset "utf-8";

@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css');

.content{font-size:100%}
.content:after{content:'';clear:both;height:1px; display:block}
.content *{word-break:keep-all;word-wrap:break-word;}
.content h3,.content h4{font-family:"NanumSquare";font-weight:bold;margin-bottom:0.7rem;position:relative}
.content h3{margin-top:3rem;font-size:1.7rem;}
.content h4{margin-top:1.5rem;font-size:1.4rem;}
.content h3:nth-of-type(1),.content h4:nth-of-type(1){margin-top:0}
.content img{max-width:100%}
.content article{word-break:keep-all;line-height:170%}
.content article > p {margin-top:1.5%;font-size:100%;}
.content .text{margin-bottom:10px;}
.content .dbox{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0.25);position:relative;margin-bottom:30px;padding:15px 25px}
.content .dbox:before,.content .dbox:after{content:'';width:30px;height:40px;border-width:6px;border-style:solid;position:absolute;}
.content .dbox:before{top:-3px;left:-3px;border-bottom:0; border-right:0}
.content .dbox:after{bottom:-3px;right:-3px; border-left:0; border-top:0}
.content .tbox{position:relative;width:100%;min-height:100px;border:5px solid #eeeeee;background:#fff;padding:25px 40px;box-sizing:border-box;margin-bottom:30px;}
.content .tbox div{font-size:105%;position:relative;display:table-cell;vertical-align: middle;}
.content .tbox.icon{min-height:130px;}
.content .tbox.icon div:before{content: '';position:absolute;top: 0;left: 0;width: 70px;height: 70px;}
.content .tbox.icon div{padding-left:90px;height: 65px;}
.content .list.date{display:inline-block;width:110px;font-family:'Montserrat',sans-serif;vertical-align:-0.08em;font-weight:600}
.content .list.none li{padding-left:0}
.content .list.none li:before{content:normal}
.content .list.dot li{padding-left:15px}
.content .list.dot li:before{width:3px;height:3px;background:rgba(0,0,0,0.3);border-radius:100%;top:10px;}
.content .list.dot2 li{}
.content .list.dot2 li:before{width:6px;height:6px;background:rgba(0,0,0,0.3);border-radius:100%;top:10px;}
.content .title li strong,.content .title li em{display:inline-block;margin-right:10px;text-align:justify;min-width:70px;position:relative;}
.content .title li em{float:left;position:relative;font-weight:bold;}
.content .title li em:after{content:':';position:absolute;right:0;top:-2px;font-weight:400}
.content .title li p{overflow:hidden;}
.content .list{position:relative;margin-bottom:5px;}
.content .list li{position:relative;display:block;padding-left:20px;text-align:left;line-height: inherit;margin-top:5px; vertical-align:top}
.content .list li:before{position:absolute;top:11px;left:2px;content:'';width:10px;height:1px; background:#ccc}
.content .list li ol.list{margin:5px 0;} 
.content .list li ol.list li{position:relative;display:block;padding-left:15px;text-align:left;word-break:keep-all;letter-spacing:-1px;}
.content .list li ol.list li:before{content:'';top:11px;left:0;width:10px;height:1px;background:rgba(0,0,0,0.3)}
.textbox{ border:1px solid rgba(0,0,0,0.15);padding:10px;min-height:150px;overflow-y:auto;overflow-x:hidden}

.contentWrap02 {
    margin-top: -8rem;
    margin-bottom: 8rem;
}



@media screen and (max-width:820px) {
    .table_box {
        overflow-x: auto;
        border: 1px solid #ddd;
        padding: 2em;
    }
    .table_box p{
        display: block;
        text-align: center;
        padding-bottom: 2em;
        width: 100%;
        font-weight: 600;
    }
    .table_box p i{
    color: #ccc;
    }
    .table_box > table{
         min-width: 760px;
    }

}




.content h3{line-height:normal !important;}
.content h3:before,.content h3:after{content:'';border-width:5px;border-style:solid;}
.content h3:before{padding:6px;display:inline-block;margin-right:15px;vertical-align:-0.2em;}
.content h3:after{position:absolute;left:12px;top:-1px;padding:3px}
.content h4{}
.content h5{margin:1rem 0;font-size:1.55rem;position:relative;font-weight:700;font-family:"Nanum Square";}
.content h3 em,.content h4 em,.content h5 em{font-size:0.85rem;opacity:.7;font-family:normal;font-weight:400;display:block;margin-top:1%;font-family:"Noto Sans KR",sans-serif;}
.content h3 span,.content h4 span{font-weight:400}

.content article{font-size:95%}
.content article *{line-height:1.6rem;}
.content article > p{margin-top:3%;font-size:110%}


/* 회사소개 */
.company {}
.company img { width: 100%; }
.company h3 { 
	position: relative;
	padding-left: 20px;
	font-size: 1.8rem;
}
.company h3::after { 
	content: "";
	width: 5px;
	height: 100%;
	top:0;
	left: 0;
	background: -webkit-linear-gradient( 113.39deg, #008c56, #006bb6);
    background: linear-gradient( 113.39deg, #008c56, #006bb6);
	position: absolute;
}

.company ul {}
.company ul li {
	position: relative;
	width: 65%;
	margin-bottom: 5rem;
}
.company ul li:nth-child(even) {
	float: right;
}
.company ul li p {
	position: absolute;
	right: -20%;
	bottom: 0;
	background: #fff;
	padding: 20px;
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-family: 'Wemakeprice-Regular';
	display: inline-block;
	right: inherit;
	left:100%;
	width:inherit;
	padding:20px 30px;
}
.company ul li:nth-child(even) p{
	text-align: right;
	left: -25%;
	bottom: 0;
	display: inline-block;
	width: 100%;
	max-width: 300px;
	left:inherit;
	right:100%;
}

.company ul li:nth-child(1) p {
	right: -10%;
}

.company ul li p strong {
	color: #008c56;
	font-weight: normal;
	font-family: 'Wemakeprice-Regular';
}

.company ul li img {
	width: 100%;
}
@media screen and (max-width:760px){
	.company ul li p {
		padding: 8px;
		font-size: 1rem;
		line-height: 1.5rem;
	}
}





/*인사말*/
.greet {
	position: relative;
	width: 100%;	
}
.greet img {
	width: 100%;
}
.greet::after {
	content: "";
	left: 50%;
	bottom: -160px;
	transform: translateX(-50%);
	background-size: 100%;
	width: 100%;
	min-width: 2000px;
	height: 650px;
	z-index: -1;
	position: absolute;
	background:url('../images/sm/greet-bg.jpg') no-repeat center bottom;
}
.greet p {
	line-height: 2rem;text-align: center;
}
.greet h5 {
	font-size: 1.2rem;
	font-family: NanumMyeongjo;
	color: #888;
}
.greet h5 strong {
	font-size: 1.7rem;
	font-family: NanumMyeongjo;
	color: #000;
}

@media screen and (max-width:760px){
	.greet::after {  }
}


/* 연혁 */
.history{
	position: relative;
	display: flex; 
	flex-wrap: wrap;
	margin-top:3rem; 
}
.history:before{
	content: '';
	position: absolute;
	top:0;
	left: 50%;
	bottom: 0;
	border-left: 1px solid #ddd;
}
.history > div, .history > ul { 
	margin:0;
	width: 50%;
}
.history > ul li {
	padding: 5rem 2rem;
	position: relative;
}
.history > ul li::after {
	content: '';
	position: absolute;
	top:5.5rem;
	left: -9px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 5px solid #008c56;	
}

.history > ul li h3 {
	font-size: 2.25rem;
	letter-spacing: -0.1rem;
	margin: 0 0 1rem;
	display: inline-block;
	font-family: 'Wemakeprice-Bold';	
	background: -webkit-linear-gradient(309deg, #008c56, #006bb6);
	background: -o-linear-gradient(309deg, #008c56, #006bb6);
	background: linear-gradient(39deg, #008c56, #006bb6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	animation: slideInUp;
	animation-duration: 0.5s;
}
.history p {
	font-size: 1.26rem;
	font-family: 'Wemakeprice-Regular';
	animation: slideInUp; 
	animation-duration: 1.2s; 
}

.history > div {
	text-align: right;
	position: relative;
}
.history-title{
	position: absolute;
	right: 30%;
	top:0;
	display: flex;
	width: 5.048em;
	height: 5.048em;
	align-items: center;
	justify-content: center;
	font-size: 2.333rem;
	line-height: 1;
	letter-spacing: 0;
	background: -webkit-linear-gradient( 113.39deg, #008c56, #006bb6);
	background: linear-gradient( 113.39deg, #008c56, #006bb6);
	color: #fff;
	transform: rotate(-45deg);
	box-shadow: 0 20px 40px rgba(0,112,195,.23);
}	
.history-title:before, .history-title:after{
	content: '';
	position: absolute;
	width: 92%;
	height: 92%;
	top: 0;
	left: 0;
	background: inherit;
	z-index: -1
}
.history-title:before{margin: -1em 0 0 -1em;opacity: .1}
.history-title:after{margin: -.5em 0 0 -.5em;opacity: .3}
.history-title>span{display: block;transform: rotate(45deg); 	font-family: 'Wemakeprice-Bold';}

@media (max-width:760px){
	.history::before{
		left: 20px;
	} 
	.history > div, .history > ul { 
		width: 100%;
		margin:0;
	}
	.history > ul { 
		margin:10rem 0 5rem;
	}
	.history > ul li {
		padding: 3rem 50px;
	}
	.history > ul li::after	{
		left: 10px;
		top:3.5rem;
	}
	.history > ul li h3 {
		font-size: 1.8rem;
	}
	
	.history-title{
		left:30%;
		width: 120px;
		height: 120px;
		font-size: 2rem;
	}
}


/* 조직도 */
.org {position:relative;margin:40px 0;text-align:center;}
.org:before{content:'';position:absolute;top:0;left:49.95%;width:1px;height:68%;background-color:#ddd;}
.org .ceo{position: relative;min-height: 180px;width: 100%;}
.org .ceo h2{margin-left:40px; margin-bottom:70px;
	display: flex;
	width: 180px;
	height: 180px;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	background: -webkit-linear-gradient( 113.39deg, #008c56, #006bb6);
	background: linear-gradient( 113.39deg, #008c56, #006bb6);
	transform: rotate(-45deg)!important;
	border-radius: 0;
}
.org .ceo h2 span {display: block;transform: rotate(45deg)!important;font-family: 'Wemakeprice-Regular';}
.org > ul{position:relative;}
.org > ul >li{color: #fff;max-width: 260px;font-size: 1.3rem;position: relative;text-align: center;}
.org ul.int1 li{margin-left: 50%;transform:translateX(-50%);margin-bottom:50px;}
.org ul.int1 li p{background-color:#80BD31;border-radius:40px;padding:10px 0;color:#fff;font-size:1.3rem;font-family: 'Wemakeprice-Regular';} 
.org ul.int2{position:relative;overflow:hidden; display: flex; flex-wrap: wrap; justify-content: center; margin-top:50px;}
/*
.org ul.int2:after{content:'';position:absolute;top:0;left:40%;width:200px;height:1px;background-color:#ddd;}
*/
.org ul.int2 > li{position:relative;width:16.8%;max-width:inherit;margin-left:4%;padding-top:50px;}
.org ul.int2 > li:before{content:'';position:absolute;top:0;left:50%;width:1px;height:50px;background-color:#ddd;}
.org ul.int2 > li:after{content:'';position:absolute;top:0;left:0;width:125%;height:1px;background-color:#ddd;}
.org ul.int2 > li:nth-child(3):before {content: none;}
.org ul.int2 > li:first-child{margin-left:0;}
.org ul.int2 > li:first-child:after{left:50%;}
.org ul.int2 > li:last-child:after{left:inherit;right:50%;}
.org ul.int2 li p{display:block;color:#fff;font-size:1.3rem;padding:6px 0;background-color:#0286C7;border-radius:10px 10px 0 0;font-family: 'Wemakeprice-Regular';}
.org ul.int2 li ul{display:block;padding:10px 0;border-radius:0 0 10px 10px;background-color:#F0FBFD;min-height:180px;}
.org ul.int2 li ul li{color:#555;font-size:1.1rem;line-height:180%;word-break:keep-all;}

@media (max-width:768px) {
    .org:before {height: 100%;}
    .org ul.int2 > li {margin-left:0; width: 100%;}
    .org ul.int2 li ul {min-height: auto;}
    .org ul.int2 > li:before {content: none;}
    .org ul.int2 > li:after {content: none;}
}

@media screen and (max-width:460px){
    .org .ceo{min-height: 120px;}
    .org .ceo h2{font-size:1.5rem;width:100px;height:100px;margin-left:80px; margin-bottom:10px;}
    .org ul.int1 li{margin-bottom:10px;}
    .org ul.int2 li p{display:block;color:#fff;font-size:1rem;}
    .org ul.int2 li ul li{font-size:0.9rem;}
}

/*

.org >ul:nth-child(1) {
	grid-template-columns: repeat(1, 1fr);
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
}
.org >ul:nth-child(2) {
	grid-template-columns: repeat(4, 1fr);
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
}

.org >ul:nth-child(1) li {
	margin-left: 50%;
	transform: translateX(-50%);
}

.org >ul:nth-child(2) li {
	background: #EAF5F9;
}
.org >ul:nth-child(3) li {
	background: #EAF5F9;
}



.org >ul:nth-child(1) li p{background-color:#80BD31;border-radius:40px;padding:10px 0; }

.org >ul:nth-child(3) li:nth-child(1) { grid-column: 2 / 3;	grid-row: 2 / 2; }
.org >ul:nth-child(3) li:nth-child(2) { grid-column: 3 / 4;	grid-row: 2 / 2; }
.org >ul:nth-child(3) li:nth-child(3) { grid-column: 4 / 5;	grid-row: 2 / 2; }
.org >ul:nth-child(3) li:nth-child(4) { grid-column: 5 / 6;	grid-row: 2 / 2; }

.org >ul:nth-child(1) li:first-child::before, .org >ul:nth-child(1) li:last-child::before {
	width: 0;
	height: 0;	
}
.org >ul:nth-child(2) li:nth-child(3)::after { width: 0; }
.org >ul:nth-child(2) li:nth-child(2)::before, 
.org >ul:nth-child(2) li:nth-child(3)::before, 
.org >ul:nth-child(2) li:nth-child(4)::before {
	width: 150%;
	height: 2px;
	top:-50px;
	right: 0%;
}

.org >ul:nth-child(2) li::after, 
.org >ul:nth-child(3) li::after
{
	width: 2px;
	height: 50px;
	top:-50px;
	left: 50%;
}
.org >ul:nth-child(2) li:nth-child(2)::after,
.org >ul:nth-child(2) li:nth-child(4)::after {
	height: 172px;
}
.org >ul:nth-child(2) li:first-child::before,
.org >ul:nth-child(3) li:nth-child(odd)::before {
	width: 100%;
	height: 2px;
	top:-50px;
	left: 50%;
}
.org >ul:nth-child(2) li:last-child::before,
.org >ul:nth-child(3) li:nth-child(even)::before{
	width: 100%;
	height: 2px;
	top:-50px;
	right: 50%;
}



.org *::before, .org *::after {
	content: '';
	position: absolute;
	background: #ddd;
	z-index: -1;
}


*/


/* 인증 및 면허 */
.license {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.license li {
	width: calc(100% / 4);
    text-align: center;
	margin: 2rem 0;
	text-align: center;
}

.license li figure img{
	width: 100%;
	max-width: 270px;
	border-radius: 20px;
	box-shadow: 0px 2px 20px rgba(51, 51, 51, 0.2);
}
.license li figure figcaption{
	font-size: 1.125rem;
	font-weight: 700;
	width: 90%;
	margin: 0 auto;
    margin-top: 2rem;
}
@media (max-width:1198px) {
	.license li {
		width: calc(100% / 3);
	}
	.license li figure img {
		max-width: 220px;
	}
}
@media (max-width:760px) {
	.license li {
		width: calc(100% / 2);
	}
	.license li figure img {
		max-width: 150px;
	}
}        



/*오시는 길 */
/* .location {}
.location .info-sec  {
	margin: 5rem 0 0;
}
.location .info-sec h3 {
	font-weight:600;
	color:#000;
	font-size: 1.5rem;
	font-family: 'Wemakeprice-Regular';
	margin: 10px;
}
.location .info-sec ul {
	border-top:1px solid #000;
}
.location .info-sec ul li {
	display: flex;
	border-bottom:1px solid #e5e5e5; 
	padding: 15px;
}
.location .info-sec ul li p {
	word-break:keep-all;
	font-weight:400; 
	font-size:1.05rem; 
	letter-spacing:-0.35px; 
	color:#555; 
	line-height:1.5;
}
.location .info-sec ul li h4{
	min-width: 100px;
	font-weight:600;
}
.location iframe{ width:100%; height:450px; }
*/

.location {}
.location .info-sec { margin:3rem 0 5rem; }
.location .info-sec h3 { margin:10px; font-size:1.5rem; font-weight:600; color:#000; font-family:'Wemakeprice-Regular'; }
.location .info-sec ul { border-top:1px solid #000; }
.location .info-sec ul li { display:flex; padding:15px; border-bottom:1px solid #e5e5e5; }
.location .info-sec ul li p { font-size:1rem; font-weight:400; letter-spacing:-0.35px; color:#555; line-height:1.5; word-break:keep-all; }
.location .info-sec ul li h4 { min-width:100px; font-weight:600;}
.location iframe{ width:100%; height:450px; }
.dm-map { position:relative; width:100%; height:450px; border:1px solid #ddd; }
.dm-map .custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.dm-map .custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.dm-map .custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.dm-map .custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.dm-map .custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.dm-map .custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.dm-map .custom_typecontrol .selected_btn:hover {color:#fff;}   
.dm-map .custom_zoomcontrol { position: absolute; top: 35%; right: 10px; width: 36px; height: 80px; overflow: hidden; z-index: 1; background-color: #f5f5f5; border-radius: 3px; border: 1px solid #bdbbb5 }
.dm-map .custom_zoomcontrol span { display: block; width: 36px; height: 40px; text-align: center; cursor: pointer }
.dm-map .custom_zoomcontrol span img { width: 15px; height: auto; padding: 12px 0; border: none }
.dm-map .custom_zoomcontrol span:first-child { border-bottom: 1px solid #bfbfbf; }    
.dm-map .name{background-color:#238CFA;color:#fff;font-size:0.8rem;}

@media (max-width:768px) {
	.location iframe{ height:300px; }
	.dm-map { height:300px; }
}

/* 사업안내사*/
.business {}
.business .buss_h4 {
	margin: -1.5rem 7rem 5rem;
	text-align: center;
	color: #888;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
}

.business .buss_col_list {
	display: grid;
	display: -ms-grid;
	grid-auto-flow: column; 
	padding:50px 0;
	background: #f2f6f3;
	margin: 0 0 2rem;
}
.business .buss_col_2 {
	grid-auto-columns: 1ft 1fr;
	-ms-grid-columns: 1ft 1fr;

}
/* 주택지원사업 - 지원대상 20220330 수정 */
#page-goverment{
    justify-content: start;
    margin-bottom: 0px;
}
#page-goverment h3{
    margin-right: 3em;
}
/* 주택지원사업 - 지원대상 20220330 수정 끝*/
.business .buss_col_2_box {
	grid-auto-columns: 1ft 1fr;
	-ms-grid-columns: 1ft 1fr;
}
.business .buss_col_3 {
	grid-auto-columns: 150px 1ft 1fr 1fr;
	-ms-grid-columns: 150px 1ft 1fr 1fr;

}
.business .buss_col_2 li {
	margin: 0 20px;
}
.business .buss_col_2_box ul{
	width: 100%;
	padding: 0 1rem;
}

.business .buss_col_2_box ul:first-child {
	margin: 0 0 0 20%;
	width: 80%;
}

.business .buss_col_2_box ul h3 {
	padding: 0;
	margin: 1rem 0 0.5rem;
}

.business .buss_col_2 li:nth-child(1), .business .buss_col_2_box ul:nth-child(1) { grid-column: 1; -ms-grid-column: 1; }
.business .buss_col_2 li:nth-child(2), .business .buss_col_2_box ul:nth-child(2) { grid-column: 2; -ms-grid-column: 2; }
.business .buss_col_2 li:nth-child(3), .business .buss_col_2_box ul:nth-child(3) { grid-column: 3; -ms-grid-column: 3; }

.business .buss_col_list h3 {
	font-family: 'Wemakeprice-Regular';
	padding:  0 10px 0 30px;
	font-size: 1.8rem;
	
}
.business .buss_col_list li {
	border-left: 1px solid #ddd;
	padding: 0 10px;
	position: relative;
}
.business .buss_col_list li::after {
	content: '';
	position: absolute;
	left: -1px;
	top:8px;
	width: 2px;
	height: 20px;
	background: #000;
}
.business .buss_col_list li h4 {
	font-size: 1.3rem;
	color: #000;
}

.business .buss_txt {
	font-size: 1.3rem;
	line-height: 1.7;
	color: #000;
	font-family: 'Wemakeprice-Regular';
}
.business .buss_txt span {
	font-size: 1.125rem;
	display: block;
	padding: 10px 10px 0;
	position: relative;
}
.business .buss_txt span::before {
	content: '';
	width: 3px;
	height: 18px;
	left: 0;
	top:17px;
	position: absolute;
	background: #008c56;
}
.business .buss_txt span strong{
	padding: 0 10px 0 0;
	color: #008c56;
}

.business .buss_box_txt {
	font-size: 1.28rem;
	line-height: 1.5;
	background: #008c56;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 0;
	display: inline-block;
	font-family: 'Wemakeprice-Regular';	
}

.business .buss_table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top:2px solid #000;
	border-left: 1px solid  #ddd;
	margin: 1rem 0 0.5rem;
}
.business .buss_table caption {
	font-size: 0.95rem;
	color: #999;
	text-align: right;
	width: 100%;
	height: auto;
	padding: 20px 0;
}

.business .buss_table th {
	background: #F9F9F9;
	color: #000;
	font-size: 1.125rem;
	font-weight: 500;
}
.business .buss_table td {
	color: #555;
	font-weight: 400;
	font-size: 1.125rem;
}
.business .buss_table th, .business .buss_table td {
	border-bottom: 1px solid  #ddd;
	border-right: 1px solid  #ddd;
	padding: 15px 2px;
	text-align: center;
}
.business .buss_table.table_left td {
    padding: 15px 20px;
    text-align: left;
}

.business .buss_unit {
    color: #AAAAAA;
    text-align: right;
}

.business .buss_banner {
	overflow: hidden;
	position: relative;
	padding: 50px;
	margin: 3rem 0;
}
.business .buss_banner h3 {
	font-size: 1.6rem;
	color: #008c56;
	font-family: 'Wemakeprice-SemiBold';
	margin: 0 0 0.5rem;
}
.business .buss_banner h4 {
	font-size: 1.3rem;
	color: #333;
	font-family: 'Wemakeprice-SemiBold';
	margin: 1rem 0 0;
}

.business .buss_banner ul li {
	display: inline-block;
}
.business .buss_banner .buss_process {
	font-size: 1.3rem;
	color: #555;
}

.business .buss_banner .buss_process li{
	font-family: 'Wemakeprice-SemiBold';
	position: relative;
	padding-right: 30px;
}
.business .buss_banner .buss_process li:last-child {
	padding-right: 0;
}
.business .buss_banner .buss_process li:last-child::after {
	width: 0;
	height: 0;
	background: none;
}
.business .buss_banner .buss_process li::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 100%;
	right: -3px;
	top:0;
	background: url('../images/sm/ic_round-navigate-next.png')no-repeat #F4F9E9 center/100%;
}

.business .buss_banner .buss_point  {
	display: inline-block;
	background: #008c56;
	padding: 5px 15px;
	font-family: 'Wemakeprice-Regular';
	font-size: 1.3rem;
	margin: 1rem 0;	
	color: #fff;
}
.business .buss_banner .buss_point strong {
	font-family: 'Wemakeprice-Regular';
	font-weight: normal;
	color: #FBFF7F;
}
.business .buss_banner .buss_btn {
	font-size: 1.2rem;
	color: #fff;
	background: url('../images/sm/ic_round-navigate-next.png')no-repeat #008c56;
	background-size: 24px;
	background-position: 96% center;
	font-family: 'Wemakeprice-SemiBold';
	display: inline-block;
	padding: 5px 40px 5px 20px;
	margin: 1rem 0 0;
	transition: all 0.7s ease;	
	border-radius: 50px;	
}
.business .buss_banner .buss_btn:hover {
	background: url('../images/sm/ic_round-navigate-next.png')no-repeat #0086CA;
	background-size: 24px;
	background-position: 96% center;
}

.business .buss_cir {
	display: flex;
	flex-wrap: wrap;
	justify-items: center;	
	justify-content: center;
}
.business .buss_cir > div {
	width: 210px;
	height: 210px;
	background: #fff;
	border-radius: 100%;
	margin: 20px 20px;
	text-align: center;
	position: relative;
}
.business .buss_cir > div::after {
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	background: -webkit-linear-gradient( 113.39deg, #008c56, #006bb6);
    background: linear-gradient( 113.39deg, #008c56, #006bb6);
	position: absolute;
	border-radius: 100%;
	left: -10px;
	top:-10px;
	content: '';
	z-index: -1;
}

.business .buss_cir > div h5 {
	margin: 35% 0 10px;
	font-family: 'Wemakeprice-Semibold';
	font-size: 1.5rem;
	display: inline-block;
	background: -webkit-linear-gradient( 113.39deg, #008c56, #006bb6);
    background: linear-gradient( 113.39deg, #008c56, #006bb6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.business .buss_cir > div p {
	padding: 0 20px;
	word-break: keep-all;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.5;
	color: #555;
}

.business .owl-dots {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
}
.business .owl-dot {
	margin: 0 3px;
}
.business .owl-dot span {
	width: 15px; 
	height: 15px;
	background: rgba(255,255,255,0.50);
	opacity: 1;
	border-radius: 100%;
	display: inline-block;
}
.business .owl-dots .active span {
	background: #008c56!important;
	border-radius: 100%;
}	

.buss_1 {
	background: url('../images/sm/buss_1.png')no-repeat #F4F9E9;
	background-size: 30%;
	background-position: 90% center;
}
.buss_2 {
	background: url('../images/sm/buss_2.png')no-repeat #F4F9E9;
	background-size: 30%;
	background-position: 90% center;
}
.buss_3 {
	background: url('../images/sm/buss_3.png')no-repeat #F4F9E9;
	background-size: 30%;
	background-position: 90% center;
}

.process_cir{
	display: flex;
	flex-wrap: nowrap;
}
.process_cir li {
	width: 200px;
	height: 200px;
	padding: 85px 0 0;
	background: #008c56;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 1.5rem;
	position: relative;
	font-family: Wemakeprice-Regular;
}
.process_cir li:nth-child(even) {
	background: #0086CA;
}

.process_cir li::before {
	content: '';
	width: 10px;
	height: 2px;
	background: #fff;
	position: absolute;
	top:50%;
	left: 0;
}
.process_cir li::after {
	content: '';
	width: 10px;
	height: 2px;
	background: #fff;
	position: absolute;
	top:50%;
	right: 0;
}
.process_cir .pro_line {
	padding: 65px 0 0;
}
.process_cir_row {}
.process_cir_row .p_r_cir {
	width: 80px;
	height: 80px;
	background: #008c56;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	line-height: 80px;
	position: relative;
	font-family: Wemakeprice-Regular;
	display: inline-block;
}
.process_cir_row .p_r_cir::before {
	content: '';
	width: 2px;
	height: 10px;
	background: #fff;
	position: absolute;
	left:50%;
	top: 0;
}
.process_cir_row .p_r_cir::after {
	content: '';
	width: 2px;
	height: 10px;
	background: #fff;
	position: absolute;
	left:50%;
	bottom: 0;
}
.process_cir_row li:nth-child(even) .p_r_cir {
	background: #0086CA;
}



/* 정부지원사업 */
.govern {}
.govern img { width: 100%; }



/* 발전용 태양광 */
.rps_cir {
	text-align: center;
}
.rps_cir h3 {
	font-size: 2rem;
	font-family: Wemakeprice-SemiBold;
	color: #333;
}
.rps_cir h3 span {
	color: #999;
	display: inline-block;
	padding: 0 2px;
}
.rps_cir h3 font {
	font-family: Wemakeprice-SemiBold;
}
.rps_cir .cir {
	width: 300px;
	height: 300px;
	border-radius: 100%;
	opacity: 0.8;
	text-align: center;
	color: #fff;
	position: absolute;
}
.rps_cir .cir span {
	font-size: 1.8rem;
	font-family: Wemakeprice-SemiBold;
	position: absolute;
	left: 0;
	bottom: 80px;
	width: 100%;
	display: inline-block;
}
.rps_cir  img {
	width: 100%;
	max-width: 680px;
	margin: 3rem 0;
	display: inline-block;
}

.rps_cir .chrome > div:nth-child(2){
	top:80px;
	left: 50%;
	transform: translateX(-50%);
	background: url('../images/sm/rps_cir1.png')no-repeat #008c56 center 20%;
}
.rps_cir .chrome > div:nth-child(3){
	top:330px;
	left: 50%;
	margin-left: -280px;
	background: url('../images/sm/rps_cir2.png')no-repeat #00C193 center 20%;
}
.rps_cir .chrome > div:nth-child(4){
	top:330px;
	right: 50%;
	margin-right: -280px;
	background: url('../images/sm/rps_cir3.png')no-repeat #0086CA center 20%;
}

.rps_process {
	display: flex;
	flex-wrap: wrap;
}
.rps_process ul {
	width: calc(96% / 4);
	margin: 5px 0;
	border:1px solid #008c56;
	padding: 20px 10px;
	margin-right: 1%;
	position:relative;
	width:25%;
	margin:0 0 10px -1px;
	padding:20px 25px;
}
.rps_process ul:not(:last-child):after {
	position:absolute;
	display:block;
	content:'';
	width:15px;
	height:15px;
	background:#fff;
	border-right:1px solid #008c56;
	border-top:1px solid #008c56;
	transform:rotate(45deg);
	top: 43%;
	right: -8px;
	z-index:1;
}
.rps_process ul:nth-child(4n+4) {
	margin-right: 0;
}

.rps_process ul li  {
	color: #555; 
}
.rps_process ul li strong {
	font-size: 1.3rem;
	color: #008c56;
	padding: 0 0 5px;
	font-family: Wemakeprice-Regular;
	font-weight: normal;
}


/* 태양광 임대사업 */
.rental {}
.rental img { width: 100%; }
.rental  .buss_col_list h3 {
	padding: 10px;
	margin: 0 10px;
}
/*
.rental  ul:first-child h3 {
	color: #008c56;
}
.rental  ul:last-child h3 {
	color: #0086CA;
}
*/
.rental .c_list {
	display: flex;
	flex-wrap: wrap;
}
.rental .c_list li {
	font-size: 1.05rem;
	color: #555;
	width: 45%;
	border-bottom: 1px dotted #ccc;
	padding: 0.8rem 0;
	margin: 0.25rem 2%;
}
.rental .c_list strong {
	display: block;
	color: #000;
	position: relative;
}
.rental .c_list strong::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: -6px;
	top:0;
	background: #008c56;
}

.rental .roof { text-align: center; margin:0 0 5rem;}
.rental .roof div {text-align: left;}
.rental .roof img { width: 100%; max-width: 835px;}

.rental .pro .cont2 ul {text-align: left;}
.rental .pro .cont2 ul li { width: 28%;}
.ren_process {
	margin: 3rem 0;
}

.ren_process div {
	margin: 3rem 0 0;
}
.ren_process div h3 {
	color:#333;
	font-family: Wemakeprice-Regular;
}
.ren_process div h3 strong {
	color: #008c56;
	padding-right: 3px;
	font-family: Wemakeprice-Regular;
}
.ren_process div span {
	display: inline-block;
	padding-right:30px;
	font-size: 1.125rem;
	color: #888;
	position: relative;
}
.ren_process div span::after {
	content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    right: -3px;
    top: 0;
    background: url('../images/sm/ic_round-navigate-next.png')no-repeat center/60%;
}
.ren_process div span:last-child::after {
	background: none;
}

/* 구조물 시공 */
.structure {}
.structure .buss_banner span {
	display: inline-block;
	width: 80px;
	color: #000;
	font-weight: 700;
}



/* 0&M 사업 */
.onm {}
.onm img { width: 100%; }
.onm .process_cir_row { 
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 40%;
}
.onm li{ width: 50%; }
.onm li p {
	padding: 10px 10px 0;
	display: inline-block;
	width: calc(100% - 100px);
}
.onm h3 {
	line-height: 0;
	vertical-align: top;
}
.onm li p strong {
	font-family: 'Wemakeprice-Semibold';
	font-weight: normal;
	color: #008c56;
	font-size: 1.3rem;
	display: block;
}
.onm li:nth-child(even) p strong {
	color: #0086CA;
}



/* 태양광 구조물 */
.frame {}
.frame img { width: 50%; }
.frame h4 { font-weight: normal; }
.frame .frame_box {
	display: flex;
	flex-wrap: nowrap;
	flex:1 1 100%;
}
.frame .frame_box ul {}
.frame .frame_box ul li {
	padding: 0 20px 0 120px;
	margin: 20px 0;
	font-size: 1.5rem;
	font-family: 'Wemakeprice-Semibold';
	position: relative;
}
.frame .frame_box ul li::before {
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: absolute;
	left: 80px;
	top:0;
}
.frame .frame_box ul li:nth-child(1)::before { background: #008bf3; }
.frame .frame_box ul li:nth-child(2)::before { background: #f0c600; }
.frame .frame_box ul li:nth-child(3)::before { background: #00d0fd; }
.frame .frame_box ul li:nth-child(4)::before { background: #1fd73e; }

.frame .buss_table {margin-top:-20px;}
.frame .buss_col_list { margin: 3rem 0;}



/* 모듈 */
.module_cir {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	margin-top:3rem;
	align-items: center;
	justify-content: center;
	display: flex;
	}
.module_cir div {
	color: #fff;
	background: #000;
	position: relative;
	width: 250px;
	height: 250px;
	border-radius: 100%;
	text-align: center;
	overflow: hidden;
	transition: all 0.5s ease;
	opacity: 0.8;
}

.module_cir div img {
	display: inline-block;
	width: 50%;
	max-width: 80px;
	margin: 60px 0 10px;
	position:relative;
	z-index:1;
}

.module_cir div h3 {
	font-size: 1.5rem;
	margin: 0.5rem 0;
	font-family: 'Wemakeprice-Regular';
	position:relative;
	z-index:1;
}

.module_cir div:nth-child(1) {
	background: #008c56;
	margin-right: -20px;
}
.module_cir div:nth-child(2) {
	background: #00C193;
}
.module_cir div:nth-child(3) {
	background: #0086CA;
	margin-left: -20px;
}

.module_line {
	background: #f2f6f3;
	padding: 3rem 0;
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
}
.module_line div {
	width: calc(70% / 3);
	position: relative;
	display: inline-block;
}
.module_line div img {
	display: inline-block;
	width: 50%;
	max-width: 80px;
	position:relative;
	z-index:1;
}
.module_line div h3 {
	font-size: 1.5rem;
	font-family: 'Wemakeprice-Regular';
}

.pdf_list {
	display: flex;
	flex-wrap: wrap;
}
.pdf_list li {
	width: calc(98% / 3);
	margin: 1% 1% 1% 0;
	border: 1px solid #ddd;
	-moz-box-shadow: 0px 0px 20px #dfdede;
    -webkit-box-shadow: 0px 0px 20px #dfdede;
    box-shadow: 0px 0px 20px #dfdede;	
	position: relative;
	text-align: center;
}
.pdf_list li:nth-child(3n + 3) {
	margin-right: 0;
}
.pdf_list li a {
	width: 100%;
	height: 100%;
	display: inline-block;
}
.pdf_list li img {
	width: 80%;
	max-width: 165px;
	padding: 50px 0 80px;
}
.pdf_list li span {
	display: inline-block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 1.3rem;
	font-family: 'Wemakeprice-Regular';
	color: #fff;
	background: rgba(0,0,0,0.50);
	position: absolute;
	opacity: 1;
	bottom: 0;
	left: 0;
}
.pdf_list li a:hover span {
	height: 100%;
	line-height: 200px;
	background: -webkit-linear-gradient(309deg, #008c56, #006bb6);
	background: -o-linear-gradient(309deg, #008c56, #006bb6);
	background: linear-gradient(39deg, #008c56, #006bb6);
	opacity: 0.9;
	transition: all 0.5s ease;
}

/* 접속함 */

.junction {}
.junction .pic_list .pic_item h4 {
	padding: 1.25rem 1rem 0;
}
.junction .pb10r{
	padding-bottom: 1rem!important;
}


/* 견적 및 시공 문의 */
.contact {
	text-align: center;
}
.contact img {
	width: 100%;
}
.contact div, .contact ul {
	text-align: left;
}
.contact_form { 
	display: flex;
	flex-wrap: wrap;
}
.contact_form li {
	margin: 1.5rem 0;
	padding: 0 1rem;
	width: calc(100% / 3);
}
.contact_form li h4 {
	padding: 10px 0;
	font-size: 1.3rem;
	font-family: 'Wemakeprice-Semibold';
	position: relative;
	border-bottom: 1px solid #000;
	margin: 0 0 1.5rem;
}

.contact_form li input[type=text] {
	width: 100%;
}
.contact_form li textarea {
	width: 100%;
	resize: vertical;
}
 
.contact_form .w100p {
	width: 100%;
}
.contact_form .formz {
	display: inline-block;
	margin-right: 20px;
	font-size: 1.125rem;
	line-height: 2rem;
	color: #555;
}
.contact_form .formz .radiobtn {
	top:5px;
}
.contact input[type="submit"]{
	width: 25%;
	background: #008c56;
	color: #fff;
	font-size: 1.3rem;
	padding: 15px 0;
	margin: 3rem 0 0;
	height: auto;
	font-family: 'Wemakeprice-Semibold';
}

.pic_list {
	display: flex;
	justify-content: space-between;
}
.pic_list .pic_item {
	width: 48%;
	border: 1px solid #ddd;
}
.pic_list .pic_item h4 {
	font-family: 'Wemakeprice-Semibold';
	font-size: 1.5rem;
	padding: 1.5rem 1rem 0;
}
.pic_list .pic_item p {
	padding: 0 1rem 1.5rem;
}



.c_sub_ttl {
	font-size: 1.5rem;
	color: #000;
	font-family: 'Wemakeprice-Semibold';
	padding: 0 0 0 55px;
	position: relative;
}
.c_sub_ttl::before {
	content: '';
	width: 35px;
	height: 2px;
	background: #000;
	position: absolute;
	top:47%;
	left: 0;
}

	
@media screen and (max-width:1240px){
	.process_cir{
		flex-wrap: wrap;
	}
}
@media screen and (max-width:980px){
	.business .buss_cir > div {
		width: 200px;
		height: 200px;
		margin: 15px 0;
	}
	.onm .process_cir_row {flex-wrap: wrap;}
	.module_line div h3 {
		font-size: 1.25rem;
	}
	.location iframe{ width:100%; height:400px; }
	.rental .c_list li { width: 100%; }
	.rps_cir h3 { font-size: 1.2rem;}
}
@media screen and (max-width:767px){
	.location .info-sec ul li h4{
		min-width: 60px;
	}
	.rps_cir .chrome {
		height: 400px;
	}
	.rps_cir .chrome h3 {
		font-size: 1.5rem;
	}	
	.rps_cir .cir {
		width: 180px;
		height: 180px;
	}
	.rps_cir .cir span {
		font-size: 1.35rem;
		bottom: 35px;
	}
	.rps_cir .chrome > div:nth-child(2){
		top:60px;
		left: 50%;
		background-size:50%;
	}
	.rps_cir .chrome > div:nth-child(3){
		top:200px;
		left: 50%;
		margin-left: -170px;
		background-size:50%;
	}
	.rps_cir .chrome > div:nth-child(4){
		top:200px;
		right: 50%;
		margin-right: -170px;
		background-size:50%;
	}
	.rps_process ul {
		width: calc(97% / 2);
	}
	.rps_process ul:nth-child(4n+4) {
		margin-right: 1%;
	}
	.rps_process ul:nth-child(2n+2) {
		margin-right: 0;
	}
	.onm li{ margin: 0 0 2rem; width: 100%;}
	.onm .process_cir_row { 
		flex-wrap: wrap;
	}
	.process_cir li {
		width: 150px;
		height: 150px;
		padding-top:65px;
		font-size: 1.125rem;
	}
	.process_cir .pro_line {
		padding: 55px 0 0;
	}
	.module_cir div {
		width: 150px;
		height: 150px;
	}
	.module_cir div img {
		margin: 20px 0 0;
	}
	.module_cir div h3 {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.module_line {
		padding: 2rem 0;
	}
	.module_line div {
		width: calc(100% / 3);
	}
	.module_line div h3 {
		font-size: 1rem;
	}
	.pdf_list li span {
		font-size: 1rem;
	}
	.pdf_list li img {
		padding: 20px 0 50px;
	}
	.pdf_list li span {
		height: 35px;
		line-height: 35px;
	}
	.pdf_list li a:hover span {
		line-height: 100px;
	}
	.business .buss_col_2 li:nth-child(1), .business .buss_col_2_box ul:nth-child(1) { grid-column: 1; -ms-grid-column: 1; }
	.business .buss_col_2 li:nth-child(2), .business .buss_col_2_box ul:nth-child(2) { grid-column: 1; -ms-grid-column: 1; }
	.business .buss_col_2 li:nth-child(3), .business .buss_col_2_box ul:nth-child(3) { grid-column: 1; -ms-grid-column: 1; }
	.business .buss_col_2_box ul:first-child { margin: 0; }
	.business .buss_col_list { padding: 20px 0; }
	.business .buss_h4 { text-align: left; width: 100%; margin: 0 0 2rem; }
	.frame .frame_box {
		flex-wrap: wrap;
	}
	.frame img {width: 100%;}
	.frame .frame_box ul li {
		padding: 0 10px 0 20px;
		display: inline-block;
		font-size: 0.95rem;
		margin: 1rem 0;
	}
	.frame .frame_box ul li::before {
		left: 0;
		top:0;
		width: 15px;
		height: 15px;
	}
	.frame .buss_col_list  h3 { grid-column: 1; -ms-grid-column: 1; grid-row: 1; -ms-grid-row: 1; margin: 10px 15px; padding: 0; }
	.frame .buss_col_list  li:nth-child(2) { grid-column: 1; -ms-grid-column: 1; grid-row: 2; -ms-grid-row: 2; }
	.frame .buss_col_list  li:nth-child(3) { grid-column: 1; -ms-grid-column: 1; grid-row: 3; -ms-grid-row: 3; }
	
	.pic_list { flex-wrap: wrap; }
	.pic_list .pic_item { width: 100%; margin-bottom: 1rem; }
	
	.contact_form .formz { margin-bottom: 10px; }
	.contact_form li { width: 100%; }
	.contact input[type="submit"] { width: 100%; }
	.rental .c_list strong { display: block;}
	.rental .pro .cont2 ul li { width: 43%; }
}
@media screen and (max-width:460px){
	.process_cir li:nth-child(even) {
		background:#008c56;
	}
	.process_cir li:nth-child(4n+1), .process_cir li:nth-child(4n+4) {
		background:#0086CA;
	}
	.business .buss_txt {
		font-size: 1.15rem;
		line-height: 1.7;
	}
	.business .buss_cir {
		justify-content: space-around;
	}
	.business .buss_cir > div {
		width: 140px;
		height: 140px;
	}
	.business .buss_cir > div h5 {
		margin: 20% 0 10px;
	}
	.business .buss_cir > div p	{
		padding: 0 5px;
		font-weight: 500;
		font-size: 0.95rem;
	}
	.business .buss_col_list {
		grid-auto-flow: row; 
	}
	.business .buss_col_list h3 {
		padding: 0;
		font-size: 1.5rem;
		margin: 1.5rem 20px 0;
	}
	.business .buss_col_list li {
		padding: 5px 10px 20px 10px;
	}
	.business .buss_col_list li:first-child {
		margin-top:20px;
	}
	.business .buss_col_list li:last-child {
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.business .buss_col_list li h4 {
		font-size: 1.125rem;
	}
	.business .buss_col_list {
		padding: 0;
	}
	.business .buss_table th {
		font-size: 0.95rem;
	}
	.business .buss_table td {
		font-size: 0.85rem;
	}
	.business .buss_table th, .business .buss_table td	{
		padding: 8px 2px;
	}
	.business .buss_banner {
		padding: 20px;
	}
	.business .buss_banner h3 {
		font-size: 1.3rem;
	}
	.business .buss_banner .buss_process li {
		font-size: 1.125rem;
		padding-right: 20px;
	}
	.business .buss_banner .buss_process li::after {
		width: 20px;
	}
	.business .buss_banner .buss_point {
		font-size: 1rem;
		padding: 5px;
		margin: 0.5rem 0;
	}
	.buss_1, .buss_2, .buss_3, .buss_4, .buss_5 {
		background-position: 95% 2%;
		background-size: 25%;
	}
	.module_cir div {
		width: 120px;
		height: 120px;
		border-radius: 0;
	}
	.module_cir div:nth-child(1) {
		margin-right: 2px;
	}
	.module_cir div:nth-child(3) {
		margin-left: 2px;
	}
	.contact_form .formz { width: 30%; margin-right: 0; font-size: 0.9rem; }
}

.c_gra_ttl { 
	margin:0 0 2rem;
}
.c_gra_ttl h3 {
	position: relative;
	padding-left: 20px;
	font-size: 2rem;
	line-height: 1.5;
	font-family: 'Wemakeprice-SemiBold';
	margin: 1rem 0 1rem;
	display: inline-block;
}
.c_gra_ttl h3::after { 
	content: "";
	width: 5px;
	height: 100%;
	top:0;
	left: 0;
	background: -webkit-linear-gradient( 113.39deg, #008c56, #006bb6);
    background: linear-gradient( 113.39deg, #008c56, #006bb6);
	position: absolute;
}
.c_gra_ttl h4 {
	font-size: 1.3rem;
	font-family: 'Wemakeprice-Regular';
	text-align: left;
	color: #555;
}

.pro > div { margin:70px 0; }

.pro h1 { font-size:30px; font-weight:500; letter-spacing:-1.5px; line-height:30px; margin-bottom:20px; }
.pro h1 span { display:inline-block; width:30px; height:30px; font-size:20px; line-height:30px; background:#0375b4; color:#fff; text-align:center; border-radius:5px; margin-right:10px; }

.pro h2 { font-size:22px; font-weight:400; margin-bottom:20px; }
.pro h2 span { display:inline-block; width:40px; height:26px; font-size:17px; line-height:26px; background:#0375b4; color:#fff; text-align:center; border-radius:0 8px 8px 0; margin-right:10px; margin-left:-50px; }

.pro h3 { font-size:20px; font-weight:500; margin-bottom:20px; }

.pro p { color:#595959; font-size:15px; letter-spacing:-0.6px; }
.pro p span { color:#0375b4; }

.pro .c1_wrap { background:#f6f6f6; padding:30px 50px; margin:25px 10px; } 

.pro .cont1 ul { margin-top:20px; }
.pro .cont1 ul li { margin-bottom:8px; }
.pro .cont1 ul li:last-child { margin-bottom:0px; }
.pro .cont1 ul li p { margin-left:33px; line-height:1.5; }
.pro .cont1 ul li p strong { display:inline-block; width:23px; height:23px; font-size:13px; line-height:23px; background:#c3dae6; margin-right:10px; border-radius:50%; text-align:center; margin-left:-33px; }

.pro .cont2 ul{text-align:center;}
.pro .cont2 ul:after { display:block; content:''; clear:both; }
.pro .cont2 ul li { position:relative; display:inline-block; vertical-align:top; width:21%; min-height:220px; margin-right:4%; }
.pro .cont2 ul li:after { position:absolute; top:30px; right:-13%; content:'▶'; color: #aaa; }
.pro .cont2 ul li:nth-child(4n) { margin-right:0; }
.pro .cont2 ul li:last-child:after { display:none; }
.pro .cont2 h3 { border:1px solid #ddd; background:#f2f2f2; text-align:center; padding-bottom:10px; margin-bottom:15px; border-radius: 20px 20px 0 0;}
.pro .cont2 h3 span {display:block; font-weight:400; background:#008c56; color:#fff; padding:10px 0; margin-bottom:10px; font-size:16px; border-radius: 20px 20px 0 0;}

.pro .cont3 { background:#f6f6f6; padding:30px; margin:0 10px; } 
.pro .cont3:after { display:block; content:''; clear:both; }
.pro .cont3 h3 span { display:inline-block; width:30px; height:30px; font-size:16px; line-height:30px; background:#008c56; color:#fff; text-align:center; border-radius:50%; margin-right:10px; }
.pro .cont3 img { display:block; width:100%; margin:0 auto 10px; border-radius:3px; border:1px solid #ddd; }
.pro .cont3 .c3_wrap { float:left; width:46%; margin: 1rem 2%; }

@media screen and (max-width:760px){
	.c_gra_ttl h3 { 	
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.c_gra_ttl h4 { 	
		font-size: 1.125rem;
		line-height: 1.5rem;
	}	
    .pro > div { margin:30px 0; }

    .pro h1 { font-size:20px; margin-bottom:15px; }
    .pro h1 span { width:24px; height:24px; font-size:16px; line-height:24px; }

    .pro h2 { font-size:16px; margin-bottom:15px; }
    .pro h2 span { font-size:14px; margin-left:-25px; }

    .pro h3 { font-size:14px; margin-bottom:15px; }

    .pro p { line-height:1.5; }

    .pro .c1_wrap { padding:25px; margin:25px 0px; }

    .pro .cont2 ul li { width:43%; min-height:190px; margin-right:7%; }
    .pro .cont2 ul li:nth-child(2n) { margin-right:0; }
    .pro .cont2 ul li:last-child:after { display:none; }
    .pro .cont2 h3 { padding-bottom:5px; margin-bottom:10px; }
    .pro .cont2 h3 span { padding:5px 0; }

    .pro .cont3 { padding:20px; } 
    .pro .cont3 h3 span { width:24px; height:24px; font-size:13px; line-height:24px; }
    .pro .cont3 .c3_wrap { width:96%; margin:0 2% 30px; }
}

/* browser */
.chrome, .chr {display: block}	
.explorer, .exp {display: none;}	

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.chrome, .chr {display: none!important;}	
	.explorer, .exp, .ie {display: block!important; width: 100%; margin: 0 auto;}	
}

.tc{text-align:center !important;}

/* 220401 최은빈 추가 */
/* 사업안내 > 정부지원사업 > 주택지원사업 페이지 : 지원절차 부분 */
.process-img img { width: 100%; }
.img-m { display: none; max-width: 250px; margin: 0 auto; }
@media ( max-width: 991.98px ) {
    .img-pc { display: none; }
    .img-m { display: block; }
}

/* 사업안내 > 정부지원사업 > 건물지원사업 페이지 : 지원절차 부분 */
.rps_process.type02 ul { padding: 2.188rem 0 2.688rem; border: 1px solid #DDD; text-align: center; word-break: keep-all; }
.rps_process.type02 ul:not(:last-child):after { border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
.rps_process.type02 ul li { color: #999; font-family: Pretendard, sans-serif; font-size: 1.125rem; letter-spacing: -0.034rem; }
.rps_process.type02 ul li span { display: inline-block; padding: 0.375rem 1.11rem; background-color: #7FBD31; border-radius: 1.875rem; color: #fff; font-family: Pretendard, sans-serif; font-size: 0.875rem; }
.rps_process.type02 ul li strong { display: inline-block; padding: 1rem 0 0.5rem; color: #111; font-family: Pretendard, sans-serif; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.045rem; line-height: 1.67; }
@media ( max-width: 991.98px ) {
    .rps_process.type02 ul { padding: 2.188rem 1rem 2.688rem; }
    .rps_process.type02 ul li strong { font-size: 1.3rem; line-height: 1.25; }
}

/* 제품소개 > 태양광 구조물 페이지 : 제조 공정 부분 */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

.icon-list li { position: relative; display: flex; align-items: center; width: calc(100% - 1.8125rem); margin: 0 0 1.875rem auto; padding: 2.255rem 0 2.245rem; border: 0.313rem solid #F5F5F5; border-radius: 0.625rem; }
.icon-list .number { position: absolute; top: 50%; left: -1.8125rem; transform: translateY(-50%); width: 3.312rem; height: 3.25rem; text-align: center; line-height: 2.45; border-radius: 50%;
    color: #fff; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.05rem; }
.icon-list .icon-box { flex: 0 0 auto; width: 8.188rem; height: 8.125rem; margin: 0 2.813rem 0 4.303rem; background-color: #f5f5f5; border-radius: 50%; background-repeat: no-repeat; background-position: center; }
.icon-list .content { width: 100%; }
.icon-list .content h4 { font-family: Pretendard, sans-serif; font-size: 1.875rem; font-weight: bold; letter-spacing: -0.075rem; }
.icon-list .content span { display: inline-block; padding-left: 0.75rem; color: #7fbd31; font-family: 'Bodoni Moda', serif; font-size: 1rem; font-weight: 700; }
.icon-list .content p { white-space: pre-line; color: #767676; font-family: Pretendard, sans-serif; font-size: 1.25rem; letter-spacing: -0.05rem; line-height: 1.5; }

.icon-list li:nth-of-type(1) .number { background-color: #7FBD31; }
.icon-list li:nth-of-type(2) .number { background-color: #5FBE0D; }
.icon-list li:nth-of-type(3) .number { background-color: #069F49; }
.icon-list li:nth-of-type(4) .number { background-color: #0d8069; }

.icon-list li:nth-of-type(1) .icon-box { background-image: url("../images/sm/sub/icon_process01.png"); }
.icon-list li:nth-of-type(2) .icon-box { background-image: url("../images/sm/sub/icon_process02.png"); }
.icon-list li:nth-of-type(3) .icon-box { background-image: url("../images/sm/sub/icon_process03.png"); }
.icon-list li:nth-of-type(4) .icon-box { background-image: url("../images/sm/sub/icon_process04.png"); }

@media (max-width: 991.98px){
    .icon-list li { flex-direction: column; width: 100%; padding: 2rem; }
    .icon-list .number { top: -0.313rem; left: -0.313rem; transform: none; border-radius: 0.625rem 0 1rem 0; }
    .icon-list .icon-box { margin: 0 0 2rem; }
    .icon-list .content { text-align: center; }
    .icon-list .content span { display: block; padding: 0; }
    .icon-list .content p { white-space: normal; }
}
/* 220401 최은빈 끝 */


/* 20221117 박연하 추가 */
.gra_structure h4 { font-size: 1.7rem; padding-top: 20px; /*font-weight: bold;*/ }
.gra_structure h4 span { font-size: 1.3rem; }
.gra_structure ul.struture-dot { padding-left: 20px; }
.gra_structure ul.struture-dot li { list-style: disc; }
.c_gra_texture h4 { width: 130px; border-radius: 30px; /*border: 1px solid #008c56; background-color: #008c56;*/ background: -webkit-linear-gradient( 113.39deg, #008c56, #006bb6); background: linear-gradient( 113.39deg, #008c56, #006bb6); padding: 5px 15px; color: #fff; text-align: center; }

.c_gra_texture p { font-size: 1.3rem; /*font-weight: bold;*/ }
.c_gra_texture ul li { text-align: center; }

/* 230710 추가 */
.c_gra_ttl {margin: 0 0 5rem;}
.c_gra_ttl h3 {margin-bottom: 1.5rem;}
.buss_ol {margin-top: 30px; padding: 0; font-size: 1.125rem;}
.buss_ol li {list-style: auto; margin-bottom: 5px; padding-left: 10px;}
.business .table_wrap {overflow-x: auto;}
.business .buss_table {word-break: keep-all;}
.business .buss_table th, .business .buss_table td {word-break: keep-all;}
.business p {font-size: 1.25rem; line-height: 1.6; margin-bottom: 15px;}
.business ul h5 {position: relative; margin-bottom: 15px; padding-left: 60px; font-size: 1.625rem; font-weight: bold; font-family: 'Wemakeprice-Regular';}
.business ul h5:before {content: ''; position: absolute; top: 50%; left: 0; width: 40px; height: 2px; background: #000;}
.business ul li p.buss_txt {color: #888888;}
.business .comment {color: #888;}
.business .table_fund tbody th {min-width: 150px;}
.business .ul_fund {display: flex; gap:20px; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px; text-align: center;}
.business .ul_fund li {flex: 1 1 calc(33% - 20px); padding: 45px 45px; background: #F2F4F6; font-size: 1.25rem;}
.business .ul_fund li p {word-break: keep-all;}
.business .ul_fund li .num {font-size: 1.6em; color: #007DBC; opacity: 0.2;}
.business .ul_fund li .tit {font-size: 1.3em; margin: 30px 0 25px; font-weight: bold; color: #333;}
.business .ul_fund li .num,
.business .ul_fund li .tit {font-family: 'Wemakeprice-Regular';}
.business .system_img {max-width: 945px; margin: 0 auto;}

@media (max-width:1200px) {
    .business .table_fund tbody th {min-width: 100px;}
}

@media (max-width:992px) {
    .business .ul_fund li {padding: 30px; font-size: 1rem;}
    .business .ul_fund li p {font-size: 1rem;}
}

@media (max-width:768px) {
    .business .ul_fund li {flex: 1 1 100%;}
}

@media (max-width:460px) {
    .business p {font-size: 1.125rem;}
    .business .table_fund tbody th {min-width: 60px;}
}

.business.info .ul_concept {display: flex; flex-wrap: wrap; gap:40px; justify-content: center;}
.business.info .ul_concept li {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 187px; height: 187px; font-size: 1.5rem; color: #fff; background: linear-gradient(120deg,#0078C1,#01AF86); font-family: 'Wemakeprice-SemiBold'; text-align: center;}
.business.info .ul_concept li:nth-child(even) {border: 1px dashed #01AB8B; color: #01AB8B; background: #fff;}
.business.info .ul_concept li:after {content: '\f0da'; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); color: #01AB8B; font-family:"Font Awesome 6 Free"; font-weight:900;}
.business.info .ul_concept li:last-child:after {content: none;}

.business.info .ul_proce {display: flex; flex-wrap: wrap; width: 100%; margin: 30px 0; }
.business.info .ul_proce > li {overflow: hidden; flex: 1 0 0; }
.business.info .ul_proce > li:last-child {border-radius: 0 30px 0 0;}
.business.info .ul_proce > li .proce_tit {display: flex; align-items: center; margin: 0; padding: 0 30px; color: #fff; height: 60px; font-family: 'Wemakeprice-SemiBold'; white-space: nowrap; }
.business.info .ul_proce > li.proce_1 .proce_tit {background: #007DBC;}
.business.info .ul_proce > li.proce_2 .proce_tit {background: #4BA6E3;}
.business.info .ul_proce > li.proce_3 .proce_tit {background: #03AAB7;}
.business.info .ul_proce > li.proce_4 .proce_tit {background: #01AB8B;}
.business.info .ul_proce > li > div {padding: 26px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; height: calc(100% - 60px);}
.business.info .ul_proce > li:nth-child(4n) > div,
.business.info .ul_proce > li:last-child > div {border-right: 1px solid #ddd;}
.business.info .ul_proce > li > div .proce_con_tit {font-size: 1.5rem; font-family: 'Wemakeprice-SemiBold'; word-break: keep-all;}
.business.info .ul_proce > li > div .proce_con_tit span {display: inline-block; margin-right: 10px; border-radius: 50%; width: 32px; height: 32px; text-align: center; line-height: 36px; color: #fff; font-family: 'Wemakeprice-SemiBold'; font-size: 1.25rem;}
.business.info .ul_proce > li.proce_1 .proce_con_tit {color: #007DBC;}
.business.info .ul_proce > li.proce_2 .proce_con_tit {color: #4BA6E3;}
.business.info .ul_proce > li.proce_3 .proce_con_tit {color: #03AAB7;}
.business.info .ul_proce > li.proce_4 .proce_con_tit {color: #01AB8B;}
.business.info .ul_proce > li.proce_1 .proce_con_tit span {background: #007DBC;}
.business.info .ul_proce > li.proce_2 .proce_con_tit span {background: #4BA6E3;}
.business.info .ul_proce > li.proce_3 .proce_con_tit span {background: #03AAB7;}
.business.info .ul_proce > li.proce_4 .proce_con_tit span {background: #01AB8B;}
.business.info .ul_proce > li > div {display: flex; flex-direction: column; justify-content: space-between; gap:30px; word-break: keep-all;}
.business.info .ul_proce > li > div ul li {font-size: 1.125rem; color: #777777;}
.business.info .ul_proce > li > div .commet {padding: 15px; border-radius: 10px; background: #F5F5F5;}
.business.info .ul_proce > li > div .commet p {font-size: 1rem; word-break: keep-all;}
.business.info .ul_proce > li > div .commet .com_tit {font-size: 1.125rem; font-weight: bold;}
.business.info .ul_proce > li.proce_2 > div .commet .com_tit {color: #4BA6E3;}
.business.info .ul_proce > li.proce_3 > div .commet .com_tit {color: #03AAB7;}

@media (max-width:1200px) {
    .business.info .ul_concept {margin: 0 auto; max-width: 645px;}
    .business.info .ul_proce > li {flex: 1 0 50%;}
    .business.info .ul_proce > li:nth-child(4n) > div {border-right: 0;}
    .business.info .ul_proce > li:nth-child(3n) > div {border-right: 1px solid #ddd;}
}

@media (max-width:992px) {
    .business.info .ul_proce > li {width: 50%;}
    .business.info .ul_proce > li:nth-child(3n) > div {border-right: 0;}
    .business.info .ul_proce > li:nth-child(2n) > div {border-right: 1px solid #ddd;}
}

@media (max-width:768px) {
    .business.info .ul_concept li {width: 140px; height: 140px;}
    .business.info .ul_proce > li .proce_tit {height: 50px;}
    .business.info .ul_proce > li > div {padding: 20px; height: calc(100% - 50px);}
}

@media (max-width:540px) {
    .business.info .ul_concept li {padding: 10px 0; border-radius: 50px; width: 100%; height: auto;}
    .business.info .ul_concept li:after {content: '\f0d7'; top: auto; left: 50%; bottom: -35px; transform:translate(-50%,0)}
    .business.info .ul_proce {gap:10px}
    .business.info .ul_proce > li {width: 100%;}
    .business.info .ul_proce > li > div {border-right: 1px solid #ddd !important;}
    .business.info .ul_proce > li .proce_tit {height: auto; padding: 15px;}
    .business.info .ul_proce > li > div {height: auto;}
    .business.info .ul_proce > li:nth-child(3),
    .business.info .ul_proce > li:nth-child(5),
    .business.info .ul_proce > li:nth-child(9),
    .business.info .ul_proce > li:nth-child(13) {border-radius: 0;}
}

.business.commer .c_gra_ttl div {margin: 30px auto; text-align: center;}
.business.commer .c_gra_ttl div img {max-width: 100%;}
.business.commer .c_gra_ttl .revenue {display: flex; flex-wrap: wrap; justify-content: space-around; gap:50px;}
.business.commer .c_gra_ttl .revenue img:first-child {max-width:70%}

.business.lease img {max-width: 100%;}
.business.lease .structure {margin: 20px auto; text-align: center;}
.business.lease .m_structure {display: none;}
.business.lease .ul_lease {display: flex; flex-wrap: wrap; gap: 25px;}
.business.lease .ul_lease > li {position: relative; flex: 1 1 calc(25% - 25px);}
.business.lease .ul_lease > li:after {content: '▶'; position: absolute; right: -20px; top: 50px; color: #ccc;}
.business.lease .ul_lease > li:last-child::after {content: none;}
.business.lease .ul_lease .step {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 15px; border: 3px solid #007DBC; color: #007DBC;}
.business.lease .ul_lease .step p {margin: 5px 0 0; font-family: 'Wemakeprice-SemiBold'; color: #007DBC; font-size: 1.5rem;}
.business.lease .ul_lease .ul_step {padding: 30px 15px; min-height: 160px;}
.business.lease .ul_lease .ul_step > li {font-size: 1.125rem; color: #666;}
.business.lease .ul_lease .div_doc {background: #F5F5F5;}
.business.lease .ul_lease .div_doc p {margin: 0; padding: 15px; color: #fff; font-family: 'Wemakeprice-SemiBold'; background: #007DBC; text-align: center;}
.business.lease .ul_lease .div_doc .ul_doc {padding: 30px 20px;}
.business.lease .ul_lease .div_doc .ul_doc > li {font-size: 1.25rem; font-weight: bold;}
.business.lease .ul_lease .div_doc .ul_doc > li ul {margin-bottom: 25px;}
.business.lease .ul_lease .div_doc .ul_doc > li:last-child ul {margin: 0;}
.business.lease .ul_lease .div_doc .ul_doc > li ul li {font-size: 1.125rem; font-weight: normal;}
.business.lease .ul_lease .div_doc .ul_doc > li ul.doc_red li:nth-of-type(-n+4) {color: #BC0000;}

.business.lease .ul_lease > li:nth-child(1) .step {border-color: #01AB8B; color: #01AB8B;}
.business.lease .ul_lease > li:nth-child(1) .step p {color: #01AB8B;}
.business.lease .ul_lease > li:nth-child(1) .div_doc p {background: #01AB8B;}
.business.lease .ul_lease > li:nth-child(2) .step {border-color: #03AAB7; color: #03AAB7;}
.business.lease .ul_lease > li:nth-child(2) .step p {color: #03AAB7;}
.business.lease .ul_lease > li:nth-child(2) .div_doc p {background: #03AAB7;}
.business.lease .ul_lease > li:nth-child(3) .step {border-color: #4BA6E3; color: #4BA6E3;}
.business.lease .ul_lease > li:nth-child(3) .step p {color: #4BA6E3;}
.business.lease .ul_lease > li:nth-child(3) .div_doc p {background: #4BA6E3;}

.business.lease .ul_income {padding-left: 20px;}
.business.lease .ul_income li {position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 1.125rem;}
.business.lease .ul_income li::before {content: ''; position: absolute; top: 12px; left: 0; border-radius: 50%; width: 5px; height: 5px; background: #333;}
.business.lease .table_income {margin-top: 40px; width: 100%; word-break: keep-all;}
.business.lease .table_income th {padding: 15px; color: #fff; background: #007DBC; text-align: center; font-size: 1.25rem;}
.business.lease .table_income td {padding: 15px; border-bottom: 2px solid #fff; text-align: center; font-size: 1.125rem;}
.business.lease .table_income td:nth-child(2n+1) {width: 20%; background-color: #EBF1F3;}

@media (max-width:1200px) {
    .business.lease .ul_lease > li {flex: 1 1 calc(50% - 25px);}
}

@media (max-width:540px) {
    .business.lease .structure {display: none;}
    .business.lease .m_structure {display: block;}
    .business.lease .ul_lease > li {flex: 1 1 100%}
    .business.lease .ul_lease .step {padding: 15px;}
    .business.lease .ul_lease .ul_step {min-height: auto;}
    .business.lease .ul_lease > li:after {content: none;}
    .business.lease .table_income th,
    .business.lease .table_income td {padding: 8px 5px;}
}

.busi_box { width:100%; padding:30px; border:1px solid #ddd; background:#F9F9F9; }
.busi_box p + p { margin-top:15px; margin-bottom:0; }

/* 리파워링/리트로빗 사업 */
.business.lease .ul_lease > li:nth-child(5) .step {border-color: #01AB8B; color: #01AB8B;}
.business.lease .ul_lease > li:nth-child(5) .step p {color: #01AB8B;}
.business.lease .ul_lease > li:nth-child(5) .div_doc p {background: #01AB8B;}
.business.lease .ul_lease > li:nth-child(6) .step {border-color: #03AAB7; color: #03AAB7;}
.business.lease .ul_lease > li:nth-child(6) .step p {color: #03AAB7;}
.business.lease .ul_lease > li:nth-child(6) .div_doc p {background: #03AAB7;}
.business.lease .ul_lease > li:nth-child(7) .step {border-color: #4BA6E3; color: #4BA6E3;}
.business.lease .ul_lease > li:nth-child(7) .step p {color: #4BA6E3;}
.business.lease .ul_lease > li:nth-child(7) .div_doc p {background: #4BA6E3;}
.business.lease .ul_lease.type2 .ul_step { min-height:100px; }
.business.lease .ul_lease.type2 .ul_step > li { position:relative; padding-left:12px; }
.business.lease .ul_lease.type2 .ul_step > li::before { content:''; display:block; position:absolute; top:0.9rem; left:0; width:6px; height:1px; background:#666; }
.business.lease .con_img { margin:30px 0; text-align:center; }