@charset "UTF-8";

/* CNG사업 - 사업소개 */
.cng-intro .section { margin-top: 50px; }
.cng-intro .section:first-child { margin-top: 0; }
.cng-intro .section h4 { margin-bottom: 16px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.cng-intro .section p { line-height: 1.5; }
.cng-intro .section .custom { margin-top: 30px; }
.cng-intro .section .custom table .desc { text-align: left; }

/* CNG사업 - 운영현황 */
.cng-status .section { margin-top: 50px; }
.cng-status .section:first-child { margin-top: 0; }
.cng-status .heading { overflow: hidden; margin-bottom: 16px; }
.cng-status .heading h4 { float: left; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.cng-status .heading p { float: right; font-size: 14px; }
.cng-status .custom table tr > * { padding: 11px 10px 12px; }
.cng-status .custom table tbody th { background-color: #fff; }
.cng-status .custom table .align-left { text-align: left; }
.cng-status .group { overflow: hidden; }
.cng-status .group .align-left { float: left; }
.cng-status .group .align-right { float: right; }
.cng-status.choongchung .custom table tr > * { padding: 11px 5px 12px; }
.cng-status.gangwon .group-wrap { overflow: hidden; }
.cng-status.gangwon .group.alin-left { float: left; }
.cng-status.gangwon .group.alin-right { float: right; }
.cng-status.gangwon .custom table tr > * { padding: 11px 5px 12px; }
.cng-status.koone .section .img { font-size: 0; }
.cng-status.koone .section .img img { margin-left: 1px; }
.cng-status.koone .section .img img:first-child { margin-left: 0; }

/* 가스냉방사업 */
.cold-intro h4 { margin-bottom: 28px; color: #7f5f2e; font-weight: bold; font-size: 21px;  }
.cold-intro .section { padding: 40px 0 40px 168px; border-top: 1px dotted #e8e8e8; }
.cold-intro .section:first-child { margin-top: 0; border-top: 1px solid #e8e8e8; }
.cold-intro .section.item1 { background: url(/images/en/sub/energy/cold-intro-item1.png) no-repeat 27px center; }
.cold-intro .section.item2 { background: url(/images/en/sub/energy/cold-intro-item2.png) no-repeat 27px center; }
.cold-intro .section.item3 { background: url(/images/en/sub/energy/cold-intro-item3.png) no-repeat 27px center; }
.cold-intro .section h5 { margin-bottom: 23px; color: #333; font-weight: bold; font-size: 20px; }
.cold-intro .section  p { line-height: 1.5; }

/* 가스냉방사업 - 지원제도 */
.cold-support .section { margin-top: 50px; padding-top: 50px; border-top: 1px dotted #e8e8e8; }
.cold-support .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.cold-support .section h4 { margin-bottom: 45px; color: #333; font-weight: bold; font-size: 20px; letter-spacing: -1px; }
.cold-support .section h4 span { font-weight: normal;  font-size: 15px;}
.cold-support .section .group-wrap { padding-top: 50px; background: url(/images/en/sub/common/hr.png) no-repeat 0 top; }
.cold-support .section .group-wrap .inner { padding-bottom: 50px; background: url(/images/en/sub/common/hr.png) no-repeat 0 bottom; }
.cold-support .section .group-wrap .inner .group { border-top: 1px dotted #e8e8e8; padding-top: 40px; }
.cold-support .section .group-wrap .inner .group:first-child { border-top: 0; padding-top: 0; }
.cold-support .section .group { margin-top: 40px; }
.cold-support .section .group:first-child { margin-top: 0; }
.cold-support .section .group h5 { margin-bottom: 10px; color: #7f5f2e; font-weight: bold; font-size: 16px; }
.cold-support .section .group h6 { margin-top: 20px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 1.5; }
.cold-support .section .group p { font-size: 14px; line-height: 1.5; letter-spacing: -1px; }
.cold-support .section .group p em.title { font-weight: bold; font-style: normal; }
.cold-support .section .group p.tip { margin-top: 12px; color: #987f57; font-size: 13px; }
.cold-support .section .group ul li { margin-top: 15px; line-height: 1.5; }
.cold-support .section .group ul li:first-child { margin-top: 0; }
.cold-support .section .group ul li span { display: inline-block; vertical-align: top;  }
.cold-support .section .group ul li span.num { width: 15px; }
.cold-support .custom table tr > * { padding: 11px 5px 12px; }

/* 도시가스 사업 */
.energy-gas h4 { margin-bottom: 11px; color: #7f5f2e; font-weight: bold; font-size: 24px;}
.energy-gas .section { margin-top: 100px; }
.energy-gas .section:first-child { margin-top: 0; }
.energy-gas .gas-info-list ul { overflow: hidden; }
.energy-gas .gas-info-list ul li { float: left; width: 292px; min-height: 150px; padding: 15px 40px 0 80px; line-height: 1.6; }
.energy-gas .gas-info-list ul li em { display: block; margin-top: 7px; margin-bottom: 12px; color: #444; font-style: normal; font-weight: bold; font-size: 16px; line-height: 1.2; }
.energy-gas .gas-info-list ul li.item  { background: url(/images/en/sub/energy/gas-info-icon.png) no-repeat 0 27px; }
.energy-gas .gas-info-list ul li.item2 { background: url(/images/en/sub/energy/gas-info-icon2.png) no-repeat 0 27px; }
.energy-gas .gas-info-list ul li.item3 { background: url(/images/en/sub/energy/gas-info-icon3.png) no-repeat 0 27px; }
.energy-gas .gas-info-list ul li.item4 { background: url(/images/en/sub/energy/gas-info-icon4.png) no-repeat 0 27px; }
.energy-gas .gas-info-list ul li.item5 { background: url(/images/en/sub/energy/gas-info-icon5.png) no-repeat 0 27px; }
.energy-gas .section .gas-use-list { overflow: hidden; margin-top: 30px; background: url(/images/en/sub/energy/gas-use-layer.png) no-repeat 0 0; }
.energy-gas .section .gas-use-list li { float: left; width: 117px; padding: 23px 10px 25px; }
.energy-gas .section .gas-route { margin-top: 20px; padding-top: 60px; border-top: 1px solid #e8e8e8; }

/* 집단에너지사업 사업소개 */
.community-intro h4 {  padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px dotted #e8e8e8; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.community-intro h5 {  margin-bottom: 23px; color: #333; font-weight: bold; font-size: 20px; }
.community-intro p { line-height: 1.4; }
.community-intro .section { margin-top: 38px; }
.community-intro .section:first-child { margin-top: 0; }
.community-intro .section .custom tbody td { text-align: left; }
.community-intro .group { margin-top: 48px; }
.community-intro .group:first-child { margin-top: 0; }
.community-intro .group > img { display: block; margin: 26px auto; }
.community-intro .group ul { height: 1390px; padding: 53px 86px; margin-top: 25px; background: url(/images/en/sub/energy/community-bg-chp.png) no-repeat center 0; }
.community-intro .group ul.koone { height: 517px; background: url(/images/en/sub/energy/koone/community-bg-chp.png) no-repeat center 0; }
.community-intro .group ul li { margin-top: 50px; padding-top: 30px; border-top: 1px dotted #e8e8e8; }
.community-intro .group ul li:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.community-intro .effect-wrap { overflow: hidden; width: 825px; margin-top: 38px; }
.community-intro .effect { overflow: hidden; width: 838px;}
.community-intro .effect li { float: left; margin-right: 12px; margin-bottom: 15px; }
.community-intro .source { color: #7f5f2e; font-size: 12px; text-align: right; }

/* 집단에너지사업 사업현황 */
.community-status .description { margin-bottom: 45px; }
.community-status .description h4 { margin-bottom: 16px; color: #333; font-weight: bold; font-size: 20px; }
.community-status .description p { line-height: 1.5; }
.community-status .msg { letter-spacing: -1px; }
.community-status .map { height: 410px; background: url(/images/en/sub/energy/community-img.png) no-repeat; }
.community-status .map.koone { height: auto; }
.community-status .section { margin-top: 47px; padding-top: 47px; border-top: 1px dotted #e8e8e8; }
.community-status .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.community-status .section h4 { margin-bottom: 12px; color: #333; font-weight: bold; font-size: 20px; }
.community-status .section h5 { margin-bottom: 12px; color: #333; font-weight: bold; font-size: 16px; }
.community-status .section p { font-size: 14px; line-height: 1.5; }
.community-status .section ul li { padding-left: 10px; background: url(/images/en/sub/energy/bullet-dot-brown.png) no-repeat 0 8px; line-height: 1.5; }
.community-status.jeonbuk .map {  background: url(/images/en/sub/energy/jeonbuk-community-img.png) no-repeat; }

/* 소형열병합사업 */
.steam-power .section { margin-top: 100px; }
.steam-power .section:first-child { margin-top: 0; }
.steam-power .section h4 { margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px dotted #e8e8e8; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.steam-power .section h5 { margin-bottom: 20px; color: #333; font-weight: bold; font-size: 20px; }
.steam-power .section > p { line-height: 1.5; }
.steam-power .section .group-wrap { height: 1238px; margin-top: 30px; padding: 30px 80px 0; background: url(/images/en/sub/energy/steam-power-bg.png) no-repeat; }
.steam-power .section .group { margin-top: 48px; padding-top: 28px; border-top: 1px dotted #e8e8e8; }
.steam-power .section .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.steam-power .section .group h6 { margin-bottom: 10px; color: #7f5f2e; font-weight: bold; font-size: 18px; }
.steam-power .section .group ul li { margin-top: 6px; padding-left: 15px; background: url(/images/en/sub/energy/bullet-dot-black.png) no-repeat 0 5px; }
.steam-power .section .group ul li:first-child { margin-top: 0; }
.steam-power .section .group p { margin-top: 8px; font-weight: bold; font-size: 15px; }
.steam-power .section .group p em { color: #e70128; font-style: normal; }
.steam-power .section .small-size { color: #666; font-size: 14px; }
.steam-power .section .custom tbody tr > * { padding: 11px 12px 12px; background-color: #fff; line-height: 1.5; text-align: left; letter-spacing: -1px; }
.steam-power .section .custom td em { color: #e70128; font-style: normal; }

/* 에너지진단사업 */
.check-energy .section { margin-top: 68px; padding-top: 38px; border-top: 1px solid #e8e8e8; }
.check-energy .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.check-energy h4 {  padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px dotted #e8e8e8; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.check-energy h5 { margin-bottom: 40px; color: #333; font-weight: bold; font-size: 16px; }
.check-energy .steps-wrap { padding: 552px 50px 60px; border: 1px solid #e8e8e8; background: url(/images/en/sub/energy/check-img.png) no-repeat 50% 38px; }
.check-energy .steps-wrap ol { padding-top: 38px; border-top: 1px dotted #e8e8e8; }
.check-energy .steps-wrap ol li { margin-top: 6px; color: #333; }
.check-energy .steps-wrap ol li:first-child { margin-top: 0; }
.check-energy .grade { margin-top: 30px; }
.check-energy .grade h5 { margin-bottom: 18px; }
.check-energy .grade .custom table tr > * { padding: 11px 10px 12px; }
.check-energy .group > li { margin-top: 25px; padding-left: 20px; background: url(/images/en/sub/energy/bullet-bar-brown.png) no-repeat 0 7px; color: #7f5f2e; font-weight: bold; font-size: 14px; }
.check-energy .group > li:first-child { margin-top: 0; }
.check-energy .group ul { padding-top: 10px; }
.check-energy .group ul li { padding-left: 10px; background: url(/images/en/sub/energy/bullet-dot-brown.png) no-repeat 0 8px; color: #666; font-weight: normal; font-size: 13px; line-height: 1.5; }
.check-energy .group ul li span { display: block; padding-left: 88px; }
.check-energy .list-area ul li { margin-top: 6px; padding-left: 20px; background: url(/images/en/sub/energy/bullet-bar-gray.png) no-repeat 0 7px; font-weight: bold; font-size: 14px; }
.check-energy .list-area ul li:first-child { margin-top: 0; }
.check-energy .list-area .msg { margin-top: 68px; padding-top: 38px; border-top: 1px dotted #e8e8e8; }
.check-energy .list-area .area { margin-top: 40px; padding-top: 50px; border-top: 1px dotted #e8e8e8; }
.check-energy .list-area .area:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.check-energy .list-area .area p { margin-top: 48px; color: #7f5f2e; font-weight: bold; font-size: 16px; }

/* 연료전지사업 */
.fuel-cell .msg { letter-spacing: -1px; }
.fuel-cell .img { text-align: center; }
.fuel-cell .list { width: 825px; margin-top: 76px; padding-top: 46px; border-top: 1px dotted #e8e8e8; }
.fuel-cell .list li { line-height: 1.7; }
.fuel-cell .list li img { vertical-align: top; }
.fuel-cell .list li .title { color: #555; font-weight: bold; vertical-align: top; }
.fuel-cell .section {
    margin-top: 60px;
}
.fuel-cell .section:first-child {
    margin-top: 0;
}
.fuel-cell h4 {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px dotted #e8e8e8;
    color: #7f5f2e;
    font-weight: bold;
    font-size: 21px;
}
.fuel-cell .group {
	display: flex;
	flex-flow:row nowrap;
	justify-content: space-between;
}
.fuel-cell .group .green-energy-img {
	position: relative;
	height: 255px;
	margin-right: 20px;
}
.fuel-cell .group .green-energy-img p {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	text-align: center;
	padding: 8px 0 9px;
	font-size: 15px;
	font-weight: bold;
}
.fuel-cell .custom5 table {
	height: 252px;
}
.fuel-cell .custom5 table tbody .content-area {
    text-align: left;
}
.fuel-cell .custom5 table tbody td ol li:first-child {
	padding-bottom: 10px;
}
.fuel-cell .custom5 table tbody td ol li span {
	display: inline-block;
    text-indent: 16px;
}
.Sunlight-energy .section {
    margin-top: 60px;
}
.Sunlight-energy .section:first-child {
    margin-top: 0;
}
.Sunlight-energy h4 {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px dotted #e8e8e8;
    color: #7f5f2e;
    font-weight: bold;
    font-size: 21px;
}
.Sunlight-energy .ouline {
	margin-top: 30px;
    padding: 495px 115px 60px;
    background: url(/images/en/sub/energy/sunlight-outline.png) no-repeat 50% 0;
}

.Sunlight-energy .ouline ol {
}
.Sunlight-energy .ouline ol li {
    margin-top: 6px;
    color: #333;
}
.Sunlight-energy .ouline ol li:first-child {
    margin-top: 0;
}
.Sunlight-energy .group > li {
    margin-top: 30px;
    color: #333333;
    font-weight: bold;
    font-size: 16px;
}
.Sunlight-energy .group > li:first-child {
    margin-top: 0;
}
.Sunlight-energy .group ul {
    padding-top: 10px;
}
.Sunlight-energy .group ul li {
    padding-left: 20px;
    background: url(/images/sub/energy/bullet-dot-brown.png) no-repeat 10px 8px;
    color: #666;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
}
.Sunlight-energy .group ul li sup {
    display: inline-block;
    font-size: 11px;
	color: #ff7c00;
	margin-top: -1px;
}
.Sunlight-energy .group ul li span {
    display: block;
    font-size: 13px;
}
.Sunlight-energy .annotation {
    margin-top: 30px;
	padding: 20px;
	border: 1px solid #e8e8e8;
	font-size: 14px;
	color: #ff7c00;
	line-height: 1.5;
	font-weight: bold;
}
.Sunlight-energy .sunlight_setup {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	display: flex;
	flex-flow:row nowrap;
	text-align: center;
}
.Sunlight-energy .sunlight_setup li {
	flex: 1;
}
.Sunlight-energy .sunlight_setup li ol.roof {
	padding-right: 10px;	
}
.Sunlight-energy .sunlight_setup li ol.parking {
	padding-left: 10px;	
}
.Sunlight-energy .sunlight_setup li ol .picture {
	display: flex;
	flex-flow:row nowrap;
	justify-content: space-between;
	padding-bottom: 15px;
}