@charset "utf-8";

@import url(basic.css);
@import url(layout.css);
@import url(board.css);

#container{margin:0 auto; width:980px; min-height:500px; background:url(../images/common/left_bg.gif) 0 0 repeat-y;}
#container:after{content:""; display:block; clear:both;} 
 
#left_wrap{float:left; width:200px; min-height:500px;text-align:left; }
.leftmenu{}
.leftmenu dt{}
.leftmenu dd{display:block; border-bottom:1px solid #e0e0e0; vertical-align:middle; line-height:40px;}
.leftmenu dd.on{display:block; width:200px; border-bottom:1px solid #c9c9c9; vertical-align:middle; line-height:40px; border-right:1px solid #fff; background:url(../images/common/leftmenu_bl.gif) 170px 14px no-repeat; background-color:#fff; }
.leftmenu dd a{display:table-cell; width:165px; padding-left:35px; height:40px; line-height:40px; vertical-align:middle;}

.leftmenu dd ul.left_3depth{margin-bottom:5px;}
.leftmenu dd ul.left_3depth li{display:block;}
.leftmenu dd ul.left_3depth li a{display:block; height:22px; line-height:22px; vertical-align:middle}


.left_side{padding:10px;}
.left_side li{border-top:1px solid #e2e2e2; background:#fff;}
.left_side li:first-child{border-top:none;}
.left_side li a{display:table-cell; width:150px; padding-left:30px; height:60px; vertical-align:middle;}
*:first-child+html .left_side li a{display:table-cell; zoom:1;*display:inline; padding-top:15px; padding-bottom:15px; height:30px; }/*IE7 HACK*/


#right_wrap{float:right; width:730px; text-align:left;}
.visual{height:240px; width:100%; border-bottom:3px solid #333;}
.visual1{background:url(../images/intro/visual.jpg) 0 0 no-repeat;}
.visual2{background:url(../images/business/visual.jpg) 0 0 no-repeat;}
.visual3{background:url(../images/cs/visual.jpg) 0 0 no-repeat;}
.visual4{background:url(../images/recruit/visual.jpg) 0 0 no-repeat;}
.visual5{background:url(../images/sitemap/visual.jpg) 0 0 no-repeat;}

.location{padding:35px 0 50px 0;}
.location li{display:inline-block; zoom:1;*display:inline/*IE7 HACK*/;  background:url(../images/common/location_arrow.gif) 0 50% no-repeat; padding:0 7px 0 14px; height:15px; line-height:15px; vertical-align:middle;  }
.location li:first-child{background:none; padding-left:0;}
.location li a:link, .location li a:visited{color:#aaa; font-size:110%;}
.location li a:hover, .location li a:focus, .location li a:active{color:#666; font-size:110%;}




/*sub contents*/
.contents{float:left; padding:50px 0 50px 0; min-height:500px; }
.contents *{color:#888; font-size:13px; letter-spacing:-1px;}


/*회사소개*/
.history{float:left; background:url(../images/intro/history2.gif) 13px 155px no-repeat;}
.history dl{float:right; width:450px; border-bottom:1px solid #e7e7e7; padding:30px 0;}
.history dl.first_dl{border-top:1px solid #e7e7e7; margin-top:40px;}
.history dl dt{float:left; width:105px; text-align:right; vertical-align:top; padding-top:5px;}
.history dl dd{float:right; width:300px; margin-right:10px; background:url(../images/common/cont_bl.gif) 0 8px no-repeat; padding-left:8px; line-height:150%;}

.vision{}
.vision .vision1{float:left; margin-bottom:100px;}
.vision .vision1 dt{float:left;}
.vision .vision1 dd{float:left; padding-left:40px;}
.vision .vision2{float:left; text-align:center; margin-bottom:100px;}
.vision .vision2 dt{float:left; width:100%; margin-bottom:20px;}
.vision .vision2 dd{float:left; width:100%;}
.vision .vision3{float:left; position:relative; width:100%; height:270px; background:url(../images/intro/vision3_2.gif) 0 0 no-repeat;}
.vision .vision3 p{}
.vision .vision3 .cont1{position:absolute; left:20px; top:148px;}
.vision .vision3 .cont2{position:absolute; left:261px; top:88px;}
.vision .vision3 .cont3{position:absolute; left:504px; top:29px;}
.vision .vision3 dt{padding-bottom:15px;}
.vision .vision3 dd{width:190px; background:url(../images/common/cont_bl.gif) 0 8px no-repeat; padding-left:8px; line-height:150%;}

.organization{}
.organization span{display:block; padding:10px 0 50px 0;}
.organization p{display:block; width:100%; text-align:center;}
.organization p.first_p{padding-bottom:100px;}

.map{}
.map dl{height:150px; vertical-align:middle; vertical-align:middle; padding-left:130px; border-bottom:1px solid #e7e7e7; }
.map dl dt{padding-bottom:10px; }
.map dl dd{line-height:150%; vertical-align:middle;}
.map .map1{background:url(../images/intro/map2_1.gif) 0 50% no-repeat; margin-top:20px;}
.map .map1 dt{padding-top:50px;}
.map .map2{background:url(../images/intro/map3_1.gif) 0 50% no-repeat;}
.map .map2 dt{padding-top:40px;}
.map .map3{background:url(../images/intro/map4_1.gif) 0 50% no-repeat;}
.map .map3 dt{padding-top:40px;}
.map .map3 dd{float:left; width:250px;}
.map span{display:inline-block; width:32px; height:16px; line-height:16px; color:#fff; vertical-align:middle; text-align:center; font-size:85%;}
.map .bus1{background:url(../images/intro/map4_bus1.gif) 0 0 no-repeat;}
.map .bus2{background:url(../images/intro/map4_bus2.gif) 0 0 no-repeat;}
.map .bus3{background:url(../images/intro/map4_bus3.gif) 0 0 no-repeat;}
.map .bus4{background:url(../images/intro/map4_bus4.gif) 0 0 no-repeat;}



/*사업영역*/
.kind{float:left; width:730px; height:800px; position:relative; background:url(../images/business/kind1.gif) 34px 37px no-repeat;}
.kind dl{position:absolute;}
.kind dl dt{padding-bottom:5px;}
.kind .cont1{left:495px; top:0;}
.kind .cont2{left:495px; top:140px;}
.kind .cont3{left:0px; top:390px;}
.kind .cont4{left:0px; top:570px;}
.kind .cont4 strong{display:block; color:#e86161; }
.kind dd{width:250px; background:url(../images/common/cont_bl.gif) 0 8px no-repeat; padding-left:8px; line-height:150%;}
.kind .cont4 dd{float:left; background:none; padding:0;}
.kind .cont4 dd+dd{margin-bottom:10px;}
.kind .cont4 span{display:block; background:url(../images/common/cont_bl.gif) 0 8px no-repeat; padding-left:8px; line-height:150%;}

.solution_car{}
.solution_car p{display:block; width:100%; text-align:center;}
.solution_car p img{padding-top:50px;}

.solution_remote{width:730px; }
.solution_remote .info1{height:580px; display:block; background:url(../images/business/solution_remote2.gif) 50% 30px no-repeat;padding-left:520px; padding-top:290px;}
.solution_remote .info1 dt{padding-bottom:5px;}
.solution_remote .info1 dd{ background:url(../images/common/cont_bl.gif) 0 8px no-repeat; padding-left:8px; line-height:150%;}

.solution_remote ul{margin-top:10px; padding-bottom:50px;}
.solution_remote ul li{color:#777;}
.solution_remote ul li.point1{ background:url(../images/business/solution_remote51.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point2{ background:url(../images/business/solution_remote52.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point3{ background:url(../images/business/solution_remote53.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point4{ background:url(../images/business/solution_remote510.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point5{ background:url(../images/business/solution_remote55.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point6{ background:url(../images/business/solution_remote56.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point7{ background:url(../images/business/solution_remote57.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point8{ background:url(../images/business/solution_remote58.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point9{ background:url(../images/business/solution_remote59.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li.point10{ background:url(../images/business/solution_remote54.gif) 35px 50% no-repeat;background-color:#f9f9f9; }
.solution_remote ul li{ border:1px solid #e8e8e8; border-top:none; border-left:none; margin-bottom:15px; padding:30px 50px 30px 155px; }
.solution_remote ul li strong{display:block; color:#444; font-size:140%; padding-bottom:10px;}

.solution_remote .info_ex_wrap{margin-top:10px; position:relative; display:block; }
.solution_remote .info_ex_wrap:after{content:""; display:block; clear:both;} 
.solution_remote .info_ex_wrap dl{float:left; border:1px solid #ddd; width:348px; height:190px; margin-top:200px;}
.solution_remote .info_ex_wrap dt{height:50px; line-height:50px; text-align:center; font-size:130%; color:#fff; background:#656f78; }
.solution_remote .info_ex_wrap dd{padding:10px; padding-left:18px; background:url(../images/common/cont_bl.gif) 10px 18px no-repeat;}
.solution_remote .info_ex_wrap p{position:absolute; width:350px; height:200px;}
.solution_remote .info_ex_v1{left:0; top:0; background:url(../images/business/solution_remote71.gif) 0 0 no-repeat;}
.solution_remote .info_ex_v2{right:0; top:0; background:url(../images/business/solution_remote72.gif) 0 0 no-repeat;}
.solution_remote .info_ex_v3{left:15px; top:420px; background:url(../images/business/solution_remote73.gif) 0 0 no-repeat;}
.solution_remote .info_ex_wrap .info_ex1{}
.solution_remote .info_ex_wrap .info_ex2{float:right;}
.solution_remote .info_ex_wrap .info_ex3{margin-top:30px; float:right; }


.solution_auto{}
.tit{clear:both; text-align:left; width:100%; margin-top:50px;}
.cont_left{text-align:left; margin-top:10px; padding-bottom:0px;}
.cont_center{ position:relative;text-align:center; margin-top:10px; padding-bottom:0px;}
.cont_center img, .cont_left img{padding-bottom:50px; z-index:1;}
.solution_auto dl{float:left; width:335px;}
.solution_auto dt{padding-bottom:5px;}
.solution_auto strong{display:block; color:#e86161;}
.solution_auto span{display:block; background:url(../images/common/cont_bl.gif) 0 8px no-repeat; padding-left:8px; line-height:150%;}
.solution_auto .cont1{border-right:1px solid #e7e7e7; margin-right:30px;}
.solution_auto .cont2 dd{display:block; background:url(../images/common/cont_bl.gif) 0 8px no-repeat; padding-left:8px; line-height:150%;}


.solution_traffic{}
.solution_traffic .txt1{ margin-top:10px; margin-bottom:20px;}
.solution_traffic .txt1 li{background:url(../images/common/cont_bl.gif) 0 8px no-repeat; padding-left:8px;}
.solution_traffic .cont1{margin-top:10px; padding-bottom:50px;}
.solution_traffic .cont1 li{width:100%;  text-align:center; margin-bottom:10px;}
.solution_traffic .cont1 li:nth-child(2){margin-bottom:30px;}
.solution_traffic .cont2{display:block;float:left;  padding-bottom:50px;}
.solution_traffic .cont2 li{float:left; width:50%; height:280px;}
.solution_traffic .cont2 li img:first-child{margin-bottom:10px;}
.imgTxt{position:absolute; bottom:50px; display:block; width:100%;  z-index:10; }



/*제품*/
.product_cont, .product_terminal, .product_control, product_allinone, .product_table{width:730px;}
.product_cont p{display:block; width:100%; text-align:center;}
.product_cont p img{padding-top:50px;}
.product_cont ul{margin-top:20px;}
.product_cont ul li{font-size:120%; color:#999;}


.product_table{border-top:1px solid #818181; border-bottom:1px solid #818181; margin-top:30px;}
.product_table th{background:#f7f7f7; font-weight:bold; color:#333; }
.product_table th, .product_table td{padding:10px 0;}
.product_table th:first-child, .product_table td.tit_td{border-right:1px solid #d3d3d3; text-align:center;}
.product_table td.tit_td{font-weight:bold;}
.product_table td{border-top:1px solid #d3d3d3; padding-left:10px; padding-right:10px; color:#666;}





.sitemap{margin-top:-40px;}
.sitemap dl{display:block; padding:40px 0; border-bottom:1px solid #ddd;}
.sitemap dt{display:table-cell; zoom:1;*display:inline;/*IE7 HACK*/  width:130px; padding-right:20px; text-align:right; }
.sitemap dt a{font-size:150%; color:#db3030; font-weight:bold;}
.sitemap dd{display:table-cell; zoom:1;*display:inline;/*IE7 HACK*/ width:120px; background:url(../images/sitemap/bl.gif) left 5px no-repeat; text-align:center;}
.sitemap dd.first_dd{background:none;}
.sitemap dd a{text-align:center; font-size:120%; font-weight:bold; color:#555;  } 
.sitemap dd ul{padding-top:5px;}
.sitemap dd ul li{display:block; width:100px; text-align:left; padding-top:5px;}
.sitemap dd ul li a{font-size:100%; padding-left:20px; font-weight:normal; color:#888;}
.sitemap a:hover{text-decoration:underline;}


.tab{clear:both; width:100%; margin-bottom:50px;}
.tab li{display:table-cell; zoom:1;*display:inline;/*IE7 HACK*/ height:66px; border-right:1px solid #fff;  }
.tab li.on{background:url(../images/common/tab_arrow.gif) 50% bottom no-repeat;}
.tab li a{display:table-cell; width:160px; height:60px; color:#656565; vertical-align:middle; text-align:center; font-size:130%; background:#dbdbdb; }
.tab li.on a{color:#fff; background:#434a52;}