@charset "utf-8";
@font-face {
  font-family: 'ntk-dl';
  src: url('/css/fonts/notokr-demilight.eot');
  src: url('/css/fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('/css/fonts/notokr-demilight.woff2') format('woff2'), url('/css/fonts/notokr-demilight.woff') format('woff'), url('/css/fonts/notokr-demilight.ttf') format('truetype'), url('/css/fonts/notokr-demilight.svg#notokr-demilight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ntk-l';
  src: url('/css/fonts/notokr-light.eot');
  src: url('/css/fonts/notokr-light.eot?#iefix') format('embedded-opentype'), url('/css/fonts/notokr-light.woff2') format('woff2'), url('/css/fonts/notokr-light.woff') format('woff'), url('/css/fonts/notokr-light.ttf') format('truetype'), url('/css/fonts/notokr-light.svg#notokr-light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ntk-m';
  src: url('/css/fonts/notokr-medium.eot');
  src: url('/css/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'), url('/css/fonts/notokr-medium.woff2') format('woff2'), url('/css/fonts/notokr-medium.woff') format('woff'), url('/css/fonts/notokr-medium.ttf') format('truetype'), url('/css/fonts/notokr-medium.svg#notokr-medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: notokr-demilight, ntk-dl;
  font-size: 14px;
  line-height: 18px;
  color: #545454;
}
a {
  text-decoration: none;
}
.wp-fc-white {
  color: #ffffff !important;
}
.wp-fc-red {
  color: #dc3131 !important;
}
.wp-fc-yellow {
  color: #ffce59 !important;
}
.wp-fc-blue {
  color: #1d9aa0 !important;
}
.wp-fc-blue2 {
  color: #407ed3 !important;
}
.wp-fc-org {
  color: #ff8500 !important;
}
.wp-fc-green {
  color: #0B8E6E !important;
}
.wp-fc-green2 {
  color: #0a8e6e !important;
}
.wp-fc-red2 {
  color: #fb596e !important;
}
.wp-ship-fc-blue {
  color: #389bea!important;
}
.wp-ship-fc-blue2 {
  color: #6493b3!important;
}
.wp-ship-fc-skyblue {
  color: #78b3e3!important;
}
.wp-fc-22 {
  color: #222 !important;
}
.wp-fc-54 {
  color: #545454 !important;
}
.bold {
  font-family: "ntk-m";
}
.normal {
  font-family: "ntk-dl";
}
.wp-fs-12 {
  font-size: 12px!important;
}
.wp-fs-13 {
  font-size: 13px!important;
}
.wp-fs-14 {
  font-size: 14px!important;
}
textarea:focus,
input:focus,
button:focus {
  outline: none;
}
caption,
legend,
.wp-blind,
.wp-hidden,
.wp-txt-hide {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.wp-ir-img,
.wp-bt-img {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
.wp-al {
  text-align: left !important;
}
.wp-ac {
  text-align: center !important;
}
.wp-ar {
  text-align: right !important;
}
.wp-vt {
  vertical-align: top !important;
}
.wp-vm {
  vertical-align: middle !important;
}
.wp-vb {
  vertical-align: bottom !important;
}
.wp-inblock {
  display: inline-block !important;
}
.wp-bolck {
  display: block;
}
.wp-dnone {
  display: none;
}
.wp-pos-r {
  position: relative;
}
.wp-pos-a {
  position: absolute;
}
.wp-fl {
  float: left !important;
}
.wp-fr {
  float: right !important;
}
.wp-fn {
  float: none !important;
}
.wp-cb {
  clear: both;
}
.wp-clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.wp-ellipsis {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
}
.wp-table-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wp-m0 {
  margin: 0 !important;
}
.wp-ml0 {
  margin-left: 0px !important;
}
.wp-ml5 {
  margin-left: 5px !important;
}
.wp-ml10 {
  margin-left: 10px !important;
}
.wp-ml15 {
  margin-left: 15px !important;
}
.wp-ml20 {
  margin-left: 20px !important;
}
.wp-ml24 {
  margin-left: 24px !important;
}
.wp-ml65 {
  margin-left: 65px !important;
}
.wp-ml200 {
  margin-left: 200px !important;
}
.wp-mt-1 {
  margin-top: -1px !important;
}
/*workAdd*/
.wp-mt-8 {
  margin-top: -8px !important;
}
/*workAdd*/
.wp-mt-6 {
  margin-top: -6px !important;
}
/*workAdd*/
.wp-mt-10 {
  margin-top: -10px !important;
}
.wp-mt-16 {
  margin-top: -16px !important;
}
.wp-mt0 {
  margin-top: 0 !important;
}
.wp-mt5 {
  margin-top: 5px !important;
}
.wp-mt6 {
  margin-top: 6px !important;
}
/*workAdd*/
.wp-mt10 {
  margin-top: 10px !important;
}
.wp-mt13 {
  margin-top: 13px !important;
}
.wp-mt15 {
  margin-top: 15px !important;
}
.wp-mt16 {
  margin-top: 16px !important;
}
/*workAdd*/
.wp-mt20 {
  margin-top: 20px !important;
}
.wp-mt24 {
  margin-top: 24px !important;
}
/*workAdd*/
.wp-mt25 {
  margin-top: 25px !important;
}
/*workAdd*/
.wp-mt30 {
  margin-top: 30px !important;
}
.wp-mt38 {
  margin-top: 38px !important;
}
/*workAdd*/
.wp-mt40 {
  margin-top: 40px !important;
}
.wp-mt50 {
  margin-top: 50px !important;
}
.wp-mr3 {
  margin-right: 3px !important;
}
.wp-mr5 {
  margin-right: 5px !important;
}
.wp-mr10 {
  margin-right: 10px !important;
}
.wp-mr20 {
  margin-right: 20px !important;
}
.wp-mr65 {
  margin-right: 65px !important;
}
.wp-mb0 {
  margin-bottom: 0 !important;
}
.wp-mb5 {
  margin-bottom: 5px !important;
}
.wp-mb10 {
  margin-bottom: 10px !important;
}
.wp-mb15 {
  margin-bottom: 15px !important;
}
.wp-mb20 {
  margin-bottom: 20px !important;
}
.wp-mb30 {
  margin-bottom: 30px !important;
}
.wp-mb40 {
  margin-bottom: 40px !important;
}
.wp-pd0 {
  padding: 0 !important;
}
.wp-pd15 {
  padding: 15px !important;
}
.wp-pt10 {
  padding-top: 10px !important;
}
.wp-pt30 {
  padding-top: 30px !important;
}
.wp-pl18 {
  padding-left: 18px !important;
}
.wp-pl0 {
  padding-left: 0px !important;
}
.wp-pl10 {
  padding-left: 10px !important;
}
.wp-pr0 {
  padding-right: 0 !important;
}
.wp-pr5 {
  padding-right: 5px !important;
}
.wp-pr10 {
  padding-right: 10px !important;
}
.wp-pr18 {
  padding-right: 18px !important;
}
.wp-pr20 {
  padding-right: 20px !important;
}
.wp-pb10 {
  padding-bottom: 10px !important;
}
.wp-wd50 {
  width: 50px !important;
}
.wp-wd60 {
  width: 60px !important;
}
.wp-wd70 {
  width: 70px !important;
}
.wp-wd80 {
  width: 80px !important;
}
.wp-wd85 {
  width: 85px !important;
}
.wp-wd103 {
  width: 103px !important;
}
.wp-wd106 {
  width: 106px !important;
}
.wp-wd108 {
  width: 108px !important;
}
.wp-wd110 {
  width: 100px !important;
}
/*workAdd*/
.wp-wd113 {
  width: 113px !important;
}
.wp-wd120 {
  width: 120px !important;
}
.wp-wd126 {
  width: 126px !important;
}
.wp-wd130 {
  width: 130px !important;
}
.wp-wd135 {
  width: 135px !important;
}
.wp-wd132 {
  width: 132px !important;
}
.wp-wd143 {
  width: 143px !important;
}
.wp-wd150 {
  width: 150px !important;
}
.wp-wd160 {
  width: 160px !important;
}
.wp-wd189 {
  width: 189px !important;
}
/*workAdd*/
.wp-wd190 {
  width: 190px !important;
}
.wp-wd204 {
  width: 204px !important;
}
.wp-wd224 {
  width: 224px !important;
}
.wp-wd232 {
  width: 232px !important;
}
/*workAdd*/
.wp-wd242 {
  width: 242px !important;
}
.wp-wd250 {
  width: 250px !important;
}
.wp-wd267 {
  width: 267px !important;
}
.wp-wd293 {
  width: 293px !important;
}
.wp-wd326 {
  width: 326px !important;
}
.wp-wd315 {
  width: 315px !important;
}
.wp-wd360 {
  width: 360px !important;
}
.wp-wd406 {
  width: 406px !important;
}
.wp-wd450 {
  width: 450px !important;
}
.wp-wd480 {
  width: 480px !important;
}
.wp-wd530 {
  width: 530px !important;
}
.wp-wd545 {
  width: 545px !important;
}
.wp-wd550 {
  width: 550px !important;
}
.wp-wd560 {
  width: 560px !important;
}
.wp-wd615 {
  width: 615px !important;
}
.wp-wd650 {
  width: 650px !important;
}
.wp-wd674 {
  width: 674px !important;
}
.wp-wd700 {
  width: 700px !important;
}
.wp-wd720 {
  width: 720px !important;
}
.wp-wd750 {
  width: 750px !important;
}
.wp-wd860 {
  width: 860px !important;
}
.wp-wd900 {
  width: 900px !important;
}
.wp-wd930 {
  width: 930px !important;
}
.wp-wd24p {
  width: 24% !important;
}
.wp-wd30p {
  width: 30% !important;
}
.wp-wd33p {
  width: 33% !important;
}
.wp-wd40p {
  width: 40% !important;
}
.wp-wd44p {
  width: 44% !important;
}
.wp-wd49p {
  width: 49% !important;
}
/*workAdd*/
.wp-wd50p {
  width: 49% !important;
}
.wp-wd55p {
  width: 55% !important;
}
.wp-wd66p {
  width: 66% !important;
}
.wp-wd71p {
  width: 71% !important;
}
.wp-wd85p {
  width: 85% !important;
}
.wp-wd92p {
  width: 92% !important;
}
.wp-wd94p {
  width: 94% !important;
}
.wp-wd96p {
  width: 96% !important;
}
.wp-wd100p {
  width: 100% !important;
}
.wp-pop-w1000 {
  width: 1000px !important;
}
/*workAdd*/
.wp-h24 {
  height: 24px !important;
}
.wp-h28 {
  height: 28px !important;
}
.wp-h30 {
  height: 30px !important;
}
.wp-h36 {
  height: 36px !important;
}
.wp-h40 {
  height: 40px !important;
}
.wp-h42 {
  height: 42px !important;
}
.wp-h60 {
  height: 60px !important;
}
.wp-h75 {
  height: 75px !important;
}
.wp-h100 {
  height: 100px !important;
}
/*workAdd*/
.wp-h175 {
  height: 175px !important;
}
.wp-h180 {
  height: 180px !important;
}
.wp-h186 {
  height: 186px !important;
}
.wp-h216 {
  height: 216px !important;
}
.wp-h246 {
  height: 246px !important;
}
.wp-h300 {
  height: 300px !important;
}
.wp-h320 {
  height: 320px !important;
}
.wp-h340 {
  height: 340px !important;
}
.wp-h390 {
  height: 390px !important;
}
.wp-h421 {
  height: 421px !important;
}
.wp-h438 {
  height: 438px !important;
}
.wp-h494 {
  height: 494px !important;
}
.wp-h519 {
  height: 519px !important;
}
.wp-mh-auto {
  min-height: auto !important;
}
.wp-col-460 {
  display: inline-block;
  width: 460px;
  overflow: hidden;
  vertical-align: top;
}
.wp-col-535 {
  display: inline-block;
  width: 535px;
  overflow: hidden;
  vertical-align: top;
}
.wp-col-300 {
  display: inline-block;
  width: 300px;
  overflow: hidden;
  vertical-align: top;
}
.wp-col-280 {
  display: inline-block;
  width: 280px;
  overflow: hidden;
  vertical-align: top;
}
.wp-col-616 {
  display: inline-block;
  width: 616px;
  overflow: hidden;
  vertical-align: top;
}
.wp-col2-1 {
  display: inline-block;
  margin-right: -3px;
  width: 50%;
  width: calc((100% / 2) * 1);
  vertical-align: top;
}
.wp-col3-1 {
  display: inline-block;
  margin-right: -3px;
  width: 33%;
  width: calc((100% / 3) * 1);
  vertical-align: top;
}
.wp-col3-2 {
  display: inline-block;
  margin-right: -3px;
  width: 66%;
  width: calc((100% / 3) * 2);
  vertical-align: top;
}
.wp-col4-1 {
  display: inline-block;
  margin-right: -3px;
  width: 25%;
  width: calc((100% / 4) * 1);
  vertical-align: top;
}
.wp-col4-3 {
  display: inline-block;
  margin-right: -3px;
  width: 75%;
  width: calc((100% / 4) * 3);
  vertical-align: top;
}
.wp-col5-1 {
  display: inline-block;
  margin-right: -3px;
  width: 20%;
  width: calc((100% / 5) * 1);
  vertical-align: top;
}
.wp-col5-2 {
  display: inline-block;
  margin-right: -3px;
  width: 40%;
  width: calc((100% / 5) * 2);
  vertical-align: top;
}
.wp-col5-3 {
  display: inline-block;
  margin-right: -3px;
  width: 60%;
  width: calc((100% / 5) * 3);
  vertical-align: top;
}
.wp-col5-4 {
  display: inline-block;
  margin-right: -3px;
  width: 80%;
  width: calc((100% / 5) * 4);
  vertical-align: top;
}
.wp-col6-2 {
  display: inline-block;
  margin-right: -3px;
  width: 32%;
  width: calc((100% / 6) * 2);
  vertical-align: top;
}
.wp-col6-4 {
  display: inline-block;
  margin-right: -3px;
  width: 64%;
  width: calc((100% / 6) * 4);
  vertical-align: top;
}
.wp-col7-1 {
  display: inline-block;
  margin-right: -3px;
  width: 14%;
  width: calc((100% / 7) * 1);
  vertical-align: top;
}
.wp-box-sizing * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-location {
  float: right !important;
  padding-left: 15px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -269px -204px;
}
.wp-location span {
  padding-left: 20px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -263px -178px;
}
.wp-nocursor {
  cursor: default!important;
}
.wp-pointer {
  cursor: pointer;
}
.wp-dimm,
.wp-dimm2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 29;
}
.wp-nobg {
  background-image: none !important;
}
.wp-bgwhite {
  background-color: #fff !important;
}
.wp-group-line-t {
  border-top: 2px solid #333;
}
.wp-group-line-b {
  border-bottom: 2px solid #333;
}
.wp-border-b-none {
  border-bottom: none!important;
}
table {
  table-layout: fixed;
}
table input[type=text] {
  width: 100%;
}
.wp-table-st1 {
  border-top: 2px solid #333;
  margin-bottom: 30px;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
}
.wp-table-st1 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-table-st1 table {
  width: 100%;
}
.wp-table-st1 th,
.wp-table-st1 td {
  padding: 3px 10px;
  height: 35px;
  border: 1px solid #ccc;
  border-top: none;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
}
.wp-table-st1 th {
  /*padding-right: 30px;*/
  background: #eef1f3;
  text-align: center;
  font-size: 13px;
  color: #222;
  vertical-align: middle;
}
.wp-table-st1 th.wp-depth2 {
  background: #f9f9f9;
}
.wp-table-st1 td {
  font-size: 13px;
  color: #686868;
}
.wp-table-st1 td img {
  vertical-align: middle;
  /* width:55px; */
}
.wp-table-st1 td.wp-bg {
  background: #eef9fd;
}
.wp-table-st1 .wp-btn-trash {
  margin-top: 0;
  vertical-align: middle;
}
.wp-table-st1 .wp-nodata td {
  height: 150px;
  text-align: center;
}
.wp-table-st1.h-center th {
  padding: 5px 10px;
  text-align: center;
}
.wp-table-st1.h-center tr:hover td,
.wp-table-st1.h-center tr.on td {
  background: #EDFDFC;
}
.wp-table-st1.bordernone {
  border-top: 1px solid #ccc;
}
.wp-table-st1.st2 {
  border-right: none;
}
.wp-table-st1.st2 th,
.wp-table-st1.st2 td {
  border: none;
  border-bottom: 1px solid #ccc;
}
.wp-table-st1.st3 {
  margin-left: -10px;
  margin-right: -10px;
  border-right: none;
}
.wp-table-st1.st3 th,
.wp-table-st1.st3 td {
  border: none;
  border-bottom: 1px solid #ccc;
}
.wp-table-st1 tfoot th,
.wp-table-st1 tfoot td {
  background-color: #eef9fd;
}
.wp-table-st1 .wp-ui-checkbox {
  margin-top: 5px;
}
.wp-table-st2 {
  border-top: 2px solid #333;
  position: relative;
  height: 422px;
  padding-top: 37px;
}
.wp-table-st2 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-table-st2 table {
  width: 100%;
  border-collapse: collapse;
}
.wp-table-st2 th,
.wp-table-st2 td {
  padding: 2px 10px;
  height: 35px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}
.wp-table-st2 th {
  background: #eef1f3;
  min-height: 37px;
  font-size: 13px;
  color: #222;
  padding: 0;
}
.wp-table-st2 td {
  font-size: 12px;
  color: #686868;
}
.wp-table-st2 thead th {
  min-height: 0 !important;
}
.wp-table-st2 .wp-table-resp-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 37px;
  border-right: 1px solid #ccc;
  background: #eef1f3;
}
.wp-table-st2 .wp-table-resp-headcont {
  position: absolute;
  top: 0;
  padding-top: 10px;
  margin-left: -1px;
  width: inherit;
  height: 37px;
  border-left: 1px solid #ccc;
}
.wp-table-st2 .wp-table-resp-body {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  margin-top: -2px;
}
.wp-table-st2 thead th {
  height: 0;
}
.wp-table-st2 .wp-nodata {
  height: 390px;
  vertical-align: middle;
  border-right: none;
  text-align: center;
}
.wp-table-st2 tr:hover td,
.wp-table-st2 tr.on td {
  background: #EDFDFC;
}
.wp-table-st2.wp-header-line2 {
  padding-top: 73px!important;
}
.wp-table-st2.wp-header-line2 .wp-table-resp-header {
  height: 74px;
}
.wp-table-st2.wp-header-line2 .wp-table-resp-headcont.wp-line2 {
  top: 37px;
  padding-top: 8px;
  border-top: 1px solid #ccc;
}
.wp-table-st2.wp-header-line2 .wp-table-resp-headcont.wp-row {
  top: 0px;
  padding-top: 30px;
  height: 74px;
}
.wp-table-st2.wp-header-line2 .wp-area-aside {
  position: relative;
  top: -5px;
  right: 15px;
}
.wp-table-st2.bordernone {
  border-top: 1px solid #ccc;
}
.wp-noresult-390 {
  height: 348px!important;
  text-align: center!important;
  color: #545454 !important;
  font-size: 14px!important;
}
.wp-table-st3 {
  margin-bottom: 30px;
}
.wp-table-st3 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-table-st3 table {
  width: 100%;
}
.wp-table-st3 th,
.wp-table-st3 td {
  padding: 5px 10px;
  height: 40px;
  vertical-align: middle;
}
.wp-table-st3 th {
  padding-right: 30px;
  font-size: 13px;
  text-align: center;
  color: #222;
  vertical-align: middle;
  text-align: right;
}
.wp-table-st3 td {
  font-size: 12px;
  color: #686868;
}
.wp-table-st3.h-center th {
  padding: 5px 10px;
  min-height: 37px;
  text-align: center;
}
.wp-table-st3.h-center tr:hover,
.wp-table-st3.h-center tr.on {
  border-top: 1px double #85D4D8;
}
.wp-table-st3.h-center tr:hover td,
.wp-table-st3.h-center tr.on td {
  background: #EDFDFC;
  border: 1px solid #85D4D8;
  border-left: none;
  border-right: none;
}
.wp-table-st3.h-center tr:hover td:first-child,
.wp-table-st3.h-center tr.on td:first-child {
  border-left: 1px solid #85D4D8;
}
.wp-table-st3.h-center tr:hover td:last-child,
.wp-table-st3.h-center tr.on td:last-child {
  border-right: 1px solid #85D4D8;
}
.wp-table-st4 {
  border-top: 2px solid #333;
  border-right: 1px solid #efefef;
  position: relative;
  height: 330px;
  padding-top: 37px;
}
.wp-table-st4 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-table-st4 table {
  width: 100%;
  border-collapse: collapse;
}
.wp-table-st4 th,
.wp-table-st4 td {
  padding: 2px 10px;
  height: 35px;
  border: 1px solid #efefef;
  text-align: center;
  vertical-align: middle;
}
.wp-table-st4 th {
  background: #f8f9fb;
  min-height: 37px;
  font-size: 13px;
  color: #4f6270;
  padding: 0;
}
.wp-table-st4 td {
  position: relative;
  font-size: 12px;
  color: #81939f;
  text-align: left;
}
.wp-table-st4 .wp-table-resp-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 37px;
  background: #f8f9fb;
}
.wp-table-st4 .wp-table-resp-headcont {
  position: absolute;
  top: 0;
  padding-top: 10px;
  margin-left: -1px;
  width: inherit;
  height: 37px;
  border-left: 1px solid #efefef;
}
.wp-table-st4 .wp-table-resp-body {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  margin-top: -2px;
}
.wp-table-st4 thead th {
  height: 0;
}
.wp-table-st4 .wp-nodata {
  height: 330px;
  vertical-align: middle;
  border-right: none;
  text-align: center;
}
.wp-table-st4 .wp-ui-checkbox {
  margin: 0 10px 0 0;
}
.wp-table-st4.wp-depth2 td:first-child {
  color: #fff;
  padding: 5px 10px;
  background: #9fc0da;
}
.wp-table-st4.wp-depth2 td:first-child .wp-ui-checkbox {
  margin: 0 10px 0 0;
}
.wp-table-st4.wp-depth2 td:first-child:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -275px -84px;
}
.wp-table-st4.wp-depth2 td:first-child:hover,
.wp-table-st4.wp-depth2 td:first-child.on {
  color: #545454;
  background: #ffffff url(/image/common/spr_etc.png) no-repeat;
}
.wp-table-st4.wp-depth2 td:first-child:hover:after,
.wp-table-st4.wp-depth2 td:first-child.on:after {
  background-position: -275px -44px;
}
.wp-table-st4.wp-depth3 td:first-child {
  padding: 5px 10px;
  color: #fff;
  background: #9fc0da;
}
.wp-table-st4.wp-depth3 td:first-child:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -275px -84px;
}
.wp-table-st4.wp-depth3 td:first-child:hover,
.wp-table-st4.wp-depth3 td:first-child.on {
  color: #545454;
  background: #ffffff url(/image/common/spr_etc.png) no-repeat;
}
.wp-table-st4.wp-depth3 td:first-child:hover:after,
.wp-table-st4.wp-depth3 td:first-child.on:after {
  background-position: -275px -44px;
}
.wp-table-st4.wp-depth3 td:nth-child(2) {
  padding: 5px 10px;
  color: #81939f;
  background: #d6e4ef;
}
.wp-table-st4.wp-depth3 td:nth-child(2):after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -275px -84px;
}
.wp-table-st4.wp-depth3 td:nth-child(2):hover,
.wp-table-st4.wp-depth3 td:nth-child(2).on {
  color: #545454;
  background: #ffffff url(/image/common/spr_etc.png) no-repeat;
}
.wp-table-st4.wp-depth3 td:nth-child(2):hover:after,
.wp-table-st4.wp-depth3 td:nth-child(2).on:after {
  background-position: -275px -44px;
}
.wp-table-st5 {
  margin-bottom: 30px;
}
.wp-table-st5 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-table-st5 table {
  width: 100%;
}
.wp-table-st5 th,
.wp-table-st5 td {
  padding: 3px 10px;
  height: 25px;
  vertical-align: middle;
}
.wp-table-st5 th {
  font-size: 13px;
  color: #A5A5A5;
  text-align: right;
}
.wp-table-st5 td {
  font-size: 12px;
  color: #545454;
}
.wp-table-st6 {
  margin-bottom: 30px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 1px;
}
.wp-table-st6 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-table-st6 table {
  width: 100%;
}
.wp-table-st6 th,
.wp-table-st6 td {
  padding: 3px 10px;
  height: 35px;
  border: none;
  border-right: 1px solid #fff;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
}
.wp-table-st6 th:last-child,
.wp-table-st6 td:last-child {
  border-right: none;
}
.wp-table-st6 th {
  background: #eef1f3;
  text-align: center;
  font-size: 13px;
  color: #222;
  vertical-align: middle;
}
.wp-table-st6 td {
  font-size: 13px;
  color: #686868;
}
table td {
  word-break: keep-all;
  word-wrap: normal;
}
td.wp-txtcut {
  word-break: break-all;
  word-wrap: break-all;
}
td.wp-tdellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wp-tdellipsis-two {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  line-height: 1.6em;
  height: 37px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}
.wp-card-wrap tr:hover td,
.wp-card-view tr:hover td,
.wp-card-wrap tr.on td,
.wp-card-view tr.on td {
  background: #fff !important;
}
.wp-bubble {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.wp-bubble-div {
  position: absolute;
  width: auto;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 10px;
  z-index: 100;
}
.wp-ship .wp-table-st1,
.wp-ship-popup .wp-table-st1 {
  border-right: none!important;
}
.wp-ship .wp-table-st1 th,
.wp-ship-popup .wp-table-st1 th,
.wp-ship .wp-table-st1 td,
.wp-ship-popup .wp-table-st1 td {
  border: none!important;
  border-left: none;
  border-bottom: 1px solid #ddd!important;
}
.wp-ship .wp-table-st2,
.wp-ship-popup .wp-table-st2 {
  border-right: none;
}
.wp-ship .wp-table-st2 th,
.wp-ship-popup .wp-table-st2 th,
.wp-ship .wp-table-st2 td,
.wp-ship-popup .wp-table-st2 td {
  border: none;
  border-bottom: 1px solid #ddd;
}
.wp-ship .wp-table-st2 .wp-table-resp-headcont,
.wp-ship-popup .wp-table-st2 .wp-table-resp-headcont {
  border-left: none;
}
.wp-ship .wp-week-calender .wp-table-st1,
.wp-ship-popup .wp-week-calender .wp-table-st1,
.wp-ship .wp-daily-log .wp-title-section,
.wp-ship-popup .wp-daily-log .wp-title-section {
  border-right: none;
}
.wp-ship .wp-prod-info .wp-cont-table th,
.wp-ship-popup .wp-prod-info .wp-cont-table th,
.wp-ship .wp-prod-info .wp-cont-table td,
.wp-ship-popup .wp-prod-info .wp-cont-table td {
  border-right: none;
}
.wp-ship .wp-table-st1.wp-vertical-line th,
.wp-ship-popup .wp-table-st1.wp-vertical-line th,
.wp-ship .wp-table-st1.wp-vertical-line td,
.wp-ship-popup .wp-table-st1.wp-vertical-line td {
  border: 1px solid #ddd!important;
}
.wp-ship .wp-table-st1.wp-vertical-line.wp-tbody-line tbody th,
.wp-ship-popup .wp-table-st1.wp-vertical-line.wp-tbody-line tbody th {
  border: none!important;
  border-top: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
}
.wp-ship .wp-table-st2.wp-vertical-line,
.wp-ship-popup .wp-table-st2.wp-vertical-line {
  border-right: 1px solid #ddd;
}
.wp-ship .wp-table-st2.wp-vertical-line th,
.wp-ship-popup .wp-table-st2.wp-vertical-line th,
.wp-ship .wp-table-st2.wp-vertical-line td,
.wp-ship-popup .wp-table-st2.wp-vertical-line td {
  border: 1px solid #ddd;
}
.wp-ship .wp-table-st2.wp-vertical-line .wp-table-resp-headcont,
.wp-ship-popup .wp-table-st2.wp-vertical-line .wp-table-resp-headcont {
  border-left: 1px solid #ddd;
}
.wp-ship .wp-week-calender .wp-table-st1.wp-vertical-line,
.wp-ship-popup .wp-week-calender .wp-table-st1.wp-vertical-line,
.wp-ship .wp-daily-log .wp-title-section.wp-vertical-line,
.wp-ship-popup .wp-daily-log .wp-title-section.wp-vertical-line {
  border-right: 1px solid #ddd;
}
.wp-ship .wp-prod-info.wp-vertical-line .wp-cont-table th,
.wp-ship-popup .wp-prod-info.wp-vertical-line .wp-cont-table th {
  border-right: 1px solid #fff;
}
.wp-ship .wp-prod-info.wp-vertical-line .wp-cont-table td,
.wp-ship-popup .wp-prod-info.wp-vertical-line .wp-cont-table td {
  border-right: 1px solid #ddd;
}
.wp-car .wp-table-st1,
.wp-car-popup .wp-table-st1 {
  border-right: none!important;
}
.wp-car .wp-table-st1 th,
.wp-car-popup .wp-table-st1 th,
.wp-car .wp-table-st1 td,
.wp-car-popup .wp-table-st1 td {
  border: none!important;
  border-left: none;
  border-bottom: 1px solid #ddd!important;
}
.wp-car .wp-table-st2,
.wp-car-popup .wp-table-st2 {
  border-right: none;
}
.wp-car .wp-table-st2 th,
.wp-car-popup .wp-table-st2 th {
  padding: 0!important;
}
.wp-car .wp-table-st2 th .wp-ui-checkbox,
.wp-car-popup .wp-table-st2 th .wp-ui-checkbox {
  margin-top: 0;
}
.wp-car .wp-table-st2 th,
.wp-car-popup .wp-table-st2 th,
.wp-car .wp-table-st2 td,
.wp-car-popup .wp-table-st2 td {
  border: none;
  border-bottom: 1px solid #ddd;
}
.wp-car .wp-table-st2 .wp-table-resp-headcont,
.wp-car-popup .wp-table-st2 .wp-table-resp-headcont {
  border-left: none;
}
.wp-car .wp-week-calender .wp-table-st1,
.wp-car-popup .wp-week-calender .wp-table-st1,
.wp-car .wp-daily-log .wp-title-section,
.wp-car-popup .wp-daily-log .wp-title-section {
  border-right: none;
}
.wp-car .wp-prod-info .wp-cont-table th,
.wp-car-popup .wp-prod-info .wp-cont-table th,
.wp-car .wp-prod-info .wp-cont-table td,
.wp-car-popup .wp-prod-info .wp-cont-table td {
  border-right: none;
}
.wp-car .wp-table-st1.wp-vertical-line th,
.wp-car-popup .wp-table-st1.wp-vertical-line th,
.wp-car .wp-table-st1.wp-vertical-line td,
.wp-car-popup .wp-table-st1.wp-vertical-line td {
  border: 1px solid #ddd!important;
}
.wp-car .wp-table-st2.wp-vertical-line,
.wp-car-popup .wp-table-st2.wp-vertical-line {
  border-right: 1px solid #ddd;
}
.wp-car .wp-table-st2.wp-vertical-line th,
.wp-car-popup .wp-table-st2.wp-vertical-line th,
.wp-car .wp-table-st2.wp-vertical-line td,
.wp-car-popup .wp-table-st2.wp-vertical-line td {
  border: 1px solid #ddd;
}
.wp-car .wp-table-st2.wp-vertical-line .wp-table-resp-header,
.wp-car-popup .wp-table-st2.wp-vertical-line .wp-table-resp-header {
  border-right: none;
}
.wp-car .wp-table-st2.wp-vertical-line .wp-table-resp-headcont,
.wp-car-popup .wp-table-st2.wp-vertical-line .wp-table-resp-headcont {
  border-left: 1px solid #ddd;
}
.wp-car .wp-week-calender .wp-table-st1.wp-vertical-line,
.wp-car-popup .wp-week-calender .wp-table-st1.wp-vertical-line,
.wp-car .wp-daily-log .wp-title-section.wp-vertical-line,
.wp-car-popup .wp-daily-log .wp-title-section.wp-vertical-line {
  border-right: 1px solid #ddd;
}
.wp-car .wp-prod-info.wp-vertical-line .wp-cont-table th,
.wp-car-popup .wp-prod-info.wp-vertical-line .wp-cont-table th {
  border-right: 1px solid #fff;
}
.wp-car .wp-prod-info.wp-vertical-line .wp-cont-table td,
.wp-car-popup .wp-prod-info.wp-vertical-line .wp-cont-table td {
  border-right: 1px solid #ddd;
}
.wp-thum {
  float: left;
  width: 71px;
  height: 36px;
  padding: 19px 0 0 56px;
  border: 1px solid #dcdee5;
  border-radius: 3px;
  color: #545454;
  font-size: 13px;
  font-family: notokr-medium, ntk-m;
  background-image: url(/image/icon/spr_list8d.png);
  background-repeat: no-repeat;
  background-color: #fff;
}
.wp-thum.wp-innout {
  background-position: 18px 12px;
}
.wp-thum.wp-sillicon {
  background-position: 18px -52px;
}
.wp-thum.wp-interior {
  background-position: 18px -127px;
}
.wp-thum.wp-car {
  background-position: 18px -199px;
}
.wp-thum.wp-factory {
  background-position: 18px -269px;
}
.wp-thum.wp-glass {
  background-position: 18px -334px;
}
.wp-thum.wp-paint {
  background-position: 18px -407px;
}
.wp-thum.wp-ship {
  background-position: 18px -473px;
}
.wp-thum.wp-plastic {
  background-position: 18px -547px;
}
.wp-thum.wp-material {
  background-position: 18px -617px;
}
.wp-thum.wp-source {
  background-position: 18px -688px;
}
.wp-thum.wp-product {
  background-position: 18px -755px;
}
.wp-thum.wp-rnd {
  background-position: 18px -827px;
}
.wp-proc-8d {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 3px 7px;
  border-radius: 2px;
}
.wp-proc-8d.wp-sta-1 {
  background: #00c2c2;
}
.wp-proc-8d.wp-sta-2 {
  background: #ffb600;
}
.wp-proc-8d.wp-sta-3 {
  background: #3aa3cd;
}
.wp-proc-8d.wp-sta-4 {
  background: #6faa01;
}
.wp-proc-8d.wp-sta-5 {
  background: #0a62ac;
}
.wp-proc-8d.wp-sta-6 {
  background: #e15a31;
}
.wp-proc-ship {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 2px 0 1px 0;
  border-radius: 2px;
  width: 59px;
  text-align: center;
  margin-right: 5px;
}
.wp-proc-ship.wp-sta-1 {
  background: #00c2c2;
}
.wp-proc-ship.wp-sta-2 {
  background: #ffb600;
}
.wp-proc-ship.wp-sta-3 {
  background: #3aa3cd;
}
.wp-proc-ship.wp-sta-4 {
  background: #6faa01;
}
.wp-proc-ship.wp-sta-5 {
  background: #0a62ac;
}
.wp-proc-ship.wp-sta-6 {
  background: #e15a31;
}
.wp-proc-ship2 {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 3px 7px;
  border-radius: 2px;
}
.wp-proc-ship2.wp-sta-1 {
  background: #00c2c2;
}
.wp-proc-ship2.wp-sta-2 {
  background: #ffb600;
}
.wp-proc-ship2.wp-sta-3 {
  background: #3aa3cd;
}
.wp-proc-ship2.wp-sta-4 {
  background: #6faa01;
}
.wp-proc-ship2.wp-sta-5 {
  background: #0a62ac;
}
.wp-proc-ship2.wp-sta-6 {
  background: #e15a31;
}
.wp-view-step {
  background: url(/image/icon/spr_8dGraph.gif) no-repeat left top;
}
.wp-view-step.wp-proc-d0 {
  background-position: 0 0;
}
.wp-view-step.wp-proc-d1 {
  background-position: 0 -89px;
}
.wp-view-step.wp-proc-d2 {
  background-position: 0 -177px;
}
.wp-view-step.wp-proc-d3 {
  background-position: 0 -265px;
}
.wp-view-step.wp-proc-d4 {
  background-position: 0 -353px;
}
.wp-view-step.wp-proc-d5 {
  background-position: 0 -441px;
}
.wp-view-step.wp-proc-d6 {
  background-position: 0 -529px;
}
.wp-view-step.wp-proc-d7 {
  background-position: 0 -617px;
}
.wp-view-step.wp-proc-d8 {
  background-position: 0 -705px;
}
.wp-inform-thum {
  display: inline-block;
  width: 38px;
  height: 38px;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
  font-family: notokr-medium, ntk-m;
  line-height: 39px;
}
.wp-inform-thum.edps {
  background: #0a8e6e;
}
.wp-inform-thum.tqm {
  background: #2b2b2b;
}
.wp-inform-thum.ship {
  background: #034ea2;
}
.wp-inform-thum.car {
  background: #454e7c;
}
.wp-inform-thum.factory {
  background: #658505;
}
.wp-inform-thum.sillicon {
  background: #a66213;
}
.wp-inform-thum.plant {
  background: #942162;
}
button {
  display: inline-block;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  font-family: ntk-m;
}
button span {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.wp-spr-btn {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
}
.wp-spr-btn2 {
  background-image: url(/image/btn/spr_btn2.png);
  background-repeat: no-repeat;
}
.wp-btn {
  min-width: 30px;
  height: 30px;
  padding: 0 10px 2px;
  margin: 0 1px;
}
.wp-btn.clear {
  background-color: transparent !important;
}
.wp-btn.white {
  background-color: #fff !important;
}
.wp-btn.gray {
  background-color: #a9acbb!important;
  color: #fff;
}
.wp-btn.silver {
  background-color: #f4f5fa;
}
.wp-btn.darkgray {
  background-color: #7A818B;
  color: #fff;
}
.wp-btn.blue {
  background-color: #4699dc;
  color: #fff;
}
.wp-btn.blue1 {
  background-color: #389bea;
  color: #fff;
}
.wp-btn.blue2 {
  background-color: #6493b3;
  color: #fff;
}
.wp-btn.grayblue {
  background-color: #a9acbb;
  color: #fff;
}
.wp-btn.grayblue2,
.wp-btn.steelblue {
  background-color: #98afbd;
  color: #fff;
}
.wp-btn.skyblue {
  background-color: #78b3e3;
  color: #fff;
}
.wp-btn.green {
  background-color: #60bdc2!important;
  color: #fff;
}
.wp-btn.green2 {
  background-color: #4aa0a0;
  color: #fff;
}
.wp-btn.black {
  background-color: #333;
  color: #fff;
}
.wp-btn.orange {
  background-color: #ffb400;
  color: #fff;
}
.wp-btn.coral {
  background-color: #ff8109;
  color: #fff;
}
.wp-btn.tomato {
  background-color: #f16761;
  color: #fff;
}
.wp-btn.txt {
  background-color: transparent;
}
.wp-btn.txtWhite {
  background-color: transparent;
  color: #fff;
}
.wp-btn.txtgray {
  background-color: transparent;
  color: #747478;
}
.wp-btn.txtgreen {
  background-color: transparent;
  color: #60bdc2;
}
.wp-btn.txtunderline {
  text-decoration: underline;
}
.wp-btn.bgray {
  border: 1px solid #ccc;
}
.wp-btn.bdarkgray {
  border: 1px solid #BFC3C6;
  color: #7F888D;
}
.wp-btn.bblue {
  border: 1px solid #78b3e3;
  color: #389bea;
}
.wp-btn.bgreen {
  border: 1px solid #60bdc2;
}
.wp-btn.borange {
  border: 1px solid #ff8e00;
  color: #ff8a00;
}
.wp-btn.cr3 {
  border-radius: 3px;
}
.wp-btn.small {
  min-width: 28px;
  height: 28px;
}
.wp-btn.small2 {
  min-width: 28px;
  height: 24px;
}
.wp-btn.small3 {
  min-width: 28px;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
}
.wp-btn.big {
  min-width: 36px;
  height: 36px;
  padding: 0px 10px 4px;
}
.wp-btn.big.plus-white {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -54px -30px;
  padding-left: 25px;
}
.wp-btn.big2 {
  min-width: 128px;
  height: 57px;
  padding: 0 10px;
}
.wp-btn.circle60 {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.wp-btn.plus {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -260px -50px;
  padding-left: 22px;
}
.wp-btn.plus.small {
  background-position: -260px -51px;
}
.wp-btn.plus2 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -260px -51px;
}
.wp-btn.plus3 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -259px 11px;
  padding-left: 29px;
}
.wp-btn.plus4 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 8px -442px;
}
.wp-btn.plus4.small {
  background-position: 7px -443px;
}
.wp-btn.plus4.on {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 8px -412px;
}
.wp-btn.plus4.on.small {
  background-position: 7px -413px;
}
.wp-btn.plus-blue {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -232px -22px;
}
.wp-btn.plus-blue.small {
  background-position: -234px -24px;
}
.wp-btn.plus-blue.on {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -232px 8px;
}
.wp-btn.plus-blue.on.small {
  background-position: -234px 6px;
}
.wp-btn.write {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 5px -355px;
  background-color: transparent;
}
.wp-btn.trash {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -24px -54px;
  background-color: transparent !important;
}
.wp-btn.trash-gray {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 5px -294px;
  background-color: transparent;
}
.wp-btn.add {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -56px -176px;
}
.wp-btn.add2 {
  background-image: url(/image/btn/spr_btn2.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-left: 30px;
}
.wp-btn.zoom {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: -260px -83px;
  background-color: transparent;
}
.wp-btn.zoom.small {
  background-position: -260px -85px;
}
.wp-btn.star {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: -25px 7px;
  background-color: transparent;
}
.wp-btn.star.gray-off {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: -25px -23px;
  background-color: transparent;
}
.wp-btn.star2 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -24px -24px;
  background-color: transparent;
}
.wp-btn.star2.on {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -24px 8px;
  background-color: transparent;
}
.wp-btn.view {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: -145px -170px;
  background-color: transparent;
}
.wp-btn.detail-view {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -144px -234px;
  background-color: transparent !important;
}
.wp-btn.edit {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: -142px -201px;
  background-color: transparent;
}
.wp-btn.folding {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: -261px -140px;
  background-color: transparent;
}
.wp-btn.folding.on {
  background-position: -261px -170px;
}
.wp-btn.folding.small {
  background-position: -260px -260px;
}
.wp-btn.folding.small.on {
  background-position: -260px -290px;
}
.wp-btn.folding2 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -261px -170px;
  background-color: transparent;
}
.wp-btn.folding2.on {
  background-position: -261px -140px;
}
.wp-btn.folding2.small {
  background-position: -262px -260px;
}
.wp-btn.folding2.small.on {
  background-position: -262px -290px;
}
.wp-btn.arrow {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -188px -321px;
  padding-right: 20px;
  background-color: transparent;
}
.wp-btn.arrow2 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -270px -476px;
  padding-left: 15px;
  background-color: transparent;
}
.wp-btn.refresh {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: -260px -112px;
  background-color: transparent;
}
.wp-btn.prev {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -257px -352px;
}
.wp-btn.prev.disable {
  background-position: -257px -412px;
}
.wp-btn.next {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -257px -322px;
}
.wp-btn.next.disable {
  background-position: -257px -382px;
}
.wp-btn.prev2 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -168px 8px;
}
.wp-btn.next2 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -200px 8px;
}
.wp-btn.prev3 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -90px -388px;
  background-color: transparent;
  height: 52px;
}
.wp-btn.prev3.disable {
  background-position: -90px -450px;
}
.wp-btn.next3 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -150px -388px;
  background-color: transparent;
  height: 52px;
}
.wp-btn.next3.disable {
  background-position: -150px -450px;
}
.wp-btn.prev-txt {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -259px -351px;
  padding-left: 29px;
}
.wp-btn.next-txt {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -258px -321px;
  padding-left: 29px;
}
.wp-btn.file {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 6px -237px;
  /* width: auto; padding-right: 2px;*/
}
.wp-btn.file-txt {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -264px -444px;
  padding-left: 29px;
  font-size: 13px;
  word-break: keep-all;
}
.wp-btn.search-white {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  /*  background-position: -52px 6px; */
  background-position: 6px 5px;
  background-image: url(/image/btn/btn_search3.png);
  padding-left: 29px;
}
.wp-btn.plus-white {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -55px -33px;
  padding-left: 25px;
}
.wp-btn.upload-white {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -54px -69px;
  padding-left: 25px;
}
.wp-btn.mody {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 5px -84px;
}
.wp-btn.mody2 {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 5px -264px;
}
.wp-btn.clip {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -143px -264px;
}
.wp-btn.approval {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 5px -325px;
}
.wp-btn.top {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  width: 43px;
  height: 44px;
  background-color: transparent;
  background-position: -181px -120px;
}
.wp-btn.top-search {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 46px;
  background-color: transparent;
  background-position: 3px 3px;
  background-image: url('/image/btn/spr_btn_car_02.png');
}
.wp-btn.top-car {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 46px;
  background-color: transparent;
  background-position: 3px 3px;
  background-image: url('/image/btn/spr_btn_car_01.png');
}
.wp-btn.gear {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -18px -231px;
  padding-left: 35px;
}
.wp-btn.logout {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -18px -261px;
  padding-left: 35px;
}
.wp-btn.inform {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 8px -204px;
  padding-left: 29px;
  color: #fff;
}
.wp-btn.inform-num {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: -90px -210px;
}
.wp-btn.inform-icon {
  background-image: url(/image/btn/spr_btn.png);
  background-image: url(/image/common/spr_inform.png);
  background-repeat: no-repeat;
  background-position: -442px 8px;
  padding-left: 29px;
}
.wp-btn.inform-icon-refresh {
  background-image: url(/image/btn/spr_btn.png);
  background-image: url(/image/common/spr_inform.png);
  background-repeat: no-repeat;
  background-position: -445px -45px;
}
.wp-btn.magnifier {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: -263px -84px;
}
.wp-btn.xls {
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
  background-position: 6px -385px;
}
.wp-btn.menuset {
  background-color: #fff;
  color: #898b8e;
  border: 1px solid #d8dbe3;
}
.wp-btn.menuset.on,
.wp-btn.menuset:hover {
  background-color: #60bdc2;
  border-color: #1fb3ba;
  color: #fff;
}
.wp-btn.menuset-ship {
  padding-left: 30px;
  background-position: 18px -473px;
  background-image: url(/image/icon/spr_list8d.png);
  background-repeat: no-repeat;
}
.wp-btn.menuset-ship.on,
.wp-btn.menuset-ship:hover {
  background-image: url(/image/icon/spr_list8d_white.png);
}
.wp-btn.menuset-car {
  padding-left: 45px;
  background-position: 18px -199px;
  background-image: url(/image/icon/spr_list8d.png);
  background-repeat: no-repeat;
}
.wp-btn.menuset-car.on,
.wp-btn.menuset-car:hover {
  background-image: url(/image/icon/spr_list8d_white.png);
}
.wp-btn.menuset-factory {
  padding-left: 45px;
  background-position: 18px -269px;
  background-image: url(/image/icon/spr_list8d.png);
  background-repeat: no-repeat;
}
.wp-btn.menuset-factory.on,
.wp-btn.menuset-factory:hover {
  background-image: url(/image/icon/spr_list8d_white.png);
}
.wp-btn.menuset-sillicon {
  padding-left: 45px;
  background-position: 18px -52px;
  background-image: url(/image/icon/spr_list8d.png);
  background-repeat: no-repeat;
}
.wp-btn.menuset-sillicon.on,
.wp-btn.menuset-sillicon:hover {
  background-image: url(/image/icon/spr_list8d_white.png);
}
.wp-btn.menuset-container {
  padding-left: 45px;
  background-position: 18px -892px;
  background-image: url(/image/icon/spr_list8d.png);
  background-repeat: no-repeat;
}
.wp-btn.menuset-container.on,
.wp-btn.menuset-container:hover {
  background-image: url(/image/icon/spr_list8d_white.png);
}
.wp-btn.weather {
  background-position: 0px 0;
  background-image: url(/image/ship/spr_ship_weather.png);
}
.wp-btn.wp-btn-next {
  padding-right: 25px;
  position: relative;
}
.wp-btn.wp-btn-next span {
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  visibility: visible;
  width: 18px;
  height: 18px;
  background-position: -200px -325px;
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
}
.wp-btn.wp-btn-prev {
  padding-left: 25px;
  position: relative;
}
.wp-btn.wp-btn-prev span {
  display: block;
  position: absolute;
  left: 10px;
  top: 5px;
  visibility: visible;
  width: 18px;
  height: 18px;
  background-position: -208px -355px;
  background-image: url(/image/btn/spr_btn.png);
  background-repeat: no-repeat;
}
.wp-btn-stick {
  display: inline-block;
}
.wp-btn-stick .wp-btn {
  margin: 0 -2px !important;
}
.wp-close-btn {
  min-width: 28px;
  height: 30px;
  padding-right: 20px;
  border-radius: 3px;
  line-height: 0;
  background: #60bdc2 url(/image/btn/btn_close2.png) no-repeat 100% 50%;
  background-position: calc(100% - 7px) 50%;
  color: #fff;
}
.wp-btn-gray-refresh {
  width: 40px;
  height: 36px;
  background-color: #c9cdd0;
  border-radius: 1px;
  background-position: -228px -112px;
}
.wp-btn-gray-folding {
  width: 40px;
  height: 36px;
  background-color: #c9cdd0;
  border-radius: 1px;
  background-position: -228px -197px;
}
.wp-btn-gray-folding.on {
  background-position: -228px -226px;
}
.wp-btn-gray-text {
  padding: 0 26px;
  height: 30px;
  background-color: #a9acbb;
  border-bottom: 2px solid #72768f;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  vertical-align: bottom;
  line-height: 14px;
}
.wp-btn-gray-text2 {
  padding: 8px 55px;
  height: 39px;
  background-color: #434655;
  border-bottom: 3px solid #242839;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  vertical-align: bottom;
}
.wp-btn-gray-text3 {
  padding: 0 15px 2px;
  height: 36px;
  background-color: #a9acbb;
  border-radius: 3px;
  color: #fff;
  letter-spacing: -1px;
}
.wp-btn-gray-text4 {
  padding: 8px 22px;
  height: 39px;
  background-color: #a9acbb;
  border-bottom: 2px solid #72768f;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  vertical-align: bottom;
}
.wp-btn-gl-view {
  width: 26px;
  height: 26px;
  background-color: #f4f5fa;
  background-position: 3px -54px;
  border: 1px solid #eff1f6;
}
.wp-btn-gl-mod {
  width: 26px;
  height: 26px;
  background-color: #f4f5fa;
  background-position: 5px -85px;
  border: 1px solid #eff1f6;
}
.wp-btn-blue-issue {
  width: 89px;
  height: 36px;
  padding-left: 27px;
  background-color: #4699dc;
  border-radius: 1px;
  background-position: -258px 11px;
  color: #fff;
}
.wp-btn-blue-text {
  padding: 10px 40px;
  background-color: #1EB3B9;
  border-bottom: 2px solid #009FAB;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
}
.wp-btn-wl-star {
  width: 26px;
  height: 26px;
  background-color: #fff;
  background-position: -27px -28px;
  border: 1px solid #eff1f6;
}
.wp-btn-wl-star.wp-on {
  background-position: -27px 2px;
}
.wp-btn-wl-left {
  width: 28px;
  height: 28px;
  background-color: #fff;
  background-position: -260px -352px;
  border: 1px solid #b4b2b3;
}
.wp-btn-wl-right {
  width: 28px;
  height: 28px;
  background-color: #fff;
  background-position: -260px -322px;
  border: 1px solid #b4b2b3;
}
.wp-btn-wl-plus {
  padding: 5px 25px 10px 40px;
  height: 39px;
  border: 1px solid #ccc;
  border-bottom: 4px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  background-position: -261px -19px;
  font-size: 16px;
  color: #747478;
  vertical-align: bottom;
}
.wp-btn-wl-trash {
  width: 26px;
  height: 26px;
  border: 1px solid #b4b2b3;
  background-position: -25px -55px;
  background-color: transparent;
}
.wp-btn-wl-fold {
  width: 25px;
  height: 26px;
  border: 1px solid #b4b2b3;
  background-position: -234px -24px;
  background-color: transparent;
}
.wp-btn-wl-fold.on {
  background-position: -234px 6px;
}
.wp-btn-wl-text {
  height: 26px;
  padding: 0 10px 2px;
  background-color: #fff;
  border: 1px solid #b4b2b3;
  font-size: 13px;
  color: #747478;
  letter-spacing: -1px;
}
.wp-btn-trash {
  margin-top: -3px;
  width: 26px;
  height: 26px;
  background-position: -25px -55px;
  background-color: transparent;
}
.wp-btn-trash.small {
  width: 20px;
  height: 20px;
  background-position: -24px -85px;
}
.wp-btn-close-layer {
  width: 27px;
  height: 28px;
  background-position: 0px -119px;
}
.wp-btn-close-layer2 {
  width: 13px;
  height: 13px;
  background-position: -123px -123px;
  background-color: transparent;
}
.wp-ui-btn-switch li {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
.wp-ui-btn-switch button {
  height: 28px;
  border: 1px solid #60bdc2;
  border-left: none;
  background: #fff;
  font-size: 12px;
  padding: 0 22px;
  line-height: 10px;
}
.wp-ui-btn-switch input[type=radio] {
  -webkit-appearance: radio;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
.wp-ui-btn-switch .right {
  border-radius: 0 5px 5px 0;
}
.wp-ui-btn-switch .left {
  border-left: 1px solid #60bdc2;
  border-radius: 5px 0 0 5px;
}
.wp-ui-btn-switch .on {
  background: #60bdc2;
  color: #fff;
}
.wp-ui-btn-switch.ship-switch li:first-child button {
  border-left: 1px solid #78b3e3;
}
.wp-ui-btn-switch.ship-switch button {
  border: 1px solid #78b3e3;
  border-left: none;
}
.wp-ui-btn-switch.ship-switch .left {
  border-left: 1px solid #78b3e3;
}
.wp-ui-btn-switch.ship-switch .on {
  background: #78b3e3;
}
.wp-ui-btn-switch.noborder-switch button {
  padding: 0 14px;
  border: 1px solid #FFF;
  border-left: none;
  background: #f5f5f7;
  color: #82939d;
}
.wp-ui-btn-switch.noborder-switch .on {
  background: #79b3e3;
  color: #fff;
}
.wp-ui-btn-switch.noround-switch li:first-child button {
  border-left: 1px solid #60bdc2;
}
input[type=text] {
  border: 1px solid #d7d7d7;
  height: 20px;
  padding: 3px 6px;
  font-family: inherit;
  font-size: 12px;
  line-height: 16px;
}
.wp-input-search {
  display: inline-block;
  position: relative;
  height: 26px;
  border: 1px solid #d7d7d7;
  vertical-align: top;
}
.wp-input-search input {
  width: 100%;
  height: 26px;
  padding: 0 40px 0 6px;
  border: none;
  font-size: 12px;
  /*text-transform: uppercase;*/
}
.wp-input-search * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-input-search .wp-btn-search {
  position: absolute;
  top: 6px;
  right: 0;
  width: 36px;
  height: 28px;
  margin-top: -6px;
  background: url(/image/btn/btn_search2.png) no-repeat 50% 50%;
}
.wp-input-search.big {
  height: 34px;
}
.wp-input-search.big input {
  height: 34px;
}
.wp-input-search.big .wp-btn-search {
  height: 35px;
}
.wp-ui-select {
  display: inline-block;
}
.wp-ui-select select {
  width: 100%;
  height: 28px;
  padding: 3px 27px 3px 6px;
  padding-right: 5px\9;
  font-family: inherit;
  font-size: 12px;
  line-height: 16px;
  background: #ffffff url(/image/common/bg_select.png) no-repeat right 50%;
  border: 1px solid #d7d7d7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wp-ui-select select * {
  padding: 10px 0;
}
.wp-ui-select select:disabled {
  background-color: #ebebe4;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wp-ui-select select {
    padding: 3px 27px 3px 6px;
  }
}
.wp-ui-select select::-ms-expand {
  display: none!important;
}
.wp-ui-label {
  display: inline-block;
  vertical-align: middle;
}
.wp-ui-label label {
  display: inline-block;
  margin: 4px 1px;
  padding-top: 2px;
  font-size: 14px;
  color: #000;
  line-height: 18px;
  vertical-align: top;
}
.wp-ui-label .wp-ui-checkbox,
.wp-ui-label .wp-ui-radio {
  margin: 6px 0 0;
}
.wp-ui-checkbox {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-top: 10px;
  background: url('/image/common/spr_form.png') no-repeat 0 0;
  vertical-align: top;
  overflow: hidden;
}
.wp-ui-checkbox.checked {
  background-position: -18px 0;
}
.wp-ui-checkbox .wp-inp-checkbox {
  position: relative;
  margin: -7px 0 0 -7px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: 0;
}
.wp-ui-checkbox input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
.wp-ui-radio {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  background: url('/image/common/spr_form.png') no-repeat 0 -20px;
  vertical-align: top;
  overflow: hidden;
}
.wp-ui-radio.checked {
  background-position: -21px -20px;
}
.wp-ui-radio .wp-inp-radio {
  position: relative;
  margin: -7px 0 0 -7px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: 0;
}
.wp-ui-radio input[type="radio"] {
  -webkit-appearance: radio;
}
textarea {
  font-family: ntk-dl;
  resize: none;
  wrap: hard;
  border: 1px solid #d7d7d7;
}
input[type=text].wp-inp-datepicker {
  width: 110px;
  height: 28px;
  padding: 0 25px 0 6px;
  background: #ffffff url('/image/common/ico-calendar.png') no-repeat 95% 50%;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  font-size: 12px;
  color: #272727 !important;
  vertical-align: middle;
  line-height: 26px;
  cursor: pointer;
}
input[type=text].wp-inp-datepicker:hover,
input[type=text].wp-inp-datepicker:focus {
  border-color: #52a9ff;
  color: #333;
  outline: none;
}
input[type=text].wp-inp-datepicker[disabled] {
  background: #ebebe4 url('/image/common/ico-calendar-disabled.png') no-repeat 95% 50%;
  border-color: #c9c9c9;
  color: #aaa;
}
input[type=text].wp-inp-datepicker[disabled]:hover,
input[type=text].wp-inp-datepicker[disabled]:focus {
  color: #aaa;
}
input[type=text].wp-inp-datepicker[placeholder] {
  color: #999;
}
input[type=text].wp-inp-datepicker[readonly]:hover,
input[type=text].wp-inp-datepicker[readonly]:focus,
input[type=text].wp-inp-datepicker[disabled]:hover,
input[type=text].wp-inp-datepicker[disabled]:focus {
  border-color: #c9c9c9;
}
input[type=text].wp-inp-datepicker.time-picker,
input[type=text].wp-inp-datepicker.time-picker-maxdate {
  width: 160px;
}
.mdash {
  display: inline-block;
  height: 20px;
  margin: 0 2px;
  padding: 0 5px;
  background: url('/image/common/bg-mdash.png') no-repeat 50% 50%;
  line-height: 0;
  vertical-align: middle;
}
input[type=text].wp-inp-datepicker.wp-month-picker {
  width: 87px;
}
input[type=text].wp-inp-datepicker.wp-time-picker {
  width: 177px;
}
input[type=text].wp-inp-datepicker .wp-ui-datepicker-calendar {
  display: none;
}
.ui-datepicker .ui-datepicker-calendar thead th span {
  font-size: 11px!important;
}
.wp-file {
  position: relative;
  width: 53px;
  height: 26px;
  overflow: hidden;
}
.wp-file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 53px;
  height: 26px;
  opacity: 0;
  cursor: hand !important;
}
.wp-table-st1 input[type=text],
.wp-table-st2 input[type=text],
.wp-table-st3 input[type=text] {
  height: 28px;
}
.wp-table-st1 .wp-input-search,
.wp-table-st2 .wp-input-search,
.wp-table-st3 .wp-input-search {
  height: 30px;
}
.wp-table-st1 .wp-input-search input,
.wp-table-st2 .wp-input-search input,
.wp-table-st3 .wp-input-search input {
  height: 28px;
}
.wp-list-st1 li {
  min-height: 57px;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.wp-list-st1 .wp-thum {
  margin-right: 15px;
}
.wp-list-st1 .wp-icon-approval {
  margin: 0 5px;
  padding-left: 26px;
  background: url(/image/btn/spr_btn.png) no-repeat 5px -327px;
}
.wp-list-st1 .wp-text {
  float: left;
  width: 880px;
  cursor: pointer;
}
.wp-list-st1 .wp-text .wp-text-main {
  width: 100%;
  cursor: pointer;
  color: #222;
  font-family: notokr-medium, ntk-m;
}
.wp-list-st1 .wp-text .wp-text-sub {
  font-size: 12px;
  color: #747478;
  font-family: ntk-m;
  line-height: 16px;
}
.wp-list-st1 .wp-text .wp-text-sub .wp-sep {
  border-right: 1px solid #ccc;
  margin-right: 6px;
  padding-right: 8px;
}
.wp-list-st1 .wp-text .wp-text-sub .wp-sep:last-child {
  border-right: none;
}
.wp-list-st1 .wp-text .wp-text-sub .wp-proc-8d2.wp-ing {
  color: #fc5474;
}
.wp-list-st1 .wp-etc {
  position: relative;
  float: left;
  width: 135px;
}
.wp-list-st1 .wp-etc .wp-view-step {
  position: absolute;
  top: 0;
  left: 8px;
  width: 60px;
  height: 61px;
}
.wp-list-st1 .wp-etc .wp-view-step p {
  text-align: center;
  font-family: notokr-light, ntk-l;
  font-size: 11px;
  color: #b1b5c2;
  line-height: 15px;
}
.wp-list-st1 .wp-etc .wp-view-step p.wp-proc-tit {
  font-size: 14px;
  color: #54565b;
  padding-top: 15px;
}
.wp-list-st1 .wp-etc .wp-mod-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 52px;
}
.wp-list-st1 .wp-etc .wp-mod-btn li {
  min-height: 26px;
  padding: 0;
  border-bottom: none;
}
.wp-list-st1 .wp-list-cont {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  margin-bottom: -10px;
  padding: 20px;
  background-color: #fff;
}
.wp-pop-conts .wp-list-header {
  padding-top: 15px;
  width: 660px;
  height: 50px;
  background: #434655;
  color: #fff;
  text-align: center;
}
.wp-list-st2 {
  overflow-y: auto;
  height: auto;
  border: 1px solid #e8e8e8;
}
.wp-list-st2 li {
  position: relative;
  height: 39px;
  border-bottom: 1px solid #e8e8e8;
}
.wp-list-st2 li > div {
  position: absolute;
  top: 0;
  padding: 10px;
  font-size: 13px;
}
.wp-list-st2 li .wp-listbox-col1 {
  left: 0;
  width: 140px;
  text-align: center;
  color: #ba8a51;
}
.wp-list-st2 li .wp-listbox-col2 {
  left: 140px;
  right: 50px;
  color: #747478;
}
.wp-list-st2 li .wp-listbox-col3 {
  right: 0;
  width: 50px;
  text-align: center;
}
.wp-list-st2 li.wp-on {
  background: #e4f7f8;
}
.wp-list-st2 li.wp-on .wp-listbox-col2 {
  color: #12868c;
}
.wp-list-st2 li:hover,
.wp-list-st2 li.on {
  background: #EDFDFC;
}
.wp-list-st2.wp-type2 .wp-listbox-col1 {
  left: 30px;
  right: 50px;
  width: auto;
  color: #747478;
  text-align: left;
}
.wp-list-st2.wp-type2 .wp-listbox-col2 {
  left: auto;
  right: 0;
  width: 50px;
  text-align: center;
}
.wp-list-st2.wp-type2.wp-on .wp-listbox-col1 {
  color: #12868c;
}
.wp-list-st2bordernone {
  border: none!important;
}
.wp-list-st3 {
  position: absolute;
  width: 201px;
}
.wp-list-st3 .wp-list-header {
  width: 201px;
}
.wp-list-st3 li {
  position: relative;
  padding: 12px 0 0 20px;
  height: 40px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  color: #747478;
  font-size: 13px;
  border-collapse: collapse;
  margin-top: -1px;
}
.wp-list-st3 li .wp-num {
  color: #e47c00;
}
.wp-list-st3 li .wp-list-tail {
  display: none;
  position: absolute;
  top: 11px;
  right: -10px;
}
.wp-list-st3 li.wp-on {
  background: #1fb3ba;
  border-color: #009fab;
  color: #fff;
  margin-top: 0;
}
.wp-list-st3 li.wp-on .wp-num {
  color: #fff;
}
.wp-list-st3 li.wp-on .wp-list-tail {
  display: block;
}
.wp-list-st3 li.disabled {
  color: #ccc;
}
.wp-list-st3 li.disabled .wp-num {
  color: #ccc;
}
.wp-list-st4 {
  overflow-y: auto;
  height: auto;
  border: 1px solid #e8e8e8;
  border-top: 2px solid #333;
}
.wp-list-st4 li {
  position: relative;
  min-height: 39px;
}
.wp-list-st4 li .wp-row {
  position: relative;
  height: 39px;
  border-bottom: 1px solid #e8e8e8;
}
.wp-list-st4 li .wp-icon-folding {
  margin-top: -3px;
  width: 24px;
  height: 24px;
  border-radius: 15px;
  border: 1px solid #b5b4b4;
  background: url(/image/common/spr_etc.png) no-repeat 6px 6px;
}
.wp-list-st4 li.wp-on > .wp-row > .wp-listbox-col1 > .wp-icon-folding {
  background-position: 6px -20px;
}
.wp-list-st4 li .wp-row > div {
  position: absolute;
  top: 0;
  padding: 10px;
  font-size: 13px;
}
.wp-list-st4 li .wp-listbox-col1 {
  left: 0;
  width: 44px;
  text-align: center;
  color: #ba8a51;
}
.wp-list-st4 li .wp-listbox-col2 {
  left: 35px;
  right: 50px;
  color: #747478;
}
.wp-list-st4 li .wp-listbox-col3 {
  right: 0;
  width: 50px;
  text-align: center;
}
.wp-list-st4 li > ul > li .wp-listbox-col1 {
  left: 23px;
}
.wp-list-st4 li > ul > li .wp-listbox-col2 {
  left: 57px;
}
.wp-list-st4 li > ul > li > ul > li .wp-listbox-col1 {
  left: 56px;
}
.wp-list-st4 li > ul > li > ul > li .wp-listbox-col2 {
  left: 90px;
}
.wp-list-st4 li > ul > li > ul > li > ul > li .wp-listbox-col1 {
  left: 80px;
}
.wp-list-st4 li > ul > li > ul > li > ul > li .wp-listbox-col2 {
  left: 114px;
}
.wp-list-st5 {
  position: absolute;
  top: 40px;
  width: 258px;
  border: 1px solid #b8b8b8;
  border-top: none;
}
.wp-list-st5 .wp-list-header {
  width: 258px;
  height: 40px;
  padding: 0;
  background-color: #fff;
  color: #545454;
  font-size: 14px;
  border-bottom: 1px solid #b8b8b8;
  background: #ffffff url(/image/bg/@qmap_1.gif) no-repeat 233px 50%;
}
.wp-list-st5 .wp-list-header button {
  margin: 0;
  width: 100%;
  height: 100%;
  padding-right: 40px;
  text-align: right;
}
.wp-list-st5 li {
  position: relative;
  padding: 12px 0 0 45px;
  height: 28px;
  background: #fff;
  color: #686868;
  font-size: 13px;
}
.wp-list-st5 li .wp-check {
  position: absolute;
  top: 2px;
  left: 20px;
}
.wp-list-st5 li .wp-num {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 13px;
  color: #f26330;
}
.wp-list-st5 li.wp-on {
  background: #e4f7f8;
  color: #12868c;
}
.wp-list-st6 li {
  display: inline-block;
  float: left;
  padding: 2px;
  padding-left: 0;
}
.wp-list-st7 li {
  position: relative;
  min-height: 65px;
  padding: 9px 0;
  border: 1px solid #ddd;
  margin-bottom: 7px;
  border-radius: 3px;
}
.wp-list-st7 li:hover {
  background-color: #f3fbf9;
  border-color: #87cec0;
}
.wp-list-st7 .wp-thum2 {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 60px;
  height: 60px;
  border: 1px solid #efefef;
  border-radius: 3px;
  background-size: cover;
  background-position: 50% 50%;
}
.wp-list-st7 .wp-text {
  margin: 9px 410px 9px 100px;
  cursor: pointer;
}
.wp-list-st7 .wp-text .wp-text-main {
  width: 100%;
  margin-bottom: -10px;
  font-family: notokr-medium, ntk-m;
  font-size: 15px;
  color: #222;
  cursor: pointer;
}
.wp-list-st7 .wp-text .wp-text-sub {
  font-size: 12px;
  color: #686868;
  font-family: notokr-demilight, ntk-dl;
}
.wp-list-st7 .wp-text .wp-text-sub .wp-sep {
  border-right: 1px solid #ccc;
  margin-right: 6px;
  padding-right: 8px;
}
.wp-list-st7 .wp-text .wp-text-sub .wp-sep:last-child {
  border-right: none;
}
.wp-list-st7 .wp-etc {
  position: absolute;
  top: 9px;
  right: 0;
  width: 393px;
}
.wp-list-st7 .wp-etc .wp-date,
.wp-list-st7 .wp-etc .wp-mile,
.wp-list-st7 .wp-etc .wp-belt,
.wp-list-st7 .wp-etc .wp-normal-div,
.wp-list-st7 .wp-etc .wp-proc {
  display: inline-block;
  float: left;
  width: 130px;
  height: 47px;
  padding: 9px 0;
  border-left: 1px solid #ccc;
  text-align: center;
  font-family: notokr-demilight, ntk-dl;
}
.wp-list-st7 .wp-etc .wp-date .wp-tit,
.wp-list-st7 .wp-etc .wp-mile .wp-tit,
.wp-list-st7 .wp-etc .wp-belt .wp-tit,
.wp-list-st7 .wp-etc .wp-normal-div .wp-tit,
.wp-list-st7 .wp-etc .wp-proc .wp-tit {
  font-size: 12px;
  color: #686868;
}
.wp-list-st7 .wp-etc .wp-date,
.wp-list-st7 .wp-etc .wp-normal-div {
  font-size: 14px;
  color: #222;
}
.wp-list-st7 .wp-etc .wp-date .wp-group-photo,
.wp-list-st7 .wp-etc .wp-normal-div .wp-group-photo {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: 50% 50%;
  vertical-align: middle;
}
.wp-list-st7 .wp-etc .wp-mile {
  font-size: 24px;
  color: #222;
}
.wp-list-st7 .wp-etc .wp-belt {
  width: 120px;
  /*20170417*/
  background: url(/image/qm/spr_qm.png) no-repeat -89px 13px;
}
.wp-list-st7 .wp-etc .wp-belt span {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.wp-list-st7 .wp-etc .wp-belt.mbb {
  background-position: -89px 13px;
}
.wp-list-st7 .wp-etc .wp-belt.bb {
  background-position: -89px -47px;
}
.wp-list-st7 .wp-etc .wp-belt.gb {
  background-position: -89px -107px;
}
.wp-list-st7 .wp-etc .wp-proc {
  font-size: 15px;
  padding-top: 20px;
  height: 26px;
  color: #26acac;
}
.wp-list-st7 .wp-etc .wp-proc.comp {
  color: #222;
}
.wp-list-st8 li {
  position: relative;
  height: 47px;
  margin: 0 20px;
  padding: 9px 0;
  border-bottom: 1px solid #ddd;
}
.wp-list-st8 li:hover {
  background-color: #f3fbf9;
  border-color: #87cec0;
}
.wp-list-st8 .wp-text {
  cursor: pointer;
}
.wp-list-st8 .wp-text .wp-text-main {
  width: 100%;
  margin-bottom: -10px;
  font-family: notokr-medium, ntk-m;
  font-size: 13px;
  color: #222;
  cursor: pointer;
}
.wp-list-st8 .wp-text .wp-text-sub {
  font-size: 12px;
  color: #686868;
  font-family: notokr-demilight, ntk-dl;
}
.wp-list-st8 .wp-text .wp-text-sub .wp-sep {
  border-right: 1px solid #ccc;
  margin-right: 6px;
  padding-right: 8px;
}
.wp-list-st8 .wp-text .wp-text-sub .wp-sep:last-child {
  border-right: none;
}
.wp-list-st9 li {
  position: relative;
  display: inline-block;
  float: left;
  width: 16.6%;
  width: calc(100%/6);
  height: auto;
}
.wp-list-st9 .wp-photoframe {
  padding: 5px;
  margin: 0 5px;
  border: 1px solid #ebedf2;
}
.wp-list-st9 .wp-photoframe .wp-thum2 {
  width: 100%;
  height: 126px;
  background-size: cover;
  background-position: 50% 50%;
}
.wp-list-st9 .wp-photoframe .wp-text {
  margin-top: 7px;
  padding: 0 9px;
  cursor: pointer;
}
.wp-list-st9 .wp-photoframe .wp-text .wp-text-main {
  width: 100%;
  margin-bottom: -10px;
  font-family: notokr-medium, ntk-m;
  font-size: 13px;
  color: #222;
  cursor: pointer;
}
.wp-list-st9 .wp-photoframe .wp-text .wp-text-sub {
  width: 100%;
  font-size: 12px;
  color: #686868;
  font-family: notokr-demilight, ntk-dl;
}
.wp-list-st9 .wp-photoframe .wp-text .wp-text-sub .wp-sep {
  border-right: 1px solid #ccc;
  margin-right: 6px;
  padding-right: 8px;
}
.wp-list-st9 .wp-photoframe .wp-text .wp-text-sub .wp-sep:last-child {
  border-right: none;
}
.wp-list-st10 {
  border-top: 2px solid #333;
}
.wp-list-st10 li {
  position: relative;
  min-height: 55px;
  padding: 9px 20px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #686868;
}
.wp-list-st10 li:hover {
  background-color: #f3fbf9;
  border-color: #87cec0;
}
.wp-list-st10 .wp-title {
  margin: 5px 0;
  font-size: 16px;
  font-family: ntk-m;
  color: #2f74b5;
}
.wp-list-st10 .wp-title-sub {
  font-size: 13px;
  font-family: ntk-m;
  color: #222222;
}
.wp-list-st10 .wp-type {
  position: absolute;
  top: 5px;
  right: 5px;
}
.wp-list-st11 {
  border-top: 2px solid #333;
}
.wp-list-st11 li {
  position: relative;
  min-height: 90px;
  padding: 9px 20px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #686868;
}
.wp-list-st11 li:hover {
  background-color: #f3fbf9;
  border-color: #87cec0;
}
.wp-list-st11 .wp-pjt {
  position: absolute;
  top: 26px;
  left: 25px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  font-size: 13px;
  font-family: ntk-m;
  line-height: 50px;
  border: 1px solid #ccc;
  text-align: center;
  color: #fff;
}
.wp-list-st11 .wp-pjt.pjt1 {
  background-color: #6b9fe6;
}
.wp-list-st11 .wp-pjt.pjt2 {
  background-color: #2fc6bf;
}
.wp-list-st11 .wp-pjt.pjt3 {
  background-color: #77c33f;
}
.wp-list-st11 .wp-pjt.pjt4 {
  background-color: #dc922d;
}
.wp-list-st11 .wp-pjt.pjt5 {
  background-color: #ff645b;
}
.wp-list-st11 .wp-list-cont {
  margin: 5px 160px 5px 90px;
}
.wp-list-st11 .wp-title {
  width: 100%;
  font-size: 22px;
  font-family: ntk-m;
  color: #222;
  line-height: 25px;
}
.wp-list-st11 .wp-text {
  width: 100%;
  line-height: 18px;
  margin-top: 10px;
}
.wp-list-st11 .wp-sub-cont {
  position: absolute;
  top: 21px;
  right: 24px;
  font-size: 12px;
  color: #a4a4a4;
  line-height: 22px;
}
.wp-list-st12 li {
  position: relative;
  border: 1px solid #ddd;
  margin-bottom: 7px;
  border-radius: 3px;
}
.wp-list-st12 li:hover {
  background-color: #f3fbf9;
  border-color: #87cec0;
}
.wp-list-st12 li.on .wp-list-cont {
  height: auto;
}
.wp-list-st12 li.on .wp-btn.folding3 {
  background-position: 53% -25px;
}
.wp-list-st12 .wp-list-header {
  margin: 15px 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #919191;
}
.wp-list-st12 .wp-list-header .wp-title {
  font-size: 16px;
  font-family: ntk-m;
  color: #222;
  margin-right: 100px;
}
.wp-list-st12 .wp-list-header .wp-sub-cont {
  font-size: 12px;
  font-family: ntk-m;
  color: #686868;
  line-height: 12px;
}
.wp-list-st12 .wp-list-header .wp-area-btn {
  position: absolute;
  top: 10px;
  right: 20px;
}
.wp-list-st12 .wp-list-cont {
  margin: 20px;
  height: 50px;
  overflow: hidden;
}
.wp-list-st12 .wp-btn.folding3 {
  width: 100%;
  background-position: 53% -56px;
  background-color: transparent;
  background-image: url(/image/btn/spr_btn2.png);
  background-repeat: no-repeat;
}
.wp-list-st13 li {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.wp-list-st13 li.on {
  border-top: 1px solid #919191;
  margin-top: -1px;
}
.wp-list-st13 li.on .wp-list-header {
  background-color: #eef1f3;
}
.wp-list-st13 li.on .wp-list-cont {
  display: block;
}
.wp-list-st13 li.on .wp-btn.folding3 {
  background-position: 12px -25px;
}
.wp-list-st13 .wp-list-header {
  padding: 8px 20px;
  cursor: pointer;
}
.wp-list-st13 .wp-list-header .wp-title {
  font-size: 16px;
  font-family: ntk-m;
  color: #222;
  margin-right: 100px;
}
.wp-list-st13 .wp-list-header .wp-sub-cont {
  display: inline-block;
  font-size: 12px;
  font-family: ntk-m;
  color: #686868;
  line-height: 12px;
}
.wp-list-st13 .wp-list-header .wp-sub-cont2 {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 14px;
  font-family: ntk-m;
  color: #222;
}
.wp-list-st13 .wp-list-cont {
  position: relative;
  display: none;
  padding: 10px 20px;
  overflow: hidden;
  background-color: #f9f9f9;
  border-top: 1px solid #ddd;
}
.wp-list-st13 .wp-list-cont td,
.wp-list-st13 .wp-list-cont button {
  background-color: #fff;
}
.wp-list-st13 .wp-list-cont .wp-area-btn {
  position: absolute;
  top: 11px;
  right: 20px;
}
.wp-list-st13 .wp-btn.folding3 {
  width: 40px;
  height: 18px;
  background-position: 12px -56px;
  background-color: transparent;
  background-image: url(/image/btn/spr_btn2.png);
  background-repeat: no-repeat;
}
/* 레이어 팝업 */
/* popup_style */
.wp-dim-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100%;
  z-index: 40;
}
.wp-dim-layer .wp-dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.wp-dim-layer .wp-pop-layer {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 600px;
  height: auto;
  background-color: #fff;
  border-radius: 5px;
}
.wp-pop-layer.system {
  min-width: 1000px;
  width: 100%;
}
.wp-pop-layer .wp-pop-title {
  display: block;
  width: 100%;
  padding: 5px 30px 8px 20px ;
  color: #fff;
  font-size: 14px;
  font-family: inherit;
  background: #0B8E6E;
  border-radius: 4px 4px 0 0;
}
.wp-pop-layer .wp-pop-title .wp-btn-close-layer {
  display: block;
  position: absolute;
  top: 5px;
  right: 7px;
  background-color: transparent;
  width: 20px;
  height: 20px;
}
.wp-pop-layer .wp-pop-conts {
  position: relative;
  padding: 20px 0 30px 20px;
  overflow-x: auto;
}
.wp-pop-layer .wp-pop-conts .wp-pop-cont-scrollable {
  width: 100%;
  padding-right: 20px;
  height: auto;
}
.wp-pop-layer .wp-pop-conts .wp-btn-area {
  width: 100%;
  margin-top: 30px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.wp-pop-layer .wp-pop-conts .wp-btn-area .wp-add-right-btn {
  position: absolute;
  right: 20px;
  top: 3px;
}
.wp-pop-layer .wp-pop-conts .wp-area-sele {
  margin-bottom: 10px;
}
.wp-pop-layer .wp-pop-conts .wp-area-sele.wp-type2 {
  background: url(/image/bg/bg_sep.gif) repeat-x left bottom;
  margin-bottom: 20px;
  padding-bottom: 25px;
}
.wp-pop-layer .wp-pop-conts .wp-area-sele .wp-pop-floor {
  margin-bottom: 10px;
}
.wp-pop-layer .wp-pop-conts .wp-area-sele .wp-pop-sel-title {
  display: inline-block;
  height: 30px;
  padding: 11px 5px 0 0;
  text-align: right;
  background: url(/image/common/spr_etc.png) no-repeat -261px 15px;
  font-family: inherit;
  font-size: 14px;
  line-height: 16px;
  color: #1d9aa0;
  vertical-align: bottom;
}
.wp-pop-layer .wp-pop-conts .wp-area-sele .wp-input-search {
  height: 28px;
}
.wp-pop-layer .wp-pop-conts .wp-table-st2 .wp-ui-radio,
.wp-pop-layer .wp-pop-conts .wp-list-st2 .wp-ui-radio,
.wp-pop-layer .wp-pop-conts .wp-list-st4 .wp-ui-radio,
.wp-pop-layer .wp-pop-conts .wp-listbox .wp-ui-radio {
  margin-top: 0;
}
.wp-pop-layer .wp-pop-conts .wp-table-st2 .wp-ui-checkbox,
.wp-pop-layer .wp-pop-conts .wp-list-st2 .wp-ui-checkbox,
.wp-pop-layer .wp-pop-conts .wp-list-st4 .wp-ui-checkbox,
.wp-pop-layer .wp-pop-conts .wp-listbox .wp-ui-checkbox {
  margin-top: 0;
}
.wp-pop-layer .wp-pop-conts .wp-pop-alertmemo {
  width: 100%;
  padding: 20px 10px;
  text-align: center;
}
.wp-pop-layer.wp-pop-w350 {
  width: 350px;
}
.wp-pop-layer.wp-pop-w440 {
  width: 440px;
}
.wp-pop-layer.wp-pop-w500 {
  width: 500px;
}
.wp-pop-layer.wp-pop-w700 {
  width: 700px;
}
.wp-pop-layer.wp-pop-w800 {
  width: 800px;
}
.wp-pop-layer.wp-pop-w880 {
  width: 880px;
}
.wp-pop-layer.wp-pop-w940 {
  width: 940px;
}
.wp-style-sel {
  position: relative;
  overflow: hidden;
  padding: 0 9px;
  border: 1px solid #d7d7d7;
  vertical-align: bottom;
  min-height: 28px;
}
.wp-style-sel li {
  display: inline-block;
  margin: 2px 2px 0;
  padding: 2px 3px 0 8px;
  /* margin: 5px 2px;padding:5px 6px 0; */
  padding-right: 2px;
  background: #434655;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
}
.wp-style-sel li button {
  margin-left: 7px;
  padding: 10px;
  width: 15px;
  height: 15px;
  background-position: 0 -150px;
  background-color: transparent;
  vertical-align: top;
}
.wp-selbox {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
}
.wp-selbox .wp-area-left {
  display: inline-block;
  padding: 35px 20px;
  width: 67px;
  overflow: hidden;
}
.wp-selbox .wp-area-right {
  display: inline-block;
  width: 228px;
  overflow: hidden;
}
.wp-selbox .wp-area-right .wp-selbox-title {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}
.wp-selbox .wp-area-right .wp-selbox-title .wp-num {
  font-size: 11px;
  color: #e47c00;
}
.wp-selbox .wp-area-right .wp-listbox {
  padding: 10px;
  height: 100px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  overflow-y: auto;
}
.wp-selbox .wp-area-right .wp-listbox li {
  width: 100%;
  color: #747478;
  font-size: 12px;
}
.wp-selbox .wp-area-right .wp-listbox li.wp-nodata {
  text-align: center;
  padding-top: 30px;
  color: #c4c4c4;
}
.wp-selbox.wp-row1 {
  margin-bottom: 0;
}
.wp-selbox.wp-row1 .wp-area-left {
  padding: 189px 20px;
}
.wp-selbox.wp-row1 .wp-listbox {
  height: 414px;
}
.wp-selbox.wp-row1 .wp-listbox li.wp-nodata {
  padding-top: 170px;
}
.wp-form-writer .wp-area-editor {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  clar: both;
  min-height: 400px;
}
.wp-form-writer .wp-area-editor.intable {
  border: none;
  padding-bottom: 0;
}
.wp-form-writer .wp-upload {
  margin-top: 20px;
  text-align: left;
}
.wp-form-writer .wp-upload .wp-upload-top {
  margin-bottom: 3px;
}
.wp-form-writer .wp-upload .wp-upload-top .subcont {
  float: right;
  font-size: 12px;
  padding-top: 10px;
}
.wp-form-writer .wp-upload .wp-upload-list {
  display: none;
}
.wp-form-writer .wp-upload .wp-upload-list table {
  width: 100%;
  border: 1px solid #d6d6d6;
}
.wp-form-writer .wp-upload .wp-upload-list th,
.wp-form-writer .wp-upload .wp-upload-list td {
  height: auto;
  font-size: 12px;
}
.wp-form-writer .wp-upload .wp-upload-list th {
  padding: 2px;
  background: #edefef;
  border-bottom: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  text-align: center;
}
.wp-form-writer .wp-upload .wp-upload-list th:first-child {
  border-left: none;
}
.wp-form-writer .wp-upload .wp-upload-list td {
  padding: 2px 5px;
  text-align: center;
}
.wp-form-writer .wp-upload .wp-upload-list td:nth-child(2) {
  text-align: left;
}
.wp-form-writer .wp-upload .wp-upload-list .wp-ui-checkbox {
  margin-top: 0;
}
.wp-box-st1 .head1 {
  margin: 0 0 6px !important;
  padding: 15px 38px;
  border: 1px solid #dddee0;
  font-size: inherit;
  color: #7d8d9d;
}
.wp-box-st1 .wp-box-cont {
  position: relative;
  border: 1px solid #F2F2F2;
  background: #FAFAFA;
  margin: 0 10px 6px;
}
.wp-box-st1 .wp-box-cont .head2 {
  margin: 0 35px;
  padding: 12px 13px;
  font-size: inherit;
  color: #1d9aa0;
}
.wp-box-st1 .wp-box-cont .wp-box-chk {
  position: absolute;
  top: 2px;
  right: 37px;
}
.wp-box-st1 .wp-box-cont .wp-table-st3 {
  display: none;
}
.wp-box-st1 .wp-box-cont.on {
  background: #f7fcfc;
  border: 1px solid #d7eeef;
}
.wp-box-st1 .wp-box-cont.on .head2 {
  border-bottom: 1px dashed #ddd;
}
.wp-box-st1 .wp-box-cont.on .wp-table-st3 {
  display: block;
  margin: 8px 30px;
}
.wp-loading-spinner {
  display: table;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.wp-loading-spinner .wp-box {
  display: table-cell;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
}
.wp-reply-form {
  position: relative;
  padding: 30px 150px 30px 40px;
  background-color: #fafafa;
}
.wp-reply-form textarea {
  width: 100%;
  height: 60px;
  padding: 10px;
  border: 1px solid #d7d7d7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-reply-form button {
  position: absolute;
  right: 40px;
  top: 29px;
  width: 104px;
  height: 61px;
  padding: 0;
  color: #333;
  font-size: 15px;
  border: 1px solid #d7d7d7;
}
.wp-reply-form .wp-reply-limit {
  clear: both;
  font-size: 12px;
  color: #747478;
}
.wp-reply {
  position: relative;
  margin-top: 40px;
}
.wp-reply .wp-reply-tit {
  height: 26px;
  color: #545454;
  font-size: 14px;
  padding-left: 20px;
  background: url(/image/ship/bul.png) no-repeat 0 -5px;
}
.wp-reply .wp-reply-cnt {
  margin-left: 5px;
  color: #ff6c00;
  font-size: 12px;
}
.wp-reply .wp-reply-sort {
  position: absolute;
  right: 0;
  top: 0px;
  /*top:8px;*/
}
.wp-reply .wp-reply-sort a {
  display: inline-block;
  margin-left: 20px;
  padding-left: 8px;
  color: #747478;
  font-size: 13px;
  background: url(/image/common/bul.png) no-repeat 0 6px;
}
.wp-reply .wp-reply-sort a:hover,
.wp-reply .wp-reply-sort a:focus,
.wp-reply .wp-reply-sort a.on {
  color: #333;
  background-position: 0 -14px;
}
.wp-reply .wp-reply-list {
  border-top: 2px solid #333;
}
.wp-reply .wp-reply-list li {
  position: relative;
  padding: 25px;
  border-bottom: 1px solid #ccc;
  width: auto!important;
}
.wp-reply .wp-reply-list li .wp-reply-title,
.wp-reply .wp-reply-list li .wp-reply-title a {
  color: #222;
}
.wp-reply .wp-reply-list li .wp-reply-date {
  margin-left: 10px;
  color: #c4c4c4;
  font-size: 11px;
}
.wp-reply .wp-reply-list li .wp-reply-desc {
  display: block;
  padding: 10px 40px 0 0;
}
.wp-reply .wp-reply-list li .wp-reply-desc a {
  color: #747478;
}
.wp-reply .wp-reply-list li .wp-reply-btn {
  position: absolute;
  top: 35px;
  right: 0px;
}
.wp-btn-top {
  position: fixed;
  bottom: 40px;
  left: 50%;
  margin-left: 665px;
  width: 45px;
  -webkit-transition: bottom 0.5s;
  /* Safari */
  transition: bottom 0.5s;
}
.wp-btn-top.bottom {
  bottom: 150px;
}
.wp-popup-tab-section {
  overflow: hidden;
  margin-bottom: 30px;
  border-left: 1px solid #efefef;
}
.wp-popup-tab-section .wp-popup-tab {
  float: left;
  width: 33.3%;
  border-top: 2px solid #333;
}
.wp-popup-tab-section .wp-popup-tab .wp-title {
  width: 100%;
  min-height: 37px;
  padding-top: 10px;
  font-size: 13px;
  color: #4f6270;
  text-align: center;
  background: #eef1f3;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.wp-popup-tab-section .wp-popup-tab ul {
  margin-left: -1px;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.wp-popup-tab-section .wp-popup-tab ul li {
  position: relative;
  padding: 7px 10px;
  border-bottom: 1px solid #efefef;
}
.wp-popup-tab-section .wp-popup-tab ul li:hover,
.wp-popup-tab-section .wp-popup-tab ul li.on {
  background: #d6e4ef;
}
.wp-popup-tab-section .wp-ui-checkbox {
  margin: 0 10px 0 0;
}
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:first-child li {
  color: #fff;
  background: #9fc0da;
}
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:first-child li:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -275px -84px;
}
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:first-child li:hover,
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:first-child li.on {
  color: #545454;
  background: #ffffff url(/image/common/spr_etc.png) no-repeat;
}
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:first-child li:hover:after,
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:first-child li.on:after {
  background-position: -275px -44px;
}
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:nth-child(2) {
  width: 66.7%;
}
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:nth-child(2) .wp-ui-checkbox {
  display: block;
  float: right;
}
.wp-popup-tab-section.wp-depth2 .wp-popup-tab:nth-child(2).wp-check-left .wp-ui-checkbox {
  display: block;
  float: left!important;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:first-child li {
  color: #fff;
  background: #9fc0da;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:first-child li:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -275px -84px;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:first-child li:hover,
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:first-child li.on {
  color: #545454;
  background: #ffffff url(/image/common/spr_etc.png) no-repeat;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:first-child li:hover:after,
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:first-child li.on:after {
  background-position: -275px -44px;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:nth-child(2) li {
  color: #686868;
  background: #d6e4ef;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:nth-child(2) li:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -275px -84px;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:nth-child(2) li:hover,
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:nth-child(2) li.on {
  color: #545454;
  background: #ffffff url(/image/common/spr_etc.png) no-repeat;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:nth-child(2) li:hover:after,
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:nth-child(2) li.on:after {
  background-position: -275px -44px;
}
.wp-popup-tab-section.wp-depth3 .wp-popup-tab:nth-child(3) {
  width: 33.4%;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab {
  width: 25%;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:first-child li,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(2) li {
  color: #fff;
  background: #9fc0da;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:first-child li:after,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(2) li:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -275px -84px;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:first-child li:hover,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(2) li:hover,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:first-child li.on,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(2) li.on {
  color: #545454;
  background: #ffffff url(/image/common/spr_etc.png) no-repeat;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:first-child li:hover:after,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(2) li:hover:after,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:first-child li.on:after,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(2) li.on:after {
  background-position: -275px -44px;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(3) li {
  color: #686868;
  background: #d6e4ef;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(3) li:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: -275px -84px;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(3) li:hover,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(3) li.on {
  color: #545454;
  background: #ffffff url(/image/common/spr_etc.png) no-repeat;
}
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(3) li:hover:after,
.wp-popup-tab-section.wp-depth4 .wp-popup-tab:nth-child(3) li.on:after {
  background-position: -275px -44px;
}
.wp-search-result {
  border-top: 2px solid #333;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.wp-search-result .wp-title {
  width: 100%;
  min-height: 37px;
  padding-top: 10px;
  font-size: 13px;
  color: #4f6270;
  text-align: center;
  font-weight: bold;
  background: #eef1f3;
  border-bottom: 1px solid #efefef;
}
.wp-search-result li {
  overflow: hidden;
  width: 100%;
  padding: 7px 10px;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #747478;
  font-size: 12px;
}
.wp-search-result li div {
  display: inline-block;
  padding-left: 15px;
  background: url(/image/common/spr_etc.png) no-repeat;
  background-position: 4px -58px;
}
.wp-search-result li div.wp-cate {
  padding-left: 0;
  color: #ba8a51;
  background: none;
}
.wp-search-result li div:last-child {
  background: none;
}
.wp-search-result li div span {
  color: #4e7fc3;
  font-weight: bold;
}
.wp-search-result li:hover,
.wp-search-result li.on {
  background: #eef9fd;
  border: 1px solid #51c5f1;
}
.wp-search-result li .wp-ui-checkbox {
  margin: 0 10px 0 0;
}
header.wp-main {
  position: relative;
  height: 125px;
  min-width: 1200px;
  background: transparent url(/image/bg/bg_header.gif) repeat-x left top;
  z-index: 30;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
header.wp-main .wp-header-cont {
  position: relative;
  width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
}
header.wp-main .wp-header-cont ul {
  float: left;
}
header.wp-main .wp-header-cont li {
  float: left;
  display: table;
  overflow: hidden;
}
header.wp-main .wp-header-cont h1 {
  position: absolute;
  top: 0;
  left: 20px;
  overflow: hidden;
}
header.wp-main .wp-header-cont h1 a {
  display: block;
  width: 275px;
  height: 37px;
  padding: 20px 0 0;
  font-family: notokr-medium, ntk-m;
  font-size: 20px;
  color: #fff;
}
header.wp-main .wp-header-cont h1 a img {
  vertical-align: top;
  margin-right: 8px;
}
header.wp-main .wp-header-cont nav {
  position: relative;
  width: 372px;
  margin: 0 auto;
  /* overflow: hidden;  */
  text-align: center;
  left: -50px;
}
header.wp-main .wp-header-cont nav:after {
  clear: both;
  display: block;
  content: "";
}
header.wp-main .wp-header-cont nav a {
  display: table-cell;
  width: 120px;
  height: 60px;
  border-left: 1px solid #003796;
  font-family: notokr-medium, ntk-m;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
header.wp-main .wp-header-cont nav li.on a {
  background: #fff;
  font-family: notokr-medium, ntk-m;
  color: #034ea2;
}
header.wp-main .wp-header-cont nav li:last-child a {
  border-right: 1px solid #003796;
}
header.wp-main .wp-header-cont nav .wp-shadow {
  position: absolute;
  top: 0;
  left: 242px;
}
header.wp-main .wp-header-cont .wp-sub-nav {
  position: absolute;
  top: 0;
  right: 1px;
  z-index: 32;
}
header.wp-main .wp-header-cont .wp-sub-nav a {
  display: table-cell;
  padding: 5px;
  color: #fff;
  vertical-align: middle;
  height: 50px;
}
header.wp-main .wp-header-cont .wp-sub-nav li {
  overflow: auto;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-lang {
  width: 50px;
  margin-right: 18px;
  padding: 15px 0;
  background: url(/image/icon/bul_triangleDn.png) no-repeat 96% 50%;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-lang .wp-btn.lang {
  background-repeat: no-repeat;
  background-color: transparent;
  padding-left: 10px;
  color: #fff;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-lang .wp-lang-set {
  display: none;
  position: absolute;
  top: 50px;
  left: -28px;
  width: 100px;
  background-color: #fff;
  border: 1px solid #85ced2;
  border-radius: 3px;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-lang .wp-lang-set li {
  width: 100%;
  border-bottom: 1px dashed #ccc;
  text-align: center;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-lang .wp-lang-set li:last-child {
  border: none;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-lang .wp-lang-set button {
  color: #747478;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-lang .wp-lang-set .tail {
  position: absolute;
  top: -19px;
  left: 41px;
  border-color: transparent transparent #fff transparent;
  border-width: 10px;
  border-style: solid;
  width: 0px;
  height: 0px;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform {
  width: 73px;
  margin-right: 18px;
  padding: 15px 0;
  position: relative;
  background: url(/image/icon/bul_triangleDn.png) no-repeat 96% 50%;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .inform-num {
  position: absolute;
  top: 4px;
  left: 18px;
  min-width: 20px;
  height: 22px;
  padding: 4px 0 0 1px;
  line-height: 12px;
  font-size: 12px;
  text-align: center;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set {
  display: none;
  position: absolute;
  top: 50px;
  left: -112px;
  width: 320px;
  background-color: #fff;
  border: 1px solid #85ced2;
  border-radius: 3px;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-header {
  background: #1d9aa0;
  height: 28px;
  color: #fff;
  font-size: 12px;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-header .wp-title {
  float: left;
  width: 40%;
  padding: 5px 10px 0;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-header .wp-area-etc {
  float: right;
  width: 50%;
  text-align: right;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-inform-cont {
  height: 285px;
  cursor: pointer;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-inform-cont .wp-pjt {
  display: inline-block;
  width: 55px;
  text-align: center;
  vertical-align: middle;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-inform-cont .wp-cont {
  display: inline-block;
  padding: 8px 0;
  width: 220px;
  height: 40px;
  font-size: 12px;
  vertical-align: middle;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-inform-cont .wp-cont .cont {
  line-height: 15px;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-inform-cont .wp-cont .date {
  font-size: 11px;
  color: #c4c4c4;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-inform-cont .wp-area-btn {
  display: inline-block;
  width: 30px;
  padding-left: 10px;
  text-align: center;
  vertical-align: middle;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-inform-cont li:hover {
  background-color: rgba(203, 219, 232, 0.41);
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .wp-aside {
  text-align: right;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set li {
  width: 100%;
  border-bottom: 1px solid #efefef;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set li.disabled .cont {
  color: #c4c4c4;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set .tail {
  position: absolute;
  top: -12px;
  left: 142px;
  width: 22px;
  height: 13px;
  background: url(/image/img/img_boxtail.png) no-repeat left top;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-qm {
  border: 1px solid #109f9e;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-qm .wp-header {
  background: #109f9e;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-qm .tail {
  position: absolute;
  top: -12px;
  left: 142px;
  width: 22px;
  height: 13px;
  background: url(/image/icon/icon_inform_tail_qm.png) no-repeat left top;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-8d {
  border: 1px solid #3cbc9d;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-8d .wp-header {
  background: #3cbc9d;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-8d .tail {
  position: absolute;
  top: -12px;
  left: 142px;
  width: 22px;
  height: 13px;
  background: url(/image/icon/icon_inform_tail_8d.png) no-repeat left top;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-tsd {
  border: 1px solid #498bd7;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-tsd .wp-header {
  background: #498bd7;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-inform .wp-inform-set.wp-tsd .tail {
  position: absolute;
  top: -12px;
  left: 142px;
  width: 22px;
  height: 13px;
  background: url(/image/icon/icon_inform_tail_tsd.png) no-repeat left top;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-member {
  width: 120px;
  margin-right: 18px;
  position: relative;
  background: url(/image/icon/bul_triangleDn.png) no-repeat 96% 50%;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-member .wp-photo {
  display: inline-block;
  width: 36px;
  height: 40px;
  margin-right: 10px;
  border: none;
  border-radius: 3px;
  background-size: cover;
  background-position: 50% 50%;
  vertical-align: middle;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-member .wp-member-set {
  display: none;
  position: absolute;
  top: 50px;
  left: 11px;
  width: 105px;
  background-color: #fff;
  border: 1px solid #85ced2;
  border-radius: 3px;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-member .wp-member-set li {
  width: 100%;
  border-bottom: 1px dashed #ccc;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-member .wp-member-set li:last-child {
  border: none;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-member .wp-member-set button {
  color: #747478;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-member .wp-member-set .tail {
  position: absolute;
  top: -19px;
  left: 41px;
  border-color: transparent transparent #fff transparent;
  border-width: 10px;
  border-style: solid;
  width: 0px;
  height: 0px;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-viewall {
  width: 100px;
}
header.wp-main .wp-header-cont .wp-sub-nav .wp-viewall img {
  vertical-align: top;
  margin-right: 13px;
}
header.wp-main .wp-cont-aside {
  position: relative;
  width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
}
header.wp-main .wp-cont-aside nav {
  position: absolute;
  top: 12px;
  left: 20px;
}
header.wp-main .wp-cont-aside nav button {
  width: 30px;
  height: 38px;
  background: url(/image/btn/btn_hamburger.png) no-repeat 50% 50%;
}
header.wp-main .wp-cont-aside .wp-header-systitle {
  position: absolute;
  top: 18px;
  left: 20px;
}
header.wp-main .wp-cont-aside .wp-area-search {
  position: relative;
  width: 550px;
  margin: 0 auto;
  padding-top: 13px;
  overflow: hidden;
  text-align: center;
}
header.wp-main .wp-cont-aside .wp-area-search .wp-area-input {
  display: inline-block;
  width: 355px;
  height: 26px;
  padding: 7px;
  border-radius: 5px;
  background: #f2f2f2;
  -webkit-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
header.wp-main .wp-cont-aside .wp-area-search input {
  display: inline-block;
  float: left;
  width: 315px;
  height: 24px;
  background: transparent;
  font-family: notokr-light, ntk-l;
  border: none;
  font-size: 15px;
}
header.wp-main .wp-cont-aside .wp-area-search button {
  width: 36px;
  height: 38px;
  margin-top: -6px;
  background: url(/image/btn/btn_search.png) no-repeat 50% 50%;
}
header.wp-main .wp-cont-aside .wp-header-aside {
  position: absolute;
  top: 13px;
  right: -1px;
}
header.wp-main .wp-main-select {
  position: absolute;
  width: 167px;
  height: 38px;
  z-index: 30;
}
header.wp-main .wp-main-select button {
  position: absolute;
  width: 167px!important;
  height: 38px!important;
  padding-left: 14px;
  z-index: 20;
  border: 1px solid #137bce;
  border-radius: 3px;
  background: #389bea!important;
  text-align: left;
  color: #fff;
}
header.wp-main .wp-main-select button:after {
  content: "";
  clear: both;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 36px;
  border-left: 1px solid #137bce;
  background-image: url(/image/common/spr_etc.png);
  background-repeat: no-repeat;
  background-position: -106px 15px;
}
header.wp-main .wp-main-select ul {
  position: absolute;
  width: 165px;
  top: 34px;
  padding: 10px 0;
  z-index: 10;
  border: 1px solid #137bce;
  border-radius: 3px;
  background: #389bea;
}
header.wp-main .wp-main-select ul li a {
  display: block;
  padding: 7px 14px 6px;
  color: #fff;
  background: #389bea;
}
header.wp-main .wp-main-select ul li a:hover {
  background: #137bce;
}
header.wp-main .wp-aside-button {
  position: absolute;
  right: 20px;
  top: 14px;
}
article.wp-main {
  position: relative;
  width: 100%;
  min-width: 1200px;
  z-index: 20;
  -webkit-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
article.wp-main .wp-group-head {
  width: 100%;
  min-width: 1200px;
  height: 130px;
}
article.wp-main .wp-group-head h1 {
  position: relative;
  background: #eee;
  width: 50%;
  height: 130px;
  font-family: notokr-demilight, ntk-dl;
  font-size: 44px;
  color: #92979d;
}
article.wp-main .wp-group-head h1 .wp-txt {
  position: absolute;
  top: 64px;
  color: #222;
}
article.wp-main .wp-group-head h1 .wp-txt strong {
  font-family: notokr-medium, ntk-m;
}
article.wp-main .wp-group-head h1 .wp-txt .wp-num {
  font-family: notokr-medium, ntk-m;
  font-size: 36px;
  font-style: italic;
  color: #0B8E6E;
  margin: 0 6px 0 8px;
}
article.wp-main .wp-group-head h1 .wp-txt .wp-smalltext {
  font-size: 14px;
}
article.wp-main .wp-group-head .wp-sub-link {
  position: relative;
  width: 51%;
  height: 130px;
}
article.wp-main .wp-group-head .wp-sub-link a {
  display: block;
  position: absolute;
  top: 0;
  width: 580px;
  height: 47px;
  font-size: 34px;
  color: #92979d;
  padding: 83px 0 0 30px;
}
article.wp-main .wp-group-head .wp-sub-link a .wp-num {
  font-size: 30px;
  font-style: italic;
  margin: 0 6px 0 20px;
}
article.wp-main .wp-group-head .wp-sub-link a .wp-smalltext {
  font-size: 14px;
}
article.wp-main .wp-group-head.wp-tab-left h1 {
  float: left;
}
article.wp-main .wp-group-head.wp-tab-left h1 .wp-txt {
  right: 266px;
  font-family: notokr-medium, ntk-m;
}
article.wp-main .wp-group-head.wp-tab-left .wp-sub-link {
  float: left;
  width: 50%;
  background: transparent url(/image/bg/bg_maintab_left.gif) repeat-x left top;
}
article.wp-main .wp-group-head.wp-tab-left .wp-sub-link a {
  left: 0;
  width: 550px;
  text-align: right;
}
article.wp-main .wp-group-head.wp-tab-right h1 {
  float: right;
}
article.wp-main .wp-group-head.wp-tab-right h1 .wp-txt {
  left: 266px;
}
article.wp-main .wp-group-head.wp-tab-right .wp-sub-link {
  background: transparent url(/image/bg/bg_maintab_right.gif) repeat-x right top;
}
article.wp-main .wp-group-head.wp-tab-right .wp-sub-link a {
  right: 0;
}
article.wp-main section {
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}
article.wp-main section .wp-cont {
  position: relative;
  width: 1160px;
  margin: 0 auto;
  padding: 20px;
}
article.wp-main section .wp-cont .wp-header {
  margin: 30px 0;
}
article.wp-main section .wp-cont .wp-header h1 {
  font-family: notokr-medium, ntk-m;
  font-size: 26px;
}
article.wp-main section .wp-cont .wp-header h1 em {
  font-size: 12px;
  color: #c4c4c4;
}
article.wp-main section .wp-cont .wp-group-btn {
  position: absolute;
  top: 22px;
  right: 20px;
}
article.wp-main section .wp-cont .wp-group-btn li {
  display: inline-block;
  float: left;
  margin-left: 1px;
}
article.wp-main section .wp-h-line {
  padding-top: 14px;
  background: url(/image/bg/bg_titleLine.png) no-repeat left top;
  font-family: notokr-medium, ntk-m;
  font-size: 24px;
  color: #222;
}
article.wp-main section .wp-h-line mark {
  color: #0075d9;
  background: transparent;
}
article.wp-main section.wp-stat {
  background: #eee;
}
article.wp-main section.wp-manage header {
  position: relative;
  margin-top: 21px;
  padding-bottom: 14px;
  border-bottom: 1px solid #333;
}
article.wp-main section.wp-manage header .wp-group-btn {
  top: 0;
  right: 0;
}
footer.wp-main {
  position: relative;
  height: 130px;
  min-width: 1200px;
  z-index: 10;
  border-top: 1px solid #e4e4e4;
  background: #edeff5;
}
footer.wp-main .wp-foot-cont {
  position: relative;
  width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
}
footer.wp-main .wp-foot-cont .wp-logo {
  position: absolute;
  top: 35px;
}
footer.wp-main .wp-foot-cont h1 {
  margin-left: 100px;
  padding-top: 40px;
  font-size: 13px;
  font-family: notokr-light, ntk-l;
  color: #83868b;
}
footer.wp-main .wp-foot-cont small {
  margin-left: 100px;
  font-size: 11px;
  color: #a8a8aa;
}
.wp-login-form {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 966px;
  height: 338px;
  margin: -169px 0 0 -483px;
  background: url(/image/bg/bg_loginform.jpg) no-repeat 0 0;
}
.wp-login-form h1 {
  height: 49px;
  text-indent: -999999em;
}
.wp-login-form .wp-login-input {
  padding: 46px 0 0 668px;
}
.wp-login-form .wp-login-input ul li {
  height: 49px;
  padding-left: 46px;
}
.wp-login-form .wp-login-input input {
  border: 0;
  height: 20px;
  padding: 10px 10px 10px 0;
  background: none;
}
.wp-login-form .wp-login-chk {
  overflow: hidden;
  width: 249px;
  height: 46px;
}
.wp-login-form .wp-login-chk .wp-login-chk {
  float: left;
  margin-top: -10px;
}
.wp-login-form .wp-login-chk .wp-ui-label label {
  color: #cacaca;
  font-size: 13px;
  margin-top: 0;
}
.wp-login-form .wp-login-chk .wp-login-chk-desc {
  float: right;
  color: #cacaca;
  font-size: 12px;
}
.wp-login-form .wp-login-chk .wp-ui-label .wp-ui-checkbox {
  margin-top: 2px;
}
.wp-login-form .wp-btn-login {
  padding: 8px 55px;
  width: 249px;
  height: 39px;
  background-color: #a9acbb;
  border-bottom: 3px solid #72768f;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  vertical-align: bottom;
}
.wp-login {
  width: 100%;
  background: url(/image/bg/bg_login.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.wp-login .wp-login-container {
  position: absolute;
  top: 50%;
  right: 12%;
  width: 310px;
  height: 480px;
  margin-top: -240px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.5);
}
.wp-login .wp-login-container h1 {
  width: 100%;
  height: 75px;
  margin: 50px 0;
  background: url(/image/img/img_logintitle.gif) no-repeat center top;
}
.wp-login .wp-login-container h1 span {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.wp-login .wp-login-container .wp-form {
  padding: 0 40px;
}
.wp-login .wp-login-container .wp-form * {
  box-sizing: border-box;
}
.wp-login .wp-login-container .wp-form dt {
  padding-left: 8px;
  margin-bottom: 4px;
}
.wp-login .wp-login-container .wp-form dd {
  margin-bottom: 18px;
}
.wp-login .wp-login-container .wp-form input {
  width: 100%;
  height: auto;
  padding: 10px 8px;
  border: none;
  border-bottom: 2px solid #ebecf1;
  font-size: 16px;
  font-family: ntk-l;
}
.wp-login .wp-login-container .wp-text {
  width: 240px;
  margin: 0 auto;
  font-size: 13px;
}
.wp-login .wp-login-container .wp-text p {
  color: #545454;
  font-size: 15px;
  text-align: center;
  font-family: "ntk-m";
  padding-bottom: 5px;
}
.wp-login .wp-login-container .wp-text span {
  color: #ff5d3c;
  font-family: "ntk-m";
}
.wp-login .wp-login-container .wp-align {
  margin-top: 20px;
}
.wp-login .wp-login-container .wp-align button {
  width: 188px;
  height: 35px;
  background-color: #ff5d3c;
  border-radius: 20px;
  font-size: 20px;
  font-family: ntk-m;
  color: #fff;
}
.wp-menu-set:first-child {
  margin-bottom: 20px;
}
.wp-menu-set h2 {
  font-family: ntk-m;
  color: #545454;
  font-size: 16px;
  margin-bottom: 3px;
}
.wp-menu-set h2 em {
  font-family: ntk-l;
  color: #c4c4c4;
  font-size: 12px;
}
.wp-menu-set h2 em.wp-br {
  display: block;
}
.wp-menu-set .wp-menu-set-box {
  border: 1px solid #ebedf2;
  border-top: 2px solid #333;
  background-color: #f8f9fb;
  padding: 10px 20px;
}
.wp-cont-aside.wp-inform-section {
  padding-left: 20px;
}
.wp-cont-aside.wp-inform-section h1 {
  margin-top: 24px;
  font-size: 26px;
  color: #222;
}
.wp-cont-aside.wp-inform-section h1 em {
  padding-left: 20px;
  font-size: 14px;
  color: #c4c4c4;
}
article.wp-main.wp-inform-section {
  overflow: hidden;
  margin: 0 auto;
}
article.wp-main.wp-inform-section .wp-stat {
  background: #fff;
  width: 1200px;
  margin: 0 auto;
  margin-top: 3px;
}
article.wp-main.wp-inform-section .wp-left-menu {
  width: 200px;
  float: left;
}
article.wp-main.wp-inform-section .wp-left-menu h1 {
  height: 33px;
  padding: 17px 0 0 20px;
  font-size: 16px;
  color: #222;
  font-family: "ntk-m";
}
article.wp-main.wp-inform-section .wp-left-menu ul {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 13px 20px;
  overflow: hidden;
}
article.wp-main.wp-inform-section .wp-left-menu ul li {
  float: left;
}
article.wp-main.wp-inform-section .wp-left-menu ul li a {
  display: block;
  padding: 5px 0 5px 0px;
  width: 170px;
  font-size: 13px;
  color: #747478;
  font-family: "ntk-m";
  letter-spacing: -0.5px;
}
article.wp-main.wp-inform-section .wp-left-menu ul li a span {
  font-size: 12px;
  color: #ff7200;
}
article.wp-main.wp-inform-section .wp-left-menu ul li:hover a,
article.wp-main.wp-inform-section .wp-left-menu ul li.active a {
  color: #1fb3ba;
}
article.wp-main.wp-inform-section .wp-contents-area {
  width: 999px;
  float: left;
  border-left: 1px solid #d9d9d9;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-title-area {
  height: 39px;
  border-bottom: 1px solid #e1e1e1;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-title-area ul {
  margin: 11px 0 0 20px;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-title-area li {
  float: left;
  margin-right: 1px;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-title-area li a {
  display: inline-block;
  width: 130px;
  height: 24px;
  padding-top: 4px;
  background-color: #f5f5f7;
  color: #747478;
  font-size: 13px;
  text-align: center;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-title-area li a:hover,
article.wp-main.wp-inform-section .wp-contents-area .wp-title-area li a.active {
  color: #fff;
  background-color: #60bdc2;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-search-area {
  overflow: hidden;
  height: 33px;
  padding: 5px 0 0 20px;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-search-area .wp-btn {
  float: left;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-search-area .wp-btn-near {
  overflow: hidden;
  padding-left: 5px;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-search-area .wp-btn-near .wp-btn {
  float: left;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-search-area .wp-btn-near .wp-btn:last-child {
  margin-left: -2px;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-search-area .wp-btn-search {
  background: url(/image/btn/btn_search_gray.png) no-repeat 50% 35%;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  background: #f8f9fb;
  padding: 25px 20px 0 20px;
  min-height: 600px;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-no-data {
  display: block;
  text-align: center;
  height: 100%;
  margin-top: 220px;
  font-family: "ntk-m";
  font-size: 18px;
  color: #bbb;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list {
  padding-left: 80px;
  position: relative;
  background: url(/image/common/inform_bg.png) repeat-y 28px 0;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list .wp-date {
  position: relative;
  font-size: 16px;
  font-family: "ntk-m";
  color: #222;
  padding: 25px 0 18px 0;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list .wp-date:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 0px;
  left: -80px;
  width: 69px;
  height: 69px;
  background: #f8f9fb url(/image/common/inform_date.png) no-repeat;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list .wp-list {
  position: relative;
  width: 735px;
  padding: 15px 60px 15px 85px;
  border: 1px solid #efefef;
  border-radius: 3px;
  background: #fff;
  font-size: 13px;
  margin-bottom: 3px;
  cursor: pointer;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list .wp-list span {
  display: block;
  color: #aaa;
  font-size: 12px;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list .wp-list .wp-btn-area {
  position: absolute;
  right: 25px;
  top: 30%;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list .wp-list:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 20px;
  left: -60px;
  width: 26px;
  height: 23px;
  background: #f8f9fb url(/image/common/inform_list.png) no-repeat;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list .wp-list .wp-inform-thum {
  position: absolute;
  left: 24px;
  top: 14px;
  font-family: "ntk-m";
  text-align: center;
}
article.wp-main.wp-inform-section .wp-contents-area .wp-cont .wp-inform-list .wp-list.wp-visited {
  color: #a1b0c3;
}
.wp-paging {
  overflow: hidden;
  margin: 22px auto;
  text-align: center;
}
.wp-paging a {
  display: inline-block;
  width: 34px;
  height: 32px;
  margin-left: -4px;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 35px;
  vertical-align: middle;
}
.wp-paging a:hover,
.wp-paging a.active {
  background-color: #eef1f3;
  font-family: ntk-m;
}
.wp-paging .wp-prev {
  border-radius: 3px 0 0 3px;
  border-right: none;
  background: url(/image/btn/spr_btn.png) -555px -349px;
}
.wp-paging .wp-prev span {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.wp-paging .wp-prev.on {
  background-position: -555px -409px;
}
.wp-paging .wp-num {
  border-right: none;
  font-size: 12px;
  color: #222;
}
.wp-paging .wp-next {
  border-radius: 0 3px 3px 0;
  background: url(/image/btn/spr_btn.png) -555px -318px;
}
.wp-paging .wp-next span {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.wp-paging .wp-next.on {
  background-position: -555px -379px;
}