@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:-350px 0 0 -550px;}
.small .section .sectionCon{height: 610px;margin:-305px 0 0 -550px;}
.section00{
}





.section01{
	background:#ffffff url('../../images/main/companybg.jpg');background-size: cover;
	}


.section02{
    background-image:url('../../images/main/productbg.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/main/productbg.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;background-size: cover;}

.section04{ background: #fff url(../../images/main/newsbg.jpg) no-repeat center center;background-size: cover;}






/*.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/banner.jpg') no-repeat center center;background-size: cover;}
.section00 .section00Wrap ul li.bg2{background:url('../../images/main/banner1.jpg') no-repeat center center;background-size: cover;}
.section00 .section00Wrap ul li.bg3{background:url('../../images/main/banner2.jpg') no-repeat center center;background-size: cover;}



/*
.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: block;}
.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:50%;top:50%;margin:-45px 0 0 -585px;}
.section00 .btn_next{ display:block; position:absolute;right:50%;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: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	margin-top: 42px;
	color: #fff;

	}


.section01 .sectionCon  > h2{ text-align: center;}


.section01 .sectionCon  > .atxt{

	font-size: 30px;
	font-weight:normal;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	text-align: center;
	margin-top: 12px;
	color: #fff;

	}


.section01 .sectionCon  > .stxt{

	font-size: 12px;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	text-align: center;
	margin-top: 22px;
	color: #fff;

	}


.section01 .companyArea{ margin: 60px -1px 0 -1px;}
.small .section01 .companyArea{ margin: 30px -1px 0 -1px;}
.section01 .companyArea li{width:549px; height:250px; float: left; background:#000; margin: 1px;}
.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: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	display: inline-block;
	margin:100px 30px 0 30px;
	font-size: 30px;
	padding-right: 27px;
	font-weight: normal;
	position: relative;
	z-index:10;
	width:400px;

	}


.section01 .companyArea li a strong .i_plus {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-left: 15px;
    background: url("../../images/main/plus.png") no-repeat 0 0;
    text-indent: -9999px;
}


.section01 .companyArea li a .txt{ display: block; width:400px; 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{

	text-align: center;
	font-size: 30px;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	color: #fff;
	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: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	margin-top: 42px;
	color: #fff;

	}


.section02 .sectionCon > .stxt{

	font-size: 12px; line-height:160%;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	text-align: center;
	margin-top: 15px;
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);

	}

.section02 .energyArea{ margin: 12px -1px 0 -1px;}
.small .section02 .energyArea{ margin: 30px -1px 0 -1px;}
.section02 .energyArea li{margin-left:0px;width:266px;height:290px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position: relative; background:#FFFFFF;}

.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:215px;  font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; font-size: 13px; color: #666666; 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 25px; -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; 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 25px;}

.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: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; 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;}







.section03 .sectionCon  > h2{
	text-align: center;
	font-size: 30px;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	color: #fff;
	font-weight: normal;
	margin-top:14px;
}



.section03 .sectionCon  > .stxt{
	font-size: 12px;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	text-align: center;
	margin-top: 15px;
	color: #fff;
	line-height:140%;
}
.section03 .sectionCon  .engtxt {
	display:block;
	margin:0 auto;
	text-align: center;
	font-size: 12px;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	margin-top: 50px;
	color: #fff;
	}

.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;}
.small .section03 .sustainabilityArea{ margin: 30px -1px 0 -1px;}
.section03 .sustainabilityArea li{margin:-1px;width:245px;height:250px; float: left; text-align: center; position: relative; }
.section03 .sustainabilityArea li a.menu{ position: absolute; left: 0; top: 0;display: table; width: 100%; height: 100%; color: #ffffff; overflow: hidden; text-align: center;background: url("../../images/main/section03_bg_off.png") no-repeat; text-decoration:none;}
.section03 .sustainabilityArea li a .title{ display: block; font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; font-size: 16px; padding-top: 126px; color: #555;}
.section03 .sustainabilityArea li a .con{ display: block; font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; font-size: 14px; padding-top: 12px; line-height: 18px; background: url("images/main/text_bottom.png") no-repeat center top; margin-top: 15px; color: #666666;}

.section03 .sustainabilityArea li a:hover .title,
.section03 .sustainabilityArea li a:focus .title{ color: #ffffff;}
.section03 .sustainabilityArea li a:hover .con,
.section03 .sustainabilityArea li a:focus .con{ color: #ffffff; background: url("../../images/main/plus.png") no-repeat center bottom;padding-bottom:30px; margin-top: 0; padding-top: 8px;}

.section03 .sustainabilityArea li.con1 a.menu{ background-position: 0 0;}
.section03 .sustainabilityArea li.con1 a.menu:hover,
.section03 .sustainabilityArea li.con1 a.menu:focus,
.section03 .sustainabilityArea li.con1.on a.menu{background: url("../../images/main/ditu.png") no-repeat; background-position: 0 0;}
.section03 .sustainabilityArea li.con2 a.menu{ background-position: -244px 0;}
.section03 .sustainabilityArea li.con2 a.menu:hover,
.section03 .sustainabilityArea li.con2 a.menu:focus,
.section03 .sustainabilityArea li.con2.on a.menu{background: url("../../images/main/ditu.png") no-repeat; background-position: -244px 0;}
.section03 .sustainabilityArea li.con3 a.menu{ background-position: -489px 0;}
.section03 .sustainabilityArea li.con3 a.menu:hover,
.section03 .sustainabilityArea li.con3 a.menu:focus,
.section03 .sustainabilityArea li.con3.on a.menu{background: url("../../images/main/ditu.png") no-repeat; background-position: -489px 0;}
.section03 .sustainabilityArea li.con4 a.menu{ background-position: -734px 0; width: 246px;}
.section03 .sustainabilityArea li.con4 a.menu:hover,
.section03 .sustainabilityArea li.con4 a.menu:focus,
.section03 .sustainabilityArea li.con4.on a.menu{background: url("../../images/main/ditu.png") no-repeat; background-position: -734px 0;}
.section03 .sustainabilityArea li.con5 a.menu{ background-position: 0 -249px;}
.section03 .sustainabilityArea li.con5 a.menu:hover,
.section03 .sustainabilityArea li.con5 a.menu:focus,
.section03 .sustainabilityArea li.con5.on a.menu{background: url("../../images/main/ditu.png") no-repeat; background-position: 0 -249px;}
.section03 .sustainabilityArea li.con6 a.menu{ background-position: -244px -249px;}
.section03 .sustainabilityArea li.con6 a.menu:hover,
.section03 .sustainabilityArea li.con6 a.menu:focus,
.section03 .sustainabilityArea li.con6.on a.menu{background: url("../../images/main/ditu.png") no-repeat; background-position: -244px -249px;}
.section03 .sustainabilityArea li.con7 a.menu{ background-position: -489px -249px;}
.section03 .sustainabilityArea li.con7 a.menu:hover,
.section03 .sustainabilityArea li.con7 a.menu:focus,
.section03 .sustainabilityArea li.con7.on a.menu{background: url("../../images/main/ditu.png") no-repeat; background-position: -489px -249px;}
.section03 .sustainabilityArea li.con8{background: url("../../images/main/section03_bg_off.png") no-repeat; background-position: -734px -249px; width: 246px;}
.section03 .sustainabilityArea li.con8 .title2{ color: #fff; font-family: "NanumGothicBold"; font-size: 16px; padding-top: 38px;}
.section03 .sustainabilityArea li.con8 .btn_more{ display: inline-block;position: absolute; right: 20px; top: 20px; width: auto; height: auto; left: auto;}
.section03 .sustainabilityArea li.con8 .con2{ color: #fff; font-size: 13px; line-height: 18px; padding-top: 20px;}
.section03 .sustainabilityArea li.con8 .btnTxt{ display: inline-block;position: relative;top: auto; width: auto; height: auto; left: auto; margin-top: 30px;}











.section03 .energyArea{ margin: 12px -1px 0 -1px; margin-top:65px;}
.small .section03 .energyArea{ margin: 30px -1px 0 -1px;}

.section03 .energyArea li{

	margin-left:25px;
	width:256px;
	height:400px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background:#FFFFFF;

	}

.section03 .energyArea li:first-child{margin-left:0px;}
.section03 .energyArea li .toptitle{ display: block;color: #fff;}

.section03 .energyArea li .topcon{
	display: block;
	margin: 5px 0 0 -5px;
	color: #ffffff;
	font-family: "Titillium Web";
	}

.section03 .energyArea li .bottomTxt{
	display: block;
	position: absolute;
	top:350px;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	font-size: 13px;
	color: #fff;
	letter-spacing: -0.05em;
	line-height:140%;
	}


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



.section03 .energyArea li a .conBox{
	display: block;
	position: absolute;
	left: 0;
	bottom: -250px;
	background: rgba(43,135,192,0.9);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:25px 25px 15px 25px;
	}

.section03 .energyArea li a .conBox .title{
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	display: block;
	border-bottom:1px solid #fff;
	padding-bottom: 14px;
	margin-bottom: 10px;
	}



.section03 .energyArea li a .conBox .title .stxt{ font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif", "Titillium Web"; font-size: 13px; display: block; margin-top: 5px;}
.section03 .energyArea li a .conBox .con{ display: block; font-size: 13px; color: #ffffff; line-height: 20px;}
.section03 .energyArea li a .txt{ display: block; margin:8px 0 0  40px;}






.section03 .energyArea li.energy1{ background:#ffffff url("../../images/server1.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;}*/
.section03 .energyArea li.energy2{ background:#ffffff url("../../images/server2.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;}*/
.section03 .energyArea li.energy3{ background:#ffffff url("../../images/server3.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;}*/
.section03 .energyArea li.energy4{ background:#ffffff url("../../images/server4.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;}*/

























.section04 .sectionCon  > h2{
	margin-top:14px;
	text-align: center;
	font-size: 30px;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	color: #fff;
	font-weight: normal;
	}


.section04 .sectionCon  > .stxt{
	font-size: 12px;
	line-height:140%;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	text-align: center;
	margin-top: 15px;
	color: #fff;
	}


.section04 .sectionCon  .engtxt {
	display:block;
	margin:0 auto;
	text-align: center;
	font-size: 12px;
	font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	margin-top:50px;
	color: #fff;
	}


.section04 .relationArea{ margin-top: 60px; background: #ffffff;border:1px solid #dddddd; position: relative;}
.small .section04 .relationArea{ margin-top: 30px;}
.section04 .relationArea h3{ font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; font-size: 16px; color: #333333; font-weight: normal; position: relative;}
.section04 .relationArea h3 a{ position: absolute; right: 0; top: 0;}



.section04 .slideWrap{
	position: relative;
	width: 652px;
	height: 435px;
	border-right:1px solid #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	z-index:10
	}


.section04 .slideWrap.focus .btn_prev,
.section04 .slideWrap.focus .btn_next{ display: block;}
.section04 .slideWrap .btn_prev{ display: none; position: absolute; left: 0px;top:191px; background: url("../../images/main/main_slide_arr.png") no-repeat 0 0; width: 42px; height: 85px; overflow: hidden; text-indent: -9999px;z-index:10}
.section04 .slideWrap .btn_prev:hover,
.section04 .slideWrap .btn_prev:focus{background: url("../../images/main/main_slide_arr.png") no-repeat 0 bottom}
.section04 .slideWrap .btn_next{ display: none; position: absolute; right: 0px;top:191px; background: url("../../images/main/main_slide_arr.png") no-repeat right 0; width: 42px; height: 85px;overflow: hidden; text-indent: -9999px;z-index:10}
.section04 .slideWrap .btn_next:hover,
.section04 .slideWrap .btn_next:focus{background: url("../../images/main/main_slide_arr.png") no-repeat right bottom}
.section04 .slideWrap .btn_more{ display:block; position:absolute; right:30px; top:30px;}
.section04 .slideWrap .slideArea{ margin-top: 18px; overflow: hidden;height:380px;}
.section04 .slideWrap .slideArea li{ float: left; padding-right: 25px;}
.section04 .slideWrap .slideArea li .noticeItem{ float: left; margin-left: 25px;width:281px;}
.section04 .slideWrap .slideArea li .noticeItem:first-child{ margin-left: 0;}
.section04 .slideWrap .slideArea li .noticeItem .img{ display: block; position: relative; margin-bottom: 20px;}



.section04 .slideWrap .slideArea li .noticeItem .img img{ width:281px; height:160px;}



.section04 .slideWrap .slideArea li .noticeItem .img .companyNotice{ display: block; position: absolute; left: 0; top: 0; background: #007944; width: 48px; height: 48px; color: #ffffff; font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; text-align: center; line-height: 13px; padding-top: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section04 .slideWrap .slideArea li .noticeItem .img .nanumNotice{ display: block; position: absolute; left: 0; top: 0; background: #dc9616; width: 48px; height: 48px; color: #ffffff; font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; text-align: center; line-height: 13px; padding-top: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section04 .slideWrap .slideArea li .noticeItem .title{ font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; font-size: 14px; color: #b87b0b;}
.section04 .slideWrap .slideArea li .noticeItem .con{ font-size: 13px; line-height: 20px; margin-top: 14px; padding-bottom: 15px; background: url("../../images/common/text_bottom_blank.png") no-repeat left bottom; color: #666666;}
.section04 .slideWrap .slideArea li .noticeItem .date{ margin-top: 12px; color: #666666;}
.section04 .rightCon{ position: absolute; right: 0; top: 0; width: 446px;}




.section04 .boardCon{
	height: 225px;
	border-bottom: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	position:relative;
	}




.section04 .boardCon ul{ margin-top: 15px;}
.section04 .boardCon ul li{ margin-top: 9px; background: url("../../images/common/gr_dot.png") no-repeat left center; padding-left: 9px; position: relative; padding-right: 65px;}
.section04 .boardCon ul li:first-child{ margin-top: 0px;}
.section04 .boardCon ul li .date{ display:block; position: absolute; right: 0; top: 0;}
.section04 .boardCon .btn_more{ display:block; position:absolute; right:30px; top:30px;}
.section04 .info{padding:30px; position:relative;}
.section04 .info .btn_more{ display:block; position:absolute; right:30px; top:30px;}
.section04 .info .pointArea{ margin-top: 8px;}
.section04 .info .pointArea strong{ float: left; font-size: 46px; color: #dc9616; font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important; letter-spacing: -2px;}
.section04 .info .pointArea ul{ float: right; border-left: 1px solid #e0e0e0;  padding: 3px 0 3px 15px; width: 100px; margin-top: 8px;}
.section04 .info .pointArea ul li{ color: #333333;}
.section04 .info .pointArea ul li:first-child{ margin-bottom: 6px; overflow: hidden;}
.section04 .info .pointArea ul li span{ display: block; float: left;}
.section04 .info .pointArea ul li span.point{ display: block; float: right;}



.section04 .btn_main_top{
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left:500px;
	}



.mainStep{ position:fixed;right:0%;top:50%;margin:-108px 0 0 0px;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: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,noto-fanyi!important;
	color: #ccc;
	display: inline-block;
	border-bottom:1px solid #ccc;
	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: #fff; border-bottom: 2px solid #fff}
.section2 .mainStep li.on a{ color: #fff;}
.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;}