@charset "utf-8";


/* 회사소개 */
.company {width:100%; text-align:center;}
.com_tit {font-size:36px; font-weight:700; color:#295ba0;}
.com_tit span {font-size:1em; color:#26ae37; font-weight:inherit; font-family:inherit;}
.com_stit {margin-top:16px; font-size:24px; font-weight:800; color:#295ba0;}
.com_stit span {font-size:1em; color:#26ae37; font-weight:inherit;}
.com_txt {margin-top:32px; font-size:18px; font-weight:600;}
.com_stxt {font-size:18px; color:#666; margin-top:5px;}
.company_img {position:relative; margin-top:28px;}
.company_img:before {position:absolute; left:50px; top:-57px; z-index:-1; width:153px; height:152px; content:""; display:block; background:url('/images/greeting_circle01.png') center center no-repeat; background-size:contain;}

.company_img img {width:auto; max-width:100%;box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);    border-radius: 20px;}



/* 연혁 */
.history {width:100%; position:relative;}
.history:after {clear:both; content:""; display:block;}
.history_img {float:left; width:50%; padding-right:20px;}
.history_img img {border-radius: 20px; position:relative; width:auto; max-width:100%; box-shadow:3px 3px 8px rgb(0 0 0 / 20%);}
.history_box {float:left; width:50%; border-top:1px solid #555;}
.history_unit {position:relative; display:flex; align-items:center; width:100%; padding:26px 0; border-bottom:1px solid #ddd;}
/* .history_unit:after {clear:both; content:""; display:block;} */
.history_year {float:left; font-weight:700; font-size:36px; color:#295ba0; width:120px;}
.history_ul {float:left; width:calc(100% - 120px);}
.history_ul li {position:relative; width:100%; margin-bottom:22px;}
.history_ul li:last-child {margin-bottom:0;}
.history_ul li:after {clear:both; content:""; display:block;}
.history_ul li span {display:block; float:left;}
.history_ul li span.history_month {font-size:20px; font-weight:700; width:45px; line-height:1;}
.history_ul li span.history_txt {font-size:16px; width:calc(100% - 45px);}


/* 오시는길 */
.location {width:100%; position:relative; display:flex; align-items:center;}
.location_map {width:50%; height:380px;}
.location_map .root_daum_roughmap {width:100% !Important; height:100% !Important;}
.location_map .root_daum_roughmap .wrap_map {width:100% !important; height:100% !important;}
.location_map .root_daum_roughmap .wrap_controllers {display:none;}
.location_map .root_daum_roughmap_landing .border2 {display:block;}
.location_info {width:50%; padding:0 42px;}
.locaInfo_in { width:100%; border-top:1px solid #555;}
.locaInfo_in dl {width:100%; display:flex; align-items:center; padding:24px 30px; border-bottom:1px solid #ddd;}
.locaInfo_in dl dt {font-weight:500; font-size:18px; width:128px;}
.locaInfo_in dl dd {font-size:18px; width:calc(100% - 128px);}
.mapLink {display:flex; justify-content:space-between; margin-top:25px;}
.mapLink li {width:calc((100% - 12px)/2);}
.mapLink li a {display:block; color:#fff; position:relative; padding:18px 20px;}
.mapLink li a:before {position:absolute; right:20px; top:50%; content:""; display:block; transform:translateY(-50%); -webkit-transform:translateY(-50%); background-position:center center; background-size:contain; background-repeat:no-repeat;  transition:0.4s all ease;}
.mapLink li.mapLink01 a {background-color:#295ba0;}
.mapLink li.mapLink02 a {background-color:#26ae37;}
.mapLink li.mapLink01 a:before {width:14px; height:19px; background-image:url('/images/map_icon01.png');}
.mapLink li.mapLink02 a:before {width:23px; height:23px; background-image:url('/images/map_icon02.png');}


/* 풍력발전 사업소개 */
.business01 {width:100%; position:relative;}
.business01_box {width:100%;}
.business01_box + .business01_box {margin-top:72px;}
.busi_tit {font-size:24px; margin-bottom:16px; font-weight:700; }
.busi_text {font-size:18px; padding:24px 20px; border:1px solid #ddd; background-color:#fff; word-break:keep-all;}
.business01_list {position:relative; padding-top:57px;}
.business01_list:after {clear:both; content:""; display:block;}
.business01_unit {float:left; width:16.66%; position:relative; text-align:center; padding-bottom:36px;}
.business01_unit.one {background-color:#18a0bd;}
.business01_unit.two {background-color:#0889a4;}
.business01_unit.three {background-color:#1889bd;}
.business01_unit.four {background-color:#187dbd;}
.business01_unit.five {background-color:#1869bd;}
.business01_unit.six {background-color:#0f4289;}
.business01_img {width:114px; height:114px; border-radius:50%; border:5px solid #ddd; margin:-57px auto 0; overflow:hidden;}
.business01_img img {width:100%; height:100%; object-fit:cover;}
.business01_unit.one .business01_img  {border-color:#18a0bd;}
.business01_unit.two .business01_img  {border-color:#0889a4;}
.business01_unit.three .business01_img  {border-color:#1889bd;}
.business01_unit.four .business01_img  {border-color:#187dbd;}
.business01_unit.five .business01_img  {border-color:#1869bd;}
.business01_unit.six .business01_img  {border-color:#0f4289;}
.business01_stit {color:#fff; font-size:18px; margin:22px 0 18px;}
.business01_icon {height:40px;}
.business01_icon img {height:100%;}
.business01_ul {margin-top:28px;}
.business01_ul li {position:relative; padding-left:12px; font-size:16px; }
.business01_ul li:before {position:absolute; left:0; top:0; content:"-"; display:block;}
.business01_ul li + li {margin-top:8px;}
.business01_ul li span {font-weight:700; color:#f80606; font-size:1em;}


.busi_text ul.bu_ul{list-style: disc;}
.busi_text ul.bu_ul li {margin-bottom: 10px;margin-left: 20px;}
.busi_text ul.bu_ul li:last-child {margin-bottom: 0px;}
.busi_text ul.bu_ul li span{width: 70px;    display: inline-block;}


.sub_dwind{
    background-image: url(/images/sub_dwind.jpg);
    background-position: center center;
    background-size: cover;
    height: 250px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #4ac731;
}



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

	.bbst_left .bb_ul li, .bbst_right .bb_ul li {
		width: auto!important;
		float: none!important;
	}
	.busi_text ul.bu_ul li span {
		width: auto!important;	
		letter-spacing: 1px !important;
	}
	.bbst_left, .bbst_right{
	    display: block!important;
		width: auto!important;
		margin-bottom: 20px!important;
	}

	.bbst_left, .bbst_right {
	    display: block!important;
		width: auto!important;
		float: none!important;
	}
}











/* 사업비전 */
.sbusiness02 {width:100%; position:relative;}

.sbusiness02 .bvi_ct_p {    
	font-size: 24px;
    margin-bottom: 16px;
    font-weight: 700;	
}

.bvi_c {width: 100%;display: block;overflow: hidden;    margin-bottom: 72px;}
.bvi_c .bvi_cv {
	width: 33.33%;
    display: inline-block;
    float: left;
    text-align: center;
	padding: 30px 90px;
}
.bvi_c .cv1 {background: #dc4127;}
.bvi_c .cv2 {background: #2c5c9e;}
.bvi_c .cv3 {background: #028d44;border-left: 10px solid #fff;border-right: 10px solid #fff; }
.bvi_c .bvi_cv .bvi_cv_p1{ 
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.bvi_c .bvi_cv .bvi_cv_p2{ color: #fff;font-size: 18px;font-weight: 600;line-height: 150%;word-break: auto-phrase;}

.bvi_ct_v_left {
    width: 20%;
    display: inline-block;
    float: left;
    color: #fff;
    text-align: center;
    padding: 20px 20px;
    font-size: 30px;
    font-weight: 700;
}
.bvi_ct_v_right , .bvi_ct_v_right1 , .bvi_ct_v_right2 , .bvi_ct_v_right3 , .bvi_ct_v_right4 {
    width: 80%;
    display: inline-block;
    float: left;    
    background: #efefef;	
}


.bvi_ct1, .bvi_ct2, .bvi_ct3, .bvi_ct3 , .bvi_ct4 {
    display: block;
    overflow: hidden;
	background: #2c5c9e;
	padding: 1px 4px;
	padding-left: 0px;
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.bvi_ct2, .bvi_ct3, .bvi_ct3, .bvi_ct4 {
	margin-top: 15px;
}
.bvi_ct1 {}
.bvi_ct2 {}
.bvi_ct3 {}
.bvi_ct4 {}



.bvi_ct1 .bvi_ct_v_left {}
.bvi_ct2 .bvi_ct_v_left {padding: 51px 0px;}
.bvi_ct3 .bvi_ct_v_left {padding: 77px 0px;}
.bvi_ct4 .bvi_ct_v_left {padding: 71px 0px;}

.bvi_ct_v_right, .bvi_ct_v_right1, .bvi_ct_v_right2, .bvi_ct_v_right3 {
    padding: 20px 20px;
}

.bvi_ct1 .bvi_ct_v_right {}
.bvi_ct2 .bvi_ct_v_right1 {}
.bvi_ct2 .bvi_ct_v_right1 ul {}
.bvi_ct2 .bvi_ct_v_right1 ul li{
    width: 29.3%;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    border: 1px solid #2c5c9e;
    margin: 0px 2%;
    border-radius: 10px;
    padding: 30px 0px;
	background: #fff;
}


.bvi_ct3 .bvi_ct_v_right2 {}
.bvi_ct3 .bvi_ct_v_right2 ul{}
.bvi_ct3 .bvi_ct_v_right2 ul li{
	width: 21%;
    margin: 0px 2%;
    display: inline-block;
    float: left;
    text-align: center;
    background: #fff;
    padding: 20px 20px;
    border-radius: 10px;
    border: 1px solid #2c5c9e;
	height: 150px;
}
.bvi_ct3 .bvi_ct_v_right2 ul li img{
    max-width: 50%;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}



.bvi_ct4 .bvi_ct_v_right3 {}
.bvi_ct4 .bvi_ct_v_right3 ul{
    background: #fff;
    display: inline-block;
    float: left;
    border-radius: 10px;
    padding: 20px 20px;
    width: 21%;
    margin: 0px 2%;
    border: 1px solid #2c5c9e;
    list-style: disc;
	min-height: 138px;
}
.bvi_ct4 .bvi_ct_v_right3 ul li{
	margin-left: 20px;
}

.bvi_ct1 ul {}
.bvi_ct1 ul li {	
    text-align: center;  
    font-size: 30px;
    font-weight: 700;
}
.bvi_ct1 ul li span{
    text-align: center;      
    font-size: 30px;
    font-weight: 700;
	color : #26ae37;
}

.bvi_c ul .bvi_ct_v_ul1 {}
.bvi_c ul .bvi_ct_v_ul1 li{}

.bvi_c ul .bvi_ct_v_ul2 {}
.bvi_c ul .bvi_ct_v_ul2 li{}

.bvi_c ul .bvi_ct_v_ul3 {}
.bvi_c ul .bvi_ct_v_ul3 li{}

.bvi_c ul .bvi_ct_v_ul4 {}
.bvi_c ul .bvi_ct_v_ul4 li{}





@media all and (max-width:1290px){
	.bvi_ct_v_left {
		width: 10%;
	}
	.bvi_ct_v_right, .bvi_ct_v_right1, .bvi_ct_v_right2, .bvi_ct_v_right3, .bvi_ct_v_right4{
		width: 90%;
	}
}


@media all and (max-width:1240px){
	.bvi_c .bvi_cv {
		padding: 30px 50px!important;
	}
}


@media all and (max-width:1200px){
	.bvi_ct1, .bvi_ct2, .bvi_ct3, .bvi_ct3, .bvi_ct4 {
	    padding: 1px 1px;
		border-top-left-radius: 10px;		
		border-top-right-radius: 10px;	
		border-bottom-left-radius: 0px;
	}




	.bvi_ct_v_left {
		display: block;
		width: auto;
		float: none;
		padding: 10px 10px!important;
		font-size: 20px;
	}
	.bvi_ct2 .bvi_ct_v_right1 ul li{
		font-size: 20px;
		padding: 10px 0px;
	}
	.bvi_ct_v_right, .bvi_ct_v_right1, .bvi_ct_v_right2, .bvi_ct_v_right3, .bvi_ct_v_right4{
	    width: auto;
		display: block;
		float: none;
		overflow: hidden;
	}
	.bvi_ct4 .bvi_ct_v_right3 ul{
		padding: 10px 10px;
	}
	.bvi_ct3 .bvi_ct_v_right2 ul li{
		padding: 10px 10px;
		height: auto;
	}
	.bvi_ct3 .bvi_ct_v_right2 ul li img{
		    max-width: 40%;
	}
	.bvi_ct1 ul li {
		font-size: 20px;
	}
	.bvi_ct1 ul li span {
		font-size: 20px;
	}
}



@media screen and (max-width: 1155px) {	
	.bbst_left .bb_ul li, .bbst_right .bb_ul li{
		width: auto !important;
		float: none !important;	
	}
}



@media all and (max-width:1000px){
	.bvi_c .bvi_cv {
		padding: 10px 10px;
	}
	.bvi_ct_v_right, .bvi_ct_v_right1, .bvi_ct_v_right2, .bvi_ct_v_right3 {
		padding: 10px 10px;
	}
}

@media all and (max-width:900px){
	.bvi_c .bvi_cv {
		padding: 20px 20px !important;
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.bvi_c .cv3 {		
		border-left: 0px solid #fff; 
		border-right: 0px solid #fff; 
	}
	.bvi_c .cv2 {
		margin-bottom: 0px;
	}
	.bvi_c .bvi_cv .bvi_cv_p1 {
		font-size: 30px;	
		margin-bottom: 10px;
		    padding-bottom: 10px;
	}
	.bvi_c .bvi_cv .bvi_cv_p2 {
		font-size: inherit;		
	}
}


@media all and (max-width:840px){
	.bvi_ct3 .bvi_ct_v_right2 ul li{
		margin: 0px 0px;
		width: 49%;
		margin: 0px 0.5%;
		display: block;
		margin-bottom: 10px;
	}
	.bvi_ct3 .bvi_ct_v_right2 ul li img {
		Max-width: 40%;
		width: 50px;
		display: inline-block;
		margin-bottom: 0px;
		margin-right: 10px;
	}
	.bvi_ct4 .bvi_ct_v_right3 ul {
	    width: 49%;
		margin: 0px 0.5%;
		display: block;
		margin-bottom: 10px;
		min-height: 100px;
	}
	.bvi_ct3 .bvi_ct_v_right2 {
	    padding-bottom: 10px;
	}
}

@media all and (max-width:580px){
	.bvi_ct3 .bvi_ct_v_right2 ul li img {
		margin: 0 auto;
		display: block;
		margin-bottom: 15px;
	}
	.bvi_ct3 .bvi_ct_v_right2 ul li{
		width: 48%;
		margin: 0px 1%;
		margin-bottom: 2%;
	}

	.bvi_ct4 .bvi_ct_v_right3 ul {
	    width: auto;
		float: none;
	}
}




/* 풍력발전 기대효과 */
.business02 {width:100%; position:relative;}
.business02 .busi_text {background:#f7f7f7;}
.business02_content {width:100%;}
.business02_list {display:flex; margin-bottom:24px;}
.business02_left {display:flex; width:100%; border:1px solid #ddd;background: #fff;}
.business02_unit {width:33.33%; text-align:center; padding:34px 0; border-right:1px solid #ddd;}
.business02_unit:last-child {border-right:0;}
.business02_icon {height:186px;}
.business02_icon img {height:100%;}
.business02_dl {}
.business02_dl dt {font-size:18px; font-weight:600; margin:14px 0 5px; }
.business02_dl dd {font-size:16px; }
.business02_right {width:25%; text-align:center; background-image:linear-gradient(356deg, #295ba0, #26ae37); padding:34px 0;}
.business02_rightTit {color:#fff; font-size:18px;}
.business02_rightTxt {color:#fff; font-size:48px; margin-top:24px;font-weight:700;}
.business02_rightTxt span {font-weight:700; color:inherit; font-size:48px; /* margin-right:7px; */ font-family:inherit;}


/* 사이트맵 */
.sitemap {width:100%; border-top:1px solid #555;}
.sitemap_unit {display:flex; align-items:center; width:100%; border-bottom:1px solid #ddd; }
.sitemap_tit {font-size:18px; font-weight:600; width:200px; text-align:center; background:#f7f7f7; padding:32px 0;}
.sitemap_ul {width:calc(100% - 200px); display:flex; padding:32px 30px; }
.sitemap_ul li {width:33.33%; position:relative; padding-left:12px; font-size:18px;}
.sitemap_ul li:before {position:absolute; left:0; top:9px; width:3px; height:3px; content:""; display:block; background:#666;}


.bbst_left, .bbst_right{
	width: 49.6%;
    border: 1px solid #4ac731;
    padding: 20px 20px 10px 20px;
    background: #fff;
	display: inline-block;
}
.bbst_left .bb_ul, .bbst_right .bb_ul{
	list-style: disc;
}

.bbst_left .bb_ul li, .bbst_right .bb_ul li{
    margin-bottom: 10px;
    margin-left: 20px;
	width: 46%;
    float: left;
}




.bbst_right{
	float:right
}


.bb_p_ul{
	font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    color: #32b917;
    padding-bottom: 10px;
    border-bottom: 4px solid #5de742;
}
.bb_ul li span{
    width: 93px;
    display: inline-block;
}

/************************ hover ************************/
@media (hover: hover) {
	
	.mapLink li a:hover:before {right:30px; transition:0.4s all ease;}
	
	

}
/************************ hover ************************/


/*---------------------------------------------------------------------------------------------------------------------------*/


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1280px){


	
	


}



/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){


	


}

/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){

	/* 연혁 */
	.history_unit {}
	.history_year {font-size:28px; width:100px;}
	.history_ul {width:calc(100% - 100px);}
	.history_ul li span.history_month {width:35px;}
	.history_ul li span.history_txt {width:calc(100% - 35px); margin-top:3px;}


	/* 오시는길 */
	.location {display:block;}
	.location_map {width:100%;}
	.location_info {width:100%; margin-top:15px; padding:0;}


	/* 풍력발전 사업소개 */
	.business01_unit {width:33.33%; padding-bottom:24px;}
	.business01_unit:nth-child(n+4) {margin-top:75px;}
	.business01_stit  {margin:12px 0 8px;}
	.business01_ul {margin-top:16px;}
	
}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	
    .sub_contents {
		background-image:unset;
	}

	/* 회사소개 */
	.com_tit {font-size:28px;}
	.com_stit {font-size:20px; margin-top:12px;}
	.com_txt {margin-top:24px; font-size:16px; word-break:keep-all;}
	.com_stxt {font-size:16px; word-break:keep-all;}
	.com_stxt br {display:none;}
	.company_img:before, .company_img:after {display:none;}
	

	/* 회사연혁 */
	.history_img {float:none; width:100%; padding-right:0;}
	.history_img img {box-shadow:none;}
	.history_box {float:none; width:100%; margin-top:15px;}

	/* 풍력발전 기대효과 */
	.business02_list {display:block;}
	.business02_left {width:100%;}
	.business02_unit {padding:20px 5px;}
	.business02_icon {height:48px;}
	.business02_dl dt {margin:8px 0 3px;}
	.business02_right {width:100%; padding:20px 0;}
	.business02_rightTit {word-break:keep-all;}
	.business02_rightTit br {display:none;}
	.business02_rightTxt {margin-top:8px;}

	/* 사이트맵 */
	.sitemap_unit {display:block;}
	.sitemap_tit {width:100%; padding:16px 12px; text-align:left;}
	.sitemap_ul {width:100%; padding:20px 12px;}


}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	


	/* 회사소개 */
	.com_tit span {display:block;}	

	/* 회사연혁 */
	.history_unit {display:block; padding:16px 12px;}
	.history_year {font-size:22px; float:none; width:100%; margin-bottom:12px;}
	.history_ul {float:none; width:100%;}
	.history_ul li {margin-bottom:7px;}
	.history_ul li span.history_month {font-size:18px;}
	.history_ul li span.history_txt {margin-top:1px;}


	/* 오시는길 */
	.location_map {height:240px;}
	.locaInfo_in dl {display:block; padding:16px 12px;}
	.locaInfo_in dl dt {width:100%; font-size:16px;}
	.locaInfo_in dl dd {width:100%; font-size:16px;}
	.mapLink {margin-top:16px;}
	.mapLink li a {font-size:14px; padding:12px 15px;}
	.mapLink li a:before {right:15px;}


	/* 풍력발전 사업소개 */
	.busi_tit {font-size:20px;}
	.busi_text {font-size:16px; padding:15px 15px;}
	.business01_list {padding-top:0;}
	.business01_unit {width:100%; margin:0; display:flex; align-items:center; justify-content:space-between; padding:20px 15px 20px 80px;}
	.business01_unit:nth-child(n+4) {margin-top:0;}
	.business01_img {width:57px; height:57px; margin:0; position:absolute; left:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
	.business01_stit {margin:0; font-size:16px;}
	.business01_ul li {font-size:14px;}

	/* 풍력발전 기대효과 */
	.business02_list {margin-bottom:12px;}
	.business02_dl dt {font-size:16px;}
	.business02_dl dd {font-size:14px;}
	.business02_right {padding:16px 0;}
	.business02_rightTit {font-size:16px;}
	.business02_rightTxt {font-size:18px;}
	.business02_rightTxt span {font-size:32px;}

	/* 사이트맵 */
	.sitemap_ul {display:block;}
	.sitemap_ul li {width:100%; font-size:16px;}
	.sitemap_ul li + li {margin-top:5px;}
	.sitemap_ul li:before {top:7px;}
	

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
	
}