@charset "UTF-8";

/* 천연가스란 */
.lng-intro .list li { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e8e8e8; }
.lng-intro .list li:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.lng-intro .list li .img { text-align: center; }
.lng-intro .list li .img img { height: 183px; }
.lng-intro .list li .desc { margin-top: 24px; line-height: 1.6; }

/* 사업현황 */
.lng-status .section { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e8e8e8; }
.lng-status .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.lng-status .value-chain .item { margin-top: 12px; }
.lng-status .value-chain .item:first-child { margin-top: 0; }
.lng-status .value-chain h4 { margin-bottom: 8px; padding-left: 12px; background: url(/resources/images/m/kr/sk/common/bullet-dash-brown.png) no-repeat 0 7px; background-size: 7px 2px; color: #7f5f2e; font-weight: bold; font-size: 12px; }
.lng-status .value-chain p { font-size: 12px; }
.lng-status .group { margin-top: 30px; }
.lng-status .group:first-child { margin-top: 0; }
.lng-status .group .img { margin-bottom: 10px; }
.lng-status .group .img img { width: 100%; }
.lng-status .group .table table td { text-align: left; }

/* 발전사업소개 */
.power-intro .section { margin-top: 30px; }
.power-intro .section:first-child { margin-top: 0; }
.power-intro .group-wrap { border-top: 1px solid #6f6f6f; }
.power-intro .group-wrap > div { padding: 15px 0 15px 82px; border-top: 1px solid #eaeaea; }
.power-intro .group-wrap > div:first-child { border-top: 0; }
.power-intro .group-wrap > div.group1 { background: url(/resources/images/m/kr/sk/energy/power-intro-item1.png) no-repeat 0 25px; background-size: 73px 55px; }
.power-intro .group-wrap > div.group2 { background: url(/resources/images/m/kr/sk/energy/power-intro-item2.png) no-repeat 0 25px; background-size: 73px 55px; }
.power-intro .group-wrap > div.group3 { background: url(/resources/images/m/kr/sk/energy/power-intro-item3.png) no-repeat 0 25px; background-size: 73px 55px; }
.power-intro .group-wrap > div h4 { margin-bottom: 5px; }

/* 발전소 공통 */
.power-station .img { margin-bottom: 10px; }
.power-station .img img { width: 100%; }
.power-station .table table td { text-align: left; }

/* 집단에너지사업 - 집단에너지란 */
.community-intro .table table td { text-align: left; }
.community-intro .section { margin-top: 25px; }
.community-intro .section:first-child { margin-top: 0; }
.community-intro .section p .img { display: block; margin-top: 20px; border: 1px solid #e8e8e8; }
.community-intro .section p .img img { width: 100%; }

/* 집단에너지사업 - 사업현황 */
.community-status .img { border: 1px solid #e8e8e8; }
.community-status img { width: 100%; }

.community-status .hanam {border-bottom: 1px solid #e8e8e8; width:100%;}

/* 도시가스란 */
.citygas-intro .section { margin-top: 30px; }
.citygas-intro .section:first-child { margin-top: 0; }
.citygas-intro .group-wrap { border-top: 1px solid #6f6f6f; }
.citygas-intro .group-wrap > div { min-height: 56px; padding: 15px 0 15px 98px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.citygas-intro .group-wrap > div:first-child { border-top: 0; }
.citygas-intro .group-wrap > div.group1 { background: url(/resources/images/m/kr/sk/energy/citygas-intro-item1.png) no-repeat 15px 20px; background-size: 42px 49px; }
.citygas-intro .group-wrap > div.group2 { background: url(/resources/images/m/kr/sk/energy/citygas-intro-item2.png) no-repeat 15px 20px; background-size: 42px 49px; }
.citygas-intro .group-wrap > div.group3 { background: url(/resources/images/m/kr/sk/energy/citygas-intro-item3.png) no-repeat 15px 20px; background-size: 42px 49px; }
.citygas-intro .group-wrap > div.group4 { background: url(/resources/images/m/kr/sk/energy/citygas-intro-item4.png) no-repeat 15px 20px; background-size: 42px 49px; }
.citygas-intro .group-wrap > div.group5 { background: url(/resources/images/m/kr/sk/energy/citygas-intro-item5.png) no-repeat 15px 20px; background-size: 42px 49px; }
.citygas-intro .group-wrap > div h4 { margin-bottom: 5px; }

/* 도시가스 - 사업현황 */
.citygas-status .section { margin-top: 30px; }
.citygas-status .section:first-child { margin-top: 0; }
.citygas-status .img { display: block; border: 1px solid #e8e8e8; }
.citygas-status .img img { width: 100%; }
.citygas-status .measure { margin-top: 15px; color: #888; font-size: 12px; text-align: right; }
.citygas-status .custom { margin-top: 5px; }


.citygas-status .group-wrap > div { min-height: 56px; padding: 15px 0 15px 80px; }
.citygas-status .group-wrap > div.group1 { background: url(/resources/images/m/kr/sk/energy/citygas-status-item1.png) no-repeat 0 20px; background-size: 72.5px 60px; }
.citygas-status .group-wrap > div.group2 { background: url(/resources/images/m/kr/sk/energy/citygas-status-item2.png) no-repeat 0 20px; background-size: 72.5px 60px; }
.citygas-status .group-wrap > div.group3 { background: url(/resources/images/m/kr/sk/energy/citygas-status-item3.png) no-repeat 0 20px; background-size: 72.5px 60px; }
.citygas-status .group-wrap > div.group4 { background: url(/resources/images/m/kr/sk/energy/citygas-status-item4.png) no-repeat 0 20px; background-size: 72.5px 60px; }

/* 신재생에너지사업 */
.recycle-energy .description { font-size: 12px; }
.recycle-energy .description em { display: block; margin-bottom: 10px; color: #333; font-style: normal; font-weight: bold; }
.recycle-energy .description .tip { display: block; margin-top: 10px; color: #888; }
.recycle-energy .description .img { display: block; margin-top: 20px; border: 1px solid #e8e8e8; }
.recycle-energy .description .img img { width: 100%; }

/* 해외사업 */
.overseas-business .section { margin-top: 30px; padding-top: 20px; border-top: 1px solid #e8e8e8; }
.overseas-business .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.overseas-business .section h3 { margin-bottom: 14px; color: #333; font-weight: bold; font-size: 13px; }
.overseas-business .section p { font-size: 12px; }
.overseas-business .section p .img { display: block; margin-bottom: 17px; }
.overseas-business .section p .img img { width: 100%; }
.overseas-business .section p em { display: block; color: #333; font-style: normal; font-weight: bold; }
.overseas-business .section p .desc { display: block; margin-top: 8px; }

/* At a Glance */
.glance .section { margin-top: 35px; }
.glance .section:first-child { margin-top: 0; }
.glance .section > p em { display: block; margin-bottom: 8px; color: #333; font-style: normal; font-weight: bold; }
.glance .group-wrap { padding-top: 15px;}
.glance .group { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eaeaea; }
.glance .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.glance .group .img img { width: 100%; }
.glance .area-wrap { margin-top: 12px; }
.glance .area-wrap img { width:100%; }
.glance .area-wrap .s_con { display:block; width:auto; height:auto; background:url('/images/m/kr/sk/common/bu-circle1.png') no-repeat 10px 6px; background-size:4px; padding-left:18px;}
.glance .area { margin-top: 12px; }
.glance .area:first-child { margin-top: 0; }
.glance .area h5 { margin-bottom: 8px; padding-left: 12px; background: url(/resources/images/m/kr/sk/common/bullet-dash-brown.png) no-repeat 0 5px; background-size: 7px 2px; color: #7f5f2e; font-weight: bold; font-size: 12px; }
.glance .visual { margin-bottom: 0px; }
.glance .visual img { width: 100%; }