@charset "utf-8";
/* CSS Document */

.main_title {letter-spacing:-0.8px; overflow:hidden;}
.main_title .greeting_left {float:left;}
.main_title .greeting_right {float:right;}
.main_title .st_greeting {margin:20px 0 23px; font-family:"Jeju Myeongjo", serif; font-size:40px; line-height:135%; color:#2f2f2f;}
.main_title .greeting_desc {margin:0 0 25px 4px; font-size:14px; line-height:175%; color:#5b5b5b;}
.main_title .st_signature {margin:41px 0 0 83px;}

.first{padding-bottom:130px; background: url("/images/sub/sub1/history_img_bg.png") right bottom no-repeat;}
.first h3{font-size:20px; color: #333; padding-left:20px; margin-bottom:30px; background: url("/images/sub/text_title_bg.png") left center no-repeat;}
.first dl.first_list{padding:35px 0;}
.first dl.first_last{border-top:none;}
.first dl dt{width:140px; font-size:25px; color:#333; padding:5px 85px 5px 0; float:left;}
.first dl dt span{color: #0860a8; float:left;}
.first dl dd{font-size:18px; color:	#333; padding-bottom:4px;}
.first dl dd ul li{padding-bottom:4px; background: url("/images/sub/sub1/sub_dd_bg_line.gif") repeat-y 4px;}
.first dl dd ul li:FIRST-CHILD{background: url("/images/sub/sub1/sub_dd_bg_line.gif") 4px 15px no-repeat;}
.first dl dd ul li.last{background: url("/images/sub/sub1/sub_dd_bg_line.gif") 4px -10px no-repeat;}
.first dl dd ul.ul_last li {background: none;}
.first dl dd ul li p{float:left; font-size:18px; padding-right:13px;}
.first dl dd ul li p strong{color: #0860a8; padding-left:18px; font-weight: normal; background: url("/images/sub/sub1/sub_dd_bg.png") left no-repeat;}
.first dl dd ul li span{font-size:12px;  color:#555; margin-top:5px; display: block;}

.first_title{font-size:12px;  color: #555;}
.first_title h3{font-size:20px; color: #333; padding-left:20px; margin-bottom:30px; background: url("/images/sub/text_title_bg.png") left center no-repeat;}
.first_title h4{font-size:17px; color: #333; padding-left:15px; margin-bottom:10px; background: url("/images/sub/sub3/first_h4.jpg") left center no-repeat;}
.first_title p{line-height: 25px;}
.first_title ul{border-top:2px solid #0860a8; padding-bottom:50px;}
.first_title ul li{font-size:15px; color: #333; border-bottom: 1px solid #e5e5e5;}
.first_title ul li p{width:130px; float:left; background: #f7f7f7; padding:10px 0 10px 20px; margin-right:20px; border-right:1px solid #e5e5e5;}
.first_title ul li span{display: block; padding-top:12px; color:#555; font-family: NanumGothic;}

.first_title table{ border-top:2px solid #0860a8; width:100%; margin-bottom:25px;}
.first_title table th{font-size:15px; border:1px solid #e5e5e5; padding:10px; background: #f9f9f9;}
.first_title table td{font-size:12px; text-align: center; border:1px solid #e5e5e5; padding:10px;}

.first_table{margin-bottom:20px;}
.first_table ul {padding-bottom:20px; border:none;}
.first_table ul li{float:left; border:1px solid #ccc; margin-left:10px;}
.first_table ul li span{font-size:12px; color:#555; font-family:dotum; text-align: center; padding:7px 0 4px 0;}
.first_table ul li img{width:111px; height: 111px;}

.first_title ul.title_sub{border:none;}
.first_title ul.title_sub li{border-bottom:1px solid #ccc; padding:0;}
.first_title ul.title_sub li:FIRST-CHILD{border-top:2px solid #0860a8;} 
.first_title ul.title_sub li p{font-size:18px; color:#0860a8; background: #f7f7f7; text-align:center; float: left; margin:0; padding:0; border-right:1px solid #e5e5e5; width:100px;}
.first_title ul.title_sub li p.number01{padding:25px 0;}
.first_title ul.title_sub li p.number02{padding:75px 0;}
.first_title ul.title_sub li p.number03{padding:25px 0;}
.first_title ul.title_sub li p.number04{padding:25px 0;}
.first_title ul.title_sub li span{float:left; display:block; padding:0; width:80%; margin-left:5px; margin-top:10px;}
.first_title ul.title_sub li span ul {border:none; padding:0;}
.first_title ul.title_sub li span ul li{float:left; border:none; padding:0; margin-left:5px; margin-top:5px;}
.first_title ul.title_sub li span ul li a{border:1px solid #e5e5e5; display: block; padding:0; margin:0;}
.first_title ul.title_sub li span ul li:FIRST-CHILD{border:none;}


/**************인증&특허***************/

.text-r{text-align: right; font-size:12px;  margin:0 0 10px 0; color:#e22828;}

.first_sub {font-size:12px; color: #333; background: url("/images/sub/sub1/history_img_bg.png") no-repeat right bottom; padding-bottom:130px;}
.first_sub ul{background: url("/images/sub/sub1/sub_dd_bg_line.gif") repeat-y center;}
.first_sub ul li{width:49%; position: relative;}
.first_sub ul li dl{position: relative;}
.first_sub ul li dl dt{font-size:25px; color:#0860a8; padding-bottom:15px;}
.first_sub ul li dl dt span{font-size:20px; color: #333;}
.first_sub ul li dl dd span{display: block; border:1px solid #e5e5e5; float:left;}
.first_sub ul li dl dd {font-size:12px; color: #555; }
.first_sub ul li dl dd p{color: #333; font-size:13px; padding-bottom:10px;}

.first_sub ul li.odd.newr{margin-top:0;}
.first_sub ul li.odd{float:left; right:-22px; margin-top:100px;}
.first_sub ul li.odd dl {float:left; padding-right:40px; width:325px; background: url("/images/sub/sub3/sub3_img_on.png") right top no-repeat;}
.first_sub ul li.odd dl dt{text-align: right;}
.first_sub ul li.odd dl dd{float:right; text-align: right;}
.first_sub ul li.odd dl dd.txt_bot{position: absolute; bottom:0; right:210px;}
.first_sub ul li.last{background: url("/images/sub/sub3/bg_last.jpg"); margin-bottom:0;}

.first_sub ul li.udd{float:right; left:-15px; margin-top:70px;}
.first_sub ul li.udd_last{margin-top:120px;}
.first_sub ul li.udd dl{padding-left:40px; width:330px; background: url("/images/sub/sub3/sub3_img_off.png") left top no-repeat;}
.first_sub ul li.udd dl dt{text-align: left;}
.first_sub ul li.udd dl dd{float:left;}
.first_sub ul li.udd dl dd.txt_bot{position: absolute; bottom:0; left:210px;}

/**************인증&특허***************/

/************** 연혁_171031추가 ***************/
.history_warp {
	position: relative;
    background: #ccc;
    padding-top: 100px;
    width: 1px;
    margin: 0 auto;
}
.history_warp .right_txt {
    margin-left: -500px;
    padding: 50px 100px 0 0;
    text-align: right;
    position: relative;
}
.history_warp .right_txt:after {
    content: "";
    display: block;
    margin-right: -3px;
    position: absolute;
    right: -3px;
    top: 7px;
    width: 7px;
    height: 7px;
    background: #FFFFFF;
    border-radius: 11px;
    border: 3px solid #e75293;
    z-index: 1;
}
.history_warp .right_txt h4 {
    display: block;
    position: absolute;
    right: 52px;
    top: -14px;
    font: 400 22px/90% 'Open Sans', sans-serif;
	 font-style: italic;
    line-height: 32px;
    color: #fff;
    text-align: center;
    padding: 9px 30px;
    border-radius: 100px;
    background: linear-gradient(480deg, #f363a2 47%,#e75293 47%,#e75293 100%);
}
.history_warp .right_txt .dashed {
	display: block;
    position: absolute;
    top: 12px;
    right: 0;
    width: 49px;
	border: 0.5px dashed #ccc;
}
.history_warp .right_txt ul {
}
.history_warp .right_txt ul li {
    font-size: 13px;
    line-height: 200%;
    color: #757575;
}

.history_warp .left_txt {
	margin-right: -500px;
    /* margin-left: 500px; */
    padding: 50px 0px 0 0px;
    text-align: left;
    position: relative;
}
.history_warp .left_txt:after {
    content: "";
    display: block;
    margin-right: -3px;
    position: absolute;
    left: -6px;
    top: 7px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background: #ffffff;
    border: 3px solid #ba55a8;
    z-index: 1;
}
.history_warp .left_txt h4 {
    display: block;
    position: absolute;
    left: 51px;
    top: -14px;
    font: 400 22px/90% 'Open Sans', sans-serif;
    line-height: 32px;
    color: #fff;
    font-style: italic;
    text-align: center;
    padding: 9px 30px;
    border-radius: 100px;
    background: linear-gradient(480deg, #ba55a8 47%,#c663b5 47%,#c663b5 100%);
}
.history_warp .left_txt .dashed {
	display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 49px;
	border: 0.5px dashed #ccc;
}
.history_warp .left_txt ul {
	padding: 0 0 0 80px;
}
.history_warp .left_txt ul li {
    font-size: 13px;
    line-height: 200%;
    color: #757575;
}
.his_logo {
	text-align:center;
}



/************** 인증서_171027추가 ***************/
.certification {
	width:100%;
}
.certification ul li {
	float:left;
	width:33.3%;
	/*width:calc(100%/3);*/
}
.certification ul li:nth-child(3n+1) {
	clear:both;
}
.certification ul li h3 {
	font-size:16px;
	font-weight:400;
	letter-spacing:-0.5px;
    background: url(/images/sub/nemo.gif) no-repeat 2px 11px;
    padding: 7px 0 0 18px;
}
.certification .certification_img {
	padding:5px 0 30px 18px;
}
/************** 오시는길_171030추가 ***************/
.map_img {
	width:100%;
}
.map_img p {
	text-align:center;
}
.map_img ul {
    margin: 25px 0 0 108px;
}
.map_img ul li {
	font-size:16px;
	font-weight:400;
    background: url(/images/sub/nemo.gif) no-repeat 2px 11px;
	padding: 7px 0 0 18px;
}
.map_img ul li span.purple {
    color: #543e87;
    padding-right: 30px;
    font-weight: 700;
    letter-spacing: 3px;
}
.map_img ul li span.nbsp {
	padding-left:53px;
}
.map_img ul li span.nbsp1 {
	padding-left:49px;
}
.map_img ul li span.nbsp2 {
	padding-left:20px;
}
/************** 태양광발전_171031추가 ***************/
.business01 {
	width:100%;
}
.business01 .b01_contents01 {
    width: 100%;
    height: 280px;
    padding: 130px 0 0 0;
    background: url(/images/sub/sub2/graph_img.jpg) no-repeat right center;
}
.business01 .b01_contents01 p.txt {
    background: url(/images/sub/sub2/h2_bar.gif) no-repeat left top;
    font-size: 14.5px;
    line-height: 180%;
    letter-spacing: -0.5px;
    display: inline-block;
    padding: 40px 0 0 10px;
}
.business01 .b01_contents02 p.txt {
    background: url(/images/sub/sub2/h2_bar.gif) no-repeat left top;
    font-size: 14.5px;
    line-height: 180%;
    letter-spacing: -0.5px;
    display: inline-block;
    padding: 40px 0 0 10px;
    margin-top: 50px;
}
.business01 .b01_contents02 p.btn_go {
	text-align:center;
}
.business01 .b01_contents02 p a.go {
    color: #fff;
    font-size: 17px;
    padding: 35px 80px;
    background: #543e87;
    border-radius: 100px;
    display: inline-block;
    margin: 50px 0 0 0;
}
/************** RPS사업_171031추가 ***************/
.business02 {
	width:100%;
}
.business02 .b02_contents01 {
    width: 100%;
    padding: 100px 0 0 0;
}
.business02 .b02_contents01 p.txt {
    background: url(/images/sub/sub2/h2_bar.gif) no-repeat left top;
    font-size: 22px;
    line-height: 180%;
    letter-spacing: -0.5px;
    display: inline-block;
    padding: 22px 0 0 10px;
}
.business02 .b02_contents01 .company_list {
    border: 1px solid #d6d6d6;
    border-radius: 20px;
    padding: 27px 30px;
    margin: 20px 0 30px 0;
}
.business02 .b02_contents01 .company_solution {
    padding: 27px 30px;
    margin: 55px 0 30px 0;
}
/************** REC거래_171031추가 ***************/
.business03 {
	width:100%;
}
.business03 .txt_bg {	
   background: url(/images/sub/sub2/business03_top_bg.png) no-repeat right 50px;
}
.business03 .txt_bg p.txt {
    background: url(/images/sub/sub2/h2_bar.gif) no-repeat left top;
    font-size: 14.5px;
    line-height: 180%;
    letter-spacing: -0.5px;
    padding: 22px 0 100px 10px;
}
.business03 .txt_bg p.txt span.bold {
	font-weight:600;
}
/************** 시공유형_171101추가 ***************/
.construct01 {
	width:100%;
	padding-top:30px;
}
.construct01 p {
    background: url(/images/sub/sub2/h2_bar.gif) no-repeat left top;
    font-size: 25px;
    line-height: 180%;
    letter-spacing: -0.5px;
    display: inline-block;
    padding: 10px 0 0 10px;
}
.construct01 ul {margin: 20px 0 45px 0;}
.construct01 ul li {float:left;	width:500px; margin-top:5px;}
.construct01 ul li:nth-child(odd) {margin-right:5px;}
.construct01 ul li:nth-of-type(1) {background:url('/images/sub/sub3/arrow01.png') no-repeat right center; padding-right:34px;}
.construct01 ul li:nth-of-type(2) {background:url('/images/sub/sub3/arrow02.png') no-repeat center bottom; padding-bottom:35px;}
.construct01 ul li:nth-of-type(4) {background:url('/images/sub/sub3/arrow03.png') no-repeat left center; padding-left:34px;}

.construct01 ul li span {
	color: #fff;
    font: 300 15px/220% 'Noto Sans KR', sans-serif;
    text-align: center;
	background: #21457c;
    width: 500px;
    height: 35px;
    display: inline-block;
    box-sizing: border-box;	
}





/****************인증팝업***************/
.popup_close{width:710px;}
.popup_close p{text-align: right; margin:20px 0;}
.popup_close p.popup_t{border-bottom:1px dashed #ccc; padding-bottom:10px;}
.popup_close p.popup_b{border-top:1px dashed #ccc; padding-top:10px;}
/****************인증팝업***************/

.first_menu {background: #f7f7f7; padding:10px 0 10px 10px; margin-bottom:30px;}
.first_menu p{float:left; width: 400px;}
.first_menu p.menu_none{padding-left:10px; width: auto; }
.first_menu p strong{ color:#0860a8; font-size:14px;}
.first_menu span {float:right; padding-right:10px;}
.first_menu span img{width:300px; height: 180px;}

.first_bg_line{margin-bottom:25px;}
.first_bg_line p{background: url("/images/sub/sub3/first_bg_line.jpg") left 10px no-repeat; padding-left:13px;}

.first_img{text-align: center; /*padding-bottom:50px;*/}
.first_img p{border:2px solid #ccc;}
.first_img p img{width:750px; height: 500px;}
.first_img span{border:1px solid #ccc; display: block;}

.down_logo p.down_btn{margin-top:20px; float:right; clear:both;}

.list {width: 754px; padding-bottom:50px;}
.list ul{width:100%;}
.list ul li{width:50%; float:left; text-align: center;}
.list ul li.tab a{color: #fff; background: #0860a8; border:1px solid #0860a8; }
.list ul li.tab a:HOVER{color:#fff;}
.list ul li a{font-size:15px; color: #555; padding:10px 0; display: block; border:1px solid #e5e5e5; background: #f7f7f7;}
.list ul li a:HOVER{color: #333; }

/*------------------갤러리게시판--------------------*/
.text_box{font-size:13px; border:1px solid #dedede; background: #fbfbfb; padding:16px 30px 15px 20px; margin-bottom:13px; letter-spacing: -0.3px;}
.text_box ul li{background: url("/image/sub/cals_sub_list.jpg") 0 9px no-repeat; padding-left:10px;}
.text_box ul li strong{color: #0860a8;}
.text_box select{text-align: center;}

.search_list2 ul.search_menu1{float:left; padding-top:3px;}
.search_list2 ul.search_menu2{float:right;}
.search_list2 ul li{float:left; padding-left:10px;}
.search_list2 ul li p{float:left; font-weight: bold;}

.GalleyList{border-bottom:1px solid #ddd;}
.GalleyList .no_data{border-top:1px solid #ddd; padding:100px 0; text-align: center;}
.GalleyList ul{margin: 0 1px;}
.GalleyList li{float:left; width:169px; margin: 0 10px 20px 9px;}
.GalleyList li .ImgBox{border:1px solid #ddd; padding:4px; width:159px; height:120px; margin-bottom:7px;}
.GalleyList li .ImgBox a{display: block;}
.GalleyList li .ImgBox img{width:160px; height:120px;}
.GalleyList li .GTitle{height:16px; overflow: hidden;}
.GalleyList li .GTitle a{color: #444;}
.GalleyList li .GDate{color: #999; font-size:11pxx; padding-top:2px;}

.GalleyList_photo{float:right;}
.hover {background:#eee;}

/*------------------갤러리게시판--------------------*/


/*------------------ 사이트맵 -------------------*/

.site_map{width:1100px; margin:0 auto;}
.site_box{min-height:430px; margin-bottom:30px; background: url("/images/sub/sitemapbg.png") right bottom no-repeat;}
.site_box ul{width:159px; height:210px; float:left; margin-top:47px; padding:0 45px 0 45px; border-left:1px dashed #ccc; }
.site_box ul:FIRST-CHILD{border:none;}
.site_box ul li{padding-left:8px; margin-bottom:10px; }
.site_box ul li:FIRST-CHILD {font-size:20px; color:#0860a8; padding-left:0; padding-bottom:18px; background: url("/images/sub/sitemap_line.jpg") center bottom no-repeat; margin-bottom:15px;}
.site_box ul li a{font-size:15px; color:#555;}
.site_box ul li a:HOVER{color:#333; text-decoration: underline;}
.site_box ul.map_drop{float:none; margin:10px 0 0 0; border:none; padding:0; height: 40px;}
.site_box ul.map_drop li{padding-left:10px; margin:5px 0 0 8px; background: url("/images/sub/side_sub_li_bg.gif") left no-repeat;}
.site_box ul.map_drop li a{font-size:12px; color:#555; }
.site_box ul.map_drop li a:HOVER{color:#333;}
.site_box ul.map_drop li:FIRST-CHILD {padding-bottom:0; margin:0 0 0 8px;}

/*------------------ 사이트맵/*------------------ 






/*------------------  기본테이블 - 중앙정렬 - 171027추가 -------------------*/
.tb_base{width:100%;border-right:1px solid #e0e0e0;border-top:5px solid #205a8a;border-collapse:separate;border-spacing:0;*border-collapse:collapse; margin:20px 0;}
.tb_base thead th{padding:10px 0;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background-color:#fcfcfc;text-align:center;color:#e05393;font-weight:400;font-size:15px;}
.tb_base tbody th{padding:10px 10px;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;background-color:#fff;font-size:14px;text-align:center;color:#333;font-weight:400;word-break:keep-all;}
.tb_base tbody td{padding:10px 10px;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;vertical-align:middle;text-align:center;font-size:14px;font-weight:400; color:#777; word-break: keep-all;}
.tb_base tbody td.left {text-align:left; padding-left:20px;}
.tb_base tbody td span{font-weight:500; color:#333; text-align:left; display:block; padding-top:10px;}