@charset "utf-8";


/*인사말*/
.company_01 {text-align:left; padding-bottom:60px;}
.company_01 .t1{font-size:30px; font-family: 'Nanum Square'; line-height:50px; position:relative;  padding-bottom:40px; border-bottom:3px #ededed solid;}
.company_01 .t1 .hello{display:inline-block; padding:0 20px;}
.company_01 .t1 .fonti{position:relative; displaY:inline-block; top:-20px; font-size:30px; color:#ddd;}
.company_01 .t1 .name{color:#004f9c; }

.company_01 .philosophy  {overflow:hidden; text-align:left; padding-top:40px; font-size:18px; color:#333;}




.sub_common_box {padding:60px 10px; text-align:center; background:#f8f8f8; margin-top:20px; font-size:22px; } 
.sub_common_box .fonti {font-size:30px; vertical-align:top; margin:0 40px; position:relative; top:-20px; color:#ddd;} 
.sub_common_box span {color:#3586da} 



.business_01_01 {overflow:hidden;}
.business_01_01 li{float:left; width:353px; text-align:center;margin-right:20px; margin-bottom:20px;position:relative; text-align:center;}
.business_01_01 li .title { line-height:40px;text-align:center; background:#666;; color:#fff; font-sizE:16px; margin-bottom:}
.business_01_01 li.last{margin-right:0px;}
.business_01_01 li .name {margin-top:0px; line-height:60px; text-align:center; color:#222; background:#ddd; font-size:16px;}
.business_01_01 li img{vertical-align:middle; width:100%; }



/*태양광*/
.business_02_process {margin-top:20px; overflow:hidden;}
.business_02_process li.list{float:left; width:336px; text-align:center;margin-right:45px; margin-bottom:20px; padding-top:40px; border-bottom:1px #ddd solid;}
.business_02_process li.list.last{margin-right:0px;}
.business_02_process li.list .title {border:1px #ddd solid; position:relative; border-bottom:0px;}
.business_02_process li.list .title .cont {position:relative; top:-30px;}
.business_02_process li.list .title .cont span {width:50px; height:50px; border-radius:50px; line-height:50px; font-size:20px; font-weight:bold;  background:#b43c3c; color:#fff; display:inline-block; }
.business_02_process li.list .title .icon  {height:60px; line-height:60px;}
.business_02_process li.list .title .icon img{vertical-align:middle;}
.business_02_process li.list .title .text  {color:#000; font-weight:bold; font-size:20px;  padding:20px 0px; font-family: 'Nanum Square';}
.business_02_process li.list ul {background:#f8f8f8; text-align:left; padding:30px; height:120px;}



.business_04_01 {background:url(../images/contents/business/business_04_01_01.png) right 50% no-repeat;}




.business_03_01 {margin:30px 0px 160px;}
.business_03_01 ul{overflow:hidden;}
.business_03_01 ul li {float:left; width:348px; bordeR:1px #ddd solid;}
.business_03_01 ul li.center {margin:0 25px;}
.business_03_01 ul li .icon  img{vertical-align:middle;}
.business_03_01 ul li dl {padding-top:10px; border-top:1px #ddd solid; padding:25px;}
.business_03_01 ul li dl dt{font-size:18px; font-weight:bold; color:#0965c4; font-family: 'Nanum Square';}
.business_03_01 ul li dl dd{font-size:16px; color:#777; margin-top:10px;}




/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}


.map_wrap {border:1px #ddd solid; padding:20px;}


.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 



.common_down_box { margin-top:30px;}
.common_down_box a{display:block;border:1px #ddd soliD; background:#014e8d; color:#fff; text-align:center; padding:30px; font-size:18px; font-weight:bold; }
.common_down_box a:hover{background:#444; }


@media all and (max-width:1024px) {



/*인사말*/
.company_01 {padding-top:30px;}
.company_01 .t1{font-size:20px;line-height:30px; letter-spacing:-1px;}



.sub_common_box {; font-size:13px; } 
.sub_common_box span {color:#3586da; display:none;} 



.business_01_01 li{float:none; width:auto; margin-right:0px; margin-bottom:20px;}



.business_02_process li.list{float:none; width:auto; margin-right:0px; }



.business_03_01 ul li {float:none; width:auto; bordeR:1px #ddd solid; margin-bottom:15px !important; }
.business_03_01 ul li.center {margin:0;}
.business_03_01 ul li .icon  img{vertical-align:middle; width:100%;}









.business_04_01 {background:none;}





/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px !important;}


}