@charset "utf-8";

.company_01_wrap {padding:30px; margin-bottom:60px;}
.company_01_wrap .title {position:relative;}
.company_01_wrap .title .icon{position:absolute; left:-30px; top:-50px;}
.company_01_wrap dl {padding-left:170px; font-size:18px;}
.company_01_wrap dl dt { font-size:22px; color:#000; margin-bottom:10px;}
.company_01_wrap dl dt span {color:#1e8cd7;}
.company_01_wrap dl dd { font-size:16px; color:#000}


/*오시는길*/
.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;}


.common_business_top_box {border:1px #ddd solid; padding:30px; font-size:16px;}
.common_business_top_box .t1{font-size:20px; font-weight:bold;  margin-bottom:20px; color:#2870a8}
.common_business_top_box .t2{font-size:16px; }

.common_business_list_box {padding:10px 0px; border:1px #ddd solid;}
.common_business_list_box ul {margin-top:20px; display:table; width:100%; table-layout:fixed;}
.common_business_list_box ul li{display:table-cell; vertical-align:middle; text-align:center; border-right:1px #ddd solid;  padding:0 20px;}
.common_business_list_box ul li.last{border-right:0px;}
.common_business_list_box ul li img {vertical-align:middle; max-width:100%;}


/*스마트팩토리*/
.business_01_01 {text-align:center; margin-top:30px;}
.business_01_01 li {display:inline-block;; width:305px;  padding:0px 30px 30px; background:url(../images/contents/business/business_01_01_dot.png) right 50% no-repeat; vertical-align:middle;}
.business_01_01 li .box {height:251px; border:1px #ddd solid; }
.business_01_01 li:nth-child(even) .box{background:#f8f8f8;}
.business_01_01 li.last {margin-right:0px; background:none;}
.business_01_01 li .cont {text-align:center; margin-top:50px;}
.business_01_01 li .cont span {display:inline-block; width:40px; line-height:40px; height:40px; background:#2870a8;color:#fff; font-size:20px;}
.business_01_01 li dl {padding:15px; text-align:center;}
.business_01_01 li dl dt{font-size:20px; text-align:center; color:#000; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd dashed;}
.business_01_01 li dl dd{font-size:14px; color:#666; margin-top:10px; line-height:18px;}

.business_01_02 {text-align:center; margin-top:30px; padding-right:1px;}
.business_01_02 .title {font-size:20px;  margin-bottom:40px; display:inline-block;  background:#2870a8; color:#fff;  padding:20px 30px; border-radius:80px;}
.business_01_02 ul {display:table; width:100%; border-left:1px #ddd solid; table-layout:fixed;}
.business_01_02 ul li {display:table-cell;vertical-align:middle; text-align:center; border:1px #ddd solid; border-left:0px; padding:20px 0px;}
.business_01_02 ul li .box .icon {height:80px; margin-top:10px;}
.business_01_02 ul li .box .text {font-size:20px; color:#000; margin:20px 0px;;}



/*MES*/
.business_02_01_box .col_box {display:table; width:100%; table-layout:fixed; margin-bottom:30px; }
.business_02_01_box .col_box .col {display:table-cell; vertical-align:top; border:3px #30b5e0 solid;}
.business_02_01_box .col_box .col.m1,
.business_02_01_box .col_box .col.m3 {width:48%;}
.business_02_01_box .col_box .col.m2 {width:4%; vertical-align:middle; border:0px; text-align:center; background:url(../images/contents/business/business_01_01_dot.png) center 50% no-repeat;}

.business_02_01_box .col_box .col .title {padding:25px 0px; margin:0 15px; color:#30b5e0; border-bottom:1px #ddd solid; text-align:center; font-size:20px; }
.business_02_01_box .col_box .col ul {padding:25px;}
.business_02_01_box .col_box .col dl {padding:25px;}
.business_02_01_box .col_box .col ul li{font-size:15px;  color:#555; background:url(../images/sub/dt_dot.jpg) left 9px no-repeat; line-height:20px; padding-left:10px; margin:10px 0px;}

.business_02_01_box .col_box .col.m3 .title{color:#fff; border-color:rgba(255,255,255,0.4);}
.business_02_01_box .col_box .col.m3 ul li{color:#fff; border-color:#fff;}

.business_02_01_box .col_box .col.m3 dl dt,
.business_02_01_box .col_box .col.m3 dl dd {color:#fff;}


.business_02_01_box .col_box.color1 .col {border-color:#30b5e0;}
.business_02_01_box .col_box.color1 .col.m3 {background:#30b5e0;}

.business_02_01_box .col_box.color2 .col {border-color:#17b0fe;}
.business_02_01_box .col_box.color2 .col.m3 {background:#17b0fe;}

.business_02_01_box .col_box.color3 .col {border-color:#0083f9;}
.business_02_01_box .col_box.color3 .col.m3 {background:#0083f9;}

.business_02_01_box .col_box.color4 .col {border-color:#0c7ac3;}
.business_02_01_box .col_box.color4 .col.m3 {background:#0c7ac3;}


ul.business_02_02 {overflow:hidden;}
ul.business_02_02 li.list {float:left; width:224px; margin-right:20px;}
ul.business_02_02 li.list.last {margin-right:0px;}
ul.business_02_02 li.list dl {margin-bottom:30px;}
ul.business_02_02 li.list dl dt{background:#444; color:#fff; padding:15px; text-align:center;}
ul.business_02_02 li.list dl dd{border:1px #ddd solid; border-top:0px; padding:10px;}
ul.business_02_02 li.list dl dd ul li {font-size:15px;  color:#555; background:url(../images/sub/dt_dot.jpg) left 9px no-repeat; line-height:20px; padding-left:10px; margin:10px 0px;}


ul.business_02_02.business_02_02_etc  li.list dl dd {height:320px;}




.business_02_04_01 ul{display:table; width:100%; table-layout:fixed; margin-top:60px;}
.business_02_04_01 ul li{display:table-cell; vertical-align:top; text-align:center; position:relative; }
.business_02_04_01 ul li .cont {position:absolute; left:20px; top:-20px; width:40px; height:40px; line-height:40px; border-radius:40px; background:#fff; border:4px #2870a8 solid;color:#2870a8; font-size:16px; font-weight:bold;}
.business_02_04_01 ul li .text {background:#2870a8; color:#fff; padding:30px 0px; font-size:20px;}
.business_02_04_01 ul li.m1 .text { background:rgba(40,112,168,0.9);}
.business_02_04_01 ul li.m2 .text { background:rgba(40,112,168,0.8);}
.business_02_04_01 ul li.m3 .text { background:rgba(40,112,168,0.7);}
.business_02_04_01 ul li.m4 .text { background:rgba(40,112,168,0.6);}
.business_02_04_01 ul li.m5 .text { background:rgba(40,112,168,0.5);}
.business_02_04_01 ul li .etc  {font-size:12px; text-align:left; margin-top:10px; padding:10px; border:1px #ddd solid; width:200px; }
.business_02_04_01 ul li .etc span  {background:url(../images/sub/dt_dot.jpg) left 9px no-repeat; line-height:20px; padding-left:10px; display:block; }



.business_02_04_01 ul.etc_text {}
.business_02_04_01 ul.etc_text li .etc  {width:auto; margin:5px; }


.business_02_05_01 ul li {padding:40px 0px; border-radius:150px; border:1px #ddd solid; position:relative;  margin:30px 0px; min-height:70px;}
.business_02_05_01 ul li .title  {position:absolute; left:0px; top:-10px; width:170px; height:170px;  border-radius:170px; background:#2870a8; text-align:Center; color:#fff;}
.business_02_05_01 ul li .title .t1 {margin-top:50px; font-size:20px; }
.business_02_05_01 ul li .title .etc {font-size:14px; color:rgba(255,255,255,0.6); line-height:20px; margin-top:10px;}
.business_02_05_01 ul li dl  {margin-left:250px;}
.business_02_05_01 ul li dl dt{font-size:18px; color:#000; margin-bottom:10px;}
.business_02_05_01 ul li dl dd{font-size:15px; color:#888; line-height:20px;}




.business_04_last_wrap {overflow:hidden; }
.business_04_last_wrap .col {float:left; width:48%;}
.business_04_last_wrap .col.last {float:right;}
.business_04_last_wrap .col .title {text-align:center; font-size:20px; color:#000;}
.business_04_last_wrap .col .info {text-align:center; border:1px #ddd solid; min-height:450px; line-height:450px;}
.business_04_last_wrap .col .info img  {vertical-align:middle;}


.business_04_col_list {overflow:hidden;}
.business_04_col_list li {float:left; width:258px; height:258px;text-align:center; line-height:258px; border:1px #ddd solid; margin-right:20px; }
.business_04_col_list li.last {margin-right:0px;}
.business_04_col_list li img {vertical-align:middle;}







.business_intro .title {text-align:center; font-size:30px;  color:#000; margin-bottom:40px;}
.business_intro .title span{display:block; font-size:16px; margin-top:10px; color:#888;}
.business_intro ul.cate {overflow:hidden;}
.business_intro ul.cate li{float:left; width:222px;  height:300px; padding:40px 0px; border:1px #ddd solid; margin-right:20px; text-align:center; position:relative; }

.business_intro ul.cate li.last {margin-right:0px;}
.business_intro ul.cate li .icon {height:130px; line-height:130px;}
.business_intro ul.cate li .icon img{ vertical-align:middle;}
.business_intro ul.cate li dl {margin-top:20px;}
.business_intro ul.cate li dl dt {font-size:20px; color:#000; margin-bottom:10px;}
.business_intro ul.cate li dl dd {font-size:13px; color:#777; line-height:20px;}
.business_intro ul.cate li .btn {position:absolute; width:100%; left:0px; bottom:20px; text-align:center; color:#000; text-decoration:underline; }



.business_intro ul.cate li:hover {background:#2870a8; border-color:#2870a8;}
.business_intro ul.cate li:hover dl dt,
.business_intro ul.cate li:hover dl dd,
.business_intro ul.cate li:hover .btn {color:#fff;}


.business_partner {margin-top:120px; margin-bottom:40px; position:relative;}

.business_partner .title {text-align:center; font-size:30px;  color:#000; margin-bottom:40px;}
.business_partner .title span{display:block; font-size:16px; margin-top:10px; color:#888;}

.business_partner ul {margin-top:30px;  overflow:hidden; text-align:center; z-index:0;}
.business_partner ul li{display:inline-block; width:380px !important; margin:0px 10px;}
.business_partner ul li .photo{height:250px; line-height:250px; border:1px #ddd solid;  text-align:center; position:relative;}
.business_partner ul li .photo img {vertical-align:middle; }
.business_partner ul li .photo span {position:absolute; right:-1px; top:-1px; padding:15px; line-height:20px; background:#2870a8; color:#fff; }
.business_partner ul li .box {padding:20px; border:1px #ddd solid; border-top:0px; background:#f8f8f8;}
.business_partner ul li .box .subject {font-size:20px; color:#000; margin-bottom:10px; border-bottom:1px #ddd dashed; padding-bottom:10px;}
.business_partner ul li .box .col {position:relative; padding-left:120px; min-height:35px; text-align:left;}
.business_partner ul li .box .col .s_title{position:absolute; left:0px; top:0px; font-size:14px; color:#999;}
.business_partner ul li .box .col .s_info{font-size:14px; color:#000;}



.business_partner .control {position:absolute; width:110%; left:-5%; top:45%; z-index:999999; }
.business_partner .control a{float:left; text-indent:-9999px; width:33px; height:67px; background:url(../images/contents/business/business_visual_side_btn.png) left top no-repeat;}
.business_partner .control a#control_next{float:right; background-position:right top;}






#daum_map {width:100%; height:350px; margin-top:45px;}


table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left}



.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;} 




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



.company_01_wrap {padding:10px; margin-bottom:60px;}

.company_01_wrap .title .icon{position:relative; left:0px; top:0px; text-align:center;}
.company_01_wrap dl {padding-left:0px; font-size:18px; margin-top:20px;}
.company_01_wrap dl dt { font-size:18px; margin-bottom:10px;}
.company_01_wrap dl dd { font-size:14px; line-height:18px;}







table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}




/*오시는길*/
.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;}


}