@charset "utf-8";

/* 공통및 절대적인... */
.none {display:none;}
.blind {display: block;overflow: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;border: 0;background: none;font-size: 0;line-height: 0;}
sub {font-size:10px;line-height: 8px;}

/* 기본구조 */

#wrap {position:relative;min-width:1000px;background:#ecf0f5;}


.nav {overflow:hidden;}
.nav:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.nav li {border-top:1px solid #242552;}
.nav .dep1>a {display:block;padding:10px 0 10px 14px;font-size:13px;color:#fff;font-weight:600;text-transform: uppercase;background:#3345b2;}
.nav .dep1.current>a{color:#bbe2ff;font-weight:900;}
.nav .dep1 li a {display:block;padding:8px 0 8px 37px;font-size:14px;color:#fff;background:url(/images/comm/dep2_arr.png) no-repeat 24px 50%;}
.nav .dep1 li.current a {color:#bbe2ff;font-weight:900;}


.container {margin:0 auto;width:1000px;}
.container:after {display:block;visibility:hidden;clear:both;height:0;content:'.'} 
.snb {float:left;width:220px;background:#223479;}
.main_content {float:left;width:780px;}

.util {overflow:hidden;}
.util li {float:left;width:72px;padding:5px 0 5px;text-align:center;background:#5564c2;}
.util li.li02 {width:76px;background:#4150a5;}
.util li a {font-size:11px;font-weight:600;color:#fff;text-transform: uppercase;}


.main_visual {}
.main_product {overflow:hidden;background:#fff;}
.main_product li {float:left;padding:20px 0 0;width:260px;height:405px;text-align:center;}
.main_product li.li02 {background:#f8f8f8;}
.main_product .name {margin:10px 0 5px;font-size:24px;line-height:26px;color:#333;font-weight:900;}
.main_product .name_s {margin:0 0 35px;font-size:14px;color:#333;}
.main_product .desc {margin:0 0 20px;padding-left:30px;text-align:left;font-size:12px;line-height:21px;}
.main_product .more {}

.sitemap {}
.sitemap-list {overflow:hidden;margin:0 auto;padding:30px 0 30px 35px;width:965px;color:#f3f3f3;background:#919cd4;}
.sitemap-list>li {float:left;}
.sitemap-list .li01 {width:150px;}
.sitemap-list .li02 {width:585px;}
.sitemap-list .li03 {width:110px;}
.sitemap-list .li04 {width:110px;}
.sitemap-list h4 {margin:0 0 15px;}
.sitemap-list h4 a {color:#010101;font-size:14px;font-weight:600;text-transform:uppercase;}
.sitemap-list .li02 li {float:left;margin:0 0 30px;width:110px;}
.sitemap-list .li02 li:first-child {width:460px;}
.sitemap-list .li02 li ul {padding:5px 0 0;}
.sitemap-list .li02 li li {float:none;margin:0;width:auto;padding-left:10px;}
.sitemap-list a {color:#f3f3f3}

#footer {overflow:hidden;margin:0 auto;padding:20px 0 30px;width:1000px;}
#footer .logo {float:left;width:200px;}
#footer .foot_info {float:left;width:600px;color:#333;font-size:12px;line-height:18px;}
#footer .foot_info .copy {padding:5px 0 0;color:#666;}
#footer .pro_links {clear:both;padding:10px 0 0;}
#footer .pro_links a {display:inline-block;margin:0 0 2px 5px;padding-left:8px;font-size:12px;line-height:12px;font-weight:600;color:#333;border-left:1px solid #ddd;}
#footer .pro_links a:first-child {margin:b;padding:0;border-left:none;}
#footer .gobiz {float:right;}

/* sub layout */
#wrap.sub_bg {background:#ecf0f5 url(/images/sub/sub_bg.png) no-repeat 50% 0;}

.contents {float:right;padding:0 20px 100px;width:740px;min-height:700px;font-size:13px;line-height:18px;color:#333;background:#fff;}
.titleArea {margin:0 0 30px;padding:35px 0 0;}
.titleArea h3 {padding:13px 0 13px;font-size:21px;line-height:24px;color:#010101;font-weight:600;border-top:1px solid #666;border-bottom:2px solid #666;}
.titleArea .path {padding:0 0 10px;font-size:11px;line-height:18px;text-align:right;}
.titleArea .path .arr {padding:0 4px;color:#ccc;font-size:10px;}

.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pt50 {padding-top:50px !important;}
.ml0 {margin-left:0px !important;}
.ml88 {margin-left:88px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.fl {float:left;}
.fr {float:right;}
.fixed:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.fixed{display:block}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vm {vertical-align:middle;}
.f_bold {font-weight:600;}
.text_f_none {text-transform: none !important;}
.c_black {color:#333;}
.c_blue {color:#2e3192;}
.c_orange {color:#ff7200;}
.dotline {display:block;margin:0 0 20px;border:none;border-top:1px dashed #ccc;}
.ing_area {padding:90px 0 0;text-align:center;}

.box_gray {padding:15px 25px;background:#f7f7f7;}
.txt_b01 {margin:0 0 15px;font-size:18px;line-height:24px;color:#000;font-weight:600;}
.txt_b02 {margin:0 0 10px;font-size:14px;line-height:24px;color:#010101;font-weight:900;}

.stit_t01 {margin:0 0 10px;padding:2px 0 2px 0;width:170px;text-align:center;color:#fff;background:url(/images/sub/stit_t01_bg.gif) no-repeat 0 0;} 
.stit_t02 {margin:0 0 10px;padding:3px 0 4px 0;width:155px;padding-left:18px;color:#fff;font-weight:900;background:url(/images/sub/stit_t02_bg.gif) no-repeat 0 0;}
.stit_t03 {margin:0 0 10px;padding:2px 0 12px 18px;font-size:18px;font-weight:900;color:#333;border-bottom:2px solid #bbb;background:url(/images/sub/bul01.gif) no-repeat 0 0;} 

.stit_t04 {margin:0 0 10px;padding:0 0 15px 20px;font-size:18px;line-height:26px;color:#222;font-weight:900;text-transform:uppercase;border-bottom:1px solid #666;background:url(/images/sub/bul03.gif) no-repeat 0 2px;} 
.stit_t04 a {color:#222;}

.list_t01 li {margin:0 0 3px;padding:5px 0 5px 15px;color:#000;background:url(/images/sub/bul02.png) no-repeat 0 12px;}


.greetings {margin:0 0 35px;padding:310px 0 0;background:url(/images/sub/greetings_img01.jpg) no-repeat 0 0;}
.history_list li {position:relative;padding:10px 0 11px 133px;font-size:14px;background:url(/images/sub/history_bar.gif) no-repeat 0 100%;}
.history_list li .date {position:absolute;top:10px;left:0;width:100px;text-align:center;}
.certification {overflow:hidden;}
.certification li {float:left;margin-left:32px;height:420px;text-align:center;}
.certification li .name {padding:15px 0 0;}
.map {margin:0 0 30px;}
.contact_info li {position:relative;margin:0 0 10px;padding-left:105px;}
.contact_info li .stit {position:absolute;top:0;left:0;font-weight:900;color:#000;}
.contact_info02 li {position:relative;margin:0 0 10px;padding-left:135px;}
.contact_info02 li .stit {position:absolute;top:0;left:0;font-weight:900;color:#000;}
.product_list {overflow:hidden;}
.product_list li {float:left;margin-left:20px;padding:30px 0;width:170px;text-align:center;}
.product_list li .name {padding:15px 0 0;}
.pro_dotline {border-bottom:1px dotted #bbb;}
.underground-pc_weighing_system01 {overflow:hidden;margin:0 0 50px;}
.underground-pc_weighing_system01 .fr {width:470px;}
.product_list02 {margin:0 0 50px;}
.product_list02 li {margin:0 0 5px;color:#333;}
.product_list03 {overflow:hidden;}
.product_list03 li {float:left;margin:0 0 0 12px;width:220px;height:210px;text-align:center;color:#000;}
.product_list03 li .name {padding:5px 0 0;font-size:12px;line-height:16px;}
.indicator01 {overflow:hidden;margin:0 0 50px;}
.indicator01 .fr {width:335px;}
.installation_process {overflow:hidden;}
.installation_process li {float:left;margin:0 0 0 10px;width:240px;height:220px;}
.installation_process li .name {padding:5px 0 0;}
.vehicle_number_recognition_system01 {overflow:hidden;margin:0 0 50px;}
.vehicle_number_recognition_system01 .fr {width:530px;}
.vehicle_number_recognition_system02 {overflow:hidden;}
.vehicle_number_recognition_system02 .fr {width:405px;}
.stit_bul01 {margin:0 0 3px;padding:5px 0 5px 12px;color:#000;background:url(/images/sub/bul04.gif) no-repeat 0 12px;}

.data_a {margin:0 0 20px; border-collapse: collapse;}
.data_a tr:first-child th, .data_a tr:first-child td {border-top:1px solid #2589f5;}
.data_a th {padding:10px 0 10px;text-align:center;vertical-align:top;font-size:13px;color:#222;font-weight:400;border:1px solid #dbdbdb;background:#f3f3f3;}
.data_a tbody th {padding:10px 0 10px 35px;text-align:left;}
.data_a td {padding:10px 0 10px 35px;text-align:left;vertical-align:top;font-size:13px;color:#222;border:1px solid #dbdbdb;}
.data_a td.ac {padding:10px 0 10px;}
.data_a.td_p10 td {padding-left:10px;}
.data_a.td_ac td {padding:10px 0 10px;text-align:center;}
.data_a.td_ac td.al {padding:10px 0 10px 35px;text-align:left;}

.data_b {border-top:1px solid #3345b2;}
.data_b th {padding:10px 0 10px;text-align:center;vertical-align:top;font-size:13px;color:#222;font-weight:400;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background:#f3f3f3;}
.data_b td {padding:10px 0 10px 20px;text-align:left;vertical-align:top;font-size:13px;color:#222;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.data_b th:first-child, .data_b td:first-child {border-left:none;}


.sitemap_list01 {overflow:hidden;margin:0 0 60px;}
.sitemap_list01 li {float:left;margin-left:20px;padding:15px 0 5px;width:360px;font-size:14px;border-bottom:1px dotted #ccc;}
.sitemap_list01 a:hover {color:#2e3192;}

.sitemap_list02 {overflow:hidden;margin:0 0 60px;}
.sitemap_list02 li {overflow:hidden;padding:20px 0;border-bottom:1px dotted #ccc;}
.sitemap_list02 li h5 {float:left;width:90px;}
.sitemap_list02 li ul {float:left;width:570px;}
.sitemap_list02 li li {margin:0 0 5px;padding:0;border-bottom:none;}
.sitemap_list02 a:hover {color:#2e3192;}



.sitemap_con {overflow:hidden;}
.sitemap_con li {margin:0 0 50px;}
.sitemap_con li h4 {margin:0 0 20px;padding:0 0 0 15px;font-size:18px;color:#222;font-weight:900;border-left:5px solid #f2064a;}
.sitemap_con li ul {overflow:hidden;padding:15px 0 0;border-top:1px solid #666;}
.sitemap_con li li {float:left;margin:0;padding:10px 0;width:365px;margin-left:30px;border-bottom:1px dotted #ccc;}
.sitemap_con li li a {display:block;font-size:13px;color:#666;}
.sitemap_con li li a:hover {color:#f2064a;t}
.sitemap_con li.st03 li a {display:inline-block;}