@charset "utf-8";
#accessibility { position:absolute;visibility:hidden;height:0;line-height:0;font-size:0; }
#all{background:url(/images/index/bg_main.jpg) center top no-repeat;min-width:1000px;}
#sub_all{background:url(/images/common/common_nc/sub_bg.jpg) center top no-repeat;min-width:1000px;}

/* 전체 감싸기 */
#wrap{ width:100%;margin:0 auto;}

#header_wrap{background:#fff url(/images/common/common_nc/header_bg.gif)repeat-x; border-bottom:1px solid #d2d2d2;}

/* 헤더 : 로고, 탑메뉴, 글로벌메뉴, 전체메뉴, 검색  */
#header {position:relative; width:960px;height:250px;margin:0 auto; }
#header .global{ height:30px; font-size:11px;  margin-bottom:10px}
#header .global li{float:right; line-height:32px;}
#header .global li a{display:block;color:#636363; font-family:'돋움'; font-size:11px}
#header .global li span{padding:0px 10px; color:#d3d3d3}
#header .global li img{padding-top:7px;}
#header .cas_logo{float:left; padding-top:15px; width:210px;}
#header .top_tel{float:right; padding-top:20px; padding-right:8px;}

#header #search{float:left; background:#fff;  border:4px solid #214c9c; width:430px;height:40px; }
#header #search input{border:0;background:none; width:380px; height:32px;margin-top:4px; margin-left:4px;}
#header #search button{border:0;background:none;float:right; margin:8px 8px 0;}

#header #gnb {float:left;margin-top:38px;}
#header #gnb li{ float:left; }
#header #gnb li a{padding:5px 45px;color:#fff; font-weight:bold;font-size:14px;}
#header #gnb li ul li a{ padding:5px 30px;color:#395277; font-size:13px;}
#header #gnb li ul li a:hover{color:#0c4da2; text-decoration:none;}
#header #gnb li a:hover{color:#ffe347; text-decoration:none;}

.Electronicscale{position:absolute;top:205px;}
.item_cate1{  position:absolute; left:50%;  margin-left:-480px; top:250px; z-index:150;  padding:30px 20px 5px; background:#fff; border:1px solid #0c4da2;}
.item_cate1 div{width:910px; display:inline-block; padding-bottom:10px; *zoom:-1;}
.item_cate1 div a{font-size:12px; font-weight:bold; }
.item_cate1 div.top{height:auto;text-align:left;}
.item_cate1 span.item_cate_close{position:absolute; top:19px; right:14px;}
.item_cate1 div ul li{position:relative; left:0; top:0; _height:1%;}
.item_cate1 div li{float:left; width:200px; margin-right:24px;height:34px; }
.item_cate1 div li  dl{ position:absolute; top:-12px; left:100px; z-index:150; width:160px; padding:10px; border:1px solid #aaa; background:#fafafa;}
.item_cate1 div li  dl dt{ height:28px; padding:0 0 0px 1px; font-weight:bold; text-align:left; color:#424242;  border-bottom:1px solid #d0d0d0; }
.item_cate1 div li  dl dt span{display:block; position:absolute; left:-5px; top:16px; z-index:100; width:5px; height:7px; }
.item_cate1 div li  dl dt a:hover{color:#0c4da2;  font-weight:bold; }
.item_cate1 div li  dl dd{width:140px; height:auto; background: url(/images/common/common_nc/grey_dot.jpg)no-repeat 0 12px; padding-left:4px; }
.item_cate1 div li  dl dd a{display:block; width:150px; height:22px; padding:4px 5px 0; font-weight:normal; font-size:12px; }
.item_cate1 div li  dl dd a:hover{color:#0c4da2;  font-weight:bold; }

.item_cate2{  position:absolute; left:50%;  margin-left:-480px; top:250px; z-index:150;  padding:30px 20px 5px; background:#fff; border:1px solid #000;}
.item_cate2 div{width:910px; display:inline-block; padding-bottom:10px; *zoom:-1;}
.item_cate2 div a{font-size:12px; font-weight:bold; }
.item_cate2 div.top{height:auto;text-align:left;}
.item_cate2 span.item_cate_close{position:absolute; top:19px; right:14px;}
.item_cate2 div ul li{position:relative; left:0; top:0; _height:1%;}
.item_cate2 div li{float:left; width:200px; margin-right:24px;height:34px; }
.item_cate2 div li  dl{ position:absolute; top:-12px; left:100px; z-index:150; width:190px; padding:10px; border:1px solid #aaa; background:#fafafa;}
.item_cate2 div li  dl dt{ height:28px; padding:0 0 0px 1px; font-weight:bold; text-align:left; color:#424242;  border-bottom:1px solid #d0d0d0; }
.item_cate2 div li  dl dt span{display:block; position:absolute; left:-5px; top:16px; z-index:100; width:5px; height:7px; }
.item_cate2 div li  dl dt a:hover{color:#0c4da2;  font-weight:bold; }
.item_cate2 div li  dl dd{width:140px; height:auto; background: url(/images/common/common_nc/grey_dot.jpg)no-repeat 0 12px; padding-left:4px; }
.item_cate2 div li  dl dd a{display:block; width:150px; height:22px; padding:4px 5px 0; font-weight:normal; font-size:12px; }
.item_cate2 div li  dl dd a:hover{color:#0c4da2;  font-weight:bold; }

#main_visual_wrap {width:100%; padding:0px;  background:#f0f0f0;}

/* 메인 */
#main_container {position:relative; width:960px; margin:0 auto; padding-bottom:40px; }

/* visual */

.electronic_scale img{width:470px; height:180px; border:1px solid #d6d6d6; margin-top:8px;}
 
.m_title1 {font-size:15px; margin:30px 0px 10px; font-weight:500; }
.m_title1 span{font-size:25px; font-style:italic;  color:#fe520f;margin-right:10px; font-weight:bold;}
.m_title2 {font-size:15px; margin:30px 0px 10px; font-weight:500; }
.m_title2 span{font-size:25px; font-style:italic; color:#0c4da2; margin-right:10px; font-weight:bold;}
.m_title3 {background:url(/images/common/common_nc/list_01.png)  no-repeat;  background-position:left center;  padding-left:20px; font-size:18px; margin:30px 0px 10px; font-weight:bold; }

#quick_wrap {position:relative; width:1000px; margin:0px auto; ;}
#quick_wrap .quick_cas {float:left; padding-bottom:42px}
#quick_wrap .quick_cas select{width:210px; height:38px; padding-left:10px; }

/* 상품리스트 */
.cas_warp{position:relative;}
.cas_imglist {overflow:hidden; }
.cas_imglist li{position:relative; float:left; margin:0px 8px 10px 0px; }
.cas_imglist li a{display:block; border:1px solid #d6d6d6; color:#555555; text-align:center; padding-bottom:15px;}
.cas_imglist li img{border-bottom:1px solid #d6d6d6; margin-bottom:18px;}
.cas_imglist li p{padding-left:10px; text-align:left;  }
.cas_imglist li.on a,
.cas_imglist li a:hover,
.cas_imglist li a:focus,
.cas_imglist li a:active {border:1px solid #0c4da2; color:#000; cursor:pointer; background:#fcfcfc; }

/* 공지사항 */
.cus_warp{position:relative;}
.cus_board {overflow:hidden; }
.cus_board h2{padding-bottom:10px;}
.cus_board li{position:relative; float:left; width:454px; border:1px solid #d6d6d6; height:160px; padding:10px 0px 10px 20px; background:#fcfcfc;}
.cus_board li:last-child{border-left:none;}
.ml320 {margin-left:418px !important;}
.mNewTable {font-size: 11px; }
.mNewTable img {border:1px solid #d4d4d4;}
.mNewTable td {padding-top:10px;}
.mNewTable td.txt {padding:5px 0 0 5px;  line-height:12px;}
.mNewTable .tit {color:#666666; line-height: 20px;}
.mNewTable .cont {color:#333333; line-height: 20px; }
.mNewTable .date {color:#909090;  line-height: 24px; padding-top:5px;}
.mReviewTable {font-size: 0.95em; }
.mReviewTable .cont {color:#333333; line-height: 17px; padding-top:15px; font-weight: bold;}
.mReviewTable .date {color:#909090;  }

/* 하단감싸기 */
#foot_wrap {content:"";display:block;clear:both; width:100%; height:119px; border-top:1px solid #444343; /}
#footer {position:relative; width:950px; margin:0 auto; zoom:1; margin-top:20px;}
#footer .nav {position:relative; height:60px; font-weight:bold; }
#footer .nav li {float:left; padding-top:12px; padding-right:35px; }
#footer .copyright {position:relative; width:800px; background:url(/images/common/common_nc/logo_dwf_01.png)no-repeat; float:left; padding-left:150px; font-size:11px; }
#footer .copyright span{margin-left:10px;}

/* 서브 */
#sub_container {position:relative; width:960px; margin:0 auto; padding:40px 0px 30px;}
#sub_container h2{font-size: 24px; color: #3b3b3b; padding-bottom: 15px; font-weight: bold; border-bottom:2px solid #5f6576; margin-bottom:20px; }

#sub_container h2 span{font-size:22px; color: #0c59be; font-weight: bold; }

#sub_container h3{font-size: 24px; color: #3b3b3b; padding-bottom: 15px; font-weight: bold; border-bottom:2px solid #5f6576; margin-bottom:20px;}

/* 콘텐츠 페이지 */
#contents {position:relative;  min-height:500px;_height:500px; }



/* 기본 테이블 */
.tb_base {width:100%; border-collapse:collapse; border:1px solid #d6d6d6; border-top:2px solid #4f525c; }
.tb_base caption span{position:absolute; top:-9999px; visibility:hidden; overflow:hidden; height:0px; width:0px; }
.tb_base thead th {padding:12px 5px 11px 5px ; color:#5b6b7c; background:#f9f9f9; }
.tb_base tbody th{padding:10px 5px 8px 5px ; color:#5b6b7c; background:#f9f9f9; border:1px solid #d6d6d6;}
.tb_base tbody td {padding:10px 10px 8px 15px;  border:1px solid #d6d6d6; color:#5b6b7c; text-align:left; line-height:25px; font-size:13px; }
.tb_base tbody td.al_c {padding:10px 5px 8px 5px; text-align:center;}
.tb_base tbody.tb_center td {padding:10px 5px 8px 5px; border:1px solid #d6d6d6;  color:#5b6b7c; text-align:center;}
.tb_base tbody.tb_center td.ta_l {padding-left:15px; text-align:left; }
.tb_base tbody td a{color:#222; }

/* 검색 테이블 */
.tb_search {width:100%; border-collapse:collapse; border:1px solid #d6d6d6; border-top:4px solid #ff5000; }
.tb_search caption span{position:absolute; top:-9999px; visibility:hidden; overflow:hidden; height:0px; width:0px; }
.tb_search thead th {padding:12px 5px 11px 5px ; color:#5b6b7c; background:#f9f9f9; }
.tb_search tbody th{padding:10px 5px 8px 5px ; color:#5b6b7c; background:#fff; border:1px solid #d6d6d6;}
.tb_search tbody td {padding:10px 10px 8px 15px;  border:1px solid #d6d6d6; color:#5b6b7c; text-align:left; line-height:25px; font-size:13px; }
.tb_search tbody.tb_center td {padding:10px 5px 8px 5px; border:1px solid #d6d6d6; background:#f9f9f9; color:#5b6b7c; text-align:center;}
.tb_search tbody.tb_center td.ta_l {padding-left:15px; text-align:left; }
.tb_search tbody td a{color:#222; }

/* 인풋요소 */
input {border:1px solid #d6d6d6; vertical-align:middle; color:#5b6b7c; }
input[readonly='readonly'], input[readonly] {border:0; vertical-align:middle; color:#5b6b7c; }

/* 버튼 스타일 */
a.btn_base { display:inline-block;  padding:9px 20px 8px 20px; background:#f84e00; color:#fff !important; border:1px solid #e45d00; font-size:13px; font-weight:600; }
a.btn_base:hover, a.btn_base:focus, a.btn_base:active {background:#fff; color:#e45d00 !important; border:1px solid #e45d00; text-decoration:none; font-weight:600; } 

a.btn_point1 {display:inline-block; background:#818181; color:#fff !important; border:1px solid #5e5e5e;} 
a.btn_point2 {display:inline-block; background:#f84e00; color:#fff !important; border:1px solid #e45d00;} 
a.btn_point3 {display:inline-block; background:#2cb5d6; color:#fff !important; border:1px solid #1388a4;} 

/* 버튼 스타일 */
a.btn_mini { display:inline-block;  padding:4px 15px 4px 15px; background:#3782d7; color:#fff !important; border:1px solid #2363ac; font-size:12px; }
a.btn_mini:hover, a.btn_mini:focus, a.btn_mini:active {background:#818181; color:#fff !important; border:1px solid #5e5e5e; text-decoration:none; } 

/* 탭스타일 */
.basic_tab {overflow:hidden; background:url(/images/common/tab_bg.gif);}
.basic_tab li{position:relative; float:left; width:100px;}
.basic_tab li a{display:block; height:30px; padding-top:15px; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6;  text-align:center; color:#7b7878;  border-bottom:2px solid #747685; background:#fcfcfc; }
.basic_tab li:first-child a{border-left:1px solid #d6d6d6; }
.basic_tab li.on a,
.basic_tab li a:hover,
.basic_tab li a:focus,
.basic_tab li a:active {border-bottom:2px solid #fff;  border-top:2px solid #747685; border-right:2px solid #747685; border-left:2px solid #747685; background:#fff; color:#444444; font-weight:600; text-decoration:none; }

/* 페이징 */
.page_navi {text-align:center; }
.page_navi a.btn_page {display:inline-block; width:34px; height:34px; padding:0 0 0 0;background:#fff; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-bottom:1px solid #c8c7c7; border-right:1px solid #c8c7c7; vertical-align:middle;}
.page_navi a.btn_page:hover{border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-bottom:1px solid #c8c7c7; border-right:1px solid #c8c7c7; background:none;}
.page_navi a {display:inline-block; width:34px; height:26px; padding:8px 0 0 0; text-align:center; background:#f7f7f7; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-bottom:1px solid #c8c7c7; border-right:1px solid #c8c7c7; vertical-align:middle;}
.page_navi a.on, .page_navi a:hover ,.page_navi a:focus, .page_navi a:active {background:#0c4da2; color:#fff; text-decoration:none; }
.page_navi a.mr10 {margin-right:10px;}
.page_navi a.ml10 {margin-left:10px;}

/* 팝업영역 */
.popup_area {padding:30px 20px; background:#fff; }

/* 이메일 전송 */
.target_box {overflow:hidden; margin-top:10px; }
.target_box .target_group{float:left; width:330px; height:250px;  border:1px solid #d6d6d6;  color:#5b6b7c;}
.target_box .target_list{float:left; width:330px; height:250px; margin-left:10px; }
.target_box .target_list .target_individual{width:330px; height:210px; border:1px solid #d6d6d6;  color:#5b6b7c; }

/* 스텝 스타일 */
.basic_step {overflow:hidden; }
.basic_step li{position:relative; float:left; width:200px;  height:90px;  font-weight:600;  font-size:16px; }
.basic_step li a{display:block; height:25px; padding:15px 0px 10px 0px; text-align:center; color:#000; background:#e7e7e7; border-right:1px solid #c4c4c4; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.basic_step li.on a,
.basic_step li a:hover,
.basic_step li a:focus,
.basic_step li a:active {text-decoration:none; color:#fff; background:#484e61; border:1px solid #2d3342; }

/*소분류 카테고리*/
#category_wrap{margin:0px auto; position:relative; overflow:hidden; padding-bottom:20px;}
#category_wrap .category_list {width:960px;}
#category_wrap .category_list > li{float: left;background:url(../images/common/cate_bg.gif) repeat 152px 32px;position: relative;width: 188px;height: 40px;margin: 0 2px 2px 0;padding: 0;background: #fff; letter-spacing: -1px;}
#category_wrap .category_list .list_item{display:block; overflow: hidden;height: 40px;background: #ededed;font-size: 12px;line-height: 40px;font-weight: bold; text-align:center}
#category_wrap .category_list > li a:hover{display:block; color:#fff; background:#0c4da2; }

#category_2wrap {margin:0px 0px 20px; position:relative; overflow:hidden;border:2px solid #d7d7d7; padding:10px;}
#category_2wrap .category_2list {width:960px; }
#category_2wrap .category_2list  li{float: left; background: #fff; font-size:13px; padding:5px 0px}
#category_2wrap .category_2list  li span{padding: 0 12px; font-size:12px; color:#bdbbbb;}
#category_2wrap .category_2list  li a.on,a:hover{color:#075ed0;font-weight: bold; }

.f_unit{display:block; font-size:15px; background: #0c4da2; text-align:center; padding:9px; color:#fff; width:100px; font-weight: bold; border-radius : 5px 5px 0px 0px }
.t_unit{display:block; font-size:18px; padding:8px 5px 10px; color:#0c4da2; font-weight: bold; border-bottom:2px solid #000; margin-bottom:20px;  }