@charset "utf-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
button,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;
	font: inherit;
	vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  color: #555;
  font-size: 13px;
  font-family: 'notokr-demilight', '맑은 고딕', sans-serif;
  line-height: 1.2;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
input,
textarea,
select,
button {
  font: inherit;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
input[type="button"],
input[type="text"],
input[type="image"],
input[type="submit"],
input[type="password"],
textarea {
  -webkit-appearance: none;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
input[type="radio"] {
  -webkit-appearance: radio;
}
textarea {
  resize: none;
}
button {
  color: inherit;
  cursor: pointer;
  /*outline:none;*/
  letter-spacing: inherit;
}
button[disabled] {
  cursor: default;
}
em {
  font-style: normal;
}
hr {
  display: none;
}
.accessibility {
  position: absolute;
  width: 100%;
  height: 0;
}
.accessibility a {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  text-align: center;
  color: #000;
  opacity: 0.5;
  white-space: nowrap;
  font-weight: bold;
}
.accessibility a:focus,
.accessibility a:hover,
.accessibility a:active {
  width: 100%;
  height: auto;
  padding: 10px 0;
  background: #000;
  color: #fff;
  z-index: 1000;
}
/* Heading */
h3 {
  color: #000;
  font-size: 22px;
  font-family: 'notokr-medium';
}
h4 {
  color: #006bd5;
  font-size: 16px;
  font-family: 'notokr-regular';
  letter-spacing: -0.05em;
}
.fc-white {
  color: #ffffff !important;
}
.fc-red {
  color: #f90000 !important;
}
.fc-blue {
  color: #006bd5 !important;
}
.fs12 {
  font-size: 12px;
}
.bg_darkgray {
  background-color: #E5E5E5 !important;
}
caption,
legend,
.blind,
.hidden,
.txt-hide {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.ir-img,
.bt-img {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
.al {
  text-align: left !important;
}
.ac {
  text-align: center !important;
}
.ar {
  text-align: right !important;
}
.vt {
  vertical-align: top !important;
}
.vm {
  vertical-align: middle !important;
}
.vb {
  vertical-align: bottom !important;
}
.fbold {
  font-weight: bold;
}
.fnor {
  font-weight: normal;
}
.fsdate,
.fsnum {
  font-size: 12px;
}
/*시간,숫자만 나오는 경우*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.cb {
  clear: both;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.ellipsis {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ellipsis2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml29 {
  margin-left: 29px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml130 {
  margin-left: 130px !important;
}
/*201803*/
.ml99 {
  margin-left: 99px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr5 {margin-right:5px !important}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {margin-right:20px !important}
.mr30 {margin-right:30px !important}

.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pd10 {
  padding: 10px !important;
}
.pd20 {
  padding: 20px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.bdt0 {
  border-top: 0px !important;
}
.bdr10 {
  border-radius: 10px !important;
}
.mtxt {
  display: inline-block;
  margin: 0 2px;
  color: #333;
  vertical-align: -2px;
}
.wd26 {
  width: 26px !important;
}
.wd30 {
  width: 30px !important;
}
.wd39 {
  width: 39px !important;
}
.wd40 {
  width: 40px !important;
}
.wd53 {
  width: 53px !important;
}
.wd60 {
  width: 60px !important;
}
.wd65 {
  width: 65px !important;
}
.wd66 {
  width: 66px !important;
}
.wd70 {
  width: 70px !important;
}
.wd80 {
  width: 80px !important;
}
.wd90 {
  width: 90px !important;
}
.wd100 {
  width: 100px !important;
}
.wd110 {
  width: 110px !important;
}
.wd120 {
  width: 120px !important;
}
.wd140 {
  width: 140px !important;
}
.wd150 {width:150px !important}

.wd155 {
  width: 155px !important;
}
.wd190 {
  width: 190px !important;
}
.wd225 {
  width: 225px !important;
}
.wd228 {
  width: 228px !important;
}
.wd230 {
  width: 230px !important;
}
.wd250 {
  width: 250px !important;
}
.wd300 {
  width: 300px !important;
}
.wd350 {
  width: 350px !important;
}
.wd361 {
  width: 361px !important;
}
.wd460 {
  width: 460px !important;
}
.wd530 {
  width: 530px !important;
}
.wd550 {
  width: 550px !important;
}
.wd600 {
  width: 600px !important;
}
.wd650 {
  width: 650px !important;
}
.wd700 {
  width: 700px !important;
}
.wd770 {
  width: 770px !important;
}
.wd20p {
  width: 20% !important;
}
.wd30p {
  width: 30% !important;
}
.wd80p {
  width: 80% !important;
}
.wd90p {
  width: 90% !important;
}
.wd100p {
  width: 100% !important;
}
.ht25 {
  height: 25px !important;
}
.ht30 {
  height: 30px !important;
}
.ht50 {
  height: 50px !important;
}
.ht300 {
  height: 300px !important;
}
.lh16 {
  line-height: 16px !important;
}
.box_sizing * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.aBold {
  color: #ff3d6a !important;
}
.inline {
  display: inline-block;
}
.dpBlock {
  display: block !important;
}
.dpNone {
  display: none !important;
}
.testSer {
  background: pink !important;
}
.nonBorder {
  border: 0px !important;
}
.noShadow {
  box-shadow: none !important;
}
.bShadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.font-demi {
  font-family: 'notokr-demilight' !important;
}
.font-mdm {
  font-family: 'notokr-medium' !important;
}
.font-green {
  font-family: 'notokr-medium' !important;
  color: #238b59 !important;
}
.font-blue {
  font-family: 'notokr-medium' !important;
  color: #006bd5 !important;
}
.font-orange {
  font-family: 'notokr-medium' !important;
  color: #FF6D00 !important;
}
.font-red {
  font-family: 'notokr-medium' !important;
  color: #ff3d6a !important;
}
.font-red2 {
  font-family: 'notokr-medium' !important;
  color: #D50000 !important;
}
.basicBorder {
  border: 1px solid #d1d1d1;
}
.basicBorderB {
  border-bottom: 1px solid #d1d1d1;
}
.triWidth {
  width: calc(33.3% - 2px);
}
.triWidthLast {
  width: calc(33.4% - 2px);
}
.halfWidth {
  width: calc(50% - 2px);
}
.chartPd {
  padding: 10px 10px 0px 10px;
}
.aNoLine {
  text-decoration: none !important;
}
.cursor {
  cursor: pointer !important;
}
.bg-blue {
  background-color: #055cb3 !important;
}
.bg-orange {
  background-color: #ffa200 !important;
}
.newIcon {
  width: 16px;
  display: inline-block;
  background: #ffa200;
  color: #fff;
  text-align: center;
  font-size: 11px;
  padding: 1px;
  font-family: 'notokr-medium';
  margin-right: 2px;
  border-radius: 3px;
  font-style: normal;
}
.newIcon2 {
  position: absolute;
  font-size: 10px;
  font-style: normal;
  color: orange;
  top: 2px;
  left: 2px;
}
.newIcon3 {
  position: absolute;
  font-size: 10px;
  font-style: normal;
  color: #fff;
  top: 1px;
  right: 1px;
  background: #ff6f00;
  display: inline-block;
  line-height: 13px;
  padding: 0px 4px;
  border-radius: 2px;
  height: 13px;
}
.notiPH::-webkit-input-placeholder {
  background: #FFEBEE;
}
.notiPH::-moz-placeholder {
  background: #FFEBEE;
}
.notiPH:-ms-input-placeholder {
  background: #FFEBEE;
}
.notiPH:-moz-placeholder {
  background: #FFEBEE;
}
.ft40 {
  font-size: 40px !important;
}
.ft20 {
  font-size: 20px !important;
}
.totBg {
  background-color: #ececec !important;
}
.subTotBg {
  background-color: #f7f7f7 !important;
}
.bgImgNone {
  background-image: none !important;
}
@font-face {
  font-family: 'notokr-demilight';
  font-style: normal;
  src: local('notokr-demilight'), local('notokr-demilight');
  src: url('../font/notokr-demilight.woff') format('woff'), url('../font/notokr-demilight.ttf') format('truetype');
}
@font-face {
  font-family: 'notokr-regular';
  font-style: normal;
  src: local('notokr-regular'), local('notokr-regular');
  src: url('../font/notokr-regular.woff') format('woff'), url('../font/notokr-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'notokr-medium';
  font-style: normal;
  src: local('notokr-medium'), local('notokr-medium');
  src: url('../font/notokr-medium.woff') format('woff'), url('../font/notokr-medium.ttf') format('truetype');
}
.txt-bullet {
  padding-left: 10px;
  background: url('../../images/common/bullet-1.png') no-repeat 0 5px;
  color: #000;
  font-size: 14px;
}
.tab {
  width: 100%;
}
.tab:after {
  display: block;
  content: '';
  clear: both;
}
.tab li {
  float: left;
  /*width:20%;*/
  background-color: #fff;
}
.tab li a,
.tab li button {
  display: block;
  min-height: 31px;
  padding: 8px 0;
  /*line-height:31px;*/
  margin-left: -1px;
  box-sizing: border-box;
  border: 1px solid #d1d1d1;
  /*border-right:0;*/
  color: #666;
  font-size: 13px;
  text-align: center;
}
.tab li.active a,
.tab li.active button {
  position: relative;
  border-color: #006bd5;
  border-right: 1px solid #006bd5;
  color: #006bd5;
}
.tab li.active a:after,
.tab li.active button:after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 31px;
  border-color: #006bd5;
}
.tab button {
  width: auto;
  background: #fff;
  outline: none;
}
.tab.type-1 {
  position: relative;
}
.tab.type-1:before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #b1b1b1;
}
.tab.type-1 li a,
.tab.type-1 li button {
  padding: 8px 20px;
}
.tab.col4 li {
  width: 25%;
}
.tab.col5 li {
  width: 20%;
}
.tab.type-space li {
  margin: 2px 5px 3px 0;
}
.tab.type-space li:last-child {
  margin-right: 0;
}
.tab.type-space li a,
.tab.type-space li button {
  padding: 8px 20px;
  border: 1px solid #d1d1d1;
}
.tab.type-space li.active a,
.tab.type-space li.active button {
  border-color: #006bd5;
}
.srchDiv .txt-bullet {
  margin-top: 10px !important;
}
.srchDiv .group {
  float: left;
  margin-right: 15px;
}
.srchDiv .group .tab {
  width: auto;
}
.srchDiv .group .tab li.select button {
  background-color: #719cbe;
  color: #ffffff;
}
.srchDiv .group .tab li.noselect button {
  background-color: #ccc;
  color: #ffffff;
}
.comntwrap {
  margin: 10px 0 0;
  background: #fff;
  border-top: 1px solid #ccc;
}
.comntlist li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.comntlist li .registant {
  position: absolute;
  top: 11px;
  left: 12px;
  width: 30px;
  height: 30px;
}
.comntlist li .registant img {
  width: 100%;
}
.comntlist li .author {
  float: left;
  margin-left: 55px;
  color: #999;
  padding-top: 8px;
}
.comntlist li .comnt {
  clear: both;
  float: left;
  width: auto;
  margin: 7px 0 5px 55px;
  font-size: 14px;
  line-height: 18px;
}
.comntlist li .dept {
  color: #666;
}
.comntlist li .comntdel {
  margin-left: 10px;
  vertical-align: top;
  display: inline-block;
  padding-top: 2px;
}
.comntfield {
  padding: 20px 15px 12px;
}
.comntfield .subtit {
  display: inline-block;
  margin-right: 4px;
  color: #000;
  font-size: 16px;
}
.comntfield .count {
  display: inline-block;
  color: #999;
}
.comntfield .comntbox {
  position: relative;
  margin-top: 5px;
  padding-right: 77px;
}
.comntfield .comntbox .box-textarea {
  width: 100%;
  height: 50px;
  min-height: inherit;
}
.comntfield .comntbox button.btn-regist {
  position: absolute;
  right: 0;
  top: 0;
}
.comntfield .comntbox .textarea-wrapper {
  height: 50px;
}
.comntfield .comntbox .textarea-wrapper textarea {
  height: 50px;
}
.comntfield .comntbox .textarea-wrapper .textarea-clone {
  height: 50px;
}
.comntfield .comntbox .textarea-wrapper .mCSB_scrollTools {
  margin: 5px 5px;
}
.comntfield.bdbline {
  border-bottom: 1px solid #ccc;
}
.forumwrap {
  position: relative;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.forumstate {
  display: table;
  width: 100%;
  min-height: 50px;
  padding-left: 60px;
  background: url('../../images/contents/bg-forum.png') no-repeat 15px 10px;
  background-size: 30px 30px;
  box-sizing: border-box;
}
.forumstate * {
  display: table-cell;
  vertical-align: middle;
}
.forumstate .comprise {
  width: auto;
  padding: 15px 0;
  color: #666;
  font-size: 14px;
}
.forumstate .comprise .stit {
  display: inline-block;
  float: left;
  width: 78px;
}
.forumstate .info {
  padding-right: 15px;
  width: 42%;
  color: #888;
  text-align: right;
}
.forumstate .info * {
  display: inline-block;
  margin-left: 6px;
}
.forumwrap .resortbox {
  display: block;
  position: relative;
  border: 2px solid #ffff00;
}
.forumwrap .resortbox .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
.forumhistory {
  display: block;
  padding: 5px 10px 15px 60px;
  font-size: 13px;
}
.forumhistory li {
  display: table;
  width: 100%;
  margin-top: 5px;
}
.forumhistory li:first-child {
  margin-top: 0;
}
.forumhistory li .comprise,
.forumhistory li .info {
  display: table-cell;
  vertical-align: middle;
}
.forumhistory li .comprise {
  width: auto;
  color: #666;
}
.forumhistory li .comprise .stit {
  display: inline-block;
  width: 110px;
  /*background:url('../../images/contents/bg-vertical-bar.png') no-repeat right 50%;*/
}
.forumhistory li .info {
  width: 42%;
  text-align: right;
  color: #888;
}
.forumhistory li .info * {
  display: inline-block;
  margin-right: 6px;
}
.grouplist {
  width: 100%;
  padding: 20px 15px;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.grouplist .subtit {
  margin-bottom: 5px;
  color: #555;
  font-size: 15px;
}
.grouplist ul li {
  height: 21px;
  line-height: 21px;
  color: #666;
}
.grouplist ul li:after {
  display: block;
  content: '';
  clear: both;
}
.grouplist ul li .tit {
  float: left;
  display: block;
}
.grouplist ul li .dept {
  display: inline-block;
  margin-left: 4px;
  padding-left: 7px;
  background: url('../../images/contents/bg-vertical-gray.png') no-repeat 0 50%;
}
.grouplist ul li .icon-circle {
  margin-left: 6px;
}
.grouplist ul li .date {
  float: right;
  color: #999;
}
.grouplist ul li.main {
  color: #002015;
}
/*주제안 일 경우*/
.grouplist ul li:hover {
  color: #ff9000;
}
.grouplist ul li:hover .dept {
  background-image: url('../../images/contents/bg-vertical-org.png');
}
.card-boxwrap {
  width: 100%;
}
.card-boxwrap:after {
  display: block;
  content: '';
  clear: both;
}
.card-boxwrap .dualbox {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.card-boxwrap .dualbox:nth-child(1) {
  padding-right: 5px;
}
.card-boxwrap .dualbox:nth-child(2) {
  padding-left: 5px;
}
.card-boxwrap .dualbox .txt-bullet {
  margin-bottom: 8px;
}
.cardsection {
  position: relative;
  width: 100%;
  /*min-height:250px;line-height:250px;*/
  color: #555;
  font-size: 18px;
}
/*.cardsection:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;min-height:250px;line-height:250px;background:rgba(200,40,40,.2);}*/
div.progress {
  height: 13px;
  line-height: 13px;
  background: #b3b3b3;
}
div.progress .progress-bar {
  height: 13px;
  color: #fff;
  font-size: 9px;
  text-align: center;
}
div.type-blue .progress-bar {
  background: #4485f2;
}
div.type-purple .progress-bar {
  background: #7467d0;
}
div.type-red .progress-bar {
  background: #f66b6e;
}
div.type-orange .progress-bar {
  background: #f38b4c;
}
.split:before {
  display: inline-block;
  content: '|';
  padding-left: 4px;
  margin-right: 7px;
  color: #333;
  font-size: 12px;
  vertical-align: 2px;
}
.div_search {
  width: 100%;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border: 1px solid #4485f2;
  overflow: hidden;
}
.div_search h3 {
  display: inline-block;
  padding: 10px 55px 10px 15px;
  background: #4485f2;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  font-family: notokr-medium;
  font-size: 16px;
  color: #fff;
}
.div_search .group {
  position: relative;
  margin-top: 10px;
  overflow: hidden;
}
.div_search .index {
  float: left;
  width: 72%;
  margin-left: 25px;
}
.div_search .index .group {
  padding: 16px;
  padding-left: 100px;
  background: #e7f0fa;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
}
.div_search .index .group .case_all {
  position: absolute;
  top: 15px;
  left: 17px;
  overflow: hidden;
}
.div_search .index .group .case_all button {
  display: table-cell;
  min-width: 75px;
  height: 50px;
}
.div_search .index .group .case_eng {
  margin-top: 7px;
}
.div_search .index .group li {
  float: left;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 2px 2px 3px;
  border-radius: 10px;
  background: #e7f0fa;
  /*color: #fff;background: #4485f2;*/
  text-align: center;
  font-size: 14px;
  line-height: 14px;
}
.div_search .index .group li.active {
  color: #fff;
  background: #4485f2;
}
.div_search .index .group li button {
  background: none;
}
.div_search .reference {
  float: left;
  margin-left: 20px;
  width: 22%;
}
.div_search .reference .box-radiowrap .box-radio {
  width: 100%;
  margin: 3px 0px;
}
.div_search .btn {
  float: left;
  width: 100%;
}
.div_search .btn .group {
  padding: 0 12px;
  width: 100%;
}
.div_search .btn li {
  float: left;
  display: inline-block;
  width: 21%;
  text-align: center;
  padding: 0 10px;
}
.div_search.alone {
  border: none;
  padding-bottom: 0;
  padding-left: 0;
}
.div_search.alone .index {
  margin-left: 0px;
}
.div_search.alone .group {
  margin-top: 0px;
}
.btn-toggle-check2 {
  width: 100%;
  padding: 7px 0;
  background: #fff;
  border: 1px solid #d1d1d1;
  color: #000;
  font-family: 'notokr-medium';
  text-align: center;
}
.btn-toggle-check2 .check {
  display: inline-block;
  width: 15px;
  height: 13px;
  margin-right: 5px;
  background: url('../../images/btn/btn-check2.png') no-repeat 0 -87px;
  text-indent: -9999px;
}
.btn-toggle-check2.toggle {
  border: 1px solid #006bd5;
  color: #006bd5;
}
.btn-toggle-check2.toggle .check {
  background-position: 0 2px;
}
.slidebox {
  position: relative;
}
.slidebox .slide_area {
  position: relative;
  margin: 0 20px;
  overflow: hidden;
}
.slidebox .slide_area > ul {
  position: absolute;
  left: 0;
}
.slidebox .slide_area > ul > li {
  float: left;
}
.slidebox .slide_btn .btn-control {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url('../../images/btn/btn-slide-control.png') no-repeat;
  text-indent: -9999px;
}
.slidebox .slide_btn .btn-control.btn-prev {
  left: 0;
  background-position: left 50%;
}
.slidebox .slide_btn .btn-control.btn-next {
  right: 0;
  background-position: right 50%;
}
.slidebox.labnotelist {
  width: 670px;
  margin: 0 auto;
}
.slidebox.labnotelist .slide_area {
  height: 100px;
}
.slidebox.labnotelist .slide_area ul li {
  position: relative;
  width: 90px;
  text-align: center;
}
.slidebox.labnotelist .slide_area ul li span {
  display: block;
  width: 100%;
  margin-top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.slidebox.labnotelist .slide_area ul li img {
  display: inline-block;
  width: 53px;
  height: 73px;
  line-height: 0;
  vertical-align: top;
}
.slidebox.labnotelist .slide_area ul li .icon-pl {
  position: absolute;
  top: 47px;
  right: 8px;
  width: auto;
  height: 20px;
  line-height: 20px;
  margin-top: 0;
  border-radius: 10px;
}
.slidebox.recentlynote {
  width: 635px;
  margin: 20px auto 20px;
}
.slidebox.recentlynote .slide_area {
  height: 85px;
}
.slidebox.recentlynote .slide_area ul {
  width: 390px;
}
.slidebox.recentlynote .slide_area ul li {
  width: 85px;
  text-align: center;
}
.slidebox.recentlynote .slide_area ul li:first-child {
  margin-left: 0;
}
.slidebox.recentlynote .slide_area ul li span {
  display: block;
  margin-top: 8px;
}
.slidebox.recentlynote .slide_area ul li img {
  display: inline-block;
  width: 51px;
  height: 63px;
}
.slidebox.recommendreport {
  width: 405px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
.slidebox.recommendreport .slide_area {
  height: 300px;
}
.slidebox.recommendreport .slide_area .rptlist {
  display: block;
  height: 300px;
}
.slidebox.recommendreport .slide_area .rptlist > li {
  position: relative;
  width: 304px;
  height: 100px;
  border-top: 1px solid #e2e2e4;
}
.slidebox.recommendreport .slide_area .rptlist > li .thumb {
  position: absolute;
  top: 15px;
  left: 15px;
}
.slidebox.recommendreport .slide_area .rptlist > li .li_cont {
  float: left;
  margin: 22px 0 0 95px;
}
.slidebox.recommendreport .slide_area .rptlist > li .li_cont .tit {
  font-size: 16px;
  font-family: 'notokr-medium';
}
.slidebox.recommendreport .slide_area .rptlist > li .li_cont .author {
  margin-top: 3px;
  font-size: 14px;
}
.slidebox.recommendreport .slide_area .rptlist > li .li_cont .author span {
  float: left;
  clear: both;
}
.slidebox.recommendreport .slide_area .rptlist > li:first-child {
  padding-top: 0;
  border-top: 0;
}
.progress {
  position: absolute;
  background: none;
}
.progress .graph {
  float: right;
  width: 175px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 5px;
}
.progress .graph .progressbar {
  width: 78%;
  height: 12px;
  background-color: #006bd5;
}
.progress .txt {
  float: right;
  font-size: 14px;
  color: #006bd5;
  padding-top: 0px !important;
}
.progress.complete .graph .progressbar {
  background-color: #ffa200 !important;
}
.progress.complete .txt {
  color: #ffa200;
}
.info-text {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding-left: 23px;
  background: url('../../images/ico/ico-info.png') no-repeat 0 50%;
  color: #006bd5;
  font-size: 12px;
}
.info-text1 {
  display: block;
  padding: 10px 10px 10px 40px;
  background: #53d0c0 url('../../images/ico/ico-attention.png') no-repeat 15px 50%;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
}
.info-text2 {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding-left: 15px;
  color: #ff3d6a;
  font-size: 12px;
}
.infowrap {
  overflow: hidden;
  width: 100%;
  height: 33px;
  line-height: 33px;
  padding: 0 12px 0 37px;
  background: #4485f2 url('../../images/ico/ico-1.png') no-repeat 15px 50%;
  border-radius: 3px;
  box-sizing: border-box;
  color: #c2f6ef;
  font-size: 14px;
}
.infowrap .stit {
  display: inline-block;
  margin-right: 8px;
  color: #fff;
}
.infowrap .stit-ico {
  display: inline-block;
  padding-left: 16px;
  color: #fff;
  background: url('../../images/ico/ico-main.png') no-repeat 0 50%;
}
.info-box {
  padding: 20px 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.info-box p {
  color: #333;
  font-size: 14px;
  line-height: 21px;
}
.info-box .box-checkboxwrap {
  margin-top: 10px;
}
.info-box .label-txt {
  color: #333;
  font-size: 14px;
}
.topwrap {
  position: relative;
  margin-top: 20px;
}
.topwrap:after {
  display: block;
  content: '';
  clear: both;
}
.topwrap .txt-bullet {
  display: inline-block;
  float: left;
  margin: 5px 10px 0 20px;
}
.topwrap .txt-bullet:first-child {
  margin-left: 0;
}
.topwrap h3.subtit,
.topwrap .divide,
.topwrap .inp-text,
.topwrap .type-selectbox,
.topwrap .box-radiowrap,
.topwrap .box-checkboxwrap,
.topwrap .box-quicksearch {
  display: inline-block;
  float: left;
}
.topwrap .ltxt,
.topwrap .rtxt {
  display: inline-block;
  float: left;
  margin-top: 6px;
}
.topwrap .ltxt {
  margin-right: 10px;
}
.topwrap .rtxt {
  margin-left: 10px;
}
.topwrap .box-quicksearch {
  margin-right: 4px;
}
.topwrap .box-radiowrap,
.topwrap .box-checkboxwrap {
  margin-top: 3px;
  margin-left: 20px;
}
.topwrap .info-text {
  margin-top: 3px;
}
.topwrap a,
.topwrap button {
  vertical-align: top;
}
.topwrap .subtit {
  margin-top: 4px;
}
h3.subtit + .topwrap {
  margin-top: 10px;
}
.sortwrap:after {
  display: block;
  content: '';
  clear: both;
}
.sortwrap .txt-bullet {
  display: inline-block;
  float: left;
  margin-right: 20px;
  margin-top: 3px;
}
.sortwrap .box-radiowrap {
  display: inline-block;
  float: left;
  margin-top: 2px;
}
.sortwrap button {
  float: right;
}
.editorwrap {
  min-height: 220px;
}
.gridwrap {
  margin-top: 10px;
  min-height: 200px;
  background: #ddd;
}
.graphdatawrap {
  margin: 40px auto 0;
  text-align: center;
}
.tab-pop {
  padding-top: 12px;
  text-align: center;
  height: 41px;
  box-sizing: border-box;
}
.tab-pop ul {
  display: inline-block;
  width: 465px;
  padding-left: 120px;
  background: url('../../images/common/bg_tabpop.png') no-repeat left center;
}
.tab-pop ul:after {
  display: block;
  content: '';
  clear: both;
}
.tab-pop ul li {
  float: left;
  width: 67px;
  height: 27px;
  line-height: 26px;
  margin-left: 2px;
  background: #aaaaaa;
  border: 1px solid #949494;
  box-sizing: border-box;
}
.tab-pop ul li a {
  display: block;
  color: #fff;
  font-size: 12.5px;
  text-align: center;
}
.tab-pop ul li.warning {
  background: #dd191d;
}
.tab-pop ul li.ing {
  background: #0b8f08;
}
.tab-pop + .cardcont {
  margin-top: 5px;
}
.scrollboxwrap {
  height: 540px;
}
.scroll {
  padding-right: 8px;
}
.wrapReadonly {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 5000;
}
.loading_spinner {
  display: table;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.loading_spinner .box {
  display: table-cell;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
}

.loading_spinner_appr {
  display: table;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.loading_spinner_appr .box {
  display: table-cell;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
}

.layer-open {
  position: relative;
}
.popup-layer {
  display: none;
  position: absolute;
  right: -10px;
  top: 100%;
  z-index: 100;
  border: 1px solid #666;
  background-color: #fff;
}
.popup-layer > .wrap-btn {
  height: 31px;
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
  text-align: center;
}
.popup-layer > .wrap-btn > .bt-text {
  margin: 0 3px;
}
.popup-layer > .wrap-btn > .bt-confirm {
  background-color: #ff9f3e;
}
.box-tooltip {
  position: relative;
  text-align: center;
}
.box-tooltip .btn-comnt {
  width: 24px;
  height: 15px;
  background: url('../../images/btn/btn-suggestion.png') no-repeat left top;
  text-indent: -9999px;
}
.box-tooltip .btn-comnt[disabled] {
  background-position: left bottom;
}
.box-tooltip .layer-comnt {
  display: none;
  position: absolute;
  top: 22px;
  right: 0;
  z-index: 5;
  width: 500px;
  max-width: 500px;
  margin-left: -75px;
  padding: 10px 10px 10px;
  background: #fff;
  border: 1px solid #555;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  text-align: left;
}
.box-tooltip .layer-comnt:after {
  display: block;
  content: '';
  position: absolute;
  top: -7px;
  right: 19px;
  width: 14px;
  height: 7px;
  margin-left: -7px;
  background: url('../../images/contents/bg-arrow-top.png') no-repeat 0 0;
}
.box-tooltip2 {
  display: inline-block;
  padding-top: 3px;
  margin: 0 5px;
}
.box-tooltip2 .btn-help {
  /*position:absolute;top:0;left:50%;*/
  width: 20px;
  height: 20px;
  /*margin-left:-10px;*/
  background: url('../../images/btn/btn-help.png') no-repeat left top;
  text-indent: -9999px;
}
.box-tooltip2 .layer-comnt {
  display: none;
  position: absolute;
  top: 22px;
  left: 50%;
  z-index: 5;
  width: 150px;
  margin-left: -75px;
  padding: 10px 10px 10px;
  background: #fff;
  border: 1px solid #555;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  text-align: left;
}
.box-tooltip2 .layer-comnt:after {
  display: block;
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  width: 14px;
  height: 7px;
  margin-left: -7px;
  background: url('../../images/contents/bg-arrow-top.png') no-repeat 0 0;
}
.box-tooltip.mainitem .layer-comnt {
  display: none;
}
.box-tooltip.mainitem:hover .txt:hover {
  color: #ff9000;
}
.box-tooltip.mainitem:hover .layer-comnt {
  display: block;
  width: 260px;
  margin-left: -130px;
}
.box-tooltip.mainitem:hover .layer-comnt:after {
  left: 30%;
}
body.has-dialog {
  overflow: auto;
  /*-webkit-user-select:none;*/
}
.wrap-popup[style*="block"] {
  display: table !important;
}
.wrap-popup {
  display: table;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 501;
  width: 100%;
  height: 100%;
}
.popup-inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
}
.existing-popup {
  z-index: 500;
  pointer-events: none;
}
.existing-popup .popup-inner {
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
}
.popup {
  display: inline-block;
  position: relative;
  /*min-width:600px;*/
  background-color: #fff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.popup.ly-footer {
  padding-bottom: 50px;
}
/*푸터영역 포함시 클래스 사용*/
.popup .btn-pop-close {
  position: absolute;
  top: 8px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: url('../../images/btn/btn-close-layer.png') no-repeat 50%;
}
.popup .btn-pop-group {
  position: absolute;
  top: 10px;
  right: 55px;
  width: auto;
  height: 32px;
}
.pop-header {
  height: 50px;
  background-color: #8d0073;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.pop-header .tit {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-family: 'notokr-medium';
  font-size: 18px;
  color: #fff;
}
.pop-body {
  width: 100%;
  min-height: 150px;
  padding: 20px 20px 20px;
  box-sizing: border-box;
}
.pop-maxHeight {
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
}
.pop-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 49px;
  background: #eee;
  border-top: 1px solid #006bd5;
  text-align: right;
}
.pop-footer .btnwrap {
  margin: 9px 20px 0 0;
  text-align: right;
}
.noticePopup {
  width: 100%;
  height: 400px;
}
.noticePopup .pop-header {
  position: fixed;
  width: 100%;
}
.noticePopup .pop-body {
  margin: 50px 0px;
}
.noticePopup .pop-body .notiCont {
  padding: 20px 0px;
  font-size: 15px;
  line-height: 22px;
}
.noticePopup .pop-body .notiDate {
  text-align: right;
}
.noticePopup .pop-footer {
  position: fixed;
}
.noticePopup .pop-footer .notiCheck {
  float: left;
  padding: 8px;
}
.noticePopup .btn-pop-close {
  position: fixed;
}
.dimbg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.full_popup {
  position: static;
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}
.match_detail .pop-body {
  height: 860px;
}
.match_detail .topinfowrap {
  position: relative;
}
.match_detail .sgtinfo {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 1px;
  overflow: hidden;
  font-family: 'notokr-medium';
}
.match_detail .sgtinfo .tit {
  float: left;
  min-width: 280px;
  color: #333;
  font-size: 15px;
  line-height: 18px;
}
.match_detail .subinfo {
  float: left;
  display: none;
  width: 100%;
  overflow: hidden;
  clear: both;
}
.match_detail .subinfo .split:before {
  display: inline-block;
  content: '|';
  padding-left: 14px;
  margin-right: 14px;
  color: #333;
  font-size: 12px;
  vertical-align: 2px;
}
.match_detail .subinfo .writer {
  clear: both;
  padding-top: 8px;
  color: #006bd5;
  font-size: 14px;
}
.match_detail .subinfo .etc {
  clear: both;
  margin-bottom: 10px;
  padding-top: 8px;
  font-size: 14px;
}
.match_detail .subinfo .progress {
  position: absolute;
  top: 50px;
  right: 0;
  width: 265px;
  background: none;
}
.match_detail .btn_etc {
  position: absolute;
  top: 0;
  right: 0;
}
.pop-dfss {
  position: relative;
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}
.pop-dfss .pop-header .tit {
  display: inline-block;
}
.pop-dfss .pop-body {
  padding: 10px 20px 25px 20px;
  box-sizing: border-box;
}
.pop-dfss .pop-footer {
  position: absolute;
  bottom: 0;
  z-index: 100;
}
.pop-dfss .pop-footer .btn-prev {
  z-index: 10;
  height: 30px;
  line-height: 30px;
  padding: 0 14px 0 28px;
  background: #ffffff url('../../images/btn/btn-step.png') no-repeat left 0;
  border: 1px solid #0077ff;
  border-radius: 3px;
  font-size: 14px;
}
.pop-dfss .pop-footer .btn-prev:hover {
  background-color: #ebeced;
}
.pop-dfss .pop-footer .btn-next {
  height: 30px;
  line-height: 30px;
  padding: 0 28px 0 14px;
  background: #ffffff url('../../images/btn/btn-step.png') no-repeat right 0;
  border: 1px solid #0077ff;
  border-radius: 3px;
  font-size: 14px;
}
.pop-dfss .pop-footer .btn-next:hover {
  background-color: #ebeced;
}
.pop-dfss .pop-footer .btn-save {
  height: 30px;
  line-height: 30px;
  padding: 0 35px;
  background: #006bd5;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
}
.pop-dfss .sgtinfo {
  display: inline-block;
  overflow: hidden;
}
.pop-dfss .sgtinfo .tit {
  float: left;
  min-width: 280px;
  max-width: 400px;
  color: #333;
  font-size: 15px;
  line-height: 18px;
  font-family: 'notokr-medium';
}
.pop-dfss .sgtinfo .fsdate {
  float: left;
  padding-top: 2px;
  color: #333;
  font-size: 13px;
}
.pop-dfss .sgtinfo .fsdate:before {
  display: inline-block;
  content: '|';
  padding-left: 14px;
  margin-right: 14px;
  color: #333;
  font-size: 12px;
  vertical-align: 2px;
}
.pop-dfss .sgtinfo .writer {
  clear: both;
  padding-top: 5px;
  color: #006bd5;
  font-size: 14px;
}
.pop-dfss .sgtinfo .writer .stit {
  display: inline-block;
  margin-right: 25px;
  color: #333;
}
.topinfowrap {
  margin-bottom: 10px;
  padding-bottom: 10px;
  background: url('../../images/contents/bg-horizontal-dashed.png') repeat-x 0 bottom;
}
.topinfowrap:after {
  display: block;
  content: '';
  clear: both;
}
.topinfowrap .sgtinfo {
  float: left;
  margin-top: 3px;
}
.topinfowrap .progress-dfss {
  float: right;
}
.progress-dfss {
  overflow: hidden;
  width: 424px;
  height: 62px;
  background: url('../../images/contents/bg-progress-dfss.png') no-repeat;
}
.progress-dfss.step1 {
  background-position: 0 0;
}
.progress-dfss.step2 {
  background-position: 0 -62px;
}
.progress-dfss.step3 {
  background-position: 0 -124px;
}
.progress-dfss.step4 {
  background-position: 0 -186px;
}
.progress-dfss.step5 {
  background-position: 0 -248px;
}
.progress-dfss li {
  float: left;
  width: 20%;
  text-align: center;
  text-indent: -9999px;
}
.progress-dfss li {
  height: 100%;
  cursor: pointer;
}
.stepinfo {
  overflow: hidden;
  margin-bottom: 10px;
}
.stepinfo .tit {
  float: left;
  padding-top: 5px;
  color: #000;
  font-size: 17px;
}
.stepinfo .tit span {
  display: inline-block;
  margin-right: 12px;
}
.stepinfo .btns {
  float: right;
}
.table-dfss tr th.bg1 {
  background-color: #afbfff;
}
.table-dfss tr th.bg2 {
  background-color: #80cbc4;
}
.table-dfss tr th.bg3 {
  background-color: #b0bec5;
}
.table-dfss tr td.bg1 {
  background-color: #e7e9fd;
}
.table-dfss tr td.bg2 {
  background-color: #e0f2f1;
}
.table-dfss tr td.bg3 {
  background-color: #eceff1;
}
.table-dfss tr:hover td.bg1,
.table-dfss tr:hover td.bg2,
.table-dfss tr:hover td.bg3 {
  background-color: #c6e2ff;
}
.table-dfss {
  margin-bottom: 17px;
}
.table-dfss .mCustomScrollBox {
  padding: 0 17px 17px 0;
}
.table-dfss.ac td {
  text-align: left;
}
.table-dfss table .bgnone {
  background-image: none;
}
.table-dfss table thead tr:first-child th {
  border-top: 1px solid #b3b3b3;
}
.table-dfss table thead th {
  /*width:70px;*/
  height: 35px;
  padding: 0 5px;
  background: #ececec url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #aaa;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  box-sizing: border-box;
}
.table-dfss table tbody td {
  height: 41px;
  padding: 2px 5px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  border-bottom: 1px solid #aaa;
  text-align: right;
  box-sizing: border-box;
}
.table-dfss table tbody td .type-selectbox {
  width: 58px;
}
.table-dfss table tbody td:first-child {
  background-image: none;
}
.table-dfss table tbody td.no {
  text-align: center;
}
.table-dfss table tbody td .inp-text {
  width: 100%;
  font-size: 13px;
}
.table-dfss table tbody td .btn-del {
  width: 14px;
  height: 14px;
  margin-left: 2px;
}
.table-dfss table tr:hover {
  background: #c6e2ff;
}
.table-dfss.nhover table tr:hover {
  background-color: #fff;
}
.table-dfss table tr.row,
.table-dfss table tr.row:hover {
  height: 50px;
  background-color: #d6dfef;
}
.table-dfss table tr th.ver {
  text-align: left;
}
.table-dfss table tr th.ver span {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  display: block;
  background: yellow;
  transform: rotate(270deg);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-dfss table tr th.vertical {
  padding: 0;
  text-align: left;
}
.table-dfss table thead th.blank {
  border-bottom: 0;
}
.table-dfss table tr th .rotate {
  width: 70px;
  height: 130px;
  padding-top: 60px;
  box-sizing: border-box;
}
.table-dfss table tr th .rotate span {
  display: block;
  width: 110px;
  margin-left: -20px;
  transform: rotate(270deg);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-dfss .matrix {
  background-color: #c6e2ff;
}
.tip-pairmatrix {
  display: inline-block;
  height: 64px;
  margin-top: 10px;
  padding: 10px 15px 0 90px;
  background: #ececec url('../../images/contents/bg-tip-pairmatrix.png') no-repeat 21px 50%;
  border: 1px solid #959595;
  border-radius: 5px;
  box-sizing: border-box;
}
.tip-pairmatrix li {
  color: #333;
  font-size: 12px;
}
.tip-pairmatrix li span {
  display: inline-block;
  width: 10px;
  text-align: center;
}
.pop-ctq {
  width: 850px;
}
.slidewrap {
  position: relative;
  width: 486px;
  z-index: 50;
}
.slidewrap .btn-slide {
  position: absolute;
  top: 50%;
  left: -24px;
  z-index: 50;
  margin-top: -21px;
  width: 24px;
  height: 43px;
  background: #0c88e8 url('../../images/btn/btn-slide.png') no-repeat left top;
  border-radius: 2px 0 0 2px;
  text-indent: -9999px;
}
.slidewrap .btn-slide:hover {
  background-color: #055cb3;
}
.slidewrap .btn-slide.on {
  background-position: right top;
}
.addedwrap .scrollboxwrap {
  width: 470px;
  height: calc(100vh - 222px);
}
/*스크롤영역*/
.addedwrap {
  position: relative;
  z-index: 20;
  width: 486px;
  min-height: 300px;
  padding: 12px;
  background-color: #f5f5ff;
  border: 2px solid #0c88e8;
  border-radius: 5px;
  box-sizing: border-box;
}
.addedwrap .btn-mid-sort {
  margin: 20px 0 6px;
}
.addedwrap .btn-mid-sort:first-child {
  margin-top: 0;
}
.addedwrap table {
  width: 462px;
}
.addedwrap table thead {
  background-color: #ececec;
}
.addedwrap table tbody {
  background-color: #fff;
}
.addedwrap table tfoot {
  background-color: #d6dfef;
}
.addedwrap table th {
  height: 30px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
.addedwrap table td {
  height: 35px;
  padding: 3px 5px;
  box-sizing: border-box;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  text-align: right;
}
.addedwrap table th:first-child,
.addedwrap table td:first-child {
  background-image: none;
}
.addedwrap table td:first-child {
  text-align: left;
}
.addedwrap table td .type-selectbox {
  width: 70px;
}
.addedwrap table td .btn-del {
  width: 14px;
  height: 14px;
  margin-left: 2px;
}
.addedwrap table td .inp-text {
  width: 100%;
  font-size: 13px;
}
.addedwrap table th.vertical {
  text-align: left;
}
.addedwrap table th.sel .rotate span {
  margin-left: -27px;
}
.addedwrap table th .rotate {
  width: 45px;
  height: 145px;
  padding-top: 60px;
  box-sizing: border-box;
}
.addedwrap table th .rotate span {
  display: block;
  width: 140px;
  margin-left: -42px;
  transform: rotate(270deg);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dfsswrap .slidewrap {
  display: block;
  position: absolute;
  top: 136.8px;
  right: -486px;
}
.fixtable .rotate {
  width: 70px;
  height: 150px;
  padding-top: 70px;
  box-sizing: border-box;
}
.fixtable .rotate span {
  display: block;
  width: 130px;
  margin-left: -30px;
  transform: rotate(270deg);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fixtable .txt-bullet {
  margin-bottom: 5px;
}
#left_header th {
  height: 35px;
  padding: 7px 5px;
  background: #ececec url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  box-sizing: border-box;
  text-align: center;
}
#left_header th.bgnone {
  background-image: none;
}
#left_header th.rank .rotate span {
  margin-left: -43px;
}
#left_header th.vertical {
  padding: 0;
  text-align: left;
}
#left_header tr.line th {
  height: 55px;
}
#left_header tr:first-child th {
  border-top: 1px solid #b3b3b3;
}
#left_contents td {
  height: 50px;
  padding: 7px 10px;
  background: #ffffff url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  box-sizing: border-box;
  font-size: 13px;
}
#left_contents td.bgnone {
  background-image: none;
}
#left_contents tr.empline td {
  height: 48px;
  background-color: #d6dfef;
  color: #333;
  font-size: 13px;
}
#right_header th {
  height: 35px;
  padding: 0;
  background: #ececec url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  box-sizing: border-box;
  text-align: center;
}
#right_header th.blank {
  padding: 0;
  background-color: #fff;
  background-image: none;
  border: 0;
}
#right_header th.blank.bd {
  border-bottom: 1px solid #b3b3b3;
}
#right_header th .type-selectbox {
  width: 58px;
}
#right_header th.vertical {
  padding: 0;
  text-align: left;
}
#right_header tr.line th {
  height: 55px;
}
#right_header tr:first-child th {
  border-top: 1px solid #b3b3b3;
}
#right_header tr:first-child th.blank {
  border-color: #fff;
}
#right_contents td {
  height: 50px;
  padding: 7px 5px;
  background: #ffffff url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
}
#right_contents td .type-selectbox {
  width: 60px;
}
#right_contents td .inp-text {
  width: 58px;
}
#right_contents td.blank {
  padding: 0;
  background-color: #fff;
  background-image: none;
  border: 0;
}
#right_contents td.blank2 {
  background-color: #fff;
  background-image: none;
  border: 0;
}
#right_contents tr.empline td {
  height: 48px;
  background-color: #d6dfef;
  text-align: right;
}
#right_contents tr.empline td.blank {
  background-color: #fff;
}
.pop-sgtsort {
  width: 1000px;
}
.pop-sgtsort .contwrap {
  position: relative;
  padding-top: 10px;
}
.pop-sgtsort .contwrap .btn-save2 {
  position: absolute;
  top: 0;
  right: 0;
}
.pop-sgtsort .contwrap .txt-bullet {
  margin-bottom: 15px;
}
.pop-sgtsort input.inp-text {
  width: 100% !important;
}
.pop-sgtsort input.inp-text {
  width: 100% !important;
}
.pop-sgtsort .table-form + .table-state1 {
  margin-top: 30px;
}
.pop-sgtsort .table-state1 td {
  padding: 2px 10px;
}
.pop-payment-history {
  position: relative;
  width: 840px;
}
.pop-payment-history .pop-body {
  padding: 20px 20px 62px;
}
.pop-payment-history .subtit {
  margin-top: 30px;
  padding-left: 18px;
  background: url('../../images/ico/ico-pop-subtit2.png') no-repeat 0 2px;
  color: #333;
  font-size: 15px;
}
.pop-payment-history .subtit:first-child {
  margin-top: 0;
}
.pop-payment-history .btn-layer-close {
  position: absolute;
  bottom: 8px;
  right: 18px;
}
.btn-layer-close {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url('../../images/btn/btn-layer-close.png') no-repeat left top;
  text-indent: -9999px;
}
.btn-layer-close:hover {
  background-position: left bottom;
}
.pop-product-type {
  width: 590px !important;
}
.categoryview {
  margin: -20px -20px 0;
  padding: 15px 20px;
  background: #dedddd;
}
.categoryview {
  font-size: 14px;
  line-height: 25px;
}
.categoryview span {
  color: #333;
}
.categoryview span.arrow {
  display: inline-block;
  margin: 0 8px;
  color: #aaa;
}
.categorywrap {
  margin: 20px 0 0;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.categorylist {
  overflow: auto;
  position: relative;
  margin: 10px 0;
  width: 100%;
  max-width: 100%;
  height: 380px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.categorylist #tree {
  margin: 0 10px 0 20px;
}
.popup-approval {
  width: 940px;
  background: #fff;
  border: 2px solid #8d0073;
  border-radius: 5px;
}
.popup-approval .pop-head {
  padding: 0 20px;
  border-bottom: 1px solid #c0c0c0;
}
.popup-approval .pop-head:after {
  display: block;
  content: '';
  clear: both;
}
.popup-approval .pop-head .tit {
  float: left;
  height: 40px;
  line-height: 40px;
  font-family: 'notokr-medium';
  font-size: 18px;
  color: #000;
}
.popup-approval .pop-head .bookmarkwrap {
  float: right;
  margin-top: 9px;
}
.popup-approval .pop-body {
  min-height: 590px;
  padding: 15px 20px 23px;
  box-sizing: border-box;
  background: #eee;
  border-top: 1px solid #dfdfdf;
  border-radius: 0 0 5px 5px;
}
.popup-approval .pop-body .contents:after {
  display: block;
  content: '';
  clear: both;
}
.popup-approval .pop-body .subtit {
  margin-bottom: 10px;
  padding-left: 18px;
  background: url('../../images/ico/ico-pop-subtit2.png') no-repeat 0 2px;
  color: #333;
  font-size: 15px;
}
.popup-approval .pop-body .contents .txt-bullet {
  margin-bottom: 10px;
}
.bookmarkwrap:after {
  display: block;
  content: '';
  clear: both;
}
.btn-bookmark {
  float: left;
  display: block;
  width: 19px;
  height: 18px;
  background: url('../../images/btn/btn-bookmark.png') no-repeat 0 0;
  text-indent: -9999px;
}
.btn-bookmark.active {
  background-position: 0 bottom;
}
.bookmarkadmin {
  display: inline-block;
  position: relative;
  height: 18px;
  padding-top: 1px;
  margin-left: 10px;
}
.bookmarkadmin > a {
  display: block;
  padding-right: 15px;
  background: url('../../images/btn/btn-updown.png') no-repeat right -35px;
  color: #000;
  font-size: 15px;
}
.bookmarkadmin > a.active {
  background-position: right -7px;
}
.bookmarkadmin ul {
  display: none;
  position: absolute;
  top: 25px;
  right: -3px;
  width: 160px;
  background: #fff;
  border: 1px solid #aaa;
  box-sizing: border-box;
}
.bookmarkadmin ul li {
  position: relative;
}
.bookmarkadmin ul li:hover {
  background: #d6dfef;
}
.bookmarkadmin ul li a {
  display: inline-block;
  width: 73%;
  height: 26px;
  line-height: 26px;
  padding: 0 7px 0 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bookmarkadmin ul li .btn-del {
  position: absolute;
  top: -2px;
  right: 0;
  margin-left: -5px;
}
.groupwrap {
  float: left;
  width: 268px;
}
.treewrap {
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
}
.treewrap .scroll {
  overflow: auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 480px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.treewrap .scroll #tree {
  padding: 10px 5px 10px 20px;
}
.memberwrap {
  float: left;
  width: 308px;
  margin-left: 18px;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px;
}
.memberwrap .membersrch {
  vertical-align: middle;
}
.memberwrap .membersrch label {
  font-size: 14px;
}
.memberwrap .membersrch input {
  display: inline-block;
  width: 147px !important;
  margin: 0 2px 0 6px;
}
.memberwrap .box-radiowrap {
  margin: 12px 0 8px;
}
.table-member table {
  width: 100%;
  border-top: 1px solid #b3b3b3;
}
.table-member thead {
  background: #ececec;
}
.table-member thead th {
  height: 35px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  text-align: center;
}
.table-member thead th:first-child {
  background-image: none;
}
.table-member tbody {
  background: #fff;
}
.table-member tbody td {
  height: 28px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  text-align: center;
}
.table-member tbody td:first-child {
  background-image: none;
}
.table-member tbody td:hover {
  color: #ff9000;
}
.table-member tbody tr:hover {
  background: #dcdddd;
}
.table-member tbody tr {
  cursor: pointer;
}
.table-member tbody tr.selected {
  background: #ffb22b;
}
.table-member tbody tr.selected td:hover {
  color: #555;
}
.approvalwrap {
  float: right;
  width: 280px;
  margin-left: 18px;
}
.table-approval table {
  width: 100%;
  border: 1px solid #006bd5;
}
.table-approval thead {
  background: #0c88e8;
  border-radius: 3px 3px 0 0;
}
.table-approval thead th {
  height: 30px;
  background: url('../../images/common/bg-vertical-dotted2.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  color: #fff;
  text-align: center;
}
.table-approval thead th:first-child {
  background-image: none;
  border-radius: 3px 0 0 0;
}
.table-approval thead th:last-child {
  border-radius: 0 3px 0 0;
}
.table-approval tbody {
  background: #fff;
  border-radius: 0 0 3px 3px;
}
.table-approval tbody td {
  height: 31px;
  text-align: center;
}
.approvalwrap .btnwrap {
  margin: 8px 0 0;
}
.approvalwrap .btnwrap:after {
  display: block;
  content: '';
  clear: both;
}
.approvalwrap .btnwrap .btn-up {
  margin-left: 0;
  margin-right: 3px;
}
.approvalwrap .btnwrap .btn-remove {
  float: right;
}
.table-approval ul {
  width: 100%;
  height: 480px;
  border: 1px solid #006bd5;
  padding: 10px;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
}
.table-approval ul li span {
  padding: 0 10px;
}
.table-approval ul li span.dept {
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 0 3px;
}
.table-approval ul li span.dept:first-child {
  background: none;
}
.pop-member {
  position: relative;
  width: 645px;
  background: #fff;
  border: 2px solid #0c88e8;
  border-radius: 5px;
  box-sizing: border-box;
}
.pop-member .pop-head {
  padding: 0 20px;
  border-bottom: 1px solid #c0c0c0;
}
.pop-member .pop-head:after {
  display: block;
  content: '';
  clear: both;
}
.pop-member .pop-head .tit {
  float: left;
  height: 40px;
  line-height: 40px;
  font-family: 'notokr-medium';
  font-size: 18px;
  color: #000;
}
.pop-member .pop-head .bookmarkwrap {
  float: right;
  margin-top: 9px;
}
.pop-member .pop-body {
  min-height: 590px;
  padding: 15px 20px 23px;
  box-sizing: border-box;
  background: #eee;
  border-top: 1px solid #dfdfdf;
  border-radius: 0 0 5px 5px;
}
.pop-member .pop-body .contents:after {
  display: block;
  content: '';
  clear: both;
}
.pop-member .pop-body .subtit {
  margin-bottom: 10px;
  padding-left: 18px;
  background: url('../../images/ico/ico-pop-subtit2.png') no-repeat 0 2px;
  color: #333;
  font-size: 15px;
}
.pop-member .pop-body .contents .txt-bullet {
  margin-bottom: 10px;
}
.pop-member .btn-pop-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
  background: url('../../images/btn/btn-close1.png') no-repeat 50%;
}
.pop-resort {
  position: absolute;
  top: 40px;
  right: 15px;
  z-index: 1001;
  width: 630px;
  min-height: 150px;
}
.pop-resort .pop-body {
  padding: 20px;
  min-height: 0;
}
.pop-resort .pop-body .comntfield {
  padding: 0;
}
.pop-combinecart {
  width: 1000px;
}
.pop-combinecart .btnwrap.top {
  margin-top: -10px;
  text-align: right;
}
.pop-combinecart .checkwrap .box-checkbox {
  float: left;
  margin-left: 10px;
}
.pop-combinecart .comntfield {
  margin-top: 20px;
  padding: 0;
}
.pop-combinecart .subtit {
  padding-left: 20px;
  background: url('../../images/ico/ico-pop-subtit.png') no-repeat left 0;
  color: #333;
  font-size: 15px !important;
  font-family: 'notokr-demilight';
}
.pop-srchoption {
  width: 550px !important;
}
.pop-srchoption .pop-body {
  padding: 20px 20px 20px;
}
.pop-srchoption .subtit {
  margin: 10px 0;
  color: #333;
  font-size: 15px;
}
.optionwrap .subtit:first-child {
  margin-top: 0;
}
.optionwrap .fl {
  width: 278px;
}
.optionwrap .fr {
  width: 210px;
}
.optionwrap .fr .type-selectbox {
  margin-bottom: 5px;
  width: 100%;
}
.optionwrap ul {
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}
.optionwrap ul#INPUT_DATE {
  border-top: none;
}
.optionwrap ul:after {
  display: block;
  content: '';
  clear: both;
}
.optionwrap ul li {
  float: left;
  width: 50%;
  height: 33px;
  line-height: 33px;
  border-left: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  box-sizing: border-box;
  text-align: center;
}
.optionwrap ul li:nth-child(1),
.optionwrap ul li:nth-child(2) {
  /*border-bottom:1px solid #c9c9c9;*/
}
.optionwrap ul li.wide {
  width: 100%;
}
.optionwrap ul li a {
  display: block;
  height: 100%;
  color: #333;
}
.optionwrap ul li a:hover {
  display: block;
  background: #d6dfef;
}
.optionwrap ul li.active a {
  background: #006bd5;
  color: #fff;
}
.optionwrap2:after {
  display: block;
  content: '';
  clear: both;
}
.optionwrap2 .fl {
  width: 145px;
}
.optionwrap2 .fr {
  width: 345px;
}
.optionwrap2 input {
  width: 100%;
}
.fullarea {
  width: 100%;
  margin-top: 15px;
}
.fullarea .box-quicksearch {
  width: 100%;
}
.pop-filter {
  width: 320px;
}
.pop-filter .pop-body {
  padding: 15px 20px 20px;
}
.pop-filter .btn-white {
  min-width: 78px;
}
.filterlist li {
  overflow: hidden;
  padding: 4px 0;
  border-bottom: 1px solid #ccc;
}
.filterlist li label {
  display: inline-block;
  float: left;
  padding-top: 4px;
}
.filterlist li .box-checkbox3 {
  float: right;
}
.pop-sgtadd {
  width: 900px;
}
.pop-sgtadd .table-state1 td {
  text-align: center;
}
.pop-sgtadd .table-form + .table-state1 {
  margin-top: 20px;
}
.pop-sgtadd .table-form .box-quicksearch {
  width: 255px;
}
.pop-sgtadd .table-form .box-quicksearch .srchlist {
  width: 275px;
}
.pop-connect {
  width: 900px;
}
.pop-connect .pop-body {
  padding-top: 0;
}
.pop-connect .box-radiowrap {
  margin: 0 -20px 20px;
  padding: 13px 20px 11px;
  border-bottom: 1px solid #dedddd;
}
.pop-connect .box-radiowrap .box-radio {
  margin-top: -4px;
  margin-left: 40px;
}
.pop-connect .box-radiowrap .box-radio:first-child {
  margin-left: 0;
}
.pop-connect .box-radiowrap .label-txt {
  display: inline-block;
  color: #000;
  font-size: 15px;
}
.pop-connect .table-form .inp-text {
  width: 255px;
}
.pop-connect .table-form .box-quicksearch {
  width: 255px;
}
.pop-connect .table-form .wd190 {
  width: 190px;
}
.pop-connect .table-form .btn-normal {
  margin-left: 2px;
}
.pop-connect .table-form .srchlist {
  width: 275px;
}
.pop-connect .table-state1 tbody td {
  text-align: center;
}
.pop-target {
  width: 780px;
}
.pop-target .titwrap {
  overflow: hidden;
  margin: 0 0 5px;
}
.pop-target .titwrap .stxt {
  float: left;
  padding-left: 0;
  color: #333;
  font-size: 14px;
}
.pop-target .titwrap .dept {
  display: inline-block;
  margin-right: 16px;
  padding-right: 20px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat right 50%;
}
.pop-target .titwrap .txt-unit {
  margin: 0;
  float: right;
}
.pop-approval-history {
  width: 850px;
  min-height: 600px;
}
.pop-approval-history .pop-body {
  padding: 0;
}
.accorhead {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  background: #f2f2f2 url('../../images/btn/btn-card-toggle.png') no-repeat 98% 3px;
  border-bottom: 1px solid #ccc;
}
.accorhead.active {
  background-position: 98% -42px;
}
.accorhead h2 {
  display: inline;
  color: #006bd5;
  font-size: 17px;
}
.accorhead .btns {
  margin-right: -10px;
}
.accorhead .icon-ing {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  padding: 0 9px 0 25px;
  background: #0283e1 url('../../images/ico/ico-ing.png') no-repeat 7px 50%;
  border-radius: 10px;
  color: #fff;
}
.accorhead .icon-complete {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  padding: 0 9px 0 25px;
  background: #0283e1 url('../../images/ico/ico-complete.png') no-repeat 7px 50%;
  border-radius: 10px;
  color: #fff;
}
.accorcont {
  display: none;
  height: 370px;
  padding: 20px 0 20px 20px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.accorcont .toptit {
  overflow: hidden;
  margin-top: 15px;
  margin-right: 20px;
}
.accorcont .toptit:first-child {
  margin-top: 0;
}
.accorcont .toptit h3.subtit {
  float: left;
  margin-top: 0;
  padding-top: 7px;
  padding-left: 20px;
  background: url('../../images/ico/ico-subtit.png') no-repeat 0 10px;
  color: #333;
  font-size: 15px;
}
.accorcont .toptit .btn-normal {
  float: right;
}
.accorcont .scrollbox {
  /*min-height:185px;*/
  margin-right: 20px;
  padding: 8px 0 13px;
  border-bottom: 1px solid #c9c9c9;
}
.accorcont .scrollbox .mCSB_container {
  margin-right: 15px;
}
.accorcont .scrollbox:last-child {
  border-bottom: 0;
  padding-bottom: 70px;
}
.accorcont .progresswrap {
  margin-top: 0;
}
.accorcont .table-sgt {
  margin-top: 0;
}
.tbwrap .box-tooltip .layer-comnt {
  left: 0;
  min-width: 150px;
  margin-left: -88px !important;
}
.tbwrap .box-tooltip .layer-comnt:after {
  margin-left: 30px;
}
.pop-approval-history1 {
  position: relative;
  width: 840px;
}
.pop-approval-history1 .pop-body {
  padding: 20px 20px;
}
.pop-approval-history1 .table-sgt:first-child {
  margin-top: 0;
}
.pop-wbs .pop-body {
  padding-bottom: 70px;
}
.wbswrap {
  position: relative;
  padding-top: 18px;
}
.wbswrap:after {
  content: '';
  display: block;
  clear: both;
}
.wbswrap .btn-reset {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 12px 0 32px;
  background-image: url('../../images/ico/ico-reset.png');
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
.wbswrap .box-wbs {
  float: left;
  width: calc(25% - 15px);
  min-width: 267px;
  min-height: 540px;
  margin-left: 9px;
  padding-left: 11px;
  background: url('../../images/contents/bg-vertical-dashed.png') repeat-y 0 0;
}
.wbswrap .box-wbs:first-child {
  margin-left: 0;
  padding-left: 0;
  background-image: none;
}
.box-wbs .head {
  overflow: hidden;
  height: 32px;
}
.pop-wbs .wbswrap .box-wbs .head h2 {
  overflow: hidden;
  height: 32px;
  display: inline-block;
}
.boxwrap .wbswrap .box-wbs .head h2 {
  float: left;
  color: #333;
  font-size: 20px;
  font-family: 'notokr-medium';
  background: none;
}
.box-wbs .head .fr {
  margin-top: 4px;
}
.box-wbs .cont {
  width: 100%;
  height: 508px;
  padding: 12px 12px;
  background: #ececec;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.box-wbs .cont .box:last-child .atvlist {
  margin-bottom: 0;
}
.box-wbs .cont.mCustomScrollbar {
  padding-right: 0;
}
.box-wbs .cont.mCustomScrollbar .mCustomScrollBox {
  padding-right: 12px;
}
.box-wbs .cont .head-atv:after {
  content: '';
  display: block;
  clear: both;
}
.box-wbs .cont .head-atv h3 {
  float: left;
  color: #006bd5;
  font-size: 17px;
}
.box-wbs .cont .head-atv .btns {
  float: right;
}
.box-wbs .cont .head-atv .btns button {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../../images/ico/ico-activity-set.png') no-repeat;
  text-indent: -9999px;
}
.box-wbs .cont .head-atv .btns .btn-activity-add {
  background-position: 0 0;
}
.box-wbs .cont .head-atv .btns .btn-activity-add:hover {
  background-position: 0 -27px;
}
.box-wbs .cont .head-atv .btns .btn-activity-move {
  background-position: -27px 0;
}
.box-wbs .cont .head-atv .btns .btn-activity-move:hover {
  background-position: -27px -27px;
}
.box-wbs .cont .head-atv:hover h3 {
  color: #ff9000;
}
.box-wbs .cont .atvlist {
  margin: 5px 0 20px;
}
.box-wbs .cont .atvlist li {
  height: 31px;
  line-height: 31px;
  margin-top: 5px;
  padding: 0 8px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
}
.box-wbs .cont .atvlist li:after {
  content: '';
  display: block;
  clear: both;
}
.box-wbs .cont .atvlist li:first-child {
  margin-top: 0;
}
.box-wbs .cont .atvlist li span {
  float: left;
  display: block;
  width: 90%;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.box-wbs .cont .atvlist li .btn-del {
  float: right;
  width: 14px;
  height: 14px;
  margin-top: 7px;
}
.box-wbs .cont .atvlist li:hover {
  background-color: #d6dfef;
}
.pop-activity {
  width: 790px;
}
.pop-activity.wide {
  width: 790px;
}
.pop-activity .pop-body {
  padding: 20px 20px;
}
.pop-activity .subtit {
  color: #333;
  font-size: 14px;
}
.pop-activity .location {
  margin-bottom: 15px;
  font-size: 15px;
}
.pop-activity .location span {
  color: #000;
}
.pop-activity .location strong {
  color: #006bd5;
}
.pop-activity .table-form1 {
  margin-top: 7px;
}
.pop-activity .table-form1 th {
  background-color: #ececec;
}
.pop-activity .typewrap:after {
  display: block;
  content: '';
  clear: both;
}
.pop-activity .typewrap .txt-bullet {
  float: left;
  margin-right: 20px;
}
.pop-activity .typewrap .box-checkboxwrap {
  float: left;
}
.pop-activity .typewrap .box-checkboxwrap .box-checkbox {
  margin-left: 25px;
}
.pop-activity .typewrap .box-checkboxwrap .box-checkbox:first-child {
  margin-left: 0;
}
.pop-activity .typewrap .box-checkboxwrap .label-txt {
  line-height: 18px;
}
.pop-activity .type-selectbox {
  margin-right: 1px;
}
.pop-activity .table-state1.table-actv {
  margin-top: 10px;
}
.pop-activity .table-state1.table-actv td {
  text-align: left;
  line-height: 15px;
}
.pop-activity .table-state1.table-actv td .box-tooltip.mainitem {
  text-align: left;
}
.pop-activity .table-state1.table-actv td.bgnone {
  background-image: none;
}
.pop-activity .table-state1.table-actv tr:hover {
  background-color: #fff;
}
.checkboxwrap {
  position: relative;
  overflow: hidden;
}
.checkboxwrap .box-checkbox {
  position: absolute;
  top: 0;
  left: 0;
}
.checkboxwrap .box-checkbox + .label-txt {
  display: block;
  padding: 0 0 0 25px;
  line-height: 18px;
}
.pop-techtree {
  width: 940px;
  background: #fff;
  border: 2px solid #0c88e8;
  border-radius: 5px;
}
.pop-techtree .pop-head {
  padding: 0 20px;
  border-bottom: 1px solid #c0c0c0;
}
.pop-techtree .pop-head .tit {
  height: 40px;
  line-height: 40px;
  font-family: 'notokr-medium';
  font-size: 18px;
  color: #000;
}
.pop-techtree .pop-body {
  min-height: 590px;
  padding: 10px 20px 23px;
  box-sizing: border-box;
  background: #eee;
  border-top: 1px solid #dfdfdf;
  border-radius: 0 0 5px 5px;
}
.pop-techtree .pop-body .contents:after {
  display: block;
  content: '';
  clear: both;
}
.pop-techtree .pop-body .subtit {
  padding-left: 18px;
  background: url('../../images/ico/ico-pop-subtit2.png') no-repeat 0 2px;
  color: #333;
  font-size: 15px;
}
.pop-techtree .pop-body .techwrap {
  float: right;
  width: 610px;
  height: 510px;
  box-sizing: border-box;
}
.pop-techtree .pop-body .btnwrap {
  margin-top: 10px;
}
.pop-techtree .treewrap > .scroll {
  height: 510px;
}
.techwrap .head {
  height: 33px;
  vertical-align: top;
}
.techwrap .head .fl {
  padding-top: 3px;
}
.techwrap .head .fl .subtit {
  float: left;
  margin-top: 4px;
}
.techwrap .head .fl .box-radiowrap {
  float: left;
  margin: 5px 20px 0 10px;
}
.techwrap .head .fl .btn-help {
  float: left;
  margin-top: 4px;
}
.techwrap .head .fr .btn-del {
  display: inline-block;
  width: auto;
  min-width: 53px;
  height: 31px;
  line-height: 31px;
  padding: 0 9px 0 21px;
  background: #ffffff url('../../images/contents/bg-del.png') no-repeat 9px 50%;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  box-sizing: border-box;
  color: #4181d3;
  font-size: 13px;
  text-indent: inherit;
}
.techwrap .head .fr .btn-add {
  display: inline-block;
  width: auto;
  min-width: 53px;
  height: 31px;
  line-height: 31px;
  padding: 0 9px 0 21px;
  background: #ffffff url('../../images/contents/bg-add.png') no-repeat 7px 50%;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  box-sizing: border-box;
  color: #4181d3;
  font-size: 13px;
  text-indent: inherit;
}
.techwrap .head .fl .btn-help {
  margin-left: 9px;
  float: left;
  display: inline-block;
  min-width: 53px;
  height: 19px;
  line-height: 19px;
  padding: 0 23px;
  background-color: #686868;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
.techwrap .head .fl .inp-text {
  height: 26px;
}
.techwrap .techtb {
  position: relative;
  width: 100%;
  border-top: 1px solid #b3b3b3;
  /*border-bottom:1px solid #b3b3b3*/
}

.techwrap .scroll {
  position: relative;
  /*height:290px;*/
  padding-right: 0;
}
.techwrap .scroll.tech1 {
  height: 123px;
}
.techwrap .scroll.tech2 {
  height: 300px;
}
.techwrap .scroll .mCustomScrollBox {
  padding-right: 12px;
}
.techwrap .scroll.mCS_no_scrollbar {
  padding-right: 0;
  background-color: #fff;
}
.techwrap .scroll.mCS_no_scrollbar .mCustomScrollBox {
  padding-right: 0;
}
.techwrap .scroll.mCS_no_scrollbar table {
  margin-right: 0;
}
.techwrap table {
  width: 100%;
  margin-right: 10px;
}
.techwrap table thead {
  background-color: #ececec;
}
.techwrap table tbody {
  background-color: #ffffff;
}
.techwrap table th {
  height: 36px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y right 0;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  box-sizing: border-box;
}
.techwrap table th:last-child {
  background-image: none;
}
.techwrap table td {
  height: 28px;
  padding: 5px 10px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y right 0;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 13px;
  text-align: left;
  box-sizing: border-box;
}
.techwrap table td:last-child {
  background-image: none;
}
.techwrap table tbody tr td {
  cursor: pointer;
}
.techwrap table tbody tr.selected td {
  /*background-color:#ffb22b;*/
}
.techwrap table tbody tr td.sline {
  text-align: center;
}
.techwrap table tbody tr td.sline span {
  display: inline-block;
  width: 6px;
  height: 7px;
  text-indent: -9999px;
  background: url('../../images/contents/bg-arrow-right.png') no-repeat 0 0;
  vertical-align: middle;
}
.pop-dtTech {
  width: 1100px;
  background: #fff;
  border: 2px solid #0c88e8;
  border-radius: 5px;
}
.pop-dtTech .pop-head {
  padding: 0 20px 0 20px;
  border-bottom: 1px solid #c0c0c0;
}
.pop-dtTech .pop-head .tit {
  height: 40px;
  line-height: 40px;
  font-family: 'notokr-medium';
  font-size: 18px;
  color: #000;
}
.pop-dtTech .pop-body {
  min-height: 590px;
  padding: 10px 20px 23px;
  box-sizing: border-box;
  background: #eeeeee;
  border-top: 1px solid #dfdfdf;
  border-radius: 0 0 5px 5px;
}
.pop-dtTech .pop-body .contents:after {
  display: block;
  content: '';
  clear: both;
}
.pop-dtTech .pop-body .subtit {
  padding-left: 18px;
  background: url('../../images/ico/ico-pop-subtit2.png') no-repeat 0 2px;
  color: #333;
  font-size: 15px;
}
.pop-dtTech .pop-body .treewrap .prdTit {
  font-size: 15px;
  border-bottom: 1px solid #aaaaaa;
  padding: 7px 10px;
}
.pop-dtTech .pop-body .treewrap .mtrTit {
  font-size: 15px;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding: 7px 10px;
}
.pop-dtTech .pop-body .treewrap .scroll {
  padding: 10px 0px;
}
.pop-dtTech .pop-body .treewrap .scroll #treePrd {
  padding: 0px 15px;
}
.pop-dtTech .pop-body .treewrap .scroll #treeMtr {
  padding: 0px 15px;
}
.pop-dtTech .pop-body .treewrap .prdBox {
  height: 295px;
}
.pop-dtTech .pop-body .treewrap .mtrBox {
  height: 150px;
}
.pop-dtTech .pop-body .techwrap {
  float: right;
  width: 780px;
  height: 514px;
  box-sizing: border-box;
  background: #fff;
  padding: 0px 10px;
}
.pop-dtTech .pop-body .techwrap .head {
  height: 33px;
  vertical-align: top;
}
.pop-dtTech .pop-body .techwrap .head .radioArea {
  padding-top: 7px;
  margin-right: 20px;
}
.pop-dtTech .pop-body .techwrap .head .searchArea {
  padding-top: 3px;
}
.pop-dtTech .pop-body .techwrap .techtb {
  width: 100%;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  position: static;
}
.pop-dtTech .pop-body .techwrap .techtb table tbody tr:hover {
  background-color: #c6e2ff;
}
.pop-dtTech .pop-body .techwrap .techtb .prdTb {
  height: 295px;
}
.pop-dtTech .pop-body .techwrap .techtb .mtrTb {
  height: 145px;
}
.pop-dtTech .pop-body .btnwrap {
  margin-top: 10px;
}
.techMtrBody {
  min-height: 450px !important;
  padding-top: 30px !important;
  background: #fff !important;
}
.techMtrBody .box-radiowrap .box-radio {
  background-image: none;
}
.techMtrBody span {
  display: inline-block;
  width: 190px;
  padding: 5px;
}
.techMtrBody span:hover {
  background-color: #c6e2ff;
}
.techMtrBody label {
  cursor: pointer;
}
.techMtrBody input[type="radio"] {
  cursor: pointer;
}
.pop-approval {
  width: 800px;
}
.approvalline {
  margin-top: 5px;
  border-top: 1px solid #ccc;
}
.approvalline > ul > li {
  min-height: 35px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.approvalline > ul > li:after {
  display: block;
  content: '';
  clear: both;
}
.approvalline ul li .box-radiowrap {
  float: left;
  width: 30%;
}
.approvalline ul li .box-radiowrap .box-radio {
  margin: 5px 20px 5px 0;
}
.approvalline ul li .box-radiowrap .box-radio:last-child {
  margin-right: 0;
}
.approvalline ul li .fl {
  float: left;
  width: 58%;
}
.approvalline ul li .fr {
  float: right;
  width: 11%;
}
.approvalline ul li ul.token-input-list {
  width: 93%;
  vertical-align: top;
}
/* 삭제버튼 공간위해 90%변경*/
.approvalline ul li:first-child ul.token-input-list {
  width: 100%;
  vertical-align: top;
}
.pop-common-search {
  width: 800px;
}
.pop-common-search .gridwrap {
  margin-top: 20px;
  min-height: 200px;
  background: #ddd;
}
.list-check {
  width: 100%;
  margin-top: 20px;
}
.list-check:first-child {
  margin-top: 0;
}
.list-check p {
  color: #000;
  font-size: 14px;
}
.list-check ul {
  margin-top: 8px;
  border-top: 1px solid #ccc;
}
.list-check ul li {
  padding: 6px 10px 6px 20px;
  border-bottom: 1px solid #ccc;
}
.list-check ul li:after {
  display: block;
  content: '';
  clear: both;
}
.list-check ul li label {
  float: left;
  line-height: 18px;
}
.list-check ul li .box-checkbox {
  float: right;
}
.list-checkwrap {
  width: 100%;
}
.list-checkwrap .fl {
  width: 50%;
  padding-right: 8px;
  box-sizing: border-box;
}
.list-checkwrap .fr {
  width: 50%;
  padding-left: 8px;
  box-sizing: border-box;
}
.pop-code .scroll {
  position: relative;
  margin-right: -20px;
  height: 500px;
  padding-right: 0;
}
.pop-code .scroll:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 860px;
  height: 1px;
  margin-right: 20px;
  background: #b3b3b3;
}
.pop-code .scroll:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 860px;
  height: 1px;
  margin-right: 20px;
  background: #b3b3b3;
}
.pop-code .pop-body {
  /*padding:0;*/
}
.pop-code .table-form2 {
  margin-right: 20px;
}
.pop-code .table-form2 .inp-text {
  width: 100%;
}
.pop-code .table-form2 .type-selectbox {
  width: 140px;
}
.pop-code .table-form2 .box-file {
  display: inline-block;
  width: 525px;
}
.pop-code .table-form2 .fs12 {
  font-size: 12px;
}
.pop-code .pictogramwrap {
  margin: 10px 0;
}
.pop-code .table-form2 table td .table-state1 {
  margin-top: 5px;
}
.pop-code .table-form2 table td .table-state1 thead th {
  padding: 9px 0;
  text-align: center;
}
.pop-code .table-form2 table td .table-state1 tr:hover {
  background: none;
}
.pop-code .btn-add {
  display: inline-block;
  width: auto;
  min-width: 53px;
  height: 31px;
  line-height: 31px;
  padding: 0 9px 0 21px;
  background: #ffffff url('../../images/contents/bg-add.png') no-repeat 7px 50%;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  box-sizing: border-box;
  color: #4181d3;
  font-size: 13px;
  text-indent: inherit;
}
.pop-code .dept {
  margin-bottom: 10px;
}
.pop-code .dept span {
  display: inline-block;
  margin-left: 16px;
  padding-left: 20px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 0 1px;
  color: #333;
  font-size: 14px;
}
.pop-code .dept span:first-child {
  background: none;
  margin-left: 0;
  padding-left: 0;
}
.pop-code .codeinfo * {
  vertical-align: middle;
}
.pop-code .codeinfo .inp-datepicker {
  margin: 0 20px 0 8px;
}
.levellist li:after {
  display: block;
  content: '';
  clear: both;
}
.levellist li {
  float: left;
  margin-left: 5px;
}
.levellist li:first-child {
  margin-left: 0;
}
.levellist li .inp-text,
.levellist li .type-selectbox {
  width: 90px !important;
}
.sellist {
  display: inline-block;
  position: relative;
}
.sellist .btn-del {
  display: block;
  position: absolute;
  top: 0;
  right: -50px;
}
.sellist ul:after {
  display: block;
  content: '';
  clear: both;
}
.sellist ul li {
  float: left;
  line-height: 33px;
}
.sellist ul li span {
  display: inline-block;
  margin-right: 13px;
  padding-right: 20px;
  background: url('../../images/ico/ico-sellist-arrow.png') no-repeat right 50%;
  color: #333;
  font-size: 13px;
}
.sellist ul li:last-child span {
  margin-right: 0;
  padding-right: 0;
  background: none;
}
.cellbox {
  display: inline-block;
  vertical-align: top;
}
.cellbox p.th {
  display: inline-block;
  margin: 0 15px 0 60px;
  padding-top: 2px;
  font-size: 14px;
}
.cellbox .inp-text {
  display: inline-block;
  width: 95px !important;
}
.codewrap .table-state1 {
  min-height: 72px;
  max-height: 212px;
}
.statebar ul li.tobe span {
  display: block;
  height: 19px;
  line-height: 19px;
  color: #ff9900;
  font-size: 12px;
  font-family: 'notokr-medium';
}
.processmapwrap .processmap {
  margin: 15px 0;
}
.processmapboxwrap {
  position: relative;
  display: block ;
  background: #F9f9f9;
  height: 210px;
  width: 1310px;
  padding: 7px 0px 10px 10px;
}
.processmapboxwrap.first {
  width: 795px;
  height: 170px;
}
.processmapboxwrap .btn-del {
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
}
.processmapwrap .processmap .processmapbox {
  min-height: 50px;
  width: 250px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  margin-right: 5px;
  vertical-align: top;
}
.processmapboxwrap1ea.left {
  position: absolute;
  left: 0px;
  background: #F9f9f9;
  width: 285px;
  height: 120px;
  padding: 7px 0px 10px 10px;
  box-sizing: border-box;
}
.processmapboxwrap1ea.right {
  position: absolute;
  left: 515px;
  background: #F9f9f9;
  width: 285px;
  height: 120px;
  padding: 7px 0px 10px 10px;
  box-sizing: border-box;
}
.processmapboxwrap1ea.btn-del {
  position: absolute;
  top: 2px;
  right: 1px;
}
.processmapbox .boxhead p.tit {
  color: #515c72;
  font-size: 14px;
  font-family: 'notokr-medium';
  padding: 4px;
}
.processmapbox .boxhead {
  height: 40px;
  background: #eceff4;
  padding: 7px;
  box-sizing: border-box;
}
.processmapbox .typelist ul {
  padding: 10px;
}
.processmapbox .typelist ul li {
  padding: 3px;
  font-size: 12px;
}
.processmapboxwrap.btnwrap {
  height: 60px;
  padding: 0;
  position: relative;
  background: none;
  display: inline-block;
  text-align: left;
  margin-top: 15px;
}
.processmapboxwrap.btnwrap .arrowonly {
  display: block;
  position: absolute;
  left: 250px;
  width: 250px;
  text-align: center;
  box-sizing: border-box;
}
.processmapboxwrap.btnwrap .arrow {
  display: inline-block;
  position: absolute;
  left: 270px;
  width: 250px;
  text-align: center;
  box-sizing: border-box;
  margin-right: 5px;
}
.typelist .table-processmap table {
  width: 100%;
  margin-bottom: 15px;
}
.typelist .table-processmap table thead th {
  padding: 9px 10px;
  border-bottom: 1px solid #e2e5ea;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  font-family: 'notokr-medium';
  text-align: center;
}
.typelist .table-processmap table tbody th {
  padding: 4px 10px;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  font-family: 'notokr-medium';
  text-align: left;
}
.typelist .table-processmap table tbody td {
  padding: 2px 10px;
  font-size: 12px;
}
.typelist .table-processmap table tbody td.imgpre {
  width: 150px;
  height: 150px;
}
.typelist .table-processmap table tbody td.imgpre img {
  max-width: 150px;
  max-height: 150px;
}
.btn_edit {
  width: 45px;
  height: 26px;
  box-sizing: border-box;
  color: #fff;
  background: #768193;
  border-radius: 3px;
}
.btn_circle_down {
  height: 59px;
  width: 59px;
  background: #ffffff url('../../images/btn/icon_circle_down.png') no-repeat top left;
  text-indent: -9999px;
}
.btn_circle_down:hover,
.btn_circle_down.active {
  background-position: bottom left;
}
.btn_circle_right {
  height: 59px;
  width: 59px;
  background: #ffffff url('../../images/btn/icon_circle_right.png') no-repeat top left;
  text-indent: -9999px;
}
.btn_circle_right:hover,
.btn_circle_right.active {
  background-position: bottom left;
}
.btn_process {
  height: 30px;
  padding: 5px 15px;
  box-sizing: border-box;
  color: #fff;
  background: #434c51;
  border-radius: 3px;
}
.tasktypeselect p.tit {
  font-size: 14px;
  display: inline-block;
}
.tasktypeselect span.sub_tit {
  font-size: 12px;
  padding-left: 14px;
  color: #006bd5;
}
.tasktypeselect span.point {
  font-family: 'notokr-medium';
}
.tasktypeselect span.boxhead {
  display: inline;
  display: inline-block;
  width: 145px;
  font-size: 13px;
  vertical-align: top;
  padding-top: 2px;
}
.tasktypeselect .box-radiowrap {
  display: inline;
}
.tasktypeselect .box-radio {
  height: auto;
}
.tasktypeselect ul {
  margin-bottom: 35px;
}
.tasktypeselect .list-check ul li label {
  line-height: 16px;
}
.tasktypeselect .box-radio:not(#cssbrowser) > .inp-radio + .label-txt {
  height: auto;
  line-height: 16px;
}
.pop-schcube .topwrap {
  margin-top: 0;
}
.pop-schcube .contwrap {
  padding: 10px 5px 10px;
}
.pop-schcube .btn-table-toggle {
  position: absolute;
  right: 2px;
  top: 7px;
}
.pop-schcube ul {
  margin: 10px 0;
}
.pop-schcube ul li {
  background: #ffffff url('../../images/common/bullet-3.png') no-repeat 1px 7px;
  padding: 2px 5px 2px 12px;
}
.pop-schcube .pop-body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #f2f2f2;
}
.pop-schcube .pop-body .headwrap {
  height: 50px;
  margin: 0 6px;
  padding: 10px 20px 0;
  border-bottom: 1px solid #e7e9ea;
  box-sizing: border-box;
}
.pop-schcube .pop-body .topcont {
  position: relative;
  height: 50%;
}
.pop-schcube .pop-body .topcont .leftcont {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  /* max-height: 530px; min-height:280px; */
  border-right: 2px solid #a1b4d0;
  background-color: #fff;
  box-sizing: border-box;
}
.pop-schcube .pop-body .topcont .rightcont {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  /* max-height: 530px; min-height:280px; */
  background-color: #fff;
  box-sizing: border-box;
}
.pop-schcube .pop-body .bottomcont {
  position: relative;
  clear: both;
  display: block;
  height: 50%;
  /*max-height: 500px; min-height: 280px; margin-top: 10px;*/
  box-sizing: border-box;
  background-color: #fff;
  border-top: 2px solid #a1b4d0;
}
.pop-schcube .pop-body .bottomcont.mixarea .schcube {
  float: left;
  margin-top: 0px;
}
.pop-schcube .pop-body .bottomcont.mixarea .divide {
  margin-left: 5px;
  vertical-align: top;
  padding-bottom: 5px;
}
.pop-schcube .pop-body .bottomcont.mixarea .schcube .topwrap.grtbltop {
  height: 37px;
  padding: 5px 10px;
}
.pop-schcube .pop-body .bottomcont.mixarea .schcube .topwrap.grtbltop .table-tit {
  padding-top: 3px;
}
.pop-schcube ul.mixlist {
  border: none;
  display: table;
}
.pop-schcube ul.mixlist li {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
}
.pop-schcube ul.mixlist li:nth-child(even) {
  float: right;
}
.pop-schcube .gr_cont {
  margin-right: 5px;
}
.pop-schcube .gr_cont .grtbltop {
  border-radius: 3px;
  box-sizing: border-box;
  height: 30px;
  padding: 8px 10px;
  margin-right: 5px;
  background: #a1b4d0;
  border: 1px solid #97aac8;
  color: #fff;
}
.pop-schcube .gr_cont .grfold_area {
  position: relative;
  margin-bottom: 3px;
}
.pop-schcube .gr_cont .grfold_area:first-child {
  margin-top: 0;
}
.pop-schcube .gr_cont .grfold_area .grfold_inner {
  width: 98%;
  padding-top: 10px;
  display: table;
  padding-bottom: 20px;
}
.pop-schcube .gr_cont .grfold_area .grfold_inner ul.tab li {
  background: none;
  padding: 0px;
}
.pop-schcube .gr_cont .grfold_area .grfold_inner ul.tab li:first-child {
  padding-left: 1px;
}
.pop-schcube .gr_cont .grfold_area .table-state1 {
  display: block;
}
.pop-schcube .docDivWrap ul li {
  background: none;
  padding: 0;
}
.attribute_detailwrap {
  margin-bottom: 10px;
  height: 618px;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  background: #f7f9fb;
}
.attribute_detailwrap .table-form2 {
  border: none;
}
.datatype_select {
  width: 88%;
  border: 1px solid #ccc;
  margin-top: 5px;
  margin-right: 10px;
  background-color: #ffffff;
}
.datatype_select {
  border: 1px solid #ccc;
  padding: 5px 10px;
}
.datatype_select ul li {
  padding: 2px 0;
}
.datatype_select ul li:hover {
  background-color: #c6e2ff;
}
.typeadwrapd {
  margin-top: 3px;
}
.typeadwrapd .btn-remove-txt {
  margin: 0px 20px 0 0;
}
.attribute_detailwrap > .fl {
  border-right: 1px solid #ccc;
  height: 100%;
}
.attribute_detailwrap .fl .typeadwrapd .fl {
  border: none;
}
.attribute_detailwrap .fr {
  height: 100%;
  box-sizing: border-box;
  background: #f7f9fb;
}
.attribute_detailwrap .fr .attribute_check {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.attribute_detailwrap .fr .attribute_check .box-checkboxwrap {
  width: 48%;
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 3px;
}
.attribute_detailwrap .attribute_type {
  padding: 15px 10px;
}
.attribute_detailwrap .attribute_type > .scroll {
  height: 200px;
}
.attribute_type .treewrap {
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
  width: 200px;
}
.attribute_type .treewrap .scroll {
  overflow: auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 385px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.attribute_type .treewrap .scroll #tree {
  padding: 10px 5px 10px 20px;
}
.attribute_type .subtit {
  margin-bottom: 10px;
  padding-left: 18px;
  background: url('../../images/ico/ico-pop-subtit2.png') no-repeat 0 2px;
  color: #333;
  font-size: 15px;
}
.attribute_type .typeviewwrap {
  width: 168px;
  height: 385px;
  border: 1px solid #006bd5;
  border-radius: 3px;
  background: #fff;
}
.attribute_type .typeviewwrap ul {
  padding: 20px 10px;
}
.attribute_type .typeviewwrap ul li {
  padding: 10px 0 8px;
  color: #333333;
}
.attribute_type .typeviewwrap ul li:hover {
  background-color: #c6e2ff;
}
.attribute_type .typeviewwrap .table-approval {
  border: none;
  padding: 20px 10px 20px 10px;
}
.attribute_type .typeviewwrap .table-approval table {
  border: none;
}
.attribute_type .typeviewwrap .table-approval table td {
  padding: 2px 0 3px 0;
}
.attribute_type .typeviewwrap .table-approval table td.al {
  padding-left: 8px;
}
.doctype li {
  padding: 4px 15px;
  border: 1px solid #d1d1d1;
  display: inline-block;
  margin-right: 1px;
}
.doctype li.com {
  background-color: #cecece;
  color: #333;
}
.doctype li.comp {
  background-color: #809f23;
  color: #fff;
}
.unitserwrap {
  margin-bottom: 10px;
}
.unit_set {
  float: left;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
  width: 100px;
  padding: 15px 15px;
  margin-right: 10px;
}
.unit_set .box-checkboxwrap {
  display: block;
  margin-bottom: 10px;
}
.unit_table {
  float: right;
  display: inline-block;
  width: 560px;
}
.unit_table .box-radiowrap {
  padding-left: 15px;
}
.unit_table .label {
  display: none;
}
.unit_table .label-txt {
  text-indent: -999999999px;
}
.unitserwrap .btnwrap {
  clear: both;
}
.guideboxwrap .guide_inner {
  width: 1100px;
  margin: 0 auto;
  padding: 10px 0;
}
.guideboxwrap .guideboxhead h1 {
  width: 100%;
  height: 47px;
  padding-top: 5px;
  background: url('../../images/common/logo_kcc.gif') 99% 10px no-repeat;
}
.guideboxwrap .guideboxhead .header {
  display: block;
  width: 100%;
  height: 118px;
  background: #195f8c;
  border-bottom: 10px solid #2e87c1;
  color: #fff;
  font-size: 35px;
  font-family: 'notokr-medium';
  text-align: center;
  padding-top: 30px;
  box-sizing: border-box;
}
.guideboxwrap .guidewrap {
  border: 2px solid #6b86b1;
  width: 1100px;
  border-radius: 3px;
  padding: 20px 0px 0 20px;
  box-sizing: border-box;
  margin-bottom: 10px;
  display: table;
}
.guidewrap .fl {
  width: 40%;
  box-sizing: border-box;
  display: table-cell;
}
.guidewrap .fr {
  width: 57%;
  box-sizing: border-box;
  display: table-cell;
  margin-left: 3%;
}
.guidewrap .guidewrap-head {
  box-sizing: border-box;
  border-radius: 3px;
  height: 37px;
  background: #3f6799;
  padding-top: 9px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.guidewrap .guidewrap-subhead {
  color: #fff;
  font-size: 16px;
  background: #8ca4c2 ;
  padding: 8px 0 0 18px;
  height: 35px;
  box-sizing: border-box;
  font-family: 'notokr-medium';
  margin-bottom: 10px;
}
.guidewrap .guide {
  margin-bottom: 20px;
  min-height: 260px;
}
.guidewrap .guide img {
  width: 400px;
  padding: 5px 0;
}
.guidewrap .guide p {
  display: block;
  margin-bottom: 10px;
  background: url('../../images/common/bullet-4.png') no-repeat 3px 5px;
  padding-left: 15px;
}
.guidewrap .guide p span.tit {
  vertical-align: top;
  color: #3f6799;
}
.guidewrap .guide p span.account {
  display: inline-block;
  padding-left: 0px;
}
.table-guide {
  margin-top: 10px;
}
.table-guide table {
  width: 99.7%;
  margin-top: 0;
  border-top: none;
  border-bottom: 1px solid #d6dcea;
}
.table-guide thead th {
  padding-top: 5px;
  height: 33px;
  background: #f3f4f6;
  box-sizing: border-box;
  font-size: 15px;
  color: #333;
  text-align: center;
}
.table-guide th,
.table-guide td {
  border-right: 1px solid #d6dcea;
  border-bottom: 1px solid #d6dcea;
  color: #333;
  text-align: center;
  background: none;
}
.table-guide th:last-child,
.table-guide td:last-child {
  border-right: none;
}
.table-guide td {
  padding: 10px;
  font-size: 13px;
  line-height: 12px;
  font-family: 'notokr-regular';
}
.table-guide td:last-child {
  padding: 10px;
}
.table-guide td img {
  width: 312px;
}
.table-guide td p {
  display: block;
  margin-bottom: 20px;
}
.table-guide td p span {
  display: block;
  padding-left: 20px;
}
.guideboxwrap.task {
  font-size: 14px;
  color: #333;
}
.guideboxwrap.task .guide_inner {
  width: 945px;
  margin-top: 30px;
}
.guideboxwrap.task .head {
  background: url('../../images/common/bg_guidetit.png') left top no-repeat;
  padding: 15px 0 0 0;
  font-family: 'notokr-medium';
  margin-bottom: 20px;
  box-sizing: border-box;
}
.guideboxwrap.task .head p {
  font-size: 21px;
  padding-bottom: 5px;
}
.guideboxwrap.task .head span {
  font-size: 15px;
  color: #f90000;
}
.guideboxwrap.task .cont_common {
  height: 500px;
  margin-bottom: 50px;
}
.guideboxwrap.task .cont_common .fl {
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px;
  display: table;
  width: 145px;
  color: #fff;
  font-size: 17px;
  background: #4485f2 url('../../images/common/bg-vertical-dotted.png') right top repeat-y;
}
.guideboxwrap.task .cont_common .fr {
  width: 800px;
  height: 500px;
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #b3b3b3;
  float: left;
  display: table;
  height: 100%;
  box-sizing: border-box;
}
.guideboxwrap.task .cont_common .fr ul li {
  padding: 12px;
  line-height: 24px;
  border-top: 1px solid #b3b3b3;
}
.guideboxwrap.task .cont_common .fr ul li:first-child {
  border-top: none;
}
.guideboxwrap.task .cont_common .fr ul li span.bold {
  font-family: 'notokr-medium';
}
.guideboxwrap.task .cont_common .fr ul li .dept1 {
  padding-left: 10px;
  padding: 10px 0;
}
.guideboxwrap.task .cont_common .fr ul li .dept2 {
  padding-left: 20px;
}
.guideboxwrap.task .cont_common .cont_head {
  background: #4485f2;
  height: 46px;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
  font-size: 17px;
}
.guideboxwrap.task .cont_common .cont_box {
  border: 1px solid #b3b3b3;
  width: 100% ;
  margin: 5px 0 30px;
}
.guideboxwrap.task .cont_common .cont_box ul {
  padding: 10px;
}
.guideboxwrap.task .cont_common .cont_box ul li {
  padding: 20px 10px 20px 10px;
  background: url('../../images/contents/bg-horizontal-dashed.png') left bottom repeat-x;
}
.guideboxwrap.task .cont_common .cont_box ul li:last-child {
  background: none;
}
.guideboxwrap.task .cont_common .cont_box ul li p.tit {
  font-size: 15px;
  color: #006bd5;
  padding-bottom: 15px;
}
.guideboxwrap.task .cont_common .cont_box span.detail {
  padding-left: 21px;
  display: block;
  background: url('../../images/common/bullet-arrow.png') 3px 3px no-repeat;
}
.guideboxwrap.task .cont_common .cont_box .fs-line {
  text-decoration: line-through;
}
.guideboxwrap.task .cont_common .cont_box .detail2 {
  padding: 7px 0 2px 21px;
  display: block;
}
.imgexpandwrap {
  min-width: 600px;
}
.imgexpandwrap p.txt-bullet {
  display: block;
  max-width: 800px;
  margin-bottom: 20px;
}
.img.img_preview img {
  max-width: 350px;
  max-height: 200px;
}
.report_open .divide .tit {
  padding-top: 2px;
  font-size: 14px;
}
.report_open .divide .name {
  padding-top: 2px;
  font-size: 14px;
}
.report_open .divide .txt-bullet {
  width: 100px;
  margin: 0;
}
.mix_popup .pop-body {
  padding: 0;
}
.mix_popup .pop-body > .fl {
  position: relative;
  width: 75%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}
.mix_popup .pop-body > .fl .canvas {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.mix_popup .pop-body > .fr {
  position: absolute;
  top: 50px;
  right: 0;
  float: none;
  width: 325px;
  border-left: 1px solid #e1e1e1;
  display: table;
  box-sizing: border-box;
  overflow: hidden;
}
.mix_popup .pop-body > .fr .top_btnwrap {
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
  padding: 20px;
}
.mix_popup .pop-body > .fr .mixmaplistwrap {
  padding: 20px;
  box-sizing: border-box;
}
.mix_popup .pop-body .txt-bullet {
  padding: 20px 20px 20px 31px;
  background: url('../../images/common/bullet-1.png') no-repeat 20px 25px;
}
.mix_popup .pop-body .zoom {
  position: fixed;
  top: 66px;
  right: 335px;
  width: 52px;
  height: 24px;
  border-radius: 19px;
}
.mix_popup .pop-body .zoom ul li {
  display: inline-block;
}
.mix_popup .pop-body .zoom ul li a {
  display: block;
  width: 24px;
  height: 24px;
  background: url('../../images/ico/ico-fold02.png') no-repeat 0 0;
}
.mix_popup .pop-body .zoom ul li a:hover {
  background: url('../../images/ico/ico-fold02.png') no-repeat;
}
.mix_popup .pop-body .zoom ul li.reduce a {
  background-position: left top;
}
.mix_popup .pop-body .zoom ul li.reduce a:hover {
  background-position: right top;
}
.mix_popup .pop-body .zoom ul li.expand a {
  background-position: left bottom;
}
.mix_popup .pop-body .zoom ul li.expand a:hover {
  background-position: right bottom;
}
.mixmapbox {
  position: relative;
  height: 110px;
  box-sizing: border-box;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  width: 260px;
  margin-bottom: 3px;
  background-color: #fff;
}
.mixmapbox .head {
  background: #f6f7fa;
  padding: 9px;
  height: 38px;
  box-sizing: border-box;
  border-bottom: 2px solid #e0e3e8;
}
.mixmapbox .head span {
  display: inline-block;
  float: left;
}
.mixmapbox .head button {
  display: inline-block;
  float: right;
}
.mixmapbox .cont p.name {
  display: block;
  border-bottom: 1px solid #c9c9c9;
  padding: 10px;
}
.mixmapbox .cont p.subhead {
  display: block;
  padding: 8px 10px;
  font-size: 14px;
  color: #333;
}
.mixmapbox .cont .fl {
  float: left;
  width: 228px;
  box-sizing: border-box;
  display: table;
  height: 100%;
}
.mixmapbox .cont .fr {
  position: relative;
  float: right;
  width: 30px;
  box-sizing: border-box;
  border-left: 1px solid #c9c9c9;
  display: table;
  height: 70px;
  padding: 50;
}
.mixmapbox .cont .btn-detailview {
  position: absolute;
  top: 40%;
  left: 25%;
}
.techlist.redata {
  margin-top: 20px;
  border-top: 1px solid #aaa;
}
.techlist.redata > ul > li {
  position: relative;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #aaa;
  background: #fff;
}
.techlist.redata li .head {
  height: 60px;
  box-sizing: border-box;
  margin-right: 0;
  width: 90%;
}
.techlist.redata li .subhead {
  float: left;
  width: 100%;
  margin-right: 30px;
  padding: 6px 15px 0px 0;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}
.techlist.redata li .subhead .dep {
  color: #333;
  font-size: 14px;
}
.techlist.redata li .subhead .dep:before {
  display: inline-block;
  content: '|';
  margin: 0 12px;
  font-size: 12px;
  color: #333;
  vertical-align: top;
}
.techlist.redata li .subhead .date {
  color: #333;
  font-size: 14px;
}
.techlist.redata li .desc {
  display: none;
  clear: both;
  width: 100%;
  padding: 5px 15px 15px 40px;
  box-sizing: border-box;
}
.techlist.redata li .desc li {
  width: 100%;
  height: 13px;
  margin-bottom: 10px;
  border: 0;
  color: #333;
  padding-left: 20px;
}
.techlist.redata li .no {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 25px;
  height: 60px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y right 0;
  text-align: center;
}
.techlist.redata li .no span {
  display: table-cell;
  vertical-align: middle;
}
.techlist.redata li.active {
  height: 100%;
  background: #ecf5ff;
}
.techlist.redata li.active .no {
  height: 155px;
}
.techlist.redata .btn-table-toggle {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 20px;
  width: 10px;
  height: 8px;
  margin: 6px;
  background: url('../../images/btn/btn-table-toggle.png') no-repeat 0 top;
  text-indent: -9999px;
}
.techlist.redata li .head:hover {
  text-decoration: underline;
}
.techlist.redata a:hover {
  text-decoration: underline;
}
.popup-approval.popup-groupsrch {
  width: 500px;
  background: #fff;
  border: 2px solid #0c88e8;
  border-radius: 5px;
}
.popup-approval.popup-groupsrch .pop-body {
  min-height: 500px;
}
.popup-approval.popup-groupsrch .groupwrap {
  width: 100%;
}
.popup-approval.popup-groupsrch p.subtit {
  display: inline-block;
}
.popup-membersrch {
  width: 980px;
}
.popup-membersrch .memberwrap {
  margin-top: 30px;
}
.popup-membersrch .memberwrap .membersrch input {
  display: inline-block;
  width: 280px !important;
}
.popup-membersrch .memberwrap .table-member {
  margin-top: 20px;
}
.popup-membersrch div.table-approval {
  width: 100%;
  height: 480px;
  border: 1px solid #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
}
.popup-membersrch div.table-approval table {
  border: none;
}
.popup-membersrch div.table-approval .table-member table th:first-child {
  background: none;
}
.popup-membersrch .memberbtnwrap {
  float: left;
  position: relative;
  box-sizing: border-box;
}
.popup-membersrch .memberbtnwrap ul {
  width: 34px;
  position: absolute;
  left: 15px;
  top: 200px;
  margin: 0 auto;
}
.popup-membersrch .memberbtnwrap ul li {
  display: block;
  margin-bottom: 1px;
  width: 34px;
}
.btn-memadd {
  display: inline-block;
  width: 37px;
  height: 37px;
  background: #0c88e8 url('../../images/btn/btn_membersch.png') no-repeat left top;
  box-sizing: border-box;
  text-indent: -99999px;
}
.btn-memadd:hover {
  background: #055cb3 url('../../images/btn/btn_membersch.png') no-repeat left top;
}
.btn-memdel {
  display: inline-block;
  width: 37px;
  height: 37px;
  background: #0c88e8 url('../../images/btn/btn_membersch.png') no-repeat left bottom;
  box-sizing: border-box;
  text-indent: -99999px;
}
.btn-memdel:hover {
  background: #055cb3 url('../../images/btn/btn_membersch.png') no-repeat left bottom;
}
.txt-bullet span.dept {
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 3px 4px;
  padding-left: 10px;
}
.projectProc .procCont {
  width: 97%;
  margin: 0 auto;
  text-align: center;
}
.projectProc .procCont img {
  max-width: 100%;
}
.popCmntyWrap {
  background: #fff !important;
  max-height: 650px;
  overflow: auto;
  padding: 10px 0px !important;
}
.popCmntyWrap .boxinner {
  padding: 0px 20px !important;
}
.grouping-progress {
  margin-top: 10px;
}
.grouping-progress ul {
  margin-bottom: 10px;
}
.grouping-progress ul:after {
  display: block;
  content: '';
  clear: both;
}
.grouping-progress ul li {
  position: relative;
  display: table;
  float: left;
  width: 110px;
  height: 43px;
  background: #929292;
  text-align: center;
}
.grouping-progress ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -10px;
  z-index: 5;
  display: block;
  content: '';
  width: 21px;
  height: 43px;
  background: url('../../images/contents/bg-grouping-arrow.png') no-repeat left 86px;
}
.grouping-progress ul li:after {
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 5;
  display: block;
  content: '';
  width: 21px;
  height: 43px;
  background: url('../../images/contents/bg-grouping-arrow.png') no-repeat right 0;
}
.grouping-progress ul li span {
  display: block;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 12px;
  width: 120px;
}
.grouping-progress ul li.current {
  background: #f76767;
}
.grouping-progress ul li.current:before {
  position: absolute;
  left: 0;
  background-position: 0 -43px;
}
.grouping-progress ul li.current:after {
  background-position: 0 -86px;
}
.grouping-progress ul li:first-child:before {
  display: none;
}
.grouping-progress ul li:last-child:after {
  display: none;
}
.progress-approval {
  padding: 5px 0 0 20px;
}
.progress-approval:after {
  display: block;
  content: '';
  clear: both;
}
.progress-approval li {
  position: relative;
  float: left;
  width: 76px;
  min-height: 120px;
  padding-right: 60px;
  background: url('../../images/contents/bg-line.png') repeat-x 0 38px;
}
.progress-approval li:last-child {
  background-image: none;
  padding-right: 0;
}
.progress-approval li .circle {
  position: relative;
  display: table;
  width: 76px;
  height: 76px;
  background: #e8e8e8;
  border-radius: 100%;
  color: #000;
  font-size: 15px;
  text-align: center;
}
.progress-approval li .circle span {
  display: table-cell;
  vertical-align: middle;
}
.progress-approval li .datetime {
  margin-top: 10px;
  width: 90px;
  margin-left: -4px;
  font-size: 12px;
  letter-spacing: -0.05em;
}
.progress-approval li.ing .circle {
  background-color: #ffa200;
  color: #fff;
}
.progress-approval li.ing .circle:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 76px;
  height: 76px;
  border: 2px solid #555;
  border-radius: 100%;
  color: #fff;
  box-sizing: border-box;
}
.progress-approval li.past .circle {
  background-color: #9bbe30;
  color: #fff;
}
.progress-approval li.order:after {
  display: block;
  content: '';
  position: absolute;
  top: 31px;
  left: 118px;
  width: 18px;
  height: 16px;
  background: url('../../images/contents/bg-line-arrow.png') no-repeat 0 0;
}
.refer {
  padding: 0 0 20px 20px;
}
.refer:after {
  display: block;
  content: '';
  clear: both;
}
.refer li {
  float: left;
  width: 76px;
  padding-right: 60px;
  background: url('../../images/contents/bg-line.png') repeat-x 0 15px;
}
.refer li:last-child {
  background-image: none;
  padding-right: 0;
}
.refer li .rect {
  display: inline-block;
  min-width: 76px;
  height: 30px;
  line-height: 30px;
  background: #555;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.refer li .datetime {
  margin-top: 10px;
  width: 90px;
  margin-left: -4px;
  font-size: 12px;
  letter-spacing: -0.05em;
}
.timeline {
  margin-top: 50px;
}
.timeline > ul > li {
  position: relative;
  padding-left: 68px;
  background: url('../../images/contents/bg-timeline.png') no-repeat 22px 0;
}
.timeline > ul > li:first-child {
  padding-top: 0;
  background-position: 22px 27px;
}
.timeline > ul > li:last-child {
  padding-top: 0;
  background-position: 22px 0;
  background-size: 5px 75px;
}
.timeline > ul > li:before {
  display: block;
  content: '진행중';
  position: absolute;
  top: 27px;
  left: 0;
  width: 48px;
  height: 48px;
  background: url('../../images/ico/ico-timeline-ing.png') no-repeat 50%;
  text-indent: -9999px;
}
.timeline > ul > li.complete:before {
  display: block;
  content: '최종단계완료';
  width: 50px;
  height: 50px;
  background: url('../../images/ico/ico-timeline-complete.png') no-repeat 50%;
  text-indent: -9999px;
}
.timeline ul li .date {
  display: inline-block;
  height: 27px;
  font-size: 14px;
}
.timeline ul li .step {
  display: inline-block;
  height: 27px;
  margin-left: 8px;
  color: #000;
  font-size: 16px;
}
.timeline ul li ol {
  padding-bottom: 25px;
}
.timeline ul li ol:after {
  display: block;
  content: '';
  clear: both;
}
.timeline ul li ol li {
  position: relative;
  float: left;
  margin-bottom: 15px;
  margin-right: 4px;
  padding-right: 17px;
  background: url('../../images/contents/bg-timeline-arrow.png') no-repeat right 50%;
}
.timeline ul li ol li:last-child {
  margin-right: 0;
  padding-right: 0;
  background: none;
}
.timeline ul li ol li a {
  display: table;
  max-width: 150px;
  height: 48px;
  padding: 0 20px;
  background: #53d0c0;
  border-radius: 9px;
  box-sizing: border-box;
  color: #fff;
  text-align: left;
  vertical-align: top;
}
.timeline ul li ol li a.payment {
  /*width:40px;*/
  height: 48px;
  padding: 0 15px;
  border: 2px solid #f76767;
  background: #f76767;
  box-sizing: border-box;
}
.timeline ul li ol li a span {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  word-break: keep-all;
}
.timeline ul li ol li.current a {
  max-width: 150px;
  border: 2px solid #555;
  background: #929292;
  box-sizing: border-box;
}
.timeline ul li ol li.current a.payment {
  /*width:40px;*/
  border: 2px solid #555;
  background: #53d0c0;
  box-sizing: border-box;
}
.timeline ul li ol li .time {
  display: none;
  position: absolute;
  top: 42px;
  left: 50%;
  z-index: 10;
  margin-left: -62px;
  width: 116px;
  height: 36px;
  padding: 14px 12px 0 8px;
  box-sizing: border-box;
  background: url('../../images/contents/bg-timeview.png') no-repeat 0 0;
  color: #000;
  font-size: 12px;
  text-align: center;
}
.timeline ul li ol li.current .time {
  margin-left: -62px;
}
.timeline ul li:last-child ol {
  padding-bottom: 0;
}
.timeline2 {
  margin-top: 20px;
}
.timeline2 ul li {
  background: url('../../images/contents/bg-timeline2.png') repeat-y 15px top;
}
.timeline2 ul li .table-form2 {
  margin-left: 30px;
  margin-top: 5px;
}
.timeline2 ul li .table-form2:first-child {
  margin-top: 0;
}
.timeline2 ul li .table-form2 th {
  font-size: 13px;
}
.timeline2 ul li .date {
  display: inline-block;
  height: 25px;
  margin: 10px 0 5px;
  padding: 5px 8px 0;
  background: #5eacff;
  opacity: 0.9;
  border: 1px solid #528ffe;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
}
.timeline2 ul li:first-child .date {
  margin-top: 0;
}
.timeline2 ul li:last-child {
  background-position: 15px bottom;
}
.timeline3 {
  margin-top: 50px;
}
.timeline3 .date {
  display: inline-block;
  height: 27px;
  font-size: 14px;
}
.timeline3 .step {
  display: inline-block;
  height: 27px;
  margin-left: 8px;
  color: #000;
  font-size: 16px;
}
.timeline3 ol {
  padding-bottom: 25px;
}
.timeline3 ol li {
  position: relative;
  float: left;
  margin-bottom: 15px;
  margin-right: 4px;
  padding-right: 17px;
  background: url('../../images/contents/bg-timeline-arrow.png') no-repeat right 50%;
}
.timeline3 ol li a {
  display: table;
  max-width: 150px;
  height: 48px;
  padding: 0 20px;
  background: #929292;
  border-radius: 9px;
  box-sizing: border-box;
  color: #fff;
  text-align: left;
  vertical-align: top;
}
.timeline3 ol li a.payment {
  /*width:40px;*/
  height: 48px;
  padding: 0 15px;
  border: 2px solid #f76767;
  background: #f76767;
  box-sizing: border-box;
}
.timeline3 ol li a span {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  word-break: keep-all;
}
.timeline3 ol li.current a {
  max-width: 150px;
  border: 2px solid #555;
  background: #53d0c0;
  box-sizing: border-box;
}
.timeline3 ol li.current a.payment {
  /*width:40px;*/
  border: 2px solid #555;
  background: #53d0c0;
  box-sizing: border-box;
}
.timeline3 ol li.current .time {
  margin-left: -62px;
}
.timeline3 ol li .time {
  display: none;
  position: absolute;
  top: 42px;
  left: 50%;
  z-index: 10;
  margin-left: -62px;
  width: 116px;
  height: 36px;
  padding: 14px 12px 0 8px;
  box-sizing: border-box;
  background: url('../../images/contents/bg-timeview.png') no-repeat 0 0;
  color: #000;
  font-size: 12px;
  text-align: center;
}
.timeline3 ol li:last-child {
  margin-right: 0;
  padding-right: 0;
  background: none;
}
.timeline3 ol:after {
  display: block;
  content: '';
  clear: both;
}
.projectProcTimeline {
  padding-left: 1%;
  height: 160px;
}
.projectProcTimeline > ul > li {
  width: 33.3%;
  display: inline-block;
  float: left;
  background: url(../../images/contents/bg-timeline-arrow.png) no-repeat right 50%;
}
.projectProcTimeline > ul > li:last-child {
  background: none;
}
.projectProcTimeline > ul > li:last-child .proc > ul > li:last-child {
  background: url(../../images/ico/ico_triangle.png) no-repeat right 50%;
}
.projectProcTimeline .proc {
  width: 90%;
  height: 140px;
  margin: 0 5% 0 3%;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
}
.projectProcTimeline .proc h3 {
  height: 24px;
  padding-top: 12px;
  margin-bottom: 10px;
  color: #fff;
  background: #ccc;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
.projectProcTimeline .proc > ul > li {
  width: 33.3%;
  height: 70px;
  display: inline-block;
  float: left;
  background: url(../../images/ico/ico_triangle.png) no-repeat right 50%;
}
.projectProcTimeline .proc > ul > li > ul {
  margin-left: -13px;
}
.projectProcTimeline .proc > ul > li > ul > li {
  text-align: center;
  margin: 5px 0;
}
.projectProcTimeline .proc > ul.gr > li > ul > li {
  height: 30px;
  background: url(../../images/ico/ico_gr.png) no-repeat right bottom;
}
.projectProcTimeline .proc .gr > li {
  width: 30%;
}
.projectProcTimeline .proc > ul > li:last-child {
  background: none;
}
.projectProcTimeline .proc.li2 > ul > li {
  width: 50%;
}
.projectProcTimeline .proc.on {
  border: 1px solid #0081EC;
}
.projectProcTimeline .proc.on h3 {
  background: #0081EC;
}
.projectProcTimeline .mt1 {
  margin-top: 28px !important;
}
.projectProcTimeline .mt2 {
  margin-top: 19px !important;
}
.icon-text1 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #9bbe30;
}
.icon-text2 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #ff5252;
}
.icon-text3 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #7467d0;
}
.icon-text4 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #00a4a7;
}
.icon-text5 {
  display: inline-block;
  min-width: 45px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #3e5871;
}
.icon-text6 {
  display: inline-block;
  min-width: 45px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #ff5f5f;
}
.icon-text7 {
  display: inline-block;
  min-width: 45px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #ffa200;
}
.icon-text8 {
  display: inline-block;
  min-width: 45px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #006bd5;
}
.icon-text9 {
  display: inline-block;
  min-width: 45px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #e7464a;
}
.icon-text10 {
  display: inline-block;
  min-width: 45px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #4787b5;
}
.icon-text11 {
  display: inline-block;
  min-width: 45px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #8649b1;
}
.icon-group1 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ff5681;
  color: #ff5681;
}
.icon-group2 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  background-color: #ff5681;
  color: #fff;
}
.icon-must {
  color: #f66b6e;
  display: inline-block;
  padding-right: 3px;
}
.icon-circle {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: #9bbe30;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
}
/* 주안건 */
.icon-circle2 {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: #9bbe30;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  background: #7069d0;
}
/* 특이사항 */
.icon-mid-sort {
  display: inline-block;
  height: 23px;
  padding: 0 10px;
  background-color: #f3f8f1;
  border: 1px solid #abd1a2;
  border-radius: 3px;
  box-sizing: border-box;
  color: #238b59;
  font-size: 13px;
  line-height: 23px;
  text-align: center;
  vertical-align: middle;
}
.icon-sign {
  display: inline-block;
  height: 22px;
  margin-left: 12px;
  padding-left: 28px;
  background: url('../../images/ico/ico-sign.png') no-repeat 0 0;
  color: #f90000;
  line-height: 22px;
}
.icon-process {
  display: inline-block;
  height: 21px;
  padding: 0 9px 0 25px !important;
  margin: 0 2px;
  background: #0283e1 url('../../images/ico/ico-ing.png') no-repeat 7px 50% !important;
  border-radius: 10px;
  color: #fff;
  line-height: 21px;
}
.icon-ing {
  display: inline-block;
  height: 21px;
  padding: 0 9px 0 25px !important;
  margin: 0 2px;
  background: #0283e1 url('../../images/ico/ico-ing.png') no-repeat 7px 50% !important;
  border-radius: 10px;
  color: #fff;
  line-height: 21px;
  background-image: url('../../images/ico/ico-ing.png') !important;
}
.icon-complete {
  display: inline-block;
  height: 21px;
  padding: 0 9px 0 25px !important;
  margin: 0 2px;
  background: #388e3c url('../../images/ico/ico-ing.png') no-repeat 7px 50% !important;
  border-radius: 10px;
  color: #fff;
  line-height: 21px;
  background-image: url('../../images/ico/ico-complete.png');
}
.icon-round {
  display: inline-block;
  min-width: 50px;
  padding: 3px 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
}
.icon-round.type-org {
  background-color: #ff9000;
}
.icon-round.type-blue {
  background-color: #0283e1;
}
.icon-round.type-red {
  background-color: #f90000;
}
.icon-complete-st02 {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  background-image: url('../../images/ico/ico-chk02.png');
  text-indent: -9999px;
}
.icon-ing-st02 {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-top: 5px;
  background-image: url('../../images/ico/ico-ing02.png');
  text-indent: -9999px;
}
.icon-chk02 {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../../images/ico/ico-chk02.png') no-repeat 0 0;
  text-align: center;
  text-indent: -99999999px;
}
.combinecart {
  position: absolute;
  bottom: 100px;
  right: 20px;
  z-index: 50;
}
.btn-combinecart {
  display: block;
  width: 70px;
  height: 70px;
  background: url('../../images/btn/btn-combinecart.png') no-repeat left top;
  text-indent: -9999px;
}
.btn-combinecart:hover {
  background-position: left bottom;
}
.icon-round.room {
  background-color: #5d80b6;
  vertical-align: top;
  margin: 3px 5px 0 0;
}
.icon-round.map {
  background-color: #5d80b6;
  vertical-align: top;
  margin: 3px 5px 0 0;
}
.icon-new {
  background: url('../../images/ico/ico-new.png') no-repeat left top;
  width: 25px;
  height: 30px;
  text-indent: -9999px;
  vertical-align: top;
  margin-top: 3px;
  display: inline-block;
}
header#pop h1 .tit-pop-bv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 30px;
  background: url('../../images/ico/tit-pop-bv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-mv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 30px;
  background: url('../../images/ico/tit-pop-mv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-cv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 42px;
  background: url('../../images/ico/tit-pop-cv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-tv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-tv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-sd {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-sd.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-lv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-lv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-pd {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-pd.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-mv2 {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 30px;
  background: url('../../images/ico/tit-pop-mv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-rs {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-rs.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-ti {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-ti.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-rs2 {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-rs.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-rs4 {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-pd.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-iv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 31px;
  background: url('../../images/ico/tit-pop-iv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-nv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-nv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-iv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 31px;
  background: url('../../images/ico/tit-pop-iv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-pc {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-pc.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-dv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-dv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-rs {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-rs.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-av {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-av.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-rv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-rv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-rs {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-rs.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-rs {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-rs.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-uv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-uv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-vm {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-vm.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-rc {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-rc.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-ra {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-ra.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-ur {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-ur.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-pe {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-pe.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-mv3 {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-mv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-qv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-qv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-jv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-jv.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-ov {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-ov.png') no-repeat 0 50%;
}
header#pop h1 .tit-pop-xv {
  display: inline-block;
  font-size: 23px;
  font-family: 'notokr-medium';
  padding-left: 47px;
  background: url('../../images/ico/tit-pop-xv.png') no-repeat 0 50%;
}
.poplnb {
  /*기본항목*/
  /*추가정보*/
  /*시장규모*/
  /*제안의견*/
  /*제안분류*/
  /*포럼의견*/
  /*제안통합및검토*/
  /*포럼내용확인및수행임원/팀장지정*/
  /*PL지정*/
  /*기술개요*/
  /*수행부서 제안심의결재*/
  /*재안체택*/
  /*기술개발 방안*/
  /*시장성 - 시장조사*/
  /*시장성 – 마케팅 Plan*/
  /*공정검토*/
  /*수익성*/
  /*특허출원/검토*/
  /*사업타당성 의견*/
  /*과제개요*/
  /*기술개발방안*/
  /*목표물성관리*/
  /*상세일정*/
  /*Review일정*/
  /*세부기술*/
  /*투입MM관리*/
  /*계획승인요청*/
  /*채택심의표*/
  /*채택심의*/
  /*연구노트현황*/
  /*세부기술평가*/
  /*모니터링/Review요청*/
  /*연구보고서등록*/
  /*코드부여요청*/
  /*매출/비용현황*/
  /*산출물Matrix*/
  /*시뮬레이션*/
  /*과제의견*/
  /*Process Map*/
  /*Reference*/
  /*과제개요 요약 카드*/
  /*사업타당성 요약 카드*/
  /*개발계획 요약 카드*/
  /*평가지수*/
  /*채택심의*/
  /*기술지원 개요*/
  /*기술지원 승인*/
  /*업무실적*/
  /*연구결과*/
  /*코드등록*/
  /*기술지원 의견*/
  /*기본정보*/
  /*유사원료*/
  /*최근양산*/
  /*분석정보*/
  /*개인Konw-How*/
  /*진행History*/
  /*샘플History*/
  /*제조사 정보*/
  /*물성정보*/
  /*문서*/
  /*최근실험*/
  /*화학물질*/
  /*물질규제정보*/
  /*기본항목*/
  /*평가항목*/
  /*과제계획*/
  /*목표물성*/
  /*세부기술*/
  /*기본정보*/
  /*배합정보*/
  /*투입원료*/
  /*화학물질*/
  /*물질규제정보*/
  /*문서정보*/
  /*물성정보*/
  /*분석정보*/
  /*과제변경현황*/
  /*과제변경신청*/
  /*목표물성변경*/
  /*투입MM변경*/
  /*Review일정변경*/
  /*세부기술변경*/
  /*신청정보*/
  /*기본정보*/
  /*제조사*/
  /*공급업체*/
  /*구매*/
  /*등록정보*/
  /*결재*/
  /*샘플선택*/
  /*화학물질*/
  /*문서*/
  /*물성정보*/
  /*개인Know-how*/
  /*신청정보*/
  /*기본정보*/
  /*제조사*/
  /*공급업체*/
  /*구매요청*/
  /*구매부의견*/
  /*신청정보*/
  /*접수*/
  /*기본항목*/
  /*과제채택*/
  /*과제기본정보*/
  /*팀원관리*/
  /*일정관리*/
  /*Review 일정*/
  /*세부기술*/
  /*CTQ*/
  /*실적현황(연구노트현황)*/
  /*재무성과*/
  /*최종완료보고*/
  /*연구노트 정보*/
  /*업무실적*/
  /*과제변경 현황*/
  /*과제변경 신청*/
  /*CTQ 변경*/
  /*투입MM 변경*/
  /*세부기술 변경*/
  /*비교항목리스트*/
  /*배합 비교표*/
  /*물성 비교표*/
  /*차수별 물성값 비교*/
  /*반응기록표/첨부파일*/
  /*포럼개요*/
  /*인원현황*/
  /*포럼채택*/
  /*포럼종료*/
  /*Agenda 개요*/
  /*수행인원*/
  /*Agenda 채택*/
  /*수행현황*/
  /*효과분석*/
  /*수행완료*/
  /*과제개요*/
  /*사업타당성*/
  /*개발계획*/
  /*평가지수*/
  /*채택심의*/
  /*신청정보*/
  /*저장조건*/
  /*화학물질*/
  /*1차 문서 검토결과*/
  /*2차 문서 검토결과*/
  /*신청정보*/
  /*접수정보*/
  /*분석정보*/
  /*검사결과*/
  /*검토결과*/
  /*기술부지정*/
  /*등록정보*/
  /*결재*/
  /*연구노트 정보*/
  /*업무실적*/
  /*신청정보*/
  /*신규원료 시험결과*/
  /*신청정보*/
  /*제조사평가*/
  /*최종평가*/
  /*등록정보*/
  /*결재*/
  /*신청정보*/
  /*기본정보*/
  /*제조사*/
  /*공급업체*/
  /*벤더다원화*/
  /*벤더다원화의뢰신청*/
  /*등록정보*/
  /*결재*/
  /*신청정보*/
  /*긴급*/
  /*기본정보*/
  /*제조사*/
  /*공급업체*/
  /*구매*/
  /*화학물질 성분비*/
  /*1차 문서 검토결과*/
  /*2차 문서 검토결과*/
  /*최종 검토결과*/
  /*등록정보*/
  /*결재*/
  /*문서*/
  /*기본정보*/
  /*신청정보*/
  /*기본정보*/
  /*제조사*/
  /*등록정보*/
  /*결재*/
  /*개인화설정*/
  /*개인화설정*/
  /*연구보고서 내용*/
  /*결재 상신/결재 승인*/
  /*공사개요*/
  /*계획일정*/
  /*수행조직관리*/
  /*실적관리*/
  /*커뮤니티*/
  /*문서관리*/
  /*최종완료보고*/
  /*신규투자검토 변경현황*/
  /*신규투자검토 변경신청*/
  /*신규투자검토 변경신청*/
  /*변경신청 현황*/
  /*변경 신청*/
  /*공사개요*/
  /*계획일정*/
  /*수행조직관리*/
  /*공사개요*/
  /*계약사항*/
  /*팀원관리*/
  /*공정율현황*/
  /*주요수행일지*/
  /*최종완료보고*/
  /*프로젝트 변경현황*/
  /*프로젝트 변경신청*/
  /*기본정보*/
  /*회의자료*/
  /*Reference*/
  /*회의안건*/
  /*회의체 의견*/
  /*권한관리*/
  /*화면관리*/
  /*메뉴관리*/
}
.poplnb li a span:first-child {
  background: url('../../images/ico/ico-card.png') no-repeat 0 0;
}
.poplnb .ico-chk {
  position: absolute;
  top: 0;
  left: 0;
  width: 62px;
  height: 60px;
  background: url('../../images/ico/ico-check.png') no-repeat 0 0;
}
.poplnb .icon.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon.icon-card-2 {
  background-position: 0 -46px;
}
.poplnb .icon.icon-card-3 {
  background-position: 0 -92px;
}
.poplnb .icon.icon-card-4 {
  background-position: 0 -138px;
}
.poplnb .icon.icon-card-5 {
  background-position: 0 -184px;
}
.poplnb .icon.icon-card-6 {
  background-position: 0 -138px;
}
.poplnb .icon.icon-card-7 {
  background-position: 0 -230px;
}
.poplnb .icon.icon-card-8 {
  background-position: 0 -276px;
}
.poplnb .icon.icon-card-12 {
  background-position: 0 -3082px;
}
.poplnb .icon.icon-card-9 {
  background-position: 0 -322px;
}
.poplnb .icon.icon-card-10 {
  background-position: 0 -368px;
}
.poplnb .icon.icon-card-11 {
  background-position: 0 -965px;
}
.poplnb .icon-bv.icon-card-1 {
  background-position: 0 -414px;
}
.poplnb .icon-bv.icon-card-2 {
  background-position: 0 -460px;
}
.poplnb .icon-bv.icon-card-3 {
  background-position: 0 -506px;
}
.poplnb .icon-bv.icon-card-4 {
  background-position: 0 -230px;
}
.poplnb .icon-bv.icon-card-5 {
  background-position: 0 -552px;
}
.poplnb .icon-bv.icon-card-6 {
  background-position: 0 -598px;
}
.poplnb .icon-bv.icon-card-7 {
  background-position: 0 -642px;
}
.poplnb .icon-mv.icon-card-1 {
  background-position: 0 -323px;
}
.poplnb .icon-mv.icon-card-2 {
  background-position: 0 -414px;
}
.poplnb .icon-mv.icon-card-3 {
  background-position: 0 -690px;
}
.poplnb .icon-mv.icon-card-4 {
  background-position: 0 -736px;
}
.poplnb .icon-mv.icon-card-5 {
  background-position: 0 -782px;
}
.poplnb .icon-mv.icon-card-6 {
  background-position: 0 -828px;
}
.poplnb .icon-mv.icon-card-7 {
  background-position: 0 -276px;
}
.poplnb .icon-mv.icon-card-8 {
  background-position: 0 -873px;
}
.poplnb .icon-mv.icon-card-9 {
  background-position: 0 -919px;
}
.poplnb .icon-mv.icon-card-10 {
  background-position: 0 -965px;
}
.poplnb .icon-mv.icon-card-11 {
  background-position: 0 -1011px;
}
.poplnb .icon-mv.icon-card-12 {
  background-position: 0 -1057px;
}
.poplnb .icon-mv.icon-card-13 {
  background-position: 0 -1103px;
}
.poplnb .icon-mv.icon-card-14 {
  background-position: 0 -1149px;
}
.poplnb .icon-mv.icon-card-15 {
  background-position: 0 -1380px;
}
.poplnb .icon-mv.icon-card-16 {
  background-position: 0 -2852px;
}
.poplnb .icon-mv.icon-card-17 {
  background-position: 0 -184px;
}
.poplnb .icon-mv.icon-card-18 {
  background-position: 0 -2484px;
}
.poplnb .icon-mv.icon-card-19 {
  background-position: 0 -644px;
}
.poplnb .icon-mv.icon-card-20 {
  background-position: 0 -2162px;
}
.poplnb .icon-mv.icon-card-21 {
  background-position: 0 -46px;
}
.poplnb .icon-cv.icon-card-1 {
  background-position: 0 -323px;
}
.poplnb .icon-cv.icon-card-2 {
  background-position: 0 -2575px;
}
.poplnb .icon-cv.icon-card-3 {
  background-position: 0 -2621px;
}
.poplnb .icon-cv.icon-card-4 {
  background-position: 0 -2667px;
}
.poplnb .icon-cv.icon-card-5 {
  background-position: 0 -2712px;
}
.poplnb .icon-tv.icon-card-1 {
  background-position: 0 -323px;
}
.poplnb .icon-tv.icon-card-2 {
  background-position: 0 -1241px;
}
.poplnb .icon-tv.icon-card-3 {
  background-position: 0 -1287px;
}
.poplnb .icon-tv.icon-card-4 {
  background-position: 0 -1333px;
}
.poplnb .icon-tv.icon-card-5 {
  background-position: 0 -1379px;
}
.poplnb .icon-tv.icon-card-6 {
  background-position: 0 -138px;
}
.poplnb .icon-sd.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-sd.icon-card-2 {
  background-position: 0 -1655px;
}
.poplnb .icon-sd.icon-card-3 {
  background-position: 0 -1748px;
}
.poplnb .icon-sd.icon-card-4 {
  background-position: 0 -2024px;
}
.poplnb .icon-sd.icon-card-5 {
  background-position: 0 -2116px;
}
.poplnb .icon-sd.icon-card-6 {
  background-position: 0 -2162px;
}
.poplnb .icon-sd.icon-card-7 {
  background-position: 0 -2162px;
}
.poplnb .icon-rs.icon-card-8 {
  background-position: 0 -2760px;
}
.poplnb .icon-sd.icon-card-9 {
  background-position: 0 -1886px;
}
.poplnb .icon-sd.icon-card-10 {
  background-position: 0 -1702px;
}
.poplnb .icon-sd.icon-card-11 {
  background-position: 0 -1794px;
}
.poplnb .icon-sd.icon-card-12 {
  background-position: 0 -1563px;
}
.poplnb .icon-sd.icon-card-13 {
  background-position: 0 -1609px;
}
.poplnb .icon-lv.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-lv.icon-card-2 {
  background-position: 0 -2668px;
}
.poplnb .icon-lv.icon-card-3 {
  background-position: 0 -2621px;
}
.poplnb .icon-lv.icon-card-4 {
  background-position: 0 -1886px;
}
.poplnb .icon-lv.icon-card-5 {
  background-position: 0 -1057px;
}
.poplnb .icon-pd.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-pd.icon-card-2 {
  background-position: 0 -2208px;
}
.poplnb .icon-pd.icon-card-3 {
  background-position: 0 -1656px;
}
.poplnb .icon-pd.icon-card-4 {
  background-position: 0 -1563px;
}
.poplnb .icon-pd.icon-card-5 {
  background-position: 0 -1610px;
}
.poplnb .icon-pd.icon-card-6 {
  background-position: 0 -1702px;
}
.poplnb .icon-pd.icon-card-7 {
  background-position: 0 -1886px;
}
.poplnb .icon-pd.icon-card-8 {
  background-position: 0 -2024px;
}
.poplnb .icon-mv2.icon-card-1 {
  background-position: 0 -1426px;
}
.poplnb .icon-mv2.icon-card-2 {
  background-position: 0 -1150px;
}
.poplnb .icon-mv2.icon-card-3 {
  background-position: 0 -1886px;
}
.poplnb .icon-mv2.icon-card-4 {
  background-position: 0 -276px;
}
.poplnb .icon-mv2.icon-card-5 {
  background-position: 0 -736px;
}
.poplnb .icon-mv2.icon-card-6 {
  background-position: 0 -828px;
}
.poplnb .icon-rs.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-rs.icon-card-2 {
  background-position: 0 0;
}
.poplnb .icon-rs.icon-card-3 {
  background-position: 0 -2760px;
}
.poplnb .icon-rs.icon-card-4 {
  background-position: 0 -2806px;
}
.poplnb .icon-rs.icon-card-5 {
  background-position: 0 -2852px;
}
.poplnb .icon-rs.icon-card-6 {
  background-position: 0 -2898px;
}
.poplnb .icon-rs.icon-card-7 {
  background-position: 0 -3036px;
}
.poplnb .icon-ti.icon-card-1 {
  background-position: 0 -2714px;
}
.poplnb .icon-ti.icon-card-2 {
  background-position: 0 -1563px;
}
.poplnb .icon-ti.icon-card-3 {
  background-position: 0 -1702px;
}
.poplnb .icon-ti.icon-card-4 {
  background-position: 0 -1886px;
}
.poplnb .icon-ti.icon-card-5 {
  background-position: 0 -2116px;
}
.poplnb .icon-rs2.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-rs2.icon-card-2 {
  background-position: 0 0;
}
.poplnb .icon-rs2.icon-card-3 {
  background-position: 0 -2760px;
}
.poplnb .icon-rs2.icon-card-4 {
  background-position: 0 -2806px;
}
.poplnb .icon-rs2.icon-card-5 {
  background-position: 0 -2852px;
}
.poplnb .icon-rs2.icon-card-6 {
  background-position: 0 -138px;
}
.poplnb .icon-rs4.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-rs4.icon-card-2 {
  background-position: 0 -2898px;
}
.poplnb .icon-iv.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-iv.icon-card-2 {
  background-position: 0 -966px;
}
.poplnb .icon-iv.icon-card-11 {
  background-position: 0 -322px;
}
.poplnb .icon-iv.icon-card-3 {
  background-position: 0 -276px;
}
.poplnb .icon-iv.icon-card-4 {
  background-position: 0 -736px;
}
.poplnb .icon-iv.icon-card-5 {
  background-position: 0 -782px;
}
.poplnb .icon-iv.icon-card-6 {
  background-position: 0 -828px;
}
.poplnb .icon-iv.icon-card-7 {
  background-position: 0 -2484px;
}
.poplnb .icon-iv.icon-card-8 {
  background-position: 0 -1288px;
}
.poplnb .icon-iv.icon-card-9 {
  background-position: 0 -598px;
}
.poplnb .icon-iv.icon-card-10 {
  background-position: 0 -2530px;
}
.poplnb .icon-nv.icon-card-1 {
  background-position: 0 -1012px;
}
.poplnb .icon-nv.icon-card-2 {
  background-position: 0 -1288px;
}
.poplnb .icon-iv2.icon-card-1 {
  background-position: 0 -1426px;
}
.poplnb .icon-iv2.icon-card-2 {
  background-position: 0 -2254px;
}
.poplnb .icon-iv2.icon-card-3 {
  background-position: 0 -2484px;
}
.poplnb .icon-iv2.icon-card-4 {
  background-position: 0 -276px;
}
.poplnb .icon-iv2.icon-card-5 {
  background-position: 0 -828px;
}
.poplnb .icon-pc.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-pc.icon-card-2 {
  background-position: 0 -2208px;
}
.poplnb .icon-pc.icon-card-3 {
  background-position: 0 -1886px;
}
.poplnb .icon-pc.icon-card-4 {
  background-position: 0 -2300px;
}
.poplnb .icon-pc.icon-card-5 {
  background-position: 0 -2346px;
}
.poplnb .icon-dv.icon-card-1 {
  background-position: 0 -322px;
}
.poplnb .icon-dv.icon-card-2 {
  background-position: 0 -276px;
}
.poplnb .icon-dv.icon-card-3 {
  background-position: 0 -966px;
}
.poplnb .icon-dv.icon-card-4 {
  background-position: 0 -2392px;
}
.poplnb .icon-av.icon-card-1 {
  background-position: 0 -322px;
}
.poplnb .icon-av.icon-card-2 {
  background-position: 0 -276px;
}
.poplnb .icon-av.icon-card-3 {
  background-position: 0 -966px;
}
.poplnb .icon-av.icon-card-4 {
  background-position: 0 -1426px;
}
.poplnb .icon-av.icon-card-5 {
  background-position: 0 -2024px;
}
.poplnb .icon-av.icon-card-6 {
  background-position: 0 -2438px;
}
.poplnb .icon-rv.icon-card-1 {
  background-position: 0 -323px;
}
.poplnb .icon-rv.icon-card-2 {
  background-position: 0 -2575px;
}
.poplnb .icon-rv.icon-card-3 {
  background-position: 0 -2621px;
}
.poplnb .icon-rv.icon-card-4 {
  background-position: 0 -2667px;
}
.poplnb .icon-rv.icon-card-5 {
  background-position: 0 -2712px;
}
.poplnb .icon-rs5.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-rs5.icon-card-2 {
  background-position: 0 -2346px;
}
.poplnb .icon-rs5.icon-card-3 {
  background-position: 0 -1564px;
}
.poplnb .icon-rs5.icon-card-4 {
  background-position: 0 -2944px;
}
.poplnb .icon-rs5.icon-card-5 {
  background-position: 0 -2990px;
}
.poplnb .icon-rs6.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-rs6.icon-card-2 {
  background-position: 0 -2898px;
}
.poplnb .icon-rs6.icon-card-3 {
  background-position: 0 -2070px;
}
.poplnb .icon-rs6.icon-card-4 {
  background-position: 0 -460px;
}
.poplnb .icon-rs6.icon-card-5 {
  background-position: 0 -2024px;
}
.poplnb .icon-rs6.icon-card-6 {
  background-position: 0 -3036px;
}
.poplnb .icon-rs6.icon-card-7 {
  background-position: 0 -2898px;
}
.poplnb .icon-rs6.icon-card-8 {
  background-position: 0 -3036px;
}
.poplnb .icon-uv.icon-card-1 {
  background-position: 0 -322px;
}
.poplnb .icon-uv.icon-card-2 {
  background-position: 0 -2024px;
}
.poplnb .icon-rs7.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-rs7.icon-card-2 {
  background-position: 0 -2024px;
}
.poplnb .icon-rs8.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-rs8.icon-card-2 {
  background-position: 0 -460px;
}
.poplnb .icon-rs8.icon-card-3 {
  background-position: 0 -2024px;
}
.poplnb .icon-rs8.icon-card-4 {
  background-position: 0 -2898px;
}
.poplnb .icon-rs8.icon-card-5 {
  background-position: 0 -3036px;
}
.poplnb .icon-vm.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-vm.icon-card-2 {
  background-position: 0 0;
}
.poplnb .icon-vm.icon-card-3 {
  background-position: 0 -2760px;
}
.poplnb .icon-vm.icon-card-4 {
  background-position: 0 -2806px;
}
.poplnb .icon-vm.icon-card-5 {
  background-position: 0 -322px;
}
.poplnb .icon-vm.icon-card-6 {
  background-position: 0 -1150px;
}
.poplnb .icon-vm.icon-card-7 {
  background-position: 0 -966px;
}
.poplnb .icon-vm.icon-card-8 {
  background-position: 0 -368px;
}
.poplnb .icon-rc.icon-card-1 {
  background-position: 0 -2254px;
}
.poplnb .icon-rc.icon-card-2 {
  background-position: 0 -3126px;
}
.poplnb .icon-rc.icon-card-3 {
  background-position: 0 0;
}
.poplnb .icon-rc.icon-card-4 {
  background-position: 0 -2760px;
}
.poplnb .icon-rc.icon-card-5 {
  background-position: 0 -2806px;
}
.poplnb .icon-rc.icon-card-6 {
  background-position: 0 -2852px;
}
.poplnb .icon-rc.icon-card-7 {
  background-position: 0 -1564px;
}
.poplnb .icon-rc.icon-card-8 {
  background-position: 0 -2944px;
}
.poplnb .icon-rc.icon-card-9 {
  background-position: 0 -2990px;
}
.poplnb .icon-rc.icon-card-10 {
  background-position: 0 -2024px;
}
.poplnb .icon-rc.icon-card-11 {
  background-position: 0 -2898px;
}
.poplnb .icon-rc.icon-card-12 {
  background-position: 0 -3036px;
}
.poplnb .icon-rc.icon-card-13 {
  background-position: 0 -1704px;
}
.poplnb .icon-ra.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-ur.icon-card-1 {
  background-position: 0 -2256px;
}
.poplnb .icon-ur.icon-card-2 {
  background-position: 0 0;
}
.poplnb .icon-ur.icon-card-3 {
  background-position: 0 -2760px;
}
.poplnb .icon-ur.icon-card-4 {
  background-position: 0 -2900px;
}
.poplnb .icon-ur.icon-card-5 {
  background-position: 0 -3038px;
}
.poplnb .icon-pe.icon-card-1 {
  background-position: 0 -3172px;
}
.poplnb .icon-mv3.icon-card-1 {
  background-position: 0 -322px;
}
.poplnb .icon-qv.icon-card-1 {
  background-position: 0 -322px;
}
.poplnb .icon-qv.icon-card-2 {
  background-position: 0 -368px;
}
.poplnb .icon-jv.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-jv.icon-card-2 {
  background-position: 0 -736px;
}
.poplnb .icon-jv.icon-card-3 {
  background-position: 0 -276px;
}
.poplnb .icon-jv.icon-card-4 {
  background-position: 0 -1474px;
}
.poplnb .icon-jv.icon-card-5 {
  background-position: 0 -648px;
}
.poplnb .icon-jv.icon-card-6 {
  background-position: 0 -1705px;
}
.poplnb .icon-jv.icon-card-7 {
  background-position: 0 -1062px;
}
.poplnb .icon-jv.icon-card-8 {
  background-position: 0 -1426px;
}
.poplnb .icon-jv.icon-card-9 {
  background-position: 0 -1291px;
}
.poplnb .icon-jv.icon-card-10 {
  background-position: 0 -1563px;
}
.poplnb .icon-jv2.icon-card-1 {
  background-position: 0 -323px;
}
.poplnb .icon-jv2.icon-card-2 {
  background-position: 0 -1149px;
}
.poplnb .icon-jv2.icon-card-3 {
  background-position: 0 0;
}
.poplnb .icon-jv2.icon-card-4 {
  background-position: 0 -736px;
}
.poplnb .icon-jv2.icon-card-5 {
  background-position: 0 -276px;
}
.poplnb .icon-kv.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-kv.icon-card-2 {
  background-position: 0 -46px;
}
.poplnb .icon-kv.icon-card-3 {
  background-position: 0 -278px;
}
.poplnb .icon-kv.icon-card-4 {
  background-position: 0 -324px;
}
.poplnb .icon-kv.icon-card-5 {
  background-position: 0 -2714px;
}
.poplnb .icon-kv.icon-card-6 {
  background-position: 0 -1152px;
}
.poplnb .icon-kv.icon-card-7 {
  background-position: 0 -2257px;
}
.poplnb .icon-kv.icon-card-8 {
  background-position: 0 -3038px;
}
.poplnb .icon-ov.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-ov.icon-card-2 {
  background-position: 0 -322px;
}
.poplnb .icon-ov.icon-card-3 {
  background-position: 0 -46px;
}
.poplnb .icon-ov.icon-card-4 {
  background-position: 0 -1058px;
}
.poplnb .icon-ov.icon-card-5 {
  background-position: 0 -1426px;
}
.poplnb .icon-xv.icon-card-1 {
  background-position: 0 -276px;
}
.poplnb .icon-xv.icon-card-2 {
  background-position: 0 -1104px;
}
.poplnb .icon-xv.icon-card-3 {
  background-position: 0 -1058px;
}
/*201803*/
.poplnb .icon-al.icon-card-1 {
  background-position: 0 0;
}
.poplnb .icon-al.icon-card-2 {
  background-position: 0 -325px;
}
.poplnb .icon-al.icon-card-3 {
  background-position: 0 -738px;
}
.poplnb .icon-al.icon-card-4 {
  background-position: 0 -416px;
}
.poplnb .icon-al.icon-card-5 {
  background-position: 0 -1062px;
}
/*기기*/
.poplnb .icon-al.icon-card-6 {
  background-position: 0 -2027px;
}
.poplnb .icon-al.icon-card-7 {
  background-position: 0 -1520px;
}
.poplnb .icon-al.icon-card-8 {
  background-position: 0 -1062px;
}
/*~201803*/
.cardcont .boxwrap {
  /*기본항목*/
  /*추가정보*/
  /*시장규모*/
  /*제안의견*/
  /*제안분류*/
  /*포럼의견*/
  /*제안통합및검토*/
  /*포럼내용확인및수행임원/팀장지정*/
  /*기술개요*/
  /*수행부서 제안심의결재*/
  /*재안체택*/
  /*PL지정*/
  /*기술개발 방안*/
  /*시장성 - 시장조사*/
  /*시장성 – 마케팅 Plan*/
  /*공정검토*/
  /*수익성*/
  /*특허출원/검토*/
  /*사업타당성 의견*/
  /*과제개요*/
  /*기술개발방안*/
  /*목표물성관리*/
  /*상세일정*/
  /*Review일정*/
  /*세부기술*/
  /*투입MM관리*/
  /*계획승인요청*/
  /*채택심의표*/
  /*채택심의*/
  /*연구노트현황*/
  /*세부기술평가*/
  /*모니터링/Review요청*/
  /*연구보고서등록*/
  /*코드부여요청*/
  /*매출/비용현황*/
  /*산출물Matrix*/
  /*시뮬레이션*/
  /*과제의견*/
  /*ProcessMap*/
  /*Reference*/
  /*과제개요 요약 카드*/
  /*사업타당성 요약 카드*/
  /*개발계획 요약 카드*/
  /*평가지수*/
  /*채택심의*/
  /*기술지원 개요*/
  /*기술지원 승인*/
  /*업무실적*/
  /*연구결과*/
  /*코드등록*/
  /*기술지원 의견*/
  /*기본정보*/
  /*유사원료*/
  /*최근양산*/
  /*분석정보*/
  /*개인Konw-How*/
  /*진행History*/
  /*샘플History*/
  /*제조사 정보*/
  /*물성정보*/
  /*문서*/
  /*최근실험*/
  /*화학물질*/
  /*물질규제정보*/
  /*기본항목*/
  /*평가항목*/
  /*과제계획*/
  /*목표물성*/
  /*세부기술*/
  /*기본정보*/
  /*배합정보*/
  /*투입원료*/
  /*화학물질*/
  /*물질규제정보*/
  /*문서정보*/
  /*물성정보*/
  /*분석정보*/
  /*과제변경현황*/
  /*과제변경신청*/
  /*목표물성변경*/
  /*투입MM변경*/
  /*Review일정변경*/
  /*세부기술변경*/
  /*신청정보*/
  /*기본정보*/
  /*제조사*/
  /*공급업체*/
  /*구매*/
  /*등록정보*/
  /*결재*/
  /*샘플선택*/
  /*화학물질*/
  /*문서*/
  /*물성정보*/
  /*개인Know-how*/
  /*신청정보*/
  /*기본정보*/
  /*제조사*/
  /*공급업체*/
  /*구매요청*/
  /*구매부의견*/
  /*신청정보*/
  /*접수*/
  /*기본항목*/
  /*과제채택*/
  /*과제기본정보*/
  /*팀원관리*/
  /*일정관리*/
  /*Review 일정*/
  /*세부기술*/
  /*CTQ*/
  /*실적현황(연구노트현황)*/
  /*재무성과*/
  /*최종완료보고*/
  /*연구노트 정보*/
  /*업무실적*/
  /*과제변경 현황*/
  /*과제변경 신청*/
  /*CTQ 변경*/
  /*투입MM 변경*/
  /*세부기술 변경*/
  /*비교항목리스트*/
  /*배합 비교표*/
  /*물성 비교표*/
  /*차수별 물성값 비교*/
  /*반응기록표/첨부파일*/
  /*포럼개요*/
  /*인원현황*/
  /*포럼채택*/
  /*포럼종료*/
  /*Agenda 개요*/
  /*수행인원*/
  /*Agenda 채택*/
  /*수행현황*/
  /*효과분석*/
  /*수행완료*/
  /*과제개요*/
  /*사업타당성*/
  /*개발계획*/
  /*평가지수*/
  /*채택심의*/
  /*신청정보*/
  /*저장조건*/
  /*화학물질*/
  /*1차 문서 검토결과*/
  /*2차 문서 검토결과*/
  /*신청정보*/
  /*접수정보*/
  /*분석정보*/
  /*검사결과*/
  /*검토결과*/
  /*기술부지정*/
  /*등록정보*/
  /*결재*/
  /*시뮬레이션 요청 상세*/
  /*시뮬레이션 해석 결과*/
  /*신청정보*/
  /*신규원료 시험결과*/
  /*신청정보*/
  /*제조사평가*/
  /*최종평가*/
  /*등록정보*/
  /*결재*/
  /*신청정보*/
  /*기본정보*/
  /*제조사*/
  /*공급업체*/
  /*벤더다원화*/
  /*벤더다원화의뢰신청*/
  /*등록정보*/
  /*결재*/
  /*신청정보*/
  /*긴급*/
  /*기본정보*/
  /*제조사*/
  /*공급업체*/
  /*구매*/
  /*화학물질성분비*/
  /*1차문서검토결과*/
  /*2차문서검토결과*/
  /*최종검토결과*/
  /*등록정보*/
  /*결재*/
  /*문서*/
  /*기본정보*/
  /*신청정보*/
  /*기본정보*/
  /*제조사*/
  /*등록정보*/
  /*결재*/
  /*개인화설정*/
  /*ProcessMap등록현황*/
  /*연구보고서내용*/
  /*결재 상신/결재 승인*/
  /*공사개요*/
  /*계획일정*/
  /*수행조직관리*/
  /*실적관리*/
  /*커뮤니티*/
  /*문서관리*/
  /*최종완료보고*/
  /*신규투자검토 변경현황*/
  /*신규투자검토 변경신청*/
  /*공사개요*/
  /*계획일정*/
  /*수행조직관리*/
  /*실적관리*/
  /*커뮤니티*/
  /*공사개요*/
  /*계약사항*/
  /*팀원관리*/
  /*공정율현황*/
  /*주요수행일지*/
  /*최종완료보고*/
  /*프로젝트 변경현황*/
  /*프로젝트 변경신청*/
  /*기본정보*/
  /*회의자료*/
  /*Reference*/
  /*회의안건*/
  /*회의체 의견*/
  /*권한관리*/
  /*화면관리*/
  /*메뉴관리*/
}
.cardcont .boxwrap h2 {
  background: url('../../images/ico/ico-card.png') -47px 0 no-repeat;
  padding-left: 30px;
}
.cardcont .boxwrap .icon-card-tit1 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-card-tit2 {
  padding-left: 32px;
  background-position: -47px -46px;
}
.cardcont .boxwrap .icon-card-tit3 {
  padding-left: 30px;
  background-position: -47px -92px;
}
.cardcont .boxwrap .icon-card-tit4 {
  padding-left: 26px;
  background-position: -47px -138px;
}
.cardcont .boxwrap .icon-card-tit5 {
  padding-left: 32px;
  background-position: -47px -184px;
}
.cardcont .boxwrap .icon-card-tit6 {
  padding-left: 26px;
  background-position: -47px -138px;
}
.cardcont .boxwrap .icon-card-tit7 {
  padding-left: 30px;
  background-position: -47px -230px;
}
.cardcont .boxwrap .icon-card-tit8 {
  padding-left: 35px;
  background-position: -47px -276px;
}
.cardcont .boxwrap .icon-card-tit9 {
  padding-left: 28px;
  background-position: -47px -3082px;
}
.cardcont .boxwrap .icon-card-tit10 {
  padding-left: 28px;
  background-position: -47px -322px;
}
.cardcont .boxwrap .icon-card-tit11 {
  padding-left: 35px;
  background-position: -47px -368px;
}
.cardcont .boxwrap .icon-card-tit12 {
  padding-left: 30px;
  background-position: -47px -965px;
}
.cardcont .boxwrap .icon-bv-tit1 {
  padding-left: 26px;
  background-position: -47px -417px;
}
.cardcont .boxwrap .icon-bv-tit2 {
  padding-left: 30px;
  background-position: -47px -465px;
}
.cardcont .boxwrap .icon-bv-tit3 {
  padding-left: 30px;
  background-position: -47px -511px;
}
.cardcont .boxwrap .icon-bv-tit4 {
  padding-left: 28px;
  background-position: -47px -234px;
}
.cardcont .boxwrap .icon-bv-tit5 {
  padding-left: 26px;
  background-position: -47px -555px;
}
.cardcont .boxwrap .icon-bv-tit6 {
  padding-left: 30px;
  background-position: -47px -601px;
}
.cardcont .boxwrap .icon-bv-tit7 {
  padding-left: 30px;
  background-position: -47px -648px;
}
.cardcont .boxwrap .icon-mv-tit1 {
  padding-left: 25px;
  background-position: -47px -325px;
}
.cardcont .boxwrap .icon-mv-tit2 {
  padding-left: 27px;
  background-position: -47px -416px;
}
.cardcont .boxwrap .icon-mv-tit3 {
  padding-left: 35px;
  background-position: -47px -692px;
}
.cardcont .boxwrap .icon-mv-tit4 {
  padding-left: 32px;
  background-position: -47px -739px;
}
.cardcont .boxwrap .icon-mv-tit5 {
  padding-left: 42px;
  background-position: -47px -784px;
}
.cardcont .boxwrap .icon-mv-tit6 {
  padding-left: 38px;
  background-position: -47px -831px;
}
.cardcont .boxwrap .icon-mv-tit7 {
  padding-left: 35px;
  background-position: -47px -278px;
}
.cardcont .boxwrap .icon-mv-tit8 {
  padding-left: 43px;
  background-position: -47px -875px;
}
.cardcont .boxwrap .icon-mv-tit9 {
  padding-left: 33px;
  background-position: -47px -923px;
}
.cardcont .boxwrap .icon-mv-tit10 {
  padding-left: 29px;
  background-position: -47px -968px;
}
.cardcont .boxwrap .icon-mv-tit11 {
  padding-left: 31px;
  background-position: -47px -1015px;
}
.cardcont .boxwrap .icon-mv-tit12 {
  padding-left: 30px;
  background-position: -47px -1062px;
}
.cardcont .boxwrap .icon-mv-tit13 {
  padding-left: 36px;
  background-position: -47px -1107px;
}
.cardcont .boxwrap .icon-mv-tit14 {
  padding-left: 30px;
  background-position: -47px -1154px;
}
.cardcont .boxwrap .icon-mv-tit15 {
  padding-left: 37px;
  background-position: -47px -1385px;
}
.cardcont .boxwrap .icon-mv-tit16 {
  padding-left: 37px;
  background-position: -47px -2852px;
}
.cardcont .boxwrap .icon-mv-tit17 {
  padding-left: 37px;
  background-position: -47px -187px;
}
.cardcont .boxwrap .icon-mv-tit18 {
  padding-left: 37px;
  background-position: -47px -2487px;
}
.cardcont .boxwrap .icon-mv-tit19 {
  padding-left: 37px;
  background-position: -47px -647px;
}
.cardcont .boxwrap .icon-mv-tit20 {
  padding-left: 37px;
  background-position: -47px -2165px;
}
.cardcont .boxwrap .icon-mv-tit21 {
  padding-left: 33px;
  background-position: -47px -48px;
}
.cardcont .boxwrap .icon-cv-tit1 {
  padding-left: 29px;
  background-position: -47px -325px;
}
.cardcont .boxwrap .icon-cv-tit2 {
  padding-left: 32px;
  background-position: -47px -2577px;
}
.cardcont .boxwrap .icon-cv-tit3 {
  padding-left: 32px;
  background-position: -47px -2623px;
}
.cardcont .boxwrap .icon-cv-tit4 {
  padding-left: 30px;
  background-position: -47px -2669px;
}
.cardcont .boxwrap .icon-cv-tit5 {
  padding-left: 38px;
  background-position: -47px -2717px;
}
.cardcont .boxwrap .icon-tv-tit1 {
  padding-left: 28px;
  background-position: -47px -325px;
}
.cardcont .boxwrap .icon-tv-tit2 {
  padding-left: 30px;
  background-position: -47px -1245px;
}
.cardcont .boxwrap .icon-tv-tit3 {
  padding-left: 32px;
  background-position: -47px -1291px;
}
.cardcont .boxwrap .icon-tv-tit4 {
  padding-left: 35px;
  background-position: -47px -1335px;
}
.cardcont .boxwrap .icon-tv-tit5 {
  padding-left: 37px;
  background-position: -47px -1384px;
}
.cardcont .boxwrap .icon-tv-tit6 {
  padding-left: 26px;
  background-position: -47px -141px;
}
.cardcont .boxwrap .icon-sd-tit1 {
  padding-left: 32px;
  background-position: -47px -2px;
}
.cardcont .boxwrap .icon-sd-tit2 {
  padding-left: 35px;
  background-position: -47px -1659px;
}
.cardcont .boxwrap .icon-sd-tit3 {
  padding-left: 30px;
  background-position: -47px -1750px;
}
.cardcont .boxwrap .icon-sd-tit4 {
  padding-left: 35px;
  background-position: -47px -2027px;
}
.cardcont .boxwrap .icon-sd-tit5 {
  padding-left: 30px;
  background-position: -47px -2119px;
}
.cardcont .boxwrap .icon-sd-tit6 {
  padding-left: 35px;
  background-position: -47px -2164px;
}
.cardcont .boxwrap .icon-sd-tit7 {
  padding-left: 35px;
  background-position: -47px -2164px;
}
.cardcont .boxwrap .icon-sd-tit8 {
  padding-left: 33px;
  background-position: -47px -2762px;
}
.cardcont .boxwrap .icon-sd-tit9 {
  padding-left: 34px;
  background-position: -47px -1889px;
}
.cardcont .boxwrap .icon-sd-tit10 {
  padding-left: 33px;
  background-position: -47px -1705px;
}
.cardcont .boxwrap .icon-sd-tit11 {
  padding-left: 35px;
  background-position: -47px -1796px;
}
.cardcont .boxwrap .icon-sd-tit12 {
  padding-left: 32px;
  background-position: -47px -1566px;
}
.cardcont .boxwrap .icon-sd-tit13 {
  padding-left: 35px;
  background-position: -47px -1612px;
}
.cardcont .boxwrap .icon-lv-tit1 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-lv-tit2 {
  padding-left: 30px;
  background-position: -47px -2670px;
}
.cardcont .boxwrap .icon-lv-tit3 {
  padding-left: 32px;
  background-position: -47px -2624px;
}
.cardcont .boxwrap .icon-lv-tit4 {
  padding-left: 32px;
  background-position: -47px -1890px;
}
.cardcont .boxwrap .icon-lv-tit5 {
  padding-left: 31px;
  background-position: -47px -1061px;
}
.cardcont .boxwrap .icon-pd-tit1 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-pd-tit2 {
  padding-left: 33px;
  background-position: -47px -2212px;
}
.cardcont .boxwrap .icon-pd-tit3 {
  padding-left: 33px;
  background-position: -47px -1659px;
}
.cardcont .boxwrap .icon-pd-tit4 {
  padding-left: 29px;
  background-position: -47px -1566px;
}
.cardcont .boxwrap .icon-pd-tit5 {
  padding-left: 35px;
  background-position: -47px -1613px;
}
.cardcont .boxwrap .icon-pd-tit6 {
  padding-left: 35px;
  background-position: -47px -1706px;
}
.cardcont .boxwrap .icon-pd-tit7 {
  padding-left: 34px;
  background-position: -47px -1890px;
}
.cardcont .boxwrap .icon-pd-tit8 {
  padding-left: 33px;
  background-position: -47px -2027px;
}
.cardcont .boxwrap .icon-mv2-tit1 {
  padding-left: 32px;
  background-position: -47px -1430px;
}
.cardcont .boxwrap .icon-mv2-tit2 {
  padding-left: 31px;
  background-position: -47px -1153px;
}
.cardcont .boxwrap .icon-mv2-tit3 {
  padding-left: 34px;
  background-position: -47px -1890px;
}
.cardcont .boxwrap .icon-mv2-tit4 {
  padding-left: 34px;
  background-position: -47px -279px;
}
.cardcont .boxwrap .icon-mv2-tit5 {
  padding-left: 33px;
  background-position: -47px -739px;
}
.cardcont .boxwrap .icon-mv2-tit6 {
  padding-left: 38px;
  background-position: -47px -831px;
}
.cardcont .boxwrap .icon-rs-tit1 {
  padding-left: 30px;
  background-position: -47px -2256px;
}
.cardcont .boxwrap .icon-rs-tit2 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-rs-tit3 {
  padding-left: 30px;
  background-position: -47px -2760px;
}
.cardcont .boxwrap .icon-rs-tit4 {
  padding-left: 30px;
  background-position: -47px -2806px;
}
.cardcont .boxwrap .icon-rs-tit5 {
  padding-left: 33px;
  background-position: -47px -2852px;
}
.cardcont .boxwrap .icon-rs-tit6 {
  padding-left: 30px;
  background-position: -47px -2898px;
}
.cardcont .boxwrap .icon-rs-tit7 {
  padding-left: 30px;
  background-position: -47px -3037px;
}
.cardcont .boxwrap .icon-ti-tit1 {
  padding-left: 37px;
  background-position: -47px -2714px;
}
.cardcont .boxwrap .icon-ti-tit2 {
  padding-left: 30px;
  background-position: -47px -1565px;
}
.cardcont .boxwrap .icon-ti-tit3 {
  padding-left: 35px;
  background-position: -47px -1704px;
}
.cardcont .boxwrap .icon-ti-tit4 {
  padding-left: 34px;
  background-position: -47px -1888px;
}
.cardcont .boxwrap .icon-ti-tit5 {
  padding-left: 26px;
  background-position: -47px -2118px;
}
.cardcont .boxwrap .icon-rs2-tit1 {
  padding-left: 32px;
  background-position: -47px -2256px;
}
.cardcont .boxwrap .icon-rs2-tit2 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-rs2-tit3 {
  padding-left: 30px;
  background-position: -47px -2760px;
}
.cardcont .boxwrap .icon-rs2-tit4 {
  padding-left: 30px;
  background-position: -47px -2808px;
}
.cardcont .boxwrap .icon-rs2-tit5 {
  padding-left: 31px;
  background-position: -47px -2852px;
}
.cardcont .boxwrap .icon-rs2-tit6 {
  padding-left: 26px;
  background-position: -47px -138px;
}
.cardcont .boxwrap .icon-rs4-tit1 {
  padding-left: 30px;
  background-position: -47px -2256px;
}
.cardcont .boxwrap .icon-rs4-tit2 {
  padding-left: 33px;
  background-position: -47px -2898px;
}
.cardcont .boxwrap .icon-iv-tit1 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-iv-tit2 {
  padding-left: 30px;
  background-position: -47px -968px;
}
.cardcont .boxwrap .icon-iv-tit11 {
  padding-left: 28px;
  background-position: -47px -324px;
}
.cardcont .boxwrap .icon-iv-tit3 {
  padding-left: 34px;
  background-position: -47px -277px;
}
.cardcont .boxwrap .icon-iv-tit4 {
  padding-left: 32px;
  background-position: -47px -738px;
}
.cardcont .boxwrap .icon-iv-tit5 {
  padding-left: 40px;
  background-position: -47px -784px;
}
.cardcont .boxwrap .icon-iv-tit6 {
  padding-left: 36px;
  background-position: -47px -830px;
}
.cardcont .boxwrap .icon-iv-tit7 {
  padding-left: 32px;
  background-position: -47px -2487px;
}
.cardcont .boxwrap .icon-iv-tit8 {
  padding-left: 31px;
  background-position: -47px -1290px;
}
.cardcont .boxwrap .icon-iv-tit9 {
  padding-left: 30px;
  background-position: -47px -601px;
}
.cardcont .boxwrap .icon-iv-tit10 {
  padding-left: 33px;
  background-position: -47px -2532px;
}
.cardcont .boxwrap .icon-nv-tit1 {
  padding-left: 33px;
  background-position: -47px -1014px;
}
.cardcont .boxwrap .icon-nv-tit2 {
  padding-left: 33px;
  background-position: -47px -1290px;
}
.cardcont .boxwrap .icon-iv2-tit1 {
  padding-left: 33px;
  background-position: -47px -1430px;
}
.cardcont .boxwrap .icon-iv2-tit2 {
  padding-left: 31px;
  background-position: -47px -2258px;
}
.cardcont .boxwrap .icon-iv2-tit3 {
  padding-left: 33px;
  background-position: -47px -2487px;
}
.cardcont .boxwrap .icon-iv2-tit4 {
  padding-left: 35px;
  background-position: -47px -278px;
}
.cardcont .boxwrap .icon-iv2-tit5 {
  padding-left: 37px;
  background-position: -47px -832px;
}
.cardcont .boxwrap .icon-pc-tit1 {
  padding-left: 34px;
  background-position: -47px 0px;
}
.cardcont .boxwrap .icon-pc-tit2 {
  padding-left: 34px;
  background-position: -47px -2212px;
}
.cardcont .boxwrap .icon-pc-tit3 {
  padding-left: 34px;
  background-position: -47px -1890px;
}
.cardcont .boxwrap .icon-pc-tit4 {
  padding-left: 38px;
  background-position: -47px -2304px;
}
.cardcont .boxwrap .icon-pc-tit5 {
  padding-left: 34px;
  background-position: -47px -2350px;
}
.cardcont .boxwrap .icon-dv-tit1 {
  padding-left: 30px;
  background-position: -47px -324px;
}
.cardcont .boxwrap .icon-dv-tit2 {
  padding-left: 34px;
  background-position: -47px -278px;
}
.cardcont .boxwrap .icon-dv-tit3 {
  padding-left: 33px;
  background-position: -47px -969px;
}
.cardcont .boxwrap .icon-dv-tit4 {
  padding-left: 37px;
  background-position: -47px -2392px;
}
.cardcont .boxwrap .icon-av-tit1 {
  padding-left: 33px;
  background-position: -47px -324px;
}
.cardcont .boxwrap .icon-av-tit2 {
  padding-left: 35px;
  background-position: -47px -278px;
}
.cardcont .boxwrap .icon-av-tit3 {
  padding-left: 35px;
  background-position: -47px -968px;
}
.cardcont .boxwrap .icon-av-tit4 {
  padding-left: 35px;
  background-position: -47px -1430px;
}
.cardcont .boxwrap .icon-av-tit5 {
  padding-left: 37px;
  background-position: -47px -2028px;
}
.cardcont .boxwrap .icon-av-tit6 {
  padding-left: 37px;
  background-position: -47px -2442px;
}
.cardcont .boxwrap .icon-rv-tit1 {
  padding-left: 30px;
  background-position: -47px -323px;
}
.cardcont .boxwrap .icon-rv-tit2 {
  padding-left: 33px;
  background-position: -47px -2575px;
}
.cardcont .boxwrap .icon-rv-tit3 {
  padding-left: 35px;
  background-position: -47px -2621px;
}
.cardcont .boxwrap .icon-rv-tit4 {
  padding-left: 32px;
  background-position: -47px -2669px;
}
.cardcont .boxwrap .icon-rv-tit5 {
  padding-left: 38px;
  background-position: -47px -2716px;
}
.cardcont .boxwrap .icon-rs5-tit1 {
  padding-left: 32px;
  background-position: -47px -2256px;
}
.cardcont .boxwrap .icon-rs5-tit2 {
  padding-left: 32px;
  background-position: -47px -2899px;
}
.cardcont .boxwrap .icon-rs5-tit3 {
  padding-left: 30px;
  background-position: -47px -1565px;
}
.cardcont .boxwrap .icon-rs5-tit4 {
  padding-left: 35px;
  background-position: -47px -2944px;
}
.cardcont .boxwrap .icon-rs5-tit5 {
  padding-left: 35px;
  background-position: -47px -2990px;
}
.cardcont .boxwrap .icon-rs6-tit1 {
  padding-left: 30px;
  background-position: -47px -2256px;
}
.cardcont .boxwrap .icon-rs6-tit2 {
  padding-left: 31px;
  background-position: -47px -2898px;
}
.cardcont .boxwrap .icon-rs6-tit3 {
  padding-left: 35px;
  background-position: -47px -2072px;
}
.cardcont .boxwrap .icon-rs6-tit4 {
  padding-left: 33px;
  background-position: -47px -462px;
}
.cardcont .boxwrap .icon-rs6-tit5 {
  padding-left: 33px;
  background-position: -47px -2026px;
}
.cardcont .boxwrap .icon-rs6-tit6 {
  padding-left: 30px;
  background-position: -47px -3037px;
}
.cardcont .boxwrap .icon-rs6-tit7 {
  padding-left: 30px;
  background-position: -47px -2898px;
}
.cardcont .boxwrap .icon-rs6-tit8 {
  padding-left: 30px;
  background-position: -47px -3036px;
}
.cardcont .boxwrap .icon-uv-tit1 {
  padding-left: 30px;
  background-position: -47px -324px;
}
.cardcont .boxwrap .icon-uv-tit2 {
  padding-left: 30px;
  background-position: -47px -2027px;
}
.cardcont .boxwrap .icon-rs7-tit1 {
  padding-left: 30px;
  background-position: -47px -2256px;
}
.cardcont .boxwrap .icon-rs7-tit2 {
  padding-left: 33px;
  background-position: -47px -2026px;
}
.cardcont .boxwrap .icon-rs8-tit1 {
  padding-left: 30px;
  background-position: -47px -2256px;
}
.cardcont .boxwrap .icon-rs8-tit2 {
  padding-left: 33px;
  background-position: -47px -462px;
}
.cardcont .boxwrap .icon-rs8-tit3 {
  padding-left: 33px;
  background-position: -47px -2026px;
}
.cardcont .boxwrap .icon-rs8-tit4 {
  padding-left: 31px;
  background-position: -47px -2898px;
}
.cardcont .boxwrap .icon-rs8-tit5 {
  padding-left: 30px;
  background-position: -47px -3038px;
}
.cardcont .boxwrap .icon-vm-tit1 {
  padding-left: 30px;
  background-position: -47px -2258px;
}
.cardcont .boxwrap .icon-vm-tit2 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-vm-tit3 {
  padding-left: 30px;
  background-position: -47px -2762px;
}
.cardcont .boxwrap .icon-vm-tit4 {
  padding-left: 30px;
  background-position: -47px -2808px;
}
.cardcont .boxwrap .icon-vm-tit5 {
  padding-left: 30px;
  background-position: -47px -324px;
}
.cardcont .boxwrap .icon-vm-tit6 {
  padding-left: 30px;
  background-position: -47px -1152px;
}
.cardcont .boxwrap .icon-vm-tit7 {
  padding-left: 30px;
  background-position: -47px -968px;
}
.cardcont .boxwrap .icon-vm-tit8 {
  padding-left: 35px;
  background-position: -47px -372px;
}
.cardcont .boxwrap .icon-rc-tit1 {
  padding-left: 30px;
  background-position: -47px -2258px;
}
.cardcont .boxwrap .icon-rc-tit2 {
  padding-left: 30px;
  background-position: -47px -3126px;
}
.cardcont .boxwrap .icon-rc-tit3 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-rc-tit4 {
  padding-left: 30px;
  background-position: -47px -2762px;
}
.cardcont .boxwrap .icon-rc-tit5 {
  padding-left: 30px;
  background-position: -47px -2808px;
}
.cardcont .boxwrap .icon-rc-tit6 {
  padding-left: 30px;
  background-position: -47px -2854px;
}
.cardcont .boxwrap .icon-rc-tit7 {
  padding-left: 30px;
  background-position: -47px -1567px;
}
.cardcont .boxwrap .icon-rc-tit8 {
  padding-left: 35px;
  background-position: -47px -2946px;
}
.cardcont .boxwrap .icon-rc-tit9 {
  padding-left: 35px;
  background-position: -47px -2992px;
}
.cardcont .boxwrap .icon-rc-tit10 {
  padding-left: 35px;
  background-position: -47px -2028px;
}
.cardcont .boxwrap .icon-rc-tit11 {
  padding-left: 33px;
  background-position: -47px -2900px;
}
.cardcont .boxwrap .icon-rc-tit12 {
  padding-left: 35px;
  background-position: -47px -3038px;
}
.cardcont .boxwrap .icon-rc-tit13 {
  padding-left: 35px;
  background-position: -47px -1704px;
}
.cardcont .boxwrap .icon-ra-tit1 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-ur-tit1 {
  padding-left: 30px;
  background-position: -47px -2258px;
}
.cardcont .boxwrap .icon-ur-tit2 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-ur-tit3 {
  padding-left: 30px;
  background-position: -47px -2762px;
}
.cardcont .boxwrap .icon-ur-tit4 {
  padding-left: 30px;
  background-position: -47px -2900px;
}
.cardcont .boxwrap .icon-ur-tit5 {
  padding-left: 35px;
  background-position: -47px -3039px;
}
.cardcont .boxwrap .icon-pe-tit1 {
  padding-left: 32px;
  background-position: -47px -3172px;
}
.cardcont .boxwrap .icon-mv3-tit1 {
  padding-left: 32px;
  background-position: -47px -322px;
}
.cardcont .boxwrap .icon-qv-tit1 {
  padding-left: 32px;
  background-position: -47px -325px;
}
.cardcont .boxwrap .icon-qv-tit2 {
  padding-left: 38px;
  background-position: -47px -372px;
}
.cardcont .boxwrap .icon-jv-tit1 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-jv-tit2 {
  padding-left: 35px;
  background-position: -47px -736px;
}
.cardcont .boxwrap .icon-jv-tit3 {
  padding-left: 30px;
  background-position: -47px -276px;
}
.cardcont .boxwrap .icon-jv-tit4 {
  padding-left: 32px;
  background-position: -47px -1474px;
}
.cardcont .boxwrap .icon-jv-tit5 {
  padding-left: 32px;
  background-position: -47px -648px;
}
.cardcont .boxwrap .icon-jv-tit6 {
  padding-left: 32px;
  background-position: -47px -1705px;
}
.cardcont .boxwrap .icon-jv-tit7 {
  padding-left: 35px;
  background-position: -47px -1062px;
}
.cardcont .boxwrap .icon-jv-tit8 {
  padding-left: 32px;
  background-position: -47px -1426px;
}
.cardcont .boxwrap .icon-jv-tit9 {
  padding-left: 32px;
  background-position: -47px -1291px;
}
.cardcont .boxwrap .icon-jv2-tit1 {
  padding-left: 32px;
  background-position: -47px -323px;
}
.cardcont .boxwrap .icon-jv2-tit2 {
  padding-left: 35px;
  background-position: -47px -1149px;
}
.cardcont .boxwrap .icon-jv2-tit3 {
  padding-left: 30px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-jv2-tit4 {
  padding-left: 32px;
  background-position: -47px -736px;
}
.cardcont .boxwrap .icon-jv2-tit5 {
  padding-left: 32px;
  background-position: -47px -276px;
}
.cardcont .boxwrap .icon-kv-tit1 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-kv-tit2 {
  padding-left: 32px;
  background-position: -47px -46px;
}
.cardcont .boxwrap .icon-kv-tit3 {
  padding-left: 35px;
  background-position: -47px -278px;
}
.cardcont .boxwrap .icon-kv-tit4 {
  padding-left: 30px;
  background-position: -47px -324px;
}
.cardcont .boxwrap .icon-kv-tit5 {
  padding-left: 39px;
  background-position: -47px -2714px;
}
.cardcont .boxwrap .icon-kv-tit6 {
  padding-left: 32px;
  background-position: -47px -1152px;
}
.cardcont .boxwrap .icon-kv-tit7 {
  padding-left: 32px;
  background-position: -47px -2257px;
}
.cardcont .boxwrap .icon-kv-tit8 {
  padding-left: 32px;
  background-position: -47px -3038px;
}
.cardcont .boxwrap .icon-ov-tit1 {
  padding-left: 32px;
  background-position: -47px 0;
}
.cardcont .boxwrap .icon-ov-tit2 {
  padding-left: 32px;
  background-position: -47px -324px;
}
.cardcont .boxwrap .icon-ov-tit3 {
  padding-left: 35px;
  background-position: -47px -48px;
}
.cardcont .boxwrap .icon-ov-tit4 {
  padding-left: 30px;
  background-position: -47px -1060px;
}
.cardcont .boxwrap .icon-ov-tit5 {
  padding-left: 39px;
  background-position: -47px -1428px;
}
.cardcont .boxwrap .icon-xv-tit1 {
  padding-left: 32px;
  background-position: -47px -278px;
}
.cardcont .boxwrap .icon-xv-tit2 {
  padding-left: 32px;
  background-position: -47px -1107px;
}
.cardcont .boxwrap .icon-xv-tit3 {
  padding-left: 35px;
  background-position: -47px -1062px;
}
/*201803*/
.cardcont .boxwrap .icon-al-tit1 {
  padding-left: 35px;
  background-position: -47px  0;
}
.cardcont .boxwrap .icon-al-tit2 {
  padding-left: 35px;
  background-position: -47px  -325px;
}
.cardcont .boxwrap .icon-al-tit3 {
  padding-left: 35px;
  background-position: -47px  -738px;
}
.cardcont .boxwrap .icon-al-tit4 {
  padding-left: 35px;
  background-position: -47px  -416px;
}
.cardcont .boxwrap .icon-al-tit5 {
  padding-left: 35px;
  background-position: -47px  -1062px;
}
/*기기*/
.cardcont .boxwrap .icon-al-tit6 {
  padding-left: 35px;
  background-position: -47px -2027px;
}
.cardcont .boxwrap .icon-al-tit7 {
  padding-left: 35px;
  background-position: -47px -1520px;
}
.cardcont .boxwrap .icon-al-tit8 {
  padding-left: 35px;
  background-position: -47px -1062px;
}
/*~201803*/
.managerpop_cont .boxwrap {
  /*권한관리*/
  /*화면관리*/
  /*메뉴관리*/
}
.managerpop_cont .boxwrap h2 {
  background: url('../../images/ico/ico-card.png') -47px 0 no-repeat;
  padding-left: 30px;
}
.managerpop_cont .boxwrap .icon-xv-tit1 {
  padding-left: 32px;
  background-position: -47px -278px;
}
.managerpop_cont .boxwrap .icon-xv-tit2 {
  padding-left: 32px;
  background-position: -47px -1107px;
}
.managerpop_cont .boxwrap .icon-xv-tit3 {
  padding-left: 35px;
  background-position: -47px -1062px;
}
.ico_thumb01_01 span {
  background-color: #E51C24 !important;
}
.ico_thumb01_02 span {
  background-color: #3f51b5 !important;
}
.ico_thumb01_03 span {
  background-color: #5677FC !important;
}
.ico_thumb01_04 span {
  background-color: #E91D62 !important;
}
.ico_thumb02 span {
  background-color: #465a65 !important;
}
.ico_thumb03 span {
  background-color: #A1897F !important;
}
.ico_thumb04 span {
  background-color: #90A4AD !important;
}
.ico_thumb05 span {
  background-color: #039BE5 !important;
}
.ico_thumb06_01 span {
  background-color: #33691e !important;
}
.ico_thumb06_02 span {
  background-color: #2ab02b !important;
}
.ico_thumb06_03 span {
  background-color: #689f38 !important;
}
.ico_thumb07_01 span {
  background-color: #4CB6AC !important;
}
.ico_thumb07_02 span {
  background-color: #009687 !important;
}
.ico_thumb08_01 span {
  background-color: #4527A1 !important;
}
.ico_thumb08_02 span {
  background-color: #673BB7 !important;
}
.ico_thumb08_03 span {
  background-color: #7E57C2 !important;
}
.ico_thumb08_04 span {
  background-color: #9675CE !important;
}
.ico_thumb09_01 span {
  background-color: #4DD0E2 !important;
}
.ico_thumb09_02 span {
  background-color: #00BCD5 !important;
}
.ico_thumb09_03 span {
  background-color: #0098A7 !important;
}
.ico_thumb10_01 span {
  background-color: #E64A19 !important;
}
.ico_thumb10_02 span {
  background-color: #FE5722 !important;
}
.ico_thumb10_03 span {
  background-color: #FF8A66 !important;
}
.ico_thumb11_01 span {
  background-color: #B0BFFF !important;
}
.ico_thumb11_02 span {
  background-color: #738FFD !important;
}
.ico_thumb11_03 span {
  background-color: #4E6CF0 !important;
}
.ico_thumb11_04 span {
  background-color: #455EDD !important;
}
.ico_thumb11_05 span {
  background-color: #3B50CF !important;
}
.ico_thumb12_01_01 span {
  background-color: #689F38 !important;
}
.ico_thumb12_01_02 span {
  background-color: #673AB7 !important;
}
.ico_thumb12_01_03 span {
  background-color: #009688 !important;
}
.ico_thumb12_01_04 span {
  background-color: #EF6C00 !important;
}
.ico_thumb12_01_05 span {
  background-color: #F44336 !important;
}
.ico_thumb12_02_01 span {
  background-color: #33691E !important;
}
.ico_thumb12_02_02 span {
  background-color: #2196F3 !important;
}
.ico_thumb12_02_03 span {
  background-color: #3F51B5 !important;
}
.ico_thumb12_02_04 span {
  background-color: #E91E63 !important;
}
.ico_thumb12_03_01 span {
  background-color: #757575 !important;
}
.ico_thumb12_03_02 span {
  background-color: #3F51B5 !important;
}
.ico_thumb12_03_03 span {
  background-color: #3F51B5 !important;
}
.ico_thumb12_03_04 span {
  background-color: #3F51B5 !important;
}
.ico_thumb12_03_05 span {
  background-color: #795548 !important;
}
.ico_thumb12_03_06 span {
  background-color: #E51C24 !important;
}
.btn-text1 {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  background-color: #9bbe30;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-text1:hover {
  background-color: #809f23;
}
.btn-text1:active {
  background-color: #809f23;
}
.btn-text1[disabled] {
  background-color: #809f23;
}
.btn-text2 {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  background-color: #ff5252;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-text2:hover {
  background-color: #e24444;
}
.btn-text2:active {
  background-color: #e24444;
}
.btn-text2[disabled] {
  background-color: #e24444;
}
.btn-text3 {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  background-color: #7467d0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-text3:hover {
  background-color: #584caf;
}
.btn-text3:active {
  background-color: #584caf;
}
.btn-text3[disabled] {
  background-color: #584caf;
}
.btn-text4 {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  background-color: #00a4a7;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-text4:hover {
  background-color: #058486;
}
.btn-text4:active {
  background-color: #058486;
}
.btn-text4[disabled] {
  background-color: #058486;
}
.btn-text5 {
  display: inline-block;
  min-width: 85px;
  height: 29px;
  line-height: 29px;
  background-color: #3e5871;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-text5:hover {
  background-color: #293f54;
}
.btn-text5:active {
  background-color: #293f54;
}
.btn-text5[disabled] {
  background-color: #293f54;
}
.btn-text6 {
  display: inline-block;
  min-width: 85px;
  height: 29px;
  line-height: 29px;
  background-color: #ff5f5f;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-text6:hover {
  background-color: #e24444;
}
.btn-text6:active {
  background-color: #e24444;
}
.btn-text6[disabled] {
  background-color: #e24444;
}
.btn-text7 {
  display: inline-block;
  min-width: 85px;
  height: 29px;
  line-height: 29px;
  background-color: #ffa200;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-text7:hover {
  background-color: #e19107;
}
.btn-text7:active {
  background-color: #e19107;
}
.btn-text7[disabled] {
  background-color: #e19107;
}
.btn-text8 {
  display: inline-block;
  min-width: 85px;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-text8:hover {
  background-color: #055cb3;
}
.smallBtn {
  height: 25px !important;
  line-height: 25px !important;
  font-size: 12px !important;
}
.btn-confirm {
  display: inline-block;
  min-width: 150px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}
.btn-confirm:hover {
  background-color: #055cb3;
}
.btn-confirm:active {
  background-color: #055cb3;
}
.btn-confirm[disabled] {
  background-color: #055cb3;
}
.btn-cancel {
  display: inline-block;
  min-width: 150px;
  height: 40px;
  line-height: 40px;
  background-color: #f5f6f7;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #000;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}
.btn-cancel:hover {
  background-color: #ebeced;
  border: 1px solid #626262;
}
.btn-cancel:active {
  background-color: #ebeced;
  border: 1px solid #626262;
}
.btn-cancel[disabled] {
  background-color: #cfcfcf;
}
.btn-sort {
  display: inline-block;
  min-width: 85px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-sort:hover {
  background-color: #055cb3;
}
.btn-sort:active {
  background-color: #055cb3;
}
.btn-sort[disabled] {
  background-color: #e0e0e0;
  color: #f4f4f4;
}
.btn-sort-white {
  display: inline-block;
  min-width: 85px;
  height: 30px;
  padding: 0 5px;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #0077ff;
  border-radius: 3px;
  box-sizing: border-box;
  color: #555;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-sort-white:hover {
  background-color: #ebeced;
}
.btn-sort-white:active {
  background-color: #ebeced;
}
.btn-sort-white[disabled] {
  background-color: #ebeced;
}
.btn-allview {
  display: inline-block;
  min-width: 85px;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #0077ff;
  border-radius: 3px;
  box-sizing: border-box;
  color: #555;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-allview:hover {
  background-color: #ebeced;
}
.btn-allview:active {
  background-color: #ebeced;
}
.btn-allview[disabled] {
  background-color: #ebeced;
}
.btn-newtask {
  display: inline-block;
  min-width: 85px;
  height: 30px;
  line-height: 30px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-newtask:hover {
  background-color: #055cb3;
}
.btn-newtask:active {
  background-color: #055cb3;
}
.btn-newtask[disabled] {
  background-color: #055cb3;
}
.btn-normal {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  color: #4181d3;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-normal:hover {
  background-color: #ebeced;
  border: 1px solid #a0a0a0;
}
.btn-normal:active {
  background-color: #ebeced;
  border: 1px solid #a0a0a0;
}
.btn-normal[disabled] {
  background-color: #ebeced;
  border: 1px solid #a0a0a0;
}
.btn-micro {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  color: #4181d3;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-micro:hover {
  background-color: #ebeced;
  border: 1px solid #a0a0a0;
}
.btn-micro:active {
  background-color: #ebeced;
  border: 1px solid #a0a0a0;
}
.btn-micro[disabled] {
  background-color: #ebeced;
  border: 1px solid #a0a0a0;
}
.btn-group1 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #ff5681;
  border-radius: 3px;
  box-sizing: border-box;
  color: #ff5681;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-group1.on {
  background-color: #ff5681;
  color: #fff;
}
.btn-group2 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background-color: #827717;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.groupchk {
  position: relative;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 26px 0 10px;
  background-color: #ff5681;
  border-radius: 3px;
  box-sizing: border-box;
  color: #4181d3;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.groupchk .label-txt {
  color: #fff;
}
.groupchk .box-checkbox2 {
  position: absolute;
  top: 6px;
  right: 4px;
}
.btn-mid-sort {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  background-color: #f3f8f1;
  border: 1px solid #abd1a2;
  border-radius: 3px;
  box-sizing: border-box;
  color: #238b59;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-mid-sort:hover {
  background-color: #e1e9dd;
  border-color: #8cb184;
}
.btn-mid-sort:active {
  background-color: #e1e9dd;
  border-color: #8cb184;
}
.btn-mid-sort[disabled] {
  background-color: #e1e9dd;
  border-color: #8cb184;
}
.btn-mid-sort.arrow {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  padding-left: 20px;
  background-image: url('../../images/contents/bg-arrow-green.png');
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
.btn-mid-sort-blue {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-mid-save {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-mid-sort-orange {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  background-color: #ffa200;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-infoChk {
  display: inline-block;
  height: 30px;
  line-height: 23px;
  padding: 0 10px;
  background-color: #f3f8f1;
  border: 1px solid #4485f2;
  border-radius: 3px;
  box-sizing: border-box;
  color: #555;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-infoChk:hover {
  background-color: #e1e9dd;
  border-color: #8cb184;
}
.btn-infoChk.toggle {
  border: 1px solid #a0a0a0;
  background-color: #ebeced;
}
.btn-regist {
  display: inline-block;
  width: 72px;
  height: 50px;
  /*line-height:50px;*/
  margin-left: 5px;
  background: #006bd5;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.btn-regist:hover {
  background-color: #055cb3;
}
.btn-regist:active {
  background-color: #055cb3;
}
.btn-regist[disabled] {
  background-color: #055cb3;
}
.btn-regist2 {
  display: inline-block;
  min-width: 60px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px 0 27px;
  background: #686868 url('../../images/btn/btn-regist.png') no-repeat 8px 50%;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  text-align: center;
}
.btn-regist2:hover {
  background-color: #4c4c4c;
}
.btn-del {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url('../../images/btn/btn-del.png') no-repeat 50%;
  text-indent: -9999px;
}
.btn-del:hover {
  background: url('../../images/btn/btn-del-hover.png') no-repeat 50%;
  text-indent: -9999px;
}
.btn-delete {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 33px;
  background: #ffffff url('../../images/btn/btn-delete.png') no-repeat 12px 50%;
  border: 1px solid #0077ff;
  border-radius: 3px;
  box-sizing: border-box;
  color: #555;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-delete:hover {
  background-color: #ebeced;
}
.btn-del02 {
  display: inline-block;
  width: auto;
  min-width: 53px;
  height: 26px;
  padding: 0 9px 0 21px;
  background: #ffffff url('../../images/contents/bg-del.png') no-repeat 8px 50%;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  box-sizing: border-box;
  color: #4181d3;
  font-size: 13px;
  text-indent: inherit;
  line-height: 26px;
}
.btn-search {
  display: inline-block;
  min-width: 60px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px 0 27px;
  background: #4c4c4c url('../../images/btn/btn-search.png') no-repeat 8px 50%;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  vertical-align: top;
}
.btn-pay-history {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 30px;
  background: #006bd5 url('../../images/ico/ico-payment-history.png') no-repeat 10px 50%;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.btn-submit {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 30px;
  background: #ffffff url('../../images/ico/ico-submit.png') no-repeat 10px 50%;
  border: 1px solid #0077ff;
  border-radius: 3px;
  box-sizing: border-box;
  color: #555;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-save {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 33px;
  background: #ffffff url('../../images/ico/ico-save.png') no-repeat 10px 50%;
  border: 1px solid #0077ff;
  border-radius: 3px;
  box-sizing: border-box;
  color: #555;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-save2 {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px 0 37px;
  background: #006bd5 url('../../images/ico/ico-save2.png') no-repeat 14px 50%;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
}
.btn-complete {
  display: inline-block;
  min-width: 85px;
  height: 35px;
  line-height: 35px;
  padding: 0 28px;
  background: #f38b4c;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
}
.btn-added {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url('../../images/btn/btn-added.png') no-repeat 50%;
  text-indent: -9999px;
}
.btn-plus {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../images/btn/btn_fold2.gif) no-repeat left top;
  text-indent: -9999px;
  margin-left: 5px;
  margin-top: -1px;
}
.btn-minus {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../images/btn/btn_fold2.gif) no-repeat left bottom;
  text-indent: -9999px;
  margin-left: 5px;
  margin-top: -1px;
}
.btn-gray {
  display: inline-block;
  min-width: 100px;
  height: 30px;
  padding: 7px 12px 7px;
  background: #686868;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
}
.btn-white {
  display: inline-block;
  min-width: 100px;
  height: 30px;
  padding: 7px 12px 7px;
  background: #f5f6f7;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
}
.btn-blue {
  display: inline-block;
  min-width: 100px;
  height: 30px;
  padding: 7px 12px 7px;
  background: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
}
.btn-blue-icon {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-blue-icon:hover {
  background-color: #055cb3;
}
.btn-blue-icon:active {
  background-color: #055cb3;
}
.btn-blue-icon[disabled] {
  background-color: #055cb3;
  opacity: 0.5;
}
.btn-blue-icon.act {
  background-color: #ff9000;
}
.btn-blue-icon .icon-bi1 {
  display: inline-block;
  padding-left: 16px;
  background: url('../../images/ico/ico-bi1.png') no-repeat 0 50%;
}
.btn-blue-icon .icon-bi2 {
  display: inline-block;
  padding-left: 24px;
  background: url('../../images/ico/ico-bi2.png') no-repeat 0 50%;
}
.btn-blue-icon .icon-chk {
  padding-left: 18px;
  background: url('../../images/ico/ico-chk.png') no-repeat 0 50%;
}
.btn-blue-icon .icon-cart {
  padding-left: 18px;
  background: url('../../images/ico/ico-cart2.png') no-repeat 0 50%;
}
.btn-white-icon {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 9px;
  background-color: #fff;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #555;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.btn-white-icon:hover {
  background-color: #fff;
}
.btn-white-icon:active {
  background-color: #fff;
}
.btn-white-icon[disabled] {
  background-color: #fff;
}
.btn-white-icon .icon-bi1 {
  display: inline-block;
  padding-left: 16px;
  background: url('../../images/ico/ico-wi1.png') no-repeat 0 50%;
}
.btn-white-icon .icon-bi2 {
  display: inline-block;
  padding-left: 24px;
  background: url('../../images/ico/ico-wi2.png') no-repeat 0 50%;
}
.btn-white-icon .icon-chk {
  padding-left: 18px;
  background: url('../../images/ico/ico-wchk.png') no-repeat 0 50%;
}
.btn-tb-normal {
  display: inline-block;
  min-width: 60px;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  font-size: 13px;
  text-align: center;
}
.btn-tb-normal-link {
  display: inline-block;
  min-width: 60px;
  height: 27px;
  padding: 4px 10px 4px 10px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  color: #333;
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
}
.btnwrap {
  margin: 20px 0 0;
  text-align: center;
}
.btnwrap a,
.btnwrap button {
  margin-left: 2px;
}
.btnwrap a:first-child,
.btnwrap button:first-child {
  margin-left: 0;
}
.btnwrap.complete {
  margin-top: 10px;
  text-align: right;
}
.btn-add {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 9px 0 22px;
  background: #4c4c4c url('../../images/ico/ico-plus1.png') no-repeat 9px 50%;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
}
.btn-add1 {
  display: inline-block;
  width: 28px;
  height: 26px;
  background: url('../../images/btn/btn-add.png') no-repeat 0 0;
  text-indent: -9999px;
}
.btn-add1:hover {
  background-position: 0 bottom;
}
.btn-del2 {
  display: inline-block;
  width: 13px;
  height: 14px;
  background: url('../../images/btn/btn-del2.png') no-repeat 0 0;
  text-indent: -9999px;
}
.btn-del2:hover {
  background-position: 0 bottom;
}
.btn-remove {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 9px 0 24px;
  background: #4c4c4c url('../../images/ico/ico-minus.png') no-repeat 9px 50%;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
}
.btn-detailview {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../../images/btn/btn-detailview.png') no-repeat 0 0;
  text-indent: -9999px;
}
.btn-detailview:hover {
  background-position: 0 bottom;
}
.btn-up {
  display: inline-block;
  min-width: 75px;
  height: 30px;
  padding: 0 20px 0 30px;
  background: #ffffff url('../../images/btn/btn-updown.png') no-repeat 15px 0;
  border: 1px solid #0077ff;
  border-radius: 3px;
  font-size: 14px;
}
.btn-down {
  display: inline-block;
  min-width: 75px;
  height: 30px;
  padding: 0 20px 0 30px;
  background: #ffffff url('../../images/btn/btn-updown.png') no-repeat 15px -30px;
  border: 1px solid #0077ff;
  border-radius: 3px;
  font-size: 14px;
}
.btn-remove1 {
  display: inline-block;
  min-width: 51px;
  height: 30px;
  padding: 0 10px 0 20px;
  background: #ffffff url('../../images/btn/btn-remove.png') no-repeat 10px 50%;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  color: #4181d3;
}
.btn-reset {
  padding: 0 12px 0 32px;
  background-image: url('../../images/ico/ico-reset.png');
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
.btn-apply {
  padding: 0 12px 0 28px;
  background-image: url('../../images/ico/ico-apply.png');
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
.btn-help {
  height: 23px;
  line-height: 23px;
  padding: 0 12px 0 28px;
  background-image: url('../../images/ico/ico-help.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
}
.btn-help2 {
  padding: 0 12px 0 17px;
  background-image: url('../../images/ico/ico-help.png');
  background-repeat: no-repeat;
  background-position: 8px 50%;
}
.btn-add-txt,
.btn-remove-txt {
  height: 26px;
  padding: 0 8px 0 21px;
  background: #ffffff url('../../images/btn/btn-addremove.png') no-repeat;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  box-sizing: border-box;
  color: #4181d3;
}
.btn-add-txt {
  background-position: 7px 8px;
}
.btn-remove-txt {
  background-position: 8px -32px;
}
.btn-toggle-check {
  background: #e7335c url('../../images/btn/btn-check.png') no-repeat 65px 14px;
  color: #fff;
  font-family: 'notokr-medium';
  padding: 0 35px 0 10px;
}
.btn-toggle-check.toggle {
  background-position: 65px -72px;
  background-color: #ccc;
}
.btn-dfss {
  height: 29px;
  line-height: 29px;
  padding: 0 8px 0 12px;
  background: #ff5252 ;
  border-radius: 3px;
}
.btn-dfss span {
  display: block;
  line-height: 29px;
  padding-right: 29px;
  background: url('../../images/ico/ico-dfss.png') no-repeat right 50%;
  color: #fff;
}
.btn-wbs {
  height: 29px;
  line-height: 29px;
  padding: 0 7px 0 12px;
  background: #ff5252 ;
  border-radius: 3px;
}
.btn-wbs span {
  display: block;
  line-height: 29px;
  padding-right: 34px;
  background: url('../../images/ico/ico-wbs.png') no-repeat right 50%;
  color: #fff;
}
.btn-gantt {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../../images/btn/btn_fold2.gif') no-repeat left bottom;
  text-indent: -9999px;
}
.btn-gantt:hover {
  background-position: right bottom;
}
.btn-gantt.hide {
  background-position: left top;
}
.btn-gantt.hide:hover {
  background-position: right top;
}
.btn-fold2 {
  float: right;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../../images/ico/ico-fold02.png') no-repeat left top;
  text-indent: -9999px;
}
.btn-fold2:hover {
  background-position: right top;
}
.btn-fold2.fold {
  background-position: left bottom;
}
.btn-fold2.fold:hover {
  background-position: right bottom;
}
.btn-fold3 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../../images/btn/btn_fold03.png') no-repeat left top;
  text-indent: -9999px;
}
.btn-fold3.fold {
  background-position: left bottom;
}
.btn-fold4 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../../images/btn/btn_fold04.png') no-repeat left top;
  text-indent: -9999px;
}
.btn-fold4.fold {
  background-position: left bottom;
}
.pictogramwraparea {
  width: 100%;
  text-align: center;
}
.pictogramwraparea > .pictogramwrap {
  display: inline-block;
}
.pictogramwrap {
  margin: 30px 0;
  text-align: center;
  padding-right: 10px;
}
.pictogramwrap .btn-pictogram {
  margin-left: 13px;
}
.pictogramwrap:nth(2)-child {
  display: inline-block;
}
.pictogramwrap .btn-pictogram:first-child {
  margin-left: 0;
}
.pictogramwrap .btn-pictogram.checked {
  background-color: #ebeced !important;
  border: 1px solid #0077ff;
}
.btn-pictogram {
  display: inline-block;
  width: 89px;
  height: 95px;
  padding-top: 96px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #a0a0a0;
  border-radius: 7px;
  color: #000;
}
.btn-pictogram:hover,
.btn-pictogram.active {
  background-color: #ebeced !important;
  border: 1px solid #0077ff;
}
.btn-pictogram.icon1 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram1.png') no-repeat 50% 15px;
  background-size: 60%;
}
.btn-pictogram.icon2 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram2.png') no-repeat 50% 15px;
  background-size: 60%;
}
.btn-pictogram.icon3 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram3.png') no-repeat 50% 13px;
  background-size: 40%;
}
.btn-pictogram.icon4 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram4.png') no-repeat 50% 11px;
  background-size: 40%;
}
.btn-pictogram.icon5 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram5.png') no-repeat 50% 14px;
  background-size: 50%;
}
.btn-pictogram.icon6 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram6.png') no-repeat 50% 14px;
  background-size: 50%;
}
.btn-pictogram.icon7 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram7.png') no-repeat 50% 12px;
  background-size: 50%;
}
.btn-pictogram.icon8 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram8.png') no-repeat 50% 12px;
  background-size: 50%;
}
.btn-pictogram.icon9 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram9.png') no-repeat 50% 10px;
  background-size: 50%;
}
.btn-pictogram.icon10 {
  padding-top: 45px;
  background: url('../../images/ico/ico-pictogram10.png') no-repeat 50% 10px;
  line-height: 13px;
  background-size: 50%;
}
.btn-pictogram.icon11 {
  padding-top: 45px;
  background: url('../../images/ico/ico-pictogram11.png') no-repeat 50% 10px;
  line-height: 13px;
  background-size: 50%;
}
.btn-pictogram.icon12 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram12.png') no-repeat 50% 9px;
  background-size: 50% ;
}
.btn-pictogram.icon13 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram13.png') no-repeat 50% 9px;
  background-size: 50%;
}
.btn-pictogram.icon14 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram14.png') no-repeat 50% 9px;
  background-size: 50%;
}
.btn-pictogram.icon15 {
  padding-top: 45px;
  background: url('../../images/ico/ico-pictogram15.png') no-repeat 50% 9px;
  background-size: 40%;
}
.btn-pictogram.icon16 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram16.png') no-repeat 50% 9px;
  background-size: 50%;
}
.btn-pictogram.icon17 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram17.png') no-repeat 50% 9px;
  background-size: 50%;
}
.btn-pictogram.icon18 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram18.png') no-repeat 50% 9px;
  background-size: 50% ;
}
.btn-pictogram.icon19 {
  padding-top: 55px;
  background: url('../../images/ico/ico-pictogram19.png') no-repeat 60% 7px;
  background-size: 50%;
}
.btn-pictogram.icon-ptgr1 {
  padding-top: 66px;
  background: url('../../images/ico/ico-ptgr1.png') no-repeat 50% 11px;
  background-size: 50%;
}
.btn-pictogram.icon-ptgr2 {
  padding-top: 66px;
  background: url('../../images/ico/ico-ptgr2.png') no-repeat 50% 15px;
  background-size: 50%;
}
.btn-pictogram.icon-ptgr3 {
  padding-top: 66px;
  background: url('../../images/ico/ico-ptgr3.png') no-repeat 50% 13px;
  background-size: 50%;
}
.btn-pictogram.icon-ptgr4 {
  padding-top: 66px;
  background: url('../../images/ico/ico-ptgr4.png') no-repeat 50% 14px;
  background-size: 50%;
}
.btn-pictogram.icon-ptgr5 {
  padding-top: 66px;
  background: url('../../images/ico/ico-ptgr5.png') no-repeat 50% 13px;
  background-size: 45%;
}
.btn-pictogram.icon-ptgr6 {
  padding-top: 66px;
  background: url('../../images/ico/ico-ptgr6.png') no-repeat 50% 13px;
  background-size: 50%;
}
.btn-pictogram.icon-ptgr7 {
  padding-top: 66px;
  background: url('../../images/ico/ico-ptgr7.png') no-repeat 50% 13px;
  background-size: 50%;
}
.btn-pictogram.mv-icon1 {
  padding-top: 40px;
  background: url('../../images/ico/ico-mv-pictogram1.png') no-repeat 50% 8px;
  line-height: 13px;
  background-size: 50%;
}
.adoptwrap {
  display: table;
  width: 766px;
  margin: 30px auto 50px;
}
.adoptwrap:after {
  display: block;
  content: '';
  clear: both;
}
.adoptwrap li {
  float: left;
  width: 89px;
  margin-left: 15px;
  text-align: center;
}
.adoptwrap li.active .btn-pictogram {
  background-color: #ebeced !important;
  border: 1px solid #0077ff;
  box-shadow: 5px 5px 5px #888888;
}
.adoptwrap .btn-pictogram.checked {
  background-color: #ebeced !important;
  border: 1px solid #0077ff;
}
.adoptwrap li:first-child {
  margin-left: 0;
}
.adoptwrap li .box-radio {
  display: inline-block;
  margin-top: 10px;
}
.adoptwrap li label {
  color: #000;
  font-size: 15px;
}
.adoptwrap + .examhistory {
  margin: 50px 0 60px;
}
.btn-return {
  height: 29px;
  line-height: 29px;
  padding: 0 12px 0 28px;
  background: #ffffff url('../../images/ico/ico-return.png') no-repeat 9px 8px;
  border: 1px solid #0077ff;
  border-radius: 3px;
  box-sizing: border-box;
}
.btn-return:hover {
  background-color: #ebeced;
  border-color: #a0a0a0;
}
.pop-footer .btn-prev {
  z-index: 10;
  height: 30px;
  line-height: 30px;
  padding: 0 14px 0 28px;
  background: #ffffff url('../../images/btn/btn-step.png') no-repeat left 0;
  border: 1px solid #0077ff;
  border-radius: 3px;
  font-size: 14px;
}
.pop-footer .btn-prev:hover {
  background-color: #ebeced;
}
.pop-footer .btn-next {
  height: 30px;
  line-height: 30px;
  padding: 0 28px 0 14px;
  background: #ffffff url('../../images/btn/btn-step.png') no-repeat right 0;
  border: 1px solid #0077ff;
  border-radius: 3px;
  font-size: 14px;
}
.pop-footer .btn-next:hover {
  background-color: #ebeced;
}
.pop-footer .btn-save {
  height: 30px;
  line-height: 30px;
  padding: 0 35px;
  background: #006bd5;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
}
.btn-load {
  display: inline-block;
  min-width: 150px;
  height: 40px;
  padding: 0 30px 0 60px;
  border-radius: 3px;
  box-sizing: border-box;
  background: #006bd5 url('../../images/ico/ico-load.png') no-repeat 20px 50%;
  color: #fff;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}
.btn-pop-gray {
  display: inline-block;
  min-width: 100px;
  height: 26px;
  padding: 5px 12px 7px;
  background: #686868;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
}
.btn-pop-white {
  display: inline-block;
  min-width: 100px;
  height: 26px;
  padding: 5px 12px 7px;
  background: #f5f6f7;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
}
.btn_play {
  display: inline-block;
  height: 23px;
  width: 39px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  background: #ffffff url('../../images/ico/ico_play.png') no-repeat 50% center;
  text-indent: -9999px;
}
.btn_play.disabled {
  background: #e0e0e0 url('../../images/ico/ico_play_disabled.png') no-repeat 50% center;
}
.btn_resume {
  display: inline-block;
  height: 23px;
  width: 39px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  background: #ffffff url('../../images/ico/ico_resume.png') no-repeat 50% center;
  text-indent: -9999px;
}
.btn_resume.disabled {
  background: #e0e0e0 url('../../images/ico/ico_resume_disabled.png') no-repeat 50% center;
}
.btn_pause {
  display: inline-block;
  height: 23px;
  width: 39px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  background: #ffffff url('../../images/ico/ico_pause.png') no-repeat 50% center;
  text-indent: -9999px;
}
.btn_pause.disabled {
  background: #e0e0e0 url('../../images/ico/ico_pause_disabled.png') no-repeat 50% center;
}
.btn-slide-loadmap {
  height: 23px;
  width: 166px;
  position: absolute;
  top: 0px;
  left: calc(50% - 83px);
  background: #000000;
  color: #ffffff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn-slide-loadmap.active {
  background-position: 0 bottom;
}
.btn-office {
  display: inline-block;
  min-width: 85px;
  height: 37px;
  text-align: center;
  vertical-align: middle;
  background: #ffffff url('../../images/common/bg_btnoffice.png') repeat-x left bottom;
  padding: 3px 10px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  font-size: 13px;
  line-height: 22px;
}
.btn-office img {
  padding-right: 4px;
}
.btn-office-mini {
  height: 28px !important;
  padding-top: 0px !important;
  background-image: none !important;
}
.docBtn {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.docBtn-type1 {
  background: #607D8B;
}
.docBtn-type2 {
  background: #2196F3;
}
.docBtn-type3 {
  background: #3F51B5;
}
.docBtn-type4 {
  background: #388E3C;
}
.docBtn-type5 {
  background: #F44336;
}
.txt-unit {
  margin: 20px 0 5px;
  color: #999;
  font-size: 13px;
  text-align: right;
}
/*단위*/
.txt-unit span {
  display: inline-block;
  margin-left: 15px;
}
.table-sgt {
  margin-top: 12px;
}
.table-sgt table {
  width: 100%;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
.table-sgt th,
.table-sgt td {
  background: #ffffff url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  text-align: center;
}
.table-sgt th.bgnone {
  background-image: none;
}
.table-sgt thead tr {
  /*padding-bottom:1px*/
}
.table-sgt thead th {
  padding: 9px 5px;
  background-color: #ececec;
  border-bottom: 1px solid #b3b3b3;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.table-sgt tbody th {
  padding: 9px 10px;
  text-align: left;
}
.table-sgt tbody td {
  height: 35px;
  padding: 3px 10px;
  text-align: center;
  font-size: 13px;
  box-sizing: border-box;
}
.table-sgt tbody td a {
  text-decoration: underline;
}
.table-sgt tbody tr > th:first-child,
.table-sgt tbody tr > td:first-child {
  background-image: none;
}
.table-sgt tfoot th {
  padding: 9px 0;
  background-color: #ebeded;
  color: #006bd5;
  text-align: center;
}
.table-sgt tfoot th:first-child {
  background-image: none;
}
.table-sgt tfoot td {
  height: 35px;
  padding: 3px 10px;
  background-color: #ebeded;
  color: #f90000;
  box-sizing: border-box;
}
.table-sgt tfoot td a {
  text-decoration: underline;
}
.table-sgt tr.active td,
.table-sgt tbody tr:hover th,
.table-sgt tbody tr:hover td,
.table-sgt tfoot tr:hover th,
.table-sgt tfoot tr:hover td {
  background-color: #c6e2ff;
}

.table-sgt tbody tr:hover th:first-child,
.table-sgt tbody tr:hover td:first-child,
.table-sgt tfoot tr:hover th:first-child {
  background-image: none;
}
.table-sgt .line {
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0 !important;
}
.table-sgt.condition th {
  background-color: #ececec !important;
}
.table-sgt.condition th,
.table-sgt.condition td {
  background: none;
  border-right: 1px solid #b3b3b3;
}
.table-sgt.condition th.line {
  border-right: 1px solid #b3b3b3 !important;
}
.table-sgt.condition td.line {
  border-right: 1px solid #b3b3b3 !important;
}
.table-sgt.condition tr > th:last-child,
.table-sgt.condition tr > td:last-child {
  border-right: none;
}
.table-state table {
  width: 100%;
  margin-top: 10px;
}
.table-state table:first-child {
  margin-top: 0px;
}
.table-state .bgnone {
  background-image: none;
}
.table-state .line {
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y right 0 !important;
}
.table-state thead th,
.table-state tbody th,
.table-state tbody td {
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y right 0;
}
.table-state th:last-child,
.table-state td:last-child {
  background-image: none;
}
.table-state thead th {
  padding: 9px 0;
  background-color: #ecf5ff;
  border-top: 1px solid #b3b3b3;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.table-state tbody th {
  padding: 9px 15px;
  background-color: #ecf5ff;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}
.table-state tbody td {
  padding: 3px 10px;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 13px;
  text-align: left;
}
.table-state tbody td input.sum,
.table-state tbody td input.amount {
  width: 100%;
  padding: 0 5px;
  text-align: right;
  box-sizing: border-box;
}
.table-state tbody td span.ar {
  display: block;
  padding: 0 5px;
  text-align: right;
}
.table-state tbody td input.inp-text {
  width: 100%;
}
.table-state tr:first-child {
  border-top: 1px solid #b3b3b3;
}
.table-state.info tbody td {
  height: 36px;
  box-sizing: border-box;
}
.table-state.ac tbody td {
  text-align: center;
}
.table-state.other tbody th {
  background-color: #f7f9fb;
  background-image: none;
  border: 1px solid #aaa;
  border-top: 0;
}
.table-state.other tbody td {
  padding: 3px 10px;
  background-color: #fff;
  background-image: none;
  border: 1px dotted #aaa;
  border-top: 0;
  text-align: left;
}
.table-state1 {
  margin-top: 10px;
}
.table-state1 table {
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #b3b3b3;
}
.table-state1 table:first-child {
  margin-top: 0px;
}
.table-state1 tr:hover {
  background: #c6e2ff;
}
.table-state1.nhover tr:hover {
  background: #fff;
}
.table-state1 th,
.table-state1 td {
  border-right: 1px dotted #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  text-align: center;
  font-size: 13px;
}
.table-state1 tr.bottom th,
.table-state1 tr.bottom td {
  height: 35px;
  padding: 3px 10px;
  background-color: #ebeded;
  color: #f90000;
  box-sizing: border-box;
}
.table-state1 th:last-child,
.table-state1 td:last-child {
  border-right: 0px;
}
.table-state1 .bgnone {
  background-image: none;
}
.table-state1 .line {
  background: #ececec url('../../images/common/bg-vertical-dotted.png') repeat-y right 0 !important;
}
.table-state1 thead th {
  padding: 9px 0;
  background-color: #eceff1;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.table-state1 tbody th {
  padding: 10px 10px;
  text-align: left;
  font-weight: normal;
}
.table-state1 tbody td {
  height: 35px;
  padding: 3px 10px;
  color: #333;
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
}
.table-state1 tbody td .type-selectbox {
  width: 100%;
  text-align: left;
}
.table-state1 tbody td a {
  text-decoration: underline;
}
.table-state1 tbody td .btn-tb-normal {
  text-decoration: none;
}
.table-state1 tfoot th {
  padding: 10px 10px;
  text-align: center;
  font-family: 'notokr-medium' !important;
}
.table-form {
  margin: 10px 0 0;
}
.table-form table {
  width: 100%;
  line-height: 1.2;
}
.table-form table th,
.table-form table td {
  height: 35px;
  border: 1px solid #aaa;
  box-sizing: border-box;
}
.table-form table th {
  padding: 3px 20px;
  background: #f7f9fb;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}
.table-form table td {
  padding: 3px 10px;
  color: #000;
  font-size: 13px;
  vertical-align: middle;
}
.table-form table td .inp-charge {
  width: 70px !important;
}
.table-form table td .inp-phone {
  width: 140px !important;
}
.table-form table td .type-selectbox {
  width: 190px;
  vertical-align: middle;
}
.table-form table td .box-file {
  width: 425px;
  margin-top: 5px;
}
.table-form table td .box-file:first-child {
  margin-top: 0;
}
.table-form table td .btn-search {
  margin-left: 4px;
}
.table-form table td .info-text {
  margin-left: 16px;
  vertical-align: middle;
}
.table-form table th.vt,
.table-form table td.vt {
  padding-top: 10px;
}
.table-form table td .scont {
  min-height: 120px;
  line-height: 21px;
}
.table-form td .count {
  margin-left: 6px;
}
.table-form.ac th {
  text-align: center;
}
.table-form td.sum {
  text-align: right;
}
.table-form.fitform table td .type-selectbox {
  width: 100%;
  vertical-align: middle;
}
.table-form1 {
  margin-top: 10px;
}
.table-form1 table {
  margin-top: 10px;
  width: 100%;
}
.table-form1 table:first-child {
  margin-top: 0;
}
.table-form1 th,
.table-form1 td {
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y right 0;
}
.table-form1 th.bgnone,
.table-form1 th:last-child,
.table-form1 td:last-child {
  background-image: none;
}
.table-form1 thead th {
  padding: 9px 10px 8px;
  background-color: #ececec;
  border-top: 1px solid #b3b3b3;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}
.table-form1 thead th .subtxt {
  font-size: 13px;
}
.table-form1 tbody th {
  padding: 13px 10px;
  border-bottom: 1px solid #b3b3b3;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}
.table-form1 tbody th .count {
  display: block;
}
.table-form1 tbody td {
  padding: 7px 10px;
  border-bottom: 1px solid #b3b3b3;
  text-align: left;
}
.table-form1 tbody td .textarea-wrapper {
  height: 40px;
}
.table-form1 tbody td .textarea-wrapper textarea {
  height: 40px;
}
.table-form1 tbody td .textarea-wrapper .textarea-clone {
  height: 40px;
}
.table-form1 tbody td .textarea-wrapper .mCSB_scrollTools {
  margin: 2px 5px;
}
.table-form1 tr:first-child {
  border-top: 1px solid #b3b3b3;
}
.table-form2 {
  padding: 4px 0;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: #f7f9fb;
}
.table-form2 table {
  width: 100%;
}
.table-form2 table th {
  padding: 4px 10px;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  font-family: 'notokr-medium';
}
.table-form2 table td {
  padding: 4px 10px;
  color: #333;
  font-size: 13px;
}
.table-form2 table td .type-selectbox {
  width: 120px;
}
.table-form2 table td .textarea-wrap1 {
  display: inline-block;
}
.table-form2 table th .srchbtn a {
  height: 26px;
  line-height: 26px;
}
.table-form2.info table th {
  padding: 10px 20px;
}
.table-form2.info table td {
  padding: 10px 20px;
}
.table-form2 table .fs12 {
  font-size: 12px;
}
.table-invest {
  position: relative;
  margin-top: 10px;
  padding: 5px 0;
  background: #f7f9fb;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.table-invest .btn-del {
  position: absolute;
  top: 0;
  right: 0;
}
.table-invest table {
  width: 100%;
  margin-top: 10px;
}
.table-invest table:first-child {
  margin-top: 0;
}
.table-invest table th {
  height: 30px;
  padding: 5px 20px;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}
.table-invest table td {
  padding: 4px 10px;
  font-size: 13px;
}
.table-invest table td .mtxt {
  font-size: 13px;
}
.table-invest table td .wd40 {
  width: 40px !important;
}
.table-invest th .count {
  display: block;
}
.table-invest td .count {
  margin-left: 6px;
}
.examhistory {
  margin-top: 30px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
}
.examhistory .tit {
  padding: 10px 20px 11px;
  border-bottom: 1px solid #ccc;
  color: #333;
  font-size: 15px;
}
.examhistory .tablewrap {
  padding: 25px 20px;
}
.examhistory table {
  width: 100%;
  border: 1px dashed #aaa;
  border-bottom: 0;
  box-sizing: border-box;
}
.examhistory table thead th {
  height: 35px;
  border-bottom: 1px dashed #aaa;
  border-right: 1px dashed #aaa;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.examhistory table tbody td {
  padding: 11px 10px 12px;
  text-align: center;
  border-bottom: 1px dashed #aaa;
  border-left: 1px dashed #aaa;
  color: #333;
  font-size: 13px;
}
.examhistory dl {
  position: relative;
}
.examhistory dl dt {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  float: left;
  display: table;
  width: 113px;
  height: 36px;
  border-radius: 4px;
  text-align: center;
}
.examhistory dl dt span {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
}
.examhistory dl dt.type1 {
  background: #94b059;
}
.examhistory dl dt.type2 {
  background: #f38b4c;
}
.examhistory dl dt.type3 {
  background: #4485f2;
}
.examhistory dl dd {
  display: table;
  height: 36px;
  margin-left: 122px;
}
.examhistory dl dd span {
  display: table-cell;
  vertical-align: middle;
}
.examhistory .result {
  padding: 35px 0;
  text-align: center;
}
.examhistory .result .txt {
  margin-top: 10px;
  color: #333;
  font-size: 15px;
}
.examhistory .box-type {
  display: inline-block;
  padding: 10px 27px;
  background: #7467d0;
  border-radius: 4px;
  color: #fff;
}
.examhistory .box-type1 {
  display: inline-block;
  min-width: 113px;
  height: 35px;
  line-height: 35px;
  background: #f66b6e;
  border-radius: 4px;
  color: #fff;
}
.techlist {
  margin-top: 20px;
  border-top: 1px solid #aaa;
}
.techlist > ul > li {
  position: relative;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #aaa;
  background: #fff;
  overflow: hidden;
}
.techlist li .no {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 25px;
  height: 40px;
  text-align: center;
}
.techlist li .no span {
  display: table-cell;
  vertical-align: middle;
}
.techlist li .techbody {
  overflow: hidden;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 25px 0;
  padding: 10px 15px 10px 40px;
}
.techlist li .techbody .head {
  float: left;
  width: 100%;
  margin-right: 30px;
  padding: 0 15px 10px 0;
  vertical-align: middle;
  cursor: pointer;
  box-sizing: border-box;
}
.techlist li .techbody .head .icon {
  margin-right: 3px;
  padding: 0 6px;
  font-size: 13px;
  height: 19px;
  line-height: 19px;
}
.techlist li .techbody .head .icon-text1 {
  background-color: #388e3c;
}
.techlist li .techbody .head .icon-text1:hover {
  background-color: #8bbe73;
}
.techlist li .techbody .head .icon-text2:hover {
  background-color: #ff5252;
}
.techlist li .techbody .head .technm {
  color: #333;
  font-size: 14px;
}
.techlist li .techbody .head .dep {
  color: #333;
  font-size: 14px;
}
.techlist li .techbody .head .dep:before {
  display: inline-block;
  content: '|';
  margin: 0 12px;
  font-size: 12px;
  color: #333;
  vertical-align: top;
}
.techlist li .techbody .desc {
  display: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.techlist li .techbody .desc .techdetail {
  height: auto;
  overflow: hidden;
}
.techlist li .techbody .desc .techdetail li {
  float: left;
  width: 33%;
  height: auto;
  margin-bottom: 10px;
  border: 0;
  color: #333;
}
.techlist li.active {
  height: auto;
  background: #ecf5ff;
}
.techlist li .btn-del {
  position: absolute;
  top: 13px;
  right: 15px;
  z-index: 10;
  width: 13px;
  height: 14px;
  background: url('../../images/btn/btn-delete.png') no-repeat 0 0;
}
.techlist li:after {
  display: block;
  content: '';
  clear: both;
}
.titwrap {
  margin: 20px 0 5px;
}
.titwrap:first-child {
  margin-top: 0;
}
.titwrap:after {
  display: block;
  content: '';
  clear: both;
}
.titwrap .stxt {
  float: left;
  padding-left: 10px;
  color: #000;
  font-size: 14px;
}
.titwrap .txt-unit {
  float: right;
  margin: 0;
}
.docDiv {
  float: left;
  display: table;
  width: 85%;
  height: 67px;
  margin: 5px 0;
  padding: 10px;
  cursor: pointer;
}
.docDiv .img {
  float: left;
  width: 83px;
  height: 65px;
  margin-right: 10px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #ccc;
}
.docDiv .img img {
  width: 80px;
  height: auto;
}
.docDiv .file {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: left;
}
.docDiv .author {
  margin-left: 10px;
}
.table-form3 {
  padding: 4px 0;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: #f7f9fb;
}
.table-form3 table {
  width: 100%;
}
.table-form3 table th {
  padding: 10px 10px;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.table-form3 table td {
  padding: 10px 10px;
  color: #333;
  font-size: 13px;
}
.table-form3 table td .type-selectbox {
  width: 120px;
}
.table-form3 table td .textarea-wrap1 {
  display: inline-block;
}
.table-form3 table th .srchbtn a {
  height: 26px;
  line-height: 26px;
}
.table-form3.info table th {
  padding: 10px 20px;
}
.table-form3.info table td {
  padding: 10px 20px;
}
.table-form3 table .fs12 {
  font-size: 12px;
}
.table-form3 tr {
  margin-bottom: 10px;
  padding: 10px 0;
  background: url('../../images/contents/bg-horizontal-dashed.png') repeat-x 0 bottom;
}
.table-form3 tr.bgnone {
  background: none;
}
.mainUser td {
  padding: 6px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #d8d8d8;
  border-left: none;
  border-right: none;
}
.mainUser tr:hover td {
  background: #ecf5ff;
}
.table-header-fixed {
  position: fixed;
  z-index: 10;
}
.reviewHist {
  margin-top: 30px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
}
.reviewHist .tit {
  padding: 10px 20px 11px;
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 15px;
  font-family: 'notokr-medium';
}
.reviewHist .tablewrap {
  padding: 25px 20px;
}
.reviewHist table {
  width: 100%;
  border-top: 1px solid #aaa;
  box-sizing: border-box;
}
.reviewHist table thead tr > th:last-child {
  border-right: none;
}
.reviewHist table thead th {
  height: 40px;
  color: #333;
  font-size: 14px;
  border-right: 1px dashed #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  font-weight: normal;
  text-align: center;
  background-color: #ececec;
}
.reviewHist table tbody tr > td:first-child {
  text-align: center;
}
.reviewHist table tbody tr > td:last-child {
  border-right: none;
}
.reviewHist table tbody td {
  padding: 11px 10px 12px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border-right: 1px dashed #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
.reviewHist table tbody td span:nth-child(1) {
  padding: 4px 20px;
  border-radius: 5px;
  color: #ffffff;
}
.reviewHist table tbody td span:nth-child(2) {
  padding-left: 20px;
}
.reviewHist table tbody td .type1 {
  background: #388e3c;
}
.reviewHist table tbody td .type2 {
  background: #d32f2f;
}
.reviewHist table tbody td .type3 {
  background: #1976d2;
}
.investTb {
  overflow: auto;
  clear: both;
}
.investTb table {
  min-width: 1500px !important;
}
#mmListTbody .active td {
  font-family: 'notokr-medium';
  background: #f4fafc;
}
#mmListTbody .active2 td {
  background: #f4fafc;
}
.popup-wrap {
  width: 100%;
  min-width: 1000px;
  box-sizing: border-box;
  overflow: hidden;
}
header#pop {
  position: fixed;
  z-index: 100;
  width: 100%;
  min-width: 1000px;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #aaa;
  color: #000;
  border-top: 2px solid #8d0073;
  /*-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.3);box-shadow:0px 3px 5px 0px rgba(0,0,0,0.3);*/
}
header#pop:after {
  display: block;
  content: '';
  clear: both;
}
header#pop h1 {
  float: left;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
}
header#pop h1 .tit-pop-task {
  display: inline-block;
  padding-left: 30px;
  background: url('../../images/ico/ico-popup-tit.png') no-repeat 0 50%;
  color: #000;
  font-size: 23px;
  font-family: 'notokr-medium';
}
header#pop .btns {
  position: absolute;
  top: 10px;
  right: 10px;
}
header#pop .btns * {
  margin-left: 1px;
}
header#pop .btn-approval-history {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 30px;
  background: #006bd5 url('../../images/ico/ico-payment-history.png') no-repeat 10px 50%;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
header#pop .btn-cart {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 30px;
  background: #006bd5 url('../../images/ico/ico-cart.png') no-repeat 10px 50%;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
header#pop .btn-fold {
  display: inline-block;
  width: 31px;
  height: 30px;
  background: #006bd5 url('../../images/btn/btn-fold.png') no-repeat left bottom;
  border-radius: 3px;
  text-indent: -9999px;
}
header#pop .btn-fold.hide {
  background-position: left top;
}
header#pop .btn-fold:hover {
  background-color: #055cb3;
}
.statebar {
  display: table;
  float: left;
  width: 55%;
  height: 50px;
  margin-left: 20px;
  position: relative;
}
.statebar ul {
  display: table-cell;
  vertical-align: middle;
}
.statebar ul:after {
  display: block;
  content: '';
  clear: both;
}
.statebar ul li {
  float: left;
  margin-right: 8px;
  padding-right: 24px;
  background: url('../../images/ico/ico-state-past.png') no-repeat right 6px;
}
.statebar ul li.past {
  margin-right: 12px;
  padding-right: 18px;
  background: url('../../images/ico/ico-state-past.png') no-repeat right 6px;
}
.statebar ul li.none {
  margin-right: 12px;
  padding-right: 18px;
  background: url('../../images/ico/ico-state-past.png') no-repeat right 6px;
}
.statebar ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  background-image: none;
}
.statebar ul li span {
  display: block;
  height: 19px;
  line-height: 19px;
  color: #4787b5;
  font-size: 12px;
  font-family: 'notokr-medium';
}
.statebar ul li.current span {
  padding: 0 7px;
  background-color: #4485f2;
  color: #fff;
}
.statebar ul li.past span {
  color: #94b059;
}
.statebar ul li.none span {
  color: #e0e0e0;
}
.statebar ul li.grouping {
  margin-right: 12px;
  padding-right: 18px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat right 4px;
}

.statebar.newVer ul li span {
  height: 20px;
  line-height: 20px;
  color: #0d47a1;
  font-size: 14px;
}
.statebar.newVer ul li.past span {
  color: #1b5e20;
}
.statebar.newVer ul li.current span {
  color: #fff;
  border-radius: 5px;
  background-color: #0d47a1;
}

.popcontainer {
  position: relative;
  z-index: 1;
  padding-top: 50px;
  background-color: #fff;
}
.popcontainer.newPop {
  background-color: #fff !important;
}
.popcontainer aside {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 62px;
  z-index: 100;
  background: #2f323b;
}
.popcontainer aside .poplnb {
  position: fixed;
  top: 50px;
}
.popcontainer aside .poplnb li {
  position: relative;
  height: 60px;
  background: #2f323b;
}
.popcontainer aside .poplnb li a {
  position: relative;
  display: block;
  height: 60px;
  overflow: hidden;
  word-break: break-all;
  vertical-align: top;
  text-align: center;
}
.popcontainer aside .poplnb li a span:first-child {
  display: inline-block;
  width: 46px;
  height: 34px;
  line-height: 0;
}
.popcontainer aside .poplnb li a span.mtit {
  display: block;
  width: 62px;
  font-size: 10px;
  color: #fff;
  overflow: hidden;
  text-align: center;
}
.popcontainer aside .poplnb li:hover,
.popcontainer aside .poplnb li.active {
  background: #8e24aa;
}
.popcontainer aside .poplnb li.grouping:after {
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  content: '';
  width: 52px;
  height: 1px;
  background: #4485f2;
}
.popcontainer aside .pop_posChange {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 62px;
  height: 56px;
  background-color: #55565b;
}
.popcontainer aside .pop_posChange button {
  width: 62px;
  height: 28px;
  background: url('../../images/btn/btn-updown3.png') no-repeat 50% 0;
}
.popcontainer aside .pop_posChange button.up {
  background-position: 50% 8px;
}
.popcontainer aside .pop_posChange button.dn {
  background-position: 50% -37px;
}
.popcontainer .content {
  min-height: 800px;
  margin-left: 62px;
  padding: 56px 20px 100px;
}
.popcontainer.newPop .content {
  padding: 0px 20px 20px;
}
.popcontainer .content .sgtviewwrap {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 50;
}
/* box */
.content article {
  margin-top: 20px;
}
.cardcont .boxwrap {
  margin-top: 0;
  background: #fff;
  border: none;
  border-radius: 10px;
}
.cardcont .topRadius {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cardcont .bottomRadius {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.cardcont .noRadius {
  border-radius: 0px !important;
}
.cardcont .boxwrap .boxhead {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 15px;
  /* background: #ede7f6; */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 1px solid #ccc;
}
.cardcont .boxwrap .boxhead h2.tit {
  float: left;
}
.cardcont .boxwrap .boxhead .btns {
  float: right;
}
.cardcont .boxwrap .boxhead .btns a,
.cardcont .boxwrap .boxhead .btns button {
  margin-top: 0;
  margin-left: 0;
  vertical-align: 1px;
}
.cardcont .boxwrap .boxhead .btns .infotxt {
  display: inline-block;
  margin-right: 10px;
  color: #000;
  font-size: 14px;
}
.cardcont .boxwrap .boxhead .btns .infotxt span.tit {
  color: #1552b6;
}
.cardcont .boxwrap .boxhead .type-selectbox .ui-selectmenu-button {
  margin-top: 7px;
}
.cardcont .boxwrap .boxhead .ui-selectmenu-button {
  height: 23px;
}
.cardcont .boxwrap .boxhead .ui-selectmenu-text {
  height: 21px;
  line-height: 21px;
}
.cardcont .boxwrap .boxinner {
  position: relative;
  display: none;
  padding: 20px 15px;
  border-top: 1px solid #d1d1d1;
}
.cardcont:first-child .boxwrap .boxinner {
  display: block;
}
.cardcont .boxwrap .boxinner2 {
  padding: 0;
  border-top: 1px solid #d1d1d1;
}
.cardcont .boxwrap .boxinner .subtit:first-child,
.cardcont .boxwrap .boxinner .topwrap:first-child {
  margin-top: 0;
}
.btn-card-toggle {
  display: inline-block;
  width: 43px;
  height: 40px;
  background: url('../../images/btn/btn-card-toggle.png') no-repeat 0 top;
  text-indent: -9999px;
}
.btn-card-toggle.active {
  background-position: 0 bottom;
}
.sgtviewwrap {
  display: block;
  position: relative;
  width: 100%;
  height: 61px;
  padding: 13px 10px 0 80px;
  background-color: #f2f2f2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  color: #000;
  font-size: 15px;
  box-sizing: border-box;
}
.sgtviewwrap:after {
  display: block;
  content: '';
  clear: both;
}
.sgtviewwrap .fl {
  display: inline-block;
  box-sizing: border-box;
}
.sgtviewwrap .fr {
  display: inline-block;
  box-sizing: border-box;
}
.sgtviewwrap.btn1 .fl {
  width: 86%;
}
.sgtviewwrap.btn1 .fr {
  width: 14%;
}
.sgtviewwrap.btn2 .fl {
  width: 80%;
}
.sgtviewwrap.btn2 .fr {
  width: 20%;
}
.sgtviewwrap .sgtnm {
  /*float:left;*/
  width: 650px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sgtviewwrap.nobtn .element {
  width: 1000%;
}
.sgtviewwrap.nobtn .sgtnm.bgnone {
  width: 900px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sgtviewwrap .period {
  /*float:left;  margin-left:15px;padding-left:15px;*/
  background: none;
}
.sgtviewwrap .btn-mid-sort {
  /*margin-top:11px;*/
}
.sgtviewwrap .btn-mid-sort.arrow {
  height: 23px;
  line-height: 23px;
  padding-left: 20px;
  background-image: url('../../images/contents/bg-arrow-green.png');
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
.sgtviewwrap .sgtinfo {
  float: left;
  margin-left: 0px;
}
.sgtviewwrap .sgtinfo span {
  font-size: 13px;
  margin-left: 5px;
  padding-left: 8px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat left 50%;
}
.sgtviewwrap .sgtinfo span:first-child {
  margin-left: 0;
  padding-left: 0;
  background-image: none;
}
.sgtviewwrap .element {
  display: table-cell;
}
.sgtviewwrap .fr .element {
  float: right;
}
.popcontainer.cardonly {
  background-color: #aaa;
}
.popcontainer.cardonly .content {
  margin-left: 0;
  padding-top: 50px;
}
.popcontainer.cardonly.notitle .poplnb,
.popcontainer.cardonly.notitle .sgtviewwrap {
  display: none;
}
.popcontainer.cardonly.notitle .content {
  padding-top: 0;
}
.popcontainer.cardonly .poplnb {
  display: none;
}
.popcontainer.cardonly .sgtviewwrap {
  display: table;
  width: 100%;
  height: 61px;
  padding: 7px 10px 0 20px;
  box-sizing: border-box;
}
.popcontainer.cardonly .sgtviewwrap:after {
  display: block;
  content: '';
  clear: both;
}
.popcontainer.cardonly .sgtviewwrap .fl {
  display: table;
  width: 64%;
}
.popcontainer.cardonly .sgtviewwrap .fr {
  display: table;
  width: 36%;
  text-align: right;
}
.popcontainer.cardonly .sgtviewwrap .element {
  display: table-cell;
  vertical-align: middle;
}
.popcontainer.cardonly .sgtviewwrap .sgtnm {
  float: left;
  display: inline;
  max-width: 900px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popcontainer.cardonly .sgtviewwrap .sgtnm.bgnone {
  width: 900px;
  background-image: none;
  margin-right: 0;
  padding-right: 0;
}
.popcontainer.cardonly .sgtviewwrap .period {
  float: left;
  display: inline;
  margin-left: 0;
  padding-left: 0;
  background-image: none;
}
.popcontainer.cardonly .sgtviewwrap .sgtinfo {
  clear: both;
  padding-top: 3px;
}
.popcontainer.cardonly .sgtviewwrap button {
  margin-top: 0;
}
.historywrap .progress-history {
  padding: 10px 0 0 20px;
  margin-bottom: 10px;
}
.historywrap .progress-history:after {
  display: block;
  content: '';
  clear: both;
}
.historywrap .progress-history li {
  position: relative;
  float: left;
  height: 37px;
  min-height: 37px;
  margin-right: 4px;
  padding: 9px 17px 0 0 ;
  background: url('../../images/contents/bg-timeline-arrow.png') no-repeat right 20px;
}
.historywrap .progress-history li.bgnone {
  background: none;
  margin-right: 0px;
  padding-right: 7px;
}
.historywrap .progress-history li:last-child {
  background: none;
}
.historywrap .progress-history li a {
  display: inline-table;
  height: 45px;
  padding: 0px 10px;
  border: 2px solid #e4e4e4;
  border-radius: 9px;
  box-sizing: border-box;
  color: #333;
  text-align: center;
  vertical-align: top;
}
.historywrap .progress-history li.select .bar {
  width: 100%;
  background: #719cbe;
  color: #fff;
  border-radius: 9px;
}
.historywrap .progress-history li.select .bar a {
  color: #ffffff;
}
.historywrap .progress-history li.noselect .bar {
  width: 100%;
  background: #8bbe73;
  color: #fff;
  border-radius: 9px;
}
.historywrap .progress-history li.noselect .bar a {
  color: #ffffff;
}
.historywrap .progress-history li.select.ing .bar {
  width: 100%;
  background: #719cbe url(../../images/common/bg_white.gif) no-repeat right 0;
  background-size: 50% 100%;
  border-radius: 9px;
}
.historywrap .progress-history li.select.ing .bar a {
  color: #333;
}
.historywrap .progress-history li.noselect.ing .bar {
  width: 100%;
  background: #8bbe73 url(../../images/common/bg_white.gif) no-repeat right 0;
  background-size: 50% 100%;
  border-radius: 9px;
}
.historywrap .progress-history li.noselect.ing .bar a {
  color: #333;
}
.historywrap .progress-history li.timeover .bar {
  background: #e24444 !important;
}
.historywrap .progress-history li.timeover.ing .bar {
	background: #e98a7e url(/images/common/bg_white.gif) no-repeat right 0 !important;
	background-size: 50% 100% !important;
}
.historywrap .progress-history li a span {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  word-break: keep-all;
}
.historywrap .progress-history li a span.day {
  display: inline-block;
  font-size: 12px;
}
.historywrap .progress-history .group {
  float: left;
  display: inline-table;
  margin-right: 7px;
  background: url('../../images/contents/bg-timeline-arrow.png') no-repeat right 20px;
}
.historywrap .progress-history .group ul {
  border: 3px solid #e4e4e4;
  height: 45px;
  padding: 4px;
  display: inline-table;
  margin-right: 10px;
}
.historywrap .progress-history .group li {
  padding-right: 5px;
  padding-top: 0px;
  background: none;
}
.historywrap .progress-history .group li:last-child {
  padding-right: 0px;
  margin-right: 0;
  background: none;
}
.gr_cont.maker .foldingtop {
  width: 100%;
  background-color: #ececec;
  height: 35px;
}
.gr_cont.maker .foldingtop .cell:first-child {
  width: 40%;
}
.gr_cont.maker .foldingtop .cell:last-child {
  width: 18%;
  text-align: center;
}
.gr_cont.maker .foldingtop .cell {
  display: table-cell;
  float: left;
  height: 30px;
  color: #333;
  font-size: 15px;
  box-sizing: border-box;
  padding: 10px 10px;
  width: 14%;
  text-align: center;
}
.gr_cont.maker .grtbltop {
  width: 100%;
  height: 24px;
  border-bottom: 1px solid #b3b3b3;
}
.gr_cont.maker .grtbltop .cell {
  display: table-cell;
  float: left;
  width: 14%;
  text-align: center;
  font-size: 14px;
}
.gr_cont.maker .grtbltop .cell.mak {
  width: 26%;
  text-align: left;
}
.gr_cont.maker .grtbltop .cell .btn-table-toggle {
  text-indent: inherit;
  width: 24%;
  padding-right: 18px;
  display: table-cell;
  background: url('../../images/btn/btn-table-toggle.png') right 4px no-repeat;
  padding-bottom: 3px;
}
.gr_cont.maker .grtbltop .cell .btn-table-toggle.active {
  ext-indent: inherit;
  width: 24%;
  padding-right: 18px;
  display: table-cell;
  background: url('../../images/btn/btn-table-toggle.png') right -18px no-repeat;
  padding-bottom: 3px;
}
.gr_cont.maker .table-state1 {
  background-color: #f8f8f8;
  padding-top: 10px;
}
.taskreview .taskreviewtop .fl {
  padding-right: 10px;
  box-sizing: border-box;
}
.taskreview .taskreviewtop .fl input {
  width: 35px;
}
.taskreview ul.docDivList {
  width: 100%;
}
.taskreview ul.docDivList li {
  width: 50%;
  display: inline;
  position: relative;
}
.taskreview ul.docDivList li .btn-del {
  width: 23px;
  height: 23px;
}
.grouplist .btn-del {
  background: url('../../images/btn/btn-del.png') no-repeat 50% 4px;
}
.datalist ul {
  margin-top: 10px;
}
.datalist ul li {
  width: 45%;
  display: inline-block;
  padding-bottom: 5px;
}
.attendmember {
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 90px;
  padding: 10px;
}
.attendmember .box-tooltip {
  float: left;
  height: 26px;
  margin-right: 5px;
  padding: 4px 7px 2px 9px;
  background: #f1f5f8;
  border: 1px solid #a2c0d1;
  border-radius: 5px;
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 3px;
}
.attendmember .box-tooltip .btn-del {
  width: 14px;
  height: 14px;
  margin: 0 0 0 8px;
  background-image: url('../../images/btn/btn-del-blue.png');
  vertical-align: middle;
}
.attendmember .box-tooltip {
  position: relative;
}
.box-tooltip.meminfo .layer-comnt {
  display: none;
}
.box-tooltip.meminfo:hover .name:hover {
  color: #ff9000;
}
.box-tooltip.meminfo:hover .layer-comnt {
  display: block;
  width: 150px;
  position: absolute;
  top: 20px;
  left: 110px;
}
.pagination {
  margin-top: 10px;
  text-align: center;
}
.pagination img {
  display: none;
}
.pagination a {
  display: inline-block;
  overflow: hidden;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 15px;
}
.pagination a:hover {
  color: #ff9000;
}
#paging-first,
#paging-prev,
#paging-next,
#paging-last {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 1px;
  background-image: url('../../images/btn/btn-pagination.png');
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#paging-first {
  background-position: left 0;
}
#paging-prev {
  margin-right: 10px;
  background-position: left -100px;
}
#paging-next {
  margin-left: 10px;
  background-position: right -100px;
}
#paging-last {
  background-position: right 0px;
}
#paging-first:hover {
  background-position: left -50px;
}
#paging-prev:hover {
  background-position: left -150px;
}
#paging-next:hover {
  background-position: right -150px;
}
#paging-last:hover {
  background-position: right -50px;
}
.pagination .page-num a {
  margin: 0 8px;
  padding: 0 5px;
}
.pagination .page-num .on {
  color: #006bd5;
  font-size: 17px;
}
.pagenavigation {
  width: 480px;
  margin: 10px auto;
}
.jPaginate {
  height: 23px;
  position: relative;
  color: #a5a5a5;
  font-size: small;
  width: 100%;
  text-align: center;
}
.jPaginate a {
  line-height: 15px;
  cursor: pointer;
  float: left;
  line-height: 17px;
  color: #333;
  font-size: 15px;
  width: 35px;
}
.jPag-control-back {
  position: absolute;
  left: 0px;
}
.jPag-control-front {
  position: absolute;
  top: 0px;
}
.jPaginate span {
  cursor: pointer;
}
ul.jPag-pages {
  float: left;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0;
}
ul.jPag-pages li {
  display: inline;
  float: left;
  padding: 0px;
  margin: 0px;
}
ul.jPag-pages li a {
  float: left;
  padding: 2px 0;
}
span.jPag-current {
  cursor: default;
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
  height: 18px;
  padding: 1px 5px;
  margin: 2px;
  float: left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img {
  float: left;
  line-height: 18px;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img {
  margin: 2px 0px 2px 2px;
  font-size: 12px;
  font-weight: bold;
  width: 10px;
}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img {
  margin: 2px 2px 2px 0px;
  font-size: 12px;
  font-weight: bold;
  width: 10px;
}
ul.jPag-pages li span.jPag-previous-img {
  background: transparent url(../images/previous.png) no-repeat center right;
}
ul.jPag-pages li span.jPag-next-img {
  background: transparent url(../images/next.png) no-repeat center left;
}
span.jPag-sprevious-img {
  background: transparent url(../images/sprevious.png) no-repeat center right;
}
span.jPag-snext-img {
  background: transparent url(../images/snext.png) no-repeat center left;
}
.jPag-first,
.jPag-sprevious,
.jPag-snext,
.jPag-last {
  display: inline-block;
  width: 22px !important;
  height: 22px;
  margin: 0 1px;
  background-image: url('../../images/btn/btn-pagination.png');
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.jPag-first {
  margin-right: 4px;
  background-position: left 0;
}
.jPag-sprevious {
  margin-right: 10px;
  background-position: left -100px;
}
.jPag-snext {
  margin-left: 10px;
  background-position: right -100px;
}
.jPag-last {
  margin-left: 4px;
  background-position: right 0px;
}
.jPag-first:hover {
  background-position: left -50px;
}
.jPag-sprevious:hover {
  background-position: left -150px;
}
.jPag-snext:hover {
  background-position: right -150px;
}
.jPag-last:hover {
  background-position: right -50px;
}
::-webkit-input-placeholder {
  /*padding-left:5px;*/
  color: #999;
  font-size: 13px;
}
::-moz-placeholder {
  color: #999;
  font-size: 13px;
}
:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
}
::-ms-clear {
  display: none;
}
input:-moz-placeholder {
  color: #999;
  font-size: 13px;
}
.inp-text {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  font-size: 13px;
}
.inp-text:hover,
.inp-text:hover,
.inp-text:focus {
  border-color: #52a9ff;
  outline: none;
}
.inp-text:focus {
  color: #333;
}
.inp-text[disabled] {
  border-color: #c9c9c9;
  color: #333;
  background-color: #e0e0e0;
}
.inp-text[value] {
  color: #333;
}
.inp-text[readonly] {
  background: #e0e0e0;
}
.inp-text[readonly]:hover,
.inp-text[readonly]:focus {
  border-color: #c9c9c9;
}
.inp-text[disabled]:hover,
.inp-text[disabled]:focus {
  border-color: #c9c9c9;
}
.inp-text.sum,
.inp-text.amount,
.inp-text.num,
.inp-text.comma {
  text-align: right;
}
/* 금액, 숫자 정렬*/
.inp-text-hide {
  background: #529CE6 ;
  border: none;
  width: 30px;
  height: 20px;
  margin-top: 3px;
  line-height: 14px;
}
.box-checkboxwrap {
  display: inline-block;
}
.box-checkboxwrap .box-checkbox,
.box-checkboxwrap .box-checkbox2,
.box-checkboxwrap .box-checkbox3 {
  margin-left: 20px;
}
.box-checkboxwrap .box-checkbox:first-child,
.box-checkboxwrap .box-checkbox2:first-child,
.box-checkboxwrap .box-checkbox3:first-child {
  margin-left: 0;
}
.box-checkboxwrap.first-divide {
  margin-left: 0;
}
.box-checkboxwrap.first-divide:after {
  display: inline-block;
  content: '|';
  padding-left: 18px;
  color: #333;
  font-size: 13px;
  vertical-align: 2px;
}
.box-checkbox {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background: url('../../images/common/bg-checkbox.png') no-repeat 0 0;
  vertical-align: top;
}
.box-checkbox > .inp-checkbox {
  float: left;
  width: 30px;
  height: 30px;
  margin: -6px 0 0 -6px;
  opacity: 0;
}
.box-checkbox:hover {
  background: url('../../images/common/bg-checkbox-hover.png') no-repeat 0 0;
}
.box-checkbox:active,
.box-checkbox.checked {
  background: url('../../images/common/bg-checkbox-checked.png') no-repeat 0 0;
}
.box-checkbox.disabled {
  background: url('../../images/common/bg-checkbox-disabled.png') no-repeat 0 0;
}
.box-checkbox.disabled.checked {
  background: url('../../images/common/bg-checkbox-disabled-checked.png') no-repeat 0 0;
}
.box-checkbox + .label-txt {
  padding: 2px 0 0 5px;
  color: #000;
  line-height: 18px;
}
.box-checkbox.disabled + .label-txt {
  color: #aaa;
}
.box-checkbox2 {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: url('../../images/common/bg-checkbox2.png') no-repeat 50%;
  vertical-align: top;
}
.box-checkbox2 > .inp-checkbox {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0;
  opacity: 0;
}
.box-checkbox2:active,
.box-checkbox2.checked {
  background: url('../../images/common/bg-checkbox2-checked.png') no-repeat 50%;
}
.box-checkbox2 + .label-txt {
  padding: 0 0 0 5px;
  line-height: 16px;
  color: #000;
}
.box-checkbox3 {
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: url('../../images/common/bg-checkbox3.png') no-repeat 50%;
  vertical-align: top;
}
.box-checkbox3 > .inp-checkbox {
  float: left;
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
}
.box-checkbox3:active,
.box-checkbox3.checked {
  background: url('../../images/common/bg-checkbox3-checked.png') no-repeat 50%;
}
.box-checkbox3 + .label-txt {
  padding-left: 5px;
  line-height: 24px;
}
.box-radiowrap .box-radio {
  position: relative;
  display: inline-block;
  /*width: 18px;height:18px;*/
  margin-left: 20px;
  background: url('../../images/common/bg-radio.png') no-repeat left top;
}
.box-radiowrap .box-radio:first-child {
  margin-left: 0;
}
.box-radiowrap .box-radio .inp-radio {
  position: relative;
  top: -1px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  cursor: pointer;
}
.box-radiowrap .box-radio:hover .inp-radio {
  background: url('../../images/common/bg-radio-hover.png') no-repeat left top;
}
.box-radiowrap .box-radio:not(#cssbrowser) > .inp-radio {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  margin: -6px 0 0 -6px;
  opacity: 0;
}
.box-radiowrap .box-radio:not(#cssbrowser) > .inp-radio + .label-txt {
  display: inline-block;
  width: 100%;
  height: 18px;
  margin: 0;
  padding: 2px 0 0 24px;
  background: url('../../images/common/bg-radio.png') no-repeat left top;
  box-sizing: border-box;
}
.box-radiowrap .box-radio:not(#cssbrowser) > .inp-radio:checked + .label-txt {
  background: url('../../images/common/bg-radio-checked.png') no-repeat left top;
}
.box-radiowrap .box-radio:not(#cssbrowser) > .inp-radio:disabled + .label-txt {
  background: url('../../images/common/bg-radio-disabled.png') no-repeat left top;
}
.box-radiowrap .box-radio:not(#cssbrowser) > .inp-radio + .newProc {
  width: 72px !important;
}
.box-radiowrap .box-radio .inp-radio + .label-txt {
  padding: 2px 0 0 24px;
  color: #000;
  cursor: pointer;
}
.box-radiowrap .box-radio.disabled {
  background: url('../../images/common/bg-radio-disabled.png') no-repeat left top;
}
.box-radiowrap .box-radio.disabled .inp-radio + .label-txt {
  color: #aaaaaa;
}
.inp-datepicker {
  width: 110px;
  height: 26px;
  line-height: 26px;
  padding: 0 30px 0 10px;
  background: #ffffff url('../../images/ico/ico-calendar.png') no-repeat 95% 50%;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  vertical-align: middle;
  cursor: pointer;
}
.inp-datepicker[disabled] {
  background: #ffffff url('../../images/ico/ico-calendar-disabled.png') no-repeat 85px 50%;
  border-color: #c9c9c9;
  color: #aaa;
}
.inp-datepicker[disabled]:hover,
.inp-datepicker[disabled]:focus {
  color: #aaa;
}
.inp-datepicker:hover,
.inp-datepicker:focus {
  border-color: #52a9ff;
  color: #333;
  outline: none;
}
.inp-datepicker[placeholder] {
  color: #999;
}
.inp-datepicker[readonly]:hover,
.inp-datepicker[readonly]:focus,
.inp-datepicker[disabled]:hover,
.inp-datepicker[disabled]:focus {
  border-color: #c9c9c9;
}
.mdash {
  display: inline-block;
  height: 20px;
  margin: 0 2px;
  padding: 0 5px;
  background: url('../../images/contents/bg-mdash.png') no-repeat 50% 50%;
  line-height: 0;
  vertical-align: middle;
}
.ui-datepicker-unselectable.ui-state-disabled {
  color: #aaa;
}
.ui-datepicker .ui-datepicker-current,
.ui-datepicker .ui-datepicker-close {
  margin: 0 3px;
  padding: 3px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  vertical-align: middle;
  cursor: pointer;
  font-size: 10px;
}
.ui-datepicker .ui-datepicker-current {
  margin-left: 6px;
}
.ui-datepicker .ui-datepicker-close {
  float: right;
  margin-right: 6px;
}
.inp-datepicker.month-picker {
  width: 92px;
}
.inp-datepicker.month-picker.mini {
  padding: 0 10px 0 5px;
  width: 80px;
}
.inp-datepicker.time-picker {
  width: 167px;
}
.inp-datepicker.time-picker[disabled] {
  background: #ffffff url('../../images/ico/ico-calendar-disabled.png') no-repeat 140px 50%;
  border-color: #c9c9c9;
  color: #aaa;
}
.inp-datepicker.time-picker[disabled]:hover,
.inp-datepicker.time-picker[disabled]:focus {
  color: #aaa;
}
.ui-timepicker-div {
  margin-top: 7px;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 4px 40%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  background: none;
  color: inherit;
  border: none;
  outline: none;
  border-bottom: solid 1px #555;
  width: 95%;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
  border-bottom-color: #aaa;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}
/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ':';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: '.';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}
.inp-file {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
}
.inp-file:hover,
.inp-file:focus {
  border-color: #52a9ff;
  outline: none;
}
.inp-file:focus {
  color: #333;
}
.inp-file[disabled] {
  border-color: #c9c9c9;
  color: #333;
  background-color: #fff;
}
.inp-file[placeholder] {
  color: #999;
}
.inp-file[readonly]:hover,
.inp-file[readonly]:focus,
.inp-file[disabled]:hover,
.inp-text[disabled]:focus {
  border-color: #c9c9c9;
}
.box-file {
  position: relative;
  height: 26px;
}
.box-file label,  .docDivWrap li .btn-preview{
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 26px;
  background: url('../../images/btn/btn-search-file.png') no-repeat 50%;
  text-indent: -9999px;
  cursor: pointer;
}
.box-file .inp-file {
  display: inline-block;
  width: 100%;
  padding-right: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.box-file input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*숨김처리*/
div.buttonInputArea {
  position: relative;
  display: table;
  width: calc(100% - 80px);
}
div.buttonInputArea > div {
  vertical-align: top;
  text-align: left;
}
div.buttonInputArea > div:first-child {
  /*display:table-cell;*/
  width: 100%;
}
div.buttonInputArea > div:first-child input {
  width: 100%;
}
div.buttonInputArea > div:last-child {
  display: table-cell;
  width: 60px;
}
div.buttonInputArea > div:last-child button {
  display: block;
  width: 90px;
  height: 28px;
  border-top: 1px solid #afafb1;
  border-right: 1px solid #afafb1;
  border-bottom: 1px solid #afafb1;
  border-image: none;
  text-align: center;
  line-height: 24px;
  vertical-align: top;
  background-color: #eeeef1;
}
div.buttonInputArea > div.btnAddress {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 26px;
  background: url('../../images/btn/btn-search-file.png') no-repeat 50%;
  text-indent: -9999px;
  cursor: pointer;
}
.divAdd {
  position: relative;
  height: 19px;
  padding-top: 5px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  background-color: #ffffff;
  line-height: 14px;
  text-indent: 5px;
}
.divAdd.disabled {
  background-color: #e0e0e0;
}
.divAdd .btnAddress {
  display: block;
  position: absolute;
  right: -1px;
  top: -1px;
  bottom: -1px;
  width: 91px;
  height: 27px;
  background-color: #eeeef1;
  border: 1px solid #afafb1;
  line-height: 27px;
  text-align: center;
  color: #5f5f5f;
  vertical-align: middle;
}
/*.divAdd .MultiFile-title{ font-family: notokr-regular, arial, sans-serif; font-size:12px; color:#000; }*/
.file_input_div {
  position: relative;
  height: 23px;
  overflow: hidden;
}
.file_input_button {
  position: absolute;
  top: 0px;
  width: 100px;
  background-color: #33bb00;
  border-style: solid;
  color: #ffffff;
  cursor: pointer;
}
.file_input_hidden {
  position: absolute;
  left: 0;
  right: 0px;
  top: 0px;
  bottom: 0;
  opacity: 0;
  width: 40px;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
ul.token-input-list {
  display: inline-block;
  clear: left;
  width: 400px;
  margin: 0;
  padding: 0;
  padding: 0 3px;
  min-height: 30px 
    !important;
  overflow: hidden;
  background: #fff;
  list-style-type: none;
  border: 1px solid #999;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 26px;
  color: #333;
  cursor: text;
}
ul.token-input-list li {
  list-style-type: none;
}
ul.token-input-list li input {
  border: 0;
  width: 100px;
  padding: 0 8px;
  background-color: white;
  -webkit-appearance: caret;
}
li.token-input-token {
  float: left;
  height: 18px;
  margin: 3px;
  padding: 0 6px 2px;
  overflow: hidden;
  font-size: 11px;
  color: #000;
  line-height: 21px;
  white-space: nowrap;
  cursor: default;
  background-color: #eff2f7;
  border: 1px solid #ccd5e4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
li.token-input-token span {
  color: #a6b3cf;
  margin-left: 5px;
  font-weight: bold;
  cursor: pointer;
}
li.token-input-token p {
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
li.token-input-selected-token {
  background-color: #08844e;
  color: #fff;
}
li.token-input-selected-token span {
  color: #bbb;
}
div.token-input-dropdown {
  position: absolute;
  width: 400px;
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: 12px;
  font-family: Verdana;
  z-index: 5010;
}
div.token-input-dropdown p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}
div.token-input-dropdown ul {
  margin: 0;
  padding: 0;
}
div.token-input-dropdown ul li {
  background-color: #fff;
  padding: 3px;
  margin: 0;
  list-style-type: none;
}
div.token-input-dropdown ul li.token-input-dropdown-item {
  background-color: #fff;
}
div.token-input-dropdown ul li.token-input-dropdown-item2 {
  background-color: #fff;
}
div.token-input-dropdown ul li em {
  font-weight: bold;
  font-style: normal;
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #f5f5f5;
  color: #f38b4c;
}
textarea.box-textarea {
  display: inline-block;
  width: 100%;
  min-height: 100px;
  padding: 10px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #555;
  font-size: 14px;
}
textarea.box-textarea:hover,
textarea.box-textarea:focus {
  border: 1px solid #52a9ff;
}
div.count {
  display: inline-block;
  color: #999;
  font-size: 13px;
}
div.count em {
  color: #006bd5;
}
.textarea-wrap textarea,
.textarea-wrap1 textarea,
.textarea-wrap2 textarea {
  position: relative;
  width: 100%;
  border: none;
  resize: none;
  overflow-y: hidden;
  padding: 6px;
  padding-bottom: 5px;
  line-height: 15px;
}
.textarea-wrap textarea[disabled],
.textarea-wrap1 textarea[disabled],
.textarea-wrap2 textarea[disabled] {
  background-color: #e0e0e0;
}
.textarea-wrap textarea[readonly],
.textarea-wrap1 textarea[readonly],
.textarea-wrap2 textarea[readonly] {
  background-color: #e0e0e0;
}
.textarea-wrap,
.textarea-wrap1,
.textarea-wrap2 {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.textarea-wrap *,
.textarea-wrap1 *,
.textarea-wrap2 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-tafold {
  position: absolute;
  top: -1px;
  right: -1px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url('../../images/btn/btn_fold.gif') no-repeat 0 0;
  text-indent: -9999px;
}
.btn-tafold:hover {
  background-position: -22px 0;
}
.btn-tafold.fold {
  background-position: 0 -22px;
}
.btn-tafold:hover.fold {
  background-position: -22px -22px;
}
.ui-datepicker {
  width: 177px;
  padding: 0 10px 11px;
  border: 1px solid #696969;
  color: #5b5b5b;
  background-color: #fff;
}
.ui-datepicker-header {
  position: relative;
  height: 49px;
}
.ui-datepicker-month {
  position: absolute;
  left: 71px;
  top: 15px;
  width: 40px !important;
  height: 17px;
  border: 1px solid #ddd;
  color: #5b5b5b;
  font-size: 11px !important;
}
.ui-datepicker-year {
  position: absolute;
  left: 6px;
  top: 15px;
  width: 61px !important;
  height: 17px;
  border: 1px solid #ddd;
  color: #5b5b5b;
  font-size: 11px !important;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 15px;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-indent: -9999px;
  background: #ffffff url('../../images/btn/btn-datepicker.png') no-repeat 5px 5px;
}
.ui-datepicker-prev {
  left: 131px;
}
.ui-datepicker-next {
  right: 7px;
  background-position: 5px -20px;
}
.ui-datepicker td,
.ui-datepicker td {
  width: 25px;
  height: 19px;
  font-size: 11px;
  text-align: center;
}
.ui-datepicker td .ui-state-default {
  display: block;
  width: 23px;
  height: 17px;
  line-height: 17px;
  border: 1px solid transparent;
}
.ui-datepicker th:first-child,
.ui-datepicker td:first-child {
  color: #e82828;
}
.ui-datepicker td:hover .ui-state-default {
  border-color: #fff;
  background-color: #f0f0f0;
}
.ui-datepicker td.ui-datepicker-today .ui-state-default {
  border-color: #ff9f3e;
  color: #fff;
  background-color: #ff9f3e;
}
.ui-datepicker td.ui-datepicker-current-day .ui-state-default {
  color: #ff9f3e;
  border-color: #ff9f3e;
  background-color: #fff;
}
.ui-datepicker td.ui-datepicker-other-month {
  color: #d1d1d1;
}
.ui-datepicker-trigger {
  width: 25px;
}
.ui-datepicker-time {
  position: relative;
  height: 40px;
}
.ui-datepicker-time span.txt {
  position: absolute;
  right: 120px;
  bottom: 5px;
}
.ui-datepicker-hour {
  position: absolute;
  right: 50px;
  bottom: 5px;
  width: 61px;
  height: 17px;
  border: 1px solid #ddd;
  color: #5b5b5b;
  font-size: 11px;
}
.ui-datepicker-min {
  position: absolute;
  right: 6px;
  bottom: 5px;
  width: 41px;
  height: 17px;
  border: 1px solid #ddd;
  color: #5b5b5b;
  font-size: 11px;
}
.ui-selectmenu-button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 26px;
  line-height: 26px;
  padding: 0 25px 0 10px;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  box-sizing: border-box;
  vertical-align: top;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  background: #fefefe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f2f4f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f2f4f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fefefe 0%, #f2f4f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ui-selectmenu-button:hover,
.ui-selectmenu-button:active,
.ui-selectmenu-button:focus {
  background-color: #f5f6f7;
  border: 1px solid #52a9ff;
}
.ui-selectmenu-text {
  display: block;
  color: #333;
  height: 26px;
  line-height: 26px;
  box-sizing: border-box;
  text-align: left;
}
.ui-selectmenu-text:hover {
  color: #333;
}
.ui-selectmenu-menu {
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 200px;
  max-height: 90px;
  height: 150px;
  padding: 3px 0;
  background: #f5f6f7;
  border: 1px solid #52a9ff;
  border-top: 0;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
  color: #666;
  font-size: 13px;
}
/* 모든 select 옵션의 최대 크기 값이 들어가야 함. */
.ui-selectmenu-menu .ui-menu:hover,
.ui-selectmenu-menu .ui-menu:active,
.ui-selectmenu-menu .ui-menu:focus {
  border: 1px solid #52a9ff;
  border-top: 0;
}
.ui-selectmenu-open {
  display: inline-block;
  position: relative !important;
  z-index: 10003;
}
.ui-menu-item {
  /*height:22px;*/
  line-height: 22px;
  padding: 0 10px;
  cursor: pointer;
  box-sizing: border-box;
  color: #666;
}
.ui-menu-item:hover {
  background: #d6dfef;
}
.ui-icon-triangle-1-s {
  position: absolute;
  right: 7px;
  top: 50%;
  width: 7px;
  height: 4px;
  margin-top: -2px;
  background: #fafbfc url('../../images/ico/ico-vertical.png') no-repeat right 0;
}
.ui-corner-top .ui-icon-triangle-1-s {
  background-position: right -25px;
}
.ui-selectmenu-disabled {
  background-color: #e0e0e0;
  border: 1px solid #c9c9c9;
}
.ui-selectmenu-button.ui-selectmenu-disabled,
.ui-selectmenu-button.ui-selectmenu-disabled:active,
.ui-selectmenu-button.ui-selectmenu-disabled:hover {
  background-color: #e0e0e0;
  background: linear-gradient(to bottom, #e0e0e0 0%, #e0e0e0 100%);
  border: 1px solid #c9c9c9;
}
.ui-selectmenu-disabled .ui-icon-triangle-1-s,
.ui-selectmenu-disabled:active .ui-icon-triangle-1-s,
.ui-selectmenu-disabled:hover .ui-icon-triangle-1-s {
  background-color: #e0e0e0;
  background-position: right -150px;
}
.ui-selectmenu-disabled .ui-selectmenu-text,
.ui-selectmenu-disabled:active .ui-selectmenu-text,
.ui-selectmenu-disabled:hover .ui-selectmenu-text {
  background-color: #e0e0e0;
  color: #aaa;
}
.type-selectbox {
  display: inline-block;
  width: 150px;
}
/* width 값 상속시켜 설정 */
.type-selectbox .ui-selectmenu-button {
  width: 100% !important;
}
.type-selectbox.disabled select {
  background-color: #e0e0e0;
}
.type-selectbox1 {
  display: inline-block;
  width: 210px;
}
/* width 값 상속시켜 설정 */
.type-selectbox1 .ui-selectmenu-button {
  width: 100% !important;
  height: 33px;
  line-height: 33px;
}
.type-selectbox1 .ui-selectmenu-text {
  display: block;
  color: #333;
  height: 33px;
  line-height: 33px;
}
.type-selectbox2 {
  display: inline-block;
  width: 122px;
}
/* width 값 상속시켜 설정 */
.type-selectbox2 .ui-selectmenu-button {
  width: 100% !important;
  height: 26px;
  line-height: 26px;
}
.type-selectbox2 .ui-selectmenu-text {
  display: block;
  color: #333;
  height: 26px;
  line-height: 26px;
}
.box-quicksearch {
  display: inline-block;
  position: relative;
  height: 26px;
}
.box-quicksearch .inp-text {
  width: 100%;
  height: 26px;
  line-height: 26px;
  background: #fff;
  color: #333;
}
.box-quicksearch .inp-text:hover,
.box-quicksearch .inp-text:focus {
  border-color: #52a9ff;
  outline: none;
}
.box-quicksearch .inp-text:focus {
  color: #333;
}
.box-quicksearch .srchlist {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 10;
  width: 100%;
  background: #fff;
  border: none;
  box-sizing: border-box;
}
.box-quicksearch .srchlist ul {
  overflow: auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  /*max-height:100px;*/
  padding: 6px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box-quicksearch .srchlist ul li {
  margin-top: 2px;
}
.box-quicksearch .srchlist ul li:first-child {
  margin-top: 0;
}
.box-quicksearch .srchlist ul li a {
  display: block;
  /*height:25px;line-height:25px;*/
  color: #666;
  /*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/
}
.box-quicksearch .srchlist ul li a:hover {
  background: #d6dfef;
}
.box-quicksearch .srchlist .keyword {
  color: #f90000;
}
.box-quicksearch.active .inp-text {
  background: #f5f6f7;
  border: 1px solid #52a9ff;
  color: #333;
}
.box-quicksearch.active .srchlist {
  display: block;
  /*border:1px solid #52a9ff;*/
}
.box-quicksearch.type-big {
  height: 33px;
}
.box-quicksearch.type-big .inp-text {
  height: 33px;
  line-height: 33px;
}
.box-quicksearch.type-big .srchlist {
  top: 32px;
}
.srchbtn {
  display: inline-block;
  min-width: 140px;
  margin-right: 7px;
  background: #1565c0 url('../../images/ico/ico-plus.png') no-repeat right 50%;
  border-radius: 3px;
}
.srchbtn.disabled {
  background-color: #e0e0e0 !important;
  color: #f4f4f4;
}
.srchbtn.disabled a {
  color: #555;
}
.srchbtn a {
  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 30px 0 10px;
  color: #fff;
  font-size: 14px;
}
.wdsizefree {
  min-width: 170px;
}
.quicksearchwrap {
  margin-top: 10px;
}
.quicksearchwrap .srchbtn,
.quicksearchwrap .box-quicksearch {
  vertical-align: top;
}
.quicksearchwrap .srchbtn {
  display: inline-block;
  min-width: 24%;
  /*min-width:211px;*/
  margin-right: 7px;
  background: #006bd5 url('../../images/ico/ico-plus.png') no-repeat right 50%;
  border-radius: 3px;
}
.quicksearchwrap .srchbtn a {
  display: block;
  height: 33px;
  line-height: 33px;
  padding: 0 30px 0 10px;
  color: #fff;
  font-size: 14px;
}
.quicksearchwrap .box-quicksearch {
  width: 74%;
  /*width:920px;margin-right:16px;*/
}
.quicksearchwrap .box-quicksearch .srchlist {
  width: 74%;
  display: none;
  /*width:920px;*/
}
.quicksearchwrap .sellist {
  display: none;
  /*display:inline-block;*/
  position: relative;
  max-width: 450px;
}
.quicksearchwrap .sellist .btn-del {
  display: block;
  position: absolute;
  top: 0;
  right: -50px;
}
.quicksearchwrap .sellist ul:after {
  display: block;
  content: '';
  clear: both;
}
.quicksearchwrap .sellist ul li {
  line-height: 33px;
}
.quicksearchwrap .sellist ul li span {
  display: inline-block;
  margin-right: 13px;
  padding-right: 20px;
  background: url('../../images/ico/ico-sellist-arrow.png') no-repeat right 50%;
  color: #333;
  font-size: 14px;
}
.quicksearchwrap .sellist ul li:last-child span {
  margin-right: 0;
  padding-right: 0;
  background: none;
}
.quicksearchhwrap {
  width: 100%;
  height: 26px;
  vertical-align: top;
}
.quicksearchhwrap:after {
  display: block;
  content: '';
  clear: both;
}
.quicksearchhwrap .srchbtn {
  float: left;
  height: 26px;
  line-height: 26px;
}
.quicksearchhwrap .box-quicksearch {
  float: left;
}
.memberlist {
  display: inline-block;
  margin-left: 1px;
  vertical-align: middle;
}
.memberlist:after {
  display: block;
  content: '';
  clear: both;
}
.memberlist li {
  float: left;
  height: 26px;
  margin-right: 5px;
  padding: 0 7px 0 9px;
  background: #f1f5f8;
  border: 1px solid #a2c0d1;
  border-radius: 3px;
  box-sizing: border-box;
}
.memberlist li span {
  display: inline-block;
  color: #006bd5;
  font-size: 13px;
  line-height: 21px;
}
.memberlist li .btn-del {
  width: 14px;
  height: 14px;
  margin: 0 0 0 8px;
  background-image: url('../../images/btn/btn-del-blue.png');
  vertical-align: middle;
}
.box-textfield {
  margin: 20px 0 0;
  overflow: hidden;
}
.box-textfield .subtit {
  margin-top: 0;
}
.box-textfield > .subtit {
  margin-bottom: 5px;
}
.box-textfield .head {
  position: relative;
  margin-bottom: 10px;
}
.box-textfield .head .subtit,
.box-textfield .head .info-txt,
.box-textfield .head .txt-bullet,
.box-textfield .head .count {
  display: inline-block;
  line-height: 20px;
  margin-right: 16px;
  vertical-align: 0;
}
.box-textfield .head .count.mr0 {
  margin-right: 0;
}
.box-textfield .head .icon-mid-sort {
  position: absolute;
  top: 0;
  right: 0;
}
.box-textfield .inp-text {
  width: 100%;
}
.dropp {
  position: relative;
  max-width: 200px;
}
.dropp .icon {
  display: block;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  margin: 0 auto;
}
.dropp .icon:before,
.dropp .icon:after {
  content: "";
  position: absolute;
}
.dropp .dropp-header {
  background: #F5F6F8;
  color: #656565;
  border: 1px solid #A0A0A0;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
}
.dropp .dropp-header .dropp-header__title {
  display: block;
  padding: 0.8em 0.5em;
  -webkit-box-flex: 8;
  -moz-box-flex: 8;
  box-flex: 8;
  -webkit-flex: 8;
  -moz-flex: 8;
  -ms-flex: 8;
  flex: 8;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.dropp .dropp-header .dropp-header__btn {
  display: block;
  color: #fff;
  padding: 0.8em 0.5em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dropp .dropp-header .dropp-header__btn .icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.dropp .dropp-header .dropp-header__btn .icon:before,
.dropp .dropp-header .dropp-header__btn .icon:after {
  top: 30%;
  left: 25%;
  width: 50%;
  height: 15%;
  background: #006BD5;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.dropp .dropp-header .dropp-header__btn .icon:after {
  top: 55%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dropp .dropp-header .dropp-header__btn.js-open {
  background: #006BD5;
}
.dropp .dropp-header .dropp-header__btn.js-open .icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.dropp .dropp-header .dropp-header__btn.js-open .icon:before,
.dropp .dropp-header .dropp-header__btn.js-open .icon:after {
  background: #fff;
}
.dropp .dropp-header .dropp-header__btn:focus {
  outline: none;
}
.dropp .dropp-body {
  display: none;
  position: absolute;
  top: 41px;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  background: #F5F6F8;
  color: #fff;
  border: 1px solid #A0A0A0;
  box-sizing: border-box;
}
.dropp .dropp-body.js-open {
  max-height: 20em;
}
.dropp .dropp-body label {
  display: block;
  padding: 1em 0.5em;
  font-size: 0.875em;
  color: #656565;
  text-decoration: none;
  font-weight: 400;
  box-shadow: 0 0 0 #A0A0A0, inset 0 1px 0 #A0A0A0;
  cursor: pointer;
}
.dropp .dropp-body label:first-child {
  box-shadow: none;
}
.dropp .dropp-body label:hover,
.dropp .dropp-body label.js-open {
  background: #006BD5;
  color: #fff;
}
.dropp .dropp-body label > input {
  display: none;
}
select.inp-selectbox {
  width: 100%;
  height: 26px;
  padding: 3px 27px 3px 6px;
  padding-right: 5px\9;
  font-family: inherit;
  font-size: 12px;
  line-height: 16px;
  background: #ffffff url(../../images/common/bg_select.png) no-repeat right 50%;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select.inp-selectbox {
    padding: 3px 27px 3px 6px;
  }
}
select.inp-selectbox::-ms-expand {
  display: none;
}
.select-editable {
  position: relative;
  background-color: white;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  width: 200px;
  height: 24px;
}
.select-editable select {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 24px;
  margin: 0;
  background: #ffffff url(../../images/common/bg_select.png) no-repeat right 50%;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
}
.select-editable select::-ms-expand {
  display: none;
}
.select-editable input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 80%;
  height: 19px;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 12px;
  border: none;
}
.select-editable select:focus,
.select-editable input:focus {
  outline: none;
}
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 340px;
  min-height: 220px;
  overflow-y: auto;
  height: 220px;
  width: 200px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ui-state-focus {
  background: #d6dfef;
}
/* dropdown list */
.dropdown {
  width: 150px;
  position: relative;
}
.dropdown .select-label {
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #52a9ff;
  background: #f5f6f7;
  width: 100%;
  height: 26px;
  border-radius: 2px;
  line-height: 26px;
  color: #333;
  font-size: 13px;
}
.dropdown .select-label:after {
  content: '▼';
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 10px;
}
.dropdown-list {
  width: 100%;
  margin-top: 0px;
  max-height: 220px;
  box-sizing: border-box;
  padding: 5px;
  border-left: 1px solid #52a9ff;
  border-right: 1px solid #52a9ff;
  border-bottom: 1px solid #52a9ff;
  background-color: #f5f6f7;
  position: absolute;
  top: 26px;
  left: 0;
}
.dropdown-list li {
  display: block;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 13px;
  line-height: 26px;
  padding-left: 25px;
  color: #333;
}
.dropdown-list ul li:hover {
  background-color: #1e90ff;
  color: #fff;
}
.dropdown-list ul li.active {
  background: #1e90ff url('../../images/common/icon_select_check.png') 3px 50% no-repeat;
  color: #fff;
}
.essen-check {
  color: #ff3d6a;
}
.essen-input {
  border-color: #ff3d6a !important;
}
.poollist {
  position: relative;
}
.poollist > ul > li {
  position: relative;
  overflow: hidden;
  height: 186px;
  /*min-height:186px;*/
  padding: 20px;
  background: #f1f1f1;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.poollist > ul > li .etc_right {
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 10;
  overflow: hidden;
}
.poollist > ul > li:first-child {
  border-top: 1px solid #ccc;
}
.poollist .percentbox {
  position: absolute;
  top: 113px;
  left: 21px;
  z-index: 10;
}
.poollist .percentbox p {
  display: inline-block;
  width: 51px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  font-size: 12px;
}
.poollist .percentbox p em {
  font-size: 18px;
}
.poollist .percentbox .type1 {
  background: #006bd5;
}
.poollist .percentbox .type2 {
  background: #e7464a;
}
.poollist .thumb {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 127px;
  height: 127px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #CCC;
  background-color: #F7F7F7;
  overflow: hidden;
}
.poollist .thumb img {
  width: 100%;
  height: 100%;
}
.poollist .thumb .ico_thumb {
  display: table;
  float: left;
  margin: 0 0 5px 5px;
}
.poollist .thumb .ico_thumb:nth-child(odd) {
  margin-left: 0;
}
.poollist .thumb .ico_thumb span {
  display: table-cell;
  width: 53px;
  height: 53px;
  padding: 4px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  font-family: 'notokr-regular';
  font-size: 14px;
  color: #fff;
  word-break: keep-all;
}
.poollist .thumb .ico_thumb.txt_small span {
  font-size: 11px;
}
.poollist .thumb .ico_thumb.separate span {
  background: url('../../images/common/bg_thumb_separate.gif') no-repeat 50% 50%;
  line-height: 19px;
}
.poollist .thumb2 {
  height: 62px;
}
.poollist .thumb2 .ico_thumb.separate2 span {
  background: url('../../images/common/bg_thumb_separate.gif') no-repeat 50% 37px;
  line-height: 13px;
}
.poollist .thumb3 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 127px;
  height: 127px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #CCC;
  background-color: #F7F7F7;
  overflow: hidden;
}
.poollist .thumb3 img {
  width: 100%;
  height: 100%;
}
.poollist .thumb3 .ico_thumb {
  display: table;
  float: left;
  margin: 0 0 5px 0;
}
.poollist .thumb3 .ico_thumb:nth-child(3) {
  margin-left: 5px;
}
.poollist .thumb3 .ico_thumb:first-child {
  width: 127px;
}
.poollist .thumb3 .ico_thumb span {
  display: table-cell;
  width: 53px;
  height: 53px;
  padding: 4px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  font-family: 'notokr-regular';
  font-size: 14px;
  color: #fff;
  word-break: keep-all;
}
.poollist .thumb3 .ico_thumb.txt_small span {
  font-size: 12px;
}
.poollist .thumb3 .ico_thumb.separate span {
  background: url('../../images/common/bg_thumb_separate.gif') no-repeat 50% 50%;
  line-height: 19px;
}
.poollist .taskinfo {
  /*height:145px;*/
  padding-left: 165px;
}
.poollist .taskinfo .head * {
  vertical-align: top;
}
.poollist .taskinfo .head a {
  display: inline-block;
  margin-right: 4px;
}
.poollist .taskinfo .head .source a {
  margin-right: 12px;
  font-size: 13px;
}
.poollist .taskinfo .head .etc_area {
  display: inline-block;
}
.poollist .taskinfo .tit {
  display: inline-block;
  line-height: 26px;
  color: #000;
  font-size: 18px;
  font-family: 'notokr-medium';
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.poollist .taskinfo .source {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin-right: 10px;
  padding-left: 10px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 0 50%;
  color: #555;
  font-size: 15px;
}
.poollist .taskinfo .dept {
  margin-top: 8px;
}
.poollist .taskinfo .dept span {
  display: inline-block;
  margin-left: 5px;
  padding-left: 9px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 0 1px;
  color: #888;
  font-size: 13px;
}
.poollist .taskinfo .dept span:first-child {
  background: none;
  margin-left: 0;
  padding-left: 0;
}
.poollist .taskinfo .summary {
  /*overflow:hidden;height:60px;*/
  min-height: 60px;
  margin-top: 16px;
  font-size: 15px;
  line-height: 20px;
  font-family: 'notokr-medium';
  /* 2016-03-08 개발수정 */
  /* 2016-03-08 개발수정 */
}
.poollist .taskinfo .summary .sum-tit {
  display: block !important;
}
.poollist .taskinfo .summary .sum-txt {
  display: none !important;
}
.poollist .taskinfo .subhead:after {
  display: block;
  content: '';
  clear: both;
}
.poollist .taskinfo .subhead .source {
  height: 26px;
  line-height: 26px;
  vertical-align: top;
}
.poollist .taskinfo .subhead .source:first-child {
  margin-left: 0;
  padding-left: 0;
  background-image: none;
}
.poollist .taskinfo .subhead .source a {
  display: block;
  margin-right: 12px;
  font-size: 13px;
}
.poollist .taskinfo .subhead .dept {
  margin-top: 8px;
}
.poollist .taskinfo .subhead .fr {
  text-align: right;
}
.poollist .taskinfo .subhead .fr .fsdate {
  height: 26px;
  line-height: 26px;
  color: #333;
  font-size: 13px;
  vertical-align: top;
}
.poollist .taskinfo .subhead .fr .stage {
  padding-top: 5px;
  color: #006bd5;
  font-size: 14px;
}
.poollist .taskinfo .subhead .icon-sign {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-left: 12px;
  padding-left: 28px;
  background: url('../../images/ico/ico-sign.png') no-repeat 0 0;
  color: #f90000;
}
.poollist .taskinfo .subhead + .summary {
  margin-top: 10px;
}
.poollist li.active {
  background: #f6f5e5;
  border-bottom: 1px solid #0077ff;
}
.poollist li.active:first-child {
  border-top: 1px solid #0077ff;
}
.poollist li.active .taskinfo .tit {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.poollist li.active .taskinfo .summary {
  /* 2016-03-08 개발수정 */
  /* 2016-03-08 개발수정 */
}
.poollist li.active .taskinfo .summary .sum-txt {
  display: block !important;
}
.poollist li.active .taskinfo .summary .sum-tit {
  display: none !important;
}
.poollist .taskdesc {
  /*display:none;*/
  padding-left: 165px;
  /*padding-top:50px;*/
}
.poollist .comntwrap {
  margin-top: 40px;
}
.poollist .grouplist {
  border-top: 0;
}
.poollist .forumwrap {
  margin-top: 50px;
}
.poollist .progresswrap {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
  margin-left: 6px;
}
.poollist .progresswrap .per {
  display: inline-block;
  margin-bottom: 4px;
  color: #333;
  font-size: 12px;
}
.poollist .progresswrap .progress {
  width: 100%;
  height: 4px;
  background: #959595;
}
.poollist .progresswrap .progress .progress-bar {
  height: 4px;
  background: #006bd5;
}
.poollist .sgtnum {
  display: inline-block;
  padding: 7px 0 0 6px;
  color: #333;
}
.poollist .btn-sgtwrite {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 5px;
  margin-top: -6px;
  background: url('../../images/btn/btn-sgtwrite.png') no-repeat left top;
  text-indent: -9999px;
}
.poollist .btn-sgtwrite:hover {
  background-position: left bottom;
}
.infolist li {
  position: relative;
  padding: 0 20px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
}
.infolist li.active {
  background-color: #f6f5e5;
}
.infolist li.active .detailview {
  display: block;
}
.infolist li:first-child {
  border-top: 1px solid #ccc;
}
.infolist .head {
  position: relative;
  padding: 15px 0 20px;
  margin-bottom: 0;
}
.infolist .head .tit {
  color: #000;
  font-size: 15px;
}
.infolist .head .info {
  color: #333;
  font-size: 14px;
  line-height: 25px;
}
.infolist .head .info.divide span {
  display: inline-block;
}
.infolist .head .info.divide span:after {
  display: inline-block;
  content: '|';
  margin: 0 10px;
  font-size: 13px;
  color: #aaa;
  vertical-align: top;
}
.infolist .head .info.divide span:last-child:after {
  display: none;
}
.infolist .head .btn-salesprofit {
  position: absolute;
  bottom: 24px;
  right: 0;
  padding-right: 14px;
  background: url('../../images/btn/btn-toggle.png') no-repeat right -38px;
  color: #333;
  font-size: 14px;
}
.infolist .head .btn-salesprofit.active {
  background-position: right 3px;
  color: #ff9000;
}
.infolist .btn-normal,
.infolist .btngroup {
  position: absolute;
  top: 10px;
  right: 10px;
}
.infolist .detailview {
  display: none;
  padding: 0 0 25px;
}
.infolist .table-state thead th {
  padding: 6px 0;
  box-sizing: border-box;
}
.infolist .table-state tbody td {
  padding: 10px 0 9px;
}
.filelist {
  display: inline-block;
  position: relative;
}
.filelist li {
  display: inline-block;
}
.filelist li span {
  display: inline-block;
  padding-right: 0px;
  color: #333;
  font-size: 13px;
}
.docDivWrap {
  clear: both;
  float: left;
  width: 100%;
  margin: 0;
}
.docDivWrap li {
  position: relative;
  float: left;
  width: 47%;
  margin: 5px 1%;
  border: 1px #ccc solid;
}
.docDivWrap li .btn-del {
  position: absolute;
  top: 5px;
  right: 5px;
}
.poollist.nosummary {
  position: relative;
}
.poollist.nosummary > ul > li {
  position: relative;
  overflow: hidden;
  height: 95px;
  /*min-height:186px;*/
  padding: 20px;
  background: #f1f1f1;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.poollist.nosummary > ul > li .etc_right {
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 10;
  overflow: hidden;
}
.poollist.nosummary > ul > li:first-child {
  border-top: 1px solid #ccc;
}
.wrap {
  position: relative;
  min-width: 1260px;
  box-sizing: border-box;
}
.wrap header {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 300;
  min-width: 1260px;
  background: #fff;
  color: #000;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.wrap header:after {
  display: block;
  content: '';
  clear: both;
}
.wrap header h1 {
  display: inline-block;
}
.wrap header h1 a {
  display: block;
  text-indent: -9999px;
}
.wrap header .head_search {
  position: absolute;
  top: 8px;
  left: 170px;
  width: 340px;
  height: 30px;
  border: 2px solid #006bd5;
  border-radius: 5px;
}
.wrap header .head_search input {
  border: none;
  width: 295px;
  height: 30px;
  margin-left: 10px;
  background: none;
}
.wrap header .head_search .btn-mainsearch {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 14px;
  background: url('../../images/ico/ico_search.png') no-repeat 50% 50%;
  text-indent: -9999px;
}
.wrap header .gnb {
  position: absolute;
}
.wrap header .gnb > ul > li {
  position: relative;
  float: left;
  height: 32px;
  /*				&:nth-child(4) .layer-menu,
				&:nth-child(5) .layer-menu,
				&:nth-child(6) .layer-menu {width:130px !important;margin-left:-65px !important;}*/
}
.wrap header .gnb > ul > li:first-child {
  margin-left: 0;
}
.wrap header .gnb > ul > li.active .layer-menu {
  display: block;
}
.wrap header .gnb > ul > li {
  /*				&:nth-child(1) > a {background:url('../../images/common/ico-topmenu-1.png') no-repeat 6px 50%;}
				&:nth-child(2) > a {background:url('../../images/common/ico-topmenu-2.png') no-repeat 12px 50%;}
				// &:nth-child(3) > a {background:url('../../images/common/ico-topmenu-3.png') no-repeat 12px 50%;}
				&:nth-child(3) > a {background:url('../../images/common/ico-topmenu-4.png') no-repeat 0 50%;}
				&:nth-child(4) > a {background:url('../../images/common/ico-topmenu-5.png') no-repeat 0 50%;}
				&:nth-child(5) > a {background:url('../../images/common/ico-topmenu-6.png') no-repeat 0 50%;}*/
}
.wrap header .gnb > ul > li > a {
  display: block;
  height: 32px;
  color: #666;
  font-size: 13px;
}
.wrap header .gnb > ul > li:nth-child(1) > a {
  background: url('../../images/common/ico-topmenu-8.png') no-repeat 11px 50%;
}
.wrap header .gnb > ul > li:nth-child(2) > a {
  background: url('../../images/common/ico-topmenu-7.png') no-repeat 11px 50%;
}
.wrap header .gnb > ul > li:nth-child(3) > a {
  background: url('../../images/common/ico-topmenu-1.png') no-repeat 14px 50%;
}
.wrap header .gnb > ul > li:nth-child(4) > a {
  background: url('../../images/common/ico-topmenu-2.png') no-repeat 18px 50%;
}
.wrap header .gnb > ul > li:nth-child(5) > a {
  background: url('../../images/common/ico-topmenu-6.png') no-repeat 7px 50%;
}
.wrap header .gnb > ul > li:nth-child(6) > a {
  background: url('../../images/common/ico-topmenu-3.png') no-repeat 12px 50%;
}
.wrap header .gnb > ul > li .gnbCount {
  position: absolute;
  bottom: 0;
  left: 8px;
  display: block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  background: #ff3d6a;
  border-radius: 100%;
  color: #fff;
  font-size: 12px;
  font-family: Arial;
  text-align: center;
}
.wrap header .gnb > ul > li .fCnt {
  background: #558B2F !important;
}
.wrap header .layer-menu {
  display: none;
  position: absolute;
  width: 400px;
  margin-left: -205px;
  background: #fff;
  border: 1px solid #555;
  box-sizing: border-box;
  -webkit-box-shadow: 1px 1px 1px 0 #aaa;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.wrap header .layer-menu:before {
  display: block;
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  width: 14px;
  height: 8px;
  margin-left: -4px;
  background: url('../../images/common/bg-lang-top.png') no-repeat 0 0;
}
.wrap header .layer-menu dt {
  cursor: inherit;
  height: 32px;
  line-height: 32px;
  background: #4485f2;
  color: #fff;
  text-align: center;
}
.wrap header .layer-menu dd {
  cursor: inherit;
  padding: 10px 10px 15px 0;
}
.wrap header .layer-menu dd a {
  display: block;
  padding: 0 10px;
  background: #fff;
  color: #333;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wrap header .layer-menu dd a:hover,
.wrap header .layer-menu dd a:active {
  color: #ff9000;
}
.wrap header .layer-menu dd a:first-child {
  margin-top: 0;
}
.wrap header .layer-menu dd a .list {
  font-size: 12px;
  line-height: 15px;
  margin-left: 0;
  display: none;
}
.wrap header .layer-menu dd a li {
  height: 45px;
  margin-bottom: 10px;
  margin-left: 15px !important;
  background: url('../../images/contents/bg-horizontal-dashed.png') repeat-x 0 bottom;
}
.wrap header .layer-menu dd a li:first-child {
  margin-bottom: 0px;
}
.wrap header .layer-menu dd a li:hover {
  background-color: #eff0f5;
}
.wrap header .layer-menu dd a .head {
  height: 16px;
}
.wrap header .layer-menu dd a .subtit {
  padding-right: 3px;
  color: #333;
}
.wrap header .layer-menu dd a .dept {
  color: #333;
  background: url('../../images/contents/bg-vertical-bar2.png') no-repeat 0 3px;
  padding-left: 5px;
}
.wrap header .layer-menu dd a .subhead {
  height: 16px;
}
.wrap header .layer-menu dd a span {
  color: #999;
}
.wrap header .myJob {
  padding: 10px 10px 20px 10px;
}
.wrap header .myJob .headTit {
  padding-top: 10px;
}
.wrap header .myJob li {
  margin: 0px 10px 0px 10px;
  padding: 10px 0px;
  border-bottom: 1px dashed #a0a0a0;
}
.wrap header .myJob li .spanDt {
  float: right;
  color: #ff9000;
}
.wrap header .myJob li .jobTit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 320px;
  color: #999;
  padding-top: 2px;
}
.wrap header .myJob li .lateBtn {
  position: absolute;
  right: 18px;
  margin-top: -15px;
  border: #ff3d6a;
  background-color: #ff3d6a;
  color: #ffffff;
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 4px;
}
.wrap header .user-wrap {
  position: absolute;
  top: 0px;
}
.wrap header .user-wrap .info .part span:before {
  display: inline-block;
  content: '/';
  color: #616161;
}
.wrap header .user-wrap .info .part span:first-child:before {
  display: none;
}
.wrap header .sitemap {
  position: absolute;
  right: 0;
  background: #4485f2;
}
.wrap header .sitemap a {
  display: block;
  width: 50px;
  background: url('../../images/btn/btn-sitemap.png') no-repeat 0 0;
  text-indent: -9999px;
}
.wrap header .sitemap-view {
  display: none;
  width: 100%;
  height: 254px;
  padding: 35px 0 40px;
  background: #fff;
  border: 2px solid #4485f2;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.wrap header .sitemap-view > ul {
  width: calc(100% - 80px);
  margin-left: 80px;
}
.wrap header .sitemap-view > ul > li {
  float: left;
  width: 17%;
  padding: 0 40px;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}
.wrap header .sitemap-view > ul > li:first-child {
  margin-left: -2%;
}
.wrap header .sitemap-view > ul > li:last-child {
  border-right: 0;
}
.wrap header .sitemap-view > ul > li > .menubox:first-child {
  min-height: 177px;
}
.wrap header .sitemap-view > ul > li > .menubox:nth-child(2) {
  min-height: 177px;
}
.wrap header .sitemap-view > ul > li > .menubox:nth-child(3) {
  min-height: 177px;
}
.wrap header .sitemap-view > ul:after {
  display: block;
  content: '';
  clear: both;
}
.wrap header .sitemap-view .menubox {
  min-height: 45px;
}
.wrap header .sitemap-view .menubox > a {
  display: inline-block;
  color: #006bd5;
  font-size: 18px;
  font-family: 'notokr-regular';
}
.wrap header .sitemap-view .menubox .list {
  margin-top: 15px;
}
.wrap header .sitemap-view .menubox .list li {
  float: none;
  margin-top: 10px;
}
.wrap header .sitemap-view .menubox .list li:first-child {
  margin-top: 0;
}
.wrap header .sitemap-view .menubox .list li a {
  display: inline-block;
  color: #555;
}
.wrap header .sitemap-view .menubox .list li a:hover,
.wrap header .sitemap-view .menubox .list li.active a {
  color: #ff9000;
}
.wrap header .sitemap-view .btn-close {
  display: block;
  position: absolute;
  bottom: 22px;
  right: 22px;
  width: 19px;
  height: 19px;
  background: url('../../images/btn/btn-close.png') no-repeat 0 0;
  text-indent: -9999px;
}
.wrap#main header {
  height: 89px;
  border-top: 1px solid #ccc;
}
.wrap#main header h1 {
  padding: 14px 0 0 20px;
}
.wrap#main header h1 a {
  width: 166px;
  height: 61px;
  background: url('../../images/common/logo.png') no-repeat 0 0;
}
.wrap#main header .gnb {
  top: 16px;
  right: 128px;
}
.wrap#main header .gnb > ul > li {
  line-height: 32px;
  margin-left: 20px;
  cursor: pointer;
}
.wrap#main header .gnb > ul > li > a {
  line-height: 32px;
}
.wrap#main header .gnb > ul > li:nth-child(1) > a {
  background: url('../../images/common/ico-topmenu-8.png') no-repeat 9px 50%;
}
.wrap#main header .gnb > ul > li:nth-child(2) > a {
  background: url('../../images/common/ico-topmenu-7.png') no-repeat 15px 50%;
}
.wrap#main header .gnb > ul > li:nth-child(3) > a {
  background: url('../../images/common/ico-topmenu-1.png') no-repeat 10px 50%;
}
.wrap#main header .gnb > ul > li:nth-child(4) > a {
  background: url('../../images/common/ico-topmenu-2.png') no-repeat 14px 50%;
}
.wrap#main header .gnb > ul > li:nth-child(5) > a {
  background: url('../../images/common/ico-topmenu-6.png') no-repeat 5px 50%;
}
.wrap#main header .gnb > ul > li:nth-child(6) > a {
  background: url('../../images/common/ico-topmenu-3.png') no-repeat 12px 50%;
}
.wrap#main header .gnb > ul > li:nth-child(7) > a {
  padding-left: 32px;
}
.wrap#main header .gnb > ul > li .tit {
  display: block;
  padding-top: 30px;
}
.wrap#main header .gnb > ul > li .gnbCount {
  left: 5px;
}
.wrap#main header .layer-menu {
  top: 40px;
  left: 50%;
}
.wrap#main header .user-wrap {
  display: table;
  right: 60px;
  width: 55px;
  height: 90px;
}
.wrap#main header .user-wrap:after {
  display: block;
  content: '';
  clear: both;
}
.wrap#main header .user-wrap .pic {
  position: absolute;
  left: 0;
  margin-top: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
}
.wrap#main header .user-wrap .pic img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.wrap#main header .user-wrap .pic span {
  padding-top: 3px;
  color: #666;
}
.wrap#main header .user-wrap .info {
  display: table-cell;
  width: 165px;
  padding-left: 55px;
  vertical-align: middle;
}
.wrap#main header .user-wrap .info .nm {
  color: #0076ff;
  font-size: 19px;
}
.wrap#main header .user-wrap .info .part {
  margin-top: 2px;
  color: #616161;
  font-size: 13px;
}
.wrap#main header .sitemap {
  top: 0;
}
.wrap#main header .sitemap a {
  height: 89px;
  background-position: 50% 35px;
}
.wrap#main header .sitemap-view {
  position: absolute;
  top: 190px;
  z-index: 200;
}
.wrap#sub header {
  height: 49px;
  border-top: 1px solid #ccc;
}
.wrap#sub header h1 {
  padding: 7px 0 0 20px;
}
.wrap#sub header h1 a {
  width: 115px;
  height: 32px;
  background: url('../../images/common/logo-sub.png') no-repeat 0 0;
}
.wrap#sub header .gnb {
  top: 7px;
  right: 133px;
}
.wrap#sub header .gnb > ul > li {
  margin-left: 30px;
  cursor: pointer;
}
.wrap#sub header .gnb > ul > li .tit {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.wrap#sub header .gnb > ul > li:nth-child(1) > a {
  width: 40px;
}
.wrap#sub header .gnb > ul > li:nth-child(2) > a {
  width: 35px;
}
.wrap#sub header .gnb > ul > li:nth-child(3) > a {
  width: 44px;
}
.wrap#sub header .gnb > ul > li:nth-child(4) > a {
  width: 42px;
}
.wrap#sub header .gnb > ul > li:nth-child(5) > a {
  width: 34px;
}
.wrap#sub header .gnb > ul > li:nth-child(6) > a {
  width: 40px;
}
.wrap#sub header .layer-menu {
  top: 42px;
  left: 50%;
}
.wrap#sub header .user-wrap {
  right: 50px;
  width: 50px;
}
.wrap#sub header .user-wrap .pic {
  cursor: pointer;
  margin-top: 5px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.wrap#sub header .user-wrap .pic img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.wrap#sub header .user-wrap .layer-menu {
  display: none;
  top: 50px;
  width: 130px;
  margin-left: -65px;
}
.wrap#sub header .user-wrap .info {
  width: 130px;
  margin-left: -73px;
}
.wrap#sub header .user-wrap dd {
  padding: 0 10px;
  line-height: 16px;
}
.wrap#sub header .user-wrap .info .nm {
  padding-top: 10px;
  color: #0076ff;
  font-size: 14px;
}
.wrap#sub header .user-wrap .info .part {
  padding-bottom: 15px;
}
.wrap#sub header .sitemap {
  top: 0px;
  height: 50px;
}
.wrap#sub header .sitemap a {
  height: 50px;
  background-position: 50% 16px;
}
.wrap#sub header .sitemap-view {
  position: absolute;
  top: 50px;
  z-index: 200;
}
#main .container {
  padding-top: 90px !important;
}
.container {
  padding-top: 50px;
  background: #f5f6f7;
}
.container .content {
  height: 100%;
  min-height: 900px;
  margin-left: 50px;
  padding: 13px 20px 20px;
  background: #f5f6f7;
  box-sizing: border-box;
}
.container.open-menu .content {
  margin-left: 240px;
}
.container.open-menu .searchwrap {
  display: block;
}
.container.open-menu .zoom-control {
  width: 240px;
}
aside {
  position: fixed;
  z-index: 400;
  width: 50px;
  background: #2f323b;
  box-shadow: 6px 3px 12px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-transform 0.5s ease-in-out, width 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, width 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, width 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;
}
aside a {
  display: block;
  word-break: break-all;
}
aside .searchwrap {
  display: none;
}
aside:after {
  display: block;
  content: '';
  clear: both;
}
#main aside {
  top: 90px;
}
#sub aside {
  top: 50px;
}
aside.open-menu {
  overflow: hidden;
  width: 260px !important;
  -webkit-transition: -webkit-transform 0.5s ease-in-out, width 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, width 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, width 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;
}
.btn-menu {
  position: fixed;
  width: 50px;
  padding: 9px 10px 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.btn-menu a {
  display: block;
  width: 30px;
  height: 30px;
  background: url('../../images/btn/btn-lnbmenu.png') no-repeat 0 0;
  text-indent: -9999px;
}
.btn-menu a.active {
  background-position: 0 -30px;
}
#main .btn-menu {
  top: 0;
  left: 0;
  height: 90px;
  padding-top: 30px;
}
#main .btn-menu a.home {
  position: absolute;
  top: 30px;
  left: 76px;
  width: 166px;
  height: 61px;
  background: url('../../images/common/logo.png') no-repeat 0 0;
}
#sub .btn-menu {
  top: 0;
  left: 0;
  height: 50px;
  padding-top: 9px;
}
#sub .btn-menu a.home {
  position: absolute;
  top: 7px;
  left: 72px;
  width: 115px;
  height: 32px;
  background: url('../../images/common/logo-sub.png') no-repeat 0 0;
}
.lnb {
  width: 50px;
  margin-top: 1px;
}
.lnb > ul > li {
  position: relative;
  z-index: 100;
  background: #2f323b;
}
.lnb > ul > li > a.dep1 {
  height: 50px;
  line-height: 50px;
  padding-left: 50px;
  padding-right: 0;
  box-sizing: border-box;
  padding-right: 26px;
  background: url('../../images/common/ico-menu-off.png') no-repeat 0 0;
  color: #ccc;
  font-size: 15px;
}
.lnb > ul > li > a.dep1 > span {
  display: none;
  width: 170px;
  padding-left: 10px;
  box-sizing: border-box;
}
.lnb > ul > li.active {
  background: #4485f2;
}
.lnb > ul > li.active > a.dep1 {
  background: url('../../images/common/ico-menu-on.png') no-repeat 0 0;
  color: #fff;
}
.lnb > ul > li.active > a.dep1 > span {
  display: block;
  height: 51px;
  padding-left: 10px;
  background: #4485f2;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.lnb > ul > li.active > a.dep1 > span:after {
  position: absolute;
  top: 0px;
  left: 48px;
  display: block;
  content: '';
  width: 2px;
  height: 46px;
  border: 0;
  background: #427fe4;
  /* Old browsers */
  background: -moz-linear-gradient(left, #427fe4 0%, #3e6dbd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #427fe4 0%, #3e6dbd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #427fe4 0%, #3e6dbd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#427fe4', endColorstr='#3e6dbd', GradientType=1);
  /* IE6-9 */
}
.lnb > ul > li.active.submenu > a.dep1 > span {
  height: 51px;
  width: 175px;
}
.lnb > ul > li.active.submenu > .dep2 {
  display: none;
}
.lnb .dep2 {
  display: none;
  position: absolute;
  top: 51px;
  left: 50px;
  width: 175px;
  padding: 15px 10px;
  background: #fff;
  border-right: 1px solid #ccc;
  border-top: 0;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.lnb .dep2 li {
  margin-top: 15px;
}
.lnb .dep2 li a {
  display: block;
  padding-left: 15px;
  background: url('../../images/common/bul-dash-gray-2.png') no-repeat 0 9px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.lnb .dep2 li:first-child {
  margin-top: 0;
}
.lnb .dep2 li a:hover,
.lnb .dep2 li.active a {
  background: url('../../images/common/bul-dash-org-2.png') no-repeat 0 9px;
  color: #ff9000;
}
.lnb > ul > li.liDep01 > a {
  background-position: 2px -5px;
}
.lnb > ul > li.liDep02 > a {
  background-position: 2px -51px;
}
.lnb > ul > li.liDep03 > a {
  background-position: 2px -97px;
}
.lnb > ul > li.liDep04 > a {
  background-position: 0 -143px;
}
.lnb > ul > li.liDep05 > a {
  background-position: 1px -189px;
}
.lnb > ul > li.liDep06 > a {
  background-position: 2px -235px;
}
.lnb > ul > li.liDep07 > a {
  background-position: 0 -281px;
}
.lnb > ul > li.liDep08 > a {
  background-position: 0 -281px;
}
.lnb > ul > li.liDep09 > a {
  background-position: 1px -327px;
}
.lnb > ul > li.liDep10 > a {
  background-position: 0 -419px;
}
.lnb > ul > li.liDep11 > a {
  background-position: 2px -419px;
}
.lnb > ul > li.liDep12 > a {
  background-position: 2px -555px;
}
.lnb > ul > li.liDep13 > a {
  background-position: 0 -557px;
}
.lnb > ul > li.liDep14 > a {
  background-position: 2px -465px;
}
.lnb > ul > li.liDep19 > a {
  background-position: 2px -511px;
}
.lnb > ul > li.liDep20 > a {
  background-position: 0 -599px;
}
.lnb > ul > li.liDep22 > a {
  background-position: 2px -373px;
}
.lnb > ul > li.liDep23 > a {
  background-position: 2px -5px;
}
.lnb > ul > li .leftTit{
	color: #bdbdbd;
    font-size: 10px;
    position: absolute;
    bottom: 5px;
    width: 50px;
    text-align: center;
}

.lnb > ul > li.active .leftTit {color: #fff;}

.lnb > ul > li.active.liDep01 > a {
  background-position: 2px -5px;
}
.lnb > ul > li.active.liDep02 > a {
  background-position: 2px -51px;
}
.lnb > ul > li.active.liDep03 > a {
  background-position: 2px -97px;
}
.lnb > ul > li.active.liDep04 > a {
  background-position: 0 -143px;
}
.lnb > ul > li.active.liDep05 > a {
  background-position: 1px -189px;
}
.lnb > ul > li.active.liDep06 > a {
  background-position: 2px -235px;
}
.lnb > ul > li.active.liDep07 > a {
  background-position: 0 -281px;
}
.lnb > ul > li.active.liDep08 > a {
  background-position: 0 -281px;
}
.lnb > ul > li.active.liDep09 > a {
  background-position: 1px -327px;
}
.lnb > ul > li.active.liDep10 > a {
  background-position: 0 -419px;
}
.lnb > ul > li.active.liDep11 > a {
  background-position: 2px -419px;
}
.lnb > ul > li.active.liDep12 > a {
  background-position: 2px -555px;
}
.lnb > ul > li.active.liDep13 > a {
  background-position: 0 -557px;
}
.lnb > ul > li.active.liDep14 > a {
  background-position: 2px -465px;
}
.lnb > ul > li.active.liDep19 > a {
  background-position: 2px -511px;
}
.lnb > ul > li.active.liDep20 > a {
  background-position: 0 -599px;
}
.lnb > ul > li.active.liDep22 > a {
  background-position: 2px -373px;
}
.lnb > ul > li.active.liDep23 > a {
  background-position: 2px -5px;
}
.open-menu .lnb {
  width: 260px;
}
.open-menu .lnb > ul > li {
  position: static;
  background: #2f323b;
}
.open-menu .lnb > ul > li > a.dep1 > span {
  display: block;
  width: 170px;
  padding-left: 10px;
  box-sizing: border-box;
}
.open-menu .lnb > ul > li.submenu {
  background: #2f323b url('../../images/common/bg-submenu-close.png') no-repeat 224px 21px;
}
.open-menu .lnb > ul > li.active {
  background-color: #4485f2;
}
.open-menu .lnb > ul > li.active > a.dep1 > span {
  display: block;
  height: 46px;
  padding-left: 10px;
  background: #4485f2;
  border: none;
  box-sizing: border-box;
}
.open-menu .lnb > ul > li.active > a.dep1 > span:after {
  position: static;
  top: 0px;
  left: 48px;
  display: none;
  content: '';
  background: none;
}
.open-menu .lnb > ul > li.active.submenu > a.dep1 > span {
  height: 46px;
  width: 170px;
  background: #4485f2;
}
.open-menu .lnb > ul > li.active.submenu {
  background: #4485f2 url('../../images/common/bg-submenu-open.png') no-repeat 224px 21px;
}
.open-menu .lnb > ul > li.active.submenu > .dep2 {
  display: none;
}
.open-menu .dep2 {
  display: none;
  position: static;
  width: 260px;
  padding: 15px 15px;
  background: #525252;
  box-sizing: border-box;
}
.open-menu .dep2 > li {
  margin-top: 15px;
}
.open-menu .dep2 > li:first-child {
  margin-top: 0;
}
.open-menu .dep2 > li > a {
  display: block;
  padding-left: 15px;
  background: url('../../images/common/bul-dash-gray-1.png') no-repeat 0 9px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.open-menu .dep2 > li > a:hover,
.open-menu .dep2 > li.active > a {
  background: url('../../images/common/bul-dash-org-1.png') no-repeat 0 9px;
  color: #ff9000;
}
.searchwrap {
  display: none;
  margin-top: 30px;
  padding: 0 15px;
}
.searchwrap .inputsearch {
  position: relative;
}
.searchwrap .inputsearch .inp-text {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 43px 0 10px;
  background: #525252;
  border: 1px solid #898989;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff !important;
}
.searchwrap .inputsearch .inp-text:hover,
.searchwrap .inputsearch .inp-text:focus {
  border-color: #4485f2;
  outline: none;
}
.searchwrap .inputsearch .inp-text::-webkit-input-placeholder {
  color: #fff;
}
.searchwrap .inputsearch .inp-text::-moz-placeholder {
  color: #fff;
}
.searchwrap .inputsearch .inp-text:-ms-input-placeholder {
  color: #fff;
}
.searchwrap .inputsearch .inp-text:-moz-placeholder {
  color: #fff;
}
.searchwrap .inputsearch .inp-text[placeholder] {
  color: #fff;
}
.searchwrap .inputsearch .btn-search {
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 33px;
  height: 28px;
  background: #525252 url('../../images/btn/btn-search.png') no-repeat 50%;
}
.searchwrap .inputsearch .btn-search span {
  display: inline-block;
  text-indent: -9999px;
}
.searchwrap .inputsearch .srchlist {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 316px;
  min-height: 90px;
  background: #fff;
  border: 1px solid #4485f2;
  box-sizing: border-box;
}
.searchwrap .inputsearch .srchlist ul {
  padding: 6px 0;
}
.searchwrap .inputsearch .srchlist ul li {
  margin-top: 2px;
}
.searchwrap .inputsearch .srchlist ul li:first-child {
  margin-top: 0;
}
.searchwrap .inputsearch .srchlist ul li a {
  display: block;
  padding: 5px 12px;
  color: #666;
}
.searchwrap .inputsearch .srchlist ul li a:hover {
  background: #d6dfef;
}
.searchwrap .inputsearch .srchlist .keyword {
  color: #f90000;
}
.zoom-control {
  position: fixed;
  top: 450px;
  right: 3px;
  width: 24px;
  height: 95px;
  border-radius: 19px;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  -webkit-box-shadow: 0px 0px 5px 1px #ececec;
  -moz-box-shadow: 0px 0px 5px 1px #ececec;
  box-shadow: 0px 0px 5px 1px #ececec;
}
.zoom-control ul li {
  border-top: 1px solid #D4D4D4;
}
.zoom-control ul li:first-child {
  border-top: none;
}
.zoom-control ul li a {
  display: block;
  width: 32px;
  height: 30px;
  background: url('../../images/common/ico-zoom-off.png') no-repeat 0 0;
}
.zoom-control ul li a:hover {
  background: url('../../images/common/ico-zoom-on.png') no-repeat;
}
.zoom-control ul li.reduce a {
  background-position: 3px 7px;
}
.zoom-control ul li.default a {
  background-position: 3px -30px;
}
.zoom-control ul li.expand a {
  background-position: 3px -66px;
}
.sub-head {
  overflow: hidden;
}
.sub-head h3 {
  float: left;
  color: #000;
  font-size: 22px;
  font-family: 'notokr-medium';
}
.sub-head .location {
  float: right;
  padding-top: 5px;
  color: #555;
}
.sub-head .location * {
  display: inline-block;
  margin: 0 5px;
}
.sub-head .location .home {
  padding-left: 18px;
  background: url('../../images/common/ico-home.png') no-repeat 0 50%;
}
.sub-head .location strong {
  color: #000;
  font-weight: normal;
}
.sub-cont {
  margin-top: 10px;
}
.sub-cont > .boxwrap:first-child {
  margin-top: 0 !important;
}
.content > .subcont {
  margin-top: 5px;
}
.subcont > .boxwrap:first-child {
  margin-top: 0 !important;
}
.boxwrap {
  margin-top: 20px;
  background: #fff;
  border-top: 1px solid #d1d1d1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.boxwrap .boxhead {
  overflow: hidden;
  height: 40px;
  padding: 0 10px 0 15px;
}
.boxwrap .boxhead h4 {
  float: left;
  height: 40px;
  line-height: 40px;
  color: #006bd5;
  font-size: 16px;
  font-family: 'notokr-regular';
}
.boxwrap .boxhead .txt-btns {
  float: left;
}
.boxwrap .boxhead .txt-btns h4 {
  margin-right: 10px;
}
.boxwrap .boxhead .txt-btns a,
.boxwrap .boxhead .txt-btns button {
  margin-top: 7px;
  vertical-align: top;
}
.boxwrap .boxhead .btns {
  float: right;
}
.boxwrap .boxhead .btns a,
.boxwrap .boxhead .btns button {
  margin-top: 6px;
  margin-left: 1px;
  vertical-align: top;
}
.boxwrap .boxhead .type-selectbox2 {
  margin-top: 6px;
  vertical-align: top;
}
.boxwrap .boxinner {
  padding: 15px 15px 25px;
  border-top: 1px solid #d1d1d1;
  box-sizing: border-box;
}
.boxwrap .boxinner-full {
  padding: 0;
  border-top: 1px solid #d1d1d1;
  box-sizing: border-box;
}
.boxwrap.column {
  width: 100%;
}
.boxwrap.column .fl {
  width: 58%;
}
.boxwrap.column .fr {
  width: 42%;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
}
.boxwrap.column .boxinner {
  min-height: 315px;
}
.icon-tit-schedule {
  padding-left: 20px;
  background: url('../../images/ico/ico-schedule.png') no-repeat 0 50%;
}
.icon-tit-state1 {
  padding-left: 21px;
  background: url('../../images/ico/ico-task.png') no-repeat 0 50%;
}
.icon-tit-state2 {
  padding-left: 23px;
  background: url('../../images/ico/ico-graph-1.png') no-repeat 0 50%;
}
.icon-tit-state3 {
  padding-left: 24px;
  background: url('../../images/ico/ico-graph-2.png') no-repeat 0 50%;
}
.icon-tit-state4 {
  padding-left: 34px;
  background: url('../../images/ico/ico-graph-3.png') no-repeat 0 50%;
}
.icon-tit-task {
  padding-left: 21px;
  background: url('../../images/ico/ico-tit-task.png') no-repeat 0 50%;
}
.icon-tit-list {
  padding-left: 21px;
  background: url('../../images/ico/ico-tit-list.png') no-repeat 0 50%;
}
.icon-tit-strategy {
  padding-left: 24px;
  background: url('../../images/ico/ico-tit-strategy.png') no-repeat 0 50%;
}
.webofficewrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 320px;
  margin-top: 15px;
  color: #555;
  font-size: 18px;
}
.btn-weboffice {
  width: 77px;
}
.btn-more {
  display: block;
  position: relative;
  padding-right: 14px;
  color: #006bd5;
}
.btn-more:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  width: 10px;
  height: 7px;
  margin-top: -3px;
  background: url('../../images/common/bg-more-arrow.png') no-repeat 0 0;
}
.btn-more.active:after {
  background-position: 0 bottom;
}
.table-graph table {
  width: 100%;
}
.table-graph table thead th {
  padding: 10px 15px;
  border-top: 1px solid #d1d1d1;
  border-bottom: 3px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  color: #000;
  text-align: left;
}
.table-graph table thead th:first-child {
  border-left: 0;
}
.table-graph table tbody th,
.table-graph table tbody td {
  padding: 10px 15px;
  background: #e6e6e6;
  border-bottom: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  text-align: left;
}
.table-graph table tbody th {
  border-left: 0;
}
.taskstate-progress {
  margin: 20px 0 0;
}
.taskstate-progress ul {
  width: 100%;
  margin-top: -4px;
}
.taskstate-progress ul li {
  float: left;
  width: 14%;
  margin-top: 4px;
  margin-left: 4px;
}
.taskstate-progress ul li:nth-child(1),
.taskstate-progress ul li:nth-child(8) {
  margin-left: 0;
}
.statebox {
  display: inline-block;
  width: 100%;
  min-height: 79px;
  padding: 55px 10px 10px;
  background: #eeeeee url('../../images/ico/ico-state-set.png') no-repeat;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
}
.statebox:hover {
  background-color: #d7cc53;
  border: 1px solid #d7cc53;
}
.statebox .tit {
  float: left;
  width: 80%;
  color: #555;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*텍스트 말줄임*/
.statebox .num {
  float: right;
  width: 20%;
  color: #555;
  font-size: 14px;
  text-align: right;
}
.statebox.icon-state1 {
  background-position: 50% 8px;
}
.statebox.icon-state2 {
  background-position: 50% -91px;
}
.statebox.icon-state3 {
  background-position: 50% -190px;
}
.statebox.icon-state4 {
  background-position: 50% -287px;
}
.statebox.icon-state5 {
  background-position: 50% -388px;
}
.statebox.icon-state6 {
  background-position: 50% -489px;
}
.view-suggetwrap {
  position: relative;
  /*overflow:hidden;*/
  height: 100%;
  /*min-height:300px*/
}
.view-suggetwrap .txt-bullet {
  margin: 5px 0 10px;
}
.view-graph {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 250px;
}
.view-graph .sort {
  margin-bottom: 15px;
}
.view-graph .sort .type-selectbox {
  width: 150px;
  margin-right: 1px;
}
.view-table {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
}
.view-table .table-sgt {
  margin-top: 0;
  background: #fff;
}
.dimbg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.pop-resort {
  display: none;
  position: absolute;
  top: 40px;
  right: 15px;
  z-index: 1001;
  width: 630px;
  min-height: 150px;
}
.pop-resort .pop-body {
  padding: 20px;
}
.pop-resort .pop-body .comntfield {
  padding: 0;
}
.icon-tit3-1 {
  padding-left: 24px;
  background: url('../../images/ico/ico-tit3-1.png') no-repeat 0 50%;
}
.icon-tit3-2 {
  padding-left: 24px;
  background: url('../../images/ico/ico-tit3-2.png') no-repeat 0 50%;
}
.icon-tit4-1 {
  padding-left: 27px;
  background: url('../../images/ico/ico-tit4-1.png') no-repeat 0 50%;
}
.icon-tit4-2 {
  padding-left: 25px;
  background: url('../../images/ico/ico-tit4-2.png') no-repeat 0 50%;
}
.tabmenu {
  overflow: hidden;
  float: left;
  margin: 0 16px 0 -15px;
}
.tabmenu li {
  position: relative;
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-size: 16px;
  cursor: pointer;
}
.tabmenu li.active {
  color: #006bd5;
}
.tabmenu li.active:after {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  border: 1px solid #006bd5;
  box-sizing: border-box;
}
.icon-tit-tl1 {
  padding-left: 26px;
  background: url('../../images/ico/ico-tit-tl1.png') no-repeat 0 50%;
}
.icon-tit-tl2 {
  padding-left: 26px;
  background: url('../../images/ico/ico-tit-tl2.png') no-repeat 0 50%;
}
.icon-tit-tl3 {
  padding-left: 27px;
  background: url('../../images/ico/ico-tit-tl3.png') no-repeat 0 50%;
}
.slide_container {
  position: relative;
  overflow: hidden;
}
.slide_container .popcontainer {
  position: absolute;
  top: 97px;
  left: 0;
  padding-top: 0;
  overflow-y: auto;
}
.slide_container .popcontainer .content {
  padding: 0 20px 20px;
}
th.fc-day-header.fc-widget-header {
  padding: 5px;
  background: #FAFAFA;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: left;
  padding-left: 4px;
}
.mainMMLayout .chartArea {
  float: left;
  width: calc(100% - 230px);
}
.mainMMLayout .numArea {
  float: right;
  width: 200px;
}
.mainChartUl li {
  background: #c8e5fc;
  padding: 11px;
  margin: 10px;
  font-size: 13px;
}
.mainChartUl li .tit {
  float: left;
}
.mainChartUl li span {
  color: black;
  font-size: 22px;
}
.mainChartUl .row6 {
  height: 32px;
}
.mainChartUl .row6 .count {
  float: right;
  padding-top: 10px;
}
.mainChartUl .row5 {
  height: 45px;
}
.mainChartUl .row5 .count {
  float: right;
  padding-top: 20px;
}
.mainChartUl .row4 {
  height: 64px;
}
.mainChartUl .row4 .count {
  float: right;
  padding-top: 40px;
}
.mainChartUl .tot {
  background: #ace2ca;
}
.mainChartUl .dim {
  background: #f4c5bf;
}
.msrProgress {
  padding: 0px 0px 5px 0px;
  font-size: 15px;
  font-family: 'notokr-medium' !important;
}
.msrProgress strong {
  font-size: 20px;
}
.mainTopPicDt {
  top: 75px !important;
  width: 255px !important;
  z-index: 2;
}
.mainTopPicDt:before {
  display: block;
  content: '';
  position: absolute;
  top: -8px;
  left: 77% !important;
  width: 14px;
  height: 8px;
  margin-left: -4px;
  background: url('../../images/common/bg-lang-top.png') no-repeat 0 0;
}
.mainTopPicDt .nameTit {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.mainTopPicDt .nameTit p {
  font-size: 16px;
  font-family: 'notokr-medium' !important;
  color: #0076ff;
  padding-bottom: 5px;
}
.mainTopPicDt .nameTit span {
  float: right;
}
.notiList {
  height: calc(100vh - 210px);
  overflow: auto;
}
.notiList > ul {
  border-top: 1px solid #d1d1d1;
}
.notiList > ul li.active {
  background: #f8f8f8;
}
.notiList > ul li.list {
  border-bottom: 1px solid #d1d1d1;
  padding: 15px;
}
.notiList > ul li .head {
  font-size: 15px;
  cursor: pointer;
}
.notiList > ul li .body {
  font-size: 13px;
  display: none;
}
.notiList > ul li .body .cont {
  padding: 20px 15px;
  margin-top: 10px;
}
#main .rAside {
  top: 90px;
}
#sub .rAside {
  top: 51px;
}
.rAside {
  position: fixed;
  right: -372px;
  width: 400px;
  top: 51px;
  z-index: 300;
}
.rAside ul {
  overflow: hidden;
  height: 100%;
}
.rAside ul li {
  padding: 8px 0px 8px 5px;
  border-bottom: 1px dotted #e6e6e6;
}
.rAside ul li span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rAside ul li span:nth-child(1) {
  width: 220px;
}
.rAside ul li span:nth-child(2) {
  width: 50px;
  text-align: right;
}
.rAside ul li span:nth-child(3) {
  width: 50px;
  text-align: right;
}
.rAside .rArrow {
  position: absolute;
  top: 211px;
  width: 10px;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  box-shadow: -6px 6px 8px rgba(0, 0, 0, 0.25);
  padding: 40px 9px;
  background: #fff;
  font-family: 'notokr-medium';
  cursor: pointer;
}
.rAside .rArrow .inMark {
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-left: 0px solid #555;
  border-right: 10px solid #555;
  border-bottom: 5px solid transparent;
}
.rAside .rArrow .outMark {
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-left: 10px solid #555;
  border-right: 0px solid #555;
  border-bottom: 5px solid transparent;
}
.rAside .cont {
  float: right;
  width: 372px;
  background: #fff;
  box-shadow: -2px 6px 13px rgba(0, 0, 0, 0.45);
  border-top: 1px solid #d1d1d1;
}
.rAside .cont .halfArea {
  height: calc(50% - 100px);
  padding: 20px;
}
.rAside .cont .halfArea .titArea {
  border-bottom: 1px solid #d1d1d1;
  padding: 3px;
}
.rAside .cont .halfArea .titArea .tit {
  font-family: 'notokr-medium';
  color: #055cb3;
  font-size: 16px;
  line-height: 25px;
}
.rAside .cont .halfArea .titArea .addBtn {
  float: right;
  font-size: 17px;
  padding-top: 4px;
}
.hooBoard {
  overflow: auto;
}
.hooBoard ul li {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 20px;
}
.hooBoard ul li > div {
  display: inline-table;
  vertical-align: top;
}
.hooBoard ul li .pic {
  width: 60px;
}
.hooBoard ul li .pic img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.hooBoard ul li .cont {
  width: calc(100% - 260px);
}
.hooBoard ul li .cont .tit {
  font-size: 17px;
  line-height: 26px;
  color: #055cb3;
  font-family: 'notokr-medium';
}
.hooBoard ul li .cont .cnt {
  background-color: #9bbe30;
  padding: 0px 10px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  font-family: 'notokr-demilight';
}
.hooBoard ul li .cont .regNm {
  font-size: 11px;
}
.hooBoard ul li .date {
  width: 110px;
  padding-top: 13px;
  font-size: 15px;
}
.hooBoard ul li .views {
  width: 80px;
  text-align: center;
}
.hooBoard ul li .views .cnt {
  font-size: 26px;
  line-height: 29px;
}
.hooBoard ul li .views .view {
  font-size: 11px;
}
.hooBoard ul li .reBox {
  width: 40px;
  font-size: 20px;
  padding-top: 8px;
  padding-left: 10px;
}
.icon_mark {
  position: absolute;
  top: 12px;
  left: 20px;
  width: 26px;
  height: 25px;
  background: url(/images/ico/icon_mailMark_off.png) no-repeat;
}
.icon_mark.on {
  position: absolute;
  top: 12px;
  left: 20px;
  width: 26px;
  height: 25px;
  background: url(/images/ico/icon_mailMark_on.png) no-repeat;
}
.pop-header.bookMark {
  padding-left: 40px !important;
}
.recomBox {
  margin: 20px 0px;
  height: 648px;
  background: #FAFAFA;
}
.recomBox .esti {color: #673AB7;}
.recomBox > ul {
  padding: 15px;
  overflow: auto;
  height: 618px;
}
.recomBox > ul .rcmdLi {
  border-bottom: 1px solid #d1d1d1;
  padding: 15px;
  position: relative;
  background: #fff;
}
.recomBox > ul .rcmdLi:last-child {
  border-bottom: 0px;
}
.recomBox > ul .rcmdLi .tit {
  font-size: 18px;
  color: black;
  max-width: calc(100% - 300px);
}
.recomBox > ul .rcmdLi .body {
  vertical-align: top;
  padding: 0px 0px 0px 10px;
  width: calc(100% - 110px);
}
.recomBox > ul .rcmdLi .body .cont {
  font-size: 14px;
  padding-top: 8px;
  line-height: 19px;
}
.recomBox > ul .rcmdLi .apBox {
  width: 68px;
  height: 68px;
  padding: 10px;
  color: #fff;
  border-radius: 15px;
}
.recomBox > ul .rcmdLi .boxR {
  background: linear-gradient(180deg, #ff2b62, #ff5630);
}
.recomBox > ul .rcmdLi .boxG {
  background: linear-gradient(0deg, #63fe7c, #07b925 70%);
}
.recomBox > ul .rcmdLi .boxB {
  background: linear-gradient(0deg, #01d9ff, #1657f3);
}
.wordCloudCont {
  margin-top: 0px;
  margin-bottom: 20px;
}
.wordCloudCont .wTit {
  height: 28px;
  font-family: 'notokr-medium' !important;
}
.wordCloudCont .wordType1 {
  font-family: 'notokr-demilight' !important;
  color: #ff3d6a !important;
}
.wordCloudCont .wordType2 {
  font-family: 'notokr-demilight' !important;
  color: #c09292 !important;
}
.wordCloudCont .wordType3 {
  font-family: 'notokr-demilight' !important;
  color: #d1d1d1 !important;
}
.wordCloudCont .wordCloudLay {
  display: inline-table;
  width: calc(100% - 580px);
  height: 400px;
  border-right: 1px solid #d1d1d1;
  padding: 0px 15px;
}
.wordCloudCont .wordCloudLay .wordCloudBg {
  width: 100%;
  height: 360px;
  background: radial-gradient(#ffe0e0, #ffffff 80%);
}
.wordCloudCont .topicMapLay {
  display: inline-table;
  width: 500px;
  height: 400px;
  padding: 0px 15px;
}
.wordCloudCont .topicMapLay .topicMapBg {
  width: 100%;
  height: 370px;
  background: radial-gradient(#d1ffd3, #ffffff 70%);
}
.wordCloudCont .d3ChartLay {
  position: relative;
  width: 100%;
  height: 380px;
}
.wordCloudCont .wListLay {
  display: inline-table;
  min-width: 200px;
  max-width: 215px;
  border-right: 1px solid #d1d1d1;
  padding: 0px 15px;
}
.wordCloudCont .wListLay .wList {
  position: relative;
  height: 332px;
}
.wordCloudCont .wListLay .wList .wListUl li {
  padding: 5px;
}
.wordCloudCont .wListLay .wList .wListUl li .pt {
  background: #ff3d6a;
  color: #ffffff;
  border-color: #ff3d6a;
}
.wordCloudCont .wListLay .wList .wListUl li .mx {
  padding: 0px 6.5px;
}
.wordCloudCont .wListLay .wList .wListUl li .cnt {
  font-size: 13px;
}
.wordCloudCont .wListLay .wList .wListUl li button {
  min-width: 24px;
  height: 22px;
}
.wordCloudCont .wListLay .wList .wListUl li span {
  font-size: 16px;
  vertical-align: middle;
  padding-left: 10px;
}
.wordCloudCont .dataSourceLay {
  display: inline-table;
  width: 25%;
  height: 360px;
  border-right: 1px solid #d1d1d1;
  padding: 0px 15px;
}
.wordCloudCont .dataSourceLay .dcChart {
  position: relative;
  height: 332px;
}
.wordCloudCont .taskListLay {
  display: inline-table;
  width: calc(75% - 296px);
  height: 360px;
  padding: 0px 0px 0px 15px;
}
.wordCloudCont .taskListLay .taskListCont {
  height: 332px;
}
.wordCloudCont .taskListLay .taskListCont .taskListUl {
  padding: 0px 10px;
}
.wordCloudCont .taskListLay .taskListCont .taskListUl li {
  line-height: 25px;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 8px;
}
.wordCloudCont .taskListLay .taskListCont .taskListUl li span:nth-child(1) {
  font-size: 15px;
  display: inline-block;
  width: 70px;
}
.wordCloudCont .taskListLay .taskListCont .taskListUl li span:nth-child(2) {
  font-size: 15px;
  width: calc(70% - 80px);
}
.wordCloudCont .taskListLay .taskListCont .taskListUl li span:nth-child(3) {
  padding-right: 5px;
  width: 30%;
  text-align: right;
}
.loginwrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('../../images/flasks.png') no-repeat left top;
  background-size: cover;
}
.loginareawrap {
  position: absolute;
  top: 35%;
  left: 30%;
  margin: -138px 0 0 -148px;
  width: 800px;
}
.loginarea {
  width: 310px;
  height: 480px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  display: table-cell;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.06);
}
.loginarea h1 {
  text-align: center;
  padding-top: 50px;
}
.loginarea h1 img {
  line-height: 0;
  vertical-align: top;
}
.loginarea .loginbox {
  margin: 35px auto 10px;
  text-align: center;
  width: 80%;
}
.loginarea .loginbox span.txt {
  text-align: left;
  color: #999999;
  font-size: 15px;
  width: 100%;
  display: block;
  float: left;
  padding: 15px 0 0 15px;
}
.loginarea .loginbox input.inp-text {
  width: 100%;
  height: 45px;
  border: none;
  box-sizing: border-box;
  color: #000 ;
  font-size: 15px;
  background: #ffffff url('../../images/common/login-input.png') left top no-repeat;
}
.loginarea .loginbox input::-webkit-input-placeholder {
  color: #999;
  font-size: 16px;
}
.loginarea .loginbox input::-moz-placeholder {
  color: #000;
  font-size: 16px;
}
.loginarea .loginbox input:-ms-input-placeholder {
  color: #000;
  font-size: 16px;
}
.loginarea .loginbox input:-moz-placeholder {
  color: #000;
  font-size: 16px;
}
.loginarea .loginbox dd {
  margin: 5px;
  border-bottom: 2px solid #ebecf1;
  width: 100%;
  text-align: center;
  padding-left: 5px;
  color: #000000;
}
.loginarea .btn-login {
  margin-top: 45px;
  width: 186px;
  height: 35px;
  line-height: 30px;
  background: #bb2649;
  border-radius: 20px;
  box-sizing: border-box;
  color: #fff;
  font-size: 17px;
  text-align: center;
  font-family: 'notokr-regular';
}
.loginarea_text {
  display: table-cell;
  padding: 0 0 25px 50px;
  font-size: 37px;
  color: #fff;
  font-family: 'dotum';
  letter-spacing: 3px;
}
.loginwrap .footer {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  font-size: 11px;
  height: 26px;
  color: #ababab;
  background: #ffffff url('../../images/common/logo-login-footer.png') no-repeat right top;
  padding: 7px 46px 0 0 ;
  box-sizing: border-box;
  text-align: right;
}
.loginarea input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset!important;
}
.loginarea input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}
h2.tit {
  color: #8d0073;
  font-size: 16px;
  font-family: 'notokr-medium';
}
h3.subtit {
  margin-top: 20px;
  padding-left: 20px;
  background: url('../../images/ico/ico-pop-subtit.png') no-repeat left 0;
  color: #333;
  font-size: 15px;
  font-family: 'notokr-demilight';
}
h4.subtit {
  margin-top: 20px;
  padding-left: 20px;
  background: url('../../images/ico/ico-pop-subtit.png') no-repeat left 0;
  color: #333;
  font-size: 15px;
  font-family: 'notokr-demilight';
}
p.mtit {
  color: #006bd5;
  font-size: 17px;
}
p.subtit {
  background-image: none;
  padding-left: 0;
  color: #333;
  font-size: 15px;
  font-family: 'notokr-demilight';
}
.selectboxwrap .type-selectbox1 {
  margin-right: 7px;
}
.card-addinfo .table-form td .inp-text {
  width: 190px;
}
.card-addinfo .table-form td .box-quicksearch {
  width: 190px;
}
.card-marketscale .table-state .inp-text {
  width: 100%;
}
.spsrchwrap {
  position: absolute;
  top: -5px;
  right: -1px;
}
.spsrchwrap label {
  position: absolute;
  top: 8px;
  right: 125px;
}
.spsrchwrap .box-quicksearch {
  min-width: 285px;
}
.spsrchwrap .box-quicksearch .inp-text {
  position: absolute;
  right: 0;
  width: 115px;
}
.spsrchwrap .srchlist {
  position: absolute;
  top: 29px;
  right: 0;
  left: none;
}
.spsrchwrap .srchlist ul {
  overflow: auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.forumcontents {
  margin-top: 30px;
}
.forumcontents .box-textfield {
  margin-top: 0;
}
.forumcontents .box-textfield .count {
  display: block;
  margin-right: 0;
  padding-right: 2px;
  text-align: right;
}
.forumcontents .quicksearchwrap {
  display: inline-block;
  width: 100%;
}
.forumcontents .quicksearchwrap .srchbtn {
  float: left;
  min-width: 140px;
}
.forumcontents .quicksearchwrap .srchbtn a {
  height: 26px;
  line-height: 26px;
}
.forumcontents .quicksearchwrap .box-quicksearch {
  float: left;
  width: 70%;
}
.forumcontents .quicksearchwrap .box-quicksearch .srchlist {
  width: 100%;
}
.plinfo {
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  color: #333;
  font-size: 15px;
}
.plinfo dt {
  padding: 12px 20px;
  border-bottom: 1px solid #c9c9c9;
}
.plinfo dd {
  padding: 20px 0;
  text-align: center;
}
.techsummary .info-text + .btnwrap {
  margin: 30px 0;
}
.techsummary .table-state1 {
  overflow: auto;
  min-width: 880px;
  width: 100%;
}
.techsummary .txt-sum {
  margin-left: 20px;
  font-size: 14px;
  vertical-align: -2px;
}
.techsummary .comntwrap {
  margin-top: 10px;
  border-top: 0;
}
.addapproval {
  position: relative;
  min-height: 30px;
}
.addapproval .box-tooltip2 {
  position: absolute;
  top: 7px;
  right: 135px;
}
.addapproval .box-tooltip2 .layer-comnt {
  width: 286px;
  margin-left: -143px;
}
.addapproval .btn-sort-white {
  position: absolute;
  right: 0;
}
.addapproval .btn-sort-white .ico-approval {
  display: block;
  margin: 0 12px;
  padding-left: 24px;
  background: url('../../images/ico/ico-approval-add.png') no-repeat 0 50%;
}
.info-text1 + .btnwrap {
  margin: 30px 0 20px;
}
.combinewrap .toparea {
  overflow: hidden;
  margin-bottom: 6px;
  padding-top: 8px;
}
.combinewrap .toparea .txt-bullet {
  float: left;
}
.combinewrap .toparea .btns {
  float: right;
  margin-top: -8px;
}
.combinewrap .comntwrap {
  margin: 0;
  border: 0;
}
.combinewrap .comntwrap .subtit {
  padding: 10px 0 0 15px;
  color: #000;
  font-size: 15px;
}
.combinewrap + .btnwrap {
  margin-top: 30px;
}
.adoptinfo .corplist {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
.adoptinfo .corplist ul:after {
  display: block;
  content: '';
  clear: both;
}
.adoptinfo .corplist ul li {
  float: left;
  margin-right: 28px;
}
.adoptinfo .corplist ul li span {
  display: inline-block;
  vertical-align: middle;
}
.adoptinfo .corplist .btn-del {
  display: inline-block;
  vertical-align: middle;
}
.adoptinfo .box-checkbox {
  margin-left: 6px;
}
.tophead {
  position: relative;
  overflow: hidden;
  margin: 20px 0 0;
}
.tophead h3.subtit {
  position: absolute;
  top: 4px;
  margin-top: 0;
}
.tophead .btn-add1 {
  float: right;
}
.cardcont .mtit {
  margin: 20px 0 10px;
}
.cardcont .mtit + .box-textfield {
  margin-top: 0;
}
.groupingdata {
  position: relative;
  padding-top: 33px;
}
.groupingdata .btn-mid-sort {
  position: absolute;
  top: 0;
  left: 0;
}
.groupingdata .txt-unit {
  position: absolute;
  top: 15px;
  right: 0;
  margin: 0;
}
.groupingdata .card-boxwrap {
  margin-top: 30px;
}
.groupingdata .card-boxwrap .txt-bullet {
  margin-bottom: 10px;
}
.inchargewrap {
  margin-top: 15px;
}
.inchargewrap:after {
  display: block;
  content: '';
  clear: both;
}
.inchargewrap li {
  float: left;
  margin-left: 8px;
}
.inchargewrap li:first-child {
  margin-left: 0;
}
.inchargewrap li .chkwrap {
  display: inline-block;
  width: 134px;
  height: 26px;
  padding: 3px 0 0 9px;
  border: 1px dashed #a0a0a0;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: top;
}
.inchargewrap li .box-quicksearch {
  display: inline-block;
  vertical-align: top;
}
.inchargewrap li .label-txt {
  display: inline-block;
  line-height: 15px;
}
.inchargewrap li .box {
  overflow: hidden;
  display: inline-block;
  width: 150px;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 10px;
  background: #e7f0fa;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
}
.inchargewrap li .box span {
  color: #333;
  font-size: 14px;
}
.inchargewrap li .box .btn-del {
  float: right;
  vertical-align: top;
  margin-top: -2px;
}
.inchargewrap li.active .chkwrap {
  background-color: #ffb22b;
  border-color: #f0783d;
}
.reviewprogress {
  position: relative;
}
.reviewprogress .btn-normal {
  position: absolute;
  top: 7px;
  right: 0;
}
.reviewprogress .progress-approval {
  padding: 30px 0 8px 25px;
}
.table-review tr.hide {
  display: none;
}
.table-review tr.show {
  display: table-row;
}
.table-review tr.show:hover td {
  background-color: #ffffff;
}
.table-review tr.item td {
  cursor: pointer;
}
.btn-sort.btn-review {
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  font-size: 15px;
}
.table-review .icon-round-org {
  border-radius: 15px;
  padding: 3px 15px;
  background-color: #ff9000;
  color: #fff;
}
.topinfochart:after {
  display: block;
  content: '';
  clear: both;
}
.topinfochart .type-selectbox {
  float: left;
  width: 200px;
}
.topinfochart .progress {
  float: left;
  display: inline-block;
  margin-left: 20px;
  width: 300px;
}
.topinfochart .progress li {
  float: left;
  color: #006bd5;
}
.topinfochart .progress li strong {
  color: #f90000;
  font-size: 20px;
}
.topinfochart .progress li:first-child {
  margin-right: 15px;
  padding-right: 16px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat right 7px;
}
.topinfochart .chartsort {
  float: left;
  display: inline-block;
  margin-left: 330px;
  height: 28px;
  padding: 0 16px;
  line-height: 28px;
  border: 1px solid #dcdcdc;
  border-radius: 13px;
}
.topinfochart .chartsort span {
  display: inline-block;
  color: #2f323b;
}
.topinfochart .chartsort .plan {
  margin-right: 14px;
}
.topinfochart .chartsort .plan:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 9px;
  margin-right: 5px;
  border-radius: 2px;
  background-color: #a1aac6;
}
.topinfochart .chartsort .result:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 9px;
  margin-right: 5px;
  border-radius: 2px;
  background-color: #388e3c;
}
.topinfochart .btn-wbs {
  float: right;
}
.planprogress {
  width: 100%;
  margin: 10px 0;
  padding: 35px 0;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: #ecf5ff;
}
.planprogress ul {
  width: 96%;
  margin: 0 auto;
  padding-left: 32px;
}
.planprogress ul:after {
  display: block;
  content: '';
  clear: both;
}
.planprogress ul li {
  float: left;
  width: 16%;
  background: url('../../images/contents/bg-planprogress-ing.png') no-repeat 50% 40px;
  text-align: center;
}
.planprogress ul li.complete {
  background: url('../../images/contents/bg-planprogress-complete.png') no-repeat 50% 40px;
}
.planprogress ul li .icon-ing {
  display: inline-block;
  min-width: 70px;
  height: 21px;
  line-height: 21px;
  padding: 0 9px 0 25px;
  background: #0283e1 url('../../images/ico/ico-ing.png') no-repeat 7px 50%;
  border-radius: 10px;
  color: #fff;
  box-sizing: border-box;
}
.planprogress ul li .icon-complete {
  display: inline-block;
  min-width: 70px;
  height: 21px;
  line-height: 21px;
  padding: 0 9px 0 25px;
  background: #5f6872 url('../../images/ico/ico-complete.png') no-repeat 7px 50%;
  border-radius: 10px;
  color: #fff;
  box-sizing: border-box;
}
.planprogress ul li p {
  padding-top: 113px;
  color: #000;
  font-size: 15px;
}
.txt-stage {
  color: #006bd5;
  font-size: 15px;
  text-align: right;
}
.appraisellist {
  margin-top: 6px;
  border-top: 1px solid #aaa;
}
.appraisellist > li {
  position: relative;
  padding-bottom: 20px;
  background: #fff;
  border-bottom: 1px solid #aaa;
  box-sizing: border-box;
  overflow: hidden;
}
.appraisellist > li:after {
  display: block;
  content: '';
  position: absolute;
  top: 25px;
  right: 13px;
  width: 12px;
  height: 11px;
  background: url('../../images/contents/bg-updown.png') no-repeat left top;
}
.appraisellist > li.active {
  background: #ecf5ff;
}
.appraisellist > li.active:after {
  display: block;
  content: '';
  position: absolute;
  top: 25px;
  right: 13px;
  width: 12px;
  height: 11px;
  background: url('../../images/contents/bg-updown.png') no-repeat left bottom;
}
.appraisellist > li.active .appraisewrap {
  display: block;
}
.appraisellist .head {
  height: 127px;
  padding-top: 20px;
  box-sizing: border-box;
  color: #333;
  font-size: 14px;
}
.appraisellist .head .tit {
  height: 20px;
  line-height: 20px;
  padding: 0 45px 0 20px;
  cursor: pointer;
}
.appraisellist .head .tit .icon-text6 {
  float: left;
  min-width: 36px;
  height: 19px;
  line-height: 19px;
  padding: 0 6px;
  font-size: 13px;
}
.appraisellist .head .tit .technm {
  float: left;
  padding-right: 13px;
  margin: 0 11px 0 7px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat right 50%;
}
.appraisellist .head .tit .depth {
  float: left;
}
.appraisellist .head .tit .depth span:after {
  display: inline-block;
  content: '>';
  margin: 0 11px;
  font-size: 14px;
  color: #aaa;
}
.appraisellist .head .tit .depth span:last-child:after {
  display: none;
  margin-right: 0;
}
.appraisellist .head .tit .fr {
  font-size: 13px;
  text-align: right;
}
.appraisellist ul.appratise1 {
  overflow: hidden;
  margin: 15px 65px 0;
}
.appraisellist ul.appratise1 li {
  float: left;
  margin-left: 13px;
  padding-left: 15px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 0 50%;
}
.appraisellist ul.appratise1 li:first-child {
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}
.appraisellist ul.appratise2 {
  overflow: hidden;
  margin: 12px 65px 0;
}
.appraisellist ul.appratise2 li {
  float: left;
  height: 26px;
  margin-left: 28px;
}
.appraisellist ul.appratise2 li:first-child {
  margin-left: 0;
}
.appraisellist ul.appratise2 li .inp-text,
.appraisellist ul.appratise2 li .type-selectbox {
  vertical-align: top;
}
.appraisellist ul.appratise2 li .stit {
  height: 26px;
  line-height: 26px;
  margin-right: 6px;
}
.appraisewrap {
  display: none;
  position: relative;
  width: 750px;
  margin: 0 65px;
  border: 1px solid #b3b3b3;
  background: #fff;
  overflow: hidden;
}
.appraisewrap li {
  width: 100%;
}
.appraisewrap li .td {
  float: left;
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 0 30px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y 0 0;
  box-sizing: border-box;
}
.appraisewrap li .td:nth-child(1) {
  width: 270px;
  box-sizing: border-box;
  background-image: none;
}
.appraisewrap li .td:nth-child(2) {
  width: 180px;
}
.appraisewrap li .td:nth-child(3) {
  width: auto;
}
.appraisewrap li .td .type-selectbox {
  line-height: 26px;
}
.appraisewrap li .td .stit {
  margin-right: 25px;
}
.appraisewrap li .td .dept {
  margin-right: 10px;
}
.ratiowrap {
  margin-top: 20px;
  padding: 10px 10px;
  background-color: #dde5f3;
}
.ratiowrap .head {
  margin-bottom: 10px;
}
.ratiowrap .head .stit {
  margin-right: 10px;
}
.ratiowrap .fl {
  width: 57%;
}
.ratiowrap .fr {
  width: 43%;
  padding-left: 15px;
  box-sizing: border-box;
}
.ratiowrap .fr .stit {
  height: 26px;
  line-height: 26px;
  padding-left: 14px;
  background: url('../../images/contents/bg-arrow-right2.png') no-repeat 0 50%;
  color: #000;
  font-size: 14px;
}
.ratiowrap .fr .table-state1 {
  width: 100%;
  margin-top: 0;
}
.ratiowrap .fr .table-state1 thead th {
  padding: 7px 0;
  font-size: 12px;
}
.ratiowrap .fr .table-state1 tbody td {
  height: 25px;
  padding: 3px 10px;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  text-align: center;
}
.manpower table {
  width: 100%;
}
.manpower table tr:first-child td {
  border-top: 1px solid #aaa;
}
.manpower table tr.toprank td {
  background-color: #c6e2ff;
}
.manpower table tr td {
  height: 34px;
  padding: 0 2px;
  background-color: #ecf5ff;
  border-bottom: 1px solid #aaa;
  color: #333;
  text-align: center;
  vertical-align: middle;
}
.manpower table tr td .progress {
  width: 150px;
  margin-right: 8px;
  display: inline ;
  float: left;
}
.manpower table tr td .progress + span {
  width: 20px;
  display: inline;
  float: left;
  padding-left: 170px;
}
.manpower table tr td .btn-tb-normal {
  display: inline-block;
  min-width: 60px;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  font-size: 13px;
  text-align: center;
}
.manpower .tab {
  margin-top: 10px;
}
.expectmm {
  border-top: 1px solid #aaaaaa;
}
#cont7box .expectmm {
  border-top: unset;
}
.expectmm li {
  padding: 10px 10px 0px 170px;
  position: relative;
}
.expectmm li:after {
  display: block;
  content: '';
  clear: both;
}
.expectmm li dl {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 145px;
  height: 120px;
  margin-right: 15px;
  padding: 15px 12px;
  background: #f3e5f5;
  border: 1px solid #ce93d8;
  box-sizing: border-box;
  border-radius: 5px;
}
#cont7box .expectmm li dl {
  background: #E8F1FA;
  border: 1px solid #A3C8ED;
  overflow: hidden;
  height: 83px;
  padding: 8px;
}
#cont7box .expectmm li dl dd span {
  font-size: 12px;
  word-break: break-all;
}
#cont7box #mmdataTotalDiv .expectmm li dl {
  background: #eceff1;
  border: 1px solid #b3b3b3;
}
#cont7box .expectmm .plMark {
  top: 75px;
  left: 130px;
  font-size: 10px;
  width: 21px;
  height: 14px;
  line-height: 14px;
  background-color: grey;
  color: white;
  border-radius: 3px;
  text-align: center;
  position: absolute;
}
#cont7box .expectmm.chg .plMark {
  top: 107px;
}
#cont7box .expectmm.chg li dl {
  height: 113px;
}
.expectmm li dl dt {
  padding-bottom: 10px;
  border-bottom: 1px solid #ce93d8;
  color: #000;
  font-size: 14px;
  text-align: center;
}
#cont7box .expectmm li dl dt {
  border-bottom: 1px solid #A3C8ED;
  padding-bottom: 5px;
}
.expectmm li dl dd {
  padding-top: 10px;
  color: #000;
}
#cont7box .expectmm li dl dd {
  padding-top: 5px;
}
.expectmm li dl dd span {
  display: block;
}
.expectmm li .btn-task-person-involve-del {
  position: absolute;
  top: 110px;
  left: 135px;
  width: 14px;
  height: 14px;
}
#cont7box .expectmm li .btn-task-person-involve-del {
  top: 12px; 
  left: 139px; 
}
#cont7box .expectmm li .btn-task-person-involve-del.chg {
  top: 105px;
  font-size: 10px;
  width: 50px;
  left: 101px;
  background-color: #999;
  color: white;
  border-radius: 3px; 
}
#cont7box .expectmm li .btn-task-person-involve-del.chg:hover {
  background-color: #aaa;
}
.expectmm li .table-state1 {
  margin-top: 0;
}
.expectmm li .table-state1 table {
  width: 100%;
}
.expectmm li .table-state1 th {
  padding: 6px 5px;
}
.expectmm li .table-state1 td {
  padding: 0;
  height: 30px;
}
.expectmm li .table-state1 td.red-text {
  cursor: pointer;
}
.expectmm li .table-state1 td.red-text:hover {
  text-decoration: underline;
}
.expectmm li .table-state1 td .inp-text {
  width: 35px;
  height: 24px;
  line-height: 24px;
  text-align: center !important;
}
.boxindex {
  width: 376px;
  margin-top: 10px;
  padding: 12px;
  background-color: #ececec;
  border: 1px solid #959595;
  border-radius: 5px;
  color: #000;
  font-size: 12px;
}
.boxindex .fl {
  height: 50px;
  line-height: 50px;
}
.boxindex .fl:first-child {
  padding-right: 10px;
  margin-right: 15px;
  background: url('../../images/common/bg-vertical-dotted.png') repeat-y right 0;
}
.boxindex .fl img {
  vertical-align: middle;
}
.boxindex ul {
  float: left;
}
.boxindex ul li {
  line-height: 15px;
}
.fixtable2 #left_header th,
.fixtable2 #left_contents td,
.fixtable2 #right_header th,
.fixtable2 #right_contents td {
  background-position: right top;
}
.fixtable2 #right_header th:last-child,
.fixtable2 #right_contents td:last-child {
  background-image: none;
}
.fixtable2 #left_contents td,
.fixtable2 #right_contents td {
  height: 35px;
}
.fixtable2 #right_contents td.low {
  background-color: #f66b6e;
  color: #fff;
}
.longlist .taskinfo,
.longlist .taskdesc {
  padding-left: 0 !important;
}
#roadmap {
  table-layout: fixed;
  border-collapse: collapse;
  display: table;
}
#roadmap .left_container {
  float: left;
  display: inline-block;
  width: 200px;
}
#roadmap .left_container .left_header {
  padding: 13px 20px;
  border: 1px solid #ABABAB;
  background-color: #E4E5E7;
  font-family: 'notokr-medium';
  text-align: center;
}
#roadmap .left_container .left_content .prm,
#roadmap .left_container .left_content .trm,
#roadmap .left_container .left_content .status {
  overflow: hidden;
  border: 1px solid #ABABAB;
  border-top: none;
}
#roadmap .left_container .left_content .loadmap_dep1 {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  text-align: center;
}
#roadmap .left_container .left_content .loadmap_dep2 {
  display: table-cell;
  vertical-align: top;
  width: 112px;
}
#roadmap .left_container .left_content .tit {
  position: absolute;
  height: 25px;
  border-radius: 3px;
  width: 100%;
  padding: 5px;
  margin: 7px 0;
  text-align: center;
}
#roadmap .right_container {
  float: left;
  display: inline-block;
}
#roadmap .right_container .right_header {
  position: relative;
}
#roadmap .right_container .right_header .year {
  padding: 13px 20px;
  border: 1px solid #ABABAB;
  border-left: none;
  background-color: #E4E5E7;
  font-family: 'notokr-medium';
  text-align: center;
  float: left;
  display: inline-block;
  width: 16.6%;
}
#roadmap .right_container .right_header .year:last-child {
  width: 17%;
}
#roadmap .right_container .right_content {
  position: relative;
}
#roadmap .right_container .right_content .grid {
  margin-top: 43px;
}
#roadmap .right_container .right_content .grid .prm,
#roadmap .right_container .right_content .grid .trm,
#roadmap .right_container .right_content .grid .status {
  border-bottom: 1px solid #ABABAB;
  overflow: hidden;
  width: 100%;
}
#roadmap .right_container .right_content .grid .year {
  float: left;
  display: inline-block;
  width: 16.6%;
  border-right: 1px solid #E5E5E5;
}
#roadmap .right_container .right_content .grid .year:last-child {
  border-right: 1px solid #ABABAB;
  width: 17%;
}
#roadmap .right_container .right_content .block {
  position: absolute;
  top: 0;
  left: 0px;
}
#roadmap .right_container .right_content .block .task {
  position: absolute;
  height: 25px;
  padding: 5px 0 5px 10px;
  border-radius: 3px;
  background: url(../../images/common/bg_arrow.png) no-repeat 100% 50%;
}
#roadmap .prm_1 {
  position: relative;
}
#roadmap .prm_1 .tit,
#roadmap .prm_1 .task {
  background-color: #dee4f1 !important;
}
#roadmap .prm_2 {
  position: relative;
}
#roadmap .prm_2 .tit,
#roadmap .prm_2 .task {
  background-color: #bccae2 !important;
}
#roadmap .prm_3 {
  position: relative;
}
#roadmap .prm_3 .tit,
#roadmap .prm_3 .task {
  background-color: #9bafd4 !important;
}
#roadmap .prm_4 {
  position: relative;
}
#roadmap .prm_4 .tit,
#roadmap .prm_4 .task {
  background-color: #7995c5 !important;
}
#roadmap .prm_5 {
  position: relative;
}
#roadmap .prm_5 .tit,
#roadmap .prm_5 .task {
  background-color: #587ab7 !important;
}
#roadmap .trm_1 {
  position: relative;
}
#roadmap .trm_1 .tit,
#roadmap .trm_1 .task {
  background-color: #DAF0ED !important;
}
#roadmap .trm_2 {
  position: relative;
}
#roadmap .trm_2 .tit,
#roadmap .trm_2 .task {
  background-color: #B3E0D9 !important;
}
#roadmap .trm_3 {
  position: relative;
}
#roadmap .trm_3 .tit,
#roadmap .trm_3 .task {
  background-color: #8DD1C6 !important;
}
#roadmap .trm_4 {
  position: relative;
}
#roadmap .trm_4 .tit,
#roadmap .trm_4 .task {
  background-color: #66C1B0 !important;
}
#roadmap .trm_5 {
  position: relative;
}
#roadmap .trm_5 .tit,
#roadmap .trm_5 .task {
  background-color: #41B2A0 !important;
}
#roadmap .status_1 {
  position: relative;
}
#roadmap .status_1 .tit,
#roadmap .status_1 .task {
  background-color: #FEDEDF !important;
}
#roadmap .status_2 {
  position: relative;
}
#roadmap .status_2 .tit,
#roadmap .status_2 .task {
  background-color: #FDBDBD !important;
}
#roadmap .status_3 {
  position: relative;
}
#roadmap .status_3 .tit,
#roadmap .status_3 .task {
  background-color: #FC9C9D !important;
}
#roadmap .status_4 {
  position: relative;
}
#roadmap .status_4 .tit,
#roadmap .status_4 .task {
  background-color: #FB7B7A !important;
}
#roadmap .status_5 {
  position: relative;
}
#roadmap .status_5 .tit,
#roadmap .status_5 .task {
  background-color: #FA5A5A !important;
}
#roadmap .arrow_box {
  position: relative;
  display: none;
  width: 232px;
  margin-left: -33px;
  margin-top: 9px;
  padding: 8px;
  background: #fff;
  border: 1px solid #000;
  z-index: 300;
}
#roadmap .arrow_box:after,
#roadmap .arrow_box:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
#roadmap .arrow_box:after {
  margin-left: -13px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 9px;
}
#roadmap .arrow_box:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  border-width: 10px;
  margin-left: -14px;
}
#roadmap .ellipsis {
  padding-right: 20px;
}
.box-checkwrap {
  margin: 4px 5px 0 10px;
}
.box-wbs .cont .rndnote-atvlist {
  margin-bottom: 15px;
}
.box-wbs .cont .rndnote-atvlist li {
  min-height: 30px;
  margin-top: 2px;
  padding: 5px 8px 2px 12px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  line-height: 20px;
}
.box-wbs .cont .rndnote-atvlist .listbox {
  display: none;
  padding: 0 5px 10px 5px;
}
.box-wbs .cont .rndnote-atvlist .listbox li {
  font-size: 12px;
  line-height: 14px;
  margin-top: 5px;
  border: none;
  min-height: 0;
  padding-top: 0px;
}
.mixtoollist .taskdesc {
  padding-left: 0;
  overflow: hidden;
  position: relative;
}
.mixtoollist .taskdesc .crtbtnwrap {
  margin: 25px 0 10px;
  display: block;
  height: 20px;
}
.mixtoollist .frcont {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 250px;
  background: none;
}
.mixtoollist .frcont .progress {
  position: absolute;
  top: 0px;
  right: 0;
  width: 265px;
  background: none;
}
.mixtoollist > ul > li .btn-normal {
  position: inherit;
  right: 0;
  top: 27px;
}
.box-roomwrap {
  clear: both;
  position: relative;
  width: 100%;
  /*margin-top:5px;*/
  box-sizing: border-box;
  border-left: 3px solid #d2dcf5;
  border-right: 3px solid #d2dcf5;
  /*border-bottom:3px solid #d2dcf5;*/
  border-top: 3px solid #73a5e0;
  border-bottom: none;
  margin-top: 20px;
}
.box-roomwrap .headwrap {
  height: 75px;
  background-color: #e8edfa;
  padding: 8px;
  box-sizing: border-box;
}
.box-roomwrap .headwrap .head {
  display: block;
  overflow: hidden;
}
.box-roomwrap .headwrap .subhead {
  display: block;
}
.box-roomwrap .headwrap .tit {
  display: inline-block;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 16px;
  font-family: 'notokr-medium';
  max-width: 500px;
  white-space: nowrap;
}
.box-roomwrap .headwrap .room_titetc {
  vertical-align: top;
  margin: 7px 4px 0;
  display: inline-block;
}
.box-roomwrap .headwrap .fr {
  float: right;
  padding-right: 55px;
}
.box-roomwrap .headwrap.head_map {
  background-color: #c6e2ff;
}
.box-roomwrap .headwrap .dept span {
  display: inline-block;
  margin-left: 5px;
  padding-left: 9px;
  margin-top: 3px;
  vertical-align: top;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 0 1px;
  color: #888;
  font-size: 13px;
}
.box-roomwrap .headwrap .dept span:first-child {
  background: none;
  margin-left: 0;
  padding-left: 0;
}
.box-roomwrap .contwrap {
  background-color: #fff;
  padding: 20px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.box-roomwrap .contwrap .tit {
  display: inline-block;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 15px;
  font-family: 'notokr-medium';
  max-width: 500px;
  white-space: nowrap;
  padding-left: 15px;
  background: url('../../images/common/bullet-2.png') no-repeat 0 10px;
}
.box-roomwrap .contwrap .headwrap {
  height: 80px;
  background-color: #fff;
  padding: 0;
  box-sizing: border-box;
}
.box-roomwrap .contwrap .stage {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 5px;
  color: #006bd5;
  font-size: 14px;
}
.box-roomwrap .contwrap .name {
  display: inline-block;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 13px;
  max-width: 500px;
  white-space: nowrap;
  padding-left: 25px;
  background: url('../../images/common/bullet-3.png') no-repeat 15px 7px;
}
.box-roomwrap .contwrap .source {
  display: inline-block;
  height: 15px;
  line-height: 18px;
  margin-left: 10px;
  padding-left: 10px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 0 50%;
  color: #555;
  font-size: 15px;
  vertical-align: top;
  margin-top: 5px;
}
.box-roomwrap .btn-room-toggle {
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 47px;
  top: 0;
  right: 0;
  background: url('../../images/btn/btn-room-toggle.png') no-repeat 0 bottom;
  text-indent: -9999px;
}
.box-roomwrap .btn-room-toggle.active {
  background-position: 0 top;
}
.box-roomwrap .btn-roomcont-toggle {
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 47px;
  top: 0;
  right: 0;
  background: url('../../images/btn/btn-roomcont-toggle.png') no-repeat 0 bottom;
  text-indent: -9999px;
}
.box-roomwrap .btn-roomcont-toggle.active {
  background-position: 0 top;
}
.box-roomwrap .btn-sort-white {
  padding: 0 10px;
}
.box-roomwrap .btn-del2 {
  width: 25px;
}
.box-searchwrap {
  margin-top: 10px;
}
.box-searchwrap .selectboxwrap {
  display: inline-block;
  border: 1px solid #ccc;
  height: 200px;
  width: 32%;
  background-color: #fff;
  box-sizing: border-box;
}
.box-searchwrap .selectboxwrap .head {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 12px;
  text-align: center;
  font-size: 14px;
  height: 40px;
  box-sizing: border-box;
}
.box-searchwrap .selectboxwrap .head .btn-reset {
  position: absolute;
  top: 7px;
  right: 7px;
}
.box-searchwrap .selectboxwrap .selectarea {
  padding-right: 10px;
}
.box-searchwrap .selectboxwrap .selectarea ul {
  padding: 0 20px 10px;
}
.box-searchwrap .selectboxwrap .selectarea ul li {
  padding: 3px 0;
}
.box-searchwrap .selectboxwrap .selectarea ul li span.tit {
  min-width: 255px;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
}
.box-searchwrap .searchtargetwrap {
  margin-top: 10px;
  padding-top: 30px;
  background: url('../../images/ico/ico-downcontview.png') no-repeat 50% top;
}
.box-searchwrap .searchtargetwrap .selectboxwrap {
  width: 100%;
  margin-top: 10px;
}
.box-searchwrap .searchtargetwrap .btn-reset {
  margin-bottom: 5px;
}
.box-searchwrap .searchtargetwrap .selectarea {
  padding: 15px;
}
.newestwrap {
  margin: 20px auto;
}
.newestwrap .slide_area {
  height: 130px;
  margin: 0 auto;
}
.newestwrap .newestitem {
  display: inline-block;
  float: left;
  width: 270px;
  height: 130px;
  margin: 0 2px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-sizing: border-box;
}
.newestwrap .newestitem .fl {
  width: 55px;
  border-right: 1px solid #e4e4e4;
  height: 100%;
  position: relative;
}
.newestwrap .newestitem .fl .num {
  width: 55px;
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #4c94e9;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  top: 48px;
  left: 15px;
}
.newestwrap .newestitem .fr {
  float: left;
  width: 145px;
  padding-left: 10px;
  padding-top: 15px;
  margin-right: 5px;
  text-align: left;
}
.newestwrap .newestitem .fr .name {
  color: #4485f2;
  font-size: 14px;
}
.newestwrap .newestitem .fr .date {
  color: #999;
  font-size: 12px;
}
.newestwrap .newestitem .fr .cont {
  margin-top: 10px;
  font-size: 12px;
  color: #333;
  line-height: 16px;
}
.newestwrap .newestitem .fr .cont ul li {
  position: relative;
  width: 165px;
  padding-left: 50px;
  background: url('../../images/contents/bullet-2.png') left 5px no-repeat;
}
.newestwrap .newestitem .fr .cont .title {
  position: absolute;
  top: 0;
  left: 9px;
  width: 37px;
  background: url('../../images/common/bg_colon.gif') right 50% no-repeat;
}
.ing_sample .historywrap .progress-history li {
  float: left;
  height: 37px;
  min-height: 37px;
  margin-right: 4px;
  padding-right: 17px;
  padding-top: 9px;
  background: url('../../images/contents/bg-timeline-arrow.png') no-repeat right 25px;
}
.ing_sample .historywrap .progress-history li.bgnone {
  background: none;
  margin-right: 0px;
  padding-right: 7px;
}
.ing_sample .historywrap .progress-history li:last-child {
  background: none;
}
.ing_sample .historywrap .progress-history .group {
  float: left;
  display: inline-table;
  margin-right: 7px;
  background: url('../../images/contents/bg-timeline-arrow.png') no-repeat right 20px;
}
.ing_sample .historywrap .progress-history .group ul {
  border: 3px solid #e4e4e4;
  height: 45px;
  padding: 4px;
  display: inline-table;
  margin-right: 10px;
}
.ing_sample .historywrap .progress-history .group li {
  padding-right: 5px;
  padding-top: 0px;
  background: none;
}
.ing_sample .historywrap .progress-history .group li {
  padding-right: 5px;
}
.poolmanagewrap .pool_type {
  width: 100%;
  display: block;
  margin-top: 2px;
}
.poolmanagewrap .pool_type .typename {
  display: inline-block;
  width: 150px;
  padding-top: 8px;
  text-align: right;
  vertical-align: top;
  font-size: 14px;
  color: #333;
  margin-right: 10px;
}
.poolmanagewrap .pool_type .typebtn {
  display: inline-block;
  padding-left: 0px;
  width: calc(100% - 170px);
}
.poolmanagewrap .pool_type .typebtn ul li.type1 button {
  background-color: #dcedc8;
}
.poolmanagewrap .pool_type .typebtn ul li.type2 button {
  background-color: #cfd8dc;
}
.poolmanagewrap .pool_type .typebtn ul li.type3 button {
  background-color: #d1c4e9;
}
.poolmanagewrap .pool_type .typebtn ul li.type4 button {
  background-color: #ffccbc;
}
.poolmanagewrap .pool_type .typename.srchbtn {
  padding-top: 0px;
}
.poolmanagewrap .pool_type.search {
  margin-top: 0px;
}
.poolmanagewrap .div_search {
  margin-top: 10px;
}
.poolmanagewrap .div_search .index {
  width: 100%;
}
.poolmanagewrap .div_search .index .group .case_all {
  position: absolute;
  top: 12px;
}
.poolmanagewrap .div_search .index .group .case_all button {
  display: table-cell;
  min-width: 75px;
  height: 30px;
}
.poolmanagewrap .div_search .index .group .case_eng {
  margin-top: 0;
}
.poolltypeistwrap {
  overflow: hidden;
}
.poolltypeistwrap .pooltypelist {
  display: inline-block;
  float: left;
  border: 1px solid #ccc;
  margin: 10px 0;
  width: 23%;
  height: 60px;
  margin-right: 10px;
  padding: 10px 15px;
  box-sizing: border-box;
}
.poolltypeistwrap .pooltypelist ul {
  margin-bottom: 8px;
}
.poolltypeistwrap .pooltypelist ul li {
  display: inline-block;
  text-indent: -9999px;
}
.poolltypeistwrap .pooltypelist ul li.type1 {
  width: 15px;
  height: 15px;
  background: #dcedc8;
}
.poolltypeistwrap .pooltypelist ul li.type2 {
  width: 15px;
  background: #cfd8dc;
}
.poolltypeistwrap .pooltypelist ul li.type3 {
  width: 15px;
  height: 15px;
  background: #d1c4e9;
}
.poolltypeistwrap .pooltypelist ul li.type4 {
  width: 15px;
  height: 15px;
  background: #ffccbc;
}
/*201803*/
.poolltypeistwrap .pooltypelist.txt {
  display: inline-block;
  float: left;
  border: 1px solid #ccc;
  margin: 10px 0;
  width: 32%;
  height: 125px;
  margin-right: 10px;
  padding: 10px 15px;
  box-sizing: border-box;
  position: relative;
}
.poolltypeistwrap .pooltypelist.txt ul {
  margin-bottom: 8px; width: 75px;
  position: absolute; left: 15px; top: 10px;
}
.poolltypeistwrap .pooltypelist.txt ul li {
  text-indent: 0; font-size: 12px; text-align: center;
  width: 73px; padding-top: 2px;
  border:1px solid; letter-spacing: -1px;
  margin-bottom: 2px;
}
.poolltypeistwrap .pooltypelist.txt ul li.type1 {
  border-color: #c3d6ae;
  background: #dcedc8;
}
.poolltypeistwrap .pooltypelist.txt ul li.type2 {
  border-color: #bcc9ce;
  background: #cfd8dc;
}
.poolltypeistwrap .pooltypelist.txt ul li.type3 {
  border-color: #eebbab;
  background: #ffccbc;
}
.poolltypeistwrap .pooltypelist.txt div {
  margin-left: 110px; line-height: 20px;
}
.poolltypeistwrap .pooltypelist.txt div span {
  display: block; font-size: 18px; color: #4a4a4a;  font-family: 'notokr-medium'; margin-bottom: 5px;
  text-overflow: ellipsis; overflow: hidden;
}
/*~201803*/
.error .boxhead {
  height: 50px;
  background: #0283e1 url('../../images/common/ico_error.png') 10px 50% no-repeat;
  color: #fff;
  font-size: 17px;
  padding: 15px 0 0 50px;
  box-sizing: border-box;
}
.error .boxinner {
  height: 100%;
}
.pop-error .pop-header {
  background: #0283e1 url('../../images/common/ico_error.png') 10px 50% no-repeat;
  padding-left: 35px;
}
.wrap-errorfull {
  width: 100%;
  height: 100%;
}
.full_popup.error .pop-header {
  background: #0283e1 url('../../images/common/ico_error.png') 10px 50% no-repeat;
  padding-left: 35px;
}
.monitoring .boxinner {
  display: table;
  width: 100%;
}
.monitoring .fl.table {
  width: 58%;
  display: table-cell;
  box-sizing: border-box;
  float: left;
}
.monitoring .fr.graph {
  width: 40%;
  display: table-cell;
  box-sizing: border-box;
  float: right;
}
.monitoring .card-boxwrap .dualbox {
  width: 100%;
  display: block;
}
.yearview {
  width: 50px;
  margin: 0 auto;
}
.yearview span {
  display: inline-block;
  vertical-align: middle;
}
.yearview span.btns {
  margin-left: 4px;
}
.yearview a {
  display: block;
  width: 8px;
  height: 7px;
  background: url('../../images/btn/btn-updown2.png') no-repeat;
  text-indent: -9999px;
}
.yearview .btn-prev {
  margin-bottom: 3px;
  background-position: left top;
}
.yearview .btn-prev:hover {
  background-position: -8px top;
}
.yearview .btn-next {
  background-position: left bottom;
}
.yearview .btn-next:hover {
  background-position: -8px bottom;
}
.graphview {
  position: relative;
  width: 270px;
  padding: 5px 0 20px;
}
.graphview:first-child {
  margin-bottom: 15px;
  border-bottom: 1px dashed #d2d2d2;
}
.graphview.icon-sales {
  background: url('../../images/ico/ico-sales.png') no-repeat 0 0;
}
.graphview.icon-cost {
  background: url('../../images/ico/ico-cost.png') no-repeat 0 0;
}
.graphview .tit {
  padding-left: 50px;
  color: #2f323b;
  font-size: 16px;
}
.graphview .sum {
  padding-left: 50px;
  color: #f90000;
  font-size: 22px;
}
.graphview .unit {
  position: absolute;
  top: 5px;
  right: 0;
  color: #999;
  font-size: 12px;
}
.graphview .progress {
  margin-top: 8px;
}
.graphview .txt-percent {
  margin-top: 5px;
  color: #000;
  text-align: right;
}
.poollist.notelist .thumb {
  top: 20px;
  left: 35px;
  width: 90px;
  height: 125px;
  border-radius: none;
}
.poollist.notelist .thumb img {
  width: 100%;
  height: 100%;
}
.poollist.notelist .thumb.labnote {
  top: 28px;
  left: 42px;
  width: 74px;
  height: 91px;
}
.poollist.notelist ul li .taskinfo {
  padding-left: 135px;
  height: 100%;
}
.poollist.notelist > ul > li {
  height: 100%;
}
.poollist.notelist > ul > li.active {
  height: 100%;
  background: #f1f1f1;
  border-color: #ccc;
}
.icon-tit-nl1 {
  padding-left: 25px;
  background: url('../../images/ico/ico-tit-nl1.png') no-repeat 0 50%;
}
.icon-tit-nl2 {
  padding-left: 20px;
  background: url('../../images/ico/ico-tit-nl2.png') no-repeat 0 50%;
}
.icon-tit-nl3 {
  padding-left: 23px;
  background: url('../../images/ico/ico-tit-nl3.png') no-repeat 0 50%;
}
.icon-tit-nl4 {
  padding-left: 27px;
  background: url('../../images/ico/ico-tit-nl4.png') no-repeat 0 50%;
}
.icon-tit-nl1 span,
.icon-tit-nl2 span {
  color: #ffa200;
}
.labnotewrap {
  overflow: hidden;
}
.labnotewrap .fl {
  width: 60%;
}
.labnotewrap .fr {
  width: 40%;
}
.labnotewrap .fr .boxhead {
  border-left: 1px solid #d1d1d1;
}
.labnotewrap .fr .boxinner {
  padding: 20px 30px;
  border-left: 1px solid #d1d1d1;
}
.poollist.labnote {
  border-top: 0;
}
.poollist.labnote > ul > li {
  background: none;
  padding: 25px 55px;
  height: 200px;
  box-sizing: border-box;
}
.poollist.labnote > ul > li .thumb {
  top: 25px;
  left: 55px;
  width: 106px;
  height: 148px;
}
.poollist.labnote > ul > li .thumb img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  line-height: 0;
}
.poollist.labnote > ul > li a {
  display: block;
}
.poollist.labnote > ul > li .taskinfo {
  height: 148px;
  padding-left: 150px;
}
.poollist.labnote > ul > li .taskinfo .tit {
  width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.2;
}
.poollist.labnote > ul > li .taskinfo .subhead .dept {
  margin-top: 5px;
  color: #666;
  font-size: 14px;
}
.poollist.labnote > ul > li .taskinfo .subhead .dept2 {
  margin-top: 5px;
}
.poollist.labnote > ul > li .taskinfo .subhead .dept2 span {
  margin-right: 15px;
  color: #333;
  font-size: 13px !important;
}
.poollist.labnote > ul > li .taskinfo .summary {
  height: 80px;
}
.midboxwrap {
  border: 1px solid #d1d1d1;
}
.midboxwrap > .boxhead {
  height: 40px;
  line-height: 40px;
  background-color: #f5f6f7;
  color: #000;
  font-size: 16px;
}
.midboxwrap > .boxinner {
  border-top: 0;
  padding: 10px 20px 15px;
}
.boxwrap.labnotewrap2 {
  width: 100%;
  padding: 30px 20px;
  box-sizing: border-box;
}
.boxwrap.labnotewrap2:after {
  display: block;
  content: '';
  clear: both;
}
.labnotewrap2 .poollist.notelist {
  margin-bottom: 20px;
}
.labnotewrap2 .fl {
  width: 70%;
  padding-right: 8px;
  box-sizing: border-box;
}
.labnotewrap2 .fr {
  width: 30%;
  padding-left: 8px;
  box-sizing: border-box;
}
.labnotewrap2 .midboxwrap {
  height: 158px;
}
.labnotewrap2 .poollist.notelist li {
  height: 100%;
  background: #fff;
  border: 0;
  padding: 0;
}
.labnotewrap2 .poollist.notelist li.active {
  height: 100%;
  min-height: 100%;
  background: #fff;
  border: 0;
}
.labnotewrap2 .poollist.notelist li.active:after {
  display: none;
}
.labnotewrap2 .poollist.notelist ul li .taskinfo {
  padding-left: 0;
  height: auto;
}
.labnotewrap2 .poollist.notelist ul li .taskinfo .summary {
  height: 100%;
}
.labnotewrap2 .poollist.notelist ul li .btn-normal {
  top: 0;
  right: 0;
}
.labnotewrap2 .poollist.notelist ul li .source {
  font-size: 13px;
}
.labreport {
  position: relative;
  height: 92px;
}
.labreport a {
  display: block;
}
.labreport dl {
  padding-top: 3px;
}
.labreport dt {
  position: absolute;
  top: 0;
  left: 0;
}
.labreport dd {
  padding-left: 88px;
  color: #666;
  font-size: 13px;
  line-height: 18px;
}
.labreport dd.dept span {
  display: block;
}
.labreport dd.summary {
  margin-top: 3px;
  height: 55px;
  overflow: hidden;
}
.memberinfowrap {
  margin: 20px 0 8px;
  padding: 0 15px 0 4px;
}
.memberinfowrap p {
  margin-top: 4px;
  padding-left: 18px;
  background: url('../../images/contents/bg-arrow-right-bule.png') no-repeat 0 5px;
  color: #000;
  font-size: 16px;
}
.memberinfowrap p span {
  margin-right: 10px;
}
.memberinfowrap p strong.pl {
  font-family: 'notokr-medium';
  padding-left: 14px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat left 6px;
}
.fileaddwrap {
  position: relative;
}
.fileaddwrap .btn-added {
  position: absolute;
  top: 0;
  left: 94%;
}
.fileaddwrap ul li {
  margin-top: 5px;
}
.fileaddwrap ul li:first-child {
  margin-top: 0;
}
.fileaddwrap ul li:after {
  display: block;
  content: '';
  clear: both;
}
.fileaddwrap ul li .box-file {
  float: left;
  width: 90%;
}
.fileaddwrap ul li .btn-del {
  float: left;
  width: 26px;
  height: 26px;
}
.box-filewrap {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.box-filewrap .box-file {
  float: left;
}
.box-filewrap .btn-del {
  float: left;
}
.researchresult {
  margin-top: 10px;
  max-height: 500px;
}
.researchresult .table-form2 {
  border-top: 0;
}
.researchresult .table-form2:first-child {
  border-top: 1px solid #aaa;
}
.poollist.notelist.nothumb {
  margin-top: 10px;
}
.poollist.notelist.nothumb ul li .taskinfo {
  padding-left: 0;
}
.poollist.notelist.nothumb ul li .taskinfo .summary {
  height: 40px;
}
.poollist.notelist.nothumb ul li.active {
  background-color: #f6f5e5;
}
.poollist.notelist.nothumb ul li.active .taskinfo .summary {
  height: auto;
}
.mixnaviwrap {
  height: 650px;
}
.mixnaviwrap:after {
  display: block;
  content: '';
  clear: both;
}
.mixnaviwrap .optwrap {
  float: left;
  width: 180px;
}
.mixnaviwrap .mixlist {
  float: right;
  width: 450px;
}
.mixnaviwrap .scrollarea {
  height: 650px;
}
.optwrap {
  border: 1px solid #aaa;
}
.optwrap dt {
  padding: 12px 15px;
  background-color: #f7f9fb;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
}
.optwrap dt:first-child {
  border-top: 0;
}
.optwrap dd {
  padding: 15px 15px;
}
.optwrap dd ul li {
  margin-top: 8px;
}
.optwrap dd ul li:first-child {
  margin-top: 0;
}
.optwrap dd .datepickerbox {
  padding: 8px 0 20px 20px;
}
.mixlist {
  border: 1px solid #dbdbdb;
  color: #333;
}
.mixlist ul li {
  border-top: 1px solid #dbdbdb;
}
.mixlist ul li:first-child {
  border-top: 0;
}
.mixlist ul a.depth1 {
  display: block;
  padding: 16px 50px 16px 22px;
  background-position: 10px 22px;
  font-size: 15px;
}
.mixlist > ul > li {
  position: relative;
  background-color: #f4f4f4;
}
.mixlist > ul > li:after {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 50;
  display: block;
  content: '';
  width: 12px;
  height: 11px;
  background: url('../../images/contents/bg-updown.png') no-repeat left top;
}
.mixlist > ul > li.active:after {
  background-position: left bottom;
}
.mixlist > ul > li > .depth2 {
  display: none;
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
}
.mixlist > ul > li > .depth2 > li {
  position: relative;
}
.mixlist > ul > li > .depth2 > li:after {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 50;
  display: block;
  content: '';
  width: 12px;
  height: 11px;
  background: url('../../images/contents/bg-updown.png') no-repeat left top;
}
.mixlist > ul > li > .depth2 > li.active:after {
  background-position: left bottom;
}
.mixlist > ul > li > .depth2 > li > a {
  display: block;
  padding: 16px 50px 16px 46px;
  background: url('../../images/contents/bullet-3.png') no-repeat 27px 18px;
  font-size: 15px;
}
.mixlist .depth3 {
  display: none;
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
  font-size: 14px;
}
.mixlist .depth3 .info {
  overflow: hidden;
  line-height: 20px;
  margin-bottom: 5px;
  padding-left: 15px;
  background: url('../../images/contents/bullet-2.png') no-repeat 0 7px;
}
.mixlist .depth3 .info .tit {
  text-decoration: underline;
}
.mixlist .depth3 .info * {
  float: left;
}
.mixlist .depth3 .divide:after {
  display: inline-block;
  content: '|';
  margin: 0 15px;
  font-size: 11px;
  color: #aaa;
  vertical-align: top;
}
.mixlist .depth3 .divide:last-child:after {
  display: none;
}
.mixlist .depth3 li {
  padding: 15px 20px 15px 28px;
}
.mixlist .depth3 li ul {
  padding-left: 15px;
}
.mixlist .depth3 li ul li {
  margin-top: 2px;
  padding: 2px;
  background-color: #f4f4f4;
  border-top: 0;
  font-size: 13px;
}
.mixlist > ul > li.active .depth2,
.mixlist > ul > li > ul > li.active .depth3 {
  display: block;
}
.pop-experiment .pop-body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #f2f2f2;
}
.pop-experiment .leftcont,
.pop-experiment .rightcont {
  position: absolute;
  top: 0;
  bottom: 0;
}
.pop-experiment .leftcont {
  width: auto;
  margin-right: 670px;
  background-color: #fff;
  border-right: 1px solid #e1e1e1;
}
.pop-experiment .rightcont {
  right: 0;
  width: 450px;
  background-color: #fff;
  border-left: 1px solid #e1e1e1;
}
.pop-experiment .leftcont .headwrap,
.pop-experiment .rightcont .headwrap {
  height: 50px;
  padding: 10px 20px 0;
  border-bottom: 1px solid #e7e9ea;
  box-sizing: border-box;
}
.pop-experiment .leftcont .txt-bullet,
.pop-experiment .rightcont .txt-bullet {
  font-size: 15px;
  background-position: left 6px;
}
.pop-experiment .topwrap {
  margin-top: 0;
}
.pop-experiment .contwrap {
  height: 93%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.pop-experiment .contwrap .mCustomScrollBox {
  padding-right: 7px;
}
.pop_pdm .pop-body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #f2f2f2;
}
.pop_pdm .leftcont,
.pop_pdm .rightcont {
  position: absolute;
  top: 0;
  bottom: 0;
}
.pop_pdm .leftcont {
  left: 0;
  width: 333px;
  background-color: #fff;
  border-left: 1px solid #e1e1e1;
}
.pop_pdm .rightcont {
  width: auto;
  margin-left: 335px;
  background-color: #fff;
  border-right: 1px solid #e1e1e1;
}
.pop_pdm .pdmwrap {
  border: none;
  margin: 15px;
  margin-right: 10px;
}
.pop_pdm .pdmwrap .mCustomScrollBox {
  padding-right: 7px;
}
.pop_pdm .pdmwrap .pdm_menu {
  width: 300px;
  height: auto;
  padding: 10px 9px;
  background: #ececec;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_pdm .pdmwrap .pdm_menu .topWrap {
  position: relative;
  height: 29px;
  cursor: pointer;
}
.pop_pdm .pdmwrap .pdm_menu .topWrap .tit {
  margin-right: 30px;
  padding: 8px;
}
.pop_pdm .pdmwrap .pdm_menu .topWrap .btn_area {
  position: absolute;
  top: 3px;
  right: 1px;
}
.pop_pdm .pdmwrap .pdm_menu .icon-complete-st02,
.pop_pdm .pdmwrap .pdm_menu .icon-ing-st02 {
  width: 13px;
  height: 13px;
  margin-left: 3px;
  margin-top: 1px;
  background-size: 100% auto;
  vertical-align: top;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj {
  background: #fff;
  border: 1px solid #cacaca;
  margin-bottom: 5px;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj:last-child {
  margin-bottom: 0;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj .sec_proc .topWrap {
  padding: 7px;
  border-top: 1px solid #cacaca;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj .sec_proc .btn_area {
  top: 10px;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj .sec_proc .sec_detail {
  border: 1px solid #cacaca;
  margin: 0 5px 5px 30px;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj .sec_proc .sec_detail .topWrap {
  padding: 0;
  border: none;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj .sec_proc .sec_detail .btn_area {
  top: 3px;
  right: 5px;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj .sec_proc .sec_detail .menu_contwrap {
  padding-bottom: 2px;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj .sec_proc .sec_detail .menu_contwrap li {
  padding: 0 2px 5px 35px;
  background: url('../../images/common/bullet-6.gif') no-repeat 20px 6px;
}
.pop_pdm .pdmwrap .pdm_menu .sec_proj .sec_proc .sec_detail .menu_contwrap li:first-child {
  margin-top: 5px;
}
.match_select .topinfowrap {
  position: relative;
}
.match_select .sgtinfo {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 1px;
  overflow: hidden;
  font-family: 'notokr-medium';
}
.match_select .sgtinfo .tit {
  float: left;
  min-width: 280px;
  color: #333;
  font-size: 15px;
  line-height: 18px;
}
.match_select .sgtinfo .fsdate {
  padding-left: 5px;
}
.match_select .subinfo {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
  clear: both;
  margin-top: 5px;
}
.match_select .subinfo .split:before {
  display: inline-block;
  content: '|';
  padding-left: 7px;
  margin-right: 7px;
  color: #333;
  font-size: 12px;
  vertical-align: 2px;
}
.match_select .subinfo .room {
  clear: both;
  padding-top: 8px;
  color: #333;
  font-size: 14px;
}
.btn-agenda-regist {
  display: inline-block;
  min-width: 85px;
  height: 30px;
  vertical-align: middle;
  padding: 0 15px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.btn-forum-regist {
  display: inline-block;
  min-width: 85px;
  height: 30px;
  vertical-align: middle;
  padding: 0 15px;
  background-color: #006bd5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.forumlist .etc_right.agenda {
  position: absolute;
  top: 20px;
  right: 107px;
  z-index: 10;
}
.forumlist .selectwrap {
  margin-top: 50px;
}
.selectwrap {
  position: relative;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 20px;
}
.forumlist .table-form2 {
  padding: 4px 0;
  border-top: none;
  border-bottom: none;
  background: #fff;
}
.topwrap .count {
  display: inline-block;
  line-height: 20px;
  margin-right: 16px;
  vertical-align: 0;
}
.nodatawrap {
  font-size: 14px;
  text-align: center;
  padding: 10px;
  margin: 20px 0;
}
div.txt {
  padding: 2px 0;
}
div.txt:first-child {
  padding-top: 10px;
}
div.txt:last-child {
  padding-bottom: 5px;
}
.forumselect .table-state thead th {
  padding: 6px 0;
  box-sizing: border-box;
}
.forumselect .table-state tbody td {
  padding: 10px 0 10px 10px;
}
.agendalist > ul > li .btn-normal {
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 10;
}
.agendalist ul li .taskinfo .tit {
  display: inline-block;
  line-height: 26px;
  color: #000;
  font-size: 14px;
  font-family: 'notokr-regular';
}
.agendalist ul li .taskinfo .source {
  display: inline-block;
  line-height: 26px;
  color: #000;
  font-size: 12px;
  font-family: 'notokr-regular';
}
.agendalist ul li .taskinfo .summary {
  overflow: hidden;
  height: 50px;
  margin-top: 16px;
  font-size: 13px;
  line-height: 20px;
  font-family: 'notokr-regular';
}
.agendalist ul li .taskinfo .dept {
  margin-top: 4px;
}
.agendalist > ul > li.active {
  overflow: hidden;
  height: 100%;
  background: #ecf5ff;
  border-bottom: 1px solid #07f;
}
.agendalist ul li .taskinfo {
  height: 100px;
  padding-left: 0px;
}
.agendalist ul li .taskdesc {
  display: block;
  padding-left: 0px;
  margin: 0;
  background: #fff;
}
.agendalist .comntwrap {
  clear: both;
  margin-top: 30px;
}
.agendalist > ul > li {
  position: relative;
  overflow: hidden;
  height: 130px;
  padding: 10px 20px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.agendalist > ul > li:first-child {
  border-top: 1px solid #ccc;
}
.agendalist .fileaddwrap {
  background-color: #fff;
  padding-left: 8px;
  width: 98%;
  padding-top: 10px;
}
.agendalist .docDivWrap {
  padding-top: 5px;
}
.grcheckwrap {
  width: 100%;
  height: 260px;
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  border-radius: 3px;
}
.grcheckwrap .fl {
  width: 45%;
  height: 100%;
  vertical-align: center;
  text-align: center;
}
.grcheckwrap .fr {
  width: 55%;
  height: 100%;
  background-color: #f5f6f8;
}
.grcheckwrap .fr p.tit {
  color: #344154;
  font-size: 20px;
  margin: 20px 0 0 30px;
}
.grfold_area {
  margin-top: 20px;
}
.topwrap .table-tit {
  font-size: 17px;
  margin: 2px 0 4px 0;
}
.btn-table-toggle {
  display: inline-block;
  width: 10px;
  height: 8px;
  margin: 6px;
  background: url('../../images/btn/btn-table-toggle.png') no-repeat 0 bottom;
  text-indent: -9999px;
}
.btn-table-toggle.active {
  background-position: 0 top;
}
.grtbltop {
  position: relative;
  height: 60px;
  border-bottom: 3px solid #344154;
}
.grtbltop .fl {
  margin-top: 10px;
}
.percentbox {
  position: relative;
  z-index: 10;
}
.percentbox p {
  display: inline-block;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  font-size: 11px;
}
.percentbox p em {
  font-size: 18px;
}
.percentbox .type1 {
  background: #006bd5;
}
.percentbox .type1-st1 {
  background: #fff;
  border: 2px solid #006bd5;
  color: #333;
}
.percentbox .type2 {
  background: #e7464a;
}
.percentbox .type2-st2 {
  background: #fff;
  border: 2px solid #e7464a;
  color: #333;
}
.checklist {
  margin: 15px 0 0 20px;
}
.checklist li {
  height: 36px;
  width: 390px;
  padding-left: 15px;
  padding-top: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #354157;
}
.checklist .bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #e7464a;
}
.checklist .item {
  display: inline-block;
  font-size: 14px;
  font-family: 'notokr-medium';
  width: 85px;
  padding-left: 5px;
}
.checklist .per {
  color: #e7464a;
  font-size: 14px;
  font-family: 'notokr-medium';
}
.checklist .pass {
  background: url('../../images/contents/bg-grcheck-pass.png') right bottom no-repeat;
}
.checklist .pass .bullet {
  background-color: #006bd5;
}
.checklist .pass .per {
  color: #006bd5;
}
.nodatawrap {
  display: table;
  position: relative;
  width: 100%;
  height: 160px;
  box-sizing: border-box;
  background: #f1f1f1 ;
  border: 1px solid #ccc;
  text-align: center;
}
.nodatawrap div {
  position: absolute;
  left: 35%;
  top: 30%;
  background: #f1f1f1 url('../../images/ico/ico-nodata.png') no-repeat;
  display: table-cell;
  height: 50px;
  text-align: center;
  padding-left: 55px;
  vertical-align: middle;
  font-size: 17px;
}
.nodatawrap_table {
  width: 100%;
  height: 160px;
  background: #f1f1f1 ;
}
.nodatawrap_table div {
  background: #f1f1f1 url('../../images/ico/ico-nodata.png') no-repeat 35% top;
  height: 30px;
  width: auto;
  padding-left: 55px;
  font-size: 17px;
  text-align: center;
}
.basket .topwrap {
  margin-top: 0px;
}
.basket .grfold_area {
  margin-top: 5px;
}
.basket .grfold_area:first-child {
  margin-top: 15px;
}
.basket .topwrap .table-tit {
  font-size: 14px;
}
.gr_cont.basket .grtbltop {
  height: 37px;
}
.gr_cont.basket .btns {
  margin-top: 5px;
}
.basketadd1 {
  position: relative;
  margin-top: 30px;
}
.basketadd2 {
  position: relative;
  margin-top: 5px;
  padding-left: 33px;
}
.recordhistorywrap {
  margin-top: 30px;
}
.recordhistorywrap .tit {
  padding: 10px 10px 11px;
  color: #333;
  font-size: 15px;
}
.recordhistorywrap .recordhistory {
  display: table;
  width: 100%;
  min-width: 850px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  margin-bottom: 3px;
}
.recordhistorywrap .recordhistory .record_cell {
  display: table-cell;
  padding: 20px;
  box-sizing: border-box;
}
.recordhistorywrap .recordhistory .record_cell:first-child {
  width: 25%;
  border-right: 1px solid #c9c9c9;
}
.recordhistorywrap .recordhistory .record_cell:nth-child(2) {
  width: 50%;
}
.recordhistorywrap .recordhistory .record_cell:last-child {
  width: 25%px;
  text-align: right;
  padding-right: 20px;
}
.recordhistorywrap .recordhistory .record_cell p {
  font-size: 13px;
}
.recordhistorywrap .recordhistory .record_cell p span {
  color: #fff;
  padding: 2px 4px;
}
.recordhistorywrap .recordhistory .record_cell p.type01 span {
  background: #94b059;
}
.recordhistorywrap .recordhistory .record_cell p.type02 span {
  background: #f38b4c;
}
.recordhistorywrap .recordhistory .record_cell p.type03 span {
  background: #4485f2;
}
.recordhistorywrap .recordhistory .record_cell p.type04 span {
  background: #7467d0;
}
.recordhistorywrap .recordhistory .record_cell p.type05 span {
  background: #f66b6e;
}
.slidelayerwrap {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  padding: 10px;
}
.slidelayerwrap .slidelayer_inner {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 98%;
}
.slideconts {
  margin: 0 auto;
  width: 1200px;
}
.slidelayerwrap .box-wbs .head h2 {
  color: #fff;
}
.researchreport .nodatawrap {
  height: 100px;
  vertical-align: top;
}
.researchreport .nodatawrap div {
  font-size: 13px;
  left: 25%;
  top: 30px;
  vertical-align: top;
  padding-top: 0px;
  background: none;
}
.labreview {
  width: 100%;
  padding: 30px 20px 10px 20px;
  box-sizing: border-box;
}
.slidebox.labpagelist {
  float: left;
}
.slidebox.labpagelist .slide_area ul li {
  position: relative;
  width: 180px;
  text-align: center;
  padding-right: 0px;
}
.slidebox.labpagelist .slide_area ul li img {
  width: 150px;
  height: 200px;
  border: 1px solid #d4d4d4;
}
.slidebox.labpagelist .slide_area {
  height: 230px;
}
.slidebox.labpagelist {
  width: 950px;
  margin: 0 auto;
}
.inchargewrap.labnoteformat {
  width: 100%;
  margin-top: 0px;
}
.inchargewrap.labnoteformat li .box {
  width: 200px;
}
.info-box .box-checkboxwrap {
  float: inherit;
  display: block;
  margin-left: 0;
}
.table-state1.check td {
  padding: 10px;
  line-height: 18px;
  position: relative;
}
.table-state1.check td .box-checkboxwrap {
  height: 85px;
}
.table-state1.check td .divide .box-checkbox3 {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.table-state1.check2 td {
  padding: 10px;
  line-height: 18px;
  position: relative;
}
.table-state1.check2 td .box-checkboxwrap {
  height: 100px;
}
.table-state1.check2 td .divide .box-checkbox3 {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.popcontainer.manager .content {
  padding: 20px 20px 20px;
}
.managerpop_cont .boxwrap .boxhead {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 15px;
}
.managerpop_cont .boxwrap {
  margin-top: 0px;
}
.manager .leftarea {
  float: left;
  width: 30%;
  box-sizing: border-box;
}
.manager .leftarea .listbox {
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
  height: 600px;
}
.manager .leftarea .listbox ul {
  padding: 0 10px 10px 10px;
}
.manager .leftarea .listbox ul li {
  padding: 7px 15px;
}
.manager .leftarea .listbox ul li:hover {
  background: #c6e2ff;
}
.manager .rightarea {
  float: left;
  width: 68%;
  box-sizing: border-box;
  margin-left: 2%;
}
.manager .rightarea .toparea .srchbox {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 10px;
}
.manager .rightarea .treewrap {
  height: 600px;
  margin-top: 13px;
}
.radioarea {
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
  padding: 15px;
}
.manager table tbody td {
  height: 25px;
  padding: 3px 10px;
  color: #333;
  font-size: 13px;
  box-sizing: border-box;
}
.managerpop_cont .gr_cont {
  margin-top: 15px;
}
.managerpop_cont .gr_cont .head_area {
  height: 50px;
  display: block;
  font-size: 17px;
  background: #b3b3b3;
  border: 1px solid #b3b3b3;
  padding: 15px 10px 15px 15px;
  box-sizing: border-box;
  color: #fff;
  font-family: 'notokr-medium';
}
.managerpop_cont .gr_cont .grtbltop {
  height: 25px;
  padding: 10px 5px 5px 15px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-top: none;
}
.managerpop_cont .gr_cont .grfold_area {
  margin-top: 0;
}
.managerpop_cont .gr_cont .grfold_area .table-state1 {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.managerpop_cont .gr_cont .grfold_area table {
  border-top: none;
}
.managerpop_cont .gr_cont .grfold_area table td {
  height: 25px;
  padding: 10px;
  padding-left: 25px;
  background: url('../../images/ico/ico-state-past.png') 95% 15px no-repeat;
}
.managerpop_cont .gr_cont .grfold_area table td a {
  text-decoration: none;
}
.managerpop_cont .categorywrap {
  height: 230px;
}
.managerpop_cont .categorywrap .head {
  display: block;
  height: 100px;
  box-sizing: border-box;
  padding: 15px 10px;
}
.managerpop_cont .categorywrap .head .inp {
  display: block;
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #dddddd;
}
.managerpop_cont .categorywrap .catelist {
  display: block;
  padding: 10px 20px;
}
.managerpop_cont .categorywrap .catelist ol li {
  height: 20px;
  padding: 4px 0;
  position: relative;
}
.managerpop_cont .categorywrap .catelist ol li .btn_wrap {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
}
.btn-ranking-up {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background: #ffffff url('../../images/btn/btn_rankingbtn.png') no-repeat left top;
}
.btn-ranking-down {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background: #ffffff url('../../images/btn/btn_rankingbtn.png') no-repeat left top;
  background-position: 0px -15px;
}
.btn-ranking-del {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background: #ffffff url('../../images/btn/btn_rankingbtn.png') no-repeat left bottom;
}
.manager.leftcate .leftarea {
  float: left;
  width: 25%;
  min-width: 230px;
  max-width: 230px;
  box-sizing: border-box;
}
.manager.leftcate .rightarea {
  float: left;
  width: 70%;
  box-sizing: border-box;
  margin-left: 2%;
}
.manager .currentwrap {
  margin: 10px 0 0;
  border: 1px solid #aaa;
  border-radius: 3px;
  min-height: 50px;
  padding: 10px;
}
.manager .currentwrap .headwrap .tit {
  font-size: 16px;
  padding-bottom: 8px;
}
.manager .currentwrap .headwrap .subtit {
  font-size: 14px;
  padding-left: 5px;
}
.manager .currentwrap .cont {
  padding: 10px 0 0 5px;
  font-size: 14px;
  line-height: 18px;
}
.manager .currentwrap .srch {
  margin-top: 40px;
}
.manager .currentwrap .topwrap .txt-bullet {
  display: inline-block;
  width: 60px;
}
.search_area .boxhead {
  height: 90px;
  text-align: center;
  z-index: 999999;
  overflow: visible;
}
.search_area .boxhead div.search {
  width: 98%;
  text-align: center;
  border-bottom: 1px solid #999 ;
  padding: 15px;
}
.search_area .boxhead div.search ul.base {
  display: inline-block;
}
.search_area .boxhead div.search ul.base li {
  font-size: 15px;
  display: inline-block;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat right 50%;
  padding-right: 15px;
  padding-left: 10px;
}
.search_area .boxhead div.search ul.base li.active {
  color: #006bd5;
}
.search_area .boxhead div.search .more_area {
  display: inline-block;
  font-size: 15px;
  padding-left: 10px;
}
.search_area .boxhead div.subsrch {
  padding-top: 7px;
}
.search_area .boxhead div.subsrch ul {
  display: inline-block;
}
.search_area .boxhead div.subsrch > ul > li {
  width: 80px;
  display: inline-block;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 5px 7px;
  height: 25px;
  padding-left: 15px;
  padding-top: 5px;
}
.search_area .boxhead div.subsrch ul li:first-child {
  background: none;
}
.search_area .boxhead div.subsrch > ul > li:nth-child(4) {
  width: 150px;
}
.search_area .boxhead div.subsrch ul li .dropdown {
  width: 80px;
}
.search_area .boxhead div.subsrch ul li .dropdown .dropdown-list {
  z-index: 999999;
}
.search_area .boxhead div.subsrch ul li .dropdown .select-label {
  padding-left: 0px;
  border: none;
  background: #fff;
}
.search_area .boxhead div.subsrch ul li .option button {
  margin: -3px -8px 0 4px;
  padding: 2px 4px 0;
  border: 1px solid #dde1e5;
  background: none;
  background-color: #f9fafb;
  font-size: 11px;
  color: #b4b6bc;
  line-height: 14px;
  letter-spacing: -1px;
  cursor: pointer;
  display: inline-block;
}
.search_area .boxhead div.subsrch ul li .option button.on {
  position: relative;
  border-color: #babec5;
  background-color: #fff;
  color: #7a7e88;
}
.search_area .boxinner {
  height: 100%;
  padding: 0;
  z-index: 999;
}
.search_area .section_head h3 {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 18px;
}
.search_area .section_head h3 span.count {
  font-size: 18px;
}
.search_area .left_area {
  float: left;
  display: inline;
  width: 950px;
  margin: -1px 0 0 -950px;
  border-right: 1px solid #d1d1d1;
}
.search_area .left_area .srch_section_title {
  border-bottom: 1px solid #d1d1d1;
  margin: 0 35px 20px 25px;
  padding: 25px 0 10px 0;
  font-size: 20px;
}
.search_area .left_area .srch_section_title span.point {
  color: #006bd5;
}
.search_area .left_area .srch_section_title span.count {
  color: #006bd5;
}
.search_area .srch_section {
  margin: 0 35px 0 25px;
  padding: 25px 0;
  zoom: 1;
}
.search_area .srch_section .section_more {
  text-align: right;
  text-decoration: underline;
  font-size: 16px;
}
.search_area .left_area .dic dt.title_area {
  display: inline;
  float: none;
  margin: 0 4px 3px 0;
  padding: 0;
  display: block;
  padding-top: 10px;
  font-weight: normal;
  font-size: 17px;
  height: 20px;
  color: #333;
  font-family: 'notokr-medium';
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 850px;
}
.search_area .left_area .dic dd {
  color: #555;
  display: block;
}
.search_area .left_area .dic dd span {
  color: #888;
  font-size: 13px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 5px 50%;
  padding-left: 15px;
}
.search_area .left_area .dic dd span:first-child {
  background: none;
  padding-left: 0;
}
.search_area .right_area {
  float: left;
  display: block;
  width: 350px;
  padding-bottom: 100px;
  margin: -1px 0 0;
  padding-left: 10px;
  box-sizing: border-box;
}
.search_area .left_area .dic dd.explain {
  padding: 6px 0;
  word-break: break-all;
  font-size: 15px;
}
.search_area .right_area .kwd_list ol li .tit {
  display: block;
  overflow: hidden;
  _width: 210px;
  font-size: 14px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  height: 25px;
}
.search_area .right_area .kwd_list ol li .num {
  display: block;
  float: left;
  width: 16px;
  height: 12px;
  margin-right: 9px;
  border: 1px solid #e0e0e0;
  color: #666;
  line-height: 12px;
  text-align: center;
}
.area_group {
  width: 351px;
  height: 100%;
  min-height: 700px;
  padding-left: 950px;
  margin: 0 auto;
  background: #fff;
}
.detail-srch-view {
  position: absolute;
  top: 190px;
  left: 650px;
  width: 550px;
  height: 400px;
  background: #fff;
  border: 1px solid #999;
  box-sizing: border-box;
  z-index: 999999;
  text-align: left;
}
.detail-srch-view .srch_option {
  padding: 15px 15px 10px 60px;
}
.detail-srch-view .srch_option span.tit {
  display: inline-block;
  font-size: 16px;
  padding: 5px 5px 0 5px;
  color: #000;
  font-family: 'notokr-medium';
}
.detail-srch-view .rule_check {
  margin-left: 133px;
  margin-bottom: 20px;
}
.detail-srch-view .srch_inner {
  border-top: 1px solid #b1b1b1;
  width: 90%;
  margin: 10px auto;
  padding-top: 15px;
}
.detail-srch-view .srch_inner .srch_exact {
  padding: 20px 20px 10px 20px ;
}
.detail-srch-view .srch_inner .srch_exact p {
  padding: 3px 0;
}
.detail-srch-view .srch_inner .srch_exact p .txt {
  display: inline-block;
  width: 200px;
}
.detail-srch-option {
  position: relative;
}
.detail-srch-option-view {
  position: absolute;
  width: 95px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #999;
  top: 30px;
  left: 0;
}
.detail-srch-option-view ul {
  margin: 0;
  padding: 0;
}
.detail-srch-option-view ul li {
  display: block;
  text-align: left;
  width: 93px;
}
.detail-srch-option-view ul li a {
  display: block;
  height: 19px;
  padding: 8px 0 4px 10px;
}
.detail-srch-option-view ul li.active a {
  color: #006bd5;
}
.detail-srch-option-view ul li a:hover {
  background: #c6e2ff;
}
.detail-srch-align {
  position: relative;
}
.detail-srch-align-view {
  position: absolute;
  width: 95px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #999;
  top: 25px;
  left: 0;
}
.detail-srch-align-view ul {
  margin: 0;
  padding: 0;
}
.detail-srch-align-view ul li {
  display: block;
  text-align: left;
  width: 93px;
}
.detail-srch-align-view ul li a {
  display: block;
  height: 19px;
  padding: 8px 0 4px 10px;
}
.detail-srch-align-view ul li.active a {
  color: #006bd5;
}
.detail-srch-align-view ul li a:hover {
  background: #c6e2ff;
}
.detail-srch-date {
  position: relative;
}
.detail-srch-date-view {
  position: absolute;
  width: 95px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #999;
  top: 25px;
  left: 0;
}
.detail-srch-date-view ul {
  margin: 0;
  padding: 0;
}
.detail-srch-date-view ul li {
  display: block;
  text-align: left;
  width: 93px;
}
.detail-srch-date-view ul li a {
  display: block;
  height: 19px;
  padding: 8px 0 4px 10px;
}
.detail-srch-date-view ul li.active a {
  color: #006bd5;
}
.detail-srch-date-view ul li a:hover {
  background: #c6e2ff;
}
.detail-srch-area {
  position: relative;
}
.detail-srch-area-view {
  position: absolute;
  width: 95px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #999;
  top: 25px;
  left: 0;
}
.detail-srch-area-view ul {
  margin: 0;
  padding: 0;
}
.detail-srch-area-view ul li {
  display: block;
  text-align: left;
  width: 93px;
}
.detail-srch-area-view ul li a {
  display: block;
  height: 19px;
  padding: 8px 0 4px 10px;
}
.detail-srch-area-view ul li.active a {
  color: #006bd5;
}
.detail-srch-area-view ul li a:hover {
  background: #c6e2ff;
}
.boxinner .topwrap {
  border-bottom: 1px  solid #d1d1d1;
  padding-bottom: 10px;
}
.boxinner .topwrap .btn-prev {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-indent: -9999px;
  background: #ffffff url('../../images/btn/btn-datepicker.png') no-repeat 6px 6px;
}
.boxinner .topwrap .btn-next {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-indent: -9999px;
  background: #ffffff url('../../images/btn/btn-datepicker.png') no-repeat 6px 6px;
  background-position: 6px -19px;
}
.boxinner .topwrap .datetxt {
  display: inline-block;
  height: 20px;
  margin: 0 2px;
  padding: 0 5px;
  vertical-align: middle;
  font-size: 15px;
}
.agendalist > ul > li {
  position: relative;
}
.agendalist > ul > li .etc_right {
  position: absolute;
  top: -10px;
  right: 5px;
  z-index: 10;
  width: 120px;
}
.agendalist li.active .taskinfo .summary .sum-tit {
  display: none !important;
}
.agendalist li.active .taskinfo .summary .sum-txt {
  display: block !important;
}
.agendalist ul li .taskinfo .summary {
  overflow: hidden;
  height: 100px;
  margin-top: 16px;
  font-size: 13px;
  line-height: 20px;
  font-family: 'notokr-regular';
}
.agendalist ul li .taskinfo .source {
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 7px 5px;
  padding-left: 13px;
}
.agendalist ul li .taskinfo .dept span {
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 4px 3px;
  padding-left: 13px;
}
.agendalist ul li .taskinfo .dept span:first-child {
  background: none;
  padding-left: 0px;
}
.poollist.nosummary.longlist ul li .taskinfo {
  height: 70px;
}
.popup_default {
  padding: 20px;
  min-width: 600px;
}
.popup_default .table {
  float: left;
}
.popup_default .graph {
  float: left;
}

.tfixed {overflow:auto; border-bottom: 1px solid #b3b3b3;}
.tFixedHead {position:absolute; z-index: 2;}
/*.tFixedBody:not(.bdY) tr:last-child td {border-bottom:0px;}*/
.tFixedFoot {position:absolute; background: #fff;}

.tFixedHead .toolTipAct {cursor:pointer;}
.tFixedHead .toolTip {display:none; position:relative;}
.tFixedHead .toolTip .toolCont {    
	position: absolute;
    padding: 7px 10px;
    top: -84px;
    background-color: #323232;
    color: #fff;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}
.tFixedHead .toolTip .toolArow {
	position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #323232;
    top: -55px;
    left: 50%;
}

.tFixedHead .toolTip .toolCont.line2 {top: -67px;}
.tFixedHead .toolTip .toolArow.line2 {top: -38px;}
.tFixedHead .toolTip .toolCont.left {left: 0px;}
.tFixedHead .toolTip .toolCont.right {right: 0px;}

@-webkit-keyframes pulseBox {
  0% {-webkit-box-shadow: 0 0 0 0 rgba(27, 94, 32, 0.4);}
  70% {-webkit-box-shadow: 0 0 0 15px rgba(27, 94, 32, 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(27, 94, 32, 0);}
}

@keyframes pulseBox {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(27, 94, 32, 0.4);
    box-shadow: 0 0 0 0 rgba(27, 94, 32, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(27, 94, 32, 0);
      box-shadow: 0 0 0 15px rgba(27, 94, 32, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(27, 94, 32, 0);
      box-shadow: 0 0 0 0 rgba(27, 94, 32, 0);
  }
}

.pulseBox {box-shadow: 0 0 0 rgba(123, 31, 162, 0.4); animation:pulseBox 1s 20;}

.estiPulseBox {box-shadow: 0 0 0 rgba(123, 31, 162, 0.4); animation:estiPulseBox 1s infinite;}

@-webkit-keyframes estiPulseBox {
  0% {-webkit-box-shadow: 0 0 0 0 rgba(123, 31, 162, 0.4);}
  70% {-webkit-box-shadow: 0 0 0 10px rgba(123, 31, 162, 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(123, 31, 162, 0);}
}

@keyframes estiPulseBox {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(123, 31, 162, 0.4);
    box-shadow: 0 0 0 0 rgba(123, 31, 162, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(123, 31, 162, 0);
      box-shadow: 0 0 0 10px rgba(123, 31, 162, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(123, 31, 162, 0);
      box-shadow: 0 0 0 0 rgba(123, 31, 162, 0);
  }
}

.planProgNew {margin-top: 20px;}
.planProgNew ul li {display: inline-block; text-align:center; height:230px; background:#ecf5ff; border: 1px solid #aaa; border-radius: 5px;}
.planProgNew ul li:nth-child(1) {width:14%; margin-right: 1%;}
.planProgNew ul li:nth-child(2) {width:26%; margin-right: 1%;}
.planProgNew ul li:nth-child(3) {width:39%; margin-right: 1%;}
.planProgNew ul li:nth-child(4) {width: calc(18% - 17px);}
.planProgNew ul li p {margin-top: 110px; color: #000; font-size: 13px; font-family: 'notokr-medium';}
.planProgNew .tit {margin: 10px 10px 15px 10px; text-align: left; font-size: 14px; font-family:'notokr-medium'; color: #000;}
.planProgNew .part {display: inline-block; background: url(../../images/contents/bg-planprogress-ing.png) no-repeat 50% 40px; margin:10px; width:100px;}
.planProgNew .part.comp {background: url(../../images/contents/bg-planprogress-complete.png) no-repeat 50% 40px;}
.planProgNew .icon-complete {background: #388e3c url(../../images/ico/ico-complete.png) no-repeat 7px 50% !important;}

.planProgNew2 {margin-top: 20px;}
.planProgNew2 ul li {display: inline-block; text-align:center; height:230px; background:#ecf5ff; border: 1px solid #aaa; border-radius: 5px;}
.planProgNew2 ul li:nth-child(1) {width:23%; margin-right: 1%;}
.planProgNew2 ul li:nth-child(2) {width:23%; margin-right: 1%;}
.planProgNew2 ul li:nth-child(3) {width:33%; margin-right: 1%;}
.planProgNew2 ul li:nth-child(4) {width: calc(18% - 17px);}
.planProgNew2 ul li p {margin-top: 110px; color: #000; font-size: 13px; font-family: 'notokr-medium';}
.planProgNew2 .tit {margin: 10px 10px 15px 10px; text-align: left; font-size: 14px; font-family:'notokr-medium'; color: #000;}
.planProgNew2 .part {display: inline-block; background: url(../../images/contents/bg-planprogress-ing.png) no-repeat 50% 40px; margin:10px; width:100px;}
.planProgNew2 .part.comp {background: url(../../images/contents/bg-planprogress-complete.png) no-repeat 50% 40px;}
.planProgNew2 .icon-complete {background: #388e3c url(../../images/ico/ico-complete.png) no-repeat 7px 50% !important;}

.analReqTbHist {width: 120px;}
.analReqTbHist button {margin-left:10px;}

/*201803*/
/*빨간 글씨 강조 / popup내 사용 / integrationSuggestPopup*/
.sourceTit {display:inline-block; padding-left:20px;}
.sourceTit span {color:#ff3d6a; font-size:15px;}
.selectboxwrap .head {margin-bottom: 10px;}

.thum-upload {position: relative; padding-left: 105px; min-height: 122px; line-height: 18px; margin-bottom: 20px;}
.thum-upload img {position: absolute; left:0; top:0; width: 90px; height:120px; border:1px solid #e7e7e7; background-color: #f7f7f7; background-image: url(../images/contents/thumbnail_upload.gif); background-repeat: no-repeat; background-position: center center;}
.thum-upload .btn-upload {text-indent: 0;padding: 6px 15px; color: #fff; border-radius: 3px; background-color: #7e8ca5; margin-top: 10px; background-image: none; width: auto; height: auto; right: auto; left:0;}
/*~201803*/
/*# sourceMappingURL=common.css.map */



.analEstiList {
  margin-top: 6px;
  border-top: 1px solid #aaa;
}
.analEstiList > li {
  position: relative;
  padding-bottom: 20px;
  background: #fff;
  border-bottom: 1px solid #aaa;
  box-sizing: border-box;
  overflow: hidden;
}

.analEstiList > li.active {
  background: #ecf5ff;
}

.analEstiList .head {
  height: 80px;
  padding-top: 20px;
  box-sizing: border-box;
  color: #333;
}

.analEstiList .head .tit {
  height: 20px;
  line-height: 20px;
  padding: 0 45px 0 20px;
  cursor: pointer;
}
.analEstiList .head .tit .icon-text6 {
  float: left;
  min-width: 36px;
  height: 19px;
  line-height: 19px;
  padding: 0 6px;
  font-size: 13px;
}
.analEstiList .head .tit .technm {
  float: left;
  padding-right: 13px;
  margin: 0 11px 0 7px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat right 50%;
}
.analEstiList .head .tit .depth {
  float: left;
}
.analEstiList .head .tit .depth span:after {
  display: inline-block;
  content: '>';
  margin: 0 11px;
  font-size: 14px;
  color: #aaa;
}
.analEstiList .head .tit .depth span:last-child:after {
  display: none;
  margin-right: 0;
}
.analEstiList .head .tit .fr {
  font-size: 13px;
  text-align: right;
}
.analEstiList .body {
  display:none;
  color: #333;
}
.analEstiList ul.appratise1 {
  overflow: hidden;
  margin: 15px 65px 0;
}
.analEstiList ul.appratise1 li {
  float: left;
  margin-left: 13px;
  padding-left: 15px;
  background: url('../../images/contents/bg-vertical-bar.png') no-repeat 0 50%;
}
.analEstiList ul.appratise1 li:first-child {
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}
.analEstiList ul.appratise2 {
  overflow: hidden;
  margin: 0px;
}
.analEstiList ul.appratise2 li {
  display: inline-block;
  height: 26px;
}
.analEstiList ul.appratise2 li:first-child {
  margin-left: 0;
}
.analEstiList ul.appratise2 li .inp-text,
.analEstiList ul.appratise2 li .type-selectbox {
  vertical-align: top;
}
.analEstiList ul.appratise2 li .stit {
  height: 26px;
  line-height: 26px;
  margin-left: 30px;
  margin-right: 6px;
  display: inline-block;
  width: 83px;
  font-family: 'notokr-medium';
}

.analEstiList ul.appratise2 .smplList {margin-top:-23px; padding-left:130px;}
.analEstiList ul.appratise2 .smplList span {display: inline-block; background: #fff; border: 1px solid #c9c9c9; border-radius: 5px; padding: 3px 10px; margin: 0px 10px 5px 0px;}

.analEstiList .srchbtn {min-width: 100px; margin-left: 10px;}
.analEstiList .srchbtn a {font-size:13px; height: 24px; line-height: 24px;}

.sourceTit {display:inline-block; padding-left:20px;}
.sourceTit span {color:#ff3d6a; font-size:15px;}
.selectboxwrap .head {margin-bottom: 10px;}

.thum-upload {position: relative; padding-left: 105px; min-height: 122px; line-height: 18px; margin-bottom: 20px;}
.thum-upload img {position: absolute; left:0; top:0; width: 90px; height:120px; border:1px solid #e7e7e7; background-color: #f7f7f7; background-image: url(../../images/contents/thumbnail_upload.gif); background-repeat: no-repeat; background-position: center center;}
.thum-upload .btn-upload {text-indent: 0;padding: 6px 15px; color: #fff; border-radius: 3px; background-color: #7e8ca5; margin-top: 10px; background-image: none; width: auto; height: auto; right: auto; left:0;}

.datepicker-prev {
  border: 1px solid #c9c9c9; border-radius: 3px; padding: 0 5px; min-width: 24px; height: 26px; background: #fff url(../../images/btn/arr-datepicker-prev.gif) no-repeat 8px 7px; text-indent: -9999px;
}
.datepicker-next {
  border: 1px solid #c9c9c9; border-radius: 3px; padding: 0 5px; min-width: 24px; height: 26px; background: #fff url(../../images/btn/arr-datepicker-next.gif) no-repeat 9px 7px; text-indent: -9999px;
}
.boxhead .comt-orange {color:#d65528;}
.table-state1 .blue {background-color: #b7d6ec; padding: 0; border-color: #95afc1;}
.table-state1 .blue a {display: block; width: 100%; height: 100%;}

.table-state1 .blue span.arr:after {
  display: block; clear: both; content: ""; position: absolute; right: 0; top: -4px; width: 6px; height: 11px;
  background:  #b7d6ec url(../../images/contents/table-sgt-arr.png) no-repeat 0 0;
}
.table-state1 .green {background-color: #b7ece1; padding: 0; border-color: #95c1b8;}
.table-state1 .green a {display: block; width: 100%; height: 100%;}

.table-state1 .green span.arr:after {
  display: block; clear: both; content: ""; position: absolute; right: 0; top: -4px; width: 6px; height: 11px;
  background:  #b7ece1 url(../../images/contents/table-sgt-arr.png) no-repeat 0 0;
}
.table-explain {text-align: right; margin-top: 10px;}
.table-explain img {margin: 0 5px 0 15px;}


.spContents {margin-top:20px;border-top:1px solid #aaa;}
.spContents ul {}
.spContents ul li {border-bottom:1px solid #aaa; padding:20px; background: #ecf5ff;}
.spContents ul li .tit{display: inline-block; width: 90px; text-align: right; padding-right: 20px; padding-top: 15px; font-family: 'notokr-medium';}
.spContents li.active {background: #ecf5ff;}
.spContents .must {border: 1px solid #ef5350;}
.spContents .spBody{display:block;}

.machineLay ul {border-bottom:1px solid #aaa;}
.machineLay ul li {padding: 0px 20px 20px 0px;}
.machineLay ul li .tit{display: inline-block; width: 140px; text-align: right; padding-right: 20px; padding-top: 15px; font-family: 'notokr-medium';}

.cmmToolTip .toolTip {display:none; position:relative;}
.cmmToolTip .toolTip .toolCont.left {left: 0px;}
.cmmToolTip .toolTip .toolCont.right {right: 0px;}
.cmmToolTip .toolTip .toolCont {    
	position: absolute;
    padding: 7px 10px;
    top: -59px;
    background-color: #323232;
    color: #fff;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}
.cmmToolTip .toolTip .toolArow {
	position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #323232;
    top: -30px;
    left: 50%;
}

.checkMark {
  display: inline-block;
  width: 15px;
  height: 13px;
  margin-right: 5px;
  background: url('../../images/btn/btn-check2.png') no-repeat 0 -87px;
  text-indent: -9999px;
  background-position: 0 2px;
}

.poolltypeistLayer {
  overflow: hidden;
}
.poolltypeistLayer .pooltypelist {
  display: inline-block;
  float: left;
  border: 1px solid #ccc;
  margin: 10px 0;
  width: 32%;
  height: 60px;
  margin-right: 10px;
  padding: 10px 15px;
  box-sizing: border-box;
}
.poolltypeistLayer .pooltypelist ul {
  margin-bottom: 8px;
}
.poolltypeistLayer .pooltypelist ul li {
  display: inline-block;
  text-indent: -9999px;
}
.poolltypeistLayer .pooltypelist ul li.type1 {
  background: #dcedc8;
}
.poolltypeistLayer .pooltypelist ul li.type2 {
  background: #cfd8dc;
}
.poolltypeistLayer .pooltypelist ul li.type3 {
  background: #d1c4e9;
}
.poolltypeistLayer .pooltypelist ul li.type4 {
  background: #ffccbc;
}

.poolltypeistLayer .pooltypelist.txt ul li {
  text-indent: 0; font-size: 12px; text-align: center;
  border:1px solid; letter-spacing: -1px;
  padding: 2px 5px;
}
.poolltypeistLayer .pooltypelist.txt ul li.type1 {
  border-color: #c3d6ae;
  background: #dcedc8;
}
.poolltypeistLayer .pooltypelist.txt ul li.type2 {
  border-color: #bcc9ce;
  background: #cfd8dc;
}
.poolltypeistLayer .pooltypelist.txt ul li.type3 {
  border-color: #eebbab;
  background: #ffccbc;
}

.poolltypeistLayer .pooltypelist.txt div span {
  display: inline-block; font-size: 15px; color: #4a4a4a;  font-family: 'notokr-medium';
  text-overflow: ellipsis; overflow: hidden;
  width: 310px; height: 20px; white-space: nowrap;
}

.analMainBox {position: relative; display: inline-block;
    width: calc(50% - 25px);
    height: 180px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 20px;
    border-radius: 5px;
    box-shadow: 2px 3px 14px -2px rgba(0, 0, 0, 0.5);
    text-align:right;
    }
.analMainBox:nth-child(1) {background: linear-gradient(135deg, #c33764, #1d2671);}
.analMainBox:nth-child(2) {background: linear-gradient(135deg, #c33764, #004d40);}
.analMainBox:nth-child(3) {background: linear-gradient(135deg, #c33764, #0d47a1);}
.analMainBox:nth-child(4) {background: linear-gradient(135deg, #c33764, #1b5e20);}

.analMainBox .tit {position:absolute; top: 20px; left: 20px; font-family:'notokr-medium';}
.analMainBox .tot {font-size: 38px; padding: 20px; position: absolute; bottom: 0px;}
.analMainBox .tot .unit {font-size: 20px;}
.analMainBox .subDiv {padding:20px; font-size: 12px; line-height: 20px; margin-top: 55px;}
.analMainBox .subDiv span {display: inline-block; min-width:60px; font-size: 17px;}
.analMainBox .subDiv span:hover, .analMainBox .tot span:nth-child(1):hover {text-decoration: underline;}

.rndMainTb thead th {font-size: 12px; font-family: 'notokr-medium';}
.rndMainTb .topHeader th {font-size: 13px !important;}

.rndMainTb .boldR {border-right: 1px solid #b3b3b3  !important;}
.rndMainTb .off {border-right: 1px solid #b3b3b3;}
.rndMainTb .on {border-right: 1px solid #b3b3b3;}

.rndMainTb .hCol00 {display:none;}
.rndMainTb .hCol01 {display:none;}
.rndMainTb .hCol02 {display:none;}
.rndMainTb .hCol03 {display:none;}
.rndMainTb .hCol04 {display:none;}

.rndMainTb tr.tot td {font-family: 'notokr-medium'; color: #006bd5;}
.rndMainTb tr.main {font-family: 'notokr-medium';}
.rndMainTb tr.main td.tit {text-align:left; cursor: pointer; text-decoration: underline;}
.rndMainTb tr.sub {display:none;}
.rndMainTb tr.sub td.tit {text-align:left; padding-left: 30px; cursor: pointer; text-decoration: underline;}
.rndMainTb tr.subDept {display:none; background: aliceblue;}
.rndMainTb tr.subDept td.tit {text-align:left; padding-left: 40px;}

.rndMainTb td {width: 100px !important;}
 
 
.mainTaskList {overflow: auto; height: 500px;}
.mainTaskList li {border-bottom: 1px solid #ccc; padding: 10px;}
.mainTaskList li .tit {font-family: 'notokr-medium'; color: #006bd5; padding: 0px; max-width: 750px;}
.mainTaskList li .subTit {font-family: 'notokr-medium'; padding: 0px; padding-left: 15px;}

.mainTaskList li span {
	display: inline-block;
    line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px 5px;}

.mainTaskList li .head span:nth-child(2){color:#000;}
.mainTaskList li .head span:nth-child(3){color:#000;}

.mainTaskList li .cont span:nth-child(1){width: 55px; padding-left: 0px;}
.mainTaskList li .cont span:nth-child(2){width: 100px;}
.mainTaskList li .cont span:nth-child(3){width: 67px;}
.mainTaskList li .cont span:nth-child(4){width: 100px;}
.mainTaskList li .cont span:nth-child(5){width: 55px;}
.mainTaskList li .cont span:nth-child(6){min-width: 100px;}
.mainTaskList li .cont span:nth-child(7){width: 55px;}
.mainTaskList li .cont span:nth-child(8){min-width: 100px;}
.mainTaskList li .cont span:nth-child(9){width: 100px;}
.mainTaskList li .cont span:nth-child(10){width: 80px; padding-left: 0px;}
.mainTaskList li .cont span:nth-child(11){width: 75px;}
.mainTaskList li .cont span:nth-child(12){width: 67px;}
.mainTaskList li .cont span:nth-child(13){width: 100px;}
.mainTaskList li .cont span:nth-child(14){width: 55px;}
.mainTaskList li .cont span:nth-child(15){width: 100px;}
.mainTaskList li .cont span:nth-child(16){width: 92px;}
.mainTaskList li .cont span:nth-child(17){width: 100px;}
.mainTaskList li .cont span:nth-child(18){width: 114px;}

.main_loading_spinner {
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 300px;
	z-index: 1;
	background: rgba(255, 255, 255, 0.8);
    text-align: center;
}

.lds-grid {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-grid div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000;
  animation: lds-grid 1.2s linear infinite;
  margin-top: 100px;
}
.lds-grid div:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #aaa;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  margin-top: 100px;
}
.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}

.brdTop1 {border-top: 1px solid #ccc;}

.tripleBox {display: inline-block; width: calc(33% - 25px); vertical-align: top; padding:0px 30px 0px 0px;}
.tripleBox:last-child {padding-right: 0px;}
.tripleBox .tit {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.tripleBox .txt-bullet {display:inline-block;}
.tripleBox .txt-bullet .tit {font-family: 'notokr-medium'; color: #000;}
.tripleBox .tot {text-align: right; font-size: 14px; float: right;}
.tripleBox .tot .cnt {font-family: 'notokr-medium'; color:#000; font-size: 18px;}
.failInfoUl li {border-bottom: 1px solid #ccc; padding: 15px; line-height: 20px;}
.failInfoUl li .title {font-family: 'notokr-medium'; color: #006bd5; font-size: 17px; margin-right: 10px;}
.failInfoUl li .sourceTit {font-family: 'notokr-medium'; color:#000;}
.failInfoUl li .sourceType {color:#000;}
.failInfoUl li label.fBtn {    
    display: inline-block;
    padding: 1px 15px;
	color: #b71c1c;
    font-size: 12px;
    border-radius: 15px;
    line-height: 15px;
    vertical-align: top;
    border: 1px solid;
	font-family: 'notokr-medium';
}
.failInfoUl li .status {
  color: #fff;
  border-radius: 15px;
  padding: 0px 20px;
  vertical-align: top;
  margin-top: 3px;
}
.failInfoUl li label.blue {color: #0d47a1; background: #fff !important;}
.failInfoUl li label.green {color: #006064; background: #fff !important;}
.failInfoUl li .header span:nth-child(2) {display: inline-block; min-width: 200px;}
.failInfoUl li .header span:nth-child(4) {display: inline-block; min-width: 200px;}
.failInfoUl li .header span:nth-child(6) {display: inline-block; min-width: 200px;}
.failInfoUl li .cont {margin-top: 5px;}
.failInfoUl li .cont span:nth-child(2) {display: inline-block; min-width: 203px;}
.failInfoUl li .tit {font-family: 'notokr-medium'; color: #000; margin-right: 10px; vertical-align: top;}

.failInfoUl li .link {color: #006bd5; text-decoration: underline;}

.failInfoUl li .cont .dtCont {width: calc(100% - 70px); display:inline-block;}
.failInfoUl li {
  border-bottom: 1px solid #ccc;
  padding: 10px 15px;
  line-height: 20px;
  background: #fafafa;
  margin-bottom: 5px;
}
.failInfoUl li:hover {
  background: #fff;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);	
}
.itemBoxBorder {
	border: 1px solid #ccc;
    padding: 0px 15px 15px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.btn-appr-myApprList {
	background-color: blueviolet !important;
}

.mainLogo {padding:15px 0px 0px 20px;}
.mainLogo img {width: 150px;}
.subLogo {padding:6px 0px 0px 20px;}
.subLogo img {width: 100px;}

.attachFileSpan {margin: 5px; display: inline-block; text-decoration: underline; color: blue; cursor: pointer;}

.searchRstArea {padding: 10px 20px;}
.searchRstArea .noList {padding: 30px; font-size: 20px;}
.searchRstUl {padding: 0px; margin: 0px 2px;}

.searchRstUl > li {width: calc(50% - 14px);}
.searchRstUl > li:nth-child(2n) {margin-left: 20px; }

.searchRstUl > li {
	border-top: 10px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 10px 0px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    display: inline-block;
    border-radius: 20px;
    vertical-align: top;
	cursor: pointer;
}

.searchRstUl > li.on {
	border-top: 10px solid #33691e !important;
}

.searchRstUl > li .header {     
	padding: 10px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-family: 'notokr-medium';
    color: #000;}
.searchRstUl > li .header label {margin-top: 1px; height: 20px; line-height: 20px; float: right; padding-left: 25px;}
.searchRstUl > li .header .subTit {font-size: 13px; padding-top: 5px;}
.searchRstUl > li .header .subTit span {margin:0px 10px;}
.searchRstUl > li .header .subTit span:first-child {margin-left:0px;}
.searchRstUl > li .body {padding: 5px 10px 10px 10px;}

.searchRstUl > li .body .active {background: #ffcdd2; font-family: 'notokr-medium'; color: #000;}

.searchRstUl > li .tail {padding: 5px 10px 10px 10px; border-top: 1px solid #ccc; background: #f1f8e9;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.searchRstUl > li .tail .tit {
	color: #004d40;
}

.searchRstUl .round {padding: 0px 10px; border-radius: 10px; border: 1px solid; font-size: 12px; margin-right: 5px;}
.searchRstUl .round.green {border-color: #1b5e20; color:#1b5e20;}
.searchRstUl .round.blue {border-color: #0d47a1; color:#0d47a1;}
.searchRstUl .round.red {border-color: #b71c1c; color:#b71c1c;}

.searchRstUl .basicInfo {
  margin-top: 5px;
  line-height: 18px;
}
.searchRstUl .basicInfo ul li {
  line-height: 22px;
  position: relative;
}
.searchRstUl .basicInfo .infoTit {
  font-family: 'notokr-medium';
  display: inline-block;
  width: 80px;
  color: #000;
  vertical-align: top;
}
.searchRstUl .basicInfo .itemTit {
  font-family: 'notokr-medium';
  display: inline-block;
  width: 50%;
  color: #000;
}
.searchRstUl .basicInfo .prog {
  color: #004d40;
  font-family: 'notokr-medium';
}
.searchRstUl .basicInfo .rAlign {
  position: absolute;
  right: 0px;
  top: 0px;
}
.searchRstUl .basicInfo .cont {
  display: inline-block;
  width: calc(50% - 95px);
}
.searchRstUl .basicInfo .cont2 {
  display: inline-block;
  width: 50%;
}
.searchRstUl .basicInfo .cont3 {
  display: inline-block;
  width: calc(100% - 90px);
  white-space: pre-line;
}
.searchRstUl .searchDetailArea .taskDtBox {
  border: 1px solid #ccc;
  margin-top: 10px;
  border-radius: 5px;
}
.roundBox {border:0px; border-radius: 10px; padding: 2px 10px; color:#fff; margin-right: 5px; display: inline-block; cursor: pointer;}
.roundBox.purple {background: #311b92;}
.roundBox.grey {background: #757575;}

.searchRstUl > li .header .tit {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 90px);
    display: inline-block;  
}
.searchRstUl > li .header .btn {
    color: #5c5c5f;
    border: 1px solid #ccc;
    padding: 3px 10px;
    border-radius: 3px;
    cursor: pointer;
    background: #fff;
    font-weight: 100;
    font-size: 12px;
    float: right;
}

.issueComment li {
	border: 1px solid #01579b;
    border-radius: 15px;
    margin-bottom: 10px;
    background: #fafafa;
}
.issueComment li .contHeader {
	line-height: 30px;
	background: #01579b;
	border-radius: 15px;
}
.issueComment li.choice {
	border-color: #1b5e20;
}
.issueComment li.choice .contHeader {
	background: #1b5e20 !important;
}
.issueComment li.on {
	border-color: #43a047;
}
.issueComment li.on .contHeader {
	background: #43a047 !important;
}
.issueComment li .contHeader img {
	width: 30px;
    height: 30px;
    border-radius: 50%;
}
.issueComment li .contHeader span {
	margin-left: 10px;
    color: #fff;
}
.issueComment li .contHeader span.fin {
	font-family: 'notokr-medium';
    border: 1px solid #fff;
    padding: 0px 10px;
    border-radius: 10px;
}
.issueComment li .contHeader button {
	margin-top: -2px;
}
.issueComment li .contBody {
	padding: 20px;
    line-height: 22px;	
}

.loading_spin {
  display: table;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;	
}
.loading_spin .box{
  display: table-cell;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;	
}

.newPopHeader {
  position: fixed;
  z-index: 100;
  width: 100%;
  min-width: 1000px;
  height: 52px;
  background: #311b92;
  color: #fff;
  border-top: 2px solid #8d0073;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
.newPopHeader .titArea {
	
}
.newPopHeader .titArea > i {
  line-height: 52px;
  margin: 0px 10px 0px 20px;
  font-size: 30px;
}
.newPopHeader .titArea .tit {
  vertical-align: top;
  display: inline-block;
  line-height: 52px;
  font-size: 18px;
}

.viewTb {
  width: 100%;
  color: #000;
  font-size: 14px;
}
.viewTb > thead > tr > th,.viewTb > thead > tr > td,
.viewTb > tbody > tr > th,.viewTb > tbody > tr > td,
.viewTb > tr > th,.viewTb > tr > td {
  padding: 0px 5px;
  display: inline-block;
  line-height: 28px;
}

.viewTb #REQ_SPEC_VIEWER th, .viewTb #REQ_SPEC_VIEWER td {
  display: revert;
}

.viewTb th {
  font-family: 'notokr-medium';
  color: #000;
  text-align: right;
  font-family: 'notokr-medium';
  font-weight: normal;
  width: 150px;
  vertical-align: top;
}
.viewTb td {
  text-align: left;
  min-width: calc(50% - 175px);
}
.viewTb .textAreaTit {
  width: calc(100% - 10px) !important;
}
.viewTb .textAreaCont {
  width: calc(100% - 20px);
  overflow: auto;
  height: 100px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  line-height: 18px;
}
.viewTb .textAreaTit2 {
  width: calc(100% - 175px) !important;
}
.viewTb .textAreaCont2 {
  width: calc(100% - 20px);
  overflow: auto;
  height: 70px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  line-height: 18px;
}
.viewTb .round {padding: 0px 10px; border-radius: 10px; border: 1px solid; font-size: 13px; margin-right: 5px; line-height: 16px; display: inline-block; background-color: #fff !important;}
.viewTb .round.green {border-color: #006064; color:#006064;}
.viewTb .round.blue {border-color: #0d47a1; color:#0d47a1;}
.viewTb .round.red {border-color: #b71c1c; color:#b71c1c;}

.viewTit {
  display: inline-block;
  font-family: 'notokr-medium';
  line-height: 30px;
  font-size: 14px;
  color: #000;
}
.viewTit i {
  font-size: 15px;
  vertical-align: top;
  line-height: 30px;
  margin-right: 5px;
  color: #8d0073;
}
.viewUl {border-top: 1px solid #ccc; margin-top: 10px; margin-bottom: 20px;}
.viewUl > li {border-bottom: 1px solid #ccc; padding: 15px; line-height: 20px;}
.viewUl > li:hover, .viewUl li.active {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 5;
  border-radius: 5px;
  background: #fafafa;
}
#persionViewList {border-top: unset;margin-top: 5px; margin-bottom: 20px;}
#persionViewList > li:hover, .viewUl li.active {
  box-shadow: 0 0 0 2px #ef6c00 inset;
  z-index: 5;
  border-radius: 5px;
  background: #fafafa;
}
#persionViewList.done li.active {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#persionViewList.done li .header > .tit {
  color: #9F9F9F; 
}
#persionViewList.done .hooTb thead th {
  background: #DFDFDF !important;
}
#persionViewList.done .hooTb td, #persionViewList.done .hooTb th{
  color: #9F9F9F !important;
}
.viewUl li .header {}
.viewUl li .header > .tit {font-family: 'notokr-medium'; color: #01579b; font-size: 16px; margin-right: 20px; display: inline-block;}
.viewUl li .header > .tit2 {font-family: 'notokr-medium'; color: #01579b; font-size: 14px; margin-right: 20px; display: inline-block;}
.viewUl li .fBtn {    
    display: inline-block;
    padding: 1px 15px;
    font-size: 12px;
    border-radius: 15px;
    line-height: 15px;
    border: 1px solid;
	font-family: 'notokr-medium';
	vertical-align: top;
    margin-top: 1px;
    margin-right: 5px;
}
.viewUl li .date {font-family: 'notokr-medium'; color: #000; font-size: 14px; margin: 0px 20px;}
.viewUl li .blue {color: #0d47a1; background: #fff !important;}
.viewUl li .green {color: #006064; background: #fff !important;}
.viewUl li .red {color: #b71c1c; background: #fff !important;}
.viewUl li .cont {font-size: 14px;}
.viewUl li .cont .group {display: inline-block; min-width: 9%; word-break: normal;}
.viewUl li .cont .group2 {display: inline-block; min-width: 16%; word-break: normal;}
.viewUl li .cont .group3 {display: inline-block; min-width: calc(50% - 77px); word-break: normal; margin-right: 10px;}
.viewUl li .cont .group4 {display: inline-block; min-width: 13%; word-break: normal;}
.viewUl li .cont .tit {color: #000; font-family: 'notokr-medium';}
.viewUl li .cont .tit2 {color: #004d40; font-family: 'notokr-medium';}
.viewUl li .cont .textAreaCont{
    width: calc(100% - 20px);
    overflow: auto;
    height: 70px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    line-height: 18px;
}
.viewUl li .cont .docFileList {
  border: 0px;
  padding: 10px 0px;
}
.docFileList {padding: 10px; border: 1px solid #ccc; border-radius: 10px;}
.docFileList li {
  line-height: 25px;
}
.docFileList li i {
  font-size: 18px;
  line-height: 25px;
  vertical-align: middle;
  margin-right: 5px;
  color: #000;
}
.docFileList li span{
  font-size: 14px;
  text-decoration: underline;
  color: #01579b;
  cursor: pointer;	
}

.table-state1.newTb thead th {
  font-family: 'notokr-medium';
  font-size: 13px;
  color: #000;
  background-color: #eceff1;
}

.boxinner.newTb {
  padding: 10px 15px !important;
 
}
.boxinner.newTb .table-form2 {
  background: #fff;
  border: 0px;
}
.boxinner.newTb .table-form2 .inpBig {
  width: 95%;
  height: 33px;
  line-height: 33px;
}

.boxinner.newTb .table-form {
  margin: 0px 0px 20px 0px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.boxinner.newTb .table-form th {
  background: none;
  padding: 3px 10px;
  font-family: 'notokr-medium';
}
.boxinner.newTb .table-form th, .boxinner.newTb .table-form td {
  border: 0px;
}

.infoBox {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.infoBox .notiInfo {
  font-size: 14px;
  color: #3e2723;
  line-height: 24px;
  font-family: 'notokr-medium';
}
.infoBox .notiInfo i {
  vertical-align: bottom;
  margin-right: 5px;
}
.infoBox.pre {
  white-space: pre-line;
  max-height: 300px;
  overflow: auto;
}

.inputUl {border-top: 1px solid #ccc; margin-bottom: 20px;}
.inputUl li {border-bottom: 1px solid #ccc; padding: 15px 8px 15px 75px; line-height: 20px; position: relative;}
.inputUl li:hover, .inputUl li.active {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 5;
  border-radius: 5px;
  background: #fafafa;
}
.inputUl li .header {
  top: 15px;
  left: 0px;
  width: 70px;
  text-align: center;
  position: absolute;
}
.inputUl li .header .numCnt {
  background: #0d47a1;
  width: 50px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-family: 'notokr-medium';
  margin: 2px 10px 10px 10px;
}
.inputUl li .header .del {
  background: #757575;
  width: 50px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  margin: 6px 10px 10px 10px;
  cursor: pointer;
}
.inputUl li .dfss {
  background: #43a047;
  width: 50px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  margin-right: 40px;
  text-align: center;
}

.inputUl li .cont {font-size: 14px;}
.inputUl li .cont .tit {color: #000; font-family: 'notokr-medium'; margin-right: 10px; display: inline-block;}
.inputUl li .cont .inp-text, .inputUl li .cont .inp-selectbox {margin-right: 20px;}

.hooTb thead th {
	padding: 5px 0px !important;
    border-bottom: 1px solid #ccc !important;
    font-family: 'notokr-medium' !important;
    background: #fff3e0 !important;
}
.hooTb th, .hooTb td {
  border-right: 0px !important;
}

.hooH5 {
  font-size: 14px;
  display: inline-block;
  line-height: 22px;
  color: #000;
}

.apisColor {color: #8d0073 !important; font-family: 'notokr-medium';}
.apisBold {color: #000 !important; font-family: 'notokr-medium';}
.subChartBox {
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 10px;
  border-radius: 10px;
}
.hooBorder {
  border: 1px solid #ccc;
  border-radius: 10px;
}

.taskBtnList {
  float: right;
  margin-right: 10px;
}
.taskBtnList a {
  margin-top: 15px;
  margin-right: 5px;
}
.noteTaskTit {
  font-size: 14px;
  color: #1b5e20;
  font-family: 'notokr-medium';
  display: inline-block;
  margin-left: 20px;
}

.roomSmryTb {
  border: 1px solid #ccc;
  margin-bottom: 54px;
  border-radius: 10px;
}
.roomSmryTb thead th {
  font-size: 14px;
  padding: 5px;
  background: none;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  background-color: #f5f5f5;
  font-family: 'notokr-medium';
  font-weight: normal;
  color: #000;
}
.roomSmryTb thead th:first-child {
  border-top-left-radius:10px;
}
.roomSmryTb thead th:last-child {
  border-top-right-radius:10px;
}
.roomSmryTb tbody td {
  font-size: 13px;
  line-height: 28px;
  text-align: right;
  border-right: 1px solid #ccc;
  padding: 0px 15px;
  color: #000;
  border-top: 1px solid #eee !important;
}
.roomSmryTb tbody td.propTit {
  text-align: left;
  font-family: 'notokr-medium';
}
.roomSmryTb tbody td:last-child {
  border-right: 0px;
}
.roomSmryTb .tot td {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-family: 'notokr-medium';
  color: #1b5e20;
  text-align: center;
  background-color: #fafafa;
}
.roomSmryTb tfoot .tot td {
  border-bottom: 0px;
  line-height: 30px;
  color: #000;
  padding: 0px 15px;
  border-top: 1px solid #ccc;
}
.roomSmryTb tfoot .tot td:first-child {
  border-bottom-left-radius:10px;
}
.roomSmryTb tfoot .tot td:last-child {
  border-bottom-right-radius:10px;
}
.roomSmryTb #exTbl2 {
  width: 100%;
}
#ftTabs.tabs .tab a {
  width: auto;
}
.ftListUl li {
  line-height: 25px;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
  width: 100%;
}
.ftListUl li.on, .ftListUl li:hover {
  background-color: #fff3e0;
}
.ftListUl li:first-child {
  border-top: 1px solid #ccc;
}
.ftListUl li .tit {
  font-family: 'notokr-medium';
  color: #006bd5;
}
.ftListUl li:hover .tit {
  text-decoration: underline;
}
.listRoundTitBtn {
  display: inline-block;
  color: #fff;
  line-height: 21px;
  padding: 1px 15px;
  font-size: 13px;
  border-radius: 15px;
  vertical-align: top;
  border: 1px solid;
  font-family: 'notokr-medium';
}
.listRoundTitBtn.small {
  line-height: 17px;
  font-size: 12px;
  padding: 1px 10px;
}
.ftNoAuth {
  border: 1px solid #ccc;
  margin-top: 10px;
  font-size: 14px;
  font-family: 'notokr-medium';
  color: #b71c1c;
  padding: 20px;
  border-radius: 10px;
}

.linkProdUl {}
.linkProdUl li {
  line-height: 30px;
}
.linkProdUl li span {
  display: inline-block;
  color: #000;
}
.linkProdUl li span.tit {
  font-size: 13px;
  width: 120px;
  font-family: 'notokr-medium';
  vertical-align: top;
}
.linkProdUl li a {
  color: #006bd5; 
  text-decoration: underline;
}
.linkProdUl li a:hover {
  font-family: 'notokr-medium';
}
.linkProdUl li textarea {
  width: calc(100% - 22px);
  border-radius: 10px;
  padding: 10px;
  border-color: #ccc;
}

.dfsswrap #left_contents td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#vocTreeTable thead th {
	height: 55px;
}

.taskMapBox{
  width: calc(100% - 82px);
  margin-left: 62px;
  background-color: #fdfdf5;
  padding: 20px 10px;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
  display: none;
}
.taskMapBox.type2{
  display: block;
  margin-left: 0px;
  width: calc(100% - 20px);
  margin-top: 0px;
  margin-bottom: 20px;
  border-radius: 10px;
}
.taskMapBox.typeFixed {
  position: fixed;
  z-index: 1;
}
.taskMapArea {

}
.taskMapArea .mapLink {
  cursor: pointer;
}
.taskMapArea .mapLink:hover {
  text-decoration: underline;
  color: #0d47a1 !important;
}
.taskMapArea .mapMainTit {
  color: #bb2649;
  font-size: 16px;
  font-family: 'notokr-medium';
  padding: 0px 0px 20px 10px;
  line-height: 24px;
}
.taskMapArea .mapMainTit i {
  vertical-align: bottom;
  margin-right: 10px;
}
.taskMapArea .stageArea {
  border: 2px solid #bab0d3;
  line-height: 30px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.taskMapArea .stageArea:hover {
  transition-property: box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(255, 255, 255, 0.2);
}
.taskMapArea .stageArea .statusFont {
  font-family: 'notokr-medium';
  position: relative;
}
.taskMapArea .stageArea .statusFont.type1, .taskMapArea .stageArea .statusFont.type2, .taskMapArea .stageArea .statusFont.type3, .taskMapArea .stageArea .statusFont.type4, .taskMapArea .stageArea .statusFont.type5 {
  cursor: pointer;
}
.taskMapArea .stageArea .statusFont.type1:hover, .taskMapArea .stageArea .statusFont.type2:hover, .taskMapArea .stageArea .statusFont.type3:hover, .taskMapArea .stageArea .statusFont.type4:hover, .taskMapArea .stageArea .statusFont.type5:hover {
  text-decoration: underline;
}
.taskMapArea .stageArea.type1 {
  border-color: #779073;
}
.taskMapArea .stageArea .statusFont.type1 {
  color: #1b5e20 !important;
}
.taskMapArea .stageArea.type2 {
  border-color: #0275b9;
}
.taskMapArea .stageArea .statusFont.type2 {
  color: #0d47a1 !important;
}
.taskMapArea .stageArea.type3 {
  border-color: #bb2649;
}
.taskMapArea .stageArea .statusFont.type3 {
  color: #bb2649 !important;
}
.taskMapArea .stageArea.type4 {
  border-color: #6d4c41;
}
.taskMapArea .stageArea .statusFont.type4 {
  color: #6d4c41 !important;
}
.taskMapArea .stageArea.type5 {
  border-color: #424242;
}
.taskMapArea .stageArea .statusFont.type5 {
  color: #424242 !important;
}
.taskMapArea .stageArea .mapAlert {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  border-radius: 10px;
  font-size: 11px;
}
.taskMapArea .stageArea .mapAlert.type1 {
  width: 20px;
  background-color: #779073;
}
.taskMapArea .stageArea .mapAlert.type2 {
  width: 45px;
  background-color: #0275b9;
}
.taskMapArea .stageArea .mapAlert.type3 {
  width: 45px;
  background-color: #bb2649;
}
.taskMapArea .stageArea .mapAlert.type4 {
  width: 45px;
  background-color: #6d4c41;
}
.taskMapArea .stageArea .mapAlert.type5 {
  width: 45px;
  background-color: #424242;
}
.taskMapArea .stageArea .mapAlert i {
  font-size: 14px;
  vertical-align: top;
  line-height: 20px;
}
.taskMapArea .stageArea .mapTit {
  border-bottom: 1px solid #bab0d3;
  font-family: 'notokr-medium';
  color: #000;
  font-size: 14px;
}
.taskMapArea .btDashed1 {
  border-top: 1px dashed #bab0d3; 
}
.taskMapArea .btSolid1 {
  border-top: 1px solid #bab0d3; 
}
.taskMapArea .lineFin2H {
  display: flex;
  align-items: center;
  height: 92px;
  justify-content: center;
  flex-direction: column;
}
.taskMapArea .line2H {
  display: flex;
  align-items: center;
  height: 61px;
  justify-content: center;
  flex-direction: column;
}
.taskMapArea .line2Hhalf {
  display: flex;
  align-items: center;
  height: 75px;
  justify-content: center;
  flex-direction: column;
}
.taskMapArea .line3H {
  display: flex;
  align-items: center;
  height: 92px;
  justify-content: center;
  flex-direction: column;
}
.taskMapArea .line4H {
  display: flex;
  align-items: center;
  height: 124px;
  justify-content: center;
  flex-direction: column;
}
.taskMapArea .line4Hhalf {
  display: flex;
  align-items: center;
  height: 168px;
  justify-content: center;
  flex-direction: column;
}
.taskMapArea .line5H {
  display: flex;
  align-items: center;
  height: 199px;
  justify-content: center;
  flex-direction: column;
}
.taskMapArea .waves-effect {
  display: grid;
}
.taskMapArea .stageArea .statusFont.notGoing {
  font-family: 'notokr-demilight';
  color: #ccc;
}
.taskMapArea .nowStage {
  position: relative;
  display: inline-block;
}
.taskMapArea .nowStage i {
  width: 20px;
  line-height: 20px;
  font-size: 20px;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  right: -25px;
  color: #e65100 !important;
}
.border-pulse {
  overflow: visible;
  position: relative;
}

.border-pulse::before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  left: -2px;
  border: 2px solid;
  border-color: inherit;
  box-sizing: border-box;
  border-radius: inherit;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  animation: border-pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1;
}
.border-pulse.slow::before {
  transition: opacity .6s, transform .6s, -webkit-transform .6s;
  animation: border-pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}

@keyframes border-pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}

.horizontal-shake {
  animation: horizontal-shaking 1s infinite;
}
@keyframes horizontal-shaking {
  0% { transform: translateY(0) }
  25% { transform: translateY(1px) }
  50% { transform: translateY(-1px) }
  75% { transform: translateY(1px) }
  100% { transform: translateY(0) }
}
.viva-bg {
  background-color: #bb2649 !important;
}

body::-webkit-scrollbar, .mainCardBox .collapsible-body::-webkit-scrollbar, .mainListDetailArea::-webkit-scrollbar, .hScroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}
body::-webkit-scrollbar-thumb, .mainCardBox .collapsible-body::-webkit-scrollbar-thumb, .mainListDetailArea::-webkit-scrollbar-thumb, .hScroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
body::-webkit-scrollbar-track .mainCardBox .collapsible-body::-webkit-scrollbar-track, .mainListDetailArea::-webkit-scrollbar-track, .hScroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  box-shadow: inset 0px 0px 5px white;
}

.hScrollW::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(255, 255, 255, 0.2);
}
.hScrollW::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
.hScrollW::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  box-shadow: inset 0px 0px 5px white;
}

#task-person-history-tbody .plMark {
  display: inline-block;
  width: 25px;
  line-height: 15px;
  background-color: grey;
  color: white;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
}

.btsColor {
	background-color: #696aad !important;
}

.bts-text {
	color: #696aad !important;
}

.sandGreen {
	background-color: #679d79 !important;
}

.sandGreen-text {
	color: #679d79 !important;
}

.viva-bg {
	background-color: #bb2649 !important;
}

.viva-text {
	color: #bb2649 !important;
}

.viva-bg.lighten-5 {
	background-color: #F7E5E9 !important;
}

.pineGreen {
	background-color: #00796b !important;
}

.pineGreen.lighten-5 {
	background-color: #DEEEEC !important;
}

.pineGreen-text {
	color: #00796b !important;
}

.kccBlue {
	background-color: #1a4298 !important;
}

.kccBlue-text {
	color: #1a4298 !important;
}

.kccRed {
	background-color: #ee3123 !important;
}

.kccRed-text {
	color: #ee3123 !important;
}

.kccDgrey {
	background-color: #716f73 !important;
}

.kccDgrey-text {
	color: #716f73 !important;
}

.kccLgrey {
	background-color: #d7d9da !important;
}

.kccLgrey-text {
	color: #d7d9da !important;
}

.kccGold {
	background-color: #a8996e !important;
}

.kccGold-text {
	color: #a8996e !important;
}

.kccSilver {
	background-color: #a7a9ac !important;
}

.kccSilver-text {
	color: #a7a9ac !important;
}

.wizNavy {
	background-color: #030E4F !important;
}

.wizNavy-text {
	color: #030E4F !important;
}

.wizOrange {
	background-color: #F49F1C !important;
}

.wizOrange-text {
	color: #F49F1C !important;
}

.mocha25 {
	background-color: #A47B67 !important;
}

.mocha25-text {
	color: #A47B67 !important;
}

.cfblue25 {
	background-color: #7592ca !important;
}

.cfblue25-text {
	color: #7592ca !important;
}

.tendril25 {
	background-color: #8ba475 !important;
}

.tendril25-text {
	color: #8ba475 !important;
}

.viola25 {
	background-color: #a893bd !important;
}

.viola25-text {
	color: #a893bd !important;
}

.willow25 {
	background-color: #9d905a !important;
}

.willow25-text {
	color: #9d905a !important;
}

.rose25 {
	background-color: #ce9694 !important;
}

.rose25-text {
	color: #ce9694 !important;
}

.stone25 {
	background-color: #A59A8B !important;
}

.stone25-text {
	color: #A59A8B !important;
}

.cream25 {
	background-color: #E3C6B4 !important;
}

.cream25-text {
	color: #E3C6B4 !important;
}

.cnlcream25 {
	background-color: #F0EFE2 !important;
}

.cnlcream25-text {
	color: #F0EFE2 !important;
}

.gardenia25 {
	background-color: #F0EAE0 !important;
}

.gardenia25-text {
	color: #F0EAE0 !important;
}

.safari25 {
	background-color: #B7A98F !important;
}

.safari25-text {
	color: #B7A98F !important;
}

.sirocco25 {
	background-color: #C19E87 !important;
}

.sirocco25-text {
	color: #C19E87 !important;
}

.choco25 {
	background-color: #5D4E4B !important;
}

.choco25-text {
	color: #5D4E4B !important;
}

.amber25 {
	background-color: #89675F !important;
}

.amber25-text {
	color: #89675F !important;
}

.ai-bg {
	background: linear-gradient(to right, #7303c0, #ec38bc) !important;
}

.font11 {
	font-size: 11px !important;
}

.font12 {
	font-size: 12px !important;
}

.font13 {
	font-size: 13px !important;
}

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px !important;
}

.font16 {
	font-size: 16px !important;
}

.font18 {
	font-size: 18px !important;
}

.font20 {
	font-size: 20px !important;
}

.font24 {
	font-size: 24px !important;
}

.font25 {
	font-size: 25px !important;
}

.font30 {
	font-size: 30px !important;
}

.font40 {
	font-size: 40px !important;
}

.font50 {
	font-size: 50px !important;
}

.font70 {
	font-size: 70px !important;
}