@charset "utf-8";

.mainWrap{ position:relative;min-width:1100px;min-height:680px;height:100%; overflow:hidden;}
.sectionWrap{ position:absolute; left:0; top:0; width: 100%;}
.section{ position:relative;}
.section .sectionCon{ position:absolute;left:50%;top:50%;width:1100px; height: 793px;margin:-340px 0 0 -550px;}
/*qiu .small .section .sectionCon{height: 610px;margin:-305px 0 0 -550px;}*/
.small .section .sectionCon{height: 610px;}
.section00{
}
.section01{
	background:#ffffff url('../../images/main/companybg.jpg'); 
	}
.section02{
    background-image:url('../../images/main/section02_bg.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/main/section02_bg.jpg', sizingMethod='scale');
    -webkit-background-size: cover; background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.section03{ background: #fff url(../../images/main/maps.jpg) no-repeat center center;}
.section04{ background: #dee7e4 url(../../images/main/newsbg.jpg) no-repeat center center;}
.within{max-width:1100px;margin:0 auto;}
/*.section00 .sectionCon{ background: url("../../images/main/@section00.png") no-repeat;}*/
.section00 .section00Wrap{ overflow: hidden;width:100%;height:100% !important; position: relative;}
.section00 .section00Wrap ul{ width: 1000000px;height:100%;}
.section00 .section00Wrap ul li{ float: left;height:100%;}
.section00 .section00Wrap ul li.bg1{background:url('../../images/main/banner3.jpg') no-repeat center center;}
.section00 .section00Wrap ul li.bg2{background:url('../../images/main/banner.jpg') no-repeat center center;}
.section00 .section00Wrap ul li.bg3{background:url('../../images/main/banner1.jpg') no-repeat center center;}
.section00 .section00Wrap ul li.bg4{background:url('../../images/main/banner2.jpg') no-repeat center center;}

.section00 .bg1 .sectionCon{ background: url("../../images/main/bannertxt.png") no-repeat center center}
.section00 .bg2 .sectionCon{ background: url("../../images/main/banner1txt.png") no-repeat center center}
.section00 .bg3 .sectionCon{ background: url("../../images/main/banner2txt.png") no-repeat center center}


.section00 .bg1 .sectionCon .pro1{ height:100%; background: url("../../images/main/bannerpro.png") no-repeat center center}
.section00 .bg2 .sectionCon .pro2{ height:100%; background: url("../../images/main/banner1pro.png") no-repeat center center}
.section00 .bg3 .sectionCon .pro3{ height:100%; background: url("../../images/main/banner2pro.png") no-repeat center center}

.section00 .txt{ display: none;}
.section00 .txt strong{ font-weight: 500;}
.section00 .txt .small{ font-weight: normal; font-family: "NanumGothic"; font-size: 14px; line-height: 14px; margin-top: 20px; letter-spacing: -1px;}
.section00 .rightNum{display: none;}
.section00 .rightNum .num{ text-align: right; font-size: 160px; font-family: "Titillium Web"; font-weight: 300; letter-spacing: -14px}
.section00 .rightNum .small{ font-weight: normal; font-size: 14px; line-height: 14px; margin-top: 36px; letter-spacing: -1px; margin-left: 5px;}
.section00 .btn_main_down{ display: block; position: absolute; left: 50%;bottom:40px;margin:0 0 0 -45px;}
.section00 .btn_prev{ display:block; position:absolute;left:40%;top:50%;margin:-45px 0 0 -585px;}
.section00 .btn_next{ display:block; position:absolute;right:40%;top:50%;margin:-45px -585px 0 0px;}

.section00 .mainBtnArea{ position: absolute;left:0;bottom:137px;width:100%; text-align:center;}
.section00 .mainBtnArea .paging{ display:inline-block;}
.section00 .mainBtnArea .paging a{ display:block; float:left; background:url("../../images/main/mainDotSet.png") no-repeat; overflow:hidden; text-indent:-9999px; width:10px;height:10px; background-position:-25px 0;margin:0 7px}
.section00 .mainBtnArea .paging a.on{background-position:0 0;}
.section00 .mainBtnArea .btn_play{ display:inline-block; background:url("../../images/main/mainDotSet.png") no-repeat; overflow:hidden; text-indent:-9999px; width:10px;height:10px; background-position:-63px 0;margin:0 7px;}
.section00 .mainBtnArea .btn_play.on{background-position:-50px 0;}
.section00 .mainBtnArea .btn_play a{ display:block;width:100%;height:100%;}


.section01 .sectionCon  .engtxt { display:block; margin:0 auto; text-align: center; font-size: 12px;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; margin-top: 42px; color: #5f5f5f;}
.section01 .sectionCon  > h2{ text-align: center;}
.section01 .sectionCon  > .atxt{background:url(../../images/main/dian.png) no-repeat center 8px;height:40px;font-size: 30px; font-weight:normal;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; text-align: center; margin-top: 12px; color: #ff0024;}
.section01 .sectionCon  > .stxt{ font-size: 14px;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; text-align: center; margin-top: 22px; color: #000;}
.section01 .companyArea{ margin: 60px -1px 0 -1px;}
.small .section01 .companyArea{ margin: 30px -1px 0 -1px;}
.section01 .companyArea li{width:266px;height:364px; float: left;}
.section01 .companyArea li a{ display: block; width: 100%; height: 100%; color: #ffffff; overflow: hidden; position: relative;}
.section01 .companyArea li a img{ position: absolute; left: 0; top: 0;}
.section01 .companyArea li a strong{  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; display: inline-block;margin:190px 30px 0 30px; font-size:28px;padding-right: 27px; font-weight: normal;background: url("../../images/main/plus.png") no-repeat right center; position: relative;z-index:10}
.section01 .companyArea li a strong span{font-size:20px;font-family:"宋体";letter-spacing:2px;}

.section01 .companyArea li a .txt{ display: block; width:200px; margin:18px 30px 0px 30px; position: relative;z-index:10; line-height:140%;}

.section01 .companyArea li.company1 a{ background: url("../../images/main/section01_img_02.png") no-repeat;}
.section01 .companyArea li.company1 a:hover,
.section01 .companyArea li.company1 a:focus{ background: url("../../images/main/section01_img_02_on.png") no-repeat; text-decoration:none;}


.section01 .companyArea li.company2 a{ background: url("../../images/main/section01_img_03.png") no-repeat;}
.section01 .companyArea li.company2 a:hover,
.section01 .companyArea li.company2 a:focus{ background: url("../../images/main/section01_img_03_on.png") no-repeat;text-decoration:none;}


.section01 .companyArea li.company3 a{ background: url("../../images/main/section01_img_04.png") no-repeat;text-decoration:none;}
/*.section01 .companyArea li.company3 a:hover,*/
/*.section01 .companyArea li.company3 a:focus{ background: url("../../images/main/section01_img_04_on.png") no-repeat;}*/


.section01 .companyArea li.company4 a{ background: url("../../images/main/section01_img_01.png") no-repeat;text-decoration:none;}
/*.section01 .companyArea li.company4 a:hover,*/
/*.section01 .companyArea li.company4 a:focus{ background: url("../../images/main/section01_img_01_on.png") no-repeat;}*/




.section02 .sectionCon > h2{ background:url(../../images/main/dian.png) no-repeat center 8px;height:40px;text-align: center; font-size: 30px; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; color: #ff0024; margin-top: 12px; font-weight: normal; margin-bottom: 20px;}

.section02 .sectionCon  .engtxt { display:block; margin:0 auto; text-align: center; font-size: 12px;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; margin-top: 0px;  color: #4c4c4c;}


.section02 .sectionCon > .stxt{ font-size: 14px; line-height:140%; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","NanumGothicBold"; text-align: center; margin-top: 15px; color: #000;opacity: 0.7;filter: alpha(opacity=70); }

.section02 .energyArea{ margin: 12px -1px 0 -1px;}
.small .section02 .energyArea{ margin: 30px -1px 0 -1px;}
.section02 .energyArea li{margin-left:0px;width:210px;height:210px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position: relative; background:#FFFFFF;}
.section02 .energyArea li div{background: url("../../images/xiao.jpg") no-repeat center;}
.section02 .energyArea li div img{max-width:100%;}
.section02 .energyArea li:first-child{margin-left:0px;}
.section02 .energyArea li .toptitle{ display: block;color: #fff;}
.section02 .energyArea li .topcon{ display: block;margin: 5px 0 0 -5px; color: #ffffff;font-family: "Titillium Web";}
.section02 .energyArea li .bottomTxt{ display: block; position: absolute; top:165px;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","NanumGothicBold"; font-size: 13px; color: #000000; letter-spacing: -0.05em; line-height:140%;}


.section02 .energyArea li .bottomTxt .tit{ color: #fff;}
.section02 .energyArea li a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #ffffff; overflow: hidden;padding:40px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration:none;}

.section02 .energyArea li a .conBox{display: block; position: absolute; left: 0; bottom: -250px;width:100%;background: url("../../images/main/main_green_bg.png"); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:25px 25px 15px 5px;}

.section02 .energyArea li a .conBox .title{ font-weight: normal; font-size: 18px; color: #ffffff; display: block; background: url("../../images/main/plus.png") no-repeat right top;border-bottom:1px solid #fff; padding-bottom: 14px; margin-bottom: 10px;}
.section02 .energyArea li a .conBox .title .stxt{ font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif", "Titillium Web"; font-size: 13px; display: block; margin-top: 5px;}
.section02 .energyArea li a .conBox .con{ display: block; font-size: 13px; color: #ffffff; line-height: 20px;}
.section02 .energyArea li a .txt{ display: block; margin:8px 0 0  40px;}
.section02 .energyArea li.energy1{ background:#ffffff url("../../images/2014958412155.jpg") no-repeat;}
/*.section02 .energyArea li.energy1 a:hover,*/
/*.section02 .energyArea li.energy1 a:focus,*/
/*.section02 .energyArea li.energy1.on a{background: url("../../images/main/section02_img_01_on.png") no-repeat;}*/
.section02 .energyArea li.energy2{ background:#ffffff url("../../images/201564133828157.jpg") no-repeat;}
/*.section02 .energyArea li.energy2 a:hover,*/
/*.section02 .energyArea li.energy2 a:focus,*/
/*.section02 .energyArea li.energy2.on a{background: url("../../images/main/section02_img_02_on.png") no-repeat;}*/
.section02 .energyArea li.energy3{ background:#ffffff url("../../images/201452195351169.jpg") no-repeat;}
/*.section02 .energyArea li.energy3 a:hover,*/
/*.section02 .energyArea li.energy3 a:focus,*/
/*.section02 .energyArea li.energy3.on a{background: url("../../images/main/section02_img_03_on.png") no-repeat;}*/
.section02 .energyArea li.energy4{ background:#ffffff url("../../images/201564133659679.jpg") no-repeat;}
/*.section02 .energyArea li.energy4 a:hover,*/
/*.section02 .energyArea li.energy4 a:focus,*/
/*.section02 .energyArea li.energy4.on a{background: url("../../images/main/section02_img_04_on.png") no-repeat;}*/

.section02 .energyArea li.energy5{ background:#ffffff url("../../images/2013117135435887.jpg") no-repeat;}
.section02 .energyArea li.energy6{ background:#ffffff url("../../images/2013117134746287.jpg") no-repeat;}
.section02 .energyArea li.energy7{ background:#ffffff url("../../images/2012827131736489.jpg") no-repeat;}
.section02 .energyArea li.energy8{ background:#ffffff url("../../images/201112314022606.jpg") no-repeat;}
.section02 .prdtit{width:60%;height:32px; line-height:32px;margin:30px auto 0;}
.section02 .prdtit a{float:left;width:18%;display:block;margin:0px 1%;font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","NanumGothicBold";font-size:16px;color:#fff;background:#383838;line-height:32px;text-align:center;}

.section03 .sectionCon  > h2{background:url(../../images/main/dian.png) no-repeat center 8px;height:40px;text-align: center; font-size: 30px; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; color: #ff0024; font-weight: normal; margin-top:14px;}
.section03 .sectionCon  > .stxt{ font-size: 14px; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","NanumGothicBold"; text-align: center; margin-top: 15px;line-height:140%;color:#000;
}
.section03 .sectionCon  .engtxt { display:block; margin:0 auto; text-align: center; font-size: 12px;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; margin-top: 50px;  color: #888;}

.section03 .sustainabilityArea{ margin: 60px -1px 0 -1px; background: url("../../images/main/ditu.png") no-repeat; background-position: 0 0}
.section03 .ditu{ background: url("../../images/main/ditu.png") no-repeat; background-position: 0 0; width:1100px; height:530px; display:block; margin-top:50px;}
.section03 .contac{margin:50px auto;}
.section03 .contac li{float:left;width:25%;}
.section03 .contac li p{height:60px;line-height:60px;padding-left:40px;font-size:14px;color:#000;font-weight:400;}
.section03 .contac .p1{background: url("../../images/main/c001.png") no-repeat left center;}
.section03 .contac .p2{background: url("../../images/main/c002.png") no-repeat left center;}
.section03 .contac .p3{background: url("../../images/main/c003.png") no-repeat left center;}
.section03 .contac .p4{background: url("../../images/main/c004.png") no-repeat left center;}
.section03 .contac .p5{background: url("../../images/main/c005.png") no-repeat left center;}
.section03 .contac .p6{background: url("../../images/main/c006.png") no-repeat left center;}
.section03 .contac .p7{background: url("../../images/main/c007.png") no-repeat left center;}
.section03 .contac .p8{background: url("../../images/main/c008.png") no-repeat left center;}
.section03 .link{margin:0 auto;text-align:center;}
.section03 .link img{margin:0px 5px;}

.small .section03 .sustainabilityArea{ margin: 30px -1px 0 -1px;}

.section04 .sectionCon  > h2{background:url(../../images/main/dian.png) no-repeat center 8px;height:40px;margin-top:14px; text-align: center; font-size: 30px; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif", "Titillium Web"; color: #ff0024; font-weight: normal;}
.section04 .sectionCon  > .stxt{ font-size: 14px; line-height:140%; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","NanumGothicBold"; text-align: center; margin-top: 15px; color: #000;}
.section04 .sectionCon  .engtxt { display:block; margin:0 auto; text-align: center; font-size: 14px;  font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; margin-top:50px; color: #000;}


.section04 .relationArea{ margin-top: 60px; background:url("../../images/main/newtm.png") repeat-x;position: relative;}
.small .section04 .relationArea{ margin-top: 30px;}
.section04 .relationArea h3{background:url("../../images/main/arrow.png") no-repeat right center; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif", "NanumGothicBold"; font-size: 16px; color: #333333; font-weight: normal; position: relative;}
.section04 .relationArea h3 a{ position: absolute; right: 0; top: 0;}
.section04 .relationArea ul{width:100%;padding:40px 38px 0;height:563px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.section04 .relationArea li {width:33.3333333%;float:left;padding-right:42px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
.section04 .relationArea li  p.pp1{color:#0e1124;font-size:14px;lien-height:30px;}
.section04 .relationArea li h3,.section04 .relationArea li h3  a{width:100%;color:#0e1124;font-size:16px;line-height:34px;height:34px;}
.section04 .relationArea li a{display:block;}
.section04 .relationArea li a img{max-width:100%;display:block;}
.section04 .relationArea li .zhenw{font-size:12px;line-height:22px;padding-top:15px;}
.section04 .relationArea li.xiao{padding-right:0;}
.btn_main_top{ display: block; position: absolute; left: 50%; bottom:34px;margin-left:439px;z-index:10;}



.mainStep{ position:fixed;left:50%;top:50%;margin:-108px 0 0 580px;z-index:19; display: none; width: 120px;}
.mainStep ul{ margin: 30px 0 13px 0;}
.mainStep li{height:36px;}
.mainStep li:first-child{ margin-top:0px;}
.mainStep li a{ font-size: 13px; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif","Titillium Web"; color: #8c8c8c; display: inline-block;border-bottom:1px solid #8c8c8c;height:16px; text-decoration:none;}
.mainStep li a .txt{ display: none;}
.mainStep li a:hover,
.mainStep li a:focus,
.mainStep li.on a{ font-weight: 600; color: #ff0024; border-bottom: 2px solid #ff0024}
.section2 .mainStep li.on a{ color: #ff0024;}
.mainStep li a:hover .txt,
.mainStep li a:focus .txt,
.mainStep li.on a .txt{ display: inline-block; margin-left: 5px;}
.mainStep .btn_main_top{ margin-left:-2px;}

/*타블렛일때*/
.isTablet .mainWrap{ position:relative;min-width:1100px;min-height:680px;height:auto !important; overflow:visible !important;}
.isTablet .sectionWrap{ position:relative; left:auto; top:auto; width: 100%;}
.isTablet .section{ position:relative;}
.isTablet .mainStep{ display:none;}