@charset "UTF-8";


.main .header { width: 991px; }
.main .gnb { width: 991px; }
.main .sub .sub-inner { width: 991px; }
.main .footer { width: 991px; }
.main.quick { margin-left: 515px; } 
.container.main { width: 991px; }

.main-contents { width: 991px; margin: 0 auto; }
.main-contents [class^="section"] > div { position: relative; padding-bottom: 2px; background: #fff url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }
.main-contents [class^="section"] .headwrap { display: block; position: absolute; top: 0; right: 0; left: 0; height: 23px; padding: 18px 20px; color: #363636; font-weight: bold; font-size: 17px; }
.main-contents .section1 { overflow: hidden; height: 390px; }
.main-contents .section1 .group1 { float: left; position: relative; width: 485px; }
.main-contents .section1 .group2 { float: left; width: 232px; margin-left: 21px; }
.main-contents .section1 .group2 ul li { position: relative; border-top: 2px solid #e8e8e8; }
.main-contents .section1 .group2 ul li:first-child { border-top: 0; }
.main-contents .section1 .group2 ul li a { width: 232px; height: 193px; }
.main-contents .section1 .group2 li a span.transfer {padding:4px 20px;margin-top:14px;float:left;width:190px;color:#fff;font-size: 19px;}
.main-contents .section1 .group2 li a span.headwrap2 {  line-height:24px;font-size:16px; }
.main-contents .section1 .group2 li a span.headwrap2 font { line-height:24px;font-size:11px;font-weight:normal;color: rgba(255,255,255,0.6); }
.main-contents .section1 .group3 { float: left; position: relative; width: 232px; margin-left: 21px; }
.main-contents .section1 .group3 .btn-log { display: block; position: absolute; top: 77px; right: 11px; width: 39px; height: 40px; background: url(/images/sub/main/btn-log.png) no-repeat; text-indent: -9999px; } 
.main-contents .section1 .group3 .btn-log.active { background-position: 0 -41px; }
.main-contents .section1 .group3 div.item0 { margin-bottom:4px }
.main-contents .section1 .group3 div.item0 a { background: url(/images/sub/main/sec1-group2-img1-1.jpg) no-repeat;display: block;height: 56px;text-indent: -9999px; } 
.main-contents .section1 .group3 ul li { position: relative; border-top: 2px solid #e8e8e8; }
.main-contents .section1 .group3 ul li:first-child { border-top: 0; }
.main-contents .section1 .group3 ul li a { width: 232px; height: 193px; }
.main-contents .section1 .group2 ul li { position: relative; height: 55px; }
.main-contents .section1 .group2 ul li > a { display: block; height: 55px; text-indent: -9999px; }
.main-contents .section1 .group2 ul .item1 a { background: url(/images/sub/main/sec1-group3-item1.png) no-repeat; }
.main-contents .section1 .group2 ul .item2 a { background: url(/images/sub/main/sec1-group3-item2.png) no-repeat; }
.main-contents .section1 .group2 ul .item3 a { background: url(/images/sub/main/sec1-group3-item3.png) no-repeat; }
.main-contents .section1 .group2 ul .item4 a { background: url(/images/sub/main/sec1-group3-item4.png) no-repeat; }
.main-contents .section1 .group2 ul .item3-2 { background: url(/images/sub/main/sec1-group3-item3-2.png) no-repeat; }
.main-contents .section1 .group2 ul .item3-2 div { position: absolute; top: 21px; left: 103px; }
.main-contents .section1 .group2 ul .item3-2 div > a { color: #545454; font-weight: bold; }
.main-contents .section1 .group2 ul .item3-2 div > a:hover { border-bottom: 1px solid #e70128; color: #e70128; }
.main-contents .section1 .group2 ul .item5 a { background: url(/images/sub/main/sec1-group3-item5.png) no-repeat; }
.main-contents .section1 .group2 ul li:hover a { background-position: 0 -56px; }
.main-contents .section1 .group3 .area-wrap { padding: 50px 25px 22px; }
.main-contents .section1 .group3 .area-wrap .area2 { margin-top: 16px; }
.main-contents .section1 .group3 .area-wrap .area2 .energy-title { margin-bottom: 4px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section1 .group3 .area-wrap .area2 .energy-text { display: block; overflow: hidden; height: 90px; color: #666; font-weight: bold; line-height: 1.7; letter-spacing: -1px; }
.main-contents .section1 .group3 .area-wrap .area3 { height: 22px; margin-top: 10px; padding-top: 13px; border-top: 1px solid #e9e9e9; }
.main-contents .section1 .group3 .area-wrap .area3 a { display: block; float: right; }
.main-contents .section1 .group3 ul li { position: relative; height: 55px; }
.main-contents .section1 .group3 ul li > a { display: block; height: 55px; text-indent: -9999px; }
.main-contents .section1 .group3 ul .item1 a { background: url(/images/sub/main/sec1-group3-item1.png) no-repeat; }
.main-contents .section1 .group3 ul li:hover a { background-position: 0 -56px; }
.main-contents .section2 { position: relative; height: 51px; margin-top: 21px; background-color: #fff; }
.main-contents .section2 .group1 { overflow: hidden; padding: 14px 80px 16px 20px; } 
.main-contents .section2 .title { float: left; width: 71px; height: 19px; padding: 1px 0 1px 24px; background: url(/images/sub/main/sec2-news.png) no-repeat; color: #363636; font-weight: bold; font-size: 19px; }
.main-contents .section2 .news-slide { overflow: hidden; float: left; width: 796px; }
.main-contents .section2 .news-slide .text { display: inline-block; overflow: hidden; width: 655px; padding: 3px 20px; color: #707070; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.main-contents .section2 .news-slide .date { width: 90px; padding: 3px 8px; color: #757575; vertical-align: middle; }
.main-contents .section2 .bx-prev { display: block; position: absolute; top: 13px; right: 26px; width: 12px; height: 10px; background: url(/images/sub/main/section2-btn-prev.png) no-repeat;text-indent: -9999px; }
.main-contents .section2 .bx-next { display: block; position: absolute; top: 29px; right: 26px; width: 12px; height: 10px; background: url(/images/sub/main/section2-btn-next.png) no-repeat;text-indent: -9999px; }
.main-contents .section2 .bx-prev:hover { background-position: 0 -10px; }
.main-contents .section2 .bx-next:hover { background-position: 0 -11px; }
.main-contents .section3 { overflow: hidden; margin-top: 21px; }
.main-contents .section3 > div { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; }
.main-contents .section3 > div:first-child { margin-left: 0; }
.main-contents .section3 .group1 .btn-safetyuse { display: block; position: absolute; top: 103px; left: 65px; width: 105px; height: 20px; }
.main-contents .section3 .group1 .btn-facilities { display: block; position: absolute; top: 132px; left: 65px; width: 105px; height: 20px; }
.main-contents .section3 .group2 .bx-controls-auto { position: absolute; top: 22px; right: 17px; }
.main-contents .section3 .group2 .bx-start { display: block; width: 10px; height: 13px; background: url(/images/sub/main/btn-play.png) no-repeat; text-indent: -9999px; }
.main-contents .section3 .group2 .bx-stop { display: block; width: 10px; height: 13px; background: url(/images/sub/main/btn-pause.png) no-repeat; text-indent: -9999px; }
.main-contents .section3 .group2 .bx-pager { overflow: hidden; position: absolute; top: 22px; right: 37px; }
.main-contents .section3 .group2 .bx-pager .bx-pager-item { float: left; width: 13px; margin-left: 5px; }
.main-contents .section3 .group2 .bx-pager .bx-pager-item:first-child { margin-left: 0; }
.main-contents .section3 .group2 .bx-pager .bx-pager-item a { display: block; height: 13px; background: url(/images/sub/main/btn-pager.png) no-repeat; text-indent: -9999px; }
.main-contents .section3 .group2 .bx-pager .bx-pager-item a.active { background-position: 0 -20px; }
.main-contents .section3 .group3 h2 { padding: 20px; height: 19px; background-color: #fff; }
.main-contents .section3 .group3 .press-slide { margin-top: 59px; }
.main-contents .section3 .group3 .press-slide li { padding: 0 25px 14px; background-color: #fff; }
.main-contents .section3 .group3 .press-slide li a { display: block; }
.main-contents .section3 .group3 .press-slide li > img { display: block; width: 182px; height: 129px; }
.main-contents .section3 .group3 .press-slide li .title { display: block; height: 18px; margin-top: 14px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section3 .group3 .bx-prev { display: block; position: absolute; top: 23px; right: 40px; width: 9px; height: 16px; background: url(/images/sub/main/sec3-btn-prev.png) no-repeat; text-indent: -9999px; }
.main-contents .section3 .group3 .bx-next { display: block; position: absolute; top: 23px; right: 20px; width: 9px; height: 16px; background: url(/images/sub/main/sec3-btn-next.png) no-repeat; text-indent: -9999px; }
.main-contents .section3 .group3 .bx-prev:hover { background-position: 0 -20px; }
.main-contents .section3 .group3 .bx-next:hover { background-position: 0 -20px; }
.main-contents .section3 .group4 h2 { padding: 20px; height: 19px; background-color: #fff; }
.main-contents .section3 .group4 .intro-slide { margin-top: 59px; }
.main-contents .section3 .group4 .intro-slide li { padding: 0 25px 14px; background-color: #fff; }
.main-contents .section3 .group4 .intro-slide li > img { display: block; width: 182px; height: 129px; }
.main-contents .section3 .group4 .intro-slide li .title { position: relative; height: 18px; margin-top: 14px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section3 .group4 .intro-slide li .title a { display: block; position: absolute; right: 0; bottom: 0; width: 76px; height: 22px; }
.main-contents .section3 .group4 .bx-prev { display: block; position: absolute; top: 23px; right: 40px; width: 9px; height: 16px; background: url(/images/sub/main/sec3-btn-prev.png) no-repeat; text-indent: -9999px; }
.main-contents .section3 .group4 .bx-next { display: block; position: absolute; top: 23px; right: 20px; width: 9px; height: 16px; background: url(/images/sub/main/sec3-btn-next.png) no-repeat; text-indent: -9999px; }
.main-contents .section3 .group4 .bx-prev:hover { background-position: 0 -20px; }
.main-contents .section3 .group4 .bx-next:hover { background-position: 0 -20px; }
.main-contents .section4 { overflow: hidden; margin-top: 21px; }
.main-contents .section4 > div { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; background: url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }
.main-contents .section4 > div:first-child { margin-left: 0; }
.main-contents .section4 .group4 { background: #fff url(/images/sub/main/sec4-group4-img1.png) no-repeat 84px 82px; }
.main-contents .section4 .group4.image2 { background: #5ecca9 url(/images/sub/main/sec4-group4-img1.png) no-repeat 84px 72px; }
.main-contents .section4 .group4 .headwrap { color: #363636; }
.main-contents .section4 .group4 ul { overflow: hidden; position: absolute; top: 48px; left: 23px; }
.main-contents .section4 .group4 ul li { float: left; margin-left: 9px; padding-left: 9px; background: url(/images/sub/main/sec4-group4-bar.png) no-repeat 0 3px; color: #808080; font-weight: bold; font-size: 16px; }
.main-contents .section4 .group4 ul li:first-child { margin-left: 0; padding-left: 0; background: none; }
.main-contents .section4 .group4 p { position : absolute; right: 0; bottom: 45px; left: 0; text-align: center; width: 232px; color : #fff; font-weight: bold; font-size: 27px; }
.main-contents .section4 .group4 table { position: absolute; bottom: 0px; margin: 5px; }
.main-contents .section4 .group4 table tbody tr th { padding: 5px 0px 0px 0px; color: #fff; text-align: center; font-size: 15px; font-weight: bold; }
.main-contents .section4 .group4 table tbody tr td { padding: 5px 0px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; }
.main-contents .section4 .group4 table tbody tr .small { padding: 0px; color: #fff; font-size: 11px; font-weight: bold; }

.main-contents .sectionCS { overflow: hidden; margin-top: 0px; }
.main-contents .sectionCS > div { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; background: url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }
.main-contents .sectionCS > div:first-child { margin-left: 0; }
.main-contents .sectionCS .group4 { background: #5ecca9 url(/images/sub/main/sec4-group4-img1.png) no-repeat 84px 82px; }
.main-contents .sectionCS .group4 .headwrap { color: #fff; }
.main-contents .sectionCS .group4 ul { overflow: hidden; position: absolute; top: 48px; left: 23px; }
.main-contents .sectionCS .group4 ul li { float: left; margin-left: 9px; padding-left: 9px; background: url(/images/sub/main/sec4-group4-bar.png) no-repeat 0 3px; color: #808080; font-weight: bold; font-size: 16px; }
.main-contents .sectionCS .group4 ul li:first-child { margin-left: 0; padding-left: 0; background: none; }
.main-contents .sectionCS .group4 p { position : absolute; right: 0; bottom: 45px; left: 0; text-align: center; width: 232px; color : #fff; font-weight: bold; font-size: 27px; }



/* 나래에너지서비스, 나래에너지서비스(O&M) 시작 */
.main-contents .section1 .group4-1 { width : 485px; height : 330px; background : none; float: left; position: relative; margin-left: 21px;}
.main-contents .section1 .group4-2 { width : 485px; height : 330px;}
.main-contents .section1 .group4-3 { height : 50px; margin-top : 10px;}
.main-contents .section1 .group4 { float: left; position: relative; width: 232px; margin-left: 21px; background: #fff url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom;}
.main-contents .section1 .group4 .area-wrap { padding: 50px 20px 4px; }
.main-contents .section1 .group4 .area-wrap .area2 { margin-top: 16px; }
.main-contents .section1 .group4 .area-wrap .area2 .energy-title { margin-bottom: 4px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section1 .group4 .area-wrap .area2 .energy-text { display: block; overflow: hidden; height: 133px; color: #666; line-height: 1.4; font-size: 12px; }
.main-contents .section1 .group4 .area-wrap .area2 .energy-text em { color: #e70128; font-weight: bold; font-style: normal;}
.main-contents .section1 .group4 .area-wrap .area3 { height: 22px; margin-top: 10px; padding-top: 13px; border-top: 1px solid #e9e9e9; }
.main-contents .section1 .group4 .area-wrap .area3 a { display: block; float: right; }

.main-contents .section5 { overflow: hidden; margin-top: 21px; }
.main-contents .section5 .group1 { float: left; position: relative; width: 232px; height: 232px; margin-left: 0; background: url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }
.main-contents .section5 .group1 .headwrap { color:#ffffff; }
.main-contents .section5 .group5 { float: left; position: relative; width: 232px; height: 232px; margin-left: 0px; background: url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }
.main-contents .section5 .group5-1 { float: left; position: relative; width: 232px; height: 105px; margin-bottom: 21px; }
.main-contents .section5 .group5-1 .headwrap { color:#666; }
.main-contents .section5 .group5-2 { float: left; position: relative; width: 232px; height: 105px; }
.main-contents .section5 .group5-2 .headwrap { color:#fff; }
.main-contents .section5 .group2 { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; background: url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }

.main-contents .section5 .group2-1 { float: left; position: relative; width: 232px; height: 105px; margin-bottom: 21px; }
.main-contents .section5 .group2-1 .headwrap { color:#363636; }
.main-contents .section5 .group2-2 { float: left; position: relative; width: 232px; height: 105px; }
.main-contents .section5 .group2-2 .headwrap { color:#ffffff; }
.main-contents .section5 .group3 { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; background: url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }
.main-contents .section5 .group3-1 { float: left; position: relative; width: 232px; height: 105px; margin-bottom: 21px; }
.main-contents .section5 .group3-1 .headwrap { color:#ffffff; }
.main-contents .section5 .group3-2 { float: left; position: relative; width: 232px; height: 105px; }
.main-contents .section5 .group3-2 .headwrap { color:#ff5724; }
.main-contents .section5 .group4 { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; background: url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }
.main-contents .section5 .group4 .headwrap { color:#363636; }

.main-contents .section5 .group6 { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; background: url(/images/sub/main/bg-shadow.png) repeat-x 0 bottom; }
.main-contents .section5 .group6-1 { float: left; position: relative; width: 232px; height: 105px; margin-bottom: 21px; }
.main-contents .section5 .group6-1 .headwrap { color:#ffffff; }
.main-contents .section5 .group6-2 { float: left; position: relative; width: 232px; height: 105px; }
.main-contents .section5 .group6-2 .headwrap { color:#ff5724; }

/* 나래에너지서비스(O&M) 종료 */

/* 파주에너지서비스 시작 */
.main-contents .section1T { overflow: hidden; height: 390px; }
.main-contents .section1T .group1 { float: left; position: relative; width: 485px; }
.main-contents .section1T .group2 { float: left; position: relative; width: 232px; margin-left: 21px; }
.main-contents .section1T .group2 .btn-log { display: block; position: absolute; top: 17px; right: 11px; width: 39px; height: 40px; background: url(/images/sub/main/btn-log.png) no-repeat; text-indent: -9999px; }
.main-contents .section1T .group2 .btn-log.active { background-position: 0 -41px; }
.main-contents .section1T .group2 ul li { position: relative; height: 56px; }
.main-contents .section1T .group2 ul li > a { display: block; height: 56px; text-indent: -9999px; }
.main-contents .section1T .group2 ul .item1 a { background: url(/images/sub/main/sec1-group3-item1.png) no-repeat; }
.main-contents .section1T .group2 ul .item2 a { background: url(/images/sub/main/sec1-group3-item2.png) no-repeat; }
.main-contents .section1T .group2 ul .item3 a { background: url(/images/sub/main/sec1-group3-item3.png) no-repeat; }
.main-contents .section1T .group2 ul .item4 a { background: url(/images/sub/main/sec1-group3-item4.png) no-repeat; }
.main-contents .section1T .group2 ul .item3-2 { background: url(/images/sub/main/sec1-group3-item3-2.png) no-repeat; }
.main-contents .section1T .group2 ul .item3-2 div { position: absolute; top: 21px; left: 103px; }
.main-contents .section1T .group2 ul .item3-2 div > a { color: #545454; font-weight: bold; }
.main-contents .section1T .group2 ul .item3-2 div > a:hover { border-bottom: 1px solid #e70128; color: #e70128; }
.main-contents .section1T .group2 ul .item5 a { background: url(/images/sub/main/sec1-group3-item5.png) no-repeat; }
.main-contents .section1T .group2 ul li:hover a { background-position: 0 -56px; }
.main-contents .section1T .group2 .area-wrap { padding: 64px 25px 22px; }
.main-contents .section1T .group2 .area-wrap .area2 { margin-top: 16px; }
.main-contents .section1T .group2 .area-wrap .area2 .energy-title { margin-bottom: 4px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section1T .group2 .area-wrap .area2 .energy-text { display: block; overflow: hidden; height: 90px; color: #666; font-weight: bold; line-height: 1.7; letter-spacing: -1px; }
.main-contents .section1T .group2 .area-wrap .area3 { height: 18px; margin-top: 34px; padding-top: 13px; border-top: 1px solid #e9e9e9; }
.main-contents .section1T .group2 .area-wrap .area3 a { display: block; float: right; }

.main-contents .section1T .group1 .menu-group.paju-visual {
	position: relative;
}
.main-contents .section1T .group1 .menu-group.paju-visual a.mainbtn{
	position: absolute;
	display: block;
	bottom: 15px;
	background: rgba(0, 0, 0, 0.6);
	font-weight: normal;
	text-align: center;
	box-sizing: border-box;
	padding: 8px 10px;
	min-width: 40px;
	color: #fff;
	font-size: 12px;
	border:1px solid rgba(0, 0, 0, 0.3);
}
.main-contents .section1T .group1 .menu-group.paju-visual a.mainbtn:after{
	content: '';
	position: absolute;
	right: 10px;
	display: block;
	top: 12px;
	width: 5px;
	height: 7px;
	background: url("../../../../images/m/kr/sub/main/mainbtn-arrow.png") no-repeat;
	background-size:contain;
} 
.main-contents .section1T .group1 .menu-group.paju-visual a.company{
	left: 15px;
	width: 130px
}
.main-contents .section1T .group1 .menu-group.paju-visual a.video{
	left: 155px;
	width: 170px
}

/* 파주에너지서비스 종료 */

/* 부산 시작 */
.main-contents .section6 { overflow: hidden; margin-top: 21px; }
.main-contents .section6 > div { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; }
.main-contents .section6 > div:first-child { margin-left: 0; }
.main-contents .section6 .group1 .btn-safetyuse { display: block; position: absolute; top: 103px; left: 65px; width: 105px; height: 20px; }
.main-contents .section6 .group1 .btn-facilities { display: block; position: absolute; top: 132px; left: 65px; width: 105px; height: 20px; }
.main-contents .section6 .group2 .bx-controls-auto { position: absolute; top: 22px; right: 17px; }
.main-contents .section6 .group2 .bx-start { display: block; width: 10px; height: 13px; background: url(/images/sub/main/btn-play.png) no-repeat; text-indent: -9999px; }
.main-contents .section6 .group2 .bx-stop { display: block; width: 10px; height: 13px; background: url(/images/sub/main/btn-pause.png) no-repeat; text-indent: -9999px; }
.main-contents .section6 .group2 .bx-pager { overflow: hidden; position: absolute; top: 22px; right: 37px; }
.main-contents .section6 .group2 .bx-pager .bx-pager-item { float: left; width: 13px; margin-left: 5px; }
.main-contents .section6 .group2 .bx-pager .bx-pager-item:first-child { margin-left: 0; }
.main-contents .section6 .group2 .bx-pager .bx-pager-item a { display: block; height: 13px; background: url(/images/sub/main/btn-pager.png) no-repeat; text-indent: -9999px; }
.main-contents .section6 .group2 .bx-pager .bx-pager-item a.active { background-position: 0 -20px; }
.main-contents .section7 { overflow: hidden; margin-top: 21px; }
.main-contents .section7 > div { float: left; position: relative; width: 232px; height: 232px; margin-left: 21px; }
.main-contents .section7 > div:first-child { margin-left: 0; }
.main-contents .section7 .group1 h2 { padding: 20px; height: 19px; background-color: #fff; }
.main-contents .section7 .group1 .intro-slide { margin-top: 59px; }
.main-contents .section7 .group1 .intro-slide li { padding: 0 25px 14px; background-color: #fff; }
.main-contents .section7 .group1 .intro-slide li > img { display: block; width: 182px; height: 129px; }
.main-contents .section7 .group1 .intro-slide li .title { position: relative; height: 18px; margin-top: 14px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section7 .group1 .intro-slide li .title a { display: block; position: absolute; right: 0; bottom: 0; width: 76px; height: 22px; }
.main-contents .section7 .group1 .bx-prev { display: block; position: absolute; top: 23px; right: 40px; width: 9px; height: 16px; background: url(/images/sub/main/sec3-btn-prev.png) no-repeat; text-indent: -9999px; }
.main-contents .section7 .group1 .bx-next { display: block; position: absolute; top: 23px; right: 20px; width: 9px; height: 16px; background: url(/images/sub/main/sec3-btn-next.png) no-repeat; text-indent: -9999px; }
.main-contents .section7 .group1 .bx-prev:hover { background-position: 0 -20px; }
.main-contents .section7 .group1 .bx-next:hover { background-position: 0 -20px; }
.main-contents .section7 .group3 h2 { padding: 20px; height: 19px; background-color: #fff; }
.main-contents .section7 .group3 .press-slide { margin-top: 59px; }
.main-contents .section7 .group3 .press-slide li { padding: 0 25px 14px; background-color: #fff; }
.main-contents .section7 .group3 .press-slide li a { display: block; }
.main-contents .section7 .group3 .press-slide li > img { display: block; width: 182px; height: 129px; }
.main-contents .section7 .group3 .press-slide li .title { display: block; height: 18px; margin-top: 14px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section7 .group3 .bx-prev { display: block; position: absolute; top: 23px; right: 40px; width: 9px; height: 16px; background: url(/images/sub/main/sec3-btn-prev.png) no-repeat; text-indent: -9999px; }
.main-contents .section7 .group3 .bx-next { display: block; position: absolute; top: 23px; right: 20px; width: 9px; height: 16px; background: url(/images/sub/main/sec3-btn-next.png) no-repeat; text-indent: -9999px; }
.main-contents .section7 .group3 .bx-prev:hover { background-position: 0 -20px; }
.main-contents .section7 .group3 .bx-next:hover { background-position: 0 -20px; }
.main-contents .section7 .group4 { background: #5ecca9 url(/images/sub/main/sec4-group4-img1.png) no-repeat 84px 82px; }
.main-contents .section7 .group4.image2 { background: #5ecca9 url(/images/sub/main/sec4-group4-img1.png) no-repeat 84px 72px; }
.main-contents .section7 .group4 .headwrap { color: #fff; }
.main-contents .section7 .group4 ul { overflow: hidden; position: absolute; top: 48px; left: 23px; }
.main-contents .section7 .group4 ul li { float: left; margin-left: 9px; padding-left: 9px; background: url(/images/sub/main/sec4-group4-bar.png) no-repeat 0 3px; color: #808080; font-weight: bold; font-size: 16px; }
.main-contents .section7 .group4 ul li:first-child { margin-left: 0; padding-left: 0; background: none; }
.main-contents .section7 .group4 p { position : absolute; right: 0; bottom: 45px; left: 0; text-align: center; width: 232px; color : #fff; font-weight: bold; font-size: 27px; }
.main-contents .section7 .group4 table { position: absolute; bottom: 0px; margin: 5px; }
.main-contents .section7 .group4 table tbody tr th { padding: 5px 0px 0px 0px; color: #fff; text-align: center; font-size: 15px; font-weight: bold; }
.main-contents .section7 .group4 table tbody tr td { padding: 5px 0px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; }
.main-contents .section7 .group4 table tbody tr .small { padding: 0px; color: #fff; font-size: 11px; font-weight: bold; }
.main-contents .section7 .group5 { background: #5ecca9 }
/* 부산 종료 */

.top60 { top: 60px !important;}

/*정관 시작*/
.main-contents .section1 .group7 { float: left; position: relative; width: 232px; margin-left: 21px; }
.main-contents .section1 .group7 .btn-log { display: block; position: absolute; top: 77px; right: 11px; width: 39px; height: 40px; background: url(/images/sub/main/btn-log.png) no-repeat; text-indent: -9999px; } 
.main-contents .section1 .group7 .btn-log.active { background-position: 0 -41px; }
.main-contents .section1 .group7 div.item0 { margin-bottom:4px }
.main-contents .section1 .group7 div.item0 a { background: url(/images/sub/main/sec1-group2-img1-1.jpg) no-repeat;display: block;height: 56px;text-indent: -9999px; } 
.main-contents .section1 .group7 ul li { position: relative; border-top: 2px solid #e8e8e8; }
.main-contents .section1 .group7 ul li:first-child { border-top: 0; }
.main-contents .section1 .group7 ul li a { width: 232px; height: 193px; }
.main-contents .section1 .group7 .area-wrap { padding: 105px 25px 22px; }
.main-contents .section1 .group7 .area-wrap .area2 { margin-top: 16px; }
.main-contents .section1 .group7 .area-wrap .area2 .energy-title { margin-bottom: 4px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section1 .group7 .area-wrap .area2 .energy-text { display: block; overflow: hidden; height: 90px; color: #666; font-weight: bold; line-height: 1.7; letter-spacing: -1px; }

.main-contents .section1 .group7.new .area-wrap {
    padding: 55px 25px 22px;
}
.main-contents .section1 .group7.new .area-wrap .area3 {
    height: 18px;
    margin-top: 24px;
    padding-top: 13px;
    border-top: 1px solid #e9e9e9;
}
.main-contents .section1 .group7.new .area-wrap .area3 a {
    display: block;
    float: right;
}
.main-contents .section4 .group5 .group5-1 {
    float: left;
    position: relative;
    width: 232px;
    height: 105px;
    margin-bottom: 21px;
}
.main-contents .section4 .group5 .group5-2 {
    float: left;
    position: relative;
    width: 232px;
    height: 105px;
}
.main-contents .section1 .group2 ul .item6 a {
    background: url(../../images/sub/main/sec1-group3-item6.png) no-repeat;
}
.main-contents .section1 .group2 ul .item7 a {
    background: url(../../images/sub/main/sec1-group3-item7.png) no-repeat;
}

/*정관 종료*/

/* 여주에너지서비스 시작 */
.main-contents .section1V { overflow: hidden; height: 390px; }
.main-contents .section1V .group1 { float: left; position: relative; width: 485px; }
.main-contents .section1V .group2 { float: left; position: relative; width: 232px; margin-left: 21px; }
.main-contents .section1V .group2 .btn-log { display: block; position: absolute; top: 17px; right: 11px; width: 39px; height: 40px; background: url(/images/sub/main/btn-log.png) no-repeat; text-indent: -9999px; }
.main-contents .section1V .group2 .btn-log.active { background-position: 0 -41px; }
.main-contents .section1V .group2 ul li { position: relative; height: 56px; }
.main-contents .section1V .group2 ul li > a { display: block; height: 56px; text-indent: -9999px; }
.main-contents .section1V .group2 ul .item1 a { background: url(/images/sub/main/sec1-group3-item1.png) no-repeat; }
.main-contents .section1V .group2 ul .item2 a { background: url(/images/sub/main/sec1-group3-item2.png) no-repeat; }
.main-contents .section1V .group2 ul .item3 a { background: url(/images/sub/main/sec1-group3-item3.png) no-repeat; }
.main-contents .section1V .group2 ul .item4 a { background: url(/images/sub/main/sec1-group3-item4.png) no-repeat; }
.main-contents .section1V .group2 ul .item3-2 { background: url(/images/sub/main/sec1-group3-item3-2.png) no-repeat; }
.main-contents .section1V .group2 ul .item3-2 div { position: absolute; top: 21px; left: 103px; }
.main-contents .section1V .group2 ul .item3-2 div > a { color: #545454; font-weight: bold; }
.main-contents .section1V .group2 ul .item3-2 div > a:hover { border-bottom: 1px solid #e70128; color: #e70128; }
.main-contents .section1V .group2 ul .item5 a { background: url(/images/sub/main/sec1-group3-item5.png) no-repeat; }
.main-contents .section1V .group2 ul li:hover a { background-position: 0 -56px; }
.main-contents .section1V .group2 .area-wrap { padding: 64px 25px 22px; }
.main-contents .section1V .group2 .area-wrap .area2 { margin-top: 16px; }
.main-contents .section1V .group2 .area-wrap .area2 .energy-title { margin-bottom: 4px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section1V .group2 .area-wrap .area2 .energy-text { display: block; overflow: hidden; height: 90px; color: #666; font-weight: bold; line-height: 1.7; letter-spacing: -1px; }
.main-contents .section1V .group2 .area-wrap .area3 { height: 18px; margin-top: 34px; padding-top: 13px; border-top: 1px solid #e9e9e9; }
.main-contents .section1V .group2 .area-wrap .area3 a { display: block; float: right; }

.main-contents .section1V .group1 .menu-group.yeoju-visual {
	position: relative;
}
.main-contents .section1V .group1 .menu-group.yeoju-visual a.mainbtn{
	position: absolute;
	display: block;
	bottom: 15px;
	background: rgba(0, 0, 0, 0.6);
	font-weight: normal;
	text-align: center;
	box-sizing: border-box;
	padding: 8px 10px;
	min-width: 40px;
	color: #fff;
	font-size: 12px;
	border:1px solid rgba(0, 0, 0, 0.3);
}
.main-contents .section1V .group1 .menu-group.yeoju-visual a.mainbtn:after{
	content: '';
	position: absolute;
	right: 10px;
	display: block;
	top: 12px;
	width: 5px;
	height: 7px;
	background: url("../../../../images/m/kr/sub/main/mainbtn-arrow.png") no-repeat;
	background-size:contain;
} 
.main-contents .section1V .group1 .menu-group.yeoju-visual a.company{
	left: 15px;
	width: 130px
}
.main-contents .section1V .group1 .menu-group.yeoju-visual a.video{
	left: 155px;
	width: 170px
}

/* 여주에너지서비스 종료 */

/* 아이지이 시작 */
.main-contents .section1M { overflow: hidden; height: 390px; }
.main-contents .section1M .group1 { float: left; position: relative; width: 485px; }
.main-contents .section1M .group2 { float: left; position: relative; width: 232px; margin-left: 21px; }
.main-contents .section1M .group2 .btn-log { display: block; position: absolute; top: 17px; right: 11px; width: 39px; height: 40px; background: url(/images/sub/main/btn-log.png) no-repeat; text-indent: -9999px; }
.main-contents .section1M .group2 .btn-log.active { background-position: 0 -41px; }
.main-contents .section1M .group2 ul li { position: relative; height: 56px; }
.main-contents .section1M .group2 ul li > a { display: block; height: 56px; text-indent: -9999px; }
.main-contents .section1M .group2 ul .item1 a { background: url(/images/sub/main/sec1-group3-item1.png) no-repeat; }
.main-contents .section1M .group2 ul .item2 a { background: url(/images/sub/main/sec1-group3-item2.png) no-repeat; }
.main-contents .section1M .group2 ul .item3 a { background: url(/images/sub/main/sec1-group3-item3.png) no-repeat; }
.main-contents .section1M .group2 ul .item4 a { background: url(/images/sub/main/sec1-group3-item4.png) no-repeat; }
.main-contents .section1M .group2 ul .item3-2 { background: url(/images/sub/main/sec1-group3-item3-2.png) no-repeat; }
.main-contents .section1M .group2 ul .item3-2 div { position: absolute; top: 21px; left: 103px; }
.main-contents .section1M .group2 ul .item3-2 div > a { color: #545454; font-weight: bold; }
.main-contents .section1M .group2 ul .item3-2 div > a:hover { border-bottom: 1px solid #e70128; color: #e70128; }
.main-contents .section1M .group2 ul .item5 a { background: url(/images/sub/main/sec1-group3-item5.png) no-repeat; }
.main-contents .section1M .group2 ul li:hover a { background-position: 0 -56px; }
.main-contents .section1M .group2 .area-wrap { padding: 64px 25px 22px; }
.main-contents .section1M .group2 .area-wrap .area2 { margin-top: 16px; }
.main-contents .section1M .group2 .area-wrap .area2 .energy-title { margin-bottom: 4px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .section1M .group2 .area-wrap .area2 .energy-text { display: block; overflow: hidden; height: 90px; color: #666; font-weight: bold; line-height: 1.7; letter-spacing: -1px; }
.main-contents .section1M .group2 .area-wrap .area3 { height: 18px; margin-top: 34px; padding-top: 13px; border-top: 1px solid #e9e9e9; }
.main-contents .section1M .group2 .area-wrap .area3 a { display: block; float: right; }

.main-contents .section1M .group1 .menu-group.yeoju-visual {
	position: relative;
}
.main-contents .section1M .group1 .menu-group.yeoju-visual a.mainbtn{
	position: absolute;
	display: block;
	bottom: 15px;
	background: rgba(0, 0, 0, 0.6);
	font-weight: normal;
	text-align: center;
	box-sizing: border-box;
	padding: 8px 10px;
	min-width: 40px;
	color: #fff;
	font-size: 12px;
	border:1px solid rgba(0, 0, 0, 0.3);
}
.main-contents .section1M .group1 .menu-group.yeoju-visual a.mainbtn:after{
	content: '';
	position: absolute;
	right: 10px;
	display: block;
	top: 12px;
	width: 5px;
	height: 7px;
	background: url("../../../../images/m/kr/sub/main/mainbtn-arrow.png") no-repeat;
	background-size:contain;
} 
.main-contents .section1M .group1 .menu-group.yeoju-visual a.company{
	left: 15px;
	width: 130px
}
.main-contents .section1M .group1 .menu-group.yeoju-visual a.video{
	left: 155px;
	width: 170px
}

/* 아이지이 종료 */  


/* 20240502 엔솔브 수정 */
.main-contents .section1 .business { 
	float: left; 
	position: relative; 
	width: 738px;
	height: 390px;
}
.main-contents .section1 .energywrap { float: left; margin-left: 20px; }
.main-contents .section1 .energywrap .group7 { float: left; position: relative; width: 232px; margin-left: 0px; }
.main-contents .section1 .business .businesswrap { 	
	width: 738px;
	height: 388px; 
    padding-bottom: 2px; 
	background: #fff url(https://www.skens.com/images/sub/main/bg-shadow.png) repeat-x 0px bottom;
}
.main-contents .section1 .business .businesswrap > .tit { font-size: 17px; font-weight: bold; color: #222; padding: 20px 20px 25px 20px;}
.main-contents .section1 .business .businesswrap .box { padding: 0 20px 15px 20px; display: flex; height: 148px; }
.main-contents .section1 .business .businesswrap .box a { 
	flex: 1 0; 
	margin-right: 15px; 
	border-radius: 5px; 
	padding: 18px 20px; 
	box-sizing: border-box; 
	position: relative; 
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.main-contents .section1 .business .businesswrap .box a:last-child { margin-right: 0px; }
.main-contents .section1 .business .businesswrap .box a.menu01 { background-image: url("../../images/sub/main/businessBg01.png")}
.main-contents .section1 .business .businesswrap .box a.menu02 { background-image: url("../../images/sub/main/businessBg02.png")}
.main-contents .section1 .business .businesswrap .box a.menu03 { background-image: url("../../images/sub/main/businessBg03.png")}
.main-contents .section1 .business .businesswrap .box a.menu04 { background-image: url("../../images/sub/main/businessBg04.png")}
.main-contents .section1 .business .businesswrap .box a.menu05 { background-image: url("../../images/sub/main/businessBg05.png")}
.main-contents .section1 .business .businesswrap .box a.menu06 { background-image: url("../../images/sub/main/businessBg06.png")}
.main-contents .section1 .business .businesswrap .box a > span.tit { font-size: 15px; font-weight: bold; color: #222; position: relative; padding-left: 10px; }
.main-contents .section1 .business .businesswrap .box a > span.tit:before { 
	content: '';
	display: block; 
	width: 6px;
	height: 10px;
	background: url("../../images/sub/main/businesstit-bullet.png") no-repeat 0px 0px;
	position: absolute;
	left: 0px;
	top: 5px;
}
.main-contents .section1 .business .businesswrap .box a > span.icon { 
	display: block; 
	width: 90px; 
	height: 90px; 
	border-radius: 50%; 
	background-color: #fff; 
	box-shadow: 0px 1px 3px 0px #999; 
	position: absolute;
	right: 30px;
	bottom: 20px;
}
.main-contents .section1 .business .businesswrap .box a > span.icon {
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}
.main-contents .section1 .business .businesswrap .box a > span.icon01 { background-image: url("../../images/sub/main/businessIcon01.png"); }
.main-contents .section1 .business .businesswrap .box a > span.icon02 { background-image: url("../../images/sub/main/businessIcon02.png"); }
.main-contents .section1 .business .businesswrap .box a > span.icon03 { background-image: url("../../images/sub/main/businessIcon03.png"); }
.main-contents .section1 .business .businesswrap .box a > span.icon04 { background-image: url("../../images/sub/main/businessIcon04.png"); }
.main-contents .section1 .business .businesswrap .box a > span.icon05 { background-image: url("../../images/sub/main/businessIcon05.png"); }
.main-contents .section1 .business .businesswrap .box a > span.icon06 { background-image: url("../../images/sub/main/businessIcon06.png"); }