@charset "utf-8";

/*------------------------------

Introduction

------------------------------*/

#actuators div.series-sub {

  border-left: 5px solid #b0691b;

}

#actuators h5.series-name {

  border-left: 5px solid #dcbc9a;

}

h5.series-name small {

  font-size: 0.65em;

  font-weight: normal;

}

div.categ-block div.text2 {

  margin: 15px 0px 5px 0px;

  padding: 0px 0px 0px 15px;

  font-size: 0.8em;

  line-height: 1em;

  font-weight: bold;

}

div.categ-block ul {

  margin-top: 0px;

  padding-top: 0px;

}

/*------------------------------

Position Sensors

------------------------------*/

#main-body p.note {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  font-size: 0.75em;

}

#main-body ul.position {

  margin: 5px 0px 5px 0px;

  padding: 0px 0px 0px 20px;

  list-style-type: disc;

  font-size: 0.85em;

  line-height: 1.5em;

}

table.spec-tbl {

/*  width: 400px;*/

  margin: 20px 0px 5px 0px;

  padding: 0px 0px 0px 0px;

  border-collapse: collapse;

  border-spacing: 2px;

  font-size: 0.8em;

  line-height: 1.25em;

  text-align: center;

}

table.spec-tbl th, table.spec-tbl td {

  border: 1px solid #ccc;

  padding: 3px 5px;

  text-align: center;

}

table.spec-tbl th {

  background-color: #003399;

  color: #ffffff;

}

table.spec-tbl th.sub {

  text-align: left;

  background-color: #dedede;

  color: #333333;

  font-weight: normal;

}

table.netlist-tbl {

  width: 370px;

  margin: 20px 0px 5px 0px;

  padding: 0px 0px 0px 0px;

  border-collapse: collapse;

  border-spacing: 2px;

  font-size: 0.8em;

  line-height: 1.25em;

  text-align: center;

}

table.netlist-tbl th, table.netlist-tbl td {

  border: 1px solid #ccc;

  padding: 5px 5px;

  text-align: center;

}

table.netlist-tbl th {

  background-color: #003399;

  color: #ffffff;

  text-align: left;

}

table.netlist-tbl th.sub {

  text-align: left;

  background-color: #dedede;

  color: #333333;

}

table.netlist-tbl th.subcenter {

  text-align: center;

  background-color: #dedede;

  color: #333333;

}

table.netlist-tbl th.sub-note {

  text-align: right;

  background-color: #fff;

  color: #cc0000;

  font-weight: normal;

  font-size: 0.9em;

}

table.netlist-tbl td.center {

  text-align: center;

  white-space: nowrap;

}

table.netlist-tbl a:link {

  color: #009900;

  text-decoration: underline;

}

h5.top-title {

  margin: 25px 0px 15px 0px;

  padding: 0px 0px 0px 0px;

  /*font-family: "Times New Roman", Times, century, serif;*/

  font-family: "돋움", dotum, arial, san-serif;

  font-size: 1.5em;

  line-height: 1em;

  color: #20b147;

}

h6.top-copy {

  margin: 25px 0px 10px 0px;

  padding: 0px 0px 0px 0px;

  font-size: 0.9em;

}

table.thumb-tbl {

  width: 780px;

  margin: 0px 0px 25px 0px;

  padding: 0px 0px 0px 0px;

  text-align: center;

  font-size: 0.75em;

}

table.thumb-tbl th {

  font-weight: bold;

}

table.thumb-tbl td {

  vertical-align: top;

  padding: 10px 0px 10px 0px;

}

/*20190718*/

.list_top {

  font-family: "돋움", dotum, arial, san-serif;

  font-size: 0.95em;

  font-weight: bold;

  color: #8f541a;

  background-color: #EBEBEB;

  padding-top: 1px;

  padding-bottom: 0px;

  padding-left: 12px;

  border-left: 7px solid #9d6619;

  border-bottom: 1px solid #9d6619;

}

/*css button*/

.button_css {

  color: #6F6E6E;

  font-size: 11px;

  letter-spacing: 0.02em;

  margin: 5px 14px 5px 0px;

  text-align: center;

  line-height: 1;

  padding: 4px 12px;

  border: 1px solid #ccc;

  font-weight: bold;

  display: inline-block;

  vertical-align: top;

  font-family: "돋움", dotum, arial, san-serif;

  border-radius: 3px; /* CSS3案 */

  -webkit-border-radius: 3px; /* Safari,Google Chrome用 */

  -moz-border-radius: 3px; /* Firefox用 */

  background: #ededed;

  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));

  background: -moz-linear-gradient(top, #fff, #e7e7e7);

  background: -o-linear-gradient(top, #fff, #e7e7e7);

  background: -ms-linear-gradient(top, #fff, #e7e7e7);

  background: linear-gradient(top, #fff, #e7e7e7);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');

}

.button_css a {

  text-decoration: none; /*   color: #005817;*/

}

.button_css:hover {

  background: #ededed;

  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));

  background: -moz-linear-gradient(top, #fff, #e7e7e7);

  background: -o-linear-gradient(top, #fff, #e7e7e7);

  background: -ms-linear-gradient(top, #fff, #e7e7e7);

  background: linear-gradient(top, #fff, #e7e7e7);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');

}

.button_css:active {

  color: #999;

  background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#fff));

  background: -moz-linear-gradient(top, #e7e7e7, #fff);

  background: -o-linear-gradient(top, #fff, #e7e7e7);

  background: -ms-linear-gradient(top, #fff, #e7e7e7);

  background: linear-gradient(top, #fff, #e7e7e7);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff');

}

/*subpage botton*/

.button_page {

  color: #fff;

  font-size: 10px;

  letter-spacing: 0.05em;

  margin: 5px 10px 0 0;

  text-align: center;

  line-height: 1.2;

  padding: 4px 12px;

  border: 1px solid #fff;

  font-weight: bold;

  display: inline-block;

  vertical-align: bottom;

  box-shadow: 0 0 3px #999;

  font-family: "돋움", dotum, arial, san-serif;

  border-radius: 3px; /* CSS3案 */

  -webkit-border-radius: 3px; /* Safari,Google Chrome用 */

  -moz-border-radius: 3px; /* Firefox用 */

  background: #ededed;

  background: -webkit-gradient(linear, left top, left bottom, from(#8fc76d), to(#64b13b));

  background: -moz-linear-gradient(top, #64b13b, #64b13b);

  background: -o-linear-gradient(top, #64b13b, #64b13b);

  background: -ms-linear-gradient(top, #64b13b, #64b13b);

  background: linear-gradient(top, #64b13b, #64b13b);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc76d', endColorstr='#64b13b');

}

.button_page::before {

  content: url("images/button_arrow.gif");

  position: relative;

  top: 0px;

  margin-right: 2px;

  vertical-align: middle;

}

.button_page a {

  text-decoration: none;

  color: #fff;

}

.button_page:hover {

  background: #ededed;

  background: -webkit-gradient(linear, left top, left bottom, from(#ffb154), to(#ff8c05));

  background: -moz-linear-gradient(top, #ffb154, #ff8c05);

  background: -o-linear-gradient(top, #ffb154, #ff8c05);

  background: -ms-linear-gradient(top, #ffb154, #ff8c05);

  background: linear-gradient(top, #ffb154, #ff8c05);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb154', endColorstr='#ff8c05');

}

.button_page_act {

  color: #fff;

  font-size: 10px;

  letter-spacing: 0.05em;

  margin: 0 10px 0 0;

  text-align: center;

  line-height: 1;

  padding: 4px 12px;

  border: 1px solid #fff;

  font-weight: bold;

  display: inline-block;

  vertical-align: bottom;

  box-shadow: 0 0 3px #999;

  font-family: "돋움", dotum, arial, san-serif;

  border-radius: 3px; /* CSS3案 */

  -webkit-border-radius: 3px; /* Safari,Google Chrome用 */

  -moz-border-radius: 3px; /* Firefox用 */

  background: #ededed;

  background: -webkit-gradient(linear, left top, left bottom, from(#ffb154), to(#ff8c05));

  background: -moz-linear-gradient(top, #ffb154, #ff8c05);

  background: -o-linear-gradient(top, #ffb154, #ff8c05);

  background: -ms-linear-gradient(top, #ffb154, #ff8c05);

  background: linear-gradient(top, #ffb154, #ff8c05);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb154', endColorstr='#ff8c05');

}

.button_page_act::before {

  content: url("images/button_arrow.gif");

  position: relative;

  top: 1.2px;

  margin-right: 2px;

  vertical-align: middle;

}

/*tab_button*/

.tab_button {

  text-align: center;

  list-style: none;

  margin: 0 0 30px;

  padding: 0;

  line-height: 2em;

  overflow: hidden;

  font-size: 12px;

  font-family: "돋움", dotum, arial, san-serif;

  position: relative;

}

.tab_button li {

  /*  width: 152px;*/

  font-weight: bold;

  color: #666;

  border: 1px solid #AAA;

  background: #dddddd;

  display: inline-block;

  position: relative;

  z-index: 0;

  border-top-left-radius: 6px;

  border-top-right-radius: 6px;

  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;

  text-shadow: 0 1px #FFF;

  margin: 0 -5px;

  padding: 0 20px;

}

.tab_button a {

  color: #666;

  text-decoration: none;

}

.tab_button li.selected {

  background: #FFF;

  color: #333;

  z-index: 2;

  border-bottom-color: #FFF;

}

.tab_button:before {

  position: absolute;

  content: " ";

  width: 100%;

  bottom: 0;

  left: 0;

  border-bottom: 1px solid #AAA;

  z-index: 1;

}

.tab_button li:before, .tab_button li:after {

  border: 1px solid #AAA;

  position: absolute;

  bottom: -1px;

  width: 5px;

  height: 5px;

  content: " ";

}

.tab_button li:before {

  left: -6px;

  border-bottom-right-radius: 6px;

  border-width: 0 1px 1px 0;

  box-shadow: 2px 2px 0 #dddddd;

}

.tab_button li:after {

  right: -6px;

  border-bottom-left-radius: 6px;

  border-width: 0 0 1px 1px;

  box-shadow: -2px 2px 0 #dddddd;

}

.tab_button li.selected:before {

  box-shadow: 2px 2px 0 #FFF;

}

.tab_button li.selected:after {

  box-shadow: -2px 2px 0 #FFF;

}

/*h4*/

.sub_title {

  margin: 0;

  padding: 0;

  font-family: "돋움", dotum, arial, san-serif;

  font-size: 1.8em;

  color: #666;

  letter-spacing: 0.02em;

}

/*fl*/

.fl_l {

  float: left;

}

.fl_r {

  float: right;

}

.fl_cb {

  clear: both;

}