@charset "utf-8";
/* CSS Document */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

body{font-family: '나눔고딕','Nanum Gothic','돋움','Dotum'; margin:0;padding:0;}
*{margin:0;padding:0;}
ul li{list-style-type:none;}
img{border:0;} 
a{text-decoration:none;color:#999;}

/* 푸터 */
.footer_box{ width:100%; height:137px; background:#f5f5f5; border-top:1px solid #d7d7d7;}
.footer {width:1000px; margin:0 auto; text-align:left; padding:20px 0;}
.address li {font-size: 13px; list-style:none; line-height:1.8; color:#222; letter-spacing:0.2px; font-family:'nanumgothic';}
.address{margin-left:20px;}

/*오시는길*/
.map .map_img{margin-left:10px; margin-bottom:30px;}
.map table{margin-left: 35px; margin-bottom: 70px;}
.map table.contact td.icon {width:50px;}
.map table.contact th {text-align:left; width:70px; font-weight:600;}
.map table.contact th, .sub table.contact td {padding:5px 0; vertical-align:top; line-height:1.6;}	

/*회사소개*/
.sub .company_img {width:730px; height:115px; background:url(/USER_DATA/utkorea/content/editor/img/content1.jpg) no-repeat 0 0; margin:30px 20px; }
.sub .company_img p.company {text-align:left; font-size:17px; font-weight:600; line-height:1.7; letter-spacing:-0.5px color:#000000; padding-top:30px; margin-left:46px;}
.sub p.company_img2 {padding-left:70px; margin-top:50px; margin-bottom:70px;}
.sub p.com_title{font-weight:600; font-size:17px; padding: 10px 0; margin-left:10px;}
.sub table.com_info{margin-left:10px;}
.sub table.com_info td.com_img{vertical-align:top;}
.sub table.com_info td{padding:10px 0 10px 5px; }
.sub table.com_info ul.com_tt{list-style:circle; width:650px; line-height:1.5; padding-left:30px;}
.sub ul.com_tt3 li p.com_tt2{list-style:circle; font-weight:600;}
.sub ul.com_tt li{list-style:circle; width: 580px; }
.sub table.com_info ul.com_tt3{list-style:circle; width:650px; line-height:1.5; padding-left:30px; }
.sub ul.com_tt3 li{list-style:circle; width: 580px; padding-bottom:20px; }

/*연혁*/
.sub .his_box{margin:40px 0;}
.sub .his_box .history1{display:inline;}
.sub .his_box .his_box .history2{display:inline;  }
.sub .his_box .history3{display:inline;  }
.sub .his_box .history4{display:inline; }
.sub .his_box .history5{display:inline;}
.sub .his_box .history6{display:inline;  }
.sub .his_box .history7{display:inline; }
.sub .his_box .history8{display:inline; }
.sub .his_box ul.history{width:400px; font-size:15px; color:#333; line-height:1.7; padding:20px 0px 50px;}
.sub .his_box ul.his2{width:400px; font-size:13px; colorL#333; padding: 0 8px;}

.sub .his_box .history1 h3 span{width:410px; height:23px; display:inline-block; background:#ff8a00;  color:#fff;  border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-bottom-left-radius : 4px; padding-left:20px; }
.sub .his_box .history1 h3{font-size:17px; letter-spacing:-1px; display:inline-block;  color:#53a8e4; font-weight:700; letter-spacing:0.5px;  }

.sub .his_box .history2 h3 span{width:410px; height:23px; display:inline-block; background:#6b2ea3;  color:#fff;  border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-bottom-left-radius : 4px;  padding-left:20px; }
.sub .his_box .history2 h3{font-size:17px; letter-spacing:-1px; display:inline-block;  color:#53a8e4; font-weight:700; letter-spacing:0.5px; }

.sub .his_box .history3 h3 span{width:410px; height:23px; display:inline-block; background:#153c7f;  color:#fff;  border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-bottom-left-radius : 4px; padding-left:20px;}
.sub .his_box .history3 h3{font-size:17px; letter-spacing:-1px; display:inline-block;  color:#53a8e4; font-weight:700; letter-spacing:0.5px; }

.sub .his_box .history4 h3 span{width:410px; height:23px; display:inline-block; background:#b78edd;  color:#fff;  border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-bottom-left-radius : 4px; padding-left:20px; }
.sub .his_box .history4 h3{font-size:17px; letter-spacing:-1px; display:inline-block;  color:#53a8e4; font-weight:700; letter-spacing:0.5px; }

.sub .his_box .history5 h3 span{width:410px; height:23px; display:inline-block; background:#ffaf68;  color:#fff;  border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-bottom-left-radius : 4px; padding-left:20px; }
.sub .his_box .history5 h3{font-size:17px; letter-spacing:-1px; display:inline-block;  color:#53a8e4; font-weight:700; letter-spacing:0.5px; }

.sub .his_box .history6 h3 span{width:410px; height:23px; display:inline-block; background:#6290dd;  color:#fff;  border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-bottom-left-radius : 4px; padding-left:20px;}
.sub .his_box .history6 h3{font-size:17px; letter-spacing:-1px; display:inline-block;  color:#53a8e4; font-weight:700;letter-spacing:0.5px;  }

.sub .his_box .history7 h3 span{width:410px; height:23px; display:inline-block; background:#b78edd;  color:#fff;  border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-bottom-left-radius : 4px; padding-left:20px;}
.sub .his_box .history7 h3{font-size:17px; letter-spacing:-1px; display:inline-block;  color:#53a8e4; font-weight:700; letter-spacing:0.5px; }

.sub .his_box .history8 h3 span{width:410px; height:23px; display:inline-block; background:#ffaf68;  color:#fff;  border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 4px; border-bottom-left-radius : 4px; padding-left:20px;}
.sub .his_box .history8 h3{font-size:17px; letter-spacing:-1px; display:inline-block;  color:#53a8e4; font-weight:700;letter-spacing:0.5px;  }




/*제품소개 구성*/
.sub2 h2{font-size:21px; font-weight:600; padding-top:10px; margin-left:10px;  margin-bottom:10px;}
.sub2 p.title{font-size:15px; font-weight: 600;  line-height: 1.7; padding:10px 10px;}
.sub2 table.pro{margin: 30px 0;}
.sub2 td.pro_img1{width:241px; height:468px; background:url(/USER_DATA/utkorea/content/editor/img/pro1.jpg) no-repeat 0 0;}
.sub2 td.pro_img2{width:241px; height:468px; background:url(/USER_DATA/utkorea/content/editor/img/pro2.jpg) no-repeat 0 0;}
.sub2 td.pro_img3{width:241px; height:468px; background:url(/USER_DATA/utkorea/content/editor/img/pro3.jpg) no-repeat 0 0;}
.sub2 p.tit1{font-size:13px; color:#333; margin:-160px 0 0 35px; line-height:1.7;}
.sub2 p.tit2{font-size:13px; color:#333; margin:-160px 0 0 29px; line-height:1.7;}
.sub2 p.tit3{width:225px; font-size:13px; color:#333; margin:-160px 0 0 24px; line-height:1.7;}
.sub2 p.cont1{font-size:13px; color:#333; margin:0 0 20px 35px; line-height:1.4;}
.sub2 p.cont2{font-size:13px; color:#333; margin:0 0 20px 45px;line-height:1.4}
.sub2 p.cont3{font-size:13px; color:#333; margin:0 0 20px 27px;line-height:1.4}


/*제품소개 특징*/
.sub2 .sub_box2{padding-bottom:70px;}
.sub2 .pr_char01 {width:530px; height:185px; margin: 15px 10px; background:url(/USER_DATA/utkorea/content/editor/img/sub_pr_bg1.jpg) no-repeat 0 0;}
.sub2 .pr_char02 {width:530px; height:170px; margin: 15px 10px; background:url(/USER_DATA/utkorea/content/editor/img/sub_pr_bg2.jpg) no-repeat 0 0;}
.sub2 .pr_char03 {width:530px; height:310px; margin: 15px 10px; background:url(/USER_DATA/utkorea/content/editor/img/sub_pr_bg3.jpg) no-repeat 0 0;}
.sub2 .pr_char04 {width:530px; height:223px; margin: 15px 10px; background:url(/USER_DATA/utkorea/content/editor/img/sub_pr_bg4.jpg) no-repeat 0 0;}
.sub2 p.pr_tit {color:#FFF; font-weight:700; font-size:19px; letter-spacing:1.8px; width:130px; float:left; text-align:left; font-weight:600; padding:13px 33px;}
.sub2 ul.pr_tt {font-size:15px; color:#000; line-height:1.4; width:510px; float:left; padding:9px 0 0 15px;}
.sub2 ul.pr_tt2 {font-size:13px; color:#333; line-height:1.4; width:410px; float:left; padding:0 25px;}
.sub2 ul.pr_tt2 li{list-style:none; padding: 3px 0 ; width: 420px; }

/*제품소개 첫페이지 종류*/
.sub2 div.kind_img {width:740px; height:520px; background:url(/USER_DATA/utkorea/content/editor/img/kind_img.png) no-repeat 0 0; margin-top:20px 0 ;}
.sub2 div.kind1 {width:220px; text-align:left; padding:140px 0 0 236px;}
.sub2 div.kind2 {width:240px; text-align:left; float:left; padding:170px 0 0 97px;}
.sub2 div.kind3 {width:220px; text-align:left; float:left; padding:170px 0 0 37px;}
.sub2 div.kind_img h6 {font-size:21px; font-weight:600; margin-bottom:18px; color:#fff; float:none;}
.sub2 div.kind_img p {font-size:15px; line-height:1.5; letter-spacing:-0.5px; color:#FFF;}
      


/*무인계수시스템의 종류*/
.sub h2{font-size:21px; font-weight:600; padding-top:10px; margin-left:10px;  margin-bottom:10px;}
.sub p.title{font-size:15px; font-weight: 600;  line-height: 1.7; padding:10px 10px;}
.sub ul.pro li { font-size:15px; color:#333; line-height:1.7; list-style: circle; margin-left:40px; padding: 0 0;}
.sub .ut01{padding-bottom:70px;}
.sub div.ex{margin-left:23px; padding:10px 0 10px 0;}
.sub ul.pro{width:670px;}

/*보안프로그램*/
.sub2 h2{font-size:21px; font-weight:600; padding-top:10px; margin-left:10px;  margin-bottom:10px;}
.sub2 p.title1{font-size:17px; font-weight: 600;  line-height: 1.7; padding:10px 10px;}
.sub2 ul.pro li { font-size:15px; color:#333; line-height:1.7; list-style: circle; margin-left:40px; padding: 0 0;}
.sub2 .ut01{padding-bottom:70px;}
.sub2 div.ex{margin-left:23px; padding:10px 0 30px 0;}
.sub2 ul.pro{width:670px;}
.sub2 ul.pro1 li { font-size:15px; color:#333; line-height:1.7; list-style: none; margin-left:20px; padding: 0 0;}
.sub2 ul.pro1_tt li { font-size:15px; color:#333; line-height:1.5; list-style: none; margin-left:21px; padding: 0 0; }


/*설치사례*/
.sub table.case{width:510px; margin-left:10px; padding-bottom: 50px; padding-top:30px; margin-bottom:70px;}
.sub table.case td p.ca_title {width:180px; font-size:15px; font-weight:600; color:#2f2f2f; line-height:1.4; padding: 0 0;  margin-left:10px; }
.sub table.case td p.ca_tt {width: 330px; font-size:13px; color:#333; line-height:1.4; margin-left:10px;}
.sub p.content {font-size:17px; font-weight:600; color:#000; margin-left:10px; padding: 0 0 70px 0;}

/*견적문의*/
.sub .contact_img {width:662px; height: 405px; background:url(/USER_DATA/utkorea/content/editor/img/contact.jpg) no-repeat 0 0; padding: 10px 0 70px 10px;}
.sub p.contact_tt {text-align:center; font-size:27px; color:#F60; font-weight:600; line-height:1.1; padding:308px 0 0 0; margin-left:-15px;}

/*인사말*/
.sub div.greet_title {text-align:center; margin:50px 0 20px 0;; font-weight:700; font-size:21px; line-height:1.3; padding-top:8px; color:#ff6000; font-family:'nanummyeongjo'; }
.sub .int_img{margin-left:200px;}
.sub div.int_text{margin:30px 20px; width:670px;}
.sub div.int_text p.int_tt{font-size:15px; color:#333; line-height:150%; margin-bottom:20px;}
.sub div.int_text p.right span.name{text-align:right; font-weight:600; line-height:1.5; margin-top:25px; letter-spacing:0.5px; padding-bottom:70px; font-size:21px; font-family:'nanummyeongjo'; }
.sub div.int_text p.right{font-weight:600; margin-left:450px;}