/**css 수정시 원본 less 파일를 수정하시고 web_style.less 파일을 컴파일하여 사용하시기 바랍니다.**/
/****************************************************************************************************
******************************  reset 파일 입니다.   reset.less  ***************************************
*****************************************************************************************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-text-size-adjust: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
tr,
th,
td {
  vertical-align: middle;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  font: 100%;
  color: #000;
}
html,
body {
  width: 100%;
  height: 100%;
}
ol,
ul,
li {
  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 {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
a:hover {
  text-decoration: none;
}
caption,
legend {
  display: none;
}
input,
select {
  font: 100%;
  outline: none;
  -webkit-border-radius: 0;
}
input {
  -webkit-border-radius: 0;
}
input[type="checkbox"],
input[type="radio"] {
  background: none;
  border: none;
  cursor: pointer;
}
input[type="submit"] {
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
textarea {
  resize: none;
  vertical-align: bottom;
}
textarea:focus {
  outline: none;
}
button {
  cursor: pointer;
}
strong {
  font-weight: bold;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent;
}
input:-ms-input-placeholder {
  color: #bbb;
}
input::-webkit-input-placeholder {
  color: #bbb;
}
input::-moz-placeholder {
  color: #bbb;
}
textarea:-ms-input-placeholder {
  color: #bbb;
}
textarea::-webkit-input-placeholder {
  color: #bbb;
}
textarea::-moz-placeholder {
  color: #bbb;
}
.Readonly:-ms-input-placeholder {
  color: #bbb !important;
}
.textarea_readonly[readonly] {
	background: #ebebeb;
	color: #888;
	border: 1px solid #d7d7d7;
	cursor: not-allowed;
}
/****************************************************************************************************
******************************  config-기본 설정  config.less  ***************************************
*****************************************************************************************************/
/**************01. 기본 폰트, 폰트 크기, 폰트 색상 지정 *************/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
section,
time,
mark,
audio,
video,
button,
input,
select,
textarea {
  font-family: 'Noto Sans KR', Sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #333;
}
/**************02. 색상 지정 *************/
/**************03. 크기 지정 *************/
/**************04. 기본 작업 class *************/
.after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.bld {
  display: none;
}
/**************05. panel 안 table 기본 설정*************/
.panel {
  width: 1170px;
  margin: 0 auto;
}
.panel table {
  width: 100%;
}
.panel table tr {
  border-bottom: 1px solid #e6e6e6;
}
.panel table tr:last-child {
  border-bottom: none;
}
.panel table tr th {
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888;
  padding: 15px 15px 15px 0;
  vertical-align: middle;
}
.panel table tr td {
  padding: 15px 0;
  font-size: 13px;
  font-weight: 300;
  vertical-align: middle;
}
.panel table tr td p {
  font-size: 13px;
  font-weight: 300;
}
/****************************************************************************************************
******************************  fonts-폰츠 설정  fonts.less  ******************************************
*****************************************************************************************************/
/***************Noto Sans KR*************/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NotoSansCJKkr/NotoSans-DemiLight.eot');
  src: url('../fonts/NotoSansCJKkr/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansCJKkr/NotoSans-DemiLight.woff') format('woff'), url('../fonts/NotoSansCJKkr/NotoSans-DemiLight.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/NotoSansCJKkr/NotoSans-Medium.eot');
  src: url('../fonts/NotoSansCJKkr/NotoSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansCJKkr/NotoSans-Medium.woff') format('woff'), url('../fonts/NotoSansCJKkr/NotoSans-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSansCJKkr/NotoSans-Bold.eot');
  src: url('../fonts/NotoSansCJKkr/NotoSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansCJKkr/NotoSans-Bold.woff') format('woff'), url('../fonts/NotoSansCJKkr/NotoSans-Bold.woff2') format('woff2');
}
/***************Roboto*************/
@font-face {
  font-family: 'Roboto';
  font-weight: 100;
  src: url('../fonts/Roboto/Roboto-Thin.eot');
  src: url('../fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  src: url('../fonts/Roboto/Roboto-Light.eot');
  src: url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Light.woff') format('woff'), url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  src: url('../fonts/Roboto/Roboto-Regular.eot');
  src: url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  src: url('../fonts/Roboto/Roboto-Medium.eot');
  src: url('../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  src: url('../fonts/Roboto/Roboto-Bold.eot');
  src: url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}
/****************************************************************************************************
******************************  sidebar-sidebar기본과 open 되었을 때 sidebar.less  *********************
*****************************************************************************************************/
/*********************sidebar 공통 class*************************/
.mnum {
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  color: #fd6901;
  font-family: Roboto;
  font-size: 11px;
}
.tm .menu_tit {
  padding: 13px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  vertical-align: middle;
  line-height: 1;
  position: relative;
}
.tm .menu_tit::before {
  content: " ";
  visibility: inherit;
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -2px 8px 0 0;
}
.tm .menu_tit:after {
  position: absolute;
  top: 15px;
  right: 15px;
  content: " ";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: url(../../image/icon_down_w_12.png) no-repeat 50% 50%;
}
.tm .menu_tit:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.tm .menu_tit:hover:after {
  background-color: rgba(0, 0, 0, 0.5);
}
.tm .menu_tit.on:after {
  background: url(../../image/icon_up_w_12.png) no-repeat 50% 50%;
}
.tm .menu_tit.on:hover:after {
  background-color: rgba(0, 0, 0, 0.5);
}
.tm .menu_sub {
  display: none;
}
.tm .menu_sub.on_sub {
  height: auto;
}
.tm .menu_sub.on_sub li a {
  font-size: 13px;
}
.tm .menu_sub li a {
  position: relative;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 20px 10px 43px;
}
.tm .menu_sub li:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.tm .menu_sub li.on_sub {
  background-color: rgba(0, 0, 0, 0.3);
}
.side_bar_area {
  height: 100%;
  z-index: 999;
  /*********************sidebar 기본 형태*************************/
  /*********************sidebar open 형태*************************/
}
.side_bar_area::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.side_bar_area .side_bar {
  display: none;
  z-index: 99;
  width: 50px;
  height: 100%;
  background-color: #4c4a49;
  position: absolute;
  left: 0;
  top: 0;
}
.side_bar_area .side_bar ul {
  width: 100%;
}
.side_bar_area .side_bar ul li {
  height: 50px;
  border-bottom: 1px solid #666;
}
.side_bar_area .side_bar ul li:first-child {
  border-bottom: none;
}
.side_bar_area .side_bar ul li.on_menu {
  background-color: rgba(0, 0, 0, 0.3);
}
.side_bar_area .side_bar ul li.on_menu:hover {
  background-color: rgba(0, 0, 0, 0.35);
}
.side_bar_area .side_bar ul li:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.side_bar_area .side_bar ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.side_bar_area .side_bar ul li a .num {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 3px;
  padding: 2px 4px 1px;
  border-radius: 6.5px;
  background: #fd6901;
  font-family: 'Roboto';
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  line-height: 1em;
}
.side_bar_area .side_bar ul .menu1 {
  background: #E60724 url(../../image/icon_symbol.png) no-repeat center / 24px 24px;
}
.side_bar_area .side_bar ul .menu1:hover {
  background-color: #E60724;
}
.side_bar_area .side_bar ul .menu2 {
  background: url(../../image/icon_folder.png) no-repeat center / 24px 24px;
}
.side_bar_area .side_bar ul .menu3 {
  background: url(../../image/icon_layout.png) no-repeat center / 24px 24px;
}
.side_bar_area .side_bar ul .menu4 {
  background: url(../../image/icon_monitor_w_24.png) no-repeat center / 24px 24px;
}
.side_bar_area .side_bar ul .menu5 {
  background: url(../../image/icon_setting_w_24.png) no-repeat center / 24px 24px;
}
.side_bar_area .side_bar ul .menu6 {
  background: url(../../image/icon_star_w_24.png) no-repeat center / 24px 24px;
}
.side_bar_area .side_bar ul .menu7 {
  background: url(../../image/icon_zoom.png) no-repeat center / 24px 24px;
}
.side_bar_area .side_bar .set_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 42px;
  background-color: #4c4a49;
}
.side_bar_area .side_bar .set_btn.shadow_on {
  border-top: 1px solid #555;
  box-shadow: 0 -16px 10px 0 rgba(0, 0, 0, 0.11);
}
.side_bar_area .side_bar .set_btn .setting {
  display: block;
  width: 50px;
  height: 42px;
  background: url(../../image/icon_setting_w_24.png) no-repeat center;
  background-size: 24px 24px;
  opacity: 0.5;
}
.side_bar_area .side_bar .set_btn .setting:hover {
  opacity: 1;
}
.side_bar_area .side_bar .set_btn .open_btn {
  display: block;
  width: 50px;
  height: 42px;
  background: url(../../image/icon_open.png) no-repeat center;
  background-size: 28px 28px;
  opacity: 0.5;
}
.side_bar_area .side_bar .set_btn .open_btn:hover {
  opacity: 1;
}
.side_bar_area .side_bar_on {
  z-index: 89;
  position: absolute;
  width: 260px;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #4c4a49;
  padding-bottom: 42px;
}
.side_bar_area .side_bar_on .menu {
  width: 100%;
}
.side_bar_area .side_bar_on .menu > li {
  border-bottom: 1px solid #666;
}
.side_bar_area .side_bar_on .menu > li:last-child {
  border-bottom: none;
}
.side_bar_area .side_bar_on .menu > li a {
  display: block;
  width: 100%;
  height: 100%;
}
.side_bar_area .side_bar_on .menu .menu1_open {
  text-align: center;
  padding: 28px 0 21px;
}
.side_bar_area .side_bar_on .menu .menu1_open .logo {
  display: block;
  width: 89px;
  height: 24px !important;
  background: url(../../image/bi.png) no-repeat center !important;
  margin: 0 auto 20px;
  font-size: 0;
}
.side_bar_area .side_bar_on .menu .menu1_open .img {
  display: block;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-color: #b7c8d3;
  background-image: url(../../image/person_emptyme.png);
}
.side_bar_area .side_bar_on .menu .menu1_open .img img {
  display: block;
  width: 100%;
  height: auto;
}
.side_bar_area .side_bar_on .menu .menu1_open > img {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 11px auto 0;
}
.side_bar_area .side_bar_on .menu .menu1_open .pname {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin-top: 9px;
  padding: 0 34px;
}
.side_bar_area .side_bar_on .menu .menu1_open .psts {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #d7d7d7;
  padding: 0 34px;
  position: relative;
}
.side_bar_area .side_bar_on .menu .menu1_open .psts:after {
  content: '';
  display: block;
  width: 6px;
  height: 1px;
  background-color: #666666;
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
}
.side_bar_area .side_bar_on .menu .menu1_open .logout {
  margin-top: 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  vertical-align: middle;
  line-height: 1;
}
.side_bar_area .side_bar_on .menu .menu1_open .logout::before {
  content: " ";
  visibility: inherit;
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_logout_w_24.png) no-repeat center;
  margin: -2px 4px 0 0;
}
.side_bar_area .side_bar_on .menu .menu2_open .menu_tit::before {
  background: url(../../image/icon_folder.png) no-repeat center;
}
.side_bar_area .side_bar_on .menu .menu3_open .menu_tit::before {
  background: url(../../image/icon_layout.png) no-repeat center;
}
.side_bar_area .side_bar_on .menu .menu4_open .menu_tit::before {
  background: url(../../image/icon_monitor_w_24.png) no-repeat center;
}
.side_bar_area .side_bar_on .menu .menu5_open .menu_tit::before {
  background: url(../../image/icon_setting_w_24.png) no-repeat center;
}
.side_bar_area .side_bar_on .menu .menu6_open .menu_tit::before {
  background: url(../../image/icon_star_w_24.png) no-repeat center;
}
.side_bar_area .side_bar_on .menu .menu7_open .menu_tit::before {
  background: url(../../image/icon_zoom.png) no-repeat center;
}
.side_bar_area .side_bar_on .menu .list_none .menu_tit:after {
  display: none;
}
.side_bar_area .side_bar_on .menu .list_none .on {
  background: rgba(0, 0, 0, 0.3);
}
.side_bar_area .side_bar_on .set_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 260px;
  height: 42px;
  background-color: #4c4a49;
}
.side_bar_area .side_bar_on .set_btn.shadow_on {
  border-top: 1px solid #555;
  box-shadow: 0 -16px 10px 0 rgba(0, 0, 0, 0.11);
}
.side_bar_area .side_bar_on .set_btn .setting {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 10px;
  bottom: 9px;
  background: url(../../image/icon_setting_w_24.png) no-repeat center;
  opacity: 0.5;
}
.side_bar_area .side_bar_on .set_btn .setting:hover {
  opacity: 1;
}
.side_bar_area .side_bar_on .set_btn .close_btn {
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 7px;
  bottom: 7px;
  background: url(../../image/icon_close.png) no-repeat center;
  opacity: 0.5;
}
.side_bar_area .side_bar_on .set_btn .close_btn:hover {
  opacity: 1;
}
/****************************************************************************************************
******************************  htf-header ,tab ,footer 기본 과 유형을 담음 htf.less  ******************
*****************************************************************************************************/
/***************** header / tab/ footer *********************/
/**************tab메뉴************/
/* tab 유형1 */
.tab1 {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.tab1::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.tab1 li {
  float: left;
  display: block;
}
.tab1 li a {
  display: block;
  width: 100%;
  padding: 12px 9px;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.on_tab1 a {
  color: #222 !important;
  border-bottom: 4px solid #555;
}
/* tab 유형2 */
.tab2 {
  border-bottom: 1px solid #d8d8d8;
}
.tab2 .Scroller ul li:first-child:hover {
  border-left: 0;
}
.tab2 .Scroller ul li:first-child:active {
  border-left: 0;
}
.tab2 ul {
  border-bottom: none;
  border-top: none;
  border-radius: 0;
  width: auto;
}
.tab2 ul li {
  background: transparent;
  color: #999;
  border: none;
  font-size: 14px;
  padding: 8px 25px;
  border-radius: 0 !important;
}
.tab2 ul li:first-child:hover {
  border-left: 0;
}
.tab2 ul li:first-child:active {
  border-left: 0;
}
.tab2 ul li:hover {
  background: transparent;
  color: #999;
  border: none;
  font-size: 14px;
}
.tab2 ul li:active {
  outline: none;
}
.tab2 ul li:focus {
  outline: none;
}
.tab2 ul li.Selected {
  color: #222;
  font-weight: 500;
  border: none;
  border-bottom: 0;
  background: transparent;
  position: relative;
}
.tab2 ul li.Selected::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #555;
}
.tab2 ul li:first-child {
  border-left: none;
}
.tabA2_1 ul li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../../image/icon_writen_20.png') no-repeat right center / 20px;
  position: relative;
  top: 2px;
  opacity: 0.4;
}
.tabA2_1 ul li.Selected span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../../image/icon_writen_b_20.png') no-repeat right center / 20px;
  opacity: 1;
}
.tabA2_2 ul li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../image/icon_correct_20.png") no-repeat center / 20px;
  position: relative;
  top: 2px;
  opacity: 0.4;
}
.tabA2_2 ul li.Selected span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../image/icon_correct_g_20.png") no-repeat center / 20px;
  opacity: 1;
}
.tabB_2 ul li .tabB_num {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 8.5px;
  background-color: #888;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto';
  color: #fff;
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.tabB_2 ul li.Selected .tabB_num {
  color: #E60724;
  background-color: #fff;
}
.on_tab2_1 span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../image/icon_writen_b_20.png") no-repeat center / 20px;
  margin-left: 5px;
  vertical-align: bottom;
}
.on_tab2_2 span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../image/icon_correct_g_20.png") no-repeat center / 20px;
  margin-left: 5px;
  vertical-align: bottom;
}
.off_tab2_1 span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../image/icon_writen_20.png") no-repeat center / 20px;
  margin-left: 5px;
  vertical-align: bottom;
  opacity: 0.4;
}
.off_tab2_2 span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../image/icon_correct_20.png") no-repeat center / 20px;
  margin-left: 5px;
  vertical-align: bottom;
  opacity: 0.4;
}
/***************header*************/
.show {
  display: block !important;
}
header {
  width: calc(100% - 260px);
  min-width: 1170px;
  height: 50px;
  background-color: #fff !important;
  border-bottom: 1px solid #e8e8e8 !important;
  position: fixed;
  z-index: 900;
}
header::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
header .menu_btn {
  position: absolute;
  top: 14px;
  left: 18px;
  width: 17px;
  height: 22px;
  z-index: 9999;
}
header .menu_btn > span {
  display: block;
  width: 100%;
  height: 2px;
  background: #555;
  margin: 4px 0;
  transition: all 0.4s;
}
header .active span:nth-child(1n) {
  background: #999999;
  -webkit-transform: translateY 6px rotate -45deg;
  transform: translateY(6px) rotate(-45deg);
}
header .active span:nth-child(2n) {
  opacity: 0;
}
header .active span:nth-child(3n) {
  background: #999999;
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}
header .util {
  float: right;
  text-align: right;
}
header .util > div {
  position: relative;
  float: left;
}
header .util .lang {
  padding: 18px 15px 17px;
}
header .util .lang:before {
  content: '';
  position: absolute;
  top: 20px;
  right: 0;
  width: 1px;
  height: 12px;
  background: #bbb;
}
header .util .lang .select_btn {
  display: block;
  font-family: 'Roboto';
  font-size: 13px;
  color: #333;
  padding-right: 22px;
  background: url('../../image/icon_down_16.png') no-repeat right center;
}
header .util .lang .select_btn.on_list {
  background: url('../../image/icon_up_16.png') no-repeat right center;
}
header .util .lang .option_list {
  display: none;
  position: absolute;
  top: 49px;
  left: 12px;
  width: 75px;
  background: #fff;
  border: solid 1px #888;
  text-align: left;
  border-radius: 2px;
}
header .util .lang .option_list li a {
  display: block;
  font-family: 'Roboto';
  font-size: 12px;
  color: #333;
  padding: 6px 8px;
}
header .util .lang .option_list li a:hover {
  background-color: #f4f4f4;
}
header .util .gmt {
  width: 215px;
  padding: 18px 15px 17px;
}
header .util .gmt .select_btn {
  display: block;
  font-family: 'Roboto';
  font-size: 13px;
  color: #333;
  padding-right: 22px;
  background: url('../../image/icon_down_16.png') no-repeat right center;
  text-align: left;
  width: 185px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header .util .gmt .select_btn.on_list {
  background: url('../../image/icon_up_16.png') no-repeat right center;
}
header .util .gmt .option_list {
  display: none;
  position: absolute;
  top: 49px;
  left: 2px;
  min-width: 210px;
  background: #fff;
  border: solid 1px #888;
  text-align: left;
  border-radius: 2px;
}
header .util .gmt .option_list li {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
header .util .gmt .option_list li a {
  display: block;
  font-family: 'Roboto';
  font-size: 12px;
  color: #333;
  padding: 6px 11px;
}
header .util .gmt .option_list li a:hover {
  background-color: #f4f4f4;
}
header .util .btn_box {
  padding: 9px 4px;
}
header .util .btn_box:before {
  display: none;
}
header .util .btn_box a {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  background-color: #fff;
  position: relative;
  margin: 0 8px;
}
header .util .btn_box a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
header .util .btn_box a img.on_img {
  display: block;
}
header .util .btn_box a img.off_img {
  display: none;
}
header .util .btn_box a .num {
  display: inline-block;
  position: absolute;
  bottom: 17px;
  right: 18px;
  padding: 2px 4px 1px;
  border-radius: 6.5px;
  background: #E60724;
  font-family: 'Roboto';
  font-size: 10px;
  color: #fff;
  font-weight: 500;
  line-height: 1em;
}
header .util .btn_box .onoff_btn {
  display: none;
  position: absolute;
  top: 49px;
  left: -17px;
  width: 90px;
  background: #fff;
  border: solid 1px #888;
  text-align: left;
  border-radius: 2px;
  text-align: center;
  padding: 14px;
}
header .util .btn_box .onoff_btn p {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  text-align: center;
  margin-bottom: 5px;
}
header .util .btn_box:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
header .util .time {
  padding: 12px 14px 11px 16px;
}
header .util .time:before {
  display: none;
}
header .util .time span {
  display: inline-block;
  font-family: 'Roboto';
  font-size: 13px;
  color: #333;
  line-height: 1em;
  vertical-align: middle;
}
header .util .time a {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #fff;
  position: relative;
  vertical-align: middle;
}
header .util .time a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
header .util .user_info {
  width: 245px;
  height: 50px;
  padding: 19px 44px 18px 11px;
  background: #E60724;
}
header .util .user_info:before {
  display: none;
}
header .util .user_info > a {
  display: block;
  font-size: 13px;
  font-weight: 300;
  line-height: 1em;
  color: #fff;
  padding-right: 23px;
  background: url('../../image/icon_down_w_16.png') no-repeat right 0;
  text-align: left;
  width: 191px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header .util .user_info > a.on_det {
  background: url("../../image/icon_up_w_16.png") no-repeat right 0;
}
header .util .user_info .img {
  position: absolute;
  top: 14px;
  right: 10px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../image/person_empty02.png");
}
header .util .user_info .user_det {
  display: none;
  position: absolute;
  top: 49px;
  right: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.15);
  text-align: left;
  text-align: center;
  padding: 0 14px 14px;
}
header .util .user_info .user_det a {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #555;
  padding-right: 20px;
  background: url('../../image/icon_next_16.png') no-repeat right 50%;
}
header .util .user_info .user_det a img {
  vertical-align: -5px;
  margin-right: 3px;
  display: inline-block;
}
header .util .user_info .user_det ul li {
  border-bottom: 1px solid #d7d7d7;
  text-align: left;
  padding: 14px 0;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  position: relative;
}
header .util .user_info .user_det ul li:last-child {
  border-bottom: 0;
}
header .util .user_info .user_det ul li:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
header .util .user_info .user_det ul li .btn_small_b {
  position: absolute;
  top: 11px;
  right: 0;
}
header .util .user_info .user_det ul li dl {
  border-bottom: 1px solid #ebebeb;
}
header .util .user_info .user_det ul li dl:last-child {
  border-bottom: 0;
}
header .util .user_info .user_det ul li dl dt {
  display: inline-block;
  width: 85px;
  font-size: 13px;
  font-weight: 300;
  color: #888;
  text-align: right;
}
header .util .user_info .user_det ul li dl dd {
  display: inline-block;
  width: calc(100% - 90px);
  font-size: 13px;
  font-weight: 500;
  color: #333;
  padding-left: 7px;
}
header .util .user_info .user_det ul li dl dd.en {
  font-family: 'Roboto';
  font-size: 12px;
}
header .util .user_info .user_det ul li dl dd span {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
header .util .user_info .user_det ul li dl dd .set_box {
  display: inline-block;
  float: right;
  height: 20px;
}
header .util .user_info .user_det ul li dl dd .Button {
  background: none;
  height: 20px;
  vertical-align: top;
}
header .util .user_info .user_det ul li dl dd .Button img {
  display: block;
}
header .util:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
/***************PAGE TITLE AREA, BREADCRUMBS*************/
.tit_wrap {
  margin-top: 50px;
  width: 100%;
  min-width: 1260px;
  height: 50px;
  background-color: #fff;
  text-align: right;
  padding: 0 18px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 900;
}
.tit_wrap .page_tit {
  float: left;
  font-size: 18px;
  font-weight: 500;
  color: #111;
  line-height: 1em;
  padding: 16px 0;
}
.tit_wrap .breadcrumb {
  float: right;
  padding: 18px 0 16px;
  background: #fff;
}
.tit_wrap .breadcrumb:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.tit_wrap .breadcrumb span {
  float: left;
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #888;
  padding: 0 16px 0 6px;
  position: relative;
  line-height: 1.3em;
}
.tit_wrap .breadcrumb span.home {
  width: 38px;
  height: 16px;
  background: url('../../image/icon_home_16.png') no-repeat 6px 50%;
}
.tit_wrap .breadcrumb span > img {
  display: block;
  width: 16px;
  height: 16px;
}
.tit_wrap .breadcrumb span:last-child {
  color: #111;
  padding: 0 0 0 6px;
}
.tit_wrap .breadcrumb span:last-child:after {
  display: none;
}
.tit_wrap .breadcrumb span:last-child.home {
  width: 22px;
  background: url('../../image/icon_home_b_16.png') no-repeat 6px 50%;
}
.tit_wrap .breadcrumb span:last-child.home:after {
  display: none;
}
.tit_wrap .breadcrumb span:after {
  content: '';
  position: absolute;
  top: 2px;
  right: -1px;
  width: 12px;
  height: 12px;
  background: url(../../image/icon_nextb_12.png) no-repeat center / 12px;
}
.tit_wrap:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
/***************GNB Mega menu*************/
.down_menu {
  width: calc(100% - 260px);
  min-width: 1260px;
  padding: 40px 0 0;
  background-color: #fff;
  position: absolute;
  left: 260px;
  top: 50px;
  z-index: 900;
  display: none;
}
.prot {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 201;
  opacity: 0.6;
  background-color: #000000;
  display: none;
}
.sitemap_area {
  padding: 0 50px 0 40px;
  min-width: 1170px;
  max-width: 1760px;
  margin: 0 auto;
}
.sitemap_area .sitemap_panel {
  border: 1px solid #d7d7d7;
  background-color: #fafafa;
  border-radius: 4px;
  margin-bottom: 20px;
}
.sitemap_area .sitemap_panel .sitemap_header {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
}
.sitemap_area .sitemap_panel .sitemap_content {
  padding: 20px 60px 30px;
}
.sitemap_area .sitemap_panel .sitemap_content > ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.sitemap_area .sitemap_panel .sitemap_content > ul > li {
  width: 20%;
  float: left;
}
.sitemap_area .sitemap_panel .sitemap_content > ul > li.w21 {
  width: 21%;
}
.sitemap_area .sitemap_panel .sitemap_content > ul > li > ul > li {
  max-width: 200px;
}
.sitemap_area .sitemap_panel .sitemap_content > ul > li > ul > li:hover {
  background-color: #ededed;
}
.sitemap_area .sitemap_panel .sitemap_content > ul > li > ul > li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../../image/icon_next_12.png) no-repeat center / 12px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.sitemap_area .sitemap_panel .sitemap_content > ul > li > ul > li > a {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
}
/***************footer*************/
/* footer 유형1 */
.ft1 {
  background-color: #bbb;
  min-width: 1260px;
  width: 100%;
  height: 43px;
  padding: 13px 20px;
  overflow: hidden;
}
.ft1 p {
  float: left;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  font-family: 'Roboto';
  margin-top: 3px;
}
.ft1 ul {
  float: right;
  overflow: hidden;
}
.ft1 ul li {
  float: left;
  padding: 0 8px;
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.ft1 ul li:last-child {
  padding-right: 0;
}
.ft1 ul li:last-child a {
  color: #fff;
  font-weight: 300;
}
.ft1 ul li:last-child a::after {
  display: none;
}
.ft1 ul li a {
  display: block;
  width: 100%;
  color: #196277;
  font-size: 12px;
  font-weight: 600;
}
.ft1 ul li a::after {
  content: "";
  width: 1px;
  height: 9px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  right: 0px;
  top: 5px;
}
/* footer 유형2 */
.ft2 {
  min-width: 600px;
  position: absolute;
  bottom: 0;
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 43px;
  padding: 13px 20px;
  overflow: hidden;
}
.ft2 > p {
  float: left;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  font-family: 'Roboto';
  margin-top: 3px;
  opacity: 0.6;
}
.ft2 ul {
  float: right;
  overflow: hidden;
}
.ft2 ul li {
  float: left;
  padding: 0 8px;
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.ft2 ul li:last-child {
  padding-right: 0;
}
.ft2 ul li:last-child a {
  font-weight: 300;
}
.ft2 ul li:last-child a::after {
  display: none;
}
.ft2 ul li a {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.ft2 ul li a::after {
  content: "";
  width: 1px;
  height: 9px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  right: 0px;
  top: 5px;
}
/* footer 유형3 */
.ft3 {
  min-width: 600px;
  position: absolute;
  bottom: 0;
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 100px;
  padding: 13px 20px;
  overflow: hidden;
  text-align: left;
}
.ft3 > p {
  float: left;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  font-family: 'Roboto';
  margin-top: 3px;
  opacity: 0.6;
}
.ft3 ul {
  float: right;
  overflow: hidden;
}
.ft3 ul li {
  float: left;
  padding: 0 8px;
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.ft3 ul li:last-child {
  padding-right: 0;
}
.ft3 ul li:last-child a {
  font-weight: 300;
}
.ft3 ul li:last-child a::after {
  display: none;
}
.ft3 ul li a {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.ft3 ul li a::after {
  content: "";
  width: 1px;
  height: 9px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  right: 0px;
  top: 5px;
}
/****************************************************************************************************
******************************  panels-panel기본 과 유형을 담음 panels.less  ***************************
*****************************************************************************************************/
/***************panel 기본 세팅값*************/
/**************panel 유형2*************/
.panel2 {
  background-color: transparent;
}
.panel2 .Panel-header {
  display: none;
}
.panel2 .Panel-content {
  background-color: #fff;
  border-radius: 6px;
}
/**************panel 유형3*************/
.panel3 .Panel-header span {
  display: block;
  width: 24px;
  height: 24px;
  outline: 1px / solid red;
  background: url(../../image/icon_more_24.png) no-repeat center;
}
/**************panel 유형4*************/
.panel4 .Panel-header span {
  font-size: 12px;
  font-weight: 300;
  color: #555;
  position: relative;
  top: 3px;
  cursor: auto;
}
/**************panel 유형5*************/
.panel5 .Panel-header span {
  font-size: 12px;
  font-weight: 300;
  color: #555;
  position: relative;
  top: 3px;
}
.panel5 .Panel-header span::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 3px;
  background: url(../../image/icon_next_16.png) no-repeat center;
  vertical-align: bottom;
  position: relative;
  top: -1px;
}
/**************panel 유형6*************/
.panel6 {
  height: auto;
}
.panel6 .Panel-header {
  border-bottom: none;
}
.panel6 .Panel-header span {
  display: block;
  width: 24px;
  height: 24px;
  outline: 1px / solid red;
  background: url(../../image/icon_more_24.png) no-repeat center;
}
.panel6 .Panel-content .cont_img {
  width: 100%;
  height: 188px;
  background-color: #888;
}
.panel6 .Panel-content .cont_txt {
  padding: 0 9px;
}
.panel6 .Panel-content .cont_txt .tit {
  padding-top: 15px;
  font-weight: 500;
  color: #333;
}
.panel6 .Panel-content .cont_txt .txt {
  padding: 6px 0 24px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.23;
  color: #333;
}
/**************panel 유형7*************/
.panel7 .Panel-header b {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 14.5px;
  background-color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto';
  vertical-align: middle;
  margin-left: 10px;
  color: #E60724;
}
.panel7 .Panel-header span {
  font-size: 12px;
  font-weight: 300;
  color: #555;
  position: relative;
  top: 3px;
}
.panel7 .Panel-header span::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 3px;
  background: url(../../image/icon_next_16.png) no-repeat center;
  vertical-align: bottom;
  position: relative;
  top: -1px;
}
/**************panel 유형8*************/
.panel8 .Panel-header {
  position: relative;
}
.panel8 .Panel-header b {
  display: inline-block;
  padding: 3px 7px;
  border: 1px solid #d7d7d7;
  border-radius: 14.5px;
  background-color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Roboto';
  vertical-align: 2px;
  margin-left: 10px;
  color: #E60724;
}
.panel8 .Panel-header > span {
  font-size: 12px;
  font-weight: 300;
  color: #555;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: default;
}
.panel8 .Panel-header > span.text {
  top: 12px;
}
.panel8 .Panel-header > span > img {
  vertical-align: middle;
}
.panel8 .Panel-header > span .Spinner {
  vertical-align: middle;
}
.panel8 .Panel-header span {
  float: inherit;
}
/**************panel관련 버튼 유형 *************/
.excel_upload .Panel-header > span {
  font-size: 13px;
  font-weight: 500;
}
.excel_upload .Panel-header > span:after {
  background: url(../../image/icon_excel_w_16.png) no-repeat center;
  position: absolute;
  left: -27px;
  top: 2px;
  margin-left: 0;
}
/****************************************************************************************************
******************************  button-button기본과 유형을 담음 button.less  ****************************
*****************************************************************************************************/
/*************button 정렬 class *************/
.radio_align {
  overflow: hidden;
}
.radio_align label {
  float: left;
  margin-right: 30px;
}
.radio_align label:last-child {
  margin-right: 0;
}
.radio_box {
  padding: 6px 10px 7px 0;
  overflow: hidden;
  position: relative;
  font-size: 13px;
  font-weight: 300;
}
.btn_area {
  padding: 21px 0;
  border-top: 1px solid #bbb;
}
.btn_area .btn {
  margin-right: 5px;
}
.btn_area .btn:last-child {
  margin-right: 0;
}
.btn_area::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.btn_area .left {
  float: left;
}
.btn_area .left span {
  font-size: 13px;
  font-weight: 300;
}
.btn_area .left span.total {
  margin-left: 20px;
}
.btn_area .left span.total_num {
  color: #333;
  margin-left: 3px;
}
.btn_area .right {
  float: right;
}
/**************button 기본 세팅 입니다. *************/
/**************button 유형1*************/
/* PRIMARY */
.btn_b {
  min-width: 80px;
  padding: 8px 12px;
  background-color: #555;
  color: #fff;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_b:hover {
  background-color: #474747;
  color: #fff;
}
.btn_b:active {
  padding: 8px 12px;
  color: #fff;
  border: 0;
}
.btn_b:focus {
  padding: 8px 12px;
  color: #fff;
}
.btn_b.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
/* SECONDARY */
.btn_w {
  min-width: 80px;
  padding: 7px 12px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_w:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  color: #555;
}
.btn_w:active {
  padding: 7px 12px;
  color: #555;
  border: 1px solid #d7d7d7;
}
.btn_w:focus {
  padding: 7px 12px;
  color: #555;
}
.btn_w.Disabled {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  opacity: 0.4;
}
.btn_w.sel_btn {
  background-color: #d3e9f7;
  border: 1px solid #7fc4ef;
}
/* POINT */
.btn_p {
  min-width: 90px;
  padding: 8px 12px;
  background-color: #289eef;
  color: #fff;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_p:hover {
  background-color: #3ea8f1;
  color: #fff;
}
.btn_p:active {
  padding: 8px 12px;
  color: #fff;
  border: 0;
}
.btn_p:focus {
  padding: 8px 12px;
  color: #fff;
}
.btn_p.Disabled {
  background-color: #289eef;
  color: #fff;
  opacity: 0.4;
}
/**************button 유형2*************/
/* PRIMARY */
.btn_icon_b {
  min-width: 70px;
  padding: 8px 12px 8px 8px;
  background-color: #555;
  color: #fff;
  vertical-align: middle;
  outline: none;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_icon_b::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  background: url(../../image/icon_document_w_16.png) no-repeat center;
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.btn_icon_b:hover {
  background-color: #474747;
  color: #fff;
}
.btn_icon_b:active {
  padding: 8px 12px 8px 8px;
  color: #fff;
  border: 0;
}
.btn_icon_b:focus {
  padding: 8px 12px 8px 8px;
  color: #fff;
}
.btn_icon_b.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
.refresh_btn::before {
  background: url(../../image/icon_refresh_w_16.png) no-repeat center;
}
.sms_btn::before {
  background: url(../../image/icon_mail_16_w.png) no-repeat center;
}
.clipboard_btn::before {
  background: url(../../image/icon_clipboard_16_w.png) no-repeat center;
}
.write_btn::before {
  background: url(../../image/icon_write_w_16.png) no-repeat center / 16px 16px;
}
.write_wbtn::before {
  background: url(../../image/icon_refresh_24.png) no-repeat center / 16px 16px !important;
}
/* SECONDARY */
.btn_icon_w {
  min-width: 70px;
  padding: 8px 12px 8px 8px;
  background-color: #fff;
  color: #555;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  outline: none;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_icon_w::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  background: url(../../image/icon_document_16.png) no-repeat center;
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.btn_icon_w:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  color: #555;
}
.btn_icon_w:active {
  padding: 8px 12px 8px 8px;
  color: #555;
  border: 1px solid #d7d7d7;
}
.btn_icon_w:focus {
  padding: 8px 12px 8px 8px;
  color: #555;
}
.btn_icon_w.Disabled {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  opacity: 0.4;
}
/* POINT */
.btn_icon_p {
  min-width: 70px;
  padding: 8px 12px 8px 8px;
  background-color: #289eef;
  color: #fff;
  vertical-align: middle;
  outline: none;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_icon_p::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  background: url(../../image/icon_document_w_16.png) no-repeat center;
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.btn_icon_p:hover {
  background-color: #3ea8f1;
  color: #fff;
}
.btn_icon_p:active {
  padding: 8px 12px 8px 8px;
  color: #fff;
  border: 0 !important;
}
.btn_icon_p:focus {
  padding: 8px 12px 8px 8px;
  color: #fff;
}
.btn_icon_p.Disabled {
  background-color: #289eef;
  color: #fff;
  opacity: 0.4;
}
/* gray */
.btn_icon_g {
  min-width: 70px;
  padding: 8px 12px;
  background-color: #555;
  color: #fff;
  vertical-align: middle;
  opacity: 0.4;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_icon_g::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.btn_icon_g:hover {
  background-color: #555;
  color: #fff;
  opacity: 0.6;
  padding: 8px 12px;
}
.btn_icon_g:active {
  background-color: #555;
  color: #fff;
  opacity: 0.6;
  padding: 8px 12px;
}
.btn_icon_g:focus {
  background-color: #555;
  color: #fff;
  opacity: 0.6;
  padding: 8px 12px;
}
.btn_icon_g.Disabled {
  background-color: #289eef;
  color: #fff;
  opacity: 0.4;
}
/**************button 유형3*************/
/* PRIMARY */
.btn_icononly_b {
  width: 32px;
  height: 32px;
  color: #fff;
  vertical-align: middle;
  background: #555 url(../../image/icon_trash_w_20.png) no-repeat center / 20px 20px;
  border-radius: 4px;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_icononly_b:hover {
  background-color: #474747;
}
.btn_icononly_b.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
/* SECONDARY */
.btn_icononly_w {
  width: 32px;
  height: 32px;
  color: #333;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  background: url(../../image/icon_trash_20.png) no-repeat center / 20px 20px;
  background-color: #fff;
  border-radius: 4px;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_icononly_w:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  color: #555;
}
.btn_icononly_w.Disabled {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #333;
  opacity: 0.4;
}
.btn_icononly_w.slack_btn {
  background: url(../../image/icon_slack_24.png) no-repeat center / 24px 24px;
  background-color: #fff;
}
.btn_icononly_w.slack_btn:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
}
.btn_icononly_w.sms_btn {
  background: url(../../image/icon_sms_24.png) no-repeat center / 24px 24px;
  background-color: #fff;
}
.btn_icononly_w.sms_btn:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
}
.btn_icononly_w.com_btn {
  background: url(../../image/icon_combined_24.png) no-repeat center / 24px 24px;
  background-color: #fff;
}
.btn_icononly_w.com_btn:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
}
.btn_icononly_w.log_btn02 {
  background: url(../../image/icon_logout02_24.png) no-repeat center / 24px 24px;
  background-color: #fff;
}
.btn_icononly_w.log_btn02:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
}
/* POINT */
.btn_icononly_p {
  width: 32px;
  height: 32px;
  color: #fff;
  vertical-align: middle;
  background: #289eef url(../../image/icon_trash_w_20.png) no-repeat center / 20px 20px;
  border-radius: 4px;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_icononly_p:hover {
  background-color: #3ea8f1;
}
.btn_icononly_p.Disabled {
  background-color: #289eef;
  color: #fff;
  opacity: 0.4;
}
/**************button 유형4*************/
/* PRIMARY */
.btn_small_b {
  min-width: 42px;
  background-color: #555;
  color: #fff;
  vertical-align: middle;
  height: 24px;
  padding: 6px;
  font-size: 12px;
  line-height: 1em;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_small_b:hover {
  background-color: #474747;
}
.btn_small_b:active {
  padding: 6px;
  color: #fff;
  border: 0;
  line-height: 1em;
}
.btn_small_b:focus {
  padding: 6px;
  color: #fff;
}
.btn_small_b.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
/* SECONDARY */
.btn_small_w {
  min-width: 42px;
  background-color: #fff;
  color: #555;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  height: 24px;
  padding: 5px 6px;
  font-size: 12px;
  line-height: 1em;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_small_w:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  color: #555;
}
.btn_small_w:active {
  padding: 5px 6px;
  color: #555;
  border: 1px solid #d7d7d7;
  line-height: 1em;
}
.btn_small_w:focus {
  padding: 5px 6px;
  color: #555;
}
.btn_small_w.Disabled {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  opacity: 0.4;
}
/* POINT */
.btn_small_p {
  min-width: 42px;
  background-color: #289eef;
  color: #fff;
  vertical-align: middle;
  height: 24px;
  padding: 6px;
  font-size: 12px;
  line-height: 1em;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_small_p:hover {
  background-color: #3ea8f1;
}
.btn_small_p:active {
  padding: 6px;
  color: #fff;
  border: 0;
  line-height: 1em;
}
.btn_small_p:focus {
  padding: 6px;
  color: #fff;
}
.btn_small_p.Disabled {
  background-color: #289eef;
  color: #fff;
  opacity: 0.4;
}
/**************button 유형5*************/
/* PRIMARY */
.btn_large_b {
  min-width: 130px;
  height: 52px;
  padding: 14px 0 14px 16px;
  background-color: #555;
  font-size: 16px;
  color: #fff;
  vertical-align: top;
  line-height: 1.5em;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_large_b::after {
  content: '';
  visibility: inherit;
  display: inline-block;
  vertical-align: top;
  background: url(../../image/icon_star_w_24.png) no-repeat center;
  height: 24px;
  width: 24px;
  margin: 0 14px;
}
.btn_large_b:hover {
  background-color: #474747;
}
.btn_large_b:active {
  padding: 14px 0 14px 16px;
  color: #fff;
  border: 0;
}
.btn_large_b:focus {
  padding: 14px 0 14px 16px;
  color: #fff;
}
.btn_large_b.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
/* SECONDARY */
.btn_large_w {
  min-width: 130px;
  height: 52px;
  padding: 13px 0 13px 16px;
  background-color: #fff;
  font-size: 16px;
  color: #555;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  line-height: 1.5em;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_large_w::after {
  content: '';
  visibility: inherit;
  display: inline-block;
  vertical-align: top;
  background: url(../../image/icon_star_24.png) no-repeat center;
  height: 24px;
  width: 24px;
  margin: 0 14px;
}
.btn_large_w:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  color: #555;
}
.btn_large_w:active {
  padding: 13px 0 13px 16px;
  color: #555;
  border: 1px solid #d7d7d7;
}
.btn_large_w:focus {
  padding: 13px 0 13px 16px;
  color: #555;
}
.btn_large_w.Disabled {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  opacity: 0.4;
}
/* POINT */
.btn_large_p {
  min-width: 130px;
  height: 52px;
  padding: 14px 0 14px 16px;
  background-color: #289eef;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  line-height: 1.5em;
}
.btn_large_p::after {
  content: '';
  visibility: inherit;
  display: inline-block;
  vertical-align: top;
  background: url(../../image/icon_star_w_24.png) no-repeat center;
  height: 24px;
  width: 24px;
  margin: 0 14px;
}
.btn_large_p:hover {
  background-color: #3ea8f1;
}
.btn_large_p:active {
  padding: 14px 0 14px 16px;
  color: #fff;
  border: 0;
}
.btn_large_p:focus {
  padding: 14px 0 14px 16px;
  color: #fff;
}
.btn_large_p.Disabled {
  background-color: #289eef;
  color: #fff;
  opacity: 0.4;
}
/**************button 유형6*************/
/* PRIMARY */
.btn_medium_b {
  min-width: 100px;
  height: 40px;
  padding: 11px 12px 10px;
  background-color: #555;
  color: #fff;
  font-size: 15px;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_medium_b:hover {
  background-color: #474747;
}
.btn_medium_b:active {
  padding: 11px 12px 10px;
  color: #fff;
  border: 0;
}
.btn_medium_b:focus {
  padding: 11px 12px 10px;
  color: #fff;
}
.btn_medium_b.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
/* SECONDARY */
.btn_medium_w {
  min-width: 100px;
  height: 40px;
  padding: 10px 12px 9px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  font-size: 15px;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_medium_w:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  color: #555;
}
.btn_medium_w:active {
  padding: 10px 12px 9px;
  color: #555;
  border: 1px solid #d7d7d7;
}
.btn_medium_w:focus {
  padding: 10px 12px 9px;
  color: #555;
}
.btn_medium_w.Disabled {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  opacity: 0.4;
}
/* POINT */
.btn_medium_p {
  min-width: 100px;
  height: 40px;
  padding: 11px 12px 10px;
  background-color: #289eef;
  color: #fff;
  font-size: 15px;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_medium_p:hover {
  background-color: #3ea8f1;
}
.btn_medium_p:active {
  padding: 11px 12px 10px;
  color: #fff;
  border: 0;
}
.btn_medium_p:focus {
  padding: 11px 12px 10px;
  color: #fff;
}
.btn_medium_p.Disabled {
  background-color: #289eef;
  color: #fff;
  opacity: 0.4;
}
/* 아이콘 우측 */
.btn_icon2_p {
  min-width: 110px;
  padding: 8px 10px;
  background-color: #289eef;
  color: #fff;
  vertical-align: middle;
  text-align: left;
  position: relative;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}
.btn_icon2_p::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  background: url(../../image/icon_document_w_16.png) no-repeat center;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn_icon2_p:hover {
  background-color: #3ea8f1;
}
.btn_icon2_p:active {
  padding: 8px 10px;
  color: #fff;
  border: 0;
}
.btn_icon2_p:focus {
  padding: 8px 10px;
  color: #fff;
}
.btn_icon2_p.Disabled {
  background-color: #289eef;
  color: #fff;
  opacity: 0.4;
}
.btn_icon2_b {
  min-width: 110px;
  padding: 8px 10px;
  background-color: #555;
  color: #fff;
  vertical-align: middle;
  text-align: left;
  position: relative;
}
.btn_icon2_b::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  background: url(../../image/icon_document_w_16.png) no-repeat center;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn_icon2_b:hover {
  background-color: #474747;
}
.btn_icon2_b:active {
  padding: 8px 10px;
  color: #fff;
  border: 0;
}
.btn_icon2_b:focus {
  padding: 8px 10px;
  color: #fff;
}
.btn_icon2_b.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
/**************button 유형7*************/
.info_btn_box {
  position: relative;
  top: -1px;
}
.info_btn_box .info_btn {
  width: 160px;
  height: 32px;
  background-color: #f3f3f3;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  border: solid 1px #d7d7d7;
  text-align: center;
  margin: -1px auto;
  cursor: pointer;
}
.info_btn_box .info_btn span {
  font-size: 12px;
  font-weight: 500;
}
.info_btn_box .info_btn .up_btn {
  vertical-align: middle;
  margin-right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../image/icon_up_16.png") no-repeat center;
}
.info_btn_box .info_btn .down_btn {
  vertical-align: middle;
  margin-right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../image/icon_down_16.png") no-repeat center;
}
.info_btn_box .info_btn2 {
  width: 160px;
  height: 32px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: auto;
  margin: 0;
  background-color: #f3f3f3;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  border: solid 1px #d7d7d7;
  text-align: center;
  cursor: pointer;
}
.info_btn_box .info_btn2 span {
  font-size: 12px;
  font-weight: 500;
}
.info_btn_box .info_btn2 .up_btn {
  vertical-align: middle;
  margin-right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../image/icon_up_16.png") no-repeat center;
}
.info_btn_box .info_btn2 .down_btn {
  vertical-align: middle;
  margin-right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../image/icon_down_16.png") no-repeat center;
}
/**************button 유형8*************/
.btn_grid_delete {
  width: 89px;
  text-align: left;
}
.btn_grid_delete::before {
  margin-right: 30px;
  background: url(../../image/icon_trash_16.png) no-repeat center;
}
/**************button 유형9*************/
.j_e_mark {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_info_24.png) no-repeat center;
  cursor: pointer;
  margin-left: 10px;
  text-indent: -9999px;
}
.j_e_mark:hover {
  background: transparent url(../../image/icon_info_24.png) no-repeat center;
}
.j_e_mark2 {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_help_24.png) no-repeat center;
  cursor: pointer;
  text-indent: -9999px;
}
.j_e_mark2:hover {
  background: transparent url(../../image/icon_help_24.png) no-repeat center;
}
/**************button 유형10*************/
.Fileupload .Button {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  background: #555 url(../../image/icon_upload_w_20.png) no-repeat center / 20px 20px;
  border-radius: 4px;
}
.Fileupload .Button:hover {
  background-color: #474747;
}
.Fileupload .Button.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
/**************button 유형11*************/
.j_worker_pm {
  text-align: center;
  padding: 10px 0 20px 0;
  display: block;
}
.j_worker_pm button {
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: url("../../image/icon_plus_01.png") no-repeat 0 center;
  background-size: 20px 20px;
  padding-left: 25px;
  margin: 0 15px;
}
.j_worker_pm button:hover {
  color: #555555;
  background: transparent url("../../image/icon_plus_01.png") no-repeat 0 center;
}
.j_worker_pm button:active {
  padding-left: 25px;
}
.j_worker_pm .right {
  float: right;
  display: inline-block;
  padding-top: 2px;
  margin-right: -15px;
}
.j_worker_pm .right .btn_w {
  background-image: none;
  min-width: 80px;
  padding: 7px 12px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  color: #555;
  height: 32px;
  font-size: 13px;
  line-height: 1.3em;
}
.j_worker_pm .right .btn_w:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  color: #555;
}
.j_worker_pm .right .btn_w:active {
  padding: 7px 12px;
  color: #555;
  border: 1px solid #d7d7d7;
}
.j_worker_pm .right .btn_w:focus {
  padding: 7px 12px;
  color: #555;
}
.j_worker_pm .right .Disabled {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  opacity: 0.4;
}
/**************button 유형12*************/
.btn_day7 {
  min-width: 45px;
  padding: 8px 4px;
  background-color: #555;
  color: #fff;
}
.btn_day7:hover {
  background-color: #474747;
}
.btn_day7:active {
  padding: 8px 4px;
  color: #fff;
}
.btn_day7:focus {
  padding: 8px 4px;
  color: #fff;
}
.btn_day7.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
.btn_day30 {
  min-width: 54px;
  padding: 8px 4px;
  background-color: #555;
  color: #fff;
}
.btn_day30:hover {
  background-color: #474747;
}
.btn_day30:active {
  padding: 8px 4px;
  color: #fff;
}
.btn_day30:focus {
  padding: 8px 4px;
  color: #fff;
}
.btn_day30.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
.btn_dayToday {
  min-width: 62px;
  padding: 8px 4px;
  background-color: #555;
  color: #fff;
}
.btn_dayToday:hover {
  background-color: #474747;
}
.btn_dayToday:active {
  padding: 8px 4px;
  color: #fff;
}
.btn_dayToday:focus {
  padding: 8px 4px;
  color: #fff;
}
.btn_dayToday.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}
/**************button 유형13*************/
.trash_btn {
  background: #fff url(../../image/icon_trash_20.png) no-repeat center;
}
.trash_btn:hover {
  background: #f2f2f2 url(../../image/icon_trash_20.png) no-repeat center;
}
.trash_btn.Disabled {
  background: #fff url(../../image/icon_trash_20.png) no-repeat center;
  opacity: 0.4;
}
/**************button 유형14*************/
.btn_wg {
  background-color: #ffffff;
}
.btn_set {
  background: none;
  height: auto;
}
.btn_set:hover {
  background: none;
}
/**************button 유형15*************/
.drefresh_btn {
  width: 34px;
  height: 34px;
  background: #fff url(../../image/icon_refresh_24.png) no-repeat center;
}
.drefresh_btn:hover {
  background: #f2f2f2 url(../../image/icon_refresh_24.png) no-repeat center;
}
.drefresh_btn.Disabled {
  background: #fff url(../../image/icon_refresh_24.png) no-repeat center;
  opacity: 0.4;
}
/**************button 유형16*************/
.text_btn {
  height: auto;
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
  background: none;
  padding-left: 5px;
}
.text_btn:hover {
  color: #197bd0;
  background: none;
}
.text_btn:active {
  padding-left: 5px;
}
/**************button 유형15*************/
.laySave_btn {
  background: #289eef url(../../image/icon_correct_w_24.png) no-repeat center;
}
.laySave_btn:hover {
  background: #3ea8f1 url(../../image/icon_correct_w_24.png) no-repeat center;
}
.laySave_btn.Disabled {
  background: #289eef url(../../image/icon_correct_w_24.png) no-repeat center;
  opacity: 0.4;
}
/**************btn_area 안 버튼 들 *************/
.btn_area .left .Button:nth-child(1)::before {
  background: url(../../image/icon_trash_16.png) no-repeat center;
}
.btn_area .left .Button.trash_btn {
  margin-left: 4px;
}
.btn_area button.save_btn::before {
  background: url(../../image/icon_correct_w_16.png) no-repeat center / 16px 16px;
}
.btn_area button.write_btn::before {
  background: url(../../image/icon_write_w_16.png) no-repeat center / 16px 16px;
}
.btn_area button.assignment_btn::before {
  background: url(../../image/icon_assignment_16.png) no-repeat center / 16px 16px;
}
.btn_area button.refuseall_btn::before {
  background: url(../../image/icon_refuseall_w_16.png) no-repeat center / 16px 16px;
}
.btn_area button.refuseallb_btn::before {
  background: url(../../image/icon_refuseall_b_16.png) no-repeat center / 16px 16px;
}
.btn_area button.okall_btn::before {
  background: url(../../image/icon_okall_w_16.png) no-repeat center / 16px 16px;
}
.btn_area button.wmail_btn::before {
  background: url(../../image/icon_email_w_16.png) no-repeat center / 16px 16px;
}
.btn_area button.bdata_btn::before {
  background: url(../../image/icon_bdata_16.png) no-repeat center / 16px 16px;
}
.btn_area button.bdata_btn_w::before {
  background: url(../../image/icon_bdata_16_b.png) no-repeat center / 16px 16px;
}
.btn_area button.upcorrect_btn::before {
  background: url(../../image/icon_upcorrect_16.png) no-repeat center;
}
.btn_area button.duplicate_btn::before {
  background: url(../../image/icon_duplicate_16.png) no-repeat center;
}
.btn_area button.refresh_btn::before {
  background: url(../../image/icon_refresh_w_16.png) no-repeat center;
}
.btn_area button.assignment_btn::before {
  background: url(../../image/icon_assignment_16.png) no-repeat center;
}
.btn_area button.excel_btn::before {
  background: url(../../image/icon_excel_w_16.png) no-repeat center / 16px 16px;
}
.btn_area button.delete_btn::before {
  background: url(../../image/icon_delete_w_16.png) no-repeat center / 16px 16px;
}
.btn_area button.compare_btn::before {
  background: url(../../image/icon_compare_w_16.png) no-repeat center / 16px 16px;
}
.btn_area button.request_btn::before {
  background: url(../../image/icon_request_w_16.png) no-repeat center / 16px 16px;
}
/**************업무함 버튼 -그리드 *************/
.btn_show_w {
  width: 67px;
  font-weight: 500;
}
.btn_show_w .show_num {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  color: #e60724;
}
.btn_show_b {
  width: 70px;
  padding: 8px 0px;
}
.btn_show_b .show_num {
  font-family: Roboto;
  font-size: 11px;
  font-weight: 500;
  color: #e60724;
  background-color: #fff;
  display: inline-block;
  border-radius: 8.5px;
  padding: 2px 3px;
  margin-left: 6px;
  position: relative;
  top: -1px;
  line-height: 1;
}
.btn_show_bw {
  width: 112px;
  padding: 8px 0px;
}
.btn_show_bw .show_num {
  font-family: Roboto;
  font-size: 11px;
  font-weight: 500;
  color: #e60724;
  background-color: #fff;
  display: inline-block;
  border-radius: 8.5px;
  padding: 2px 3px;
  margin-left: 6px;
  position: relative;
  top: -1px;
  line-height: 1;
}
/**************체크 표시 버튼  *************/
.save_btn::before {
  background: url(../../image/icon_correct_w_16.png) no-repeat center / 16px 16px;
}
.talk_btn {
  background: none;
}
.talk_btn:hover {
  background: none;
}
.chat_add_btn {
  background: url(../../image/icon_add_24_g.png) no-repeat center / 24px 24px;
}
.chat_add_btn:hover {
  background: url(../../image/icon_add_24_g.png) no-repeat center / 24px 24px;
}
.chat_arr_btn {
  background: url(../../image/icon_arr_24.png) no-repeat center / 24px 24px;
}
.chat_arr_btn:hover {
  background: url(../../image/icon_arr_24.png) no-repeat center / 24px 24px;
}
.l_close_btn {
  width: 24px;
  background: url(../../image/icon_remove_24.png) no-repeat center / 24px 24px;
}
.l_close_btn:hover {
  background: url(../../image/icon_remove_24.png) no-repeat center / 24px 24px;
}
.pop_close_btn {
  width: 24px;
  height: 24px;
  background: url(../../image/icon_remove_24_w.png) no-repeat center / 24px 24px;
}
.pop_close_btn:hover {
  background: url(../../image/icon_remove_24_w.png) no-repeat center / 24px 24px;
}
/**************반응형 버튼*************/
.cont_over {
  overflow: visible !important;
}
@media screen and (max-width: 1579px) {
  .btn_select {
    display: inline-block;
    position: relative;
    width: 170px;
    vertical-align: top;
  }
  .btn_select .tit {
    display: block;
    width: 170px;
    padding: 6px 30px 5px 12px;
    font-size: 13px;
    color: #555;
    border: 1px solid #d7d7d7;
    vertical-align: middle;
    border-radius: 2px;
    background: url(../../image/icon_down_16.png) no-repeat 96% 50% #fff;
    background-size: 16px 16px;
    cursor: pointer;
  }
  .btn_select .tit::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(../../image/icon_excel_w_16.png) no-repeat center / 16px 16px;
    height: 16px;
    width: 16px;
    margin-right: 8px;
  }
  .btn_select .tit.on_list {
    background: url(../../image/icon_up_16.png) no-repeat 96% 50% #fff;
    border: 1px solid #289eef;
  }
  .btn_select .btn_list {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 170px;
    height: 102px;
    background-color: #f4f4f4;
    border: solid 1px #888888;
    border-radius: 2px;
  }
  .btn_select .btn_list.on_list {
    display: block;
  }
  .btn_select .btn_list .Button {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 2px;
    border-left: 0;
    border-right: 0;
  }
  .btn_select .btn_list .Button:first-child {
    border-top: 0;
  }
  .btn_select .btn_list .Button:last-child {
    margin-bottom: 2px;
    border-bottom: 0;
  }
  .btn_select .btn_list .upload_btn::before {
    background: url(../../image/icon_upload20.png) no-repeat center / 20px 20px;
  }
  .btn_select .btn_list .download_btn::before {
    background: url(../../image/icon_download20.png) no-repeat center / 20px 20px;
  }
  .wide_btn {
    display: none;
  }
}
@media screen and (min-width: 1580px) {
  .btn_select {
    display: none;
  }
  .wide_btn {
    display: inline-block;
    vertical-align: top;
  }
}
.btn_reflash_01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../../image/icon_reflash_20.png) no-repeat center #555;
  border-radius: 3px;
}
.btn_reflash_01:hover,
.btn_reflash_01:active {
  background: url(../../image/icon_reflash_20.png) no-repeat center #474747;
}
/****************************************************************************************************
******************************  inputs-input기본과 유형을 담음 inputs.less  *****************************
*****************************************************************************************************/
/***************input 기본 세팅값*************/
input,
select,
textarea {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
input::placeholder,
textarea::placeholder {
  font-size: 13px;
  font-weight: 300;
  color: #bbb;
}
button {
  border: 0;
  background: transparent;
}
.err_coments {
  display: none;
}
.input_box {
  font-size: 13px;
  font-weight: 300;
}
/***************input 기본 세팅값*************/
.ipt .input_box {
  display: inline-block;
  position: relative;
}
.ipt .input_box input {
  padding-right: 25px;
}
.ipt .input_box input:focus {
  border: 1px solid #289eef;
}
.ipt .input_box button {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent url(../../image/icon_remove_12.png) no-repeat center;
  width: 16px;
  height: 16px;
  display: none;
  outline: none;
}
.ipt .input_box button:focus {
  outline: none;
}
.ipt .input_box button:active {
  outline: none;
}
.ipt .input_box button:hover {
  outline: none;
}
/**************input focused*************/
.undone .input_box input,
.undone .input_box select,
.undone .input_box textarea {
  border: 1px solid #E60724;
}
/**************input focused*************/
.input_focus2 input:focus {
  border: 1px solid #64b950 !important;
  background: #fff url(../../image/icon_check_circle_20.png) no-repeat 95% 50%;
}
.input_focus2 button {
  display: none;
  background: inherit !important;
}
/**************input error*************/
.input_error1 .input_box input {
  border: 1px solid #e60724;
}
.input_error1 .input_box input:focus {
  border: 1px solid #e60724;
}
.input_error1 .input_box .err_coments {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #e60724;
}
.input_error2 .input_box input {
  padding-right: 36px;
  border: 1px solid #e60724;
  background: #fff url(../../image/icon_error_20.png) no-repeat 100% 50%;
}
.input_error2 .input_box input:focus {
  border: 1px solid #e60724;
}
.input_error2 .input_box button {
  background: inherit !important;
}
.input_error2 .input_box .err_coments {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #e60724;
}
.input_error3 .input_box input {
  border: 1px solid #e60724;
}
.input_error3 .input_box input:focus {
  border: 1px solid #e60724;
}
.input_error3 .input_box .err_coments {
  display: block;
  margin-bottom: 5px;
  position: absolute;
  top: -34px;
  right: 0;
  display: inline-block;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background-color: #e60724;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
  padding: 6px 10px;
  white-space: nowrap;
}
.input_error3 .input_box .err_coments::after {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 20px;
  bottom: -9px;
  content: "";
  border-top: 6px solid #e60724;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.input_error4 .input_box:hover .err_coments {
  display: inline-block;
}
.input_error4 .input_box input {
  border: 1px solid #e60724;
  background: #fff url(../../image/icon_error_20.png) no-repeat 100% 50%;
}
.input_error4 .input_box input:focus {
  border: 1px solid #e60724;
}
.input_error4 .input_box button {
  background: inherit !important;
}
.input_error4 .input_box .err_coments {
  display: none;
  margin-bottom: 5px;
  position: absolute;
  top: -34px;
  right: 0;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background-color: #e60724;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
  padding: 6px 10px;
  white-space: nowrap;
}
.input_error4 .input_box .err_coments::after {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 20px;
  bottom: -9px;
  content: "";
  border-top: 6px solid #e60724;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
/**************input 수정불가*************/
.input_noedit input {
  background-color: #e6e6e6;
  cursor: default;
}
.input_noedit input::placeholder {
  color: #888;
}
/**************input select*************/
.input_selec select {
  background: #fff url(../../image/icon_down_16.png) no-repeat 95% 50%;
}
.input_selec_icon .input_box {
  position: relative;
}
.input_selec_icon .input_box select {
  background: #fff url(../../image/icon_down_16.png) no-repeat 95% 50%;
  text-indent: 24px;
  position: relative;
}
.input_selec_icon .input_box .selec_icon {
  position: absolute;
  left: 4px;
  top: 4px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_candle_24.png) no-repeat center;
  z-index: 9;
}
/**************input search*************/
.input_srch1 .input_box {
  display: inline-block;
  position: relative;
}
.input_srch1 .input_box input {
  padding-right: 36px;
}
.input_srch1 .input_box button {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent url(../../image/icon_search_16.png) no-repeat center;
  width: 16px;
  height: 16px;
}
.input_srch1.input_error4 input {
  background: #fff;
}
.input_srch1.input_error4 .input_box button {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent url(../../image/icon_search_16.png) no-repeat center !important;
  width: 16px;
  height: 16px;
}
.input_srch2 .input_box {
  display: inline-block;
  position: relative;
}
.input_srch2 .input_box input {
  height: 42px;
  border: 2px solid #888;
  font-size: 16px;
  padding: 8px 42px 8px 10px;
}
.input_srch2 .input_box button {
  position: absolute;
  top: 9px;
  right: 9px;
  background: transparent url(../../image/icon_search_24.png) no-repeat center;
  width: 24px;
  height: 24px;
}
.input_srch3 .input_box {
  display: inline-block;
  position: relative;
}
.input_srch3 .input_box input {
  padding-right: 36px;
}
.input_srch3 .input_box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  background: transparent url(../../image/icon_person_16.png) no-repeat center;
  width: 16px;
  height: 16px;
}
.input_srch3.input_error4 .input_box {
  display: inline-block;
  position: relative;
}
.input_srch3.input_error4 .input_box input {
  background: #fff;
}
.input_srch3.input_error4 .input_box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  background: transparent url(../../image/icon_person_16.png) no-repeat center !important;
  width: 16px;
  height: 16px;
}
.input_srch4 .input_box {
  display: inline-block;
  position: relative;
}
.input_srch4 .input_box input {
  padding-right: 36px;
}
.input_srch4 .input_box button {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent url(../../image/icon_down_16.png) no-repeat center;
  width: 16px;
  height: 16px;
}
.input_srch5 .input_box {
  display: inline-block;
  position: relative;
}
.input_srch5 .input_box input {
  padding-right: 45px;
  height: 50px;
  border-radius: 26px;
  padding-left: 20px;
  font-size: 17px;
}
.input_srch5 .input_box input::placeholder {
  font-size: 17px;
  font-weight: 300;
  color: #888888;
}
.input_srch5 .input_box button {
  position: absolute;
  top: 12px;
  right: 16px;
  background: transparent url(../../image/icon_mainsearch_24.png) no-repeat center;
  width: 24px;
  height: 24px;
}
.input_srch6 .input_box {
  display: inline-block;
  position: relative;
}
.input_srch6 .input_box input {
  padding-right: 60px;
}
.input_srch6 .input_box button {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent url(../../image/icon_search_16.png) no-repeat center;
  width: 16px;
  height: 16px;
}
.input_srch6 .input_box .del_btn {
  position: absolute;
  top: 10px;
  right: 32px;
  background: transparent url(../../image/icon_remove_12.png) no-repeat 3px center;
  width: 24px;
  height: 12px;
  display: none;
  outline: none;
  border-right: 1px solid #d7d7d7;
}
.input_srch6.input_error4 .input_box {
  display: inline-block;
  position: relative;
}
.input_srch6.input_error4 .input_box input {
  background: #fff;
}
.input_srch6.input_error4 .input_box button {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent url(../../image/icon_search_16.png) no-repeat center !important;
  width: 16px;
  height: 16px;
}
.input_srch6.input_error4 .input_box .del_btn {
  position: absolute;
  top: 10px;
  right: 32px;
  background: transparent url(../../image/icon_remove_12.png) no-repeat 3px center !important;
  width: 24px;
  height: 12px;
  display: none;
  outline: none;
  border-right: 1px solid #d7d7d7;
}
/**************REQUIRED CORNER*************/
.impt .input_box {
  position: relative;
  display: inline-block;
}
.impt .input_box label {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid red;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 9;
}
/**************radio button*************/
.input_radio_disable input[type="checkbox"] + label {
  opacity: 0.25;
  color: #222;
}
.input_radio_disable input[type="checkbox"] + label span {
  border: 1px solid #444;
  opacity: 0.25;
  cursor: default;
}
.input_radio_dischk input[type="checkbox"] + label {
  opacity: 0.25;
  color: #222;
}
.input_radio_dischk input[type="checkbox"] + label span {
  border: 1px solid #444;
  opacity: 0.25;
  cursor: default;
  background: url(../../image/icon_select_chk_8.png) no-repeat center;
}
/**************CHECKBOX*************/
.input_checkbox input[type="checkbox"] + label span {
  width: 18px;
  height: 18px;
  border: 2px solid #888;
  background-color: transparent;
  border-radius: 2px;
}
.input_checkbox input[type="checkbox"]:checked + label span {
  border: 2px solid #64b950;
  background: #64b950 url(../../image/icon_correct_w_16.png) no-repeat center;
}
/**************ON OFF SWITCH*************/
.onoffswitch_checkbox {
  display: none;
}
.onoffswitch_box {
  display: inline-block;
  vertical-align: middle;
}
.onoffswitch_label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  width: 60px;
  border: 1px solid #bbb;
  border-radius: 13px;
  position: relative;
  top: 0 !important;
}
.onoffswitch_inner {
  display: block !important;
  width: 200% !important;
  height: auto !important;
  margin: 0 !important;
  border: none !important;
  margin-left: -100% !important;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch_inner:before,
.onoffswitch_inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 22px;
  padding: 0;
  line-height: 24px;
  font-size: 11px;
  color: #bbb;
  font-family: 'Roboto';
  box-sizing: border-box;
}
.onoffswitch_inner:before {
  content: "YES";
  padding-left: 10px;
  background-color: #fff;
  color: #64B950;
  text-align: left;
}
.onoffswitch_inner:after {
  content: "NO";
  padding-right: 10px;
  background-color: #fff;
  color: #bbb;
  text-align: right;
}
.onoffswitch_switch {
  display: block;
  width: 18px !important;
  height: auto !important;
  margin: 2px !important;
  background: #bbb !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  border: 1px solid #bbb !important;
  border-radius: 13px;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch_checkbox:checked + .onoffswitch_label .onoffswitch_inner {
  margin-left: 0 !important;
  border: 0 !important;
  background: none !important;
}
.onoffswitch_checkbox:checked + .onoffswitch_label {
  border: 1px solid #64B950 !important;
}
.onoffswitch_checkbox:checked + .onoffswitch_label .onoffswitch_switch {
  right: 0px !important;
  background: #64B950 !important;
  border: 1px solid #64B950 !important;
}
.onoffswitch02 {
  display: inline-block;
  vertical-align: middle;
}
.onoffswitch02 .onoffswitch_inner:before {
  content: "ON";
}
.onoffswitch02 .onoffswitch_inner:after {
  content: "OFF";
}
/****************************************************************************************************
******************************  table 유형을 담음 table.less  *****************************************
*****************************************************************************************************/
/**************table 유형1*************/
.table1 {
  background-color: #fafafa;
  border: solid 1px #bbbbbb;
  width: 1130px;
  margin: 0 auto;
}
.table1 tr {
  border-bottom: solid 1px #bbbbbb;
  height: auto !important;
}
.table1 tr:last-child {
  border-bottom: none;
}
.table1 tr td,
.table1 tr th {
  text-align: center !important;
  padding: 10px !important;
}
.table1 tr th {
  padding-right: 0 !important;
  border-bottom: solid 1px #bbbbbb;
  color: #333 !important;
  font-weight: 300 !important;
}
/**************table 유형2*************/
.table2 thead {
  border-bottom: 1px solid #bbb;
}
.table2 thead tr th {
  padding: 10px 15px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #888;
}
.table2 tbody tr td {
  padding: 15px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table2 tbody tr td:last-child {
  text-align: left;
}
/****************************************************************************************************
******************************  결재정보 상태 유형을 담음 aprsts.less  **********************************
*****************************************************************************************************/
/************** aprsts 기본세팅 입니다. *************/
.apr_top {
  width: 100%;
  min-height: 260px;
}
.apr_box_wrap {
  width: 1400px;
  height: 100%;
  position: relative;
}
.apr_box_wrap:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.apr_box {
  float: left;
  width: 140px;
  text-align: center;
  position: relative;
}
.apr_box:last-child .apr_line {
  display: none;
}
.apr_box.editable .apr_con .apr_img {
  cursor: pointer;
}
.apr_box .apr_line {
  width: 140px;
  height: 1px;
  border-bottom: 2px solid #d7d7d7;
  position: absolute;
  left: 50%;
  top: 62px;
  transform: translateY(-50%);
}
.apr_box .apr_con {
  padding-top: 33px;
  position: relative;
  z-index: 1;
  border: solid 2px transparent;
  height: 207px;
  text-align: center;
}
.apr_box .apr_con .apr_circle {
  display: none;
  width: 8px;
  height: 8px;
  background-color: #289eef;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 12px;
}
.apr_box .apr_con .apr_img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  background-color: #fff;
  overflow: hidden;
  background-image: url('../../image/person_empty02.png');
  border: 1px solid #e0e0e0;
}
.apr_box .apr_con .apr_img img {
  width: 100%;
  height: auto;
}
.apr_box .apr_con .apr_belong {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
}
.apr_box .apr_con .apr_name {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 300;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
}
.apr_box .apr_con .apr_name span {
  font-size: 13px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  display: inline-block;
  vertical-align: sub;
}
.apr_box .apr_con .btn_people {
  top: -2px;
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
  background: none;
  padding-left: 5px;
  display: inline-block;
  cursor: pointer;
}
.apr_box .apr_con .apr_deputy {
  min-width: 116px;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 300;
  padding: 5px 5px 0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 25px;
}
.apr_box .apr_con .apr_deputy:after {
  content: '';
  width: 100px;
  height: 1px;
  background-color: #d7d7d7;
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: -50px;
}
.apr_box .apr_con .apr_sts {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}
.apr_box .apr_con .apr_date {
  display: none;
  font-size: 12px;
}
.apr_box .apr_con .apr_btn {
  display: none;
  border-top: 1px solid #ebebeb;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.apr_box .apr_con .apr_btn ul {
  display: block;
  width: 100%;
}
.apr_box .apr_con .apr_btn ul::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.apr_box .apr_con .apr_btn ul li {
  width: 50%;
  height: 32px;
  float: left;
  border-right: 1px solid #ebebeb;
}
.apr_box .apr_con .apr_btn ul li:last-child {
  border-right: none;
}
.apr_box .apr_con .apr_btn ul li a {
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 0;
  text-align: center;
}
.apr_box .apr_con .apr_btn ul li .Button {
  font-size: 13px;
  font-weight: 500;
  padding: 0;
  text-align: center;
  background: #fff;
  color: #333;
  height: 25px;
}
.apr_box .apr_con .apr_btn ul li .Button.Disabled {
  color: #d7d7d7;
}
.apr_box .apr_con .apr_btn ul .apr_delete .Button {
  color: #888888;
}
.apr_box .apr_con .apr_btn ul .apr_delete a {
  color: #888888;
}
/************** hover효과 *************/
.apr_hover .apr_con {
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 2px #888888;
}
.apr_hover .apr_con .apr_btn {
  display: block;
}
/************** 기안중 & 승인대기 *************/
.apr_type2 .apr_circle {
  display: block !important;
}
.apr_type2 .apr_sts {
  display: block !important;
  color: #289eef;
}
/************** 결재자 삭제 시 노출 *************/
.apr_type3 .apr_img {
  border: 1px solid #bbb !important;
  background-image: url('../../image/icon_add_24.png') !important;
  background-size: 24px 24px !important;
  cursor: pointer;
}
.apr_type3 .apr_img img {
  display: none;
}
/************** 승인 *************/
.apr_type5 .apr_con {
  height: auto !important;
}
.apr_type5 .apr_line {
  border-bottom: 2px solid #8fbe5e;
}
.apr_type5 .apr_img {
  background-color: #8fbe5e !important;
  background-image: url('../../image/icon_correct_w_24.png') !important;
  background-size: 24px 24px !important;
  border: 1px solid #8fbe5e !important;
}
.apr_type5 .apr_img img {
  display: none;
}
.apr_type5 .apr_sts {
  display: block !important;
  color: #8fbe5e;
}
.apr_type5 .apr_date {
  display: block !important;
  color: #8fbe5e;
}
/************** 대결 승인  *************/
.apr_type8 .apr_con {
  height: auto !important;
}
.apr_type8 .apr_line {
  border-bottom: 2px solid #8fbe5e;
}
.apr_type8 .apr_img {
  background-color: #8fbe5e !important;
  background-image: url('../../image/icon_correct_w_24.png') !important;
  background-size: 24px 24px !important;
  border: 1px solid #8fbe5e !important;
}
.apr_type8 .apr_img img {
  display: none;
}
.apr_type8 .apr_sts {
  display: block !important;
  color: #8fbe5e;
}
.apr_type8 .apr_date {
  display: block !important;
  color: #8fbe5e;
}
/************** 졀재 대기중 *************/
.apr_type6 .apr_sts {
  display: block !important;
  color: #888;
}
/************** 대결 대기중  *************/
.apr_type7 .apr_sts {
  display: block !important;
  color: #888;
}
/************** 결재 그룹 *************/
.apr_group .apr_line {
  border-bottom: 2px dotted #d7d7d7;
}
/************** 반려 *************/
.apr_type9 .apr_con {
  height: auto !important;
}
.apr_type9 .apr_line {
  border-bottom: 2px solid #d7d7d7;
}
.apr_type9 .apr_img {
  background-color: #ee8282 !important;
  background-image: url('../../image/icon_remove_24_w.png') !important;
  background-size: 24px 24px !important;
  border: solid 1px #ee8282 !important;
}
.apr_type9 .apr_img img {
  display: none;
}
.apr_type9 .apr_sts {
  display: block !important;
  color: #ee8282;
}
.apr_type9 .apr_date {
  display: block !important;
  color: #ee8282;
}
/************** 다수결재자 노출 *************/
.apr_type10 .apr_img {
  border: 1px solid #bbb;
  background-image: url('../../image/people_empty.png') !important;
  cursor: pointer;
}
.apr_type10 .apr_img img {
  display: none;
}
/************** 인원수에 따른 class *************/
.apr_line7 .apr_box {
  margin-right: 23px;
}
.apr_line7 .apr_box:last-child {
  margin-right: 0;
}
.apr_line7 .apr_box .apr_line {
  width: 163px;
}
.apr_line6 .apr_box {
  margin-right: 56px;
}
.apr_line6 .apr_box:last-child {
  margin-right: 0;
}
.apr_line6 .apr_box .apr_line {
  width: 196px;
}
.apr_line5 .apr_box {
  margin-right: 105px;
}
.apr_line5 .apr_box:last-child {
  margin-right: 0;
}
.apr_line5 .apr_box .apr_line {
  width: 245px;
}
.apr_line4 .apr_box {
  margin-right: 186px;
}
.apr_line4 .apr_box:last-child {
  margin-right: 0;
}
.apr_line4 .apr_box .apr_line {
  width: 326px;
}
.apr_line3 .apr_box {
  margin-right: 350px;
}
.apr_line3 .apr_box:last-child {
  margin-right: 0;
}
.apr_line3 .apr_box .apr_line {
  width: 490px;
}
.apr_line2 .apr_box {
  margin-right: 840px;
}
.apr_line2 .apr_box:last-child {
  margin-right: 0;
}
.apr_line2 .apr_box .apr_line {
  width: 980px;
}
/****************************************************************************************************
******************************  요청 화면 공통 class request.less   ***********************************
*****************************************************************************************************/
/*************요청 화면 공통 css 입니다. *************/
.cbox .Panel-content {
  padding: 0 20px;
}
.cbox .Panel-content .ImageRadio:last-of-type {
  margin-right: 0;
}
.cbox .Panel-content .wide_radio .ImageRadio {
  margin-right: 90px;
}
.cbox .Panel-content .wide_radio .ImageRadio:last-of-type {
  margin-right: 0;
}
/************* 박스별 유형 클래스 (숫자는 n번째) *************/
.cbox1 .Panel-content {
  position: relative;
  padding: 20px;
}
.cbox1 .Panel-content p {
  font-size: 15px;
  font-weight: 500;
  color: #4a4a4a;
  margin-bottom: 10px;
}
.cbox1 .Panel-content .user_info_txt li {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.71;
  color: #666666;
  padding-left: 16px;
  text-indent: -7px;
}
.cbox1 .Panel-content .user_info_txt li::before {
  content: ".";
  display: inline-block;
  position: relative;
  right: 0;
  top: -5px;
  padding-right: 5px;
}
.cbox1 .Panel-content .user_info_txt li a {
  font-size: 14px;
  font-weight: 500;
  color: #4a90e2;
}
.cbox1 .Panel-content .user_info_txt .rout {
  margin: 10px 0;
}
.cbox1 .Panel-content .user_info_txt .rout::before {
  display: none;
}
.cbox1 .Panel-content .user_info_txt .rout dl::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.cbox1 .Panel-content .user_info_txt .rout dl dt {
  min-width: 67px;
  float: left;
  font-size: 13px;
  font-weight: 300;
  color: #FD6901;
  margin: 0 15px 0 23px;
}
.cbox1 .Panel-content .user_info_txt .rout dl dd {
  float: left;
  font-size: 13px;
  font-weight: 300;
  color: #888;
}
.cbox1 .Panel-content .user_info_txt .rout2 {
  margin: 10px 0;
  text-indent: 8px;
}
.cbox1 .Panel-content .user_info_txt .rout2::before {
  display: none;
}
.cbox1 .Panel-content .user_info_txt .rout2 dl {
  margin-bottom: 10px;
}
.cbox1 .Panel-content .user_info_txt .rout2 dl:last-child {
  margin-bottom: 0;
}
.cbox1 .Panel-content .user_info_txt .rout2 dl dt {
  min-width: 67px;
  font-size: 13px;
  font-weight: 300;
  color: #FD6901;
}
.cbox1 .Panel-content .user_info_txt .rout2 dl dd {
  font-size: 13px;
  font-weight: 300;
  color: #888;
}
.cbox1 .Panel-content .user_info_txt .semi_list {
  margin-top: 10px;
  margin-left: 10px;
}
.cbox1 .Panel-content .user_info_txt .semi_list li:before {
  display: none;
}
.cbox1 .Panel-content .user_info_icon {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 36px;
  height: 44px;
  background: url(../../image/icon_change_01.png) no-repeat center;
}
.rbox1 .Panel-content .j_panel_cont .j_change_box1:nth-child(2) {
  width: 366px;
}
.rbox1 .Panel-content .j_panel_cont .j_change_box1:nth-child(3) {
  width: 380px;
}
.rbox1 .Panel-content .j_panel_cont .j_change_box1 dl dd {
  max-width: 275px;
}
.rbox1 .Panel-content .j_panel_cont .j_change_box1 dl dd > a {
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
  word-break: break-all;
}
.rbox2 .Panel-content .j_panel_cont {
  padding: 20px 0;
}
.rbox2 .Panel-content .j_panel_cont .j_change_box1 {
  vertical-align: middle;
}
.rbox2 .Panel-content .j_panel_cont .j_change_box1:nth-child(2) {
  width: 366px;
  position: relative;
  border-right: none;
}
.rbox2 .Panel-content .j_panel_cont .j_change_box1:nth-child(2)::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #d7d7d7;
  right: 0;
  top: 30%;
  position: absolute;
}
.rbox2 .Panel-content .j_panel_cont .j_change_box1:nth-child(3) {
  width: 380px;
}
.rbox2 .Panel-content .j_panel_cont .j_change_box1 dl dd {
  max-width: 275px;
}
.rbox2 .Panel-content .j_panel_cont .j_change_box1 dl dd > a {
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
  word-break: break-all;
}
.ccbox1 .Panel-content {
  padding: 23px 20px;
  overflow: hidden;
}
.ccbox1 .Panel-content dl {
  float: left;
  overflow: hidden;
  line-height: 24px;
}
.ccbox1 .Panel-content dl:first-child dt {
  padding-left: 0;
}
.ccbox1 .Panel-content dl:last-of-type::after {
  display: none;
}
.ccbox1 .Panel-content dl:last-of-type dd {
  padding-right: 0;
}
.ccbox1 .Panel-content dl::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #d7d7d7;
}
.ccbox1 .Panel-content dl dt {
  float: left;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  vertical-align: middle;
}
.ccbox1 .Panel-content dl dt.past_tit {
  font-size: 13px;
  color: #888888;
}
.ccbox1 .Panel-content dl dd {
  float: left;
  padding-right: 30px;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  vertical-align: middle;
}
.ccbox1 .Panel-content dl .Button {
  margin-left: 10px;
  vertical-align: top;
}
.cccbox1 .Panel-content {
  padding: 23px 20px;
  overflow: hidden;
  display: table;
  width: 100%;
}
.cccbox1 .Panel-content .request_box {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #d7d7d7;
}
.cccbox1 .Panel-content .request_box:first-child {
  width: 33%;
}
.cccbox1 .Panel-content .request_box:first-child dl {
  width: auto;
}
.cccbox1 .Panel-content .request_box:first-child dl dt {
  width: auto;
}
.cccbox1 .Panel-content .request_box:first-child dl dd {
  width: auto;
}
.cccbox1 .Panel-content .request_box:nth-child(2) {
  width: 31%;
}
.cccbox1 .Panel-content .request_box:nth-child(3) {
  width: 36%;
  border-right: none;
}
.cccbox1 .Panel-content .request_box dl {
  display: table;
  position: relative;
  width: 100%;
}
.cccbox1 .Panel-content .request_box dl dt {
  display: table-cell;
  width: 30%;
  padding-right: 30px;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  vertical-align: middle;
  text-align: right;
}
.cccbox1 .Panel-content .request_box dl dd {
  display: table-cell;
  width: 70%;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  vertical-align: middle;
}
.cccbox1 .Panel-content .request_box dl dd button {
  margin-left: 3px;
}
.cccbox1 .Panel-content .request_box dl dd button:first-child {
  margin-left: 10px;
}
.cbox2.none_cmt .Panel-content {
  padding-bottom: 60px;
}
.cbox2 .Panel-content {
  background-color: #fafafa;
  text-align: center;
}
.cbox2 .Panel-content .apr_top {
  display: inline-block;
  position: relative;
  padding-top: 27px;
  width: 100%;
  height: 260px;
}
.cbox2 .Panel-content .apr_top::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.cbox2 .Panel-content .apr_bot {
  padding: 15px 0 33px;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}
.cbox2 .Panel-content .apr_bot::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.cbox2 .Panel-content .apr_bot span {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  padding-right: 15px;
  vertical-align: middle;
  line-height: 1;
  text-align: right;
}
.cbox2 .Panel-content .apr_bot .comment {
  display: inline-block;
}
.cbox2 .Panel-content .apr_bot .comment .input_box {
  width: 612px;
  vertical-align: middle;
}
.cbox2 .Panel-content .apr_bot .comment .input_box input {
  width: 100%;
}
.cbox2 .Panel-content .apr_bot .comment .Button {
  vertical-align: middle;
}
.ccbox2 .Panel-content {
  padding: 0 20px 10px;
}
.ccbox2 .Panel-content table th,
.ccbox2 .Panel-content table td {
  padding: 15px 0;
}
.ccbox2 .Panel-content table tr:first-child th {
  padding-right: 28px;
}
.ccbox2 .Panel-content table tr th {
  padding-right: 15px;
}
.cbox3 .Panel-content {
  padding: 20px;
  overflow: visible;
}
.cbox3 .Panel-content .user_box {
  position: relative;
  display: inline-block;
}
.cbox3 .Panel-content .user_box > a {
  display: inline-block;
  position: relative;
}
.cbox3 .Panel-content .user_box > a:first-child {
  min-height: 45px;
}
.cbox3 .Panel-content .user_box > a:first-child:hover .user_hvr {
  display: block;
}
.cbox3 .Panel-content .user_box > a .thum {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url(../../image/person_empty02.png) no-repeat left top;
  background-size: 45px 45px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
}
.cbox3 .Panel-content .user_box > a .thum img {
  display: block;
  width: 100%;
  height: auto;
}
.cbox3 .Panel-content .user_box > a > img {
  display: inline-block;
  width: 45px;
  height: auto;
  border-radius: 50%;
  vertical-align: middle;
}
.cbox3 .Panel-content .user_box > a .user_txt {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
.cbox3 .Panel-content .user_box > a .user_txt span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  display: block;
}
.cbox3 .Panel-content .user_box .Button {
  display: inline-block;
  float: none;
  background: #fff url(../../image/icon_write2_20.png) no-repeat center / 20px 20px;
  vertical-align: middle;
}
.cbox3 .Panel-content .user_box .user_cmt {
  font-size: 13px;
  font-weight: 300;
  color: #888888;
  display: inline-block;
  margin-left: 75px;
  vertical-align: -5px;
}
.cbox3 .Panel-content .user_box .user_hvr {
  padding: 9px;
  background-color: #fff;
  display: none;
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  left: 65px;
  bottom: 55px;
  z-index: 9;
}
.cbox3 .Panel-content .user_box .user_hvr::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7px;
  background: url(../../image/user_hover.png) no-repeat center;
  width: 12px;
  height: 7px;
}
.cbox3 .Panel-content .user_box .user_hvr p {
  font-size: 13px;
  color: #555;
  line-height: 1.46;
  white-space: nowrap;
}
.cbox4 {
  padding-bottom: 25px;
}
.cbox4 .Panel-content .download_btn::before {
  background: url(../../image/icon_save_16.png) no-repeat center / 16px 16px;
}
.cbox4 .Panel-content table .semi_tit {
  font-weight: 300;
  text-align: right;
  vertical-align: middle !important;
  padding-top: 10px;
  word-break: keep-all;
}
.cbox4 .Panel-content table .tr_tcmt3 th,
.cbox4 .Panel-content table .tr_tcmt3 td {
  border-bottom: none;
}
.cbox4 .Panel-content table td {
  padding: 9px 0;
}
.cbox4 .Panel-content table td textarea {
  height: 120px;
}
.cbox4 .Panel-content table td .radio_box {
  padding: 5px 0;
  overflow: hidden;
  position: relative;
  font-size: 13px;
  font-weight: 300;
}
.cbox4 .Panel-content table td .radio_box a {
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
}
.cbox4 .Panel-content table td .radio_box a:hover {
  text-decoration: underline;
}
.cbox4 .Panel-content table td .tcoment {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #888888;
  margin-left: 10px;
}
.cbox4 .Panel-content table td .tcoment2 {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: #888888;
  margin-top: 9px;
}
.cbox4 .Panel-content table td .tcoment2 ul .point {
  font-size: 13px;
  font-weight: 300;
  color: #FD6901;
}
.cbox4 .Panel-content table td .tcoment2 ul li {
  font-size: 13px;
  font-weight: 300;
  color: #888888;
  margin-bottom: 3px;
}
.cbox4 .Panel-content table td .tcoment2 ul li:last-child {
  margin-bottom: 0;
}
.cbox4 .Panel-content table td .tcoment2 ul li:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #888;
  margin-right: 5px;
  position: relative;
  top: -4px;
}
.cbox4 .Panel-content table td.tcoment3 {
  font-size: 13px;
  font-weight: 300;
  color: #FD6901;
  padding-top: 0;
}
.cbox4 .Panel-content table td .point_tcoment {
  font-size: 13px;
  font-weight: 300;
  color: #FD6901;
  padding-top: 0;
  margin-left: 10px;
  display: inline-block;
}
.cbox4 .Panel-content table td.social_num .social_img {
  background: url(../../image/social_num.png);
  display: inline-block;
  width: 56px;
  height: 6px;
}
.cbox4 .Panel-content table td.social_num > span {
  margin: 0 5px;
}
.cbox4 .Panel-content .radio_align .input_box {
  margin-right: 35px;
}
.cbox4 .Panel-content .radio_align .input_box:last-child {
  margin-right: 0;
}
.ccbox4 .Panel-content {
  padding: 0 20px 20px;
}
.ccbox4 .Panel-content table th,
.ccbox4 .Panel-content table td {
  padding: 13px 0;
}
.ccbox4 .Panel-content table th {
  padding-right: 15px;
}
.ccbox4 .Panel-content table td strong {
  font-size: 14px;
  font-weight: 500;
}
.ccbox4 .Panel-content table td p {
  font-size: 13px;
  font-weight: 300;
  display: inline-block;
}
.cbox5.pb_none .Panel-content {
  padding-bottom: 0;
}
.cbox5 .period_area {
  background-color: #fafafa;
}
.cbox5 .period_area dl:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.cbox5 .period_area dl dt {
  width: 7%;
  float: left;
  padding-right: 15px;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  line-height: 50px;
}
.cbox5 .period_area dl dd {
  width: 93%;
  float: left;
  padding: 9px 0;
}
.cbox5 .period_area dl dd .tcoment {
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.69;
  color: #888888;
  margin-left: 10px;
}
.cbox5 .Panel-content {
  padding: 26px 20px 20px;
}
.cbox5 .Panel-content .header_table tr th {
  text-align: center;
  padding-right: 0;
}
.cbox5 .Panel-content .pseudo_table_box {
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  background-color: #fafafa;
  padding: 0 10px;
  margin-bottom: 10px;
}
.cbox5 .Panel-content .pseudo_table_box .pseudo_table tr {
  background-color: transparent;
}
.cbox5 .Panel-content .pseudo_table_box .pseudo_table tr td {
  padding: 10px;
  text-align: center;
}
.cbox5 .Panel-content .pseudo_table_box .pseudo_table tr td:first-child {
  padding: 0;
  text-align: left;
}
.cbox5 .Panel-content .pseudo_table_box .pseudo_table tr td.semi_box {
  padding: 16px 10px;
}
.cbox5 .Panel-content .pseudo_table_box .pseudo_table tr td.semi_box dl {
  width: 49.8%;
  display: inline-block;
  padding: 4px 0;
}
.cbox5 .Panel-content .pseudo_table_box .pseudo_table tr td.semi_box dl:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.cbox5 .Panel-content .pseudo_table_box .pseudo_table tr td.semi_box dl dt {
  float: left;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888888;
  padding-right: 15px;
  width: 30%;
}
.cbox5 .Panel-content .pseudo_table_box .pseudo_table tr td.semi_box dl dd {
  float: left;
  width: 70%;
}
.cbox5 .Panel-content .btn_area {
  margin-top: -52px;
}
.cbox5 .Panel-content .btn_area .left .Button:nth-child(1) {
  margin-left: 10px;
}
.cbox5 .Panel-content .btn_area .left .Button:nth-child(1)::before {
  background: url(../../image/icon_trash_16.png) no-repeat center;
}
.cbox5 .Panel-content .btn_area .left span {
  font-size: 13px;
  font-weight: 300;
}
.cbox5 .Panel-content .btn_area .left span.total {
  margin-left: 20px;
}
.cbox5 .Panel-content .btn_area .left span.total_num {
  color: #333;
  margin-left: 3px;
}
.cbox5 .Panel-content .btn_area .right .Button.upcorrect_btn::before {
  background: url(../../image/icon_upcorrect_16.png) no-repeat center;
}
.cbox5 .Panel-content .btn_area .right .Button.duplicate_btn::before {
  background: url(../../image/icon_duplicate_16.png) no-repeat center;
}
.cbox5 .Panel-content .btn_area .right .Button.refresh_btn::before {
  background: url(../../image/icon_refresh_w_16.png) no-repeat center;
}
.cbox5 .Panel-content .btn_area .right .Button.assignment_btn::before {
  background: url(../../image/icon_assignment_16.png) no-repeat center;
}
.cbox5 .Panel-content .btn_area .right .Button.excel_btn::before {
  background: url(../../image/icon_excel_w_16.png) no-repeat center / 16px 16px;
}
.cbox5 .Panel-content .btn_area .right .Button.delete_btn::before {
  background: url(../../image/icon_delete_w_16.png) no-repeat center / 16px 16px;
}
.cbox5 .Panel-content .j_worker_pm {
  border-bottom: 1px solid #bbbbbb;
  padding: 10px 0 15px;
}
.cbox6 .Panel-content {
  padding: 15px 20px 25px;
}
.cbtn {
  border-top: none;
  padding: 20px 0 0;
}
.cbtn .wrap {
  width: 1170px;
  margin: 0 auto;
}
.cbtn .wrap .btn {
  width: 110px;
  font-size: 15px;
  height: 40px;
}
span.j_st_color_01 {
  color: #da9e0d;
}
span.j_st_color_02 {
  color: #289eef;
}
span.j_st_color_03 {
  color: #607481;
}
span.j_st_color_04 {
  color: #847cd8;
}
span.j_st_color_05 {
  color: #d74f61;
}
span.j_st_color_06 {
  color: #6b4d45;
}
span.j_st_color_07 {
  color: #72a240;
}
span.j_st_color_08 {
  color: #bbbbbb;
}
.j_approval_co {
  width: 100%;
  height: 44px;
  border-radius: 6px;
  line-height: 40px;
  background: url(../../image/icon_j_bell_01.png) no-repeat 10px center #7dc3ef;
  padding-left: 40px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  position: relative;
  margin-bottom: 15px;
}
.j_approval_co span {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.j_approval_co img {
  vertical-align: middle;
  margin-left: 10px;
}
.j_approval_co button.j_close_btn {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(../../image/icon_j_remove_01.png) no-repeat center;
  text-indent: -9999px;
  margin-top: -10px;
}
.j_approval_co.color_r {
  background-color: #ff697c;
}
.j_status_box {
  overflow: hidden;
  min-height: 169px;
  padding: 20px 0;
  background-color: #fafafa;
}
.j_status_box .j_status_01 {
  float: left;
  padding-top: 15px;
  padding-left: 10px;
  width: 20%;
}
.j_status_box .j_status_01 dl {
  overflow: hidden;
  width: 100%;
  padding-right: 20px;
  margin-bottom: 5px;
}
.j_status_box .j_status_01 dl dt {
  float: left;
  width: 44px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  padding-right: 13px;
}
.j_status_box .j_status_01 dl dd {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.j_status_box .j_status_02 {
  float: left;
  width: 80%;
  padding-left: 20px;
  border-left: 1px solid #d8d8d8;
}
.j_status_box .j_status_02 .j_profile {
  overflow: hidden;
  margin-bottom: 15px;
}
.j_status_box .j_status_02 .j_profile .j_photo {
  float: left;
  width: 60px;
  height: 60px;
  background: url(../../image/person_empty02.png) no-repeat left top;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}
.j_status_box .j_status_02 .j_profile .j_photo img {
  width: 100%;
  height: auto;
}
.j_status_box .j_status_02 .j_profile .j_profile_txt {
  float: left;
  padding-top: 5px;
}
.j_status_box .j_status_02 .j_profile .j_profile_txt p {
  text-align: left;
  font-size: 14px;
  color: #333;
  font-weight: 500;
  padding-left: 20px;
  margin-bottom: 2px;
}
.j_status_box .j_status_02 .j_c_form dl {
  text-align: left;
}
.j_status_box .j_status_02 .j_c_form dl dt {
  font-size: 13px;
  color: #888;
  font-weight: 500;
  margin-bottom: 6px;
}
.j_status_box .j_status_02 .j_c_form dl dd .input_box {
  width: calc(100% - 190px);
}
.j_status_box .j_status_02 .j_c_form dl dd .input_box input {
  width: 100%;
}
/****************************************************************************************************
******************************  서비스 화면 공통 class service.less  **********************************
*****************************************************************************************************/
/*************서비스 화면 공통 css 입니다. *************/
.sbox .Panel-content {
  padding: 0 20px 20px;
}
.sbox .Panel-content .Divselect,
.sbox .Panel-content .Textinput {
  width: 136px;
}
.sbox .Panel-content .sideinput {
  margin-left: 5px;
}
.sbox .Panel-content table td .dataNum {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.sbox_top .Panel-content {
  padding: 0 15px 15px;
}
.sbox_top table {
  margin-top: 4px;
}
.sbox_top table tr th {
  padding: 9px 15px 9px 0;
}
.sbox_top table tr td {
  padding: 4px 0;
}
.sbox_top table tr td .radio_box {
  padding: 6px 10px 7px 0;
  overflow: hidden;
  position: relative;
  font-size: 13px;
  font-weight: 300;
}
.sbox_top table tr td .radio_box > a {
  font-size: 13px;
  font-weight: bold;
  color: #197bd0;
}
.sbox_top table tr td .radio_box > a:hover {
  text-decoration: underline;
}
.sbox1 .Panel-content {
  padding: 0 15px;
}
.sbox1 .Panel-content table tr:last-child {
  border-bottom: 1px solid #ebebeb;
}
.sbox1 .Panel-content .info_btn_box {
  border-top: 1px solid #d7d7d7;
  margin-top: -1px;
}
.sbox1 .Panel-content .info_btn_box .info_btn {
  width: 160px;
  height: 32px;
  position: static;
  transform: none;
}
.sbox1 .Panel-content .btn_area {
  border-top: none;
  padding: 15px 0;
}
.sbox1 .Panel-content .add_info {
  display: none;
}
.addbox .Panel-content {
  padding: 20px;
}
.addbox .Panel-content::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.addbox .Panel-content .left {
  width: 50%;
  float: left;
}
.addbox .Panel-content .left .top p {
  display: inline-block;
  color: #FD6901;
}
.addbox .Panel-content .left .top p:first-child {
  font-size: 15px;
  font-weight: 500;
  margin-right: 18px;
}
.addbox .Panel-content .left .top p:first-child::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  padding-right: 7px;
  background: url(../../image/icon_info_o_24.png) no-repeat;
  position: relative;
  top: 5px;
}
.addbox .Panel-content .left .top p:last-child {
  font-size: 13px;
  font-weight: 300;
}
.addbox .Panel-content .left .top p:last-child span {
  font-size: 13px;
  font-weight: 300;
  color: #FD6901;
}
.addbox .Panel-content .left ul {
  margin-top: 10px;
}
.addbox .Panel-content .left ul li {
  font-size: 14px;
  font-weight: 300;
  color: #666666;
  line-height: 19px;
  padding-bottom: 3px;
}
.addbox .Panel-content .left ul li:last-child {
  padding-bottom: 0;
}
.addbox .Panel-content .left ul li::before {
  content: ".";
  display: inline-block;
  position: relative;
  right: 0;
  top: -5px;
  padding-right: 5px;
}
.addbox .Panel-content .left ul li span {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.addbox .Panel-content .right {
  width: 50%;
  float: right;
  position: relative;
  top: 9px;
}
.addbox .Panel-content .right .manager {
  font-size: 15px;
  font-weight: 500;
  margin-top: 0;
}
.addbox .Panel-content .right .manager span {
  font-size: 15px;
  font-weight: 500;
  margin-top: 0;
}
.addbox .Panel-content .right p {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 300;
}
.panel_box::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.panel_box .sbox2 {
  width: 49.5%;
  float: left;
}
.panel_box .sbox2 .Panel-header {
  position: relative;
  overflow: inherit;
}
.panel_box .sbox2 .Panel-header em {
  float: right;
  min-width: 92px;
  margin-left: 5px;
}
.panel_box .sbox2 .Panel-header .incident_num {
  font-size: 13px;
  font-weight: bold;
  color: #289eef;
  float: none;
  position: relative;
  top: -2px;
  margin-left: 10px;
}
.panel_box .sbox2 .Panel-header .incident_num:hover {
  text-decoration: none;
  cursor: text;
}
.panel_box .sbox2 .Panel-header .j_file_list {
  float: right;
  margin-right: 12px;
}
.panel_box .sbox2 .Panel-header .j_file_list span.j_num {
  padding-left: 0;
  background: none;
  float: none;
  top: auto;
}
.panel_box .sbox2 .Panel-header .j_file_list span.j_num b {
  font-size: 12px;
  font-weight: 300;
  color: #555;
}
.panel_box .sbox2 .Panel-header .j_file_list span.j_num span {
  margin-left: 5px;
  float: none;
  top: auto;
}
.panel_box .sbox2 .Panel-header .j_file_list .j_file_list_pop {
  top: 33px;
  left: -2px;
}
.panel_box .sbox2 .Panel-header .j_file_list .j_file_list_pop span {
  float: none;
  top: auto;
}
.panel_box .sbox2 .Panel-content textarea {
  height: 70px;
}
.panel_box .sbox2 .Panel-content .radio_align .input_box {
  margin-right: 20px;
}
.panel_box .sbox2 .Panel-content .radio_align .input_box:last-child {
  margin-right: 0;
}
.panel_box .sbox2 .Panel-content .cmt {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 300;
  color: #888;
  padding-top: 5px;
}
.panel_box .sbox2 .Panel-content .cmt a {
  float: none;
}
.panel_box .sbox3 {
  width: 49.5%;
  float: right;
}
.panel_box .sbox3 .Panel-content {
  position: relative;
  height: 100%;
}
.panel_box .sbox3 .Panel-content table .radio_align .input_box {
  margin-right: 20px;
}
.panel_box .sbox3 .Panel-content table .radio_align .input_box:last-child {
  margin-right: 0;
}
.panel_box .sbox3 .Panel-content table .radio_align .right {
  vertical-align: middle;
}
.panel_box .sbox3 .Panel-content table .hc_coments {
  padding: 6px 0;
  font-size: 13px;
  font-weight: 300;
  color: #888;
}
.panel_box .sbox3 .Panel-content table .ta .right {
  position: absolute;
  right: 0;
  top: 2px;
}
.panel_box .sbox3 .Panel-content table .ta .right span {
  font-size: 13px;
  font-weight: 300;
  color: #888;
  vertical-align: middle;
  margin-right: 5px;
}
.panel_box .sbox3 .Panel-content table .ta .right button {
  float: none;
  vertical-align: top;
}
.panel_box .sbox3 .Panel-content table .ta .stf_coments {
  font-size: 13px;
  font-weight: 300;
  color: #197bd0;
  margin-left: 30px;
}
.panel_box .sbox4 {
  width: 100%;
  clear: both;
}
.panel_box .sbox4 table {
  margin-top: 0 !important;
}
.panel_box .sbox4 table input,
.panel_box .sbox4 table select {
  width: 136px;
}
.panel_box .sbox4 table .radio_align .input_box {
  margin-right: 20px;
}
.panel_box .sbox4 table .radio_align .input_box:last-child {
  margin-right: 0;
}
.panel_box .sleft {
  float: left;
  width: calc(59% - 30px);
}
.panel_box .sright {
  float: right;
  width: calc(41% - 30px);
}
.panel_box .cright {
  float: right;
  width: 49%;
}
.panel_box .cleft {
  float: left;
  width: 49%;
}
.arr_box {
  background: url(../../image/icon_next_24.png) no-repeat 59.2% 50%;
}
.sbtn_area {
  padding: 20px 0;
  border-top: none;
  border-bottom: 1px solid #bbb;
}
.ssbtn_area {
  border-bottom: none;
  border-top: none;
}
.ssbtn_area .Button {
  min-width: 100px;
  height: 40px;
  font-size: 15px;
}
.ssbtn_area .Button.btn_icon2_p::before {
  background: url(../../image/icon_search_w_20.png) no-repeat center;
}
.ssbtn_area .Button.btn_icon2_b::before {
  background: url(../../image/icon_search_w_20.png) no-repeat center;
}
.stbtn_area {
  border-top: 1px solid #d7d7d7;
}
.stbtn_area .Button.down_btn::before {
  background: url(../../image/icon_save_16.png) no-repeat center;
}
.stbtn_area .Button.upload_btn::before {
  background: url(../../image/icon_excel_16.png) no-repeat center;
}
.stbtn_area .Button.request_btn::before {
  background: url(../../image/icon_request_16.png) no-repeat center;
}
.stbtn_area .Button.mail_btn::before {
  background: url(../../image/icon_email_16.png) no-repeat center;
}
.sbox_bot table th {
  padding: 15px 26px 15px 0 !important;
}
.sbox5.sbox {
  margin-top: 40px !important;
}
.sbox5 table td > a {
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
}
.sbox7 .Panel-content {
  padding: 7px 15px 20px;
}
.sbox8 .on_edit {
  cursor: text !important;
  border: 1px solid #289eef !important;
}
.sbox8 .on_edit input {
  cursor: text !important;
}
.sbox8 .on_edit:hover {
  background: #fff !important;
}
.sbox8 .on_edit:hover .edit_btn {
  display: none !important;
}
.sbox8 .Panel-header i {
  font-weight: 500;
  font-style: normal;
}
.sbox8 .Panel-header .total_num {
  font-size: 12px;
  font-weight: 300;
  color: #555;
  font-style: normal;
}
.sbox8 .Panel-header .sg_tit {
  display: inline-block;
}
.sbox8 .Panel-header .sg_tit input {
  font-size: 16px;
  font-weight: 500;
  border: none;
  vertical-align: baseline;
  cursor: default;
}
.sbox8 .Panel-header .sg_tit input:hover {
  background-color: #ebebeb;
}
.sbox8 .Panel-content .sgcont {
  padding-top: 20px;
  height: 283px;
  overflow: auto;
}
.sbox8 .Panel-content .sgcont .sgbox {
  display: inline-block;
  width: 216px;
  height: 36px;
  border-radius: 4px;
  border: solid 1px #bbbbbb;
  background-color: #fff;
  margin-right: 6px;
  margin-bottom: 10px;
}
.sbox8 .Panel-content .sgcont .sgbox:hover {
  background-color: #ebebeb;
}
.sbox8 .Panel-content .sgcont .sgbox .ImageCheckbox {
  line-height: 36px;
}
.sbox8 .Panel-content .sgcont .sgbox .Textinput {
  width: 155px;
  background-color: transparent;
  border: none;
  vertical-align: top;
  cursor: default;
  text-overflow: ellipsis;
}
.sbox8 .Panel-content .btn_area {
  border-top: 1px solid #ebebeb;
}
.ssbox1 {
  margin-top: 0;
}
.ssbox1.Panel {
  border-radius: 0 0 6px 6px;
}
.ssbox1.Panel .Panel-content {
  padding: 0;
}
.ssbox1.Panel .Panel-content .Tabs ul {
  border-top: none;
  border-radius: 4px 4px 0 0;
}
.ssbox1.Panel .Panel-content .Tabs ul li:first-child {
  border-left: none;
}
.ssbox1.Panel .Panel-content .Tabs ul li:last-child {
  border-right: none;
}
.ssbox1.Panel .Panel-content dl {
  margin-bottom: 25px;
}
.ssbox1.Panel .Panel-content dl dt {
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  margin-bottom: 4px;
}
.ssbox1.Panel .Panel-content .itop {
  padding: 24px 20px 0;
}
.ssbox1.Panel .Panel-content .itop::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.ssbox1.Panel .Panel-content .itop dl {
  width: 50%;
  float: left;
}
.ssbox1.Panel .Panel-content .itop dl:nth-child(odd) {
  padding-right: 20px;
}
.ssbox1.Panel .Panel-content .itop dl:nth-child(even) {
  padding-left: 20px;
}
.ssbox1.Panel .Panel-content .ibot {
  padding: 0 20px ;
  overflow: hidden;
  display: none;
}
.ssbox1.Panel .Panel-content .ibot::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.ssbox1.Panel .Panel-content .ibot .radio_align {
  min-height: 32px;
}
.ssbox1.Panel .Panel-content .ibot .radio_align .radio_box {
  padding: 5px 0;
  overflow: hidden;
}
.ssbox1.Panel .Panel-content .ibot dl {
  width: 50%;
  float: left;
}
.ssbox1.Panel .Panel-content .ibot dl:nth-child(odd) {
  padding-right: 20px;
}
.ssbox1.Panel .Panel-content .ibot dl:nth-child(even) {
  padding-left: 20px;
}
.ssbox1.Panel .Panel-content .isingle {
  padding: 24px 20px 0;
  overflow: hidden;
}
.ssbox1.Panel .Panel-content .isingle::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.ssbox1.Panel .Panel-content .isingle dl {
  width: 50%;
  float: left;
  margin-bottom: 30px;
}
.ssbox1.Panel .Panel-content .isingle dl:nth-child(odd) {
  padding-right: 20px;
}
.ssbox1.Panel .Panel-content .isingle dl:nth-child(even) {
  padding-left: 20px;
}
.ssbox1.Panel .Panel-content .isingle dl.dl_btn_align dd {
  display: inline-block;
}
.ssbox1.Panel .Panel-content .isingle dl .radio_align {
  min-height: 32px;
}
.ssbox1.Panel .Panel-content .isingle dl .radio_align .radio_box {
  padding: 5px 0;
  overflow: hidden;
}
.ssbox1.Panel .Panel-content .isingle dd .doublecom {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.ssbox1.Panel .Panel-content .isingle dd .doublecom .ds100 {
  width: 100px;
  float: left;
}
.ssbox1.Panel .Panel-content .isingle dd .doublecom .di-100 {
  width: calc(100% - 105px);
  float: left;
  margin-left: 5px;
}
.ssbox1.Panel .Panel-content .isingle dd .doublecom .di-100 input,
.ssbox1.Panel .Panel-content .isingle dd .doublecom .di-100 select,
.ssbox1.Panel .Panel-content .isingle dd .doublecom .di-100 textarea {
  width: 100% !important;
}
.ssbox1.Panel .Panel-content .setting_area {
  padding: 9px;
  text-align: right;
  border-top: 1px solid #d7d7d7;
}
.ssbox1.Panel .Panel-content .setting_area .setting_btn {
  vertical-align: middle;
  margin-left: 6px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_setting_24.png) no-repeat center;
  position: relative;
  top: -2px;
}
.sssbox1 .Panel-content {
  padding: 0;
}
.sssbox1 .Panel-content dl {
  margin-bottom: 25px;
}
.sssbox1 .Panel-content dl dt {
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  margin-bottom: 4px;
}
.sssbox1 .Panel-content .isingle {
  padding: 24px 20px 0;
}
.sssbox1 .Panel-content .isingle dl {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 30px;
}
.sssbox1 .Panel-content .isingle dl:nth-child(odd) {
  padding-right: 20px;
}
.sssbox1 .Panel-content .isingle dl:nth-child(even) {
  padding-left: 20px;
}
.sssbox1 .Panel-content .isingle dl.dl_btn_align dd {
  display: inline-block;
}
.sssbox1 .Panel-content .isingle dl .radio_box {
  padding: 5px 0;
  overflow: hidden;
}
.sssbox1 .Panel-content .isingle dl .radio_box .ImageRadio {
  margin-right: 20px;
}
.sssbox1 .Panel-content .isingle dl .radio_box .ImageRadio:last-child {
  margin-right: 0;
}
.ssbox2 {
  margin-top: 0 !important;
}
.ssbox2 .Panel-content {
  padding: 20px 20px 25px;
  position: relative;
}
.ssbox2 .Panel-content .codebox {
  width: 30%;
  position: absolute;
  right: 20px;
  top: 20px;
}
.ssbox2 .Panel-content .codebox dl {
  overflow: hidden;
  width: 100%;
}
.ssbox2 .Panel-content .codebox dl dt {
  float: left;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888888;
  padding-right: 15px;
  width: 40%;
  line-height: 32px;
}
.ssbox2 .Panel-content .codebox dl dd {
  float: left;
  width: 60%;
}
.sssbox2 {
  margin-top: 0 !important;
}
.sssbox2 .Panel-content {
  padding: 25px 20px 25px;
  position: relative;
}
.stabs {
  margin-top: 60px;
  margin-bottom: 20px;
}
.sstabs {
  margin-bottom: 25px;
}
.sgcon_top {
  margin-bottom: 20px;
  overflow: hidden;
}
.sgcon_top dl {
  width: 30%;
  float: right;
  overflow: hidden;
}
.sgcon_top dl dt {
  width: 20%;
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  line-height: 32px;
}
.sgcon_top dl dd {
  width: 80%;
  float: left;
}
/****************************************************************************************************
******************************  마이페이지 class mypage.less  *****************************************
*****************************************************************************************************/
/**************** 마이페이지 ***************/
.mp_top {
  margin-top: -40px;
  background: url(../../image/mypage_main_ax.png) repeat left / auto 300px;
  padding: 20px 0;
  height: 270px;
  position: relative;
}
.mp_top .notice_pop {
  width: 1000px;
  z-index: 890;
  position: relative;
  margin: 0 auto;
}
.mp_top .notice_pop .j_approval_co {
  margin-bottom: 29px;
  animation-name: Toastify__bounceInDown;
  animation-duration: 1s;
  animation-iteration-count: initial;
  animation-direction: alternate;
}
.mp_top .notice_pop .close {
  animation-name: Toastify__bounceOutUp;
  animation-fill-mode: both;
}
@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.mp_top .mp_top_con {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
.mp_top .mp_top_con .mp_top_txt {
  background: url(../../image/ImagineAX.png) no-repeat;
  background-size: cover;
  filter: brightness(1.15);
  margin: 12px auto;
  width: 300px;
  height: 50px;
}
.mp_top .mp_top_con h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.12;
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px;
  font-family: 'Roboto';
}
.mp_top .mp_top_con .mp_srch {
  display: inline-block;
  max-width: 640px;
}
.mp_top .mp_top_con .mp_srch .mp_kword {
  margin-top: 15px;
  text-align: left;
}
.mp_top .mp_top_con .mp_srch .mp_kword a {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  padding: 4px 14px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
.mp_mid {
  border-radius: 8px;
  box-shadow: 0 6px 20px 0 rgba(34, 29, 26, 0.2), 0 0 3px 0 rgba(34, 29, 26, 0.09), 0 2px 4px 0 rgba(34, 29, 26, 0.05);
  background-color: #ffffff;
  position: relative;
  margin-top: -40px;
  padding: 25px;
}
.mp_mid ul {
  width: 100%;
  display: inline-block;
}
.mp_mid ul li {
  width: 24.7%;
  display: inline-block;
  position: relative;
  padding: 0 18px;
}
.mp_mid ul li:after {
  content: '';
  width: 1px;
  height: 75px;
  display: inline-block;
  background-color: #d7d7d7;
  position: absolute;
  right: 0;
  top: 0;
}
.mp_mid ul li:last-child:after {
  display: none;
}
.mp_mid ul li a {
  display: block;
  position: relative;
}
.mp_mid ul li a span {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.mp_mid ul li a span.declare_icon {
  background: url(../../image/icon_declare_36.png) no-repeat center / 24px;
}
.mp_mid ul li a span.monitor_icon {
  background: url(../../image/icon_monitor_36.png) no-repeat center / 24px;
}
.mp_mid ul li a span.write_icon {
  background: url(../../image/icon_write_36.png) no-repeat center / 24px;
}
.mp_mid ul li a span.document_icon {
  background: url(../../image/icon_document_24.png) no-repeat center / 24px;
}
.mp_mid ul li a > div {
  display: inline-block;
}
.mp_mid ul li a > div .mid_tit {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 2px;
}
.mp_mid ul li a > div .mid_con {
  font-size: 13px;
  font-weight: 300;
}
.mp_mid2 {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.08);
  padding: 25px 30px;
}
.mp_mid2 dl {
  width: 33%;
  display: inline-block;
  position: relative;
}
.mp_mid2 dl:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.mp_mid2 dl:last-child:after {
  display: none;
}
.mp_mid2 dl dt {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  padding: 0 15px 0 30px;
  text-align: right;
  vertical-align: middle;
}
.mp_mid2 dl dd {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}
.mp_mid2 dl dd button {
  margin-left: 8px;
  vertical-align: middle;
}
.mp_mid2 dl dd button.setting_btn {
  width: 20px;
  height: 20px;
  background: url(../../image/icon_setting_24.png) no-repeat center / 20px;
}
.mp_con:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.mp_con .mp_left {
  float: left;
  width: calc(62.4% - 30px);
}
.mp_con .mp_left .Panel .Panel-content {
  padding-bottom: 20px;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea {
  width: 100%;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  height: 113px;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li:last-child {
  border-bottom: none;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a {
  width: 100%;
  height: 100%;
  padding: 16px 0;
  display: block;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a:hover {
  background-color: #f2f2f2;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div {
  float: left;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox {
  width: 20%;
  height: 100%;
  display: table;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox p {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  display: table-cell;
  vertical-align: middle;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox2 {
  width: 31%;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox2 p {
  font-size: 13px;
  font-weight: 300;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox2 p.mp_date {
  color: #888888;
  margin-bottom: 10px;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox2 p.mp_stscon {
  line-height: 1.69;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 {
  width: 49%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 dl {
  display: inline-block;
  width: 49%;
  margin-bottom: 4px;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 dl.mp_colspan3 {
  width: 100%;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 dl.mp_colspan3 dt {
  width: 22%;
  padding-right: 6%;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 dl.mp_colspan3 dd {
  width: 76%;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 dl dt {
  display: inline-block;
  width: 46%;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  text-align: right;
  padding-right: 13%;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 dl dd {
  display: inline-block;
  width: 50%;
  font-size: 13px;
  font-weight: 300;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 dl dd .mp_process {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #8fbe5e;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.mp_con .mp_left .Panel .Panel-content .mp_sts_boxarea li a > div.mp_stsbox3 dl dd .mp_process2 {
  display: inline-block;
  background: url(../../image/icon_substitute.png) no-repeat center / 30px 18px;
  width: 30px;
  height: 18px;
  margin-left: 5px;
  vertical-align: middle;
}
.mp_con .mp_left .Panel .Panel-content .mp_notice li {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}
.mp_con .mp_left .Panel .Panel-content .mp_notice li:last-child {
  border-bottom: none;
}
.mp_con .mp_left .Panel .Panel-content .mp_notice li a {
  display: block;
  width: 100%;
  padding: 15px 20px;
}
.mp_con .mp_left .Panel .Panel-content .mp_notice li a:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.mp_con .mp_left .Panel .Panel-content .mp_notice li a:hover {
  background-color: #f2f2f2;
}
.mp_con .mp_left .Panel .Panel-content .mp_notice li a p {
  font-size: 13px;
  font-weight: 300;
  display: inline-block;
  width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mp_con .mp_left .Panel .Panel-content .mp_notice li a p.notice_date {
  width: 20%;
  float: right;
  color: #888888;
  text-align: right;
}
.mp_con .mp_left .mp_nowork_num {
  color: #bbb;
}
.mp_con .mp_left .mp_nowork {
  padding: 52px 0 44px;
  font-size: 13px;
  font-weight: 300;
  color: #888;
  text-align: center;
}
.mp_con .mp_right {
  float: right;
  width: 37.6%;
}
.mp_con .mp_right .Panel .panel-content {
  padding-bottom: 11px;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li {
  width: 100%;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li:last-child .mp_q {
  border-bottom: none;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li:last-child .mp_a {
  border-top: 1px solid #ebebeb;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li > div {
  padding: 15px 20px;
  border-bottom: 1px solid #ebebeb;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li > div.mp_q {
  font-size: 13px;
  font-weight: 300;
  background: url(../../image/icon_down_24.png) no-repeat 95% 50%;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 64px;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li > div.mp_a {
  display: none;
  overflow: hidden;
  background-color: #fafafa;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li > div.mp_a p {
  font-size: 13px;
  font-weight: 300;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 189px;
  word-wrap: break-word;
  white-space: normal;
  display: -webkit-box;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li > div.mp_a .more {
  font-size: 12px;
  font-weight: 300;
  color: #666666;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li > div.mp_a .more:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../../image/icon_next_12.png) no-repeat center / 12px;
  position: relative;
  top: 2px;
}
.mp_con .mp_right .Panel .panel-content .mp_qna li > div.mp_a .more:hover {
  text-decoration: underline;
}
.mp_addinfo li {
  border-bottom: 1.5px dotted #efeeea;
  padding: 15px 0;
}
.mp_addinfo li:last-child {
  border-bottom: none;
}
.mp_addinfo li.mp_phonnum dl {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
.mp_addinfo li.mp_phonnum dl.strong {
  margin: 8px 0;
}
.mp_addinfo li.mp_phonnum dl.strong dt {
  font-weight: 500;
}
.mp_addinfo li.mp_phonnum dl dt {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: #888;
  text-align: right;
  padding-right: 20px;
  width: 100px;
}
.mp_addinfo li.mp_phonnum dl dd {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  width: 67%;
}
.mp_addinfo .onoffswitch {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.mp_addinfo .onoffswitch_txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
}
.mp_list {
  border-top: 1px solid #ebebeb;
}
.mp_list .cont {
  padding-bottom: 20px;
}
.mp_list .mp_cmtbox {
  padding: 20px 0 46px;
}
.mp_list .mp_cmtbox p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555555;
}
.mp_list .mp_cmtbox2 {
  padding: 10px 0 30px;
}
.mp_list .mp_cmtbox2 p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555555;
}
.mp_list .mp_cmtbox2 .point {
  color: #fd6901;
}
.mp_list .mp_cmtbox2 .point::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../../image/icon_point_column.png) no-repeat center;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.mp_process2 {
  display: inline-block;
  background: url(../../image/icon_substitute.png) no-repeat center / 30px 18px;
  width: 30px;
  height: 18px;
  margin-left: 5px;
  vertical-align: middle;
}
.mp_process3 {
  display: inline-block;
  background: url(../../image/icon_substitute2.png) no-repeat center / 30px 18px;
  width: 30px;
  height: 18px;
  margin-left: 5px;
  vertical-align: middle;
}
/****************************************************************************************************
******************************   process_sts 유형을 담음 process_sts.less  *****************************
*****************************************************************************************************/
/**************** 서비스데스크 컬러박스 ********************/
.process_stsbox {
  display: inline-block;
  border-radius: 5px;
  padding: 3px 0;
  width: 111px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  font-style: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**************** 컬러박스에 흰색 글자 ********************/
.sts_colorbox {
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
  text-align: center;
}
/**************** 컬러박스에 흰색 글자- 서비스 데스크 ********************/
.ssts_colorbox {
  display: inline-block;
  width: 110px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
  text-align: center;
}
.m_sts_colorbox {
  display: inline-block;
  min-width: 40px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
  margin: 0 2px 0 0;
  text-align: center;
  padding: 0 5px;
}
.ms_sts_colorbox {
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 25px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  border-radius: 5px;
  margin: 0 2px 0 0;
  text-align: center;
  padding: 0 5px;
  background: #bbbbbb;
}
/**************** 상황별 색상  ********************/
.sts_color_g {
  background-color: #97c766;
}
.sts_color_r {
  background-color: #ee8282;
}
.sts_color_y {
  background-color: #f2ba34;
}
.sts_color_b {
  background-color: #7dc3ef;
}
.sts_color_p {
  background-color: #a79efc;
}
.sts_color_w {
  background-color: #82665f;
}
.sts_color_c {
  background-color: #b7c8d3;
}
.sts_color_d {
  background-color: #d7d7d7;
}
/*접수중*/
.color1 {
  background-color: #f2ba34;
}
/*분리배정중*/
.color2 {
  background-color: #a79efc;
}
/*처리중*/
.color3 {
  background-color: #7dc3ef;
}
/*검수중*/
.color4 {
  background-color: #f2ba34;
}
/*처리완료*/
.color5 {
  background-color: #97c766;
}
/*반려*/
.color6 {
  background-color: #ee8282;
}
/*취소*/
.color7 {
  background-color: #82665f;
}
/*요청종료*/
.color8 {
  background-color: #d7d7d7;
}
/****** 글자 컬러 *******/
.txt_color_y {
  color: #da9e0d !important;
  font-weight: 500!important;
}
.txt_color_r {
  color: #d74f61 !important;
  font-weight: 500!important;
}
.txt_color_p {
  color: #847cd8 !important;
  font-weight: 500!important;
}
.txt_color_b {
  color: #289eef !important;
  font-weight: 500!important;
}
.txt_color_w {
  color: #82665f !important;
  font-weight: 500!important;
}
.txt_color_g {
  color: #72a240 !important;
  font-weight: 500!important;
}
.txt_color_c {
  color: #b7c8d3 !important;
  font-weight: 500!important;
}
.txt_color_n {
  color: #607481 !important;
  font-weight: 500!important;
}
.txt_color_d {
  color: #bbbbbb !important;
  font-weight: 500!important;
}
.txt_color_o {
  color: #fd6901 !important;
  font-weight: 500!important;
}
/****** 동그라미 상태 표시  *******/
.color_circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
}
/*********************************/
.circle_g {
  background-color: #97c766;
}
.circle_r {
  background: #ad3d4d;
}
.circle_o {
  background: #fb9f5f;
}
.circle_o {
  background: #fb9f5f;
}
.circle_i {
  background: #fff6a7;
  border: 1px solid #d9d18e;
}
/****************************************************************************************************
******************************  pop_up 유형을 담음 pop_up.less  ***************************************
*****************************************************************************************************/
/*************pop_up 기본 세팅 값 *************/
.pop_up {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.pop_up .pop_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}
.pop_up .pop_layer {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  z-index: 10;
}
.pop_up .pop_layer .pop_container {
  background-color: transparent;
}
.pop_up .pop_layer .pop_container .Panel {
  width: 100%;
  margin-bottom: 0;
  border-radius: 0px;
  box-shadow: none;
}
.pop_up .pop_layer .pop_container .Panel .Panel-header span {
  width: 12px;
  height: 12px;
  margin-top: 6px;
  background: url(../../image/icon_remove_16.png) no-repeat center / 16px;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox {
  margin-bottom: 55px;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox.last_wb {
  margin-bottom: 0;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox.last_wb tr:last-child th,
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox.last_wb tr:last-child td {
  border-bottom: none !important;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox h3 {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 8px;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox h3 p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555;
  margin-top: 7px;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox .wg_cont {
  padding: 15px 0 0;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox .Table tr:last-child th,
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox .Table tr:last-child td {
  border-bottom: 1px solid #ebebeb;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox .Table tr th {
  padding-right: 20px;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox .Table tr td {
  padding: 10px 0;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox .Table tr td .radio_box {
  padding: 5px 0;
  font-weight: 300;
  font-size: 13px;
  overflow: hidden;
  line-height: 1.69;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .wbox .Table tr td .point {
  color: #FD6901;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .btn_area {
  border-top: none;
  position: relative;
}
.pop_up .pop_layer .pop_container .Panel .Panel-content .btn_area::before {
  content: '';
  display: block;
  height: 1px;
  background-color: #ebebeb;
  position: absolute;
  left: -20px;
  top: 0;
}
.pop_scroll .pop_layer {
  width: 1100px;
  height: 100%;
}
.pop_scroll .pop_layer .pop_container {
  background-color: #fff;
  overflow: auto;
  height: 100%;
}
.pop_scroll .pop_layer .pop_container::-webkit-scrollbar {
  background-color: transparent;
}
.pop_scroll .pop_layer .pop_container::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #ebebeb;
  border: solid 1px #bbb;
}
.pop_scroll .pop_layer .pop_container::-webkit-scrollbar-button {
  width: 20px;
  height: 20px;
  background: url(../../image/icon_up_24.png) no-repeat center / 12px;
}
.pop_scroll .pop_layer .pop_container::-webkit-scrollbar-button:start {
  background: url(../../image/icon_up_24.png) no-repeat center / 12px;
}
.pop_scroll .pop_layer .pop_container::-webkit-scrollbar-button:end {
  background: url(../../image/icon_down_24.png) no-repeat center / 12px;
}
/*************서비스 데스크 팝업*************/
.pop_history .pop_layer .pop_container .Panel .Panel-content {
  padding: 26px 20px 20px;
}
.pop_disabillity .pop_layer {
  width: 610px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pop_disabillity .pop_layer .pop_container .Panel-content .radio_align label {
  width: 92px;
  margin-right: 16px;
}
.pop_disabillity .pop_layer .pop_container .Panel-content table th {
  padding: 18px 15px;
}
.pop_disabillity .pop_layer .pop_container .Panel-content table td {
  padding: 18px 10px;
}
.pop_disabillity .pop_layer .pop_container .Panel-content table td .input_box {
  margin-right: 20px;
}
.pop_disabillity .pop_layer .pop_container .Panel-content table td .pcoment {
  font-size: 13px;
  font-weight: 300;
  color: #197bd0;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.pop_disabillity .pop_layer .pop_container .Panel-content table td .pcoment span {
  font-size: 13px;
  font-weight: 300;
  color: #197bd0;
}
.pop_disabillity .pop_layer .pop_container .Panel-content .btn_area::before {
  width: 670px;
}
.pop_srchsetting .pop_layer {
  width: 1000px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pop_srchsetting .pop_layer .pop_container .Panel .Panel-content .srch_coment {
  font-size: 13px;
  font-weight: 300;
  color: #666666;
  margin: 10px 0;
}
.pop_srchsetting .pop_layer .pop_container .Panel .Panel-content table {
  margin: 20px 0;
}
.pop_srchsetting .pop_layer .pop_container .Panel .Panel-content table tr th {
  font-weight: 300;
  color: #333;
  border-bottom: none;
}
.pop_srchsetting .pop_layer .pop_container .Panel .Panel-content table tr td {
  padding: 8px 0;
  border-bottom: none;
}
.pop_srchsetting .pop_layer .pop_container .Panel .Panel-content .btn_area::before {
  width: 1000px;
}
.pop_srchsetting .pop_layer .pop_container .Panel .Panel-content .btn_area .btn {
  width: 90px;
}
/*************변화 팝업*************/
.pop_changedjob .on_disable_input .input_box select {
  background-color: #e6e6e6;
  opacity: 0.6;
}
.pop_changedjob .on_disable_btn {
  opacity: 0.2;
  cursor: default;
}
.pop_changedjob .on_disable_div {
  opacity: 0.3;
}
.pop_changedjob .on_disable_div ul li a {
  pointer-events: none;
  cursor: default;
}
.pop_changedjob .on_disable_div ul li a:hover {
  background-color: #fff !important;
}
.pop_changedjob .on_chk_hvr {
  z-index: 2 !important;
  background-color: #d3e9f7 !important;
  position: relative;
}
.pop_changedjob .on_chk_hvr a {
  border-top: 1px solid #7dc3ef !important;
  border-bottom: 1px solid #7dc3ef !important;
}
.pop_changedjob .on_chk_hvr a:hover {
  background-color: #d3e9f7 !important;
}
.pop_changedjob .on_chk_hvr a:active {
  background-color: #d3e9f7 !important;
}
.pop_changedjob .on_chk_hvr:last-child a {
  border-bottom: none !important;
}
.pop_changedjob .on_chk_hvr::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../image/icon_correct_b_24.png) no-repeat center;
}
.pop_changedjob .pop_layer .pop_container .Panel {
  height: 100%;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content {
  padding-top: 30px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step {
  display: block;
  width: 100%;
  height: 51px;
  background: #c9c9c9;
  position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  overflow: hidden;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step.fixed_step {
  position: fixed;
  top: 0;
  z-index: 1000;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step li {
  float: left;
  width: 33.33%;
  height: 100%;
  background: #fff;
  font-size: 13px;
  letter-spacing: -0.02em;
  color: #888;
  line-height: 1em;
  text-align: center;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step li div {
  display: inline-block;
  padding-top: 15px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step li div p {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  text-align: left;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step li div p strong {
  font-family: 'Noto Sans KR';
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.03em;
  display: none;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step li div p {
  text-align: left;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step01 {
  width: 33.33%;
  margin-right: 0;
  position: relative;
  z-index: 4;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step01:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #575757;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step01.on_step {
  background: #575757;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .step {
  width: calc(33.33% - 1px);
  position: relative;
  margin-right: 1px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .step:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .step:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #d7d7d7;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .step:first-child:before {
  border-left: 10px solid #fff;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .step:last-child {
  margin-right: 0;
  width: 33.33%;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .step:last-child:after {
  display: none;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step02 {
  position: relative;
  z-index: 3;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step02.on_step {
  width: 33.33%;
  margin-right: 0;
  background: #575757;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step02.on_step:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #575757;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step03 {
  position: relative;
  z-index: 2;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step03:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #d7d7d7;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step03.on_step {
  background: #575757;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .m_step03.on_step:before {
  border-left: 10px solid #575757;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .on_step {
  color: #fff;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .on_step div {
  padding-top: 19px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .on_step div span {
  color: #fff;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step .on_step div p {
  color: #fff;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .m_step:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .select_top {
  margin: 20px 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .select_top > div {
  display: inline-block;
  margin-right: 70px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .select_top > div p {
  padding: 6px 15px 7px;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  display: inline-block;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .select_top > div .input_box {
  display: inline-block;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .select_top > div .input_box select {
  width: 212px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .table2 {
  margin-top: 6px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .table2 thead tr {
  border-bottom: 1px solid #bbb;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .table2 thead tr th {
  padding: 5px 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .table2 tbody tr:last-child {
  border-bottom: 1px solid #ebebeb;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .table2 tbody tr td {
  padding: 13px 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .table2 tbody tr td:last-child {
  text-align: center;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .btn_area .btn {
  width: 70px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step1 .btn_area button.Button {
  min-width: 70px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont {
  padding: 10px 10px 20px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box {
  float: left;
  margin-right: 40px;
  width: 314px;
  text-align: center;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box:last-child {
  margin-right: 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List {
  height: auto;
  padding: 0;
  padding-top: 1px;
  background: #ffffff;
  border: 2px solid #bbb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List span {
  display: inline-block;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List > li {
  position: relative;
  display: block;
  overflow: hidden;
  border: none;
  margin-top: -1px;
  z-index: 1;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List > li:first-child {
  border-top: 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List > li:last-child {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List > li.Link > a {
  cursor: pointer;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  color: #333;
  font-size: 13px;
  font-weight: 300;
  height: 50px;
  line-height: 30px;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List > li.Link > a:hover {
  background: #f2f2f2;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List > li.Link > a:active {
  background: #f2f2f2;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List > li.Link > a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 4px;
  height: 7px;
  margin-top: -3px;
  background: url("./images/component_default.png") no-repeat 0 -950px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List .Title {
  margin: 0;
  color: #303030;
  font-size: 12px;
  font-weight: bold;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .step_cont .list_box .List li.Divider {
  padding: 10px 14px;
  font-weight: bold;
  height: 55px;
  line-height: 35px;
  background: #ffffff;
  font-size: 13px;
  font-weight: 500;
  color: #888;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .list_right {
  width: 668px;
  float: left;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .list_right .list_box:nth-child(2) {
  margin-right: 0;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .list_right .work_cmt_area {
  float: left;
  width: 100%;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .list_right .work_cmt_area .work_cmt {
  margin-top: 40px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .list_right .work_cmt_area .work_cmt dt {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  margin-bottom: 4px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step2 .btn_area {
  border-top: 1px solid #ebebeb;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step3 .btn_area .btn {
  width: 90px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step3 .btn_area .left p {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  margin-left: 15px;
  padding: 5px 0 8px;
}
.pop_changedjob .pop_layer .pop_container .Panel .Panel-content .step3 .btn_area .left p span {
  font-size: 13px;
  font-weight: bold;
  color: #E60724;
}
span.j_total_num {
  display: inline-block;
  height: 32px;
  line-height: 31px;
  font-size: 13px;
  color: #333;
  margin-left: 20px;
  vertical-align: top;
}
span.j_total_num span {
  color: #e60724;
  font-weight: 500;
}
/****************************************************************************************************
******************************  pop_up 유형을 담음(알로펙스 사용)  wpop_up.less  ************************
*****************************************************************************************************/
/**************공통 *************/
.wpop_up.window_pop {
  width: 100%;
  min-width: 1030px;
}
.wpop_up .wpop_header {
  padding: 9px 15px;
  font-weight: 500;
  border-bottom: 1px solid #d7d7d7;
}
.wpop_up .wpop_cont {
  padding: 30px 30px 0;
  overflow-y: auto;
}
.wpop_up .wpop_cont.j_pd0 {
  padding: 0 0 0 0;
}
.wpop_up .wpop_cont .sms_search_box1 {
  margin-top: 30px;
}
.wpop_up .wpop_cont .pbox {
  margin-bottom: 30px;
}
.wpop_up .wpop_cont .pbox.last_pb {
  margin-bottom: 0;
}
.wpop_up .wpop_cont .pbox h3 {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 8px;
}
.wpop_up .wpop_cont .pbox h3 p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555;
  margin-top: 7px;
}
.wpop_up .wpop_cont .pbox h3 .point {
  color: #FD6901;
  margin-bottom: 10px;
}
.wpop_up .wpop_cont .pbox .pg_cont {
  padding: 6px 0 0;
}
.wpop_up .wpop_cont .pbox .Table tr:last-child th,
.wpop_up .wpop_cont .pbox .Table tr:last-child td {
  border-bottom: 1px solid #ebebeb;
}
.wpop_up .wpop_cont .pbox .Table tr td {
  padding: 4px 0;
}
.wpop_up .wpop_cont .pbox .Table tr td .radio_box {
  padding: 5px 0;
  font-weight: 300;
  font-size: 13px;
  overflow: hidden;
  line-height: 1.69;
}
.wpop_up .wpop_cont .pbox .Table tr td .point {
  color: #FD6901;
}
.wpop_up .wpop_cont .pbox .Table tr td .block_align .ImageRadio {
  display: block;
  margin-bottom: 15px;
}
.wpop_up .wpop_cont .pbox .Table tr td .block_align .ImageRadio:last-child {
  margin-bottom: 0;
}
.wpop_up .wpop_cont .pbox.pbox1 {
  padding: 25px;
  background-color: #fafafa;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}
.wpop_up .wpop_cont .pbox.pbox1 .p_tit {
  font-size: 15px;
  font-weight: 500;
  color: #FD6901;
}
.wpop_up .wpop_cont .pbox.pbox1 .p_tit .icon_sorry {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../../image/icon_info_o_24.png") no-repeat center;
  vertical-align: bottom;
  margin-right: 5px;
}
.wpop_up .wpop_cont .pbox.pbox1 .p_align p {
  display: inline-block;
  vertical-align: middle;
}
.wpop_up .wpop_cont .pbox.pbox1 .p_align button:first-of-type {
  margin-left: 5px;
}
.wpop_up .wpop_cont .pbox .p_cont {
  margin-top: 8px;
}
.wpop_up .wpop_cont .pbox .p_cont p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.71;
  color: #666666;
}
.wpop_up .wpop_cont .og_box1 {
  padding-bottom: 20px;
}
.wpop_up .wpop_cont .apr_progress .w_cont {
  background-color: #fafafa;
  padding: 40px 0 10px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.wpop_up .wpop_cont .twbox .Table tr th,
.wpop_up .wpop_cont .twbox .Table tr td {
  padding: 15px 0;
}
.wpop_up .wpop_cont .twbox02 .Table tr th,
.wpop_up .wpop_cont .twbox02 .Table tr td {
  padding: 15px;
}
.wpop_up .wpop_cont .twbox02 .Table tr:last-child th,
.wpop_up .wpop_cont .twbox02 .Table tr:last-child td {
  border-bottom: 1px solid #ebebeb;
}
.wpop_up .wpop_cont .wbox {
  margin-bottom: 30px;
}
.wpop_up .wpop_cont .wbox.last_wb {
  margin-bottom: 0;
}
.wpop_up .wpop_cont .wbox.last_wb tr:last-child th,
.wpop_up .wpop_cont .wbox.last_wb tr:last-child td {
  border-bottom: none !important;
}
.wpop_up .wpop_cont .wbox h3 {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 8px;
}
.wpop_up .wpop_cont .wbox h3:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.wpop_up .wpop_cont .wbox h3 p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555;
  margin-top: 7px;
}
.wpop_up .wpop_cont .wbox h3 .right {
  float: right;
}
.wpop_up .wpop_cont .wbox h3 .right .control_tit {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  vertical-align: middle;
  margin-right: 10px;
}
.wpop_up .wpop_cont .wbox h3 .right .control_con {
  display: inline-block;
  vertical-align: middle;
}
.wpop_up .wpop_cont .wbox .wg_cont {
  padding: 15px 0 0;
}
.wpop_up .wpop_cont .wbox .Table tr:last-child th,
.wpop_up .wpop_cont .wbox .Table tr:last-child td {
  border-bottom: 1px solid #ebebeb;
}
.wpop_up .wpop_cont .wbox .Table tr th {
  padding-right: 20px;
}
.wpop_up .wpop_cont .wbox .Table tr td {
  padding: 10px 0;
}
.wpop_up .wpop_cont .wbox .Table tr td .radio_box {
  padding: 5px 0;
  font-weight: 300;
  font-size: 13px;
  overflow: hidden;
  line-height: 1.69;
}
.wpop_up .wpop_cont .wbox .Table tr td .point {
  color: #FD6901;
}
.wpop_up .wpop_cont .wp_cont_box {
  font-size: 13px;
  font-weight: 300;
  overflow: auto;
  word-break: break-all;
}
.wpop_up .wpop_cont .btn_area {
  border-bottom: 1px solid #ebebeb;
}
.wpop_up .wpop_cont .disorder_step {
  width: 100%;
  height: 50px;
  background-color: #c8c8c8;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 30px;
}
.wpop_up .wpop_cont .disorder_step.j_width3 li {
  width: 33.4%;
}
.wpop_up .wpop_cont .disorder_step.j_width3 li:last-child {
  width: calc(33.35% - 4px);
}
.wpop_up .wpop_cont .disorder_step li {
  float: left;
  height: 100%;
  line-height: 51px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #888;
  text-align: center;
}
.wpop_up .wpop_cont .disorder_step .step {
  position: relative;
  margin-right: 1px;
  background: #fff;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}
.wpop_up .wpop_cont .disorder_step .step:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #bbb;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.wpop_up .wpop_cont .disorder_step .step:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.wpop_up .wpop_cont .disorder_step .step:first-child {
  border-left: 1px solid #c8c8c8;
}
.wpop_up .wpop_cont .disorder_step .step:first-child:before {
  border-left: 0;
}
.wpop_up .wpop_cont .disorder_step .step:last-child {
  margin-right: 0;
  border-left: 0;
  border-right: 1px solid #c8c8c8;
}
.wpop_up .wpop_cont .disorder_step .step:last-child:after {
  border-left: 0;
}
.wpop_up .wpop_cont .disorder_step .step.on_step {
  background-color: #575757;
  color: #fff;
  border-top: 1px solid #575757;
  border-bottom: 1px solid #575757;
}
.wpop_up .wpop_cont .disorder_step .step.on_step:before {
  border-left: 10px solid #575757;
}
.wpop_up .wpop_cont .disorder_step .step.on_step:after {
  border-left: 10px solid #575757;
}
.wpop_up .wpop_cont .disorder_step .step.off_step {
  background-color: #d7d7d7;
}
.wpop_up .wpop_cont .disorder_step .step.off_step:after {
  border-left: 10px solid #d7d7d7;
}
.wpop_up .wpop_cont .disorder_step .m_step01 {
  z-index: 5;
}
.wpop_up .wpop_cont .disorder_step .m_step02 {
  z-index: 4;
}
.wpop_up .wpop_cont .disorder_step .m_step03 {
  z-index: 3;
}
.wpop_up .wpop_cont .disorder_step .m_step04 {
  z-index: 2;
}
.wpop_up .wpop_cont .disorder_step .m_step05 {
  z-index: 1;
}
.wpop_up .wpop_cont .twbox03 .Table thead tr {
  border-top: 0;
}
.wpop_up .wpop_cont .twbox03 .Table thead tr th {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  background: #fff;
  padding: 8px;
  text-align: center;
  border-left: 0;
  border-bottom: 1px solid #bbb;
}
.wpop_up .wpop_cont .twbox03 .Table tbody tr td {
  padding: 15px;
  overflow: hidden;
  text-align: left;
  line-height: 1.46;
  vertical-align: top;
}
.wpop_up .wpop_cont .twbox03 .Table tbody tr td br {
  line-height: 1.85;
}
.wpop_up .wpop_cont .twbox03 .Table tbody tr .num {
  text-align: center;
}
.wpop_up .wpop_cont .twbox03 .Table tbody tr:last-child th,
.wpop_up .wpop_cont .twbox03 .Table tbody tr:last-child td {
  border-bottom: 1px solid #ebebeb;
}
.wpop_up .wpop_footer {
  padding: 20px;
  border-top: 1px solid #ebebeb;
}
.wpop_up .wpop_footer.wpop_ft2 {
  padding: 0;
  border-top: 1px solid #d7d7d7;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con {
  background-color: #fafafa;
  padding: 0 40px;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con dl {
  width: 33%;
  display: inline-block;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con dl dt {
  width: 26%;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  text-align: right;
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con dl dd {
  width: 69%;
  display: inline-block;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con dl dd.radio_align {
  vertical-align: middle;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con dl dd.radio_align .radio_box {
  padding: 7px 0;
  overflow: hidden;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con dl dd.radio_align .radio_box label {
  margin-right: 30px;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con dl dd.radio_align .radio_box label:last-child {
  margin-right: 0;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con .wpop_w48 {
  width: 48%;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con .wpop_w48 dt {
  width: 24%;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_con .wpop_w48 dd {
  width: 75%;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_single {
  padding: 9px 0;
  border-bottom: 1px solid #ebebeb;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_single:last-child {
  border-bottom: none;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_single .ft_colspan3 {
  width: 100%;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_single .ft_colspan3 dt {
  width: 8%;
}
.wpop_up .wpop_footer.wpop_ft2 .ft_single .ft_colspan3 dd {
  width: 91%;
}
.wpop_up .wpop_footer.wpop_ft2 .btn_area {
  border-top: 1px solid #ebebeb;
  padding: 20px;
}
/**************공통 팝업+ 소프트웨어신청 팝업+ 변경 팝업 +서비스데스크팝업*************/
.common_pop .cp_box1 {
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  background-color: #fafafa;
  padding: 20px 30px;
  position: relative;
}
.common_pop .cp_box1 .cp_bot {
  display: none;
  padding-top: 9px;
}
.common_pop .cp_box1 .cp_single {
  display: none;
  padding: 9px 0;
  border-bottom: 1px solid #ebebeb;
}
.common_pop .cp_box1 .cp_single.last {
  padding-bottom: 0;
  border-bottom: none;
}
.common_pop .cp_box1 .cp_single dl dd {
  margin-right: 0;
}
.common_pop .cp_box1 dl {
  width: 49%;
  display: inline-block;
}
.common_pop .cp_box1 dl:first-child dt {
  margin-left: 0;
}
.common_pop .cp_box1 dl dt {
  width: 22.4%;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  margin-bottom: 4px;
  display: inline-block;
  padding-right: 15px;
  text-align: right;
}
.common_pop .cp_box1 dl dd {
  width: 76.5%;
  display: inline-block;
}
.common_pop .cp_box1 dl dd.radio_align {
  vertical-align: middle;
}
.common_pop .cp_box1 dl dd.radio_align .radio_box {
  padding: 7px 0;
  overflow: hidden;
}
.common_pop .cp_box1 dl dd.radio_align .radio_box label {
  margin-right: 30px;
}
.common_pop .cp_box1 dl dd.radio_align .radio_box label:last-child {
  margin-right: 0;
}
.common_pop .cp_box01 {
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  background-color: #fafafa;
  padding: 20px 30px;
  position: relative;
}
.common_pop .cp_box01 dl {
  width: 100%;
  display: inline-block;
}
.common_pop .cp_box01 dl dt {
  width: 10%;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  margin-bottom: 4px;
  display: inline-block;
  padding-right: 15px;
  text-align: right;
}
.common_pop .cp_box01 dl dd {
  width: 89%;
  display: inline-block;
}
.common_pop .cp_box01 dl dd.radio_align {
  vertical-align: middle;
}
.common_pop .cp_box01 dl dd.radio_align .radio_box {
  padding: 7px 0;
  overflow: hidden;
}
.common_pop .cp_box01 dl dd.radio_align .radio_box label {
  margin-right: 30px;
}
.common_pop .cp_box01 dl dd.radio_align .radio_box label:last-child {
  margin-right: 0;
}
.common_pop .ccp_box1 {
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  background-color: #fafafa;
  padding: 20px 30px;
  position: relative;
}
.common_pop .ccp_box1 .cp_bot {
  display: none;
  padding-top: 9px;
}
.common_pop .ccp_box1 .cp_single {
  display: none;
  padding: 9px 0;
  border-bottom: 1px solid #ebebeb;
}
.common_pop .ccp_box1 .cp_single.last {
  padding-bottom: 0;
  border-bottom: none;
}
.common_pop .ccp_box1 .cp_single dl dd {
  margin-right: 0;
}
.common_pop .ccp_box1 dl {
  width: 33%;
  display: inline-block;
}
.common_pop .ccp_box1 dl:first-child dt {
  margin-left: 0;
}
.common_pop .ccp_box1 dl dt {
  width: 26%;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  display: inline-block;
  padding-right: 15px;
  text-align: right;
}
.common_pop .ccp_box1 dl dd {
  width: 63%;
  display: inline-block;
  margin-right: 25px;
}
.common_pop .ccp_box1 dl dd.radio_align {
  vertical-align: middle;
}
.common_pop .ccp_box1 dl dd.radio_align .radio_box {
  padding: 7px 0;
  overflow: hidden;
}
.common_pop .ccp_box1 dl dd.radio_align .radio_box label {
  margin-right: 30px;
}
.common_pop .ccp_box1 dl dd.radio_align .radio_box label:last-child {
  margin-right: 0;
}
.common_pop .ccp_box1 .cp_colspan3 dl {
  width: 100%;
}
.common_pop .ccp_box1 .cp_colspan3 dl dt {
  width: 8.5%;
}
.common_pop .ccp_box1 .cp_colspan3 dl dd {
  width: 87.5%;
}
.common_pop .ccp_box1 .cp_colspan2 {
  width: 66%;
}
.common_pop .ccp_box1 .cp_colspan2 dt {
  width: 12.5%;
}
.common_pop .ccp_box1 .cp_colspan2 dd {
  width: 86%;
}
.common_pop .ccp_box2 {
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  background-color: #fafafa;
  padding: 20px 30px;
  position: relative;
}
.common_pop .ccp_box2 .cp_bot {
  display: none;
  padding-top: 9px;
}
.common_pop .ccp_box2 .cp_single {
  display: none;
  padding: 9px 0;
  border-bottom: 1px solid #ebebeb;
}
.common_pop .ccp_box2 .cp_single.last {
  padding-bottom: 0;
  border-bottom: none;
}
.common_pop .ccp_box2 .cp_single dl dd {
  margin-right: 0;
}
.common_pop .ccp_box2 .cp_single dl dd.radio_align.radio_box label span {
  font-size: 13px;
  color: #333333;
  font-weight: 300;
}
.common_pop .ccp_box2 dl {
  width: 33%;
  display: inline-block;
}
.common_pop .ccp_box2 dl:first-child dt {
  margin-left: 0;
}
.common_pop .ccp_box2 dl dt {
  width: 26%;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  display: inline-block;
  padding-right: 15px;
  text-align: right;
}
.common_pop .ccp_box2 dl dd {
  width: 73%;
  display: inline-block;
}
.common_pop .ccp_box2 dl dd.radio_align {
  vertical-align: middle;
}
.common_pop .ccp_box2 dl dd.radio_align .radio_box {
  padding: 7px 0;
  overflow: hidden;
}
.common_pop .ccp_box2 dl dd.radio_align .radio_box label {
  margin-right: 25px;
}
.common_pop .ccp_box2 dl dd.radio_align .radio_box label:last-child {
  margin-right: 0;
}
.common_pop .ccp_box2 .cp_colspan3 dl {
  width: 100%;
}
.common_pop .ccp_box2 .cp_colspan3 dl dt {
  width: 8.5%;
}
.common_pop .ccp_box2 .cp_colspan3 dl dd {
  width: 87.5%;
}
.common_pop .ccp_box2 .cp_colspan2 {
  width: 66%;
}
.common_pop .ccp_box2 .cp_colspan2 dt {
  width: 13%;
}
.common_pop .ccp_box2 .cp_colspan2 dd {
  width: 86%;
}
.common_pop .cccp_box1 {
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  background-color: #fafafa;
  padding: 20px ;
  position: relative;
}
.common_pop .cccp_box1 dl {
  width: 49.7%;
  display: inline-block;
  margin-bottom: 15px;
}
.common_pop .cccp_box1 dl.last_dl {
  margin-bottom: 0;
}
.common_pop .cccp_box1 dl:first-child dt {
  margin-left: 0;
}
.common_pop .cccp_box1 dl dt {
  width: 22.4%;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  margin-bottom: 4px;
  display: inline-block;
  padding-right: 15px;
  text-align: right;
}
.common_pop .cccp_box1 dl dd {
  width: 76.5%;
  display: inline-block;
  vertical-align: middle;
}
.common_pop .cccp_box1 dl dd .radio_box {
  padding: 7px 0;
}
.common_pop .cccp_box1 dl dd .radio_box label {
  margin-right: 30px;
}
.common_pop .cccp_box1 dl dd .radio_box label:last-child {
  margin-right: 0;
}
.common_pop .cccp_box1 .col100 {
  width: 100%;
}
.common_pop .cccp_box1 .col100 dt {
  width: 11%;
}
.common_pop .cccp_box1 .col100 dd:nth-child(2) {
  width: 33.2%;
}
.common_pop .cccp_box1 .col100 dd:nth-child(3) {
  width: 54.8%;
}
.common_pop .info_btn_box {
  position: relative;
  border-top: none;
  top: 0;
}
.common_pop .info_btn_box .info_btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -47px;
  width: 120px;
  height: 28px;
}
.common_pop .cp_box2 {
  position: relative;
  padding-top: 26px;
}
.common_pop .cp_box2::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.common_pop .cp_box2 .tit {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  margin-bottom: 26px;
}
.common_pop .cp_box2 .cont {
  padding-bottom: 20px;
}
.common_pop .cp_box2 .cont:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.common_pop .cp_box2 .cont .step_box {
  width: 370px;
  float: left;
  margin-right: 70px;
  position: relative;
}
.common_pop .cp_box2 .cont .step_box.last {
  margin-right: 0;
}
.common_pop .cp_box2 .cont .step_box .step_tit {
  font-size: 15px;
  font-weight: 500;
  color: #555555;
  padding-bottom: 9px;
  border-bottom: 1px solid #ebebeb;
}
.common_pop .cp_box2 .cont .step_box .step_nxt {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_next_24.png) no-repeat center;
  position: absolute;
  right: -45px;
  top: 0;
}
.common_pop .cp_box2 .cont .step_con_box {
  float: left;
  width: 810px;
}
.common_pop .cp_box2 .cont .step_con_box:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.common_pop .cp_box2 .cont .step_con_box .step_etc_box {
  width: 100%;
  float: left;
}
.common_pop .cp_box2 .cont .step_con_box .step_etc_box dl {
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ebebeb;
}
.common_pop .cp_box2 .cont .step_con_box .step_etc_box dl dt {
  width: 10%;
  padding-right: 15px;
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  text-align: right;
  line-height: 32px;
}
.common_pop .cp_box2 .cont .step_con_box .step_etc_box dl dd {
  width: 90%;
  float: left;
}
.common_pop .cp_box2 .cont .request_none {
  width: 100%;
  height: 330px;
  position: relative;
}
.common_pop .cp_box2 .cont .request_none p {
  font-size: 13px;
  font-weight: 300;
  color: #888;
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.common_pop .cp_box2 > .left {
  width: 600px;
  float: left;
}
.common_pop .cp_box2 > .left540 {
  width: 540px;
  float: left;
}
.common_pop .cp_box2 > .next {
  position: absolute;
  left: 49%;
  top: 51%;
  float: left;
  width: 24px;
  height: 24px;
  display: block;
  background: url(../../image/icon_next_24.png) no-repeat center;
}
.common_pop .cp_box2 > .next540 {
  position: absolute;
  left: 58%;
  top: 40%;
  float: left;
  width: 24px;
  height: 24px;
  display: block;
  background: url(../../image/icon_next_24.png) no-repeat center;
}
.common_pop .cp_box2 > .right {
  width: 600px;
  float: right;
}
.common_pop .cp_box2 > .right360 {
  width: 360px;
  float: right;
}
.common_pop .cp_box3 {
  position: relative;
  padding-top: 50px;
}
.common_pop .cp_box3::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.common_pop .cp_box3 .cont {
  padding-bottom: 20px;
}
.common_pop .cp_box3 .cont:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.common_pop .cp_box3 .cont .step_box {
  width: 370px;
  float: left;
  margin-right: 70px;
  position: relative;
}
.common_pop .cp_box3 .cont .step_box.last {
  margin-right: 0;
}
.common_pop .cp_box3 .cont .step_box .step_tit {
  font-size: 15px;
  font-weight: 500;
  color: #555555;
  padding-bottom: 26px;
}
.common_pop .cp_box3 .cont .step_box .step_nxt {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_next_24.png) no-repeat center;
  position: absolute;
  right: -45px;
  top: 59%;
}
.common_pop .cp_box3 .cont .step_con_box {
  float: left;
  width: 810px;
}
.common_pop .cp_box3 .cont .step_con_box:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.common_pop .cp_box3 .cont .step_con_box .step_box {
  margin-right: 0;
}
.common_pop .cp_box3 .cont .step_con_box .step_etc_box {
  width: 100%;
  float: left;
}
.common_pop .cp_box3 .cont .step_con_box .step_etc_box dl {
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
}
.common_pop .cp_box3 .cont .step_con_box .step_etc_box dl dt {
  width: 11%;
  padding-right: 15px;
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  text-align: right;
  line-height: 32px;
}
.common_pop .cp_box3 .cont .step_con_box .step_etc_box dl dd {
  width: 89%;
  float: left;
}
.common_pop .cp_box3 .cont .alopexgrid .cell.bodycell.focused {
  background-color: #d3e9f7;
}
.common_pop .center {
  text-align: center;
}
.common_pop .his_list {
  padding: 40px 0;
}
.common_pop .his_list .message_box {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 10px 20px;
}
.common_pop .his_list .message_box:first-child {
  border-top: 1px solid #ebebeb;
}
.common_pop .his_list .message_box .user_info .thum {
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
}
.common_pop .his_list .message_box .user_info .thum img {
  display: block;
  width: 100%;
  height: auto;
}
.common_pop .his_list .message_box .user_info .name {
  display: inline-block;
}
.common_pop .his_list .message_box .user_info .name span {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38;
  padding-right: 9px;
  position: relative;
  margin-right: 5px;
}
.common_pop .his_list .message_box .user_info .name span:after {
  content: '/';
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  top: 0;
  right: 0;
}
.common_pop .his_list .message_box .user_info .name span:last-child:after {
  display: none;
}
.common_pop .his_list .message_box .message {
  padding: 0 52px;
}
.common_pop .his_list .message_box .message p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.38;
  word-break: break-all;
}
.common_pop .his_list .message_box .message p span {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.38;
  color: #fd6901;
}
.common_pop .his_list .notice_box {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
}
.common_pop .his_list .notice_box .text_box {
  background-color: #ebebeb;
  padding: 6px 60px;
}
.common_pop .his_list .notice_box .text_box p {
  font-size: 13px;
  font-weight: 500;
  padding-left: 30px;
  position: relative;
  line-height: 1.87;
}
.common_pop .his_list .notice_box .text_box p:after {
  content: '';
  width: 24px;
  height: 24px;
  background: url('../../image/icon_stop_24_p.png') no-repeat 0% 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.common_pop .his_list .notice_box .text_box p span {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #888;
  margin-left: 5px;
  vertical-align: middle;
}
/**************서비스 데스크 팝업 *************/
.customer_complaint .Tabs {
  width: 260px;
  padding: 30px 0;
}
.customer_satisfactionA .Table dl {
  padding: 20px 100px;
}
.customer_satisfactionA .Table dl dt {
  font-size: 14px;
  font-weight: 500;
  color: #888;
  margin-bottom: 20px;
}
.customer_satisfactionA .Table dl dd::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.customer_satisfactionA .Table dl dd .right,
.customer_satisfactionA .Table dl dd .left {
  float: left;
  width: 50%;
}
.customer_satisfactionA .Table dl dd .right .ImageRadio,
.customer_satisfactionA .Table dl dd .left .ImageRadio {
  width: 100%;
  display: block;
  margin-bottom: 16px;
}
.customer_satisfactionA .Table dl dd .right .ImageRadio:last-child,
.customer_satisfactionA .Table dl dd .left .ImageRadio:last-child {
  margin-bottom: 0;
}
.customer_satisfactionA .Table .add_coment dt {
  font-size: 13px;
}
.agency_select .wpop_cont {
  min-height: 484px;
  padding: 30px 0 0;
}
.agency_select .wpop_cont .Tabs {
  width: 690px;
  margin-bottom: 30px;
  padding: 0 30px;
}
.agency_select .wpop_cont .Tabs ul li {
  padding: 7px;
}
.agency_select .wpop_cont .pbox {
  margin-bottom: 0;
  padding: 0 30px 15px;
  height: 490px;
  overflow-y: auto;
}
.agency_select .wpop_cont .pbox button {
  width: 225px;
  margin-right: 9px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 300;
  border-radius: 4px;
  height: 36px;
  margin-left: 0;
}
.agency_select2 .wpop_cont {
  padding: 30px 0 0;
}
.agency_select2 .wpop_cont .Tabs {
  width: 690px;
  margin-bottom: 30px;
  padding: 0 30px;
}
.agency_select2 .wpop_cont .Tabs ul li {
  padding: 7px;
}
.agency_select2 .wpop_cont .ptab {
  padding: 0 30px 15px;
  height: 485px;
  overflow-y: auto;
}
.agency_select2 .wpop_cont .pbox {
  margin-bottom: 30px;
}
.agency_select2 .wpop_cont .pbox .p_tit .ImageCheckbox {
  font-size: 15px;
  font-weight: 500;
  color: #555;
}
.agency_select2 .wpop_cont .pbox .p_cont {
  padding: 7px 5px 0;
}
.agency_select2 .wpop_cont .pbox .p_cont .ImageCheckbox {
  width: 24%;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 0px;
}
/* 20190604 추가 < */
.agency_select3 .wpop_cont {
  padding:18px 0 0;
}
.agency_select3 .wpop_cont_search {padding:0 30px 12px;}
.agency_select3 .wpop_cont_search_box {
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  background-color: #fafafa;
  padding: 17px 20px 17px 119px;
  height:60px;
  position: relative;
  z-index: 300;}
.agency_select3 .wpop_cont_search_box .ImageCheckbox {font-size:16px;font-weight:400;}
.agency_select3 .wpop_cont_search_box .ImageCheckbox:after {top:50%;}
.agency_select3 .p_cont .ImageCheckbox:after {top:50%;}
.agency_select3 .wpop_cont .pcon {
  padding:0 30px;
  height: 495px;
  overflow-y: auto;}
.agency_select3 .wpop_cont .pbox {margin-bottom: 0!important;}
.agency_select3 .wpop_cont .pbox {
  padding-top: 15px;
  padding-bottom: 5px;
  border-bottom:1px solid #ccc;
}
.agency_select3 .wpop_cont .pbox:last-child {
  padding-bottom:21px;
  border-bottom:0;
}
.agency_select3 .wpop_cont .pbox::before,
.agency_select3 .wpop_cont .pbox::after {
  content:"";
  clear:both;
  display:block;
}
.agency_select3 .wpop_cont .pbox .p_tit {
  float:left;
  padding-right:30px;
  width:120px;
  font-size: 15px;
  font-weight: 500;
  text-align:right;
  color: #555;
  border:0;
}
.agency_select3 .wpop_cont .pbox .p_cont {width:calc(100% - 120px);float:left;}
.agency_select3 .wpop_cont .pbox .p_cont .ImageCheckbox {
  float:left;
  width: 25%;
  margin-bottom: 10px;
  margin-right: 0px;
  line-height: 18px;
}
.agency_select3 .wpop_cont .pbox .p_cont {
  margin-top: 0;
}
/* > */
.pop_disabillity .wpop_cont {
  padding: 0 20px;
}
.pop_disabillity .wpop_cont .Table th,
.pop_disabillity .wpop_cont .Table td {
  padding: 15px 0;
}
.pop_disabillity .wpop_cont .Table th {
  padding-right: 15px;
}
.pop_disabillity .wpop_cont .Table .radio_align .ImageRadio {
  width: 105px;
  margin-right: 0;
}
.pop_serviceinfo .wpop_cont {
  padding: 0 20px;
}
.pop_serviceinfo .wpop_cont .Table th,
.pop_serviceinfo .wpop_cont .Table td {
  padding: 7px 0;
}
.pop_serviceinfo .wpop_cont .Table th {
  padding-right: 15px;
}
.pop_srchsetting .wpop_cont .srch_coment {
  font-size: 13px;
  font-weight: 300;
  color: #666666;
  margin: 10px 0;
}
.pop_srchsetting .wpop_cont {
  padding: 0 20px;
}
.pop_srchsetting .wpop_cont .Table {
  margin: 20px 0;
}
.pop_srchsetting .wpop_cont .Table th,
.pop_srchsetting .wpop_cont .Table td {
  border-bottom: none;
}
.pop_srchsetting .wpop_cont .Table td {
  padding: 8px 0;
}
.customer_satisfaction_mail .wpop_cont {
  padding: 4px 30px 0;
}
.customer_satisfaction_mail .wpop_cont Table div {
  font-size: 13px;
  font-weight: 300;
}
.customer_satisfaction_mail .wpop_cont Table .strong {
  font-size: 14px;
  font-weight: 500;
}
.customer_satisfaction_mail .wpop_cont Table .txtarea_box {
  height: 187px;
  overflow-y: auto;
  padding-top: 5px;
}
.customer_satisfaction_mail .wpop_cont Table .attach_box .j_file_list_box {
  height: 75px;
}
.customer_satisfaction_mail .wpop_cont Table .attach_box .dropbox {
  height: 80px!important;
}
.customer_satisfaction_mail .wpop_cont Table .j_pt20 {
  vertical-align: top!important;
  padding-top: 10px!important;
}
.customer_satisfaction_mail .wpop_cont .wpop_footer .j_radio_txt {
  vertical-align: 2px;
}
.service_pop .wpop_cont {
  padding: 24px 20px 0;
  overflow: hidden;
  position: relative;
}
.service_pop .wpop_cont::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.service_pop .wpop_cont .radio_box {
  padding: 5px 0;
  overflow: hidden;
}
.service_pop .wpop_cont dl {
  width: 50%;
  float: left;
  margin-bottom: 30px;
}
.service_pop .wpop_cont dl dt {
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  margin-bottom: 4px;
}
.service_pop .wpop_cont dl:nth-child(odd) {
  padding-right: 20px;
}
.service_pop .wpop_cont dl:nth-child(even) {
  padding-left: 20px;
}
.service_pop .wpop_cont dl dd.radio_align {
  height: 29px;
}
.service_pop .wpop_cont dl dd .doublecom {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.service_pop .wpop_cont dl dd .doublecom .ds100 {
  width: 100px;
  float: left;
}
.service_pop .wpop_cont dl dd .doublecom .di-100 {
  width: calc(100% - 105px);
  float: left;
  margin-left: 5px;
}
.service_pop .wpop_cont dl dd .doublecom .di-100 input,
.service_pop .wpop_cont dl dd .doublecom .di-100 select,
.service_pop .wpop_cont dl dd .doublecom .di-100 textarea {
  width: 100% !important;
}
.tag_group .wpop_cont {
  height: 205px;
}
.tag_group .wpop_cont dl {
  display: inline-block;
  position: relative;
  left: 50%;
  top: 35%;
  transform: translateX(-50%);
}
.tag_group .wpop_cont dl dt {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888888;
  padding-right: 15px;
}
.tag_group .wpop_cont dl dd {
  display: inline-block;
}
/**************요청 관리 팝업 *************/
.add_work .wpop_cont {
  padding: 10px 30px;
}
.add_work .wpop_cont .wp_cmt {
  font-size: 13px;
  font-weight: 300;
  color: #888;
  margin-top: 9px;
}
.add_work .wpop_cont dl {
  overflow: hidden;
}
.add_work .wpop_cont dl dt {
  float: left;
  width: 20%;
  padding: 6px 15px 6px 0;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  text-align: right;
}
.add_work .wpop_cont dl dd {
  float: left;
  width: 80%;
}
.request_detail .wpop_cont .linetop {
  border-top: 1px solid #ebebeb;
}
.request_detail .wpop_cont .wbox .w_cont {
  padding: 20px 20px 2px;
}
.request_detail .wpop_cont .wbox .w_cont .user_box {
  position: relative;
  display: inline-block;
}
.request_detail .wpop_cont .wbox .w_cont .user_box:hover .user_hvr {
  display: block;
}
.request_detail .wpop_cont .wbox .w_cont .user_box > a {
  display: inline-block;
  position: relative;
}
.request_detail .wpop_cont .wbox .w_cont .user_box > a:first-child {
  min-height: 45px;
  background: url(../../image/person_empty02.png) no-repeat left top;
  background-size: 45px 45px;
  padding-left: 45px;
}
.request_detail .wpop_cont .wbox .w_cont .user_box > a img {
  display: inline-block;
  height: 45px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.request_detail .wpop_cont .wbox .w_cont .user_box > a .user_txt {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
.request_detail .wpop_cont .wbox .w_cont .user_box > a .user_txt span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  display: block;
}
.request_detail .wpop_cont .wbox .w_cont .user_box .user_hvr {
  /*
                        width: 225px;
                        // height: 120px;
                        padding: 12px 20px;
                        background-color: #002d61;
                        display: none;
                        position: absolute;
                        left: 20px;
                        bottom: -130px;
                        z-index: 9;

                        &::before {
                            content: "";
                            display: inline-block;
                            position: absolute;
                            top: -7px;
                            width: 0;
                            height: 0;
                            border-right: 10px solid transparent;
                            border-left: 10px solid transparent;
                            border-bottom: 10px solid #002d61;
                        }

                        p {
                            font-size: 14px;
                            color: #ffffff;
                            font-weight: 300;
                        }
                        */
  padding: 9px;
  background-color: #fff;
  display: none;
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  left: 65px;
  top: 50px;
  z-index: 9;
}
.request_detail .wpop_cont .wbox .w_cont .user_box .user_hvr::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -7px;
  background: url(../../image/user_hover_top.png) no-repeat center;
  width: 12px;
  height: 7px;
}
.request_detail .wpop_cont .wbox .w_cont .user_box .user_hvr p {
  font-size: 13px;
  color: #555;
  line-height: 1.46;
  white-space: nowrap;
}
.approval_history .wpop_cont .wbox .Table tr th,
.approval_history .wpop_cont .wbox .Table tr td {
  text-align: center;
}
.approval_history .wpop_cont .wbox .Table tr th {
  padding-right: 0;
}
.approval_history .wpop_cont .wbox .Table tr td {
  padding: 15px 0;
}
.approval_history .wpop_cont .wbox .Table tr td:last-child {
  text-align: left;
}
.approval_history .wpop_cont .wbox .header_table {
  margin-top: 18px;
}
.approval_history .wpop_cont .wbox .header_table tr:last-child th {
  border-bottom: 1px solid #bbb;
}
.approval_history .wpop_cont .wbox .middle_box {
  margin: 6px 0;
  border-bottom: 1px solid #ebebeb;
}
.approval_history .wpop_cont .wbox .middle_box span {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #d7d7d7;
  border-radius: 50%;
  margin: 4px auto;
}
.approval_history .wpop_cont .wbox .middle_box span.span_inline {
  display: inline;
  width: auto;
  height: auto;
  background: none;
  border: none;
  font-size: 14px;
  color: #666;
  font-weight: 500;
}
.approval_history .wpop_cont .wbox .middle_box .stop_cmt {
  margin: 4px 0;
  border: 1px solid #ff697c;
  border-radius: 4px;
  background-color: rgba(255, 105, 124, 0.1);
  padding: 12px 0 14px;
  text-align: center;
}
.approval_history .wpop_cont .wbox .middle_box .stop_cmt p {
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.approval_history .wpop_cont .wbox .middle_box .stop_cmt p::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_stop_24.png) no-repeat center;
  margin-right: 10px;
  vertical-align: middle;
}
.assigned .wpop_cont {
  padding: 30px;
}
.assigned .wpop_cont .db_input > div:first-child {
  margin-right: 0px;
}
.after_work .wpop_cont .rbox1.apr_progress {
  border-top: 1px solid #ebebeb;
}
.after_work .wpop_cont .rbox1.apr_progress .w_cont {
  height: auto;
  padding: 0;
}
.after_work .wpop_cont .rbox1.apr_progress .w_cont .j_change_box1:first-child {
  width: 25%;
  padding-left: 29px;
}
.after_work .wpop_cont .rbox1.apr_progress .w_cont .j_change_box1:nth-child(2) {
  width: 35%;
}
.after_work .wpop_cont .rbox1.apr_progress .w_cont .j_change_box1:nth-child(3) {
  width: 44%;
}
.after_work .wpop_cont .btn_area span {
  font-size: 13px;
  font-weight: 300;
}
.after_work .wpop_cont .btn_area span.total {
  margin-left: 20px;
}
.after_work .wpop_cont .btn_area span.total_num {
  font-weight: bold;
  color: #E60724;
  margin-left: 3px;
}
/**************변경 팝업 *************/
.pop_totalworkers .wpop_cont {
  padding: 30px;
}
.pop_totalworkers .wpop_cont .top_coment {
  font-size: 13px;
  font-weight: 300;
}
.pop_totalworkers .wpop_cont .top_coment .totalworkers_num {
  font-size: 13px;
  font-weight: 700;
  color: #E60724;
}
.pop_totalworkers .wpop_cont .work_bundle {
  margin-top: 30px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box {
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-right: none;
  margin-top: -1px;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.03);
}
.pop_totalworkers .wpop_cont .work_bundle .work_box:first-child {
  border-top: 1px solid #bbb;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_tit {
  padding: 15px;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  font-weight: 500;
  color: #555;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_tit span {
  font-size: 14px;
  font-weight: 500;
  color: #555;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_tit::before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #004d94;
  border-radius: 50%;
  position: relative;
  margin-right: 8px;
  top: -2px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_tit .checkbox_align {
  display: inline-block;
  padding-left: 25px;
  vertical-align: middle;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_tit .checkbox_align .j_check_txt {
  font-size: 13px;
  font-weight: 300;
  color: #333333;
  vertical-align: top;
  padding-top: 2px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont {
  padding-left: 148px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table {
  width: 100%;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table th {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  padding: 14px 0;
  border-bottom: 1px solid #ebebeb;
  text-align: right;
  padding-right: 30px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table th button {
  margin-top: -2px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table td {
  font-size: 13px;
  font-weight: 300;
  color: #333;
  border-bottom: 1px solid #ebebeb;
  height: 50px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table td .s_title {
  font-size: 13px;
  font-weight: 300;
  color: #888;
  padding: 0 5px 0 45px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table td .s_title:first-child {
  padding: 0 8px 0 10px!important;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table td .j_e_mark2 {
  margin-right: 3px;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table tr:last-child th {
  border-bottom: none;
}
.pop_totalworkers .wpop_cont .work_bundle .work_box .work_cont table tr:last-child td {
  border-bottom: none;
}
.pop_totalworkers .wpop_cont .wbox1 {
  border-left: 2px solid #004d94;
  z-index: 4;
}
.pop_totalworkers .wpop_cont .wbox2 {
  border-left: 2px solid #197bd0;
  z-index: 3;
  margin-left: 30px;
}
.pop_totalworkers .wpop_cont .wbox2 .work_tit::before {
  background-color: #197bd0 !important;
}
.pop_totalworkers .wpop_cont .wbox2 .work_cont {
  padding-left: 108px !important;
}
.pop_totalworkers .wpop_cont .wbox3 {
  border-left: 2px solid #289eef;
  z-index: 2;
  margin-left: 60px;
}
.pop_totalworkers .wpop_cont .wbox3 .work_tit::before {
  background-color: #289eef !important;
}
.pop_totalworkers .wpop_cont .wbox3 .work_cont {
  padding-left: 88px !important;
}
.pop_totalworkers .wpop_cont .wbox4 {
  border-left: 2px solid #7dc3ef;
  z-index: 1;
  margin-left: 90px;
}
.pop_totalworkers .wpop_cont .wbox4 .work_tit::before {
  background-color: #7dc3ef !important;
}
.pop_totalworkers .wpop_cont .wbox4 .work_cont {
  padding-left: 88px !important;
}
/************** 인프라운영 팝업 *************/
.add_backup .wpop_cont {
  padding: 0 30px;
}
.add_backup .wpop_cont .Table tbody tr td {
  padding: 10px;
}
.add_backup .wpop_cont .Table tbody tr td .wp_cmt {
  font-size: 13px;
  font-weight: 300;
  color: #888;
  margin-top: 8px;
}
/************** 마이페이지 팝업 *************/
.big_data .wpop_cont {
  padding: 0 30px;
}
.big_data .wpop_cont .Table tbody tr td {
  padding: 10px;
}
.big_data .wpop_cont .Table tbody tr td .wp_cmt {
  font-size: 13px;
  font-weight: 300;
  color: #888;
  margin-top: 8px;
  display: inline-block;
  margin-left: 10px;
}
.big_data .wpop_cont .Table tbody tr:last-of-type th,
.big_data .wpop_cont .Table tbody tr:last-of-type td {
  border-bottom: none;
}
.fixed_top {
  padding: 30px 30px 0;
}
.fixed_bot {
  padding: 0 30px;
  height: 361px;
  overflow-y: auto;
}
.fixed_bot.cp_box2 {
  height: 405px;
  padding-top: 26px;
}
.fixed_bot .wbox {
  margin: 0 !important;
}
.fixed_bot .wbox .Table tr:last-child th,
.fixed_bot .wbox .Table tr:last-child td {
  border-bottom: none !important;
}
/****************************************************************************************************
******************************  그래프 공통  progressBar.less  ******************************************
*****************************************************************************************************/
/*그래프 공통*/
.graph_bar {
  position: relative;
  height: 18px;
  overflow: hidden;
}
.graph_bar:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.graph_bar div {
  float: left;
}
.graph_bar span {
  display: inline-block;
  vertical-align: middle;
}
.graph_bar .graph {
  width: 120px;
  height: 18px;
  overflow: hidden;
  position: relative;
  background: url('../../image/graph_barbg.png') no-repeat left top;
  border-radius: 9px;
}
.graph_bar .graph .in {
  display: block;
  height: 18px;
  background: #9ad1e2;
  border-radius: 9px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
}
.graph_bar .graph .text {
  position: absolute;
  top: 50%;
  display: block;
  width: 120px;
  font-size: 11px;
  font-weight: 500;
  color: #000;
  opacity: 0.4;
  text-align: center;
  transform: translateY(-50%);
}
.graph_bar .graph .text span {
  font-size: 11px;
  font-weight: 500;
  color: #000;
  vertical-align: top;
  padding-right: 3px;
}
.graph_bar .time {
  font-size: 13px;
  font-weight: 300;
  color: #333333;
  text-align: left;
  line-height: 1.4;
  width: calc(100% - 120px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 8px;
}
.graph_bar .time span {
  font-size: 13px;
  font-weight: 300;
  color: #333333;
  vertical-align: top;
  padding: 0 0 0 2px;
  line-height: 1.4em;
}
.delay_bar .graph .in {
  width: 100% !important;
  background: #ff697c;
}
.delay_bar .graph .text {
  color: #fff;
  opacity: 1;
  font-weight: 300;
}
.delay_bar .time {
  color: #e60724;
}
.delay_bar .time span {
  color: #e60724;
  vertical-align: top;
  line-height: 1.4em;
}
.graph_none {
  position: relative;
  height: 24px;
}
.graph_none img {
  float: left;
  vertical-align: middle;
}
.graph_none .time {
  float: left;
  font-size: 13px;
  font-weight: 300;
  color: #333333;
  text-align: left;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.graph_none .time span {
  font-size: 13px;
  font-weight: 300;
  color: #333333;
  padding: 0 0 0 2px;
  vertical-align: top;
  line-height: 1.8em;
}
.progress_bar {
  position: relative;
  top: -2px;
  height: 19px;
}
.progress_bar span {
  display: inline-block;
  vertical-align: middle;
}
.progress_bar .graph {
  width: 120px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: 120px 18px;
  image-rendering: -moz-pixelated;
  /* Firefox */
  image-rendering: -o-pixelated;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
.progress_bar .tit {
  font-size: 13px;
  font-weight: 300;
  color: #888888;
  margin: 0 10px;
  text-align: left;
}
.progress_bar .time {
  font-size: 13px;
  font-weight: 300;
  color: #333333;
  text-align: left;
}
.data_10 .graph {
  background-image: url(../../image/graph.png);
}
.data_20 .graph {
  background-image: url(../../image/graph2.png);
}
.data_30 .graph {
  background-image: url(../../image/graph3.png);
}
.data_40 .graph {
  background-image: url(../../image/graph4.png);
}
.data_50 .graph {
  background-image: url(../../image/graph5.png);
}
.data_60 .graph {
  background-image: url(../../image/graph6.png);
}
.data_70 .graph {
  background-image: url(../../image/graph7.png);
}
.data_80 .graph {
  background-image: url(../../image/graph8.png);
}
.data_90 .graph {
  background-image: url(../../image/graph9.png);
}
.data_100 .graph {
  background-image: url(../../image/graph10.png);
}
.data_low .graph {
  background-image: url(../../image/graph11.png);
}
.data_low .time {
  font-weight: 500;
  color: #da9e0d;
}
.data_mid .graph {
  background-image: url(../../image/graph12.png);
}
.data_mid .time {
  font-weight: 500;
  color: #fb9f5f;
}
.data_high .graph {
  background-image: url(../../image/graph13.png);
}
.data_high .time {
  font-weight: 500;
  color: #ad3d4d;
}
/****************************************************************************************************
******************************  알럿창 공통  alertPop.less  ********************************************
*****************************************************************************************************/
/*******alertPop.less********/
.alertpop .a_con {
  padding: 20px 20px 20px 37px;
  position: relative;
}
.alertpop .a_con .a_icon {
  position: absolute;
  left: 13px;
  top: 26px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_information_16.png) no-repeat center / 16px;
}
.alertpop .a_con .a_txt_box {
  min-width: 320px;
  max-width: 450px;
}
.alertpop .a_con .a_txt_box .a_txt {
  display: inline;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  word-break: break-all;
}
.alertpop .a_footer {
  border-top: 1px solid #d7d7d7;
}
.alertpop .a_footer.a_btn1 button {
  width: 100%;
  background-color: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  padding: 9px 0;
  text-align: center;
}
.alertpop .a_footer.a_btn1 button:active {
  outline: none;
}
.alertpop .a_footer.a_btn1 button:focus {
  outline: none;
}
.alertpop .a_footer.a_btn2 button {
  width: 49%;
  background-color: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  padding: 9px 0;
  text-align: center;
}
.alertpop .a_footer.a_btn2 button:active {
  outline: none;
}
.alertpop .a_footer.a_btn2 button:focus {
  outline: none;
}
.alertpop .a_footer.a_btn2 button:first-child {
  border-right: 1px solid #d7d7d7;
  color: #888;
}
.alert_error .a_con .a_icon {
  background: url(../../image/icon_error_16.png) no-repeat center / 16px;
}
.alert_warning .a_con .a_icon {
  background: url(../../image/icon_warning_16.png) no-repeat center / 16px;
}
.alert_sucess .a_con .a_icon {
  width: 16px;
  height: 12px;
  background: url(../../image/icon_check_g_16.png) no-repeat center / 16px 12px;
}
.alert_normal .a_con .a_icon {
  width: 18px;
  height: 16px;
  background: url(../../image/icon_normal_16.png) no-repeat center / 18px 16px;
}
/****************************************************************************************************
******************************  작업파일  jjh.less  *************************************************
*****************************************************************************************************/
body {
  position: relative;
}
.vt th {
  vertical-align: top !important;
  padding-top: 15px;
}
.vt td {
  vertical-align: top !important;
  padding-top: 15px;
}
.vt dt,
.vt dd {
  vertical-align: top !important;
}
.w100 {
  width: 100% !important;
}
.w100 input,
.w100 select,
.w100 textarea {
  width: 100% !important;
}
.w8 {
  width: 8.5% !important;
}
.w8 input,
.w8 select,
.w8 textarea {
  width: 100% !important;
}
.w15 {
  width: 15% !important;
}
.w15 input,
.w15 select,
.w15 textarea {
  width: 100% !important;
}
.w155 {
  width: 15.5% !important;
}
.w155 input,
.w155 select,
.w155 textarea {
  width: 100% !important;
}
.w158 {
  width: 15.8% !important;
}
.w158 input,
.w158 select,
.w158 textarea {
  width: 100% !important;
}
.w167 {
  width: 16.7% !important;
}
.w167 input,
.w167 select,
.w167 textarea {
  width: 100% !important;
}
.w18 {
  width: 18% !important;
}
.w18 input,
.w18 select,
.w18 textarea {
  width: 100% !important;
}
.w20 {
  width: 20% !important;
}
.w20 input,
.w20 select,
.w20 textarea {
  width: 100% !important;
}
.w22 {
  width: 22% !important;
}
.w22 input,
.w22 select,
.w22 textarea,
.w22 .input_box {
  width: 100% !important;
}
.w234 {
  width: 23.4% !important;
}
.w234 input,
.w234 select,
.w234 textarea {
  width: 100% !important;
}
.w24 {
  width: 24% !important;
}
.w24 input,
.w24 select,
.w24 textarea {
  width: 100% !important;
}
.w257 {
  width: 25.7% !important;
}
.w257 input,
.w257 select,
.w257 textarea {
  width: 100% !important;
}
.wp257 {
  width: 25.7%;
}
.wp257 .input_box,
.wp257 input,
.wp257 select,
.wp257 textarea {
  width: 100% !important;
}
.wp290 {
  width: 29%;
}
.wp290 .input_box,
.wp290 input,
.wp290 select,
.wp290 textarea {
  width: 100% !important;
}
.w27 {
  width: 27% !important;
}
.w27 input,
.w27 select,
.w27 textarea {
  width: 100% !important;
}
.w28 {
  width: 28% !important;
}
.w28 input,
.w28 select,
.w28 textarea {
  width: 100% !important;
}
.w285 {
  width: 28.5% !important;
}
.w285 input,
.w285 select,
.w285 textarea {
  width: 100% !important;
}
.w29 {
  width: 29% !important;
}
.w29 input,
.w29 select,
.w29 textarea {
  width: 100% !important;
}
.w30 {
  width: 30% !important;
}
.w30 input,
.w30 select,
.w30 textarea,
.w30 .input_box {
  width: 100% !important;
}
.w305 {
  width: 30.5% !important;
}
.w305 input,
.w305 select,
.w305 textarea,
.w305 .input_box {
  width: 100% !important;
}
.w31 {
  width: 31% !important;
}
.w31 input,
.w31 select,
.w31 textarea,
.w31 .input_box {
  width: 100% !important;
}
.w325 {
  width: 32.5% !important;
}
.w325 input,
.w325 select,
.w325 textarea,
.w325 .input_box {
  width: 100% !important;
}
.w33 {
  width: 33% !important;
}
.w33 input,
.w33 select,
.w33 textarea,
.w33 .input_box {
  width: 100% !important;
}
.w366 {
  width: 36.6% !important;
}
.w366 input,
.w366 select,
.w366 textarea {
  width: 100% !important;
}
.w37 {
  width: 37% !important;
}
.w37 input,
.w37 select,
.w37 textarea {
  width: 100% !important;
}
.w375 {
  width: 37.5% !important;
}
.w376 {
  width: 37.6% !important;
}
.w376 input,
.w376 select,
.w376 textarea {
  width: 100% !important;
}
.w39 {
  width: 39% !important;
}
.w39 input,
.w39 select,
.w39 textarea {
  width: 100% !important;
}
.w395 {
  width: 39.5% !important;
}
.w395 input,
.w395 select,
.w395 textarea {
  width: 100% !important;
}
.w405 {
  width: 40.5% !important;
}
.w405 input,
.w405 select,
.w405 textarea {
  width: 100% !important;
}
.w425 {
  width: 42.5% !important;
}
.w425 input,
.w425 select,
.w425 textarea {
  width: 100% !important;
}
.w456 {
  width: 45.6% !important;
}
.w456 input,
.w456 select,
.w456 textarea {
  width: 100% !important;
}
.w478 {
  width: 47.8% !important;
}
.w478 input,
.w478 select,
.w478 textarea {
  width: 100% !important;
}
.w48 {
  width: 48% !important;
}
.w48 input,
.w48 select,
.w48 textarea {
  width: 100% !important;
}
.w51 {
  width: 51% !important;
}
.w51 input,
.w51 select,
.w51 textarea {
  width: 100% !important;
}
.w55 {
  width: 55% !important;
}
.w55 input,
.w55 select,
.w55 textarea {
  width: 100% !important;
}
.w57 {
  width: 57% !important;
}
.w57 input,
.w57 select,
.w57 textarea {
  width: 100% !important;
}
.w58 {
  width: 58% !important;
}
.w58 input,
.w58 select,
.w58 textarea,
.w58 .input_box {
  width: 100% !important;
}
.w65 {
  width: 65% !important;
}
.w65 input,
.w65 select,
.w65 textarea,
.w65 .input_box {
  width: 100% !important;
}
.w68 {
  width: 68% !important;
}
.w68 input,
.w68 select,
.w68 textarea,
.w68 .input_box {
  width: 100% !important;
}
.w693 {
  width: 69.3% !important;
}
.w693 input,
.w693 select,
.w693 textarea,
.w693 .input_box {
  width: 100% !important;
}
.w62 {
  width: 62% !important;
}
.w62 input,
.w62 select,
.w62 textarea,
.w62 .input_box {
  width: 100% !important;
}
.w60 {
  width: 60% !important;
}
.w60 input,
.w60 select,
.w60 textarea,
.w60 .input_box {
  width: 100% !important;
}
.w770 {
  width: 70% !important;
}
.w770 input,
.w770 select,
.w770 textarea,
.w770 .input_box {
  width: 100% !important;
}
.w72 {
  width: 72% !important;
}
.w72 input,
.w72 select,
.w72 textarea,
.w72 .input_box {
  width: 100% !important;
}
.w75 {
  width: 75% !important;
}
.w75 input,
.w75 select,
.w75 textarea,
.w75 .input_box {
  width: 100% !important;
}
.w765 {
  width: 76.5% !important;
}
.w765 input,
.w765 select,
.w765 textarea,
.w765 .input_box {
  width: 100% !important;
}
.w785 {
  width: 78.5% !important;
}
.w785 input,
.w785 select,
.w785 textarea,
.w785 .input_box {
  width: 100% !important;
}
.w80 {
  width: 80% !important;
}
.w80 input,
.w80 select,
.w80 textarea,
.w80 .input_box {
  width: 100% !important;
}
.w82 {
  width: 82% !important;
}
.w82 input,
.w82 select,
.w82 textarea,
.w82 .input_box {
  width: 100% !important;
}
.w82_5 {
  width: 82.5% !important;
}
.w82_5 input,
.w82_5 select,
.w82_5 textarea,
.w82_5 .input_box {
  width: 100% !important;
}
.w85 {
  width: 85% !important;
}
.w85 input,
.w85 select,
.w85 textarea,
.w85 .input_box {
  width: 100% !important;
}
.w867 {
  width: 86.7% !important;
}
.w867 input,
.w867 select,
.w867 textarea,
.w867 .input_box {
  width: 100% !important;
}
.w885 {
  width: 88.5% !important;
}
.w885 input,
.w885 select,
.w885 textarea,
.w885 .input_box {
  width: 100% !important;
}
.w90 {
  width: 90% !important;
}
.w90 input,
.w90 select,
.w90 textarea,
.w90 .input_box {
  width: 100% !important;
}
.w94 {
  width: 94% !important;
}
.w94 input,
.w94 select,
.w94 textarea,
.w94 .input_box {
  width: 100% !important;
}
.w964 {
  width: 96.4% !important;
}
.w964 input,
.w964 select,
.w964 textarea,
.w964 .input_box {
  width: 100% !important;
}
.w97 {
  width: 97% !important;
}
.w97 input,
.w97 select,
.w97 textarea,
.w97 .input_box {
  width: 100% !important;
}
.w974 {
  width: 97.4% !important;
}
.w974 input,
.w974 select,
.w974 textarea,
.w974 .input_box {
  width: 100% !important;
}
.w244 {
  width: 244px !important;
}
.w244 input,
.w244 select,
.w244 textarea,
.w244 .input_box {
  width: 100% !important;
}
.w385 {
  width: 385px !important;
}
.w385 input,
.w385 select,
.w385 textarea {
  width: 100% !important;
}
.w560 {
  width: 560px !important;
}
.w560 input,
.w560 select,
.w560 textarea {
  width: 100% !important;
}
.w640 {
  width: 640px !important;
}
.w640 input,
.w640 select,
.w640 textarea {
  width: 100% !important;
}
.w685 {
  width: 72% !important;
}
.w685 input,
.w685 select,
.w685 textarea {
  width: 100% !important;
}
.w66 {
  width: 66px !important;
}
.w70 {
  width: 70px !important;
}
.w70 input,
.w70 select,
.w70 textarea {
  width: 100% !important;
}
.w86 {
  width: 86px !important;
}
.w120 {
  width: 120px !important;
}
.w120 input,
.w120 select,
.w120 textarea {
  width: 100% !important;
}
.w124 {
  width: 124px !important;
}
.w124 input,
.w124 select,
.w124 textarea {
  width: 100% !important;
}
.w140 {
  width: 140px !important;
}
.w140 input,
.w140 select,
.w140 textarea {
  width: 100% !important;
}
.w150 {
  width: 150px !important;
}
.w150 input,
.w150 select,
.w150 textarea {
  width: 100% !important;
}
.w160 {
  width: 160px !important;
}
.w165 {
  width: 165px;
}
.w165 input,
.w165 select,
.w165 textarea {
  width: 100% !important;
}
.w170 {
  width: 170px;
}
.w170 input,
.w170 select,
.w170 textarea {
  width: 100% !important;
}
.w174 {
  width: 174px !important;
}
.w182 {
  width: 182px;
}
.w182 input,
.w182 select,
.w182 textarea {
  width: 100% !important;
}
.w185 {
  width: 185px;
}
.w185 input,
.w185 select,
.w185 textarea {
  width: 100% !important;
}
.w200 {
  width: 200px;
}
.w200 input,
.w200 select,
.w200 textarea {
  width: 100% !important;
}
.w258 {
  width: 258px;
}
.w258 input,
.w258 select,
.w258 textarea {
  width: 100% !important;
}
.w235 {
  width: 235px !important;
}
.w245 {
  width: 245px;
}
.w245 input,
.w245 select,
.w245 textarea {
  width: 100% !important;
}
.w260 {
  width: 260px;
}
.w260 input,
.w260 select,
.w260 textarea {
  width: 100% !important;
}
.w270 {
  width: 270px;
}
.w270 input,
.w270 select,
.w270 textarea {
  width: 100% !important;
}
.w283 {
  width: 283px;
}
.w283 input,
.w283 select,
.w283 textarea {
  width: 100% !important;
}
.w320 {
  width: 320px !important;
}
.w345 {
  width: 345px;
}
.w345 input,
.w345 select,
.w345 textarea {
  width: 100% !important;
}
.w347 {
  width: 347px;
}
.w347 input,
.w347 select,
.w347 textarea {
  width: 100% !important;
}
.w370 {
  width: 370px;
}
.w370 input,
.w370 select,
.w370 textarea {
  width: 100% !important;
}
.w474 {
  width: 474px;
}
.w474 input,
.w474 select,
.w474 textarea {
  width: 100% !important;
}
.in_block {
  display: inline-block;
  vertical-align: middle;
}
.w500 {
  width: 57.5%;
}
.w500 input,
.w500 select,
.w500 textarea {
  width: 100% !important;
}
.w612 {
  width: 70.3%;
}
.w612 input,
.w612 select,
.w612 textarea {
  width: 100% !important;
}
.w870 {
  width: 870px;
}
.w870 input,
.w870 select,
.w870 textarea {
  width: 100% !important;
}
.w753 {
  width: 753px;
}
.w753 input,
.w753 select,
.w753 textarea {
  width: 100% !important;
}
.w150p {
  width: 150px;
}
.w150p input,
.w150p select,
.w150p textarea,
.w150p div {
  width: 100% !important;
}
.w-150p {
  width: calc(100% - 155px);
}
.w-150p input,
.w-150p select,
.w-150p textarea,
.w-150p div {
  width: 100% !important;
}
.w-150p .j_multi_input {
  width: calc(100% - 36px) !important;
}
.h300 {
  height: 300px;
}
.h300 input,
.h300 select,
.h300 textarea {
  height: 100% !important;
}
.h240 {
  height: 240px;
}
.h240 input,
.h240 select,
.h240 textarea {
  height: 100% !important;
}
.h178 {
  height: 178px;
}
.h142 {
  height: 142px;
}
.h150 {
  height: 150px;
}
.h150 input,
.h150 select,
.h150 textarea {
  height: 100% !important;
}
.h128 {
  height: 120px;
}
.h128 input,
.h128 select,
.h128 textarea {
  height: 100% !important;
}
.h120 {
  height: 120px;
}
.h120 input,
.h120 select,
.h120 textarea {
  height: 100% !important;
}
.h70 {
  height: 70px !important;
}
.h32 {
  height: 32px !important;
}
.mh {
  min-height: 70px;
}
.mh1 {
  min-height: 142px;
}
.mh650 {
  min-height: 650px;
}
.mtm15 {
  margin-top: -15px !important;
}
.mtm52 {
  margin-top: -52px !important;
}
.mtm72 {
  margin-top: -72px !important;
}
.mtm78 {
  margin-top: -78px !important;
}
.mtm81 {
  margin-top: -81px !important;
}
.mtm90 {
  margin-top: -90px !important;
}
.mtm100 {
  margin-top: -100px !important;
}
.mtm110 {
  margin-top: -110px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.h259 {
  height: 229px;
}
.pt0 {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pdr11 {
  padding-right: 11px !important;
}
.pdr80 {
  padding-right: 80px !important;
}
.pdr150 {
  padding-right: 150px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pdb5 {
  padding-bottom: 5px !important;
}
.pdb30 {
  padding-bottom: 30px !important;
}
.pcmb23 {
  padding-bottom: 23px !important;
}
.pcpb15 {
  padding-bottom: 15px !important;
}
.pcpb10 {
  padding-bottom: 10px !important;
}
.dib {
  display: inline-block;
}
.dselec98 {
  background: #fff url("../../image/icon_down2_16.png") no-repeat right center;
}
.dselec98:hover,
.dselec98 active {
  background: #fff url("../../image/icon_down2_16.png") no-repeat right center;
}
.dselec99 {
  background: #fff url("../../image/icon_down2_16.png") no-repeat right center;
}
.dselec99:hover,
.dselec99 active {
  background: #fff url("../../image/icon_down2_16.png") no-repeat right center;
}
.lastb {
  border-bottom: none !important;
}
.btn_size89 {
  padding: 7px;
  width: 89px;
}
.btn_size89:active,
.btn_size89 :focus {
  padding: 7px;
}
.db_input > div {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.radio_input > div {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.radio_input > div:first-child {
  margin-right: 15px;
}
.radio_input > div:last-child label {
  margin-right: 0;
}
.bt_none {
  border-top: none !important;
}
.bb_none {
  border-bottom: none !important;
}
.bb_yes {
  border-bottom: 1px solid #ebebeb;
}
.bt_yes {
  border-top: 1px solid #ebebeb;
}
.bb_yes2 {
  border-bottom: 1px solid #d7d7d7;
}
.dateselec .Divselect {
  vertical-align: middle;
}
.small_spinner {
  padding-right: 15px;
}
.small_spinner input:first-of-type {
  padding-left: 5px;
}
.small_spinner input:last-of-type {
  padding-right: 5px;
}
.small_spinner .Up,
.small_spinner .Down {
  width: 15px;
}
.flag {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../../image/icon_wgroup.png) no-repeat center / 12px 12px;
}
.dropbox {
  width: 100%;
  height: 150px;
  border-radius: 2px;
  background-color: #fafafa;
  border: 1px dashed #bbbbbb;
  position: relative;
}
.dropbox .message {
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}
.dropbox .message span {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 5px;
  background: url(../../image/icon_upload_24.png) no-repeat center;
}
.dropbox .message p {
  font-size: 13px;
  font-weight: 300;
  color: #666;
}
.dropbox2 {
  width: 100%;
  height: 150px;
  overflow: auto;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #bbbbbb;
  position: relative;
}
.dropbox2 ul {
  width: 100%;
}
.dropbox2 ul li {
  padding: 8px 10px 8px 8px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.dropbox2 ul li:hover {
  background-color: #f4f4f4;
}
.dropbox2 ul li span {
  float: left;
}
.dropbox2 ul li .file_txt {
  font-size: 13px;
  font-weight: 300;
  margin-left: 3px;
  line-height: 14px;
}
.dropbox2 ul li .file_volume {
  font-size: 11px;
  color: #888;
  float: right;
  font-weight: 300;
}
.dropbox2 ul li .remove_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_del_01.png) no-repeat center / 16px;
  margin-right: 10px;
}
.dropbox2 ul li .pdf_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_pdf_16.png) no-repeat center / 16px;
}
.dropbox2 ul li .zip_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_zip_16.png) no-repeat center / 16px;
}
.dropbox2 ul li .hwp_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_hwp_16.png) no-repeat center / 16px;
}
.dropbox2 ul li .xls_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_excel_16.png) no-repeat center / 16px;
}
.dropbox2 ul li .doc_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_doc_16.png) no-repeat center / 16px;
}
.dropbox2 ul li .img_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_img_16.png) no-repeat center / 16px;
}
.dropbox2 ul li .ppt_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_ppt_16.png) no-repeat center / 16px;
}
.dropbox2 ul li .txt_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_txt_16.png) no-repeat center / 16px;
}
.dropbox_bot {
  width: 100%;
  margin: 9px 0 0;
}
.dropbox_bot::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.dropbox_bot .left {
  float: left;
}
.dropbox_bot .left li {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #888888;
  text-indent: -3px;
  padding-left: 6px;
}
.dropbox_bot .left li::before {
  content: ".";
  display: inline-block;
  position: relative;
  right: 0;
  top: -5px;
  padding-right: 5px;
}
.dropbox_bot .left li.point_txt {
  color: #FD6901;
}
.dropbox_bot .left .Button {
  margin-bottom: 9px;
}
.dropbox_bot .right {
  float: right !important;
}
.dropbox_bot .right::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.dropbox_bot .right .volume {
  vertical-align: middle;
  font-size: 13px;
  font-family: Roboto;
  text-align: right;
  margin-top: 5px;
}
.dropbox_bot .right .volume span {
  color: #888;
  font-size: 13px;
  font-family: Roboto;
}
.dropbox_bot .right .Button {
  vertical-align: middle;
  margin-left: 3px;
}
.dropbox_bot .right .Button.down_btn::before {
  background: url(../../image/icon_document_16.png) no-repeat center / 16px 16px;
}
.dropbox_bot .right .Button.clip_w::before {
  background: url(../../image/icon_clip_w_16.png) no-repeat center / 16px 16px;
}
.dropbox_bot .right .Button.excel_btn::before {
  background: url(../../image/icon_excel_w_16.png) no-repeat center / 16px 16px;
}
.dropbox_bot .right input[type="file"] {
  display: none;
}
span.j_file_name {
  font-size: 13px;
  color: #333;
  font-weight: 300;
  background: no-repeat left center;
  background-size: 16px 16px;
  padding-left: 21px;
}
span.j_file_name.j_file_icon_img {
  background-image: url(../../image/icon_img_16.png);
}
span.j_file_name.j_file_icon_ppt {
  background-image: url(../../image/icon_ppt_16.png);
}
span.j_file_name.j_file_icon_excel {
  background-image: url(../../image/icon_excel_16.png);
}
span.j_file_name.j_file_icon_word {
  background-image: url(../../image/icon_word_16.png);
}
span.j_file_name.j_file_icon_pdf {
  background-image: url(../../image/icon_pdt_16.png);
}
span.j_file_name.j_file_icon_txt {
  background-image: url(../../image/icon_txt_16.png);
}
span.j_file_name.j_file_icon_zip {
  background-image: url(../../image/icon_zip_16.png);
}
span.j_file_name.j_file_icon_etc {
  background-image: url(../../image/icon_etc_16.png);
}
.Tooltip.tip_type2 {
  width: 340px;
  padding: 15px;
  z-index: 99;
}
.Tooltip.tip_type2 dl {
  display: block !important;
  width: 100% !important;
  border-bottom: 1px solid #ebebeb;
}
.Tooltip.tip_type2 dl:first-child {
  padding-bottom: 10px;
}
.Tooltip.tip_type2 dl:last-child {
  padding-top: 10px;
  border-bottom: none;
}
.Tooltip.tip_type2 dl dt {
  width: 20% !important;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  vertical-align: top !important;
  text-align: left !important;
  padding-right: 0 !important;
}
.Tooltip.tip_type2 dl dd {
  width: 78% !important;
  font-size: 13px;
  font-weight: 300;
}
.Tooltip.tip_type2 dl dd .tip_cmt {
  padding-top: 5px;
  font-size: 13px;
  font-weight: 300;
  color: #888;
  line-height: 1.23;
}
.off_tip {
  opacity: 0.5;
  cursor: not-allowed;
}
.j_txt2 ul li {
  display: inline-block;
}
.j_txt2 ul li:last-child:after {
  display: none;
}
.j_txt2 ul li:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #d7d7d7;
  position: relative;
  top: 2px;
}
.j_txt2 ul li p {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
}
.j_txt2 ul li p.txt_tit {
  color: #888888;
  padding: 0 15px;
}
.j_txt2 ul li p.txt_key {
  padding-right: 15px;
}
.j_txt2 ul li p.txt_key .key_num {
  font-size: 13px;
  font-weight: 500;
  padding-right: 2px;
}
.j_txt2 ul li p.txt_key .key_num:hover {
  text-decoration: underline;
  cursor: pointer;
}
.j_txt2 ul li p.txt_key .key_num.color_o {
  color: #fd6901;
}
.j_txt2 ul li p.txt_key .key_num.color_r {
  color: #e60724;
}
.j_txt2 ul li p.txt_key .key_num.color_b {
  color: #197bd0;
}
.pp_box {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.46;
  padding: 20px 20px 40px 0;
}
.pp_box .strong {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 7px;
}
.pp_box .strong2 {
  font-weight: 500;
}
.pp_box a {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.46;
  color: #289eef;
}
.pp_box a:hover {
  text-decoration: underline;
}
.pp_box dl {
  padding-left: 10px;
}
.pp_box dl dt {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.85;
  padding-left: 14px;
  text-indent: -14px;
}
.pp_box dl dd {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.85;
  padding-left: 24px;
  text-indent: -8px;
}
.col3 {
  width: 100% !important;
}
.disorder_step2 {
  width: 100%;
  height: 40px;
  background-color: #a8a8a8;
  border-top-left-radius: 80px 80px;
  margin-bottom: 30px;
  position: relative;
}
.disorder_step2:after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #a8a8a8;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.disorder_step2.j_width5 li {
  width: 20%;
}
.disorder_step2.j_width5 li:last-child {
  width: calc(20% - 7px);
}
.disorder_step2 li {
  float: left;
  height: 100%;
  line-height: 36px;
  font-size: 14px;
  font-weight: 500;
  color: #888;
  text-align: center;
}
.disorder_step2 .step {
  position: relative;
  margin-right: 1px;
  background: #fff;
  border-top: 1px solid #a8a8a8;
  border-bottom: 1px solid #a8a8a8;
}
.disorder_step2 .step:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #a8a8a8;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.disorder_step2 .step:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.disorder_step2 .step:first-child {
  border-left: 1px solid #a8a8a8;
}
.disorder_step2 .step:first-child:before {
  border-left: 0;
}
.disorder_step2 .step:last-child {
  margin-right: 0;
  border-left: 0;
  border-right: 1px solid #a8a8a8;
}
.disorder_step2 .step.on_step {
  background-color: #197bd0;
  color: #fff;
  border-top: 1px solid #197bd0;
  border-bottom: 1px solid #197bd0;
}
.disorder_step2 .step.on_step:before {
  border-left: 10px solid #197bd0;
}
.disorder_step2 .step.on_step:after {
  border-left: 10px solid #197bd0;
}
.disorder_step2 .step.off_step {
  background-color: #bbb;
  color: #fff;
}
.disorder_step2 .step.off_step:after {
  border-left: 10px solid #bbb;
}
.disorder_step2 .m_step01 {
  z-index: 5;
}
.disorder_step2 .m_step02 {
  z-index: 4;
}
.disorder_step2 .m_step03 {
  z-index: 3;
}
.disorder_step2 .m_step04 {
  z-index: 2;
}
.disorder_step2 .m_step05 {
  z-index: 1;
}
.j_ul_table2 {
  width: 100%;
}
.j_ul_table2 ul.j_ul_st {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.j_ul_table2 ul.j_ul_st li {
  display: table-cell;
  text-align: center;
  font-weight: 300;
}
.j_ul_table2 ul.j_ul_st li.g_no {
  width: 10%;
}
.j_ul_table2 ul.j_ul_st li.g_request {
  width: 73.4%;
}
.j_ul_table2 ul.j_ul_st li.g_date {
  width: 16%;
}
.j_ul_table2 ul.j_ul_table_top {
  border-bottom: 1px solid #bbb;
  margin-bottom: 1px;
}
.j_ul_table2 ul.j_ul_table_top li {
  font-size: 13px;
  font-weight: 500;
  line-height: 2.23;
  color: #888;
  height: 34px;
}
.j_ul_table2 .j_ul_table_con {
  border-bottom: 1px solid #bbb;
}
.j_ul_table2 .j_ul_table_con .j_ul_list {
  cursor: pointer;
  margin-top: -1px;
}
.j_ul_table2 .j_ul_table_con .j_ul_list:first-child .j_ul_st {
  border-top: 1px solid #fff;
}
.j_ul_table2 .j_ul_table_con .j_ul_list:last-child .j_ul_st {
  border-bottom: 1px solid #fff;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_st .g_request {
  text-align: left;
}
.j_ul_table2 .j_ul_table_con .j_ul_list:hover .j_ul_st,
.j_ul_table2 .j_ul_table_con .j_ul_list.j_sel .j_ul_st {
  border-top: 1px solid #7fc4ef;
  border-right: 1px solid #7fc4ef;
  border-bottom: 1px solid #7fc4ef;
  border-left: 1px solid #7fc4ef;
  background-color: #d3e9f7;
  z-index: 2;
}
.j_ul_table2 .j_ul_table_con .j_ul_list:hover .j_ul_st li,
.j_ul_table2 .j_ul_table_con .j_ul_list.j_sel .j_ul_st li {
  height: 50px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 300;
  color: #333;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_st {
  position: relative;
  z-index: 1;
  border: 1px solid #ebebeb;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_st li {
  height: 50px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 300;
  color: #333;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_st li.g_dubj {
  text-align: left;
  padding-left: 20px;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_st li.g_con {
  text-align: left;
  padding-left: 20px;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_st.j_sel {
  border-top: 1px solid #7fc4ef;
  border-right: 1px solid #7fc4ef;
  border-bottom: 1px solid #7fc4ef;
  border-left: 1px solid #7fc4ef;
  background-color: #d3e9f7;
  z-index: 2;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_st.j_sel li {
  height: 50px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 300;
  color: #333;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view {
  display: none;
  padding-left: 80px;
  background-color: #fafafa;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table {
  width: 100%;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table tr:last-child th,
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table tr:last-child td {
  border-bottom: none;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table th {
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  border-bottom: 1px solid #d7d7d7;
  vertical-align: top;
  padding: 15px 0;
  line-height: 1.69;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table th .a_request {
  font-size: 13px;
  font-weight: 500;
  color: #72a240;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table th .a_request::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../../image/icon_answer_16.png) no-repeat center / 16px;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table td {
  text-align: left;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  border-bottom: 1px solid #d7d7d7;
  vertical-align: top;
  padding: 15px 100px 15px 0;
  line-height: 1.69;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table td .r_answer {
  margin-bottom: 15px;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table td .r_answer > span {
  vertical-align: top;
  font-size: 13px;
  font-weight: 300;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table td .r_answer .r_name {
  margin-right: 10px;
}
.j_ul_table2 .j_ul_table_con .j_ul_list .j_ul_view table td .r_answer_con {
  font-size: 13px;
  font-weight: 300;
}
.table_top {
  overflow: hidden;
  padding: 0 10px 20px;
}
.table_top .top_left {
  float: left;
}
.table_top .top_left p {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #888888;
  vertical-align: top;
}
.table_top .top_left .top_date {
  font-size: 12px;
  font-weight: 500;
  color: #888888;
  vertical-align: top;
}
.table_top .top_right {
  float: right;
}
.table_top .top_right p {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #888888;
  margin-right: 10px;
  vertical-align: top;
}
.table_top .top_right ul {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.table_top .top_right ul li {
  font-size: 12px;
  font-weight: 300;
  color: #888;
  margin-right: 10px;
  float: left;
}
.table_top .top_right ul li:last-child {
  margin-right: 0;
}
.table_top .top_right ul li:last-child::after {
  display: none;
}
.table_top .top_right ul li::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #d7d7d7;
  margin-left: 10px;
}
.side_bar_area {
  position: fixed;
  left: 0;
  top: 0;
}
.contents_area {
  width: calc(100% - 260px);
  position: absolute;
  left: 260px;
  top: 0;
}
.contents_area .contentsWrap {
  background-color: #efeeea;
  padding: 40px 0 60px;
  min-width: 1260px;
}
.contents_area .contentsWrap .wrap {
  min-width: 1170px;
  max-width: 1760px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px 0 50px;
}
.contents_area .bot_btn {
  width: 40px;
  position: fixed;
  right: 17px;
  bottom: 17px;
  z-index: 200;
}
.contents_area .bot_btn button {
  display: block;
  width: 40px;
  height: 40px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  margin-top: 9px;
  outline: none;
}
.contents_area .bot_btn button.top_btn {
  background-image: url('../../image/icon_top.png');
  opacity: 0;
  transition: opacity 0.2s ease;
}
.contents_area .bot_btn button.chatbot_btn {
  position: relative;
  overflow: visible;
}
.contents_area .bot_btn button.chatbot_btn img {
  display: block;
  position: absolute;
  top: -1px;
  left: -8px;
}
.contents_area .bot_btn button.km_btn {
  position: relative;
  overflow: visible;
}
.contents_area .bot_btn button.km_btn img {
  display: block;
  position: absolute;
  top: 15px;
  left: 10px;
}
.contents_area .bot_btn button span.mychat_title {
  color: red;
  font-size: 12px;
  position: relative;
  top: -2px;
}
/****************************************************************************************************
******************************  작업파일  ljh.less  **************************************************
*****************************************************************************************************/
/* 20181125 j_ 추가 */
.j_w15p {
  width: 5%;
}
.j_w10p {
  width: 10%;
}
.j_w17p {
  width: 17.5% !important;
}
.j_w20p {
  width: 20%;
}
.j_w20p input {
  width: 100%;
}
.j_w22p {
  width: 22.8%;
}
.j_w22p input,
.j_w22p select {
  width: 100%;
}
.j_w25p {
  width: 25%;
}
.j_w25p input,
.j_w25p select {
  width: 100%;
}
.j_w27_3p {
  width: 27.3%;
}
.j_w27_3p input {
  width: 100%;
}
.j_w30p1 {
  width: 30%;
}
.j_w30p1 input {
  width: 100%;
}
.j_w30p {
  width: 30.4%;
}
.j_w30p input {
  width: 100%;
}
.j_w31p {
  width: 31%;
}
.j_w31p input {
  width: 100%;
}
.j_w32p6 {
  width: 32.6%;
}
.j_w32p6 input {
  width: 100%;
}
.j_w33p1 {
  width: 32.9%;
}
.j_w33p1 input {
  width: 100%;
}
.j_w33p6 {
  width: 33.6%;
}
.j_w33p6 input {
  width: 100%;
}
.j_w33p {
  width: 35%;
}
.j_w33p input {
  width: 100%;
}
.j_w40p {
  width: 40%;
}
.j_w40p input {
  width: 100%;
}
.j_w41p {
  width: 41.3%;
}
.j_w41p input {
  width: 100%;
}
.j_w45p_3 {
  width: 45.3%;
}
.j_w45p_3 input {
  width: 100%;
}
.j_w49p {
  width: 49%;
}
.j_w49p input {
  width: 100%;
}
.j_w50p {
  width: 50%;
}
.j_w50p input {
  width: 100%;
}
.j_w60p {
  width: 60%;
}
.j_w60p input {
  width: 100%;
}
.j_w63p {
  width: 63%;
}
.j_w63p input {
  width: 100%;
}
.j_w66p {
  width: 66% !important;
}
.j_w66p input {
  width: 100%;
}
.j_w67p {
  width: 66.9% !important;
}
.j_w67p input {
  width: 100%;
}
.j_w67p select {
  width: 100%;
}
.j_w68p {
  width: 68% !important;
}
.j_w68p input {
  width: 100%;
}
.j_w70p {
  width: 70% !important;
}
.j_w70p input {
  width: 100%;
}
.j_w72p {
  width: 72% !important;
}
.j_w72p input {
  width: 100%;
}
.j_w73p {
  width: 73.5% !important;
}
.j_w73p input {
  width: 100%;
}
.j_w80p {
  width: 80% !important;
}
.j_w80p input {
  width: 100%;
}
.j_w80p select {
  width: 100%;
}
.j_w80p1 {
  width: 80.8% !important;
}
.j_w80p1 input {
  width: 100%;
}
.j_w80p1 select {
  width: 100%;
}
.j_w80p1.Divselect {
  background-position: 99% 50% !important;
}
.j_w83p {
  width: 83%;
}
.j_w83p input,
.j_w83p select {
  width: 100%;
}
.j_w86p {
  width: 86% !important;
}
.j_w86p input {
  width: 100%;
}
.j_w88p {
  width: 88%;
}
.j_w88p input,
.j_w88p select {
  width: 100%;
}
.j_w90p {
  width: 90%;
}
.j_w90p input,
.j_w90p select,
.j_w90p textarea {
  width: 100%;
}
.j_w92p {
  width: 92%;
}
.j_w92p input,
.j_w92p select,
.j_w92p textarea {
  width: 100%;
}
.j_w96p {
  width: 96%;
}
.j_w96p input,
.j_w96p select,
.j_w96p textarea {
  width: 100%;
}
.j_w100p {
  width: 100%;
}
.j_w100p input,
.j_w100p select,
.j_w100p textarea {
  width: 100%;
}
.j_w100p.Divselect {
  background-position: 99% 50% !important;
}
.j_w100p_128px {
  width: calc(100% - 128px);
}
.j_w100p_128px input {
  width: 100%;
}
.j_w100p_128px textarea {
  width: 100%;
}
.j_w100p_128px.Divselect {
  background-position: 99% 50% !important;
}
.j_w100p_194px {
  width: calc(100% - 194px);
}
.j_w100p_194px input {
  width: 100%;
}
.j_w100p_194px.Divselect {
  background-position: 99% 50% !important;
}
.j_w60 {
  width: 60px !important;
}
.j_w60 input {
  width: 100%;
}
.j_w80 {
  width: 80px !important;
  min-width: 80px!important;
}
.j_w80 input,
.j_w80 select,
.j_w80 textarea {
  width: 100%;
}
.j_w110 {
  width: 110px;
}
.j_w100 {
  width: 100px;
}
.j_w112 {
  width: 112px;
}
.j_w182 {
  width: 182px;
}
.j_w200 {
  width: 200px;
}
.j_w212 {
  width: 212px;
}
.j_w214 {
  width: 214px;
}
.j_w222 {
  width: 222px;
}
.j_w270 {
  width: 270px !important;
}
.j_w274 {
  width: 274px !important;
}
.j_w295 {
  width: 295px;
}
.j_w475 {
  width: 475px !important;
}
.j_w477 {
  width: 477px !important;
}
.j_w764 {
  width: 764px !important;
}
.j_w770 {
  width: 770px !important;
}
.j_w881 {
  width: 881px !important;
}
.j_mb0 {
  margin-bottom: 0 !important;
}
.j_mb10 {
  margin-bottom: 10px !important;
}
.j_mb15 {
  margin-bottom: 15px !important;
}
.j_mb20 {
  margin-bottom: 20px !important;
}
.j_mb25 {
  margin-bottom: 25px !important;
}
.j_mb30 {
  margin-bottom: 30px !important;
}
.j_mb40 {
  margin-bottom: 40px;
}
.j_mb52 {
  margin-bottom: 52px !important;
}
.j_mb70 {
  margin-bottom: 70px !important;
}
.j_mt4px {
  margin-top: -4px;
}
.j_mt40px {
  margin-top: 40px;
}
.j_mt-30px {
  margin-top: -30px;
}
.j_pt0 {
  padding-top: 0 !important;
}
.j_pb0 {
  padding-bottom: 0 !important;
}
.j_pt20 {
  padding-top: 20px !important;
}
.j_pb10 {
  padding-bottom: 10px !important;
}
.j_pb20 {
  padding-bottom: 20px !important;
}
.j_pb25 {
  padding-bottom: 25px !important;
}
.j_pb30 {
  padding-bottom: 30px !important;
}
.j_pb40 {
  padding-bottom: 40px !important;
}
.j_pr20 {
  padding-right: 20px;
}
.j_ml5 {
  margin-left: 5px !important;
}
/* height's */
.j_h120px {
  height: 120px !important;
}
.j_mh120px {
  min-height: 120px !important;
  font-size: 13px;
  color: #333333;
  font-weight: 300;
  line-height: 1.69;
}
.j_h70px {
  height: 70px !important;
}
.j_h200px {
  height: 200px !important;
}
/* padding type */
.j_padding_type1 {
  padding: 20px 0 10px 0;
}
.j_padding_type2 {
  padding: 20px 20px 20px 20px;
}
.j_padding_type3 {
  padding: 20px 0 0 0;
}
.j_padding_type4 {
  padding: 0 20px;
}
.j_padding_type5 {
  padding: 0 20px 20px;
}
.cbox4 .Panel-content table td textarea.Textarea.j_h128 {
  height: 120px;
}
.Panel .Panel-content.j_pd0 {
  padding: 0;
}
.Panel .Panel-content.j_time_re_total {
  padding: 0 20px 20px 20px;
}
.Panel .Panel-content.j_time_re_total .j_add_btn_r {
  padding-right: 20px;
}
.ImageCheckbox.j_checkbox01 {
  display: inline-block;
  height: 32px;
}
label.ImageRadio.Disabled span.j_radio_txt {
  color: #d7d7d7;
}
.j_btn_box1 {
  text-align: right;
  padding-top: 10px;
}
.j_btn_center {
  clear: both;
  text-align: center;
}
button.j_below_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_down_24.png) no-repeat center;
  cursor: pointer;
}
button.j_below_btn:hover,
button.j_below_btnactive {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_down_24.png) no-repeat center;
  cursor: pointer;
}
button.btn_file_list {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_down_16.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
}
button.btn_file_list:hover,
button.btn_file_listactive {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_down_16.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
}
button.btn_file_list.btn_file_list_up {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_up_16.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
}
button.btn_file_list.btn_file_list_up:hover,
button.btn_file_list.btn_file_list_upactive {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_up_16.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
}
button.j_e_mark {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_info_24.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
  vertical-align: -12px;
}
button.j_e_mark3 {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_info_24.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
  opacity: 0.4;
}
button.j_e_mark3:hover,
button.j_e_mark3active {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_info_24.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
  opacity: 0.4;
}
button.j_e_mark4 {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_info_24.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
}
button.j_e_mark4:hover,
button.j_e_mark4active {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_info_24.png) no-repeat center;
  cursor: pointer;
  margin-left: 5px;
  text-indent: -9999px;
}
button.j_e_mark5 {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_info_24.png) no-repeat center;
  cursor: pointer;
  text-indent: -9999px;
  vertical-align: -6px;
}
button.j_e_mark5:hover,
button.j_e_mark5active {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_info_24.png) no-repeat center;
  cursor: pointer;
  text-indent: -9999px;
  vertical-align: -6px;
}
button.btn_plus_01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../../image/icon_add_20.png) no-repeat center #fff;
  border: 1px solid #bbb;
  border-radius: 3px;
}
button.btn_plus_01:hover,
button.btn_plus_01:active {
  background: url(../../image/icon_add_20.png) no-repeat center #f2f2f2;
  border: 1px solid #bbb;
  border-radius: 3px;
}
button.btn_plus_02,
button.btn_plus_02:hover,
button.btn_plus_02:active {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_add_24_w.png) no-repeat center center #555;
  text-indent: -9999px;
  border: 1px solid #555;
  border-radius: 3px;
}
button.btn_delete_w_01 {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_trash_20.png) no-repeat center center #fff;
  text-indent: -9999px;
  border: 1px solid #bbb;
  border-radius: 3px;
  opacity: 0.8;
}
button.btn_delete_w_01:hover,
button.btn_delete_w_01:active {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_trash_20.png) no-repeat center center #f2f2f2;
  text-indent: -9999px;
  border: 1px solid #bbb;
  border-radius: 3px;
  opacity: 0.8;
}
button.btn_delete_w_01.Disabled {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_trash_20.png) no-repeat center center #fff;
  text-indent: -9999px;
  border: 1px solid #bbb;
  border-radius: 3px;
  opacity: 0.3;
}
button.btn_edit_w_01 {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_writen_20.png) no-repeat center center #fff;
  text-indent: -9999px;
  border: 1px solid #bbb;
  border-radius: 3px;
  opacity: 0.8;
}
button.btn_edit_w_01:hover,
button.btn_edit_w_01:active {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_writen_20.png) no-repeat center center #f2f2f2;
  text-indent: -9999px;
  border: 1px solid #bbb;
  border-radius: 3px;
  opacity: 0.8;
}
button.btn_edit_w_01.Disabled {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_writen_20.png) no-repeat center center #fff;
  text-indent: -9999px;
  border: 1px solid #bbb;
  border-radius: 3px;
  opacity: 0.3;
}
button.btn_circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 0;
  background: none;
  text-align: center;
}
button.btn_circle span.j_circle01 {
  float: none;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #888;
  margin: 0 1px;
}
button.btn_circle:hover {
  background: none;
  border: none;
}
button.btn_circle:active {
  line-height: 0;
}
button.j_close_btn {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(../../image/icon_j_remove_01.png) no-repeat center;
  text-indent: -9999px;
  margin-top: -10px;
}
button.j_close_btn1 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../../image/icon_j_remove_12.png) no-repeat center;
  text-indent: -9999px;
}
button.filedownBtn,
button.filedownBtn:hover,
button.filedownBtn:active {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_download_20.png) no-repeat center center #fff;
  text-indent: -9999px;
  border: 1px solid #bbb;
  border-radius: 3px;
}
button.j_btn_setup {
  display: inline-block;
  background: url(../../image/icon_setting_24.png) no-repeat right center #fff;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  padding-right: 30px;
}
button.j_btn_setup:hover {
  background: url(../../image/icon_setting_24.png) no-repeat right center #fff;
  color: #555;
  padding-right: 30px;
}
button.j_btn_setup:active {
  background: url(../../image/icon_setting_24.png) no-repeat right center #fff;
  color: #555;
  padding-right: 30px;
}
button.j_btn_setup1 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_setting_24.png) no-repeat right center;
  text-indent: -9999px;
}
button.j_btn_setup1:hover,
button.j_btn_setup1:active {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_setting_24.png) no-repeat right center;
  text-indent: -9999px;
}
button.excel_btn::before {
  background: url(../../image/icon_excel_w_16.png) no-repeat center / 16px 16px;
}
button.btn_file_del_w {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url(../../image/icon_x_16.png) no-repeat right center;
  background-size: 16px 16px;
  text-indent: -9999px;
}
button.btn_file_del_w:hover,
button.btn_file_del_w:active {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url(../../image/icon_x_16.png) no-repeat right center;
  background-size: 16px 16px;
  text-indent: -9999px;
}
button.btn_download_icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../image/icon_download20.png) no-repeat right center;
  background-size: 20px 20px;
  text-indent: -9999px;
}
button.btn_download_icon:hover,
button.btn_download_icon:active {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../image/icon_download20.png) no-repeat right center;
  background-size: 20px 20px;
  text-indent: -9999px;
}
button.btn_popup_close_01 {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_close_x_24.png) no-repeat center;
  cursor: pointer;
  text-indent: -9999px;
}
button.btn_popup_close_01:hover,
button.btn_popup_close_01:active {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../image/icon_close_x_24.png) no-repeat center;
  cursor: pointer;
  text-indent: -9999px;
}
button.chart_btn::before {
  background: url(../../image/icon_chart_w_16.png) no-repeat center / 16px 16px;
}
button.copy_btn::before {
  background: url(../../image/icon_copy_w_16.png) no-repeat center / 16px 16px;
}
button.preview_btn::before {
  background: url(../../image/icon_preview_16_w.png) no-repeat center / 16px 16px;
}
button.j_save_btn::before {
  background: url(../../image/icon_correct_w_16.png) no-repeat center;
}
button.j_ass_btn::before {
  background: url(../../image/icon_ass_w_16.png) no-repeat center;
}
.Tooltip {
  display: inline-block;
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.35);
  padding: 10px;
  border-radius: 4px;
  word-break: break-all;
}
.Tooltip div {
  font-size: 13px;
  color: #555;
}
.Tooltip div img {
  position: absolute;
  left: 0;
  bottom: -8px;
  z-index: 9999;
}
.j_toolw239 {
  width: 239px !important;
}
.j_minw340 {
  width: 340px !important;
}
.j_minw400 {
  width: 400px !important;
}
.j_add_plus {
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
}
.j_add_plus.bt_none {
  border-bottom: none;
}
.j_add_plus button {
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: url("../../image/icon_plus_01.png") no-repeat 0 center;
  background-size: 20px 20px;
  padding-left: 25px;
  margin: 0 15px;
}
.j_add_plus button:hover {
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: url("../../image/icon_plus_01.png") no-repeat 0 center;
  background-size: 20px 20px;
  padding-left: 25px;
  margin: 0 15px;
}
.j_add_plus button.Disabled {
  font-size: 13px;
  font-weight: 500;
  color: #bbbbbb;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: url("../../image/icon_plus_02.png") no-repeat 0 center / 50%;
  background-size: 20px 20px;
  padding-left: 25px;
  margin: 0 15px;
}
.j_add_plus button.Disabled:hover {
  pointer-events: none;
}
table.j_table1 {
  table-layout: fixed;
  width: 100%;
}
table.j_table1.j_table_pd15 th {
  padding: 13px;
}
table.j_table1.j_table_pd15 td {
  padding: 13px;
}
table.j_table1 tr:last-child th {
  border-bottom: none;
}
table.j_table1 tr:last-child th.j_b_on {
  border-bottom: 1px solid #ebebeb;
}
table.j_table1 tr:last-child th.j_b_none {
  border-bottom: none;
}
table.j_table1 tr:last-child td {
  border-bottom: none;
}
table.j_table1 tr:last-child td.j_b_on {
  border-bottom: 1px solid #ebebeb !important;
}
table.j_table1 th {
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888888;
  padding: 9px 15px;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
  height: 50px;
}
table.j_table1 th.j_vt {
  vertical-align: top;
  padding-top: 15px;
}
table.j_table1 th.j_vt1 {
  vertical-align: top !important;
  padding-top: 16px !important;
}
table.j_table1 th.j_vt2 {
  vertical-align: top;
  padding-top: 14px;
}
table.j_table1 th.j_vt3 {
  vertical-align: top;
}
table.j_table1 th.j_vt4 {
  vertical-align: top;
  padding-top: 12px;
}
table.j_table1 th.j_b_none {
  border-bottom: none;
  padding-top: 13px;
}
table.j_table1 th.j_b_on {
  border-bottom: 1px solid #ebebeb;
}
table.j_table1 th.j_t_left {
  text-align: left;
  padding: 9px 15px 9px 0;
}
table.j_table1 td {
  padding: 9px 0;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  line-height: 22px;
  height: 50px;
}
table.j_table1 td span {
  font-size: 13px;
  line-height: 22px;
}
table.j_table1 td strong {
  font-size: 14px;
  font-weight: 500;
}
table.j_table1 td.j_vt4 {
  vertical-align: top;
  padding-top: 11px;
}
table.j_table1 td.j_b_on {
  border-bottom: 1px solid #ebebeb;
}
table.j_table1 td .btn_plus_01 {
  vertical-align: top;
}
table.j_table1 td.pdr35 {
  padding-right: 14px;
}
table.j_table1 td.pdr60 {
  padding-right: 60px;
}
table.j_table1 td.pdr80 {
  padding-right: 80px;
}
table.j_table1 td.pd0 {
  padding: 0!important;
}
table.j_table1 td .j_plan_re_list {
  width: 100%;
}
table.j_table1 td .j_plan_re_list li {
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
table.j_table1 td .j_plan_re_list li:last-child {
  border-bottom: none;
}
table.j_table1 td .j_plan_re_list li .j_date {
  font-size: 11px;
  font-weight: normal;
  color: #888;
  font-family: 'Roboto';
}
table.j_table1 td .j_plan_re_list li .j_com_txt {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
table.j_table1 td .j_plan_re_list li button.btn_del_01 {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -5000px;
  background: url("../../image/icon_del_01.png") no-repeat center;
  background-size: 16px;
  position: absolute;
  top: 50%;
  right: 114px;
  margin-top: -11px;
}
table.j_table1 td .j_plan_re_list li button.trash_btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
}
table.j_table1 td .Dateinput input {
  width: 100px !important;
}
table.j_table1 td .Dateinput input.Disabled {
  color: #888 !important;
}
table.j_table1 td .input_box {
  display: inline-block;
  vertical-align: middle;
}
table.j_table1 td .input_box input.j_w_plus {
  width: calc(100% - 36px);
}
table.j_table1 td .radio_box {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 10px 3px 0;
}
table.j_table1 td .radio_box.j_vta6 {
  vertical-align: -6px;
}
table.j_table1 td .radio_box.j_vta6 .ImageRadio {
  margin-right: 0px;
}
table.j_table1 td .radio_box .ImageCheckbox .jj_check_txt {
  vertical-align: top;
}
table.j_table1 td span.tdata {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
table.j_table1 td span.j_txt_02 {
  vertical-align: -3px;
  margin: 0 3px;
}
table.j_table1 td span.j_txt_03 {
  vertical-align: -5px;
  margin: 0 3px;
}
table.j_table1 td span.num {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
table.j_table1 td.j_b_none {
  border-bottom: none;
}
table.j_table1 td div.j_float {
  overflow: hidden;
}
table.j_table1 td div.j_float > div {
  float: left;
}
table.j_table1 td div.j_float > div:first-child {
  width: 27px;
}
table.j_table1 td div.j_float > div:last-child {
  width: 270px;
}
table.j_table1 td div.j_in_right {
  display: inline-block;
  width: calc(100% - 128px);
}
table.j_table1 td div.j_div_inline {
  display: inline-block;
}
table.j_table1 td.j_vt2 {
  vertical-align: top;
}
table.j_table1 td.j_second_div > div {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0;
}
table.j_table1 td.j_second_div > div:first-child {
  padding-top: 0;
}
table.j_table1 td.j_second_div > div:last-child {
  border-bottom: none;
}
table.j_table1 td.j_second_div > div ul li {
  margin-bottom: 8px;
}
table.j_table1 td.j_second_div > div ul li:last-child {
  margin-bottom: 0;
}
table.j_table1 td .ImageCheckbox {
  vertical-align: middle;
}
table.j_table2 {
  width: 100%;
}
table.j_table2 thead th {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #888888;
  padding: 9px 15px;
  border-bottom: 1px solid #bbb;
  vertical-align: middle;
}
table.j_table2 tbody th {
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  color: #333;
  padding: 9px 15px;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
}
table.j_table2 tbody th.j_vt {
  vertical-align: top;
}
table.j_table2 tbody th.j_t_r {
  text-align: right;
}
table.j_table2 tbody td {
  padding: 9px 0;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  line-height: 22px;
}
table.j_table3 {
  width: 100%;
}
table.j_table3 thead th {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  color: #888;
  border-bottom: 1px solid #bbb;
  padding-bottom: 10px;
}
table.j_table3 tbody td {
  text-align: center;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.23;
  color: #333;
  border-bottom: 1px solid #bbb;
  padding: 13px 5px;
  vertical-align: top;
}
table.j_table3 tbody td span.j_cicircle_01 {
  margin-top: 20px;
}
table.j_table4 {
  width: 100%;
  border-top: 1px solid #d7d7d7;
}
table.j_table4 th {
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888888;
  padding: 15px;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
}
table.j_table4 th.j_vt {
  vertical-align: top;
}
table.j_table4 td {
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  line-height: 22px;
}
table.j_table5 {
  width: 100%;
}
table.j_table5 thead th {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #888888;
  padding: 9px 15px;
  border-bottom: 1px solid #bbb;
  vertical-align: middle;
}
table.j_table5 tbody th {
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  color: #333;
  padding: 9px 15px;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
}
table.j_table5 tbody td {
  padding: 9px 0;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  line-height: 22px;
}
table.j_table5 tbody td.j_tleft {
  text-align: left;
}
table.j_table6 {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 45px;
}
table.j_table6 th {
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888888;
  padding: 15px;
  border-bottom: 1px solid #d7d7d7;
  vertical-align: middle;
  text-align: center;
}
table.j_table6 td {
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  line-height: 22px;
  height: 50px;
  text-align: center;
}
table.j_table6 td.sts {
  height: 40px;
}
table.j_table6 td.sts span {
  margin-top: -20px;
}
table.j_table6 td span {
  font-size: 13px;
  font-weight: 300;
  display: block;
}
table.j_table7 {
  width: 100%;
}
table.j_table7 th {
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888888;
  padding: 15px;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
}
table.j_table7 th.j_b_none {
  border-bottom: none;
}
table.j_table7 td {
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  line-height: 22px;
}
table.j_table7 td.j_b_none {
  border-bottom: none;
  padding: 0;
}
table.j_table7 td.j_pdt0 {
  padding-top: 0;
}
table.j_table7 td strong {
  font-size: 14px;
  font-weight: 500;
}
table.j_search_table1 td {
  padding-right: 10px;
}
table.j_search_table1 td:last-child {
  padding-right: 0;
}
table.j_search_table1 td label {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  margin-bottom: 3px;
}
input.j_w35 {
  width: 35px;
}
input.j_w40 {
  width: 40px;
}
input.j_w42 {
  width: 42px;
}
input.j_w46 {
  width: 46px;
}
input.j_w52 {
  width: 52px;
}
input.j_w100 {
  width: 100px;
}
input.j_w112 {
  width: 112px;
}
input.j_w115 {
  width: 115px;
}
input.j_w183 {
  width: 183px;
}
input.j_w200 {
  width: 200px;
}
input.j_w207 {
  width: 207px;
}
input.j_w214 {
  width: 214px;
}
input.j_w244 {
  width: 244px;
}
input.j_w470 {
  width: 470px;
}
input.j_w100p {
  width: calc(100% - 36px);
}
input.j_w93p {
  width: 93% !important;
}
textarea.j_w100px {
  width: 100%;
}
.input-file {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 140px);
}
.input-file.input-file_pop {
  width: calc(60% - 140px);
}
.input-file.input-file_pop1 {
  width: 60%;
}
.input-file .file-name {
  display: block;
  float: left;
  background: #fff;
  height: 32px;
  text-indent: 5px;
  border: 1px solid #dadada;
  border-radius: 3px;
  margin-right: 5px;
}
.input-file .file-name input {
  float: left;
}
.input-file .file-label {
  display: block;
  float: right;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_upload_w_24.png) no-repeat center center #555;
  text-indent: -9999px;
  border-radius: 3px;
}
.input-file input[type="text"] {
  width: calc(100% - 37px);
}
.input-file input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
/* 일반 파일 input */
.input-file1 {
  width: 100%;
}
.input-file1 .file-name {
  display: block;
  float: left;
  background: #ebebeb;
  height: 32px;
  line-height: 32px;
  text-indent: 5px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  margin-right: 5px;
}
.input-file1 .file-name input {
  float: left;
}
.input-file1 .file-label {
  display: block;
  float: right;
  width: 90px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  border-radius: 2px;
  background-color: #555;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.input-file1 input[type="text"] {
  width: calc(100% - 95px);
}
.input-file1 input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
.j_file_box {
  margin-bottom: 13px;
}
.j_file_box > label {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  font-size: 13px;
  font-weight: 300;
  color: #888;
  text-align: right;
  width: 100px;
  padding-right: 15px;
}
.j_file_box_popup {
  margin-bottom: 13px;
}
.j_file_box_popup:last-child {
  margin-bottom: 0;
}
.j_file_box_popup > label {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  font-size: 13px;
  font-weight: 300;
  color: #888;
  text-align: right;
  width: 130px;
  padding-right: 15px;
}
.j_add_btn_r_de {
  text-align: right;
}
.j_add_btn_r {
  margin-top: 20px;
  text-align: right;
}
.j_add_btn_r .btn_icon_b.btn_icon_b::before {
  background: url(../../image/icon_add_25.png) no-repeat center;
}
.j_add_btn_r1 {
  margin-top: 10px;
  text-align: right;
}
.j_add_btn_flot {
  overflow: hidden;
  margin-top: 20px;
}
.j_add_btn_flot .j_left {
  float: left;
  text-align: left;
  width: 50%;
}
.j_add_btn_flot .j_right {
  float: right;
  text-align: right;
  width: 50%;
}
.j_view_btn01 {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  float: right;
  background: none;
  font-size: 12px;
  font-weight: 300;
  color: #555;
  background: url(../../image/icon_next_16.png) no-repeat right center;
  padding-right: 20px;
  margin-top: 3px;
}
.btn_icon_w.j_delete::before {
  background: url(../../image/icon_j_del_01.png) no-repeat center;
}
.btn_icon_w.j_download::before {
  background: url(../../image/icon_save_16.png) no-repeat center;
}
.btn_icon_w.j_minus::before {
  background: url(../../image/icon_minus_16.png) no-repeat center;
}
.btn_icon_b.j_add::before {
  background: url(../../image/icon_add_25.png) no-repeat center;
}
.btn_icon_b.j_refresh_btn::before {
  background: url(../../image/icon_refresh_w_16.png) no-repeat center;
}
.btn_icon_b.j_upload::before {
  background: url(../../image/icon_upload_16.png) no-repeat center;
}
.btn_icon_b.j_openwindow::before {
  background: url(../../image/ico_openwindow_16.png) no-repeat center;
}
.btn_icon_b.clip_w::before {
  background: url(../../image/icon_clip_w_16.png) no-repeat center;
}
span.j_c_navi {
  color: #111;
}
span.j_total_num {
  display: inline-block;
  height: 32px;
  line-height: 31px;
  font-size: 13px;
  color: #333;
  margin-left: 20px;
  vertical-align: top;
}
span.j_total_num span {
  color: #e60724;
  font-weight: 500;
}
span.j_etc_txt {
  float: none !important;
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
  margin-left: 20px;
  position: relative;
  top: -2px;
}
span.j_etc_txt .serial_num,
span.j_etc_txt .etc_num {
  float: none;
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
}
span.j_etc_txt img {
  vertical-align: -5px;
  margin-left: 10px;
}
span.j_etc_txt1 {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #888888;
}
span.j_etc_txt1 span {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
span.j_etc_txt2 {
  font-size: 13px;
  font-weight: 300;
  color: #888888;
  vertical-align: -4px;
  letter-spacing: -0.1px;
}
span.j_label_txt1 {
  display: inline-block;
  width: 124px;
  padding-right: 15px;
  text-align: right;
  font-size: 13px;
  font-weight: 300;
  color: #888888;
  vertical-align: middle;
  letter-spacing: -0.1px;
}
span.j_label_txt1.j_top {
  vertical-align: top;
  padding-top: 5px;
}
span.j_label_txt2 {
  display: inline-block;
  width: 100px;
  padding-right: 15px;
  text-align: right;
  font-size: 13px;
  font-weight: 300;
  color: #888888;
  vertical-align: -4px;
  letter-spacing: -0.1px;
}
span.j_label_txt2.j_top {
  vertical-align: top;
  padding-top: 5px;
}
span.j_bule_01 {
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
}
span.j_red_01 {
  font-size: 13px;
  font-weight: 500;
  color: #e60724;
}
span.j_ju_01 {
  font-size: 13px;
  font-weight: 500;
  color: #fd6901;
}
span.j_ju_01_300 {
  font-size: 13px;
  font-weight: 300;
  color: #fd6901;
}
span.j_txt_01 {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
span.j_txt_02 {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
span.j_txt_03 {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
span.j_r_time {
  font-size: 13px;
  font-weight: 300;
  color: #888;
  vertical-align: 4px;
}
span.j_r_time_con {
  font-size: 13px;
  font-weight: 300;
  color: #333;
  vertical-align: 4px;
}
span.j_t_num {
  float: none;
  display: inline-block;
  width: 38px;
  height: 28px;
  line-height: 25px;
  border-radius: 14.5px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  cursor: inherit;
}
span.j_t_num.j_t_num_blue {
  background-color: #7dc3ef;
}
span.j_t_num.j_t_num_black {
  background-color: #666;
}
span.j_t_num.j_t_num_gray {
  background-color: #bbb;
}
span.j_mline_01 {
  font-size: 10px;
  font-weight: 100;
  color: #d7d7d7;
  vertical-align: 2px;
}
span.j_mline_02 {
  font-size: 12px;
  font-weight: 300;
  vertical-align: -4px;
}
span.j_radio_txt {
  display: inline-block;
  min-width: 35px;
  text-align: left;
  font-size: 13px;
  color: #333;
  font-weight: 300;
}
span.j_check_txt {
  display: inline-block;
  min-width: 27px;
  text-align: left;
  font-size: 13px;
  color: #333;
  font-weight: 300;
}
span.j_tabnum {
  display: inline-block;
  padding: 2px 4px 1px;
  border-radius: 6.5px;
  background: #fd6901;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  line-height: 1em;
  background-color: #888;
  color: #fff;
  margin-left: 2px;
}
span.j_cicircle_01 {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  border-radius: 100%;
}
span.j_cicircle_01.j_color_01 {
  background-color: #fd6901;
}
span.j_cicircle_01.j_color_01 span {
  color: #ffffff;
}
span.j_cicircle_01.j_color_02 {
  background-color: #d7d7d7;
}
span.j_cicircle_01.j_color_02 span {
  color: #ffffff;
}
span.j_star_icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  border: solid 1px #d7d7d7;
  background: no-repeat center center #fff;
  vertical-align: middle;
  cursor: pointer;
}
span.j_star_icon.j_star_on {
  background-image: url(../../image/icon_star_20.png);
}
span.j_star_icon.j_star_off {
  background-image: url(../../image/icon_star_20_gray.png);
}
span.j_star_icon1 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: no-repeat center center #fff;
  vertical-align: middle;
  cursor: pointer;
}
span.j_star_icon1.j_star_on {
  background-image: url(../../image/icon_star_20.png);
}
span.j_star_icon1.j_star_off {
  background-image: url(../../image/icon_star_20_gray.png);
}
span.j_state_txt {
  font-size: 13px;
  font-weight: 500;
}
span.j_state_txt.j_color1 {
  color: #da9e0d;
}
span.j_state_txt.j_color2 {
  color: #289eef;
}
span.j_state_txt.j_color3 {
  color: #847cd8;
}
span.j_state_txt.j_color4 {
  color: #72a240;
}
span.j_state_txt.j_color5 {
  color: #bbb;
}
span.j_state_txt.j_color6 {
  color: #607481;
}
span.j_state_txt.j_color7 {
  color: #d74f61;
}
span.j_state_txt.j_color8 {
  color: #6b4d45;
}
span.j_state_txt1 {
  display: inline-block;
  background: url(../../image/icon_j_check_01.png) no-repeat right center;
  font-size: 15px;
  font-weight: 500;
  color: #8fbe5e;
  padding-right: 30px;
}
a.j_bule_01 {
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
}
a.j_bule_01:hover {
  text-decoration: underline;
}
.j_breakdown {
  border: 1px solid #bbb;
  border-radius: 2px;
  background-color: #fff;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  line-height: 1.46;
  padding: 5px;
}
.j_panel_cont {
  padding: 34px 0;
  display: table;
  width: 100%;
}
.j_panel_cont .j_change_box1 {
  display: table-cell;
  vertical-align: top;
  /*
        width: -webkit-calc(100% / 3);
        width: -moz-calc(100% / 3);
        width: calc(100% / 3);
        */
  width: 30%;
}
.j_panel_cont .j_change_box1:first-child {
  position: relative;
  vertical-align: middle;
  padding-left: 4px;
  width: 30%;
}
.j_panel_cont .j_change_box1:first-child .j_p_status_t {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  margin-right: 13px;
  vertical-align: middle;
}
.j_panel_cont .j_change_box1:first-child .j_p_status {
  display: block;
  font-size: 24px;
  font-weight: 500;
  vertical-align: middle;
}
.j_panel_cont .j_change_box1:first-child .j_p_status.j_st_color_01 {
  color: #da9e0d;
}
.j_panel_cont .j_change_box1:first-child .j_p_status.j_st_color_02 {
  color: #289eef;
}
.j_panel_cont .j_change_box1:first-child .j_p_status.j_st_color_03 {
  color: #607481;
}
.j_panel_cont .j_change_box1:first-child .j_p_status.j_st_color_04 {
  color: #847cd8;
}
.j_panel_cont .j_change_box1:first-child .j_p_status.j_st_color_05 {
  color: #d74f61;
}
.j_panel_cont .j_change_box1:first-child .j_p_status.j_st_color_06 {
  color: #6b4d45;
}
.j_panel_cont .j_change_box1:first-child .j_p_status.j_st_color_07 {
  color: #72a240;
}
.j_panel_cont .j_change_box1:first-child .j_p_status.j_st_color_08 {
  color: #bbbbbb;
}
.j_panel_cont .j_change_box1:nth-child(2) {
  border-right: 1px solid #d7d7d7;
}
.j_panel_cont .j_change_box1:last-child {
  width: 40%;
}
.j_panel_cont .j_change_box1 dl.j_f_dl {
  display: table;
  width: 100%;
  margin-bottom: 13px;
}
.j_panel_cont .j_change_box1 dl.j_f_dl:last-child {
  margin-bottom: 0;
}
.j_panel_cont .j_change_box1 dl.j_f_dl .black_num {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.j_panel_cont .j_change_box1 dl.j_f_dl dt {
  display: table-cell;
  width: 30%;
  font-size: 13px;
  color: #888;
  font-weight: 500;
  text-align: right;
  padding-right: 20px;
  vertical-align: top;
  height: 26px;
}
.j_panel_cont .j_change_box1 dl.j_f_dl dd {
  display: table-cell;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  width: 70%;
  padding-right: 18px;
  vertical-align: top;
  line-height: 19px;
  min-height: 24px;
}
.j_panel_cont .j_change_box1 dl.j_f_dl dd button {
  margin-top: -2px;
}
.j_panel_cont .j_change_box1 dl.j_f_dl dd span {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
.j_panel_cont .j_change_box1 dl.j_f_dl dd span.j_tbold {
  font-size: 13px;
  font-weight: 500;
}
.j_state_box {
  display: table;
  padding: 34px 0;
  width: 100%;
}
.j_state_box .j_state_left {
  display: table-cell;
  vertical-align: middle;
  width: 330px;
}
.j_state_box .j_state_left .j_p_status_t {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #888;
}
.j_state_box .j_state_left .j_p_status {
  display: block;
  font-size: 24px;
  font-weight: 500;
}
.j_state_box .j_state_left .j_p_status.j_st_color_01 {
  color: #da9e0d;
}
.j_state_box .j_state_left .j_p_status.j_st_color_02 {
  color: #289eef;
}
.j_state_box .j_state_left .j_p_status.j_st_color_03 {
  color: #607481;
}
.j_state_box .j_state_left .j_p_status.j_st_color_04 {
  color: #847cd8;
}
.j_state_box .j_state_left .j_p_status.j_st_color_05 {
  color: #d74f61;
}
.j_state_box .j_state_left .j_p_status.j_st_color_06 {
  color: #6b4d45;
}
.j_state_box .j_state_left .j_p_status.j_st_color_07 {
  color: #72a240;
}
.j_state_box .j_state_left .j_p_status.j_st_color_08 {
  color: #bbbbbb;
}
.j_state_box .j_state_right {
  display: table-cell;
  vertical-align: middle;
  width: 840px;
}
.j_state_box .j_state_right .j_state_con {
  width: 100%;
  margin-bottom: 20px;
}
.j_state_box .j_state_right .j_state_con:after {
  content: "";
  display: block;
  clear: both;
}
.j_state_box .j_state_right .j_state_con:last-child {
  margin-bottom: 0;
}
.j_state_box .j_state_right .j_state_con dl {
  float: left;
  width: 50%;
  display: table;
}
.j_state_box .j_state_right .j_state_con dl dt {
  float: left;
  width: 28%;
  min-height: 27px;
  font-size: 13px;
  color: #888;
  font-weight: 500;
  text-align: right;
  margin-bottom: 10px;
  padding-left: 20px;
}
.j_state_box .j_state_right .j_state_con dl dt.j_mb0 {
  margin-bottom: 0;
}
.j_state_box .j_state_right .j_state_con dl dd {
  float: left;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  width: 72%;
  min-height: 27px;
  padding-left: 20px;
  padding-right: 10px;
  margin-bottom: 10px;
  line-height: 1.54;
}
.j_state_box .j_state_right .j_state_con dl dd.j_mb0 {
  margin-bottom: 0;
}
.j_state_box .j_state_right .j_state_con dl dd span {
  font-size: 13px;
  font-weight: 300;
}
.j_state_box .j_state_right .j_state_con dl dd span.j_tbold {
  font-size: 13px;
  font-weight: 500;
  vertical-align: 2px;
}
.j_state_box .j_state_right .j_state_con dl:nth-child(2n-1) {
  border-right: 1px solid #d7d7d7;
}
.j_state_box .j_state_right .j_state_con dl button {
  margin-top: -6px;
}
.j_state_box .j_state_right .j_state_con dl a {
  vertical-align: 2px;
}
.j_worker_info {
  text-align: center;
  padding: 60px 0;
  border-bottom: 1px solid #ebebeb;
}
.j_worker_info span {
  font-size: 13px;
  font-weight: 300;
  color: #888888;
}
.j_worker_pm {
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid #bbbbbb;
}
.j_worker_pm.j_bb_none {
  border-bottom: none;
}
.j_worker_pm button {
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: url("../../image/icon_plus_01.png") no-repeat 0 center;
  background-size: 20px 20px;
  padding-left: 25px;
  margin: 0 15px;
}
.j_worker_pm button:active {
  border: 0;
  line-height: 20px;
}
.j_worker_pm button.Disabled {
  font-size: 13px;
  font-weight: 500;
  color: #bbbbbb;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: url("../../image/icon_plus_02.png") no-repeat 0 center / 50%;
  background-size: 20px 20px;
  padding-left: 25px;
  margin: 0 15px;
}
.j_worker_pm button.Disabled:hover {
  pointer-events: none;
}
.j_worker_pm .left {
  float: left;
}
.j_worker_pm .left .trash_btn {
  margin-left: 4px;
  width: 32px!important;
  height: 32px!important;
  color: #333 !important;
  border: 1px solid #d7d7d7 !important;
  vertical-align: middle!important;
  background: #fff url(../../image/icon_trash_20.png) no-repeat center !important;
  border-radius: 4px!important;
}
.j_worker_pm .left .trash_btn :hover {
  background-color: #f2f2f2 !important;
  border: 1px solid #d7d7d7 !important;
  color: #555 !important;
}
.j_worker_pm .left .trash_btn .Disabled {
  background-color: #fff !important;
  border: 1px solid #d7d7d7 !important;
  color: #333 !important;
  opacity: 0.4 !important;
}
.j_approval_co {
  width: 100%;
  height: 44px;
  border-radius: 6px;
  line-height: 40px;
  background: url(../../image/icon_j_bell_01.png) no-repeat 10px center #7dc3ef;
  padding-left: 40px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  position: relative;
  text-overflow: ellipsis;
}
.j_approval_co img {
  vertical-align: middle;
  margin-left: 10px;
}
.j_approval_co button.j_close_btn {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(../../image/icon_j_remove_01.png) no-repeat center;
  text-indent: -9999px;
  margin-top: -10px;
}
.Panel .Panel-content {
  overflow: visible;
}
.Panel .Panel-content .Table-wrapper {
  overflow: visible !important;
}
.Panel .Panel-content .Table-scroller {
  overflow: visible;
}
.Panel .Panel-content.j_status_panel {
  padding: 0;
}
.Panel .Panel-content.j_dae_sys {
  padding-top: 20px;
}
.Panel .Panel-content.j_dae_sys .Tabs ul.j_dae_tab_t {
  margin-bottom: 26px;
  width: auto;
}
.Panel .Panel-content.j_dae_sys .Tabs ul.j_dae_tab_t li {
  padding: 5px 30px;
  min-width: 100px;
}
.Panel .Panel-content.j_dae_sys .Tabs ul.j_port_tab_t {
  width: auto;
  margin-bottom: 26px;
}
.Panel .Panel-content.j_dae_sys .Tabs ul.j_port_tab_t li {
  padding: 5px 30px;
  min-width: 100px;
}
.Panel .Panel-content.j_jop_info {
  padding: 0 0 20px 0;
}
.Panel .Panel-content.j_con_pd_01 {
  padding-top: 20px;
}
.j_jop_info_list {
  width: 100%;
}
.j_jop_info_list ul li {
  overflow: hidden;
  background-color: #fafafa;
  display: table;
  width: 100%;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
}
.j_jop_info_list ul li:first-child {
  border-top: none;
}
.j_jop_info_list ul li:last-child {
  margin-bottom: 0;
}
.j_jop_info_list ul li > div {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.j_jop_info_list ul li > div.j_del_btn_box {
  width: 9%;
  text-align: left;
  padding-left: 20px;
}
.j_jop_info_list ul li > div.j_del_btn_box button.btn_icon_w {
  min-width: 70px;
}
.j_jop_info_list ul li > div.j_del_btn_box span {
  float: none;
}
.j_jop_info_list ul li > div.j_jop_info_table {
  width: 77%;
}
.j_jop_info_list ul li > div.j_jop_info_table table {
  width: 100%;
}
.j_jop_info_list ul li > div.j_jop_info_table table tr {
  height: 50px;
}
.j_jop_info_list ul li > div.j_jop_info_table table th {
  vertical-align: middle;
  font-size: 13px;
}
.j_jop_info_list ul li > div.j_jop_info_table table td {
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
}
.j_jop_info_list ul li > div.j_jop_info_table table td.input_checkbox .input_box {
  display: inline-block;
  margin-right: 10px;
}
.j_jop_info_list ul li > div.j_jop_info_table table td .input_box.j_ws90p {
  width: 270px;
}
.j_jop_info_list ul li > div.j_jop_info_table table td .input_box.j_ws90p input {
  width: 100%;
}
.j_jop_info_list ul li > div.j_jop_info_btn {
  width: 14%;
}
.j_jop_info_list ul li > div.j_jop_info_btn span {
  display: inline-block;
  background: url(../../image/icon_j_check_01.png) no-repeat right center;
  font-size: 15px;
  font-weight: 500;
  color: #8fbe5e;
  padding-right: 30px;
}
.j_jop_info_list ul li > div.j_jop_info_btn button {
  min-width: 70px;
  display: block;
  margin: 0 auto 5px;
}
.j_jop_info_list ul li > div.j_jop_info_btn button:last-child {
  margin-bottom: 0;
}
.j_jop_info_list_add {
  text-align: center;
  padding-bottom: 20px;
}
.j_jop_info_list_add a {
  display: inline-block;
  background: url(../../image/icon_plus_01.png) no-repeat left center;
  padding-left: 30px;
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  height: 22px;
  line-height: 22px;
}
.j_user_guide {
  padding: 20px 0;
  background: url(../../image/icon_change_01.png) no-repeat 100% 24px;
}
.j_user_guide .j_title {
  font-size: 15px;
  font-weight: 500;
  color: #4a4a4a;
  margin-bottom: 9px;
}
.j_user_guide .user_info_txt li {
  background: url(../../image/icon_dot_01.png) no-repeat 2px center;
  padding-left: 9px;
  font-size: 14px;
  font-weight: 300;
  color: #666;
  margin-bottom: 4px;
}
.user_info_txt.user_info_txt1 li {
  margin-bottom: 7px;
}
.user_info_txt.user_info_txt1 li:last-child {
  margin-bottom: 0;
}
.user_info_txt.user_info_txt1 li img {
  vertical-align: -4px;
  margin-right: 5px;
}
.j_re_info {
  height: 87px;
  display: table;
}
.j_re_info > div {
  display: table-cell;
  vertical-align: middle;
}
.j_re_info > div .j_re_img {
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin-right: 15px;
  vertical-align: -5px;
}
.j_re_info > div .j_re_text {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 1.43;
  margin-right: 15px;
}
.j_re_info > div button.Button.j_re_edit_btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  vertical-align: 11px;
  background: url(../../image/icon_write2_20.png) no-repeat center;
  border: 1px solid #bbb;
  border-radius: 3px;
}
.disorder_step {
  width: 100%;
  height: 50px;
  background-color: #c8c8c8;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 30px;
}
.disorder_step.j_width5 li {
  width: 20%;
}
.disorder_step.j_width5 li:last-child {
  width: calc(20% - 4px);
}
.disorder_step li {
  float: left;
  height: 100%;
  line-height: 51px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #888;
  text-align: center;
}
.disorder_step .step {
  position: relative;
  margin-right: 1px;
  background: #fff;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}
.disorder_step .step:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #bbb;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.disorder_step .step:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.disorder_step .step:first-child {
  border-left: 1px solid #c8c8c8;
}
.disorder_step .step:first-child:before {
  border-left: 0;
}
.disorder_step .step:last-child {
  margin-right: 0;
  border-left: 0;
  border-right: 1px solid #c8c8c8;
}
.disorder_step .step:last-child:after {
  border-left: 0;
}
.disorder_step .step.on_step {
  background-color: #575757;
  color: #fff;
  border-top: 1px solid #575757;
  border-bottom: 1px solid #575757;
}
.disorder_step .step.on_step:before {
  border-left: 10px solid #575757;
}
.disorder_step .step.on_step:after {
  border-left: 10px solid #575757;
}
.disorder_step .step.off_step {
  background-color: #d7d7d7;
}
.disorder_step .step.off_step:after {
  border-left: 10px solid #d7d7d7;
}
.disorder_step .m_step01 {
  z-index: 5;
}
.disorder_step .m_step02 {
  z-index: 4;
}
.disorder_step .m_step03 {
  z-index: 3;
}
.disorder_step .m_step04 {
  z-index: 2;
}
.disorder_step .m_step05 {
  z-index: 1;
}
.j_manag_radio_box1 {
  padding: 0 0px 0 0;
  position: relative;
}
.j_manag_radio_box1 button.j_disorder_re {
  position: absolute;
  right: 0;
  bottom: -1px;
}
.j_manag_radio_box1 button.btn_mod { /*20190626*/
  position: absolute;
  right:159px;
  bottom: -1px;
}
.j_manag_radio_box1 .j_worker_pm {
  padding: 0 0 5px 0;
}
.j_manag_radio_box1 ul {
  margin-bottom: 13px;
}
.j_manag_radio_box1 ul li.j_manag_list {
  width: 100%;
  display: table;
  vertical-align: middle;
  border-collapse: separate;
  margin-bottom: 9px;
}
.j_manag_radio_box1 ul li.j_manag_list:last-child {
  margin-bottom: 0;
}
.j_manag_radio_box1 ul li.j_manag_list .j_del {
  display: table-cell;
  width: 50px;
  text-align: left;
  vertical-align: middle;
}
.j_manag_radio_box1 ul li.j_manag_list .j_del button.btn_del_01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -5000px;
  background: url("../../image/icon_trash_20.png") no-repeat center #fff;
  border: 1px solid #d7d7d7;
  opacity: 0.8;
  vertical-align: middle;
}
.j_manag_radio_box1 ul li.j_manag_list .j_rlist {
  display: table-cell;
  width: calc(100% - 50px);
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  margin-bottom: 9px;
  padding: 0 20px;
}
.j_manag_radio_box1 ul li.j_manag_list .j_rlist .j_rlist_table {
  display: table;
  width: 100%;
}
.j_manag_radio_box1 ul li.j_manag_list .j_rlist .j_rlist_table > div { /*20190626*/
  display: table-cell;
  height: 50px;
  vertical-align: middle;
}
.j_manag_radio_box1 ul li.j_manag_list .j_rlist .j_rlist_table > div:first-child {
  width: 39px;
  text-align: left;
}
.j_manag_radio_box1 ul li.j_manag_list .j_rlist .j_rlist_table > div label { /*20190626*/
  display: block;
  width: 30%;
  padding-right: 15px;
  line-height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  text-align: right;
  vertical-align: middle;
  float: left;
}
.j_manag_radio_box1 ul li.j_manag_list .j_rlist .j_rlist_table > div label.ImageRadio {
  display: inline-block;
  vertical-align: 9px;
}
.j_manag_radio_box1 ul li.j_manag_list .j_rlist .j_rlist_table > div .input_box {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
}
.j_manag_radio_box1 ul li.j_manag_list .j_rlist .j_rlist_table > div .input_box input {
  width: 100%;
  vertical-align: middle;
}
.j_manag_radio_box {
  padding: 0 28px;
  position: relative;
}
.j_manag_radio_box button.j_disorder_re {
  position: absolute;
  right: 28px;
  bottom: -3px;
}
.j_manag_radio_box .j_worker_pm {
  padding: 0;
}
.j_manag_radio_box ul {
  margin-bottom: 13px;
}
.j_manag_radio_box ul li.j_manag_list {
  width: 100%;
  height: 50px;
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  margin-bottom: 9px;
  padding: 0 20px;
}
.j_manag_radio_box ul li.j_manag_list:last-child {
  margin-bottom: 0;
}
.j_manag_radio_box ul li.j_manag_list > div {
  display: table;
  width: 100%;
  height: 50px;
  vertical-align: middle;
}
.j_manag_radio_box ul li.j_manag_list > div > div {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
}
.j_manag_radio_box ul li.j_manag_list > div > div:first-child {
  width: 4%;
  text-align: left;
}
.j_manag_radio_box ul li.j_manag_list > div > div:last-child {
  width: 6%;
  text-align: right;
}
.j_manag_radio_box ul li.j_manag_list > div > div label {
  display: inline-block;
  width: 20%;
  padding-right: 15px;
  line-height: 28px;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  text-align: right;
  vertical-align: top;
}
.j_manag_radio_box ul li.j_manag_list > div > div label.ImageRadio {
  display: inline-block;
  vertical-align: 9px;
}
.j_manag_radio_box ul li.j_manag_list > div > div .input_box {
  display: inline-block;
  width: 70%;
}
.j_manag_radio_box ul li.j_manag_list > div > div .input_box input {
  width: 100%;
}
.j_manag_radio_box ul li.j_manag_list > div button.btn_del_01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -5000px;
  background: url("../../image/icon_trash_20.png") no-repeat center #fff;
  border: 1px solid #d7d7d7;
  opacity: 0.8;
}
.j_cust_list1 > li {
  width: 100%;
  display: table;
  vertical-align: middle;
  border-collapse: separate;
  margin-bottom: 9px;
}
.j_cust_list1 > li:last-child {
  margin-bottom: 0;
}
.j_cust_list1 > li .j_del {
  display: table-cell;
  width: 50px;
  text-align: left;
  vertical-align: middle;
}
.j_cust_list1 > li .j_del button.btn_del_01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -5000px;
  background: url("../../image/icon_trash_20.png") no-repeat center #fff;
  border: 1px solid #d7d7d7;
  opacity: 0.8;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist {
  display: table-cell;
  width: calc(100% - 50px);
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  margin-bottom: 9px;
}
.j_cust_list1 > li .j_rlist .j_cust_top {
  display: table;
  border-bottom: 1px solid #d7d7d7;
  padding: 15px 20px;
  width: 100%;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_radio {
  display: table-cell;
  width: 38px;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left {
  display: table-cell;
  width: calc(100% - 340px);
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_t {
  font-size: 15px;
  font-weight: 500;
  color: #555;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_t span {
  font-size: 15px;
  font-weight: 500;
  color: #555;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_t a {
  vertical-align: top;
  padding-left: 5px;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_con {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  height: 32px;
  line-height: 32px;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_con span.j_val {
  font-size: 13px;
  color: #333;
  font-weight: 300;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_con span.j_input {
  display: inline-block;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_con .ImageCheckbox {
  vertical-align: 2px;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_con .ImageCheckbox:after {
  top: 50%;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_left .j_left_con .ImageCheckbox .j_check_txt {
  vertical-align: -2px;
}
.j_cust_list1 > li .j_rlist .j_cust_top .j_cust_top_right {
  display: table-cell;
  width: 320px;
  text-align: right;
  vertical-align: middle;
  padding-right: 2px;
  padding-right: 20px;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom {
  padding: 0 20px;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul {
  padding: 0 20px 10px 0;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  padding: 9px 0 8px 0;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li:last-child {
  border-bottom: none;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div {
  display: table-cell;
  width: 33.33%;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div label {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div label.j_label_t {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  vertical-align: -3px;
  width: 35%;
  padding-right: 15px;
  line-height: 16px;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div label.ImageRadio {
  vertical-align: -3px;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div label.ImageCheckbox {
  vertical-align: -3px;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div .input_box {
  display: inline-block;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div .radio_align {
  display: inline-block;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div .Spinner {
  padding-right: 13px;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div button {
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div .j_doublecom {
  width: 81.5%;
  display: inline-block;
  vertical-align: middle;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div .j_doublecom .j_wm37 {
  width: 100%;
}
.j_cust_list1 > li .j_rlist .j_cust_bottom ul li > div .j_doublecom .j_wm100 {
  width: calc(100% - 105px);
}
.j_tags_box {
  padding: 20px 0 0 0;
}
.j_tags_list > li {
  width: 100%;
  display: table;
  vertical-align: middle;
  border-collapse: separate;
  margin-bottom: 9px;
}
.j_tags_list > li:last-child {
  margin-bottom: 0;
}
.j_tags_list > li .j_del {
  display: table-cell;
  width: 50px;
  text-align: left;
  vertical-align: middle;
}
.j_tags_list > li .j_del button.btn_del_01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -5000px;
  background: url("../../image/icon_trash_20.png") no-repeat center #fff;
  border: 1px solid #d7d7d7;
  opacity: 0.8;
  vertical-align: middle;
}
.j_tags_list > li .j_rlist {
  display: table-cell;
  width: calc(100% - 50px);
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  margin-bottom: 9px;
  padding: 15px 30px 0 30px;
}
.j_tags_list > li .j_rlist .j_group_chk {
  height: 35px;
  padding-left: 3px;
  margin-bottom: 7px;
}
.j_tags_list > li .j_rlist .j_group_chk .ImageCheckbox {
  padding-left: 35px !important;
  vertical-align: middle;
}
.j_tags_list > li .j_rlist .j_group_chk .input_box {
  display: inline-block;
  vertical-align: middle;
}
.j_tags_list > li .j_rlist .j_group_chk .input_box input[type="text"] {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  border: none;
  background: none;
  padding-left: 5px;
}
.j_tags_list > li .j_rlist .j_group_chk .input_box input[type="text"]:hover {
  border: 1px solid #289eef;
}
.j_tags_list > li .j_rlist .j_group_chk .input_box input[type="text"]:active {
  border: 1px solid #289eef;
}
.j_tags_list > li .j_rlist .j_group_chk .input_box input[type="text"]:focus {
  border: 1px solid #289eef;
}
.j_tags_list > li .j_rlist .j_group_chk.j_input_on input[type="text"] {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  border: 1px solid #bbb;
  background-color: #fff;
  padding-left: 5px;
}
.j_tags_list > li .j_rlist .j_group_chk.j_input_on input[type="text"]:hover {
  border: 1px solid #289eef;
}
.j_tags_list > li .j_rlist .j_group_chk.j_input_on input[type="text"]:active {
  border: 1px solid #289eef;
}
.j_tags_list > li .j_rlist .j_group_chk.j_input_on input[type="text"]:focus {
  border: 1px solid #289eef;
}
.j_tags_list > li .j_rlist .sgcont {
  overflow: hidden;
  margin-bottom: 10px;
}
.j_tags_list > li .j_rlist .sgcont.sgcont_none {
  display: none;
}
.j_tags_list > li .j_rlist .sgcont .sgbox {
  float: left;
  width: 24.4%;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #bbbbbb;
  background-color: #fff;
  margin-right: 6px;
  margin-bottom: 10px;
}
.j_tags_list > li .j_rlist .sgcont .j_ch_box {
  float: left;
  width: 35px;
  text-align: left;
  padding-left: 2px;
}
.j_tags_list > li .j_rlist .sgcont .j_ch_box .ImageCheckbox {
  line-height: 37px;
}
.j_tags_list > li .j_rlist .sgcont .j_inp_box {
  float: left;
  width: calc(100% - 35px);
  padding: 3px 3px 0 0;
}
.j_tags_list > li .j_rlist .sgcont .j_inp_box .input_box input[type="text"] {
  border: 1px solid #fff;
  padding-left: 3px;
}
.j_tags_list > li .j_rlist .sgcont .j_inp_box .input_box input[type="text"]:hover {
  border: 1px solid #289eef;
}
.j_tags_list > li .j_rlist .sgcont .j_inp_box .input_box input[type="text"]:active {
  border: 1px solid #289eef;
}
.j_tags_list > li .j_rlist .sgcont .j_inp_box .input_box input[type="text"]:focus {
  border: 1px solid #289eef;
}
/* IE9,10 */
@media screen and (min-width: 0 \0) {
  .j_tags_list > li .j_rlist .j_group_chk {
    padding-left: 7px;
  }
  .j_tags_list > li .j_rlist .j_group_chk .ImageCheckbox {
    padding-left: 32px !important;
  }
  .j_tags_list > li .j_rlist .sgcont .j_ch_box {
    padding-left: 6px;
  }
  .j_tags_list > li .j_rlist .sgcont .j_ch_box .ImageCheckbox {
    line-height: 37px;
  }
}
/* IE11 */
_:-ms-fullscreen .j_tags_list > li .j_rlist .j_group_chk,
:root .j_tags_list > li .j_rlist .j_group_chk {
  padding-left: 3px;
}
_:-ms-fullscreen .j_tags_list > li .j_rlist .sgcont .j_ch_box,
:root .j_tags_list > li .j_rlist .sgcont .j_ch_box {
  padding-left: 2px;
}
.j_cust_list {
  padding: 0 28px;
}
.j_cust_list > li {
  width: 100%;
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  margin-bottom: 9px;
  padding: 20px 20px 15px 20px;
}
.j_cust_list > li:last-child {
  margin-bottom: 0;
}
.j_cust_list > li > div {
  display: table;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.j_cust_list > li > div > div {
  display: table-cell;
  width: 90%;
  vertical-align: middle;
}
.j_cust_list > li > div > div:first-child {
  width: 4%;
  text-align: left;
}
.j_cust_list > li > div > div:last-child {
  width: 6%;
  text-align: right;
}
.j_cust_list > li > div > div .j_cust_top {
  overflow: hidden;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
}
.j_cust_list > li > div > div .j_cust_top .j_cust_top_left {
  float: left;
  width: 60%;
}
.j_cust_list > li > div > div .j_cust_top .j_cust_top_left .j_left_t {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}
.j_cust_list > li > div > div .j_cust_top .j_cust_top_left .j_left_con {
  font-size: 13px;
  font-weight: 500;
  color: #888;
}
.j_cust_list > li > div > div .j_cust_top .j_cust_top_left .j_left_con span.j_val {
  font-size: 13px;
  color: #333;
}
.j_cust_list > li > div > div .j_cust_top .j_cust_top_right {
  float: right;
  text-align: right;
  width: 38%;
}
.j_cust_list > li > div > div .j_cust_bottom ul li {
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  padding: 9px 0 8px 0;
}
.j_cust_list > li > div > div .j_cust_bottom ul li:last-child {
  border-bottom: none;
}
.j_cust_list > li > div > div .j_cust_bottom ul li > div {
  float: left;
  width: 33%;
}
.j_cust_list > li > div > div .j_cust_bottom ul li > div:nth-child(2) {
  width: 34%;
}
.j_cust_list > li > div > div .j_cust_bottom ul li > div label {
  display: inline-block;
  text-align: right;
}
.j_cust_list > li > div > div .j_cust_bottom ul li > div label.j_label_t {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  vertical-align: -3px;
  width: 32%;
  padding-right: 15px;
  line-height: 16px;
}
.j_cust_list > li > div > div .j_cust_bottom ul li > div label.ImageRadio {
  vertical-align: -3px;
}
.j_cust_list > li > div > div .j_cust_bottom ul li > div .input_box {
  display: inline-block;
}
.j_cust_list > li > div > div .j_cust_bottom ul li > div .Spinner {
  padding-right: 13px;
}
.j_work_notice {
  width: 100%;
  height: 44px;
  margin-top: 15px;
  border-radius: 6px;
  line-height: 44px;
  background: url(../../image/icon_j_bell_01.png) no-repeat 10px center #ff697c;
  padding-left: 40px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  position: relative;
  margin-bottom: 15px;
}
.j_work_notice img {
  vertical-align: middle;
  margin-left: 10px;
}
.j_work_notice button.j_close_btn {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(../../image/icon_j_remove_01.png) no-repeat center;
  text-indent: -9999px;
  margin-top: -10px;
}
.j_work_top_box {
  overflow: hidden;
}
.j_work_top_box .j_current {
  float: left;
  width: 770px;
  height: 440px;
}
.j_work_top_box .j_current .Panel-content {
  padding-top: 10px;
  text-align: center;
}
.j_work_top_box .j_calendar {
  float: right;
  width: 370px;
  height: 440px;
}
.j_work_top_box .j_calendar .Panel-content {
  padding-top: 10px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.j_work_top_box .j_request_left {
  float: left;
  width: 570px;
  height: 318px;
}
.j_work_top_box .j_request_left .Panel-content {
  padding: 0;
  text-align: center;
}
.j_work_top_box .j_request_right {
  float: right;
  width: 570px;
  height: 318px;
}
.j_work_top_box .j_request_right .Panel-content {
  padding: 0;
  text-align: center;
}
.Panel .Panel-header span.j_t_num_01 {
  float: none;
  display: inline-block;
  width: 38px;
  height: 28px;
  line-height: 25px;
  border-radius: 14.5px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  text-align: center;
  cursor: inherit;
}
.Panel .Panel-header .j_list_btn_box {
  float: right;
  padding-top: 3px;
}
.Panel .Panel-header .j_list_btn_box button.btn_circle {
  float: right;
}
.Panel .Panel-header .j_list_btn_box button.j_listview_btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: no-repeat center center;
  background-size: 20px 20px;
  opacity: 0.2;
}
.Panel .Panel-header .j_list_btn_box button.j_listview_btn.j_listview {
  background-image: url(../../image/btn_listview_01.png);
}
.Panel .Panel-header .j_list_btn_box button.j_listview_btn.j_listview.j_selected {
  opacity: 1;
}
.Panel .Panel-header .j_list_btn_box button.j_listview_btn.j_listview1 {
  background-image: url(../../image/btn_listview_02.png);
}
.Panel .Panel-header .j_list_btn_box button.j_listview_btn.j_listview1.j_selected {
  opacity: 1;
}
.Panel .Panel-header .j_list_btn_box span.j_mline01 {
  float: none;
  font-size: 11px;
  color: #d7d7d7;
  font-weight: 300;
  vertical-align: 6px;
  margin: 0 10px;
}
.j_t_num_box {
  font-size: 13px;
  font-weight: 500;
  color: #555;
  padding: 20px 0;
}
.j_overay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.j_request_search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 266px 110px 0 160px;
  z-index: 1001;
}
.j_request_search .input_srch1 .input_box input {
  height: 68px;
  border-radius: 5px;
}
.j_request_search .input_srch1 .input_box button {
  position: absolute;
  top: 50%;
  right: 8px;
  background: transparent url(../../image/icon_search_48.png) no-repeat center;
  background-size: 36px 36px;
  width: 36px;
  height: 36px;
  margin-top: -18px;
}
.j_request_search .j_re_search_close {
  text-align: right;
  margin-bottom: 10px;
}
.j_request_search .j_re_search_close button.btn_search_close {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../image/icon_close_x_24.png) no-repeat center;
  text-indent: -9999px;
}
.j_action_list {
  padding: 0 28px;
}
.j_action_list > li {
  width: 100%;
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  margin-bottom: 9px;
  padding: 20px 20px 15px 20px;
}
.j_action_list > li:last-child {
  margin-bottom: 0;
}
.j_action_list > li > div {
  display: table;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.j_action_list > li > div > div {
  display: table-cell;
  vertical-align: middle;
}
.j_action_list > li > div > div:first-child {
  width: 94%;
  text-align: left;
  padding-left: 30px;
}
.j_action_list > li > div > div:last-child {
  width: 6%;
  text-align: right;
}
.j_action_list > li > div > div .j_action_form ul li {
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  padding: 9px 0 8px 0;
}
.j_action_list > li > div > div .j_action_form ul li:last-child {
  border-bottom: none;
}
.j_action_list > li > div > div .j_action_form ul li > div {
  display: table;
  width: 100%;
}
.j_action_list > li > div > div .j_action_form ul li > div > div {
  display: table-cell;
}
.j_action_list > li > div > div .j_action_form ul li > div > div.j_th {
  width: 8%;
  text-align: right;
}
.j_action_list > li > div > div .j_action_form ul li > div > div.j_th1 {
  width: 10%;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  padding-right: 15px;
}
.j_action_list > li > div > div .j_action_form ul li > div > div.j_th1 label.j_label_t {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  vertical-align: -3px;
  padding-right: 0;
  line-height: 16px;
}
.j_action_list > li > div > div .j_action_form ul li > div > div.j_td1 {
  width: 56%;
}
.j_action_list > li > div > div .j_action_form ul li > div > div.j_td2 {
  width: 28%;
}
.j_action_list > li > div > div .j_action_form ul li > div > div.j_td3 {
  width: 23%;
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
.j_action_list > li > div > div .j_action_form ul li > div > div.j_td3 .input_box {
  vertical-align: -1px;
}
.j_action_list > li > div > div .j_action_form ul li > div > div.j_td3 .input_srch3 {
  vertical-align: 4px;
}
.j_action_list > li > div > div .j_action_form ul li > div > div label.j_label_t {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  vertical-align: -3px;
  padding-right: 15px;
  line-height: 16px;
}
.j_action_list > li > div > div .j_action_form ul li > div > div .input_box {
  display: inline-block;
}
.j_action_list > li > div > div .j_action_form ul li > div > div .input_srch3 {
  display: inline-block;
}
.j_history {
  padding: 20px 0;
}
.j_history_con {
  padding: 20px 0;
}
.j_sitemap {
  padding: 0 130px;
}
.j_sitemap > ul {
  overflow: hidden;
  width: 100%;
}
.j_sitemap > ul > li {
  float: left;
  text-align: left;
  width: 20%;
  padding-right: 25px;
}
.j_sitemap > ul > li a {
  display: block;
  width: 100%;
  height: 24px;
  line-height: 24px;
  background-color: #fff;
}
.j_sitemap > ul > li a:hover {
  background-color: #efeeea;
}
.j_sitemap > ul.j_sitemap_top {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
}
.j_sitemap > ul.j_sitemap_bottom {
  padding-top: 20px;
}
.j_sitemap > ul.j_sitemap_bottom ul li.j_sitemap_m1 {
  margin-bottom: 20px;
}
.j_sitemap > ul.j_sitemap_bottom ul li.j_sitemap_m2 {
  margin-bottom: 10px;
}
.j_sitemap li.j_sitemap_m1 a {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  padding: 0 10px;
}
.j_sitemap li.j_sitemap_m2 a {
  font-size: 14px;
  font-weight: 500;
  color: #fd6901;
  padding: 0 15px;
}
.j_sitemap li.j_sitemap_m3 a {
  font-size: 13px;
  font-weight: 300;
  color: #333;
  letter-spacing: -0.5px;
  background: url(../../image/icon_next_12.png) no-repeat 10px center;
  padding-left: 22px;
}
.j_temp_css {
  padding: 15px 0;
  text-align: center;
}
.j_temp_css span {
  display: inline-block;
  width: 745px;
  height: 373px;
  background: url(../../image/j_temp_01.png) no-repeat center center;
  cursor: pointer;
}
.j_temp_css span:hover {
  background: url(../../image/j_temp_06.png) no-repeat center center;
}
.j_temp_css1 {
  position: relative;
}
.j_temp_css1 .j_temp_btn {
  position: absolute;
  top: 366px;
  right: 59px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.j_temp_css1 img.j_temp_15_hover {
  position: absolute;
  top: 136px;
  right: 91px;
  display: none;
}
.j_time_re_box li {
  overflow: hidden;
  background-color: #fafafa;
  margin-bottom: 20px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 0 20px;
}
.j_time_re_box li:first-child {
  border-top: none;
}
.j_time_re_box li table {
  float: left;
  width: 85%;
}
.j_time_re_box li .j_add_del_btm {
  float: right;
  width: 15%;
  text-align: center;
}
.j_time_re_box li .j_add_del_btm > div {
  display: table;
  width: 100%;
}
.j_time_re_box li .j_add_del_btm > div > div {
  display: table-cell;
  width: 100%;
  height: 298px;
  vertical-align: middle;
}
.j_time_re_box li .j_add_del_btm > div > div button.Button {
  display: inline-block;
}
.j_time_re_box li .j_add_del_btm > div > div button:first-child {
  margin-bottom: 5px;
}
.slabot dl dd {
  padding-right: 50px;
}
.j_m_method_f_t {
  padding: 20px 0;
}
.j_float01 {
  overflow: hidden;
}
.j_float01 ul {
  float: left;
  width: 50%;
  padding-right: 37px;
}
.j_searchbox_01 {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
  position: relative;
}
.j_searchbox_01 .j_btn_setup {
  position: absolute;
  right: 0;
  bottom: -50px;
  z-index: 10;
}
.j_network {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
}
/* 20181125 j_ 추가 end */
/*20181019 추가 수정*/
.pb {
  padding-bottom: 15px !important;
}
.j_mb15 {
  margin-bottom: 15px;
}
.slabox {
  padding-bottom: 20px;
}
.slabox .Panel-content dl dt {
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  margin-bottom: 4px;
}
.slabox .Panel-content .slabot {
  padding: 20px 0;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.slabox .Panel-content .slabot:last-child {
  border-bottom: none;
}
.slabox .Panel-content .slabot::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.slabox .Panel-content .slabot dl {
  width: 50%;
  float: left;
}
.slabox .Panel-content .slabot dl:nth-child(odd) {
  padding-right: 60px;
}
.slabox .Panel-content .slabot dl:nth-child(even) {
  padding-left: 60px;
}
.slabox .Panel-content .slabot.lastb {
  padding: 20px 0 0;
}
.slabox .Panel-content .btn_area {
  border-top: none;
  border-bottom: 1px solid #ebebeb;
}
.btn_area.j_bb_block {
  border-bottom: 1px solid #ebebeb;
}
.contents_area.j_window_pop {
  width: 100%;
  position: static;
  height: 100%;
  background: #efeeea;
}
.contents_area.j_window_pop .tit_wrap {
  margin-top: 0;
}
.j_windowpop_wrap {
  min-width: 1030px;
  width: 100%;
  /*padding: 50px;*/
  margin: 0 auto;
}
.j_windowpop_wrap .j_windowpop_cen {
  width: 100%;
}
.j_windowpop_wrap .j_winpop_title {
  padding: 15px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #d7d7d7;
}
.j_graph_box {
  border-bottom: 1px solid #d7d7d7;
  padding: 20px;
}
.j_ul_table {
  width: 100%;
  padding: 40px 30px 0;
}
.j_ul_table ul.j_ul_st {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.j_ul_table ul.j_ul_st li {
  display: table-cell;
  text-align: center;
  font-weight: 300;
}
.j_ul_table ul.j_ul_st li.g_no {
  width: 4%;
}
.j_ul_table ul.j_ul_st li.g_cname {
  width: 10%;
}
.j_ul_table ul.j_ul_st li.g_re_no {
  width: 13%;
}
.j_ul_table ul.j_ul_st li.g_date {
  width: 13%;
}
.j_ul_table ul.j_ul_st li.g_name {
  width: 10%;
}
.j_ul_table ul.j_ul_st li.g_dubj {
  width: 25%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.j_ul_table ul.j_ul_st li.g_con {
  width: 25%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.j_ul_table ul.j_ul_table_top {
  border-bottom: 1px solid #bbb;
  margin-bottom: 1px;
}
.j_ul_table ul.j_ul_table_top li {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  color: #888;
  height: 34px;
}
.j_ul_table .j_ul_table_con {
  border-bottom: 1px solid #bbb;
}
.j_ul_table .j_ul_table_con .j_ul_list {
  cursor: pointer;
  margin-top: -1px;
}
.j_ul_table .j_ul_table_con .j_ul_list:first-child .j_ul_st {
  border-top: 1px solid #fff;
}
.j_ul_table .j_ul_table_con .j_ul_list:last-child .j_ul_st {
  border-bottom: 1px solid #fff;
}
.j_ul_table .j_ul_table_con .j_ul_list:hover .j_ul_st,
.j_ul_table .j_ul_table_con .j_ul_list.j_sel .j_ul_st {
  border-top: 1px solid #7fc4ef;
  border-right: 1px solid #7fc4ef;
  border-bottom: 1px solid #7fc4ef;
  border-left: 1px solid #7fc4ef;
  background-color: #d3e9f7;
  z-index: 2;
}
.j_ul_table .j_ul_table_con .j_ul_list:hover .j_ul_st li,
.j_ul_table .j_ul_table_con .j_ul_list.j_sel .j_ul_st li {
  height: 50px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 300;
  color: #333;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_st {
  position: relative;
  z-index: 1;
  border: 1px solid #ebebeb;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_st li {
  height: 50px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 300;
  color: #333;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_st li.g_dubj {
  text-align: left;
  padding-left: 20px;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_st li.g_con {
  text-align: left;
  padding-left: 20px;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_st.j_sel {
  border-top: 1px solid #7fc4ef;
  border-right: 1px solid #7fc4ef;
  border-bottom: 1px solid #7fc4ef;
  border-left: 1px solid #7fc4ef;
  background-color: #d3e9f7;
  z-index: 2;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_st.j_sel li {
  height: 50px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 300;
  color: #333;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_view {
  display: none;
  padding: 30px 130px;
  border-bottom: 1px solid #d7d7d7;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_view table {
  width: 100%;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_view table tr:last-child th,
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_view table tr:last-child td {
  border-bottom: none;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_view table th {
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  border-bottom: 1px solid #d7d7d7;
  vertical-align: top;
  padding: 15px;
  line-height: 1.69;
}
.j_ul_table .j_ul_table_con .j_ul_list .j_ul_view table td {
  text-align: left;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  border-bottom: 1px solid #d7d7d7;
  vertical-align: top;
  padding: 15px 100px 15px 0;
  line-height: 1.69;
}
.j_ul_table .j_paging {
  text-align: center;
  padding: 20px 0;
}
.sms_search_box1 {
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  background-color: #fafafa;
  padding: 10px 20px;
  position: relative;
  margin-top: 20px;
  z-index: 300;
}
.sms_search_box1 .cp_bot {
  display: none;
}
.sms_search_box1 .cp_bot .j_sms_list {
  border-top: 1px solid #ebebeb;
}
.sms_search_box1 .cp_bot .j_ticket_list {
  border-top: 1px solid #ebebeb;
}
.sms_search_box1 .j_sms_list {
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
}
.sms_search_box1 .j_sms_list dl {
  float: left;
  width: 50%;
}
.sms_search_box1 .j_sms_list dl.j_sms_colspan {
  width: 100%;
}
.sms_search_box1 .j_sms_list dl dt {
  float: left;
  width: 130px;
  text-align: right;
}
.sms_search_box1 .j_sms_list dl dt > span {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  vertical-align: -3px;
}
.sms_search_box1 .j_sms_list dl dt > span.j_v_middle {
  vertical-align: 5px;
}
.sms_search_box1 .j_sms_list dl dd {
  float: left;
  width: calc(100% - 130px);
  padding-left: 15px;
  padding-right: 30px;
}
.sms_search_box1 .j_sms_list dl dd.j_radio label {
  vertical-align: -4px;
  margin-right: 11px!important;
}
.sms_search_box1 .j_sms_list dl dd.radio_align .ImageCheckbox {
  margin-right: 11px!important;
}
.sms_search_box1 .j_sms_list dl dd .input_box {
  vertical-align: top;
}
.sms_search_box1 .j_sms_list dl dd .ipt {
  display: inline-block;
  vertical-align: top;
}
.sms_search_box1 .j_ticket_list {
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
}
.sms_search_box1 .j_ticket_list dl {
  float: left;
  width: 33.33333%;
}
.sms_search_box1 .j_ticket_list dl.j_sms_colspan {
  width: 100%;
}
.sms_search_box1 .j_ticket_list dl dt {
  float: left;
  width: 100px;
  text-align: right;
}
.sms_search_box1 .j_ticket_list dl dt > span {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  vertical-align: -3px;
}
.sms_search_box1 .j_ticket_list dl dd {
  float: left;
  width: calc(100% - 100px);
  padding-left: 15px;
  padding-right: 30px;
}
.sms_search_box1 .j_ticket_list dl dd.j_radio label {
  vertical-align: -4px;
}
.sms_search_box1 .j_ticket_list dl dd .input_box {
  vertical-align: top;
}
.info_btn_box {
  position: relative;
  border-top: none;
  top: 0;
}
.info_btn_box .info_btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -37px;
  width: 120px;
  height: 28px;
}
.j_sms_table_list {
  border-top: 1px solid #ebebeb;
  padding: 30px 0 0 0;
}
.j_file_list_box {
  width: 100%;
  border: 1px solid #bbb;
  background-color: #fff;
  height: 150px;
  overflow-y: scroll;
  border-radius: 2px;
}
.j_file_list_box ul li {
  overflow: hidden;
  height: 30px;
  line-height: 25px;
}
.j_file_list_box ul li:hover {
  background-color: #f4f4f4;
}
.j_file_list_box ul li:hover span.j_file_name a {
  text-decoration: underline;
}
.j_file_list_box ul li > div {
  float: left;
}
.j_file_list_box ul li > div:first-child {
  width: 32px;
  padding-left: 5px;
}
.j_file_list_box ul li > div:nth-child(2) {
  width: 88%;
}
.j_file_list_box ul li > div:nth-child(2).j_save_ing {
  background: url(../../image/icon_correct_gray.png) no-repeat right center;
}
.j_file_list_box ul li > div:nth-child(2).j_save {
  background: url(../../image/icon_correct_green.png) no-repeat right center;
}
.j_file_list_box ul li > div:last-child {
  width: 7%;
  text-align: right;
  padding-right: 5px;
  font-size: 11px;
  font-weight: 300;
  color: #888;
}
.j_file_list_box ul li > div:last-child.j_save_ing {
  color: #bbb;
}
.j_file_list_box ul li > div span.j_file_name {
  font-size: 13px;
  color: #333;
  font-weight: 300;
  background: no-repeat left center;
  background-size: 16px 16px;
  padding-left: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.j_file_list_box ul li > div span.j_file_name.j_file_icon_img {
  background-image: url(../../image/icon_img_16.png);
}
.j_file_list_box ul li > div span.j_file_name.j_file_icon_ppt {
  background-image: url(../../image/icon_ppt_16.png);
}
.j_file_list_box ul li > div span.j_file_name.j_file_icon_excel {
  background-image: url(../../image/icon_excel_16.png);
}
.j_file_list_box ul li > div span.j_file_name.j_file_icon_word {
  background-image: url(../../image/icon_word_16.png);
}
.j_file_list_box ul li > div span.j_file_name.j_file_icon_pdf {
  background-image: url(../../image/icon_pdt_16.png);
}
.j_file_list_box ul li > div span.j_file_name.j_file_icon_txt {
  background-image: url(../../image/icon_txt_16.png);
}
.j_file_list_box ul li > div span.j_file_name.j_file_icon_zip {
  background-image: url(../../image/icon_zip_16.png);
}
.j_file_list_box ul li > div span.j_file_name.j_file_icon_etc {
  background-image: url(../../image/icon_etc_16.png);
}
.j_file_list_box ul li > div span.j_file_name a {
  font-size: 13px;
  color: #333;
  font-weight: 300;
}
/*파일리스트 팝업*/
.j_file_list_pop {
  width: 265px;
  max-height: 152px;
  overflow-y: auto;
  border-radius: 3px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
  position: absolute;
  top: 27px;
  left: -10px;
  z-index: 800;
}
.j_file_list_pop ul li {
  overflow: hidden;
  height: 30px;
  line-height: 25px;
}
.j_file_list_pop ul li:hover {
  background-color: #f4f4f4;
}
.j_file_list_pop ul li:hover span.j_file_name {
  text-decoration: underline;
}
.j_file_list_pop ul li:hover span.j_file_name a {
  text-decoration: underline;
  font-size: 13px;
  color: #333;
  font-weight: 300;
}
.j_file_list_pop ul li > div {
  float: left;
}
.j_file_list_pop ul li > div:first-child {
  width: 12%;
  padding-left: 5px;
}
.j_file_list_pop ul li > div:last-child {
  width: 88%;
}
.j_file_list_pop ul li > div span.j_file_name {
  font-size: 13px;
  color: #333;
  font-weight: 300;
  background: no-repeat left center;
  background-size: 16px 16px;
  padding-left: 21px;
  cursor: default;
  display: block;
  height: 30px;
  overflow: hidden;
  width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.j_file_list_pop ul li > div span.j_file_name a {
  display: block;
  font-size: 13px;
  color: #333;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 94%;
  white-space: nowrap;
  word-break: normal;
}
.j_file_list_pop ul li > div span.j_file_name.j_file_icon_img {
  background-image: url(../../image/icon_img_16.png);
}
.j_file_list_pop ul li > div span.j_file_name.j_file_icon_ppt {
  background-image: url(../../image/icon_ppt_16.png);
}
.j_file_list_pop ul li > div span.j_file_name.j_file_icon_excel {
  background-image: url(../../image/icon_excel_16.png);
}
.j_file_list_pop ul li > div span.j_file_name.j_file_icon_word {
  background-image: url(../../image/icon_word_16.png);
}
.j_file_list_pop ul li > div span.j_file_name.j_file_icon_pdf {
  background-image: url(../../image/icon_pdt_16.png);
}
.j_file_list_pop ul li > div span.j_file_name.j_file_icon_txt {
  background-image: url(../../image/icon_txt_16.png);
}
.j_file_list_pop ul li > div span.j_file_name.j_file_icon_zip {
  background-image: url(../../image/icon_zip_16.png);
}
.j_file_list_pop ul li > div span.j_file_name.j_file_icon_etc {
  background-image: url(../../image/icon_etc_16.png);
}
/* 대상서비스 선택 */
.j_service_sel {
  overflow: hidden;
  padding: 10px 0 30px 0;
}
.j_service_sel .j_chk {
  float: left;
  width: 5%;
  text-align: left;
  padding-left: 10px;
}
.j_service_sel .j_chk .ImageCheckbox {
  vertical-align: -3px;
}
.j_service_sel .j_input_title {
  float: left;
  width: 9%;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  padding-right: 15px;
}
.j_service_sel .j_input_title span {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  vertical-align: -6px;
}
.j_service_sel .input_srch1 {
  float: left;
  width: 85%;
  text-align: left;
}
/* 수신그룹 선택 */
.j_receive_group {
  padding: 30px 0;
  /* Accordion */
}
.j_receive_group .j_receive_top {
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}
.j_receive_group .j_receive_top > span {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
.j_receive_group .j_receive_top > span span {
  font-size: 13px;
  font-weight: 500;
  color: #e60724;
}
.j_receive_group .j_receive_top button {
  position: absolute;
  top: 0;
  right: 0;
}
.j_receive_group .Accordion {
  border-top: 1px solid #bbb;
  border-left: none;
  border-right: none;
}
.j_receive_group .Accordion > li {
  border-bottom: 1px solid #ebebeb;
}
.j_receive_group .Accordion > li:last-child {
  border-bottom: none;
}
.j_receive_group .Accordion > li > a {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  padding: 14px 10px;
}
.j_receive_group .Accordion > li > a:hover {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  background-color: #fff;
  padding: 14px 10px;
}
.j_receive_group .Accordion > li > a .ImageCheckbox {
  vertical-align: -1px;
}
.j_receive_group .Accordion > li.Expandable > a:after {
  width: 24px;
  height: 24px;
  background: url(../../image/icon_down_24.png) no-repeat right -8px;
  background-size: 24px 24px;
}
.j_receive_group .Accordion > li.Expandable > a:hover {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  background-color: #fff;
}
.j_receive_group .Accordion > li.Expandable.Expanded > a {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  background-color: #fff;
}
.j_receive_group .Accordion > li.Expandable.Expanded > a:after {
  width: 24px;
  height: 24px;
  background: url(../../image/icon_up_24.png) no-repeat right -8px;
  background-size: 24px 24px;
}
.j_receive_group .Accordion > li > div {
  display: block;
  width: 100%;
  padding: 20px;
  line-height: 1em;
  background: #fafafa;
  border-top: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.j_receive_group .Accordion > li > div.j_sub_chk ul {
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}
.j_receive_group .Accordion > li > div.j_sub_chk ul li {
  float: left;
  width: 25%;
  border-top: none;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
.j_receive_group .Accordion > li > div.j_sub_chk ul li .ImageCheckbox {
  vertical-align: -2px;
}
.j_receive_group .Accordion > li > div.j_sub_chk ul li:hover {
  background: none;
}
.j_sub_chk1 ul {
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  padding: 15px 50px 5px 90px;
}
.j_sub_chk1 ul li {
  float: left;
  width: 25%;
  border-top: none;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
.j_sub_chk1 ul li .ImageCheckbox {
  vertical-align: -2px;
}
.j_sub_chk1 ul li:hover {
  background: none;
}
/* sms 발송 */
.j_overay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2001;
}
.j_sms_send_box {
  position: fixed;
  left: 50%;
  top: 57%;
  margin-left: -202px;
  margin-top: -421px;
  width: 405px;
  height: 742px;
  background: url(../../image/mobile_bg.png) no-repeat 0 0;
  z-index: 2002;
}
.j_sms_send_box > div {
  position: relative;
}
.j_sms_send_box > div .btn_popup_close_01 {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2003;
}
.j_sms_send_box .j_sms_title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding-top: 70px;
  padding-left: 54px;
  height: 111px;
}
.j_sms_send_box .j_sms_con_box {
  width: 375px;
  height: 522px;
  overflow-y: scroll;
  margin: 0 auto;
  text-align: left;
  padding: 15px;
}
.j_sms_send_box .j_sms_con_box .j_sms_con {
  font-size: 13px;
  font-weight: 300;
  line-height: normal;
  color: #333;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 15px;
  border-radius: 8px;
  min-height: 490px;
}
.j_sms_send_box .j_sms_btn {
  text-align: center;
  padding: 10px 33px 0 30px;
}
.j_sms_send_box .j_sms_btn button.Button {
  width: 100%;
  height: 40px;
}
.wpop_cont .Tabs .Scroller > ul {
  margin-bottom: 30px;
}
.wpop_cont .Tabs .Scroller > ul > li {
  height: 32px;
  line-height: 14px;
  font-size: 13px;
  font-weight: 300;
}
/* sms 수진그룹관리 Step */
.j_step_box {
  overflow: hidden;
  width: 100%;
  background: url(../../image/icon_next_24.png) no-repeat 405px 210px;
}
.j_step_box .j_step_left {
  float: left;
  width: 370px;
}
.j_step_box .j_step_left .j_step_list_t {
  margin-bottom: 10px;
}
.j_step_box .j_step_left span {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  color: #888;
  display: inline-block;
  text-align: center;
}
.j_step_box .j_step_left span.j_code {
  width: 30%;
}
.j_step_box .j_step_left span.j_step {
  width: 70%;
  text-align: left;
}
.j_step_box .j_step_left ul.List {
  height: auto;
  padding: 0;
  padding-top: 1px;
  background: #ffffff;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.j_step_box .j_step_left ul.List > li {
  position: relative;
  display: block;
  overflow: hidden;
  border: none;
  margin-top: -1px;
  z-index: 1;
}
.j_step_box .j_step_left ul.List > li:first-child {
  border-top: 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.j_step_box .j_step_left ul.List > li:last-child {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.j_step_box .j_step_left ul.List > li.Link a {
  cursor: pointer;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 50px;
  line-height: 45px;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 0;
}
.j_step_box .j_step_left ul.List > li.Link a:hover,
.j_step_box .j_step_left ul.List > li.Link a:Active {
  background: #f2f2f2;
}
.j_step_box .j_step_left ul.List > li.Link a:after {
  display: none;
}
.j_step_box .j_step_left ul.List > li.Link a span {
  color: #333;
  font-size: 13px;
  font-weight: 300;
}
.j_step_box .j_step_left ul.List > li.Link.on_chk_hvr {
  z-index: 2 !important;
  background-color: #d3e9f7 !important;
  position: relative;
}
.j_step_box .j_step_left ul.List > li.Link.on_chk_hvr a {
  border: 1px solid #7dc3ef !important;
}
.j_step_box .j_step_left ul.List > li.Link.on_chk_hvr a:hover,
.j_step_box .j_step_left ul.List > li.Link.on_chk_hvr a:active {
  background-color: #d3e9f7 !important;
}
.j_step_box .j_step_right {
  float: right;
  width: 800px;
}
.j_step_box .j_step_title {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  margin-bottom: 15px;
}
/* 팝업 수신그룹정보 */
.j_step_box1 {
  width: 100%;
  overflow: hidden;
  background: url(../../image/icon_next_24.png) no-repeat 270px 190px;
}
.j_step_box1 .j_step_title {
  font-size: 13px;
  font-weight: 500;
  color: #555;
  margin-bottom: 26px;
}
.j_step_box1 .j_step_left {
  float: left;
  width: 250px;
}
.j_step_box1 .j_step_right {
  float: right;
  width: 650px;
}
/* box's */
.j_box1 {
  border: 1px solid #d7d7d7;
  background-color: #fafafa;
  border-radius: 4px;
  padding: 10px;
}
.j_box2 {
  border: 1px solid #d7d7d7;
  background-color: #fafafa;
  border-radius: 4px;
  padding: 20px 20px 0 20px;
}
.j_g_box1 {
  border: 1px solid #d7d7d7;
  background-color: #fafafa;
  padding: 20px;
  text-align: center;
}
.j_sms_dae_ad {
  position: relative;
}
.j_box1 {
  padding: 20px 20px;
}
.j_box1 .j_div_table {
  display: table;
  width: 100%;
}
.j_box1 .j_div_table > div {
  display: table-cell;
  vertical-align: middle;
}
.j_box1 .j_div_table > div.j_th {
  width: 13%;
  text-align: right;
  padding-right: 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  color: #888;
}
.j_box1 .j_div_table > div.j_td {
  width: 37%;
}
.j_box1 .j_div_table > div.j_th1 {
  width: 12%;
  text-align: right;
  padding-right: 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  color: #888;
}
.j_box1 .j_div_table > div.j_td1 {
  width: 21.33%;
}
.j_box1 .j_div_table > div.j_th2 {
  width: 9%;
  text-align: right;
  padding-right: 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  color: #888;
}
.j_box1 .j_div_table > div.j_td2 {
  width: 24.33%;
}
.j_box1 .j_div_table > div.radio_align {
  vertical-align: middle;
}
.j_box1 .j_div_table > div.radio_align .radio_box {
  padding: 8px 0 6px;
  overflow: hidden;
}
.j_box1 .j_div_table > div.radio_align .radio_box label:after {
  margin-top: -7px;
}
.j_box1 .j_div_table > div.radio_align .radio_box label:last-child {
  margin-right: 0;
}
/* multi input line's */
.j_multi_input {
  display: inline-block;
  width: calc(100% - 36px);
  background: #ffffff;
  border: 1px solid #bbb;
  border-radius: 2px;
  text-align: left;
  padding: 2px 4px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #bbb;
  min-height: 32px;
  line-height: 26px;
}
.j_multi_input span {
  display: inline-block;
  background-color: #e2f5f8;
  height: 100%;
  line-height: 19px!important;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  padding: 2px 40px 3px 6px;
  border-radius: 2px;
  position: relative;
  margin: 1px 3px 1px 0;
}
.j_multi_input span button {
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -6px;
}
/* multi input 1 line */
.j_multi_input1 {
  display: inline-block;
  width: 100%;
  min-width: 370px;
  border: 1px solid #bbb;
  height: 32px;
  border-radius: 2px;
  text-align: left;
  padding: 2px 114px 2px 2px;
  vertical-align: top;
  background-color: #fff;
  position: relative;
}
.j_multi_input1 span.j_se_name {
  display: inline-block;
  background-color: #e2f5f8;
  width: 120px;
  height: 100%;
  padding-left: 5px;
  padding-right: 24px;
  margin-right: 4px;
  line-height: 25px;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.j_multi_input1 span.j_se_name button {
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -6px;
}
.j_multi_input1 span.j_se_total {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 32px;
  margin-top: -9px;
  width: 90px;
  height: 19px;
  line-height: 17px;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  text-align: right;
}
.j_multi_input1 button.btn_search_01 {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url(../../image/icon_search_16.png) no-repeat center center;
}
.j_con_date_box {
  padding-top: 30px;
}
.j_con_sla_box {
  padding-top: 20px;
}
.j_bb_border {
  border-bottom: 1px solid #ebebeb !important;
}
/* 리스트 스타일 */
.j_ul_list_01 li {
  background: url(../../image/icon_dot_01.png) no-repeat left center;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.71;
  color: #666;
  text-align: left;
  padding-left: 10px;
}
.j_ul_list_02 li {
  background: url(../../image/icon_dot_01.png) no-repeat left 11px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555;
  text-align: left;
  padding-left: 10px;
}
.j_error_list {
  padding: 20px 0;
}
.j_error_list.j_mbt_m30 {
  margin-top: -30px;
}
.j_error_list li {
  background: url(../../image/icon_dot_02.png) no-repeat left center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.69;
  color: #197bd0;
  text-align: left;
  padding-left: 10px;
}
/* 신년달력 일괄복제 */
.j_new_cal {
  text-align: center;
  padding-top: 50px;
  font-size: 13px;
  font-weight: 500;
  color: #888;
}
.j_s_total {
  font-size: 13px;
  font-weight: 300;
  color: #333;
  text-align: left;
}
.j_s_total span {
  font-size: 13px;
  font-weight: 500;
  color: #e60724;
}
.j_k_search_box {
  width: 100%;
}
.j_k_search_t {
  font-size: 15px;
  font-weight: 500;
  color: #555555;
  margin-bottom: 5px;
}
/*요청서목록 검색 리스트*/
.j_klist_style1 > .legend_box {
  position: relative;
  top: -47px;
}
.legend_box {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #888888;
  text-align: right;
}
.legend_box .text { /*20190702변경*/
  font-size: 12px;
  font-weight: 300;
  position: relative;
  color: #888888;
  padding-left: 10px;
  margin-left: 10px;
}
.legend_box .text_icon:after { /*20190702변경*/
  content: '';
  width: 1px;
  height: 11px;
  background-color: #d7d7d7;
  position: absolute;
  top: 4px;
  left: 0;
}
.legend_box .text_icon:before { /*20190702변경*/
  content: '';
  width: 17px;
  height: 18px;
  display: inline-block;
  background: url(../../image/icon_info_b_16.png) no-repeat 50%;
  vertical-align: top;
  margin-right: 4px;
}
.legend_box .text_icon:first-child { /*20190702변경*/
  padding-left: 0;
}
.legend_box .text_icon:first-child:after { /*20190702변경*/
  display: none;
}
.legend_box .tag_text:before {
  width: 26px;
  background: url(../../image/icon_tag_26.png) no-repeat 50%;
}
.j_k_list_box {
  width: 100%;
}
.j_k_list_box.j_k_list_bnone {
  padding-bottom: 15px;
}
.j_k_list_box.j_k_list_bnone > dl:last-child {
  border-bottom: none;
}
.j_k_list_box.j_k_list_bnone > dl:last-child > dd {
  border-bottom: none;
}
.j_k_list_box > dl {
  width: 100%;
  padding: 7px 0;
  margin-bottom: 20px;
}
.j_k_list_box > dl:last-child {
  margin-bottom: 0;
}
.j_k_list_box > dl > dt {
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 7px;
}
.j_k_list_box > dl > dd {
  border-bottom: 1px solid #ebebeb;
  padding: 0 20px;
}
.j_k_list_box > dl > dd > ul {
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
}
.j_k_list_box > dl > dd > ul > li {
  float: left;
  width: 33.33333%;
  min-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  background: url(../../image/icon_dot_02.png) no-repeat left 14px;
}
.j_k_list_box > dl > dd > ul > li span.j_k_sub {
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  line-height: 18px;
}
.j_k_list_box > dl > dd > ul > li span.j_k_sub span {
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fd6901;
}
.j_k_list_box > dl > dd > ul > li a.j_k_sub {
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
}
.j_k_list_box > dl > dd > ul > li a.j_k_sub:hover {
  text-decoration: underline;
}
.j_k_list_box > dl > dd > ul > li a.j_k_sub span {
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fd6901;
}
.j_k_list_box > dl > dd > ul > li .Button {
  vertical-align: middle;
}
.j_k_list_box > dl > dd > ul > li img {
  vertical-align: middle;
}
.j_tooltip_txt1 {
  width: 100%;
  word-break: break-all;
}
.j_tooltip_txt1 tbody tr:last-child th,
.j_tooltip_txt1 tbody tr:last-child td {
  border-bottom: none;
}
.j_tooltip_txt1 tbody th {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #888;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
  padding: 5px 0;
}
.j_tooltip_txt1 tbody td {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #333;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
  padding: 5px 0;
}
.j_tooltip_txt1 tbody td ul li {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #333;
  text-align: left;
}
.j_tooltip_txt1 tbody td p.j_t_title {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #333;
  margin-bottom: 3px;
}
.j_tooltip_txt1 tbody td p.j_t_con {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.23;
  color: #888;
}
/*요청서목록 조회 상세보기 리스트*/
.j_klist_style2 {
  width: 100%;
}
.j_klist_style2 > ul > li {
  padding: 20px;
  border-bottom: 1px solid #ebebeb;
  display: table;
  width: 100%;
}
.j_klist_style2 > ul > li:last-child {
  border-bottom: none;
}
.j_klist_style2 > ul > li dl.j_b_left {
  display: table-cell;
  width: 84%;
  vertical-align: top;
}
.j_klist_style2 > ul > li dl.j_b_left dt a {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}
.j_klist_style2 > ul > li dl.j_b_left dt a:hover {
  text-decoration: underline;
}
.j_klist_style2 > ul > li dl.j_b_left dt a span {
  font-size: 15px;
  font-weight: 500;
  color: #fd6901;
}
.j_klist_style2 > ul > li dl.j_b_left dd div.j_con_navi {
  margin-bottom: 7px;
}
.j_klist_style2 > ul > li dl.j_b_left dd div.j_con_navi span {
  font-size: 13px;
  font-weight: 500;
}
.j_klist_style2 > ul > li dl.j_b_left dd div.j_con_navi span.j_t1 {
  color: #888;
}
.j_klist_style2 > ul > li dl.j_b_left dd div.j_con_navi span.j_t2 {
  color: #333;
  font-weight: 300;
}
.j_klist_style2 > ul > li dl.j_b_left dd div.j_con_txt {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #888;
  max-height: 46px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.j_klist_style2 > ul > li dl.j_b_left dd div.j_con_txt span {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #fd6901;
}
.j_klist_style2 > ul > li div.j_b_right {
  display: table-cell;
  width: 15%;
  height: 100%;
  text-align: right;
  vertical-align: middle;
}
.j_klist_style2 > ul > li div.j_b_right img {
  vertical-align: middle;
}
.j_klist_style2 > ul > li div.j_b_right button {
  margin-left: 15px;
}
.j_klist_style2 > ul > li div.j_b_right span.j_star_icon1 {
  margin-left: 10px;
}
.j_con_sla_box .Tabs {
  position: static !important;
}
.j_con_sla_box .Tabs ul.j_port_tab_t {
  width: auto;
  margin-bottom: 26px;
}
.j_con_sla_box .Tabs ul.j_port_tab_t li {
  padding: 5px 30px;
  min-width: 100px;
}
.j_con_sla_box > .legend_box {
  padding: 10px 0;
}
/* txt's */
.j_txt1 {
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.71 !important;
  color: #666 !important;
}
.j_txt2 {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #333 !important;
  padding: 15px !important;
  background-color: #fafafa !important;
  border-bottom: 1px solid #ebebeb !important;
}
.j_txt2 span {
  font-size: 13px;
  font-weight: 300;
  color: #e60724;
  font-weight: 700;
}
.j_txt3 {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #555 !important;
}
.j_txt4 {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #888 !important;
  padding: 15px !important;
  background-color: #fafafa !important;
  border-bottom: 1px solid #ebebeb !important;
}
.j_txt4 span {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #333333;
}
.j_txt4 span.j_color_red {
  color: #e60724 !important;
}
.j_txt4 span.j_color_3 {
  color: #333 !important;
}
.j_txt4 span.j_mline_01 {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #d7d7d7;
  margin: 0 15px;
  vertical-align: -1px;
}
.j_txt4 span.count {
  margin-right: 50px!important;
}
.j_txt4 span.tit {
  margin-right: 15px;
  color: #888 !important;
}
.j_txt5 {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #333 !important;
  padding: 15px !important;
  background-color: #fafafa !important;
  border-bottom: 1px solid #ebebeb !important;
}
.j_txt6 {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #333 !important;
  padding: 15px 20px !important;
  background-color: #fafafa !important;
  border-bottom: 1px solid #ebebeb !important;
}
.j_txt6 b {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #333;
}
.j_txt6 a {
  font-size: 13px !important;
  font-weight: 300 !important;
  padding-right: 2px;
}
.j_txt6 a.color_r {
  color: #e60724 !important;
}
.j_receive_box {
  padding: 30px 0;
}
/* editor */
.j_default .webeditor-content ol {
  list-style-type: decimal;
}
.j_default .webeditor-content ol li {
  list-style-type: decimal;
}
.j_default .webeditor-content ul {
  list-style-type: disc;
}
.j_default .webeditor-content ul li {
  list-style-type: disc;
}
.j_default .webeditor-content ol,
.j_default .webeditor-content ul {
  padding-left: 40px;
}
.j_default .webeditor-content b {
  font-weight: bold;
}
/* 연결 서비스 설정 팝업 */
.j_connection_box {
  overflow: hidden;
  background: url(../../image/icon_next_24.png) no-repeat 820px 120px;
}
.j_connection_box .j_connection_left {
  float: left;
  width: 770px;
  padding-bottom: 20px;
}
.j_connection_box .j_connection_right {
  float: right;
  width: 370px;
}
.j_connection_box .j_connection_right .j_connection_list {
  width: 100%;
  height: 296px;
  border: 1px solid #bbb;
  background-color: #fff;
  padding: 9px;
  overflow-y: auto;
}
.j_connection_box .j_connection_right .j_connection_list .j_null {
  text-align: center;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.23;
  color: #888;
  padding-top: 130px;
}
.j_connection_box .j_connection_right .j_connection_num {
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
.j_connection_box .j_connection_right .j_connection_num span {
  font-size: 13px;
  font-weight: 300;
}
.j_connection_box .j_connection_right .j_connection_num .num_normal {
  color: #333;
  font-weight: 300;
}
.j_connection_box .j_connection_right .j_connection_list ul li span {
  display: inline-block;
  background-color: #e2f5f8;
  height: 100%;
  line-height: 1.23;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  padding: 3px 40px 4px 6px;
  border-radius: 2px;
  position: relative;
}
.j_connection_box .j_connection_right .j_connection_list ul li span button {
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -6px;
}
.j_pd20con {
  padding: 20px 20px 0 20px;
}
.dropbox_bot .left li.j_ju_color {
  color: #fd6901;
}
/* 상태 파일첨부 리스트 */
.j_file_list {
  position: relative;
}
.j_file_list span.j_num {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #333;
  background: url(../../image/icon_clip_16.png) no-repeat left center;
  padding-left: 25px;
}
.j_file_list span.j_num span {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.69;
  color: #e60724 !important;
}
.j_file_list #processFileBox .dropbox_bot {
  display: none;
}
.j_gray_box {
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb;
}
.j_gray_box .j_change_box1:first-child {
  padding-left: 30px;
  width: 250px;
}
/* float 2개 */
.j_div_two_float {
  overflow: hidden;
}
.j_div_two_float.j_step_icon {
  background: url(../../image/icon_next_24.png) no-repeat 50% 50%;
}
.j_div_two_float .j_col {
  width: 49.6%;
  float: left;
}
.j_div_two_float .j_col:last-child {
  float: right;
}
.j_div_two_float .j_col1 {
  width: 48.7%;
  float: left;
}
.j_div_two_float .j_col1:last-child {
  float: right;
}
.j_div_two_float .j_col3 {
  width: 48%;
  float: left;
}
.j_div_two_float .j_col3:last-child {
  float: right;
}
.j_div_two_float .j_col4 {
  width: 45%;
  float: right;
}
.j_best_list {
  height: 230px;
}
.j_best_list .j_best_null {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 210px;
  font-size: 13px;
  font-weight: 300;
  color: #888;
}
.j_best_list > ul {
  padding-bottom: 20px;
}
.j_best_list > ul > li {
  display: table;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  height: 70px;
  padding: 0 20px;
}
.j_best_list > ul > li:last-child {
  border-bottom: none;
}
.j_best_list > ul > li .j_b_left {
  display: table-cell;
  width: 70%;
  vertical-align: middle;
  line-height: 18px;
}
.j_best_list > ul > li .j_b_left .j_best_title {
  font-size: 15px;
  font-weight: 500;
  color: #555;
}
.j_best_list > ul > li .j_b_left .j_best_title:hover {
  text-decoration: underline;
}
.j_best_list > ul > li .j_b_left .j_best_navi {
  font-size: 13px;
  font-weight: 300;
  color: #888;
}
.j_best_list > ul > li .j_b_right {
  display: table-cell;
  width: 30px;
  text-align: right;
  vertical-align: middle;
}
.j_best_list > ul > li .j_b_right .Button {
  vertical-align: middle;
}
.j_best_list > ul > li .j_b_right img {
  vertical-align: middle;
  margin-right: 10px;
}
.j_best_list1 {
  height: 377px;
  padding: 20px 0 0 20px;
}
/* 직원 상세 정보 */
.j_staff_view {
  padding-bottom: 20px;
}
.j_staff_view .j_staff_table {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}
.j_staff_view .j_staff_table.j_bb_none {
  border-bottom: none;
}
.j_staff_view .j_staff_table .j_staff_th {
  display: table-cell;
  width: 14%;
  height: 50px;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  padding-right: 15px;
  text-align: right;
  vertical-align: middle;
}
.j_staff_view .j_staff_table .j_staff_td {
  display: table-cell;
  width: 86%;
  height: 50px;
  vertical-align: middle;
}
.j_staff_view .j_staff_table .j_staff_td .input_box {
  vertical-align: middle;
}
.j_staff_view .j_staff_table .j_staff_td .j_etc_txt1 {
  vertical-align: middle;
}
.j_staff_view .j_staff_grid_box {
  padding: 0 20px;
}
.j_staff_view .j_staff_grid_box.j_staff_grid_box1 {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
}
.j_backup_clist {
  padding: 20px 0;
}
.j_backup_clist .j_table5 tbody td {
  padding: 15px 0;
}
.j_group_01 {
  padding: 20px 0 0 0;
  height: 630px;
}
/* 파일 용량 */
.j_file_mb > span {
  display: inline-block;
  padding-top: 5px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #888;
}
.j_file_mb > span > span {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #333;
}
/* 조치 작업 폼 리스트 */
ul.j_work_list_1 > li {
  display: table;
  width: 100%;
  margin-bottom: 9px;
  border-collapse: separate;
}
ul.j_work_list_1 > li:last-child {
  margin-bottom: 0;
}
ul.j_work_list_1 > li .j_work_list_del {
  display: table-cell;
  width: 50px;
  text-align: left;
  vertical-align: middle;
}
ul.j_work_list_1 > li .j_work_list_del .btn_delete_w_01 {
  vertical-align: middle;
}
ul.j_work_list_1 > li .j_work_list_table {
  display: table-cell;
  width: calc(100% - 50px);
  border: 1px solid #d7d7d7;
  background-color: #fafafa;
  border-radius: 6px;
}
ul.j_work_list_1 > li .j_work_list_table .j_work_list_con {
  display: table;
  width: 100%;
}
ul.j_work_list_1 > li .j_work_list_table .j_work_list_con .j_work_con {
  display: table-cell;
  width: calc(100% - 150px);
  padding-left: 20px;
}
ul.j_work_list_1 > li .j_work_list_table .j_work_list_con .j_work_con1 {
  display: table-cell;
  width: 100%;
  padding: 0 20px;
}
ul.j_work_list_1 > li .j_work_list_table .j_work_list_con .j_work_state {
  display: table-cell;
  width: 150px;
  text-align: center;
  vertical-align: middle;
}
ul.j_work_list_1 > li .j_work_list_table .j_work_list_con .j_work_state .Button {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}
ul.j_work_list_1 > li .j_work_list_table .j_work_list_con .j_work_state .Button.j_save_btn {
  margin-bottom: 5px;
}
ul.j_work_list_2 > li {
  display: table;
  width: 100%;
  margin-bottom: 9px;
  border-collapse: separate;
}
ul.j_work_list_2 > li:last-child {
  margin-bottom: 0;
}
ul.j_work_list_2 > li .j_work_list_del {
  display: table-cell;
  width: 50px;
  text-align: left;
  vertical-align: middle;
}
ul.j_work_list_2 > li .j_work_list_del .btn_delete_w_01 {
  vertical-align: middle;
}
ul.j_work_list_2 > li .j_work_list_table {
  display: table-cell;
  width: calc(100% - 50px);
  border: 1px solid #d7d7d7;
  background-color: #fafafa;
  border-radius: 6px;
  padding: 0 20px;
}
ul.j_work_list_2 > li .j_work_list_table > div {
  display: table;
  width: 100%;
  min-height: 50px;
  border-bottom: 1px solid #ebebeb;
}
ul.j_work_list_2 > li .j_work_list_table > div:last-child {
  border-bottom: none;
}
ul.j_work_list_2 > li .j_work_list_table > div > div {
  display: table-cell;
  padding: 9px 0;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_th {
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888;
  padding-right: 15px;
  vertical-align: middle;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_th.j_thw1 {
  width: 10%;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_th.j_thw2 {
  width: 12%;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_th.j_vt1 {
  vertical-align: top;
  padding-top: 15px;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_td {
  vertical-align: middle;
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_td.j_tdw1 {
  width: 50%;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_td.j_tdw2 {
  width: 28%;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_td.j_tdw3 {
  width: 90%;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_td.j_tdw4 {
  width: 21%;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_td.j_tdw5 {
  width: 28%;
}
ul.j_work_list_2 > li .j_work_list_table > div > div.j_td.j_pdr60 {
  padding-right: 60px;
}
.Combobox div {
  width: 100%  !important;
}
.Combobox div div ul {
  width: 100%  !important;
}
/* 2018.12.07 muliti step */
.arrow-steps {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  /* 갯수 */
}
.arrow-steps .j_tool {
  position: absolute;
  right: 7.5%;
  top: -39px;
  z-index: 5;
  display: inline-block;
  height: 45px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  border: 1px solid #a6a6a6;
  border-radius: 3px;
  padding: 0 5px;
}
.arrow-steps .j_tool > div {
  position: relative;
  width: 100%;
  line-height: 41px;
}
.arrow-steps .j_tool > div:after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  background: url(../../image/user_hover.png) no-repeat 0 0;
  position: absolute;
  right: 2.5%;
  bottom: -9px;
}
.arrow-steps .j_tool > div span {
  display: inline-block;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.54;
  color: #888;
  text-align: center;
}
.arrow-steps .j_tool > div span.j_color1 {
  color: #da9e0d;
}
.arrow-steps .j_tool > div span.j_color2 {
  color: #289eef;
}
.arrow-steps .j_tool > div span.j_color3 {
  color: #847cd8;
}
.arrow-steps .j_tool > div span.j_color4 {
  color: #72a240;
}
.arrow-steps .j_tool > div span.j_color5 {
  color: #bbb;
}
.arrow-steps .j_tool > div span.j_color6 {
  color: #607481;
}
.arrow-steps .j_tool > div span.j_color7 {
  color: #ee8281;
}
.arrow-steps .j_tool > div span:nth-child(3) {
  background: url(../../image/icon_mline.png) no-repeat left center;
}
.arrow-steps.j_wnum3 .step {
  width: 33.3%;
}
.arrow-steps.j_wnum5 .step {
  /*width: calc(19.9% - 1px);  */
  width: 20%;
}
.arrow-steps.j_wnum6 .step {
  width: calc(16.7% - 2px);
}
.arrow-steps.j_wnum_multi .step {
  width: calc(16.6% - 0px);
}
.arrow-steps:after {
  content: "";
  display: block;
  clear: both;
}
.arrow-steps .step {
  text-align: center;
  height: 40px;
  line-height: 35px;
  float: left;
  position: relative;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  /* 지나감 */
  /* 현재 */
}
.arrow-steps .step span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #888;
}
.arrow-steps .step:first-child {
  border-radius: 20px 0 0 20px;
}
.arrow-steps .step:last-child {
  border-radius: 0 20px 20px 0;
}
.arrow-steps .step:last-child:after {
  border: 0;
}
.arrow-steps .step:last-child:before {
  border: 0;
}
.arrow-steps .step:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #fff;
  z-index: 3;
}
.arrow-steps .step:before {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #d7d7d7;
  z-index: 2;
}
.arrow-steps .step.passstep {
  background-color: #bbbbbb;
  border: 1px solid #a8a8a8;
}
.arrow-steps .step.passstep:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #bbbbbb;
  z-index: 3;
}
.arrow-steps .step.passstep:before {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #a8a8a8;
  z-index: 2;
}
.arrow-steps .step.passstep:last-child:before {
  border: 0;
}
.arrow-steps .step.passstep:last-child:after {
  border: 0;
}
.arrow-steps .step.passstep > span {
  color: #fff;
  background: url('../../image/icon_correct_w_24.png') no-repeat right center;
  background-size: 20px 20px;
  padding-right: 25px;
}
.arrow-steps .step.current {
  background-color: #197bd0;
  border: 1px solid #197bd0;
}
.arrow-steps .step.current:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #197bd0;
  z-index: 3;
}
.arrow-steps .step.current:before {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #197bd0;
  z-index: 2;
}
.arrow-steps .step.current:last-child:before {
  border: 0;
}
.arrow-steps .step.current:last-child:after {
  border: 0;
}
.arrow-steps .step.current > span {
  color: #fff;
}
.arrow-steps .last_step {
  margin-left: 4px;
  border-left: none;
  border-radius: 0 20px 20px 0;
}
.arrow-steps .last_step:after {
  display: none !important;
}
.arrow-steps .last_step:before {
  display: none !important;
}
.arrow-steps .last_step:after {
  z-index: 3;
}
.arrow-steps .last_step:before {
  z-index: 2;
}
.arrow-steps .last_step > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #efeeea;
  z-index: 1;
}
.arrow-steps .last_step > span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #d7d7d7;
  z-index: 1;
}
.arrow-steps .last_step.current {
  border-left: none;
}
.arrow-steps .last_step.current > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #efeeea;
  z-index: 1;
}
.arrow-steps .last_step.current > span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #197bd0;
  z-index: 1;
}
.arrow-steps .last_step.passstep {
  border-left: none;
}
.arrow-steps .last_step.passstep > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #efeeea;
  z-index: 1;
}
.arrow-steps .last_step.passstep > span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 11px solid #a8a8a8;
  z-index: 1;
}
/* Loading */
.j_loading_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
}
.loading {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10001;
  display: block;
  width: 75px;
  height: 75px;
  margin: -65px 0 0 -37px;
}
.loading_box {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10001;
  transform: translate(-50%, -65%);
  display: block;
}
.loading_box span {
  display: block;
  width: 26px;
  height: 8px;
  background-color: #fff;
  border-radius: 10px;
  margin: 5px 0 5px 10px;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-name: loading_animation01;
}
.loading_box span:nth-child(2) {
  width: 23px;
  animation-name: loading_animation02;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transform: translate(0px, 0px);
  margin: 5px 0;
}
.loading_box span:nth-child(3) {
  width: 13px;
  animation-name: loading_animation03;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transform: translate(0px, 0px);
  margin: 5px 0;
}
@keyframes loading_animation01 {
  0% {
    transform: translate(10px, 0px) translate(-10px, 0px) translate(0px, 0px);
    opacity: 0;
  }
  17.14% {
    transform: translate(10px, 0px) translate(-10px, 0px) translate(15px, 0px);
    opacity: 1;
  }
  34.29% {
    transform: translate(10px, 0px) translate(-10px, 0px) translate(-20px, 0px);
    opacity: 1;
  }
  51.43% {
    transform: translate(10px, 0px) translate(-10px, 0px) translate(20px, 0px);
    opacity: 1;
  }
  68.57% {
    transform: translate(10px, 0px) translate(-10px, 0px) translate(0px, 0px);
    opacity: 1;
  }
  85.71% {
    opacity: 0;
  }
  100% {
    transform: translate(10px, 0px) translate(-10px, 0px) translate(0px, 0px);
    opacity: 0;
  }
}
@keyframes loading_animation02 {
  0% {
    transform: translate(0px, 13px) translate(0px, -13px) translate(0px, 0px);
    opacity: 0;
  }
  5.71% {
    opacity: 0;
  }
  22.86% {
    transform: translate(0px, 13px) translate(0px, -13px) translate(15px, 0px);
    opacity: 1;
  }
  40% {
    transform: translate(0px, 13px) translate(0px, -13px) translate(-20px, 0px);
    opacity: 1;
  }
  57.14% {
    transform: translate(0px, 13px) translate(0px, -13px) translate(20px, 0px);
    opacity: 1;
  }
  74.29% {
    transform: translate(0px, 13px) translate(0px, -13px) translate(0px, 0px);
    opacity: 1;
  }
  91.43% {
    opacity: 0;
  }
  100% {
    transform: translate(0px, 13px) translate(0px, -13px) translate(0px, 0px);
    opacity: 0;
  }
}
@keyframes loading_animation03 {
  0% {
    transform: translate(0px, 26px) translate(0px, -26px) translate(0px, 0px);
    opacity: 0;
  }
  11% {
    opacity: 0;
  }
  28.57% {
    transform: translate(0px, 26px) translate(0px, -26px) translate(15px, 0px);
    opacity: 1;
  }
  45.71% {
    transform: translate(0px, 26px) translate(0px, -26px) translate(-20px, 0px);
    opacity: 1;
  }
  62.86% {
    transform: translate(0px, 26px) translate(0px, -26px) translate(20px, 0px);
    opacity: 1;
  }
  80% {
    transform: translate(0px, 26px) translate(0px, -26px) translate(0px, 0px);
    opacity: 1;
  }
  97.14% {
    opacity: 0;
  }
  100% {
    transform: translate(0px, 26px) translate(0px, -26px) translate(0px, 0px);
    opacity: 0;
  }
}
/* 로딩 바 */
.j_loading_bar {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 18px;
  margin-left: -100px;
  margin-top: -9px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 9px;
  overflow: hidden;
  z-index: 10001;
}
.j_loading_bar > div {
  position: relative;
}
.j_loading_bar > div .j_loading_g {
  height: 18px;
  background-color: #289eef;
}
.j_loading_bar > div span.j_loading_t {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 18px;
  line-height: 18px;
  text-align: right;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding-right: 10px;
  z-index: 10002;
}
/* 공지사항 팝업 */
.j_notice_box {
  border: 1px solid #888 !important;
}
.j_notice_box .dialog_header.Header {
  border-bottom: none;
}
.j_notice_con {
  padding: 0 30px 40px 30px;
  max-width: 1028px;
  max-height: 606px;
  min-height: 206px;
  overflow-y: auto;
}
.j_notice_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
  margin-bottom: 20px;
}
.j_notice_txt {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555;
}
.j_notice_btn {
  border-top: 1px solid #d7d7d7;
  width: 100%;
  height: 50px;
  display: table;
}
.j_notice_btn .j_today_view {
  display: table-cell;
  width: 70%;
  text-align: left;
  vertical-align: middle;
  padding-left: 15px;
  font-size: 13px;
  font-weight: 300;
  color: #333;
}
.j_notice_btn .j_today_view .ImageCheckbox {
  margin-right: 5px;
}
.j_notice_btn .j_notice_close {
  display: table-cell;
  width: 30%;
  text-align: right;
  vertical-align: middle;
  padding-right: 10px;
}
/* IE9,10 */
@media screen and (min-width: 0 \0) {
  .j_notice_btn .j_today_view {
    padding-left: 15px;
  }
}
/* IE11 */
_:-ms-fullscreen .j_notice_btn .j_today_view,
:root .j_notice_btn .j_today_view {
  padding-left: 10px;
}
.j_tab2_style {
  padding: 20px 0;
}
.j_history_fbox {
  overflow: hidden;
  width: 100%;
}
.j_history_fbox > div {
  width: 49%;
}
.j_history_fbox > div:first-child {
  float: left;
}
.j_history_fbox > div:last-child {
  float: right;
}
.j_history_fbox > div .j_history_t {
  font-size: 15px;
  font-weight: 500;
  color: #555;
  margin-bottom: 10px;
}
.j_pop_relative {
  position: relative;
}
.j_one_grid {
  padding: 30px 30px 0 30px;
}
.j_grid_cont_01 {
  padding: 30px 0 0 0;
}
.j_grid_cont_02 {
  padding: 30px 30px 20px 30px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebebeb+0,f3f3f3+50,f5f5f5+51,fcfcfc+100 */
  background: #ebebeb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ebebeb 0%, #f3f3f3 50%, #f5f5f5 51%, #fcfcfc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 50%, #f5f5f5 51%, #fcfcfc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 50%, #f5f5f5 51%, #fcfcfc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fcfcfc', GradientType=0);
  /* IE6-9 */
  background-size: 100% 8px;
  background-repeat: repeat-x;
  background-color: #fafafa;
}
.j_pop_ft_single {
  width: 100%;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
}
.j_pop_ft_single > dl {
  display: table;
  width: 100%;
  padding: 20px 0;
}
.j_pop_ft_single > dl dt {
  display: table-cell;
  width: 15%;
  vertical-align: middle;
  text-align: right;
  padding-right: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  border-bottom: 1px solid #ebebeb;
}
.j_pop_ft_single > dl dd {
  display: table-cell;
  width: 35%;
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
}
.j_pop_ft_single > dl dd .radio_box {
  display: inline-block;
  vertical-align: middle;
}
.j_pop_ft_single > dl dd .j_e_mark4 {
  display: inline-block;
  vertical-align: middle;
}
.j_pop_ft_single > dl:last-child dt {
  border-bottom: none;
}
.j_pop_ft_single > dl:last-child dd {
  border-bottom: none;
}
.j_pop_ft_form {
  width: 100%;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  padding: 0 20px;
}
.v_top {
  margin-top: 10px !important;
}
/****************************************************************************************************
****************************** SOP장애발생모니터링  sop.less  ***************************************************
*****************************************************************************************************/
.sop_header {
  white-space: 100%;
  height: 70px;
  min-height: 70px;
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  padding: 18px 27px 17px;
  position: relative;
  z-index: 10;
}
.sop_header .tit_box h1 {
  display: inline-block;
  vertical-align: middle;
}
.sop_header .tit_box h1 img {
  width: 110px;
}
.sop_header .tit_box > div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.sop_header .tit_box > div p {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  vertical-align: middle;
  margin-right: 10px;
}
.sop_header .tit_box > div .radio_box {
  display: inline-block;
  vertical-align: middle;
}
.sop_header .tit_box > div .radio_box .ImageRadio {
  margin-right: 10px;
}
.sop_header .time_box {
  position: absolute;
  top: 18px;
  right: 0;
  text-align: right;
}
.sop_header .time_box > div {
  display: inline-block;
  vertical-align: middle;
}
.sop_header .time_box .date {
  padding-right: 16px;
  vertical-align: 0;
}
.sop_header .time_box .date p {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  text-align: right;
  vertical-align: middle;
}
.sop_header .time_box .date p span {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.sop_header .time_box .date .set_btn {
  width: 20px;
  height: 20px;
  background: none;
  vertical-align: middle;
}
.sop_header .time_box .time {
  padding: 3px 20px;
  text-align: center;
  border-left: 1px solid #ebebeb;
}
.sop_header .time_box .time span {
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 24px;
}
.sop_cont {
  display: flex;
  flex-direction: column;
  flex: auto;
  overflow: hidden;
  background-color: #efeeea;
  padding: 17px 20px 24px;
}
.sop_cont .grid_top {
  min-width: 100%;
  min-height: 0 ;
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11);
  background-color: #ffffff;
  flex: auto;
  overflow: auto;
  padding: 0 30px;
}
.sop_cont .grid_top .grid_info {
  padding: 28px 0 10px;
  border-bottom: 1px solid #e6e6e6;
}
.sop_cont .grid_top .grid_info:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.sop_cont .grid_top .grid_info .sorting_box {
  float: left;
}
.sop_cont .grid_top .grid_info .sorting_box .sort_btn {
  width: 107px;
  margin-right: 3px;
}
.sop_cont .grid_top .grid_info .sorting_box .sort_btn span {
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  padding: 1px 5px;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  margin-left: 5px;
}
.sop_cont .grid_top .grid_info .sorting_box .color_g {
  background-color: #8fbe5e;
}
.sop_cont .grid_top .grid_info .sorting_box .color_g span {
  color: #8fbe5e;
}
.sop_cont .grid_top .grid_info .sorting_box .color_b {
  background-color: #197bd0;
}
.sop_cont .grid_top .grid_info .sorting_box .color_b span {
  color: #197bd0;
}
.sop_cont .grid_top .grid_info .sorting_box .color_y {
  background-color: #f2ba34;
}
.sop_cont .grid_top .grid_info .sorting_box .color_y span {
  color: #f2ba34;
}
.sop_cont .grid_top .grid_info .sorting_box .color_r {
  background-color: #ee8282;
}
.sop_cont .grid_top .grid_info .sorting_box .color_r span {
  color: #ee8282;
}
.sop_cont .grid_top .grid_info .sorting_box .color_p {
  background-color: #a79efc;
}
.sop_cont .grid_top .grid_info .sorting_box .color_p span {
  color: #a79efc;
}
.sop_cont .grid_top .grid_info .sorting_box .sort_on {
  background-color: #e6e6e6;
  color: #888;
  border: 1px solid #d7d7d7;
}
.sop_cont .grid_top .grid_info .sorting_box .sort_on span {
  color: #888;
  background-color: #d7d7d7;
}
.sop_cont .grid_top .grid_info .num_box {
  float: right;
}
.sop_cont .grid_top .grid_info .num_box ul {
  display: inline-block;
  vertical-align: middle;
}
.sop_cont .grid_top .grid_info .num_box ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.sop_cont .grid_top .grid_info .num_box ul li {
  float: left;
  margin-right: 16px;
}
.sop_cont .grid_top .grid_info .num_box ul li p {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  text-align: right;
}
.sop_cont .grid_top .grid_info .num_box ul li .num {
  color: #333;
  font-weight: 300;
  margin-left: 5px;
}
.sop_cont .grid_top .grid_info .num_box ul li .num button {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  height: auto;
  background: none;
  vertical-align: 0;
  cursor: text;
}
.sop_cont .grid_top .grid_info .num_box ul li .num button.text_r {
  color: #e60724;
}
.sop_cont .grid_top .grid_info .num_box ul li .num button.text_b {
  color: #197bd0;
}
.sop_cont .grid_top .grid_m {
  margin: 0 0 20px;
}
.sop_cont .tv_grid {
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11);
  background-color: #ffffff;
  flex: auto;
  overflow: auto;
  padding: 0 30px;
}
.sop_cont .tv_grid .grid_info {
  padding: 30px 0;
  border-bottom: 1px solid #e6e6e6;
}
.sop_cont .tv_grid .grid_info:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.sop_cont .tv_grid .grid_info .sorting_box {
  float: left;
}
.sop_cont .tv_grid .grid_info .sorting_box .sort_btn {
  width: 175px;
  height: 54px;
  font-size: 22px;
  margin-right: 10px;
  border-radius: 4px;
}
.sop_cont .tv_grid .grid_info .sorting_box .sort_btn span {
  font-size: 24px;
  font-weight: bold;
  padding: 0 8px 2px;
  border-radius: 15px;
  margin-left: 5px;
}
.sop_cont .tv_grid .grid_info .sorting_box .color_g {
  background-color: #5d9524;
}
.sop_cont .tv_grid .grid_info .sorting_box .color_g span {
  color: #000;
}
.sop_cont .tv_grid .grid_info .sorting_box .color_b {
  background-color: #004d94;
}
.sop_cont .tv_grid .grid_info .sorting_box .color_b span {
  color: #000;
}
.sop_cont .tv_grid .grid_info .sorting_box .color_y {
  background-color: #fd6901;
}
.sop_cont .tv_grid .grid_info .sorting_box .color_y span {
  color: #000;
}
.sop_cont .tv_grid .grid_info .sorting_box .color_r {
  background-color: #e60724;
}
.sop_cont .tv_grid .grid_info .sorting_box .color_r span {
  color: #000;
}
.sop_cont .tv_grid .grid_info .sorting_box .sort_on {
  background-color: #e6e6e6;
}
.sop_cont .tv_grid .grid_info .sorting_box .sort_on span {
  color: #000;
}
.sop_cont .tv_grid .grid_info .num_box {
  float: right;
  margin-top: 10px;
}
.sop_cont .tv_grid .grid_info .num_box .btn_icon_w {
  display: none;
}
.sop_cont .tv_grid .grid_info .num_box ul {
  display: inline-block;
  vertical-align: middle;
}
.sop_cont .tv_grid .grid_info .num_box ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.sop_cont .tv_grid .grid_info .num_box ul li {
  float: left;
  margin-right: 16px;
}
.sop_cont .tv_grid .grid_info .num_box ul li p {
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  color: #888;
  text-align: right;
}
.sop_cont .tv_grid .grid_info .num_box ul li .num {
  color: #333;
  font-weight: 300;
  margin-left: 5px;
}
.sop_cont .tv_grid .grid_info .num_box ul li .num button {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  height: auto;
  background: none;
  vertical-align: 0;
}
.sop_cont .tv_grid .grid_info .num_box ul li .num button.text_r {
  color: #e60724;
}
.sop_cont .tv_grid .grid_info .num_box ul li .num button.text_b {
  color: #197bd0;
}
.sop_cont .tv_grid .grid_m {
  margin: 0 0 20px;
}
.sop_cont .splitter {
  width: 100%;
  height: 28px;
  min-height: 28px;
  margin-top: 24px;
}
.sop_cont .splitter span {
  display: block;
  text-align: center;
  width: 201px;
  height: 100%;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background-color: #fafafa;
  font-size: 12px;
  font-weight: 500;
  margin: 0 auto;
  cursor: row-resize;
  line-height: 2.34;
}
.sop_cont .splitter span:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../../image/icon_handler_16.png') no-repeat 100%;
  vertical-align: -3px;
  margin-right: 5px;
}
.sop_cont .grid_bot {
  width: 100%;
  flex: auto;
  overflow: auto;
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11);
  background-color: #ffffff;
  padding: 0 30px;
}
.sop_cont .grid_bot .grid_m {
  margin: 20px 0;
}
.sop_pop.Dialog .Header {
  display: none;
}
.sop_pop .sopop_titleA {
  position: relative;
  width: 100%;
  height: 60px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1em;
  text-align: left;
  color: #fff;
  border-bottom: none;
  padding: 19px 45px;
  background: #004d94;
}
.sop_pop .sopop_titleA .alert {
  background: url(../../image/icon_loud_a_24.png) no-repeat left top;
  display: inline-block;
  width: 30px;
  height: 24px;
  position: absolute;
  top: 19px;
  left: 15px;
  -webkit-animation-duration: infinite;
  animation-duration: infinite;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.sop_pop .sopop_titleB {
  position: relative;
  width: 100%;
  height: 60px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1em;
  text-align: left;
  color: #fff;
  border-bottom: none;
  padding: 19px 45px;
  background: #e60724;
}
.sop_pop .sopop_titleB .alert {
  background: url(../../image/icon_loud_a_24.png) no-repeat left top;
  display: inline-block;
  width: 30px;
  height: 24px;
  position: absolute;
  top: 19px;
  left: 15px;
  -webkit-animation-duration: infinite;
  animation-duration: infinite;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.sop_pop .sopop_titleC {
  position: relative;
  width: 100%;
  height: 60px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1em;
  text-align: left;
  color: #fff;
  border-bottom: none;
  padding: 19px 45px;
  background: #fd6901;
}
.sop_pop .sopop_titleC .alert {
  background: url(../../image/icon_loud_a_24.png) no-repeat left top;
  display: inline-block;
  width: 30px;
  height: 24px;
  position: absolute;
  top: 19px;
  left: 15px;
  -webkit-animation-duration: infinite;
  animation-duration: infinite;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.sop_pop .sopop_wrap {
  padding: 0 30px;
}
.sop_pop .sopop_Table tr {
  border-bottom: 1px solid #ebebeb;
}
.sop_pop .sopop_Table tr th {
  vertical-align: top;
  padding: 16px 26px;
  font-size: 20px;
  color: #333;
  font-weight: 500;
  height: 65px;
  text-align: right;
  box-sizing: border-box;
}
.sop_pop .sopop_Table tr td {
  vertical-align: top;
  padding: 16px 15px;
  font-size: 20px;
  color: #333;
  font-weight: 300;
  height: 65px;
  text-align: left;
  box-sizing: border-box;
}
.sop_pop .sopop_Table tr td.no_padding {
  padding: 0 !important;
}
.sop_pop .sopop_Table tr:last-child {
  border-bottom: none;
}
.sop_pop .text_over {
  overflow-y: auto;
  height: 140px;
  font-size: 20px;
  font-weight: 300;
  padding: 16px 15px;
}
/****************************************************************************************************
******************************  작업파일  jes.less  ***************************************************
*****************************************************************************************************/
.mt25 {
  margin-top: 25px;
}
.mt50 {
  margin-top: 50px;
}
.mt65 {
  margin-top: 65px;
}
.mr0 {
  margin-right: 0 !important;
}
.pd0 {
  padding: 0;
}
.pt25 {
  padding-top: 25px !important;
}
.pt25 div.radio_box {
  padding: 0 80px 0 0 !important;
}
.pdr35 {
  padding-right: 35px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt65 {
  padding-top: 65px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pd100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.w230 {
  width: 230px !important;
}
.w230 input,
.w230 select,
.w230 textarea,
.w230 .input_box {
  width: 100% !important;
}
.w155 {
  width: 155px !important;
}
.w155 input,
.w155 select,
.w155 textarea,
.w155 .input_box {
  width: 100% !important;
}
.w70 {
  min-width: 70px;
}
.pd6 {
  padding: 6px 0;
}
.w100_95px {
  width: calc(100% - 95px) !important;
}
.w100_95px input,
.w100_95px select,
.w100_95px textarea {
  width: 100% !important;
}
.login_box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 800px;
  background: #efeeea;
}
.login_box .log_close_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
}
.login_box .login_form {
  position: relative;
  width: 400px;
  height: 100%;
  background: #fff;
  float: left;
}
.login_box .login_form form {
  height: 100%;
}
.login_box .login_form form fieldset {
  height: 100%;
}
.login_box .login_form .login_bi {
  position: absolute;
  top: 18px;
  left: 19px;
  display: block;
  width: 118px;
  height: 32px;
}
.login_box .login_form .login {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 90px;
  padding-top: 350px;
}
.login_box .login_form .login .tit {
  font-size: 30px;
  font-weight: 500;
  color: #333333;
  padding-left: 70px;
  margin-bottom: 23px;
}
.login_box .login_form .login dl {
  height: 50px;
  border-bottom: 1px solid #ebebeb;
}
.login_box .login_form .login dl dt {
  float: left;
  width: 55px;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  color: #888888;
  line-height: 32px;
  padding: 9px 0;
}
.login_box .login_form .login dl dd {
  float: left;
  width: 285px;
  padding: 9px 0 9px 15px;
}
.login_box .login_form .login dl dd input {
  width: 200px;
}
.login_box .login_form .login dl dd .Divselect {
  width: 200px;
}
.login_box .login_form .login dl dd .ipt {
  display: inline-block;
}
.login_box .login_form .login dl dd .login_check {
  margin-top: 8px;
  padding-left: 3px;
}
.login_box .login_form .login dl dd .login_check label {
  display: inline-block;
  margin-left: -7px;
}
.login_box .login_form .login dl dd .login_check label span {
  font-size: 12px;
  font-weight: 300;
  color: #333;
  vertical-align: 3px;
}
.login_box .login_form .login dl dd .login_check a {
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  color: #333;
  vertical-align: 3px;
  position: relative;
  margin-left: 7px;
  padding-left: 10px;
}
.login_box .login_form .login dl dd .login_check a:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 11px;
  background: #d7d7d7;
}
.login_box .login_form .login dl dd .login_check .ImageCheckbox {
  margin-right: 0!important;
}
.login_box .login_form .login dl dd .Tooltip.Top:before {
  margin-top: -2px;
}
.login_box .login_form .login dl.last {
  border-bottom: 0;
}
.login_box .login_form .login .btn_b {
  width: 200px;
  margin-left: 70px;
  margin-top: 5px;
}
.login_box .login_con {
  margin-left: 400px;
  background: url(../../image/login_bg01.png) no-repeat center;
  background-size: cover;
  height: 100%;
}
.login_box .login_con > div {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.login_box .login_con > div > div {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.login_box .login_con > div > div span.j_hellow {
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 10px;
}
.login_box .login_con > div > div span.j_wel {
  font-size: 26px;
  font-weight: 300;
  color: #fff;
}
.login_box .pw_form {
  width: 630px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login_box .pw_form .login_bi {
  margin-bottom: 15px;
  display: block;
  width: 118px;
  height: 32px;
}
.login_box .pw_form .Panel .Panel-content {
  height: 278px;
  padding: 0 50px;
}
.login_box .pw_form .Panel .Panel-content dl {
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.login_box .pw_form .Panel .Panel-content dl:last-child {
  border-bottom: 0;
}
.login_box .pw_form .Panel .Panel-content dl dt {
  float: left;
  width: 135px;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  padding: 9px 0;
  line-height: 32px;
}
.login_box .pw_form .Panel .Panel-content dl dd {
  float: left;
  width: 395px;
  padding: 9px 15px;
}
.login_box .pw_form .Panel .Panel-content dl dd.radio_box {
  line-height: 30px;
}
.login_box .pw_form .Panel .Panel-content dl dd.radio_box label:first-child {
  margin-right: 25px;
}
.login_box .pw_form .Panel .Panel-content dl dd .ipt .input_box {
  vertical-align: top;
}
.login_box .pw_form .Panel .Panel-content dl dd .ipt .time {
  font-size: 13px;
  font-weight: 300;
  color: #333;
  line-height: 32px;
  position: relative;
  padding-left: 20px;
  margin-left: 5px;
}
.login_box .pw_form .Panel .Panel-content dl dd .ipt .time:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  background: url('../../image/icon_time_16.png') no-repeat left center;
}
.login_box .pw_form .Panel .Panel-content dl dd input {
  width: 265px;
}
.login_box .pw_form .Panel .Panel-content dl dd p {
  font-size: 13px;
  font-weight: 300;
  color: #888;
  margin: 3px 0;
}
.login_box .pw_form .Panel .Panel-content dl dd a {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
  margin: 3px 0;
}
.login_box .pw_form .Panel .Panel-content dl dd a:hover {
  text-decoration: underline;
}
/* IE9,10 */
@media screen and (min-width: 0 \0) {
  .login_box .login_form .login dl dd .login_check label {
    margin-left: -3px;
  }
}
/* IE11 */
_:-ms-fullscreen .login_box .login_form .login dl dd .login_check label,
:root .login_box .login_form .login dl dd .login_check label {
  margin-left: -7px;
}
.dash_wrap {
  min-width: 1170px;
  max-width: 1760px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.dash_wrap .btn_area {
  width: calc(100% - 40px);
  position: relative;
  z-index: 100;
  margin: 0 auto;
}
.dash_wrap .btn_area .right {
  position: relative;
}
.dash_wrap .btn_area .right .line {
  display: inline-block;
  width: 1px;
  height: 29px;
  background: #d7d7d7;
  vertical-align: top;
  margin: 3px 5px 2px;
}
.dash_wrap .btn_area .right .d_select {
  display: inline-block;
  position: absolute;
  top: 34px;
  right: 88px;
  overflow-y: hidden;
  background: #fff;
  padding: 5px 0;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
}
.dash_wrap .btn_area .right .d_select:hover {
  border: 1px solid rgba(0, 0, 0, 0.35);
}
.dash_wrap .btn_area .right .d_select option {
  font-family: Roboto;
  font-size: 13px;
  line-height: 1.46;
  color: #555555;
  padding: 5px 15px;
  cursor: pointer;
  white-space: nowrap;
  text-align: left;
}
.dash_wrap .btn_area .right .d_select option:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.dash_wrap .btn_area .right .d_select option:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.dash_wrap .btn_area .right .d_select option:focus {
  background-color: rgba(0, 0, 0, 0.05);
}
.dash_wrap .btn_area .right .widget_list_box {
  display: none;
  position: absolute;
  top: 34px;
  right: 88px;
  overflow-y: hidden;
  width: 600px;
  background: #fff;
  padding: 10px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
}
.dash_wrap .btn_area .right .widget_list_box .widget_list {
  width: 100%;
}
.dash_wrap .btn_area .right .widget_list_box .widget_list dl {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}
.dash_wrap .btn_area .right .widget_list_box .widget_list dl:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.dash_wrap .btn_area .right .widget_list_box .widget_list dl dt {
  float: left;
  width: 20%;
  padding: 11px 20px 10px;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  text-align: right;
}
.dash_wrap .btn_area .right .widget_list_box .widget_list dl dd {
  float: left;
  width: 80%;
  padding: 8px 20px 8px 0;
}
.dash_wrap .btn_area .right .widget_list_box .widget_list dl dd .ImageCheckbox {
  display: inline-block;
  width: 48%;
  margin-right: 0;
}
.dash_wrap .btn_area .right .widget_list_box .widget_list dl.no_line {
  border: none;
}
.dash_wrap .btn_area .right .widget_list_box .widget_list dl.no_line dd {
  border-bottom: 1px solid #ebebeb;
}
.dash_wrap .btn_area .right .widget_list_box .btn_area {
  padding: 10px 0 20px;
}
.dash_wrap .btn_area .right .list_box {
  display: inline-block;
  position: absolute;
  top: 34px;
  right: 88px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
  padding: 5px 0;
}
.dash_wrap .btn_area .right .list_box ul li {
  font-family: Roboto;
  font-size: 13px;
  line-height: 1.46;
  color: #555555;
  padding: 3px 15px;
  cursor: pointer;
  white-space: nowrap;
}
.dash_wrap .btn_area .right .list_box ul li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.j_rsel_box {
  border: 1px solid #d7d7d7;
  background-color: #fafafa;
  border-radius: 4px;
  margin-bottom: 9px;
}
.j_rsel_box:last-child {
  margin-bottom: 5px;
}
.j_rsel_box .tit {
  border-bottom: 1px solid #d7d7d7;
  padding: 18px 20px;
}
.j_rsel_box .tit .ImageRadio .j_radio_txt {
  font-size: 15px;
  font-weight: 500;
  color: #555;
}
.j_rsel_box .cont {
  padding: 0 20px 10px;
}
.j_rsel_box .cont .Table tr {
  background: transparent;
}
.j_rsel_box .cont .Table tr th {
  background: transparent;
}
.j_rsel_box .cont .Table tr td {
  background: transparent;
}
.panel_box .snleft {
  float: left;
  width: calc(68% - 30px);
}
.panel_box .snright {
  float: right;
  width: calc(32% - 30px);
}
.arr_box_sn {
  background: url(../../image/icon_next_24.png) no-repeat 68.2% 50%;
}
@media screen and (max-width: 1599px) {
  .mt_wrap {
    width: 100%;
    min-width: 1000px;
  }
  .mt_wrap .mt_header {
    width: 100%;
    height: 120px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 10;
  }
  .mt_wrap .mt_header .h_box {
    width: 100%;
    height: 120px;
    position: relative;
  }
  .mt_wrap .mt_header .h_box:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_header .h_box > div {
    height: 120px;
    float: left;
  }
  .mt_wrap .mt_header .h_box .tit_box {
    width: 34%;
    display: table;
    border-right: 1px solid #ebebeb;
    padding-left: 20px;
  }
  .mt_wrap .mt_header .h_box .tit_box h1 {
    display: table-cell;
    vertical-align: middle;
  }
  .mt_wrap .mt_header .h_box .tit_box h1 img {
    display: inline-block;
    width: 110px;
  }
  .mt_wrap .mt_header .h_box .tit_box > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5%;
    min-width: 208px;
  }
  .mt_wrap .mt_header .h_box .tit_box > div p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.69;
    margin-bottom: 6px;
    display: block;
  }
  .mt_wrap .mt_header .h_box .time_box {
    width: 15%;
    border-right: 1px solid #ebebeb;
    display: table;
  }
  .mt_wrap .mt_header .h_box .time_box > div {
    display: table-cell;
    vertical-align: middle;
  }
  .mt_wrap .mt_header .h_box .time_box dl {
    max-width: 110px;
    margin: 0 auto 10px;
  }
  .mt_wrap .mt_header .h_box .time_box dl:last-child {
    margin-bottom: 0;
  }
  .mt_wrap .mt_header .h_box .time_box dl dt {
    font-size: 12px;
    font-weight: 500;
    color: #888;
    text-align: left;
    margin-bottom: 3px;
  }
  .mt_wrap .mt_header .h_box .time_box dl dd {
    font-family: 'Roboto', 'Noto Sans KR';
    font-size: 13px;
    font-weight: 700;
    color: #666;
    text-align: left;
  }
  .mt_wrap .mt_header .h_box .admin_box {
    width: 51%;
    display: table;
  }
  .mt_wrap .mt_header .h_box .admin_box > div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
  }
  .mt_wrap .mt_header .h_box .admin_box p {
    font-size: 13px;
    font-weight: 500;
    color: #888;
    margin-bottom: 9px;
  }
  .mt_wrap .mt_header .h_box .admin_box .user {
    margin-bottom: 10px;
  }
  .mt_wrap .mt_header .h_box .admin_box .user:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box {
    position: relative;
    float: left;
    width: calc(33% - 22px);
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none a img {
    display: none;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none a:hover .Button {
    display: none;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none .user_txt .user_belong {
    display: none;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none .user_txt .user_name {
    display: none;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none .user_txt .user_none {
    display: block;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box a {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(../../image/icon_add_24.png) no-repeat 50% #f4f4f4;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box a img {
    display: block;
    width: 38px;
    height: auto;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box a .mt_edit_btn {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../image/icon_edit_20.png) no-repeat 50%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    width: 38px;
    height: 38px;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box a:hover .Button {
    display: block;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt {
    display: inline-block;
    width: calc(100% - 60px);
    margin-left: 10px;
    vertical-align: middle;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.38;
    display: block;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt span.user_belong {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt span.user_name {
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt span.user_none {
    display: none;
    font-size: 12px;
    color: #888;
  }
  .mt_wrap .mt_header .h_box .chat_btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 76px;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
    background: url(../../image/icon_chat.png) no-repeat 8px 47px #5eadc2;
    padding: 8px 12px 0 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    color: #fff;
  }
  .mt_wrap .mt_cont {
    width: 100%;
    min-height: 778px;
    background-color: #efeeea;
    padding: 30px;
  }
  .mt_wrap .mt_cont .panel_wrap {
    width: 100%;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .Panel {
    height: 399px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .left {
    float: left;
    width: calc(50% - 15px);
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .left .Table tr td .btn_small_w {
    margin-left: 8px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .left .Table tr td .Button {
    vertical-align: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .left .Table tr td span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: -4px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right {
    float: right;
    width: calc(50% - 15px);
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li {
    border-bottom: 1px solid #ebebeb;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li:last-child {
    border-bottom: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a {
    display: block;
    padding: 11px 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a:hover {
    background-color: #f4f4f4;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a > div {
    float: left;
    width: 50%;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a > div p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.69;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a > div p span {
    display: inline-block;
    padding-right: 20px;
    font-size: 13px;
    font-weight: 300;
    color: #888;
    width: 90px;
    text-align: right;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .left {
    float: left;
    width: 36%;
    height: 200px;
    border: 1px solid #ebebeb;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right {
    float: right;
    width: calc(64% - 15px);
    height: 200px;
    border: 1px solid #ebebeb;
    background-color: #f4f4f4;
    overflow-y: auto;
    padding: 0 15px 15px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box {
    float: left;
    width: 66%;
    min-width: 440px;
    padding-top: 15px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box p {
    font-size: 13px;
    font-weight: 500;
    color: #888;
    margin-bottom: 5px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box ul li {
    float: left;
    width: 50%;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.46;
    padding-left: 8px;
    position: relative;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box ul li:after {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #bbb;
    position: absolute;
    top: 8px;
    left: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box ul li span {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.46;
    margin-left: 5px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box {
    float: left;
    width: 34%;
    min-width: 229px;
    padding-top: 15px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box p {
    font-size: 13px;
    font-weight: 500;
    color: #888;
    margin-bottom: 5px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box ul li:hover a {
    background-color: #e7e7e7;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box ul li a {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.69;
    padding-left: 17px;
    position: relative;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box ul li a:after {
    content: '';
    background: url(../../image/icon_next_12.png) no-repeat 0% 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    left: 0;
  }
  .mt_wrap .mt_cont .chat_popup {
    display: none;
    position: fixed;
    z-index: 2002;
    opacity: 1;
    overflow: hidden;
    width: 668px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mt_wrap .mt_cont .chat_wrap {
    width: 638px;
    height: 100%;
    box-shadow: 0 5px 36px 0 rgba(0, 0, 0, 0.15);
  }
  .mt_wrap .mt_cont .chat_wrap .pop_close_btn {
    position: absolute;
    top: -5px;
    right: 0;
  }
  .mt_wrap .mt_cont .chat_wrap .chat_wrap {
    width: 638px;
  }
  .mt_wrap .mt_cont .chat_wrap .chat_wrap .chat_part {
    right: 30px;
  }
}
@media screen and (min-width: 1600px) {
  .mt_wrap {
    width: 100%;
    min-width: 1000px;
    background-color: #efeeea;
  }
  .mt_wrap .mt_header {
    width: 100%;
    height: 120px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 10;
    margin: 0 auto;
  }
  .mt_wrap .mt_header > div {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
  }
  .mt_wrap .mt_header .h_box {
    width: 100%;
    max-width: 1200px;
    height: 120px;
    position: relative;
  }
  .mt_wrap .mt_header .h_box:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_header .h_box > div {
    height: 120px;
    float: left;
  }
  .mt_wrap .mt_header .h_box .tit_box {
    width: 34%;
    display: table;
    border-right: 1px solid #ebebeb;
    padding-left: 20px;
  }
  .mt_wrap .mt_header .h_box .tit_box h1 {
    display: table-cell;
    vertical-align: middle;
  }
  .mt_wrap .mt_header .h_box .tit_box h1 img {
    display: inline-block;
    width: 110px;
  }
  .mt_wrap .mt_header .h_box .tit_box > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 6%;
  }
  .mt_wrap .mt_header .h_box .tit_box > div p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.69;
    margin-bottom: 6px;
    display: block;
  }
  .mt_wrap .mt_header .h_box .time_box {
    width: 15%;
    border-right: 1px solid #ebebeb;
    display: table;
  }
  .mt_wrap .mt_header .h_box .time_box > div {
    display: table-cell;
    vertical-align: middle;
  }
  .mt_wrap .mt_header .h_box .time_box dl {
    max-width: 130px;
    margin: 0 auto 10px;
  }
  .mt_wrap .mt_header .h_box .time_box dl:last-child {
    margin-bottom: 0;
  }
  .mt_wrap .mt_header .h_box .time_box dl dt {
    font-size: 12px;
    font-weight: 500;
    color: #888;
    text-align: left;
    margin-bottom: 3px;
  }
  .mt_wrap .mt_header .h_box .time_box dl dd {
    font-family: 'Roboto', 'Noto Sans KR';
    font-size: 15px;
    font-weight: 700;
    color: #666;
    text-align: left;
  }
  .mt_wrap .mt_header .h_box .admin_box {
    width: 51%;
    display: table;
  }
  .mt_wrap .mt_header .h_box .admin_box > div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
  }
  .mt_wrap .mt_header .h_box .admin_box p {
    font-size: 13px;
    font-weight: 500;
    color: #888;
    margin-bottom: 9px;
  }
  .mt_wrap .mt_header .h_box .admin_box .user {
    margin-bottom: 10px;
  }
  .mt_wrap .mt_header .h_box .admin_box .user:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box {
    position: relative;
    float: left;
    width: calc(33% - 22px);
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none a img {
    display: none;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none a:hover .Button {
    display: none;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none .user_txt .user_belong {
    display: none;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none .user_txt .user_name {
    display: none;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box.user_none .user_txt .user_none {
    display: block;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box a {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(../../image/icon_add_24.png) no-repeat 50% #f4f4f4;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box a img {
    display: block;
    width: 38px;
    height: auto;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box a .mt_edit_btn {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../image/icon_edit_20.png) no-repeat 50%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    width: 38px;
    height: 38px;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box a:hover .Button {
    display: block;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt {
    display: inline-block;
    width: calc(100% - 60px);
    margin-left: 10px;
    vertical-align: middle;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.38;
    display: block;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt span.user_belong {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt span.user_name {
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mt_wrap .mt_header .h_box .admin_box .user .user_box .user_txt span.user_none {
    display: none;
    font-size: 12px;
    color: #888;
  }
  .mt_wrap .mt_header .h_box .chat_btn {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 76px;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
    background: url(../../image/icon_chat.png) no-repeat 8px 47px #5eadc2;
    padding: 8px 12px 0 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    color: #fff;
  }
  .mt_wrap .mt_cont {
    width: 100%;
    min-height: 778px;
    max-width: 1940px;
    padding: 30px;
    margin: 0 auto;
  }
  .mt_wrap .mt_cont:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap {
    float: left;
    width: 1200px;
    padding-right: 30px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .Panel {
    height: 399px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .left {
    float: left;
    width: calc(50% - 15px);
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .left .Table tr td .btn_small_w {
    margin-left: 8px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .left .Table tr td .Button {
    vertical-align: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .left .Table tr td span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: -4px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right {
    float: right;
    width: calc(50% - 15px);
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li {
    border-bottom: 1px solid #ebebeb;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li:last-child {
    border-bottom: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a {
    display: block;
    padding: 11px 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a:hover {
    background-color: #f4f4f4;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a > div {
    float: left;
    width: 50%;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a > div p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.69;
  }
  .mt_wrap .mt_cont .panel_wrap .p_top .right .in_list li a > div p span {
    display: inline-block;
    padding-right: 20px;
    font-size: 13px;
    font-weight: 300;
    color: #888;
    width: 90px;
    text-align: right;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .left {
    float: left;
    width: 37%;
    height: 200px;
    border: 1px solid #ebebeb;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right {
    float: right;
    width: calc(63% - 15px);
    height: 200px;
    border: 1px solid #ebebeb;
    background-color: #f4f4f4;
    overflow-y: auto;
    padding: 0 15px 15px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box {
    float: left;
    width: 66%;
    padding-top: 15px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box p {
    font-size: 13px;
    font-weight: 500;
    color: #888;
    margin-bottom: 5px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box ul li {
    float: left;
    width: 50%;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.46;
    padding-left: 8px;
    position: relative;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box ul li:after {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #bbb;
    position: absolute;
    top: 8px;
    left: 0;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .detail_box ul li span {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.46;
    margin-left: 5px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box {
    float: left;
    width: 34%;
    padding-top: 15px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box p {
    font-size: 13px;
    font-weight: 500;
    color: #888;
    margin-bottom: 5px;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box ul li:hover a {
    background-color: #e7e7e7;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box ul li a {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.69;
    padding-left: 17px;
    position: relative;
  }
  .mt_wrap .mt_cont .panel_wrap .p_bot .right .ser_box ul li a:after {
    content: '';
    background: url(../../image/icon_next_12.png) no-repeat 0% 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    left: 0;
  }
  .mt_wrap .mt_cont .chat_popup {
    display: block;
    float: right;
    width: calc(100% - 1200px);
    height: 840px;
    margin-top: -122px;
    position: relative;
    z-index: 10;
    transform: translate(0, 0);
    top: auto;
    left: auto;
    box-shadow: 0 5px 36px 0 rgba(0, 0, 0, 0.15);
  }
  .mt_wrap .mt_cont .chat_wrap {
    width: 100%;
    height: 100%;
  }
  .mt_wrap .mt_cont .chat_wrap .chat_part {
    right: 0;
  }
  .chat_wrap .chat_box .mid {
    height: 718px;
  }
}
.chat_wrap {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 5px 36px 0 rgba(0, 0, 0, 0.15);
}
.chat_wrap .chat_box {
  width: 100%;
  height: 100%;
}
.chat_wrap .chat_box .top {
  width: 100%;
  height: 60px;
  padding: 18px;
  background: #fff;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  position: relative;
}
.chat_wrap .chat_box .top p {
  font-weight: 500;
  font-size: 16px;
}
.chat_wrap .chat_box .top p b {
  display: inline-block;
  padding: 3px 7px;
  border: 1px solid #d7d7d7;
  border-radius: 14.5px;
  background-color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Roboto';
  vertical-align: 1px;
  margin-left: 10px;
  color: #E60724;
}
.chat_wrap .chat_box .top .talk_btn {
  position: absolute;
  top: 16px;
  right: 18px;
}
.chat_wrap .chat_box .mid {
  width: 100%;
  height: 100%;
  background-color: #72bbcf;
  padding: 10px 0;
}
.chat_wrap .chat_box .mid:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.chat_wrap .chat_box .mid .message_box {
  padding: 10px 25px 10px 20px;
  float: left;
  width: 100%;
}
.chat_wrap .chat_box .mid .message_box .user_info .thum {
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
}
.chat_wrap .chat_box .mid .message_box .user_info .thum img {
  display: block;
  width: 100%;
  height: auto;
}
.chat_wrap .chat_box .mid .message_box .user_info .name {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.chat_wrap .chat_box .mid .message_box .user_info .name span {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 1.38;
  padding-left: 9px;
  position: relative;
  margin-left: 5px;
}
.chat_wrap .chat_box .mid .message_box .user_info .name span:after {
  content: '/';
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.chat_wrap .chat_box .mid .message_box .user_info .name span:first-child {
  padding-left: 0;
  margin-left: 0;
}
.chat_wrap .chat_box .mid .message_box .user_info .name span:first-child:after {
  display: none;
}
.chat_wrap .chat_box .mid .message_box .message {
  display: inline-block;
  max-width: 70%;
  margin-left: 52px;
}
.chat_wrap .chat_box .mid .message_box .message .text {
  display: inline-block;
  background-color: #f4f4f4;
  border-radius: 0 11px 11px 11px;
  padding: 11px 15px;
}
.chat_wrap .chat_box .mid .message_box .message .text p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.38;
  word-break: break-all;
}
.chat_wrap .chat_box .mid .message_box .message .date {
  display: block;
  text-align: right;
  font-family: 'Roboto';
  font-size: 12px;
  color: #000;
  margin-top: 8px;
  opacity: 0.5;
}
.chat_wrap .chat_box .mid .message_box02 {
  padding: 10px 25px 10px 20px;
  float: right;
  text-align: right;
  width: 100%;
}
.chat_wrap .chat_box .mid .message_box02 .message {
  display: inline-block;
  max-width: 70%;
}
.chat_wrap .chat_box .mid .message_box02 .message .text {
  display: inline-block;
  background-color: #beedfa;
  border-radius: 11px 0 11px 11px;
  padding: 11px 15px;
}
.chat_wrap .chat_box .mid .message_box02 .message .text p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.38;
  text-align: left;
  word-break: break-all;
}
.chat_wrap .chat_box .mid .message_box02 .message .date {
  display: block;
  text-align: right;
  font-family: 'Roboto';
  font-size: 12px;
  color: #000;
  margin-top: 8px;
  opacity: 0.5;
}
.chat_wrap .chat_box .mid .notice_box {
  float: left;
  width: 100%;
  margin: 8px 0;
}
.chat_wrap .chat_box .mid .notice_box .n_text01 {
  background-color: #5eadc2;
  padding: 10px 70px 9px;
}
.chat_wrap .chat_box .mid .notice_box .n_text01 p {
  font-size: 13px;
  font-weight: 300;
  color: #fff;
  line-height: 1.37;
}
.chat_wrap .chat_box .mid .notice_box .n_text01 p > span {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: #fff;
  padding-left: 9px;
  position: relative;
  margin-left: 5px;
}
.chat_wrap .chat_box .mid .notice_box .n_text01 p > span:after {
  content: '/';
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.chat_wrap .chat_box .mid .notice_box .n_text01 p > span:first-child {
  padding-left: 0;
  margin-left: 0;
}
.chat_wrap .chat_box .mid .notice_box .n_text01 p > span:first-child:after {
  display: none;
}
.chat_wrap .chat_box .mid .notice_box .n_text01 p .data {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  opacity: 0.5;
  padding-left: 0;
}
.chat_wrap .chat_box .mid .notice_box .n_text01 p .data:after {
  display: none;
}
.chat_wrap .chat_box .mid .notice_box .n_text02 {
  background-color: #3e7f91;
  padding: 10px 70px 9px;
}
.chat_wrap .chat_box .mid .notice_box .n_text02 p {
  font-size: 13px;
  font-weight: 500;
  position: relative;
  line-height: 1.37;
  color: #fff;
  padding-left: 30px;
}
.chat_wrap .chat_box .mid .notice_box .n_text02 p:before {
  content: '';
  width: 24px;
  height: 24px;
  background: url('../../image/icon_stop_24_p.png') no-repeat 50%;
  position: absolute;
  top: -2px;
  left: 0;
}
.chat_wrap .chat_box .mid .notice_box .n_text02 p .data {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin-left: 9px;
  opacity: 0.5;
}
.chat_wrap .chat_box .bot {
  width: 100%;
  height: 60px;
  background: #fff;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
  padding: 14px;
}
.chat_wrap .chat_box .bot .chat_add_btn {
  width: 32px;
}
.chat_wrap .chat_box .bot .chat_arr_btn {
  width: 32px;
}
.chat_wrap .chat_box .bot input {
  width: calc(100% - 72px);
  font-size: 15px;
}
.chat_wrap .chat_part {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.chat_wrap .chat_part .part_list {
  float: right;
  width: 270px;
  height: 100%;
  background-color: #fff;
}
.chat_wrap .chat_part .part_list .btn {
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #ebebeb;
  padding: 0 4px;
}
.chat_wrap .chat_part .part_list ul {
  padding: 10px 20px;
}
.chat_wrap .chat_part .part_list ul li {
  border-bottom: 1px solid #ebebeb;
}
.chat_wrap .chat_part .part_list ul li a {
  display: block;
  padding: 7px 0;
}
.chat_wrap .chat_part .part_list ul li .user_info .thum {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 6px;
}
.chat_wrap .chat_part .part_list ul li .user_info .thum img {
  display: block;
  width: 100%;
  height: auto;
}
.chat_wrap .chat_part .part_list ul li .user_info .name_box {
  display: inline-block;
  vertical-align: middle;
}
.chat_wrap .chat_part .part_list ul li .user_info .name_box span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.38;
  padding-right: 9px;
  position: relative;
  margin-right: 5px;
}
.chat_wrap .chat_part .part_list ul li .user_info .name_box .name {
  font-weight: 300;
}
.chat_popup {
  position: fixed;
  z-index: 2002;
  opacity: 1;
  overflow: hidden;
  display: none;
  width: 668px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chat_popup .pop_close_btn {
  position: absolute;
  top: -5px;
  right: 0;
}
.chat_popup .chat_wrap {
  width: 638px;
  height: 100%;
}
.chat_popup .chat_wrap .chat_part {
  right: 30px;
}
button.manage_btn::before {
  background: url(../../image/icon_manage_w_16.png) no-repeat center;
}
.error_wrap {
  width: 100%;
  height: 100vh;
  background-color: #efeeea;
  position: relative;
}
.error_wrap .bi_img {
  position: absolute;
  display: block;
  width: 118px;
  height: 32px;
  top: 20px;
  left: 20px;
}
.error_wrap .err_box {
  width: 100%;
  max-width: 380px;
  text-align: center;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error_wrap .err_box .err_img {
  width: 100%;
  height: 162px;
  background: url(../../image/err_img.png) no-repeat center;
  position: relative;
}
.error_wrap .err_box .err_img span {
  position: absolute;
  top: 79px;
  left: 50%;
  display: block;
  width: 100px;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.9px;
  line-height: 1em;
  text-align: center;
  transform: translateX(-50%);
}
.error_wrap .err_box p {
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  padding: 0 20px;
}
.error_wrap .err_box .tit {
  font-size: 34px;
  font-weight: 500;
}
.error_wrap .err_box .er_message {
  font-size: 20px;
  font-weight: 500;
}
.error_wrap .err_box .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d7d7d7;
  margin: 15px 0;
}
.error_wrap .err_box .Button {
  margin-top: 30px;
}
.error_wrap .ft1 {
  position: absolute;
  bottom: 0;
}
/****************************************************************************************************
******************************  본사 개발팀 요청으로 인한 css 오버라이드용  after.less  ********************
*****************************************************************************************************/
/*추가*/
div.j_pop_txt {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #888;
}
span.j_etc_txt_byte {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
#chatbotArea {
  position: fixed;
  right: 20px;
  bottom: 0px;
  z-index: 800;
}
#chatbot_close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 900;
}
.tooltip_text {
  font-size: 13px;
  font-weight: 500;
  color: #197bd0;
  margin-left: 2px;
}
.grid_tooltext {
  cursor: pointer;
}
.sign_info {
  display: block;
  position: absolute;
  right: 0px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.35);
  padding: 10px;
  border-radius: 4px;
  word-break: break-all;
  z-index: 200;
  margin-top: 10px;
}
.sign_info:after {
  content: '';
  position: absolute;
  z-index: 10;
  display: block;
  top: -7px;
  right: 30px;
  margin-left: -6px;
  border-width: 0px 6px 6px;
  border-top: 2px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  background: url(../../image/icon_change_info_02.png) no-repeat center;
}
.sign_info .sign_list {
  min-width: 50px;
}
.sign_info .sign_list li {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #333333;
  position: relative;
  text-align: left;
  padding: 0 20px 0 7px;
}
.sign_info .sign_list li::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #bbb;
  border-radius: 50%;
}
.customer_satisfaction_mail .Table td {
  padding: 4px 0;
  height: 42px;
}
.fixed_table {
  display: table;
  width: 100%;
  padding: 10px;
  margin-bottom: 40px;
}
.fixed_table .fixed_left {
  width: 650px;
  float: left;
  display: table-cell;
}
.fixed_table .fixed_right {
  width: calc(100% - 650px);
  float: left;
  display: table-cell;
  overflow-x: auto;
  overflow-y: hidden;
}
.Table_bg {
  background: #fafafa;
  border-top: 1px solid #ebebeb;
  margin-top: 10px;
}
.common_pbox .p_cont {
  padding: 9px 0;
  height: 160px;
  overflow-y: auto;
}
.common_pbox .p_cont .title_group {
  margin-bottom: 20px;
}
.common_pbox .p_cont .trouble_group {
  margin-bottom: 20px;
}
.common_pbox .p_cont .trouble_group .ImageCheckbox {
  width: 19%;
}
.common_pbox .p_cont .ImageCheckbox {
  width: 24%;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 0px;
  vertical-align: top;
}
.panel_b {
  border-top: 1px solid #d7d7d7;
}
.j_newuser_box {
  padding: 16px 0;
}
.assigned_cmtbox {
  padding: 10px 0 30px;
}
.assigned_cmtbox p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555555;
}
.assigned_cmtbox .point {
  color: #fd6901;
}
.j_service_list1 {
  padding: 25px 20px 0 20px;
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
}
.j_service_list1 .j_service_top {
  padding: 0 0 25px 0;
  height: 32px;
  width: 100%;
}
.j_service_list1 .j_service_top .right {
  width: 25%;
  float: right;
  padding: 0 0 20px 0;
  text-align: right;
}
.j_service_list1 .j_service_top .right .input_box {
  vertical-align: top;
}
.j_service_list1 .j_service_bottom .input_box {
  vertical-align: top;
}
.trouble_user_box {
  position: relative;
  display: inline-block;
}
.trouble_user_box .user_name {
  display: inline-block;
  position: relative;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}
.trouble_user_box .user_name:hover {
  text-decoration: none;
  color: #333;
}
.trouble_user_box .user_name:hover .user_hvr {
  display: block;
}
.trouble_user_box .user_name:active {
  text-decoration: none;
  color: #333;
}
.trouble_user_box .user_name:focus {
  text-decoration: none;
  color: #333;
}
.trouble_user_box .user_name .user_txt {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
.trouble_user_box .user_name .user_txt span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  display: block;
}
.trouble_user_box .user_hvr {
  padding: 9px;
  background-color: #fff;
  display: none;
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  left: 5px;
  bottom: 30px;
  z-index: 9;
}
.trouble_user_box .user_hvr::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7px;
  background: url(../../image/user_hover.png) no-repeat center;
  width: 12px;
  height: 7px;
}
.trouble_user_box .user_hvr p {
  font-size: 13px;
  color: #555;
  line-height: 1.46;
  white-space: nowrap;
}
.request_user_box {
  position: relative;
  display: inline-block;
}
.request_user_box .user_name {
  display: inline-block;
  position: relative;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}
.request_user_box .user_name:hover {
  text-decoration: none;
  color: #333;
}
.request_user_box .user_name:hover .user_hvr {
  display: block;
}
.request_user_box .user_name:active {
  text-decoration: none;
  color: #333;
}
.request_user_box .user_name:focus {
  text-decoration: none;
  color: #333;
}
.request_user_box .user_name span {
  font-weight: 500!important;
  font-size: 13px;
}
.request_user_box .user_name .user_txt {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
.request_user_box .user_name .user_txt span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  display: block;
}
.request_user_box .user_hvr {
  padding: 9px;
  background-color: #fff;
  display: none;
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  left: 5px;
  bottom: 30px;
  z-index: 9;
}
.request_user_box .user_hvr::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7px;
  background: url(../../image/user_hover.png) no-repeat center;
  width: 12px;
  height: 7px;
}
.request_user_box .user_hvr p {
  font-size: 13px;
  color: #555;
  line-height: 1.46;
  white-space: nowrap;
}
.manager_info {
  display: block;
  position: absolute;
  left: 920px;
  top: 320px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.35);
  padding: 10px;
  border-radius: 4px;
  word-break: break-all;
  z-index: 200;
  margin-top: 10px;
  font-size: 13px;
  color: #333333;
  font-weight: 300;
  line-height: 1.69;
}
.manager_info:after {
  content: '';
  position: absolute;
  z-index: 10;
  display: block;
  top: -7px;
  right: 30px;
  margin-left: -6px;
  border-width: 0px 6px 6px;
  border-top: 2px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  background: url(../../image/icon_change_info_02.png) no-repeat center;
}
.manager_info .manager_list {
  min-width: 50px;
}
.manager_info .manager_list li {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #333333;
  position: relative;
  text-align: left;
  padding: 0 20px 0 7px;
}
.manager_info .manager_list li::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #bbb;
  border-radius: 50%;
}
.border_info {
  display: block;
  position: absolute;
  left: 300px;
  top: 450px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.35);
  padding: 15px;
  border-radius: 4px;
  word-break: break-all;
  z-index: 200;
  margin-top: 10px;
  font-size: 13px;
  color: #333333;
  font-weight: 300;
  line-height: 1.69;
  z-index: 800;
}
.border_info:after {
  content: '';
  position: absolute;
  z-index: 10;
  display: block;
  top: -7px;
  right: 180px;
  margin-left: -6px;
  border-width: 0px 6px 6px;
  border-top: 2px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  background: url(../../image/icon_change_info_02.png) no-repeat center;
}
.border_info div {
  width: 365px;
  height: 66px;
  font-size: 13px;
  color: #333333;
  font-weight: 300;
  line-height: 1.69;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.board_navy {
  color: #289eef;
  display: inline-block;
}
.board_navy .grid_tooltext {
  margin-left: 5px;
}
.board_answer {
  padding: 0 10px 0 35px;
  margin-left: 5px;
  background: url(../../image/ico_corner_arrow.png) no-repeat left;
  color: #72a240;
}
.cust_list1 {
  padding: 0px 30px 15px 30px;
  background-color: #fafafa;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
}
.cust_list1 .no-data {
  margin-top: 80px;
  text-align: center;
  font-size: 13px;
  color: #333333;
  font-weight: 300;
  min-height: 90px;
}
.btn_area_cust {
  padding-top: 21px;
  height: 63px;
}
.btn_area_cust .right {
  float: right;
}
.j_label_txth {
  font-weight: 300!important;
}
span.num_black {
  font-weight: 500;
  color: #333;
  font-size: 13px;
}
span.num_orange {
  font-weight: 500;
  color: #fd6901;
  font-size: 13px;
}
span.num_blue {
  font-weight: 500;
  color: #197bd0;
  font-size: 13px;
}
.dic_box {
  padding: 0 0 15px;
}
.dic_box p {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #555555;
}
.dic_box p.point {
  color: #fd6901;
}
.dic_box p.point:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../../image/icon_point_column.png) no-repeat center;
  position: relative;
  top: 1px;
  margin-right: 3px;
}

/* 20190626 추가 { */
.input_form button {
  display:none;
}
.r_cell {
  display:table-cell;
}
.r_table_row {
  display:table;
  width:100%;
}
.r_col-3 {
  width:21%;
}

/* ISAC 기준정보 관리 : 질문목록 20190627 */
.r_btn {
  display: inline-block;
  margin:0 2px 0;
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: visible;
  vertical-align: middle;
  padding: 0;
  height: 32px;
  font-size: 13px;
  line-height: 1.3em;
  text-decoration: none;
  text-align: center;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
}
.r_btn:hover {
  background-color:#f2f2f2;
}
.r_btn_sm {
  width: 19px!important;
  height: 19px!important;
}
.r_btn_add {
  background: #fff url(../../image/icon_add.png) no-repeat center;
}
.r_btn_del {
  background: #fff url(../../image/icon_del.png) no-repeat center;
}
.r_btn_arrowup {
  background: #fff url(../../image/icon_arrowup.png) no-repeat center;
}
.r_btn_arrowdown {
  background: #fff url(../../image/icon_arrowdown.png) no-repeat center;
}

.qa_step {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.qa_state {
  flex-grow: 2;
  float:left;
}
.qa_content {
  flex-grow: 8;
  display:inline-block;
  padding-left:8px;
  width: calc(100% - 100px);
  float:left;
}
.qa_step_1 {
  margin-left:0;
}
.qa_step_2 {
  margin-left:48px;
}
.qa_step_3 {
  margin-left:96px;
}

.qa_badge {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding:0 7px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
  text-align: center;
}
.qa_quest {
  position:relative;
  background-color: #f2ba34;
}
.qa_step_2 .qa_quest:after,
.qa_step_3 .qa_quest:after {
  content:'';
  position:absolute;
  top:5px;
  left:-22px;
  display:block;
  width:13px;
  height:11px;
  background:url(../../image/icon_arrow_01.png) no-repeat center;
}
.qa_answer {
  position:relative;
  margin-left:24px;
  background-color: #289eef;
}
.qa_answer:after {
  content:'';
  position:absolute;
  top:5px;
  left:-22px;
  display:block;
  width:13px;
  height:11px;
  background:url(../../image/icon_arrow_01.png) no-repeat center;
}

/* r_icon 협력 20190702 */
.r_icon-badge {
  text-align:center;
  display:inline-block;
  vertical-align: middle;
  font-size:12px;
  line-height:1;
  font-weight:300!important;
  padding:4px 5px;
  border-radius: 2px;
  background-color:#b7c8d3;
  color:#fff;
}
.r_icon-badge.r_ss {
  font-size:9px;
  padding:2px 5px;
}
.legend_box .text .r_icon-badge.r_ss {
  vertical-align:0.5px;
}

/* 권한 관리 팝업 20190722 */
/* Panel*/
.authority_pop .panel_box .sleft {
  float: left;
  width: 45%;
}
.authority_pop .panel_box .scenter {
  float: left;
  display: block;
  width: 10%;
  height: 530px;
}
.authority_pop .panel_box .scenter .table {
  display:table;
  width:100%;
  height: 530px;
}
.authority_pop .panel_box .scenter .btnArea {
  display:table-cell;
  vertical-align: middle;
  text-align:center;
  width:50%;
  padding:0 30px;
}
.authority_pop .panel_box .scenter .btnArea > button {
  margin:10px 0;
}
.authority_pop .panel_box .sright {
  float: right;
  width: 45%;
}
/* Single Table Cell Panel */
.Singel-panel {
  border:1px solid #ddd;
  box-shadow: none;
}
.Singel-panel .Panel-header {
  font-size:13px;
  color:#888888;
  background:#f6f6f6;
  padding: 14px 20px;
  border-radius: 6px 6px 0 0;
}
.Singel-panel .user {
  font-size:13px;
  color:#000;
  display:inline-block;
}
.Singel-panel .user:before {
  content:'[';
}
.Singel-panel .user:after {
  content:']';
}
.Singel-panel .Panel-content{
  padding:0;
  padding-left:20px;
}
.Singel-panel .alopexgrid .wrapper {
  padding-right:20px;
  border-radius:0 0 6px 0;
}
/* button */
button.btn_arr_left,
button.btn_arr_left:hover,
button.btn_arr_left:active {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_front_w_24.png) no-repeat center center #555;
  text-indent: -9999px;
  border: 1px solid #555;
  border-radius: 3px;
}
button.btn_arr_left:hover {opacity: 0.9;}
button.btn_arr_left:active {background-position:60% 60%;transition: all 0s;}
button.btn_arr_right,
button.btn_arr_right:hover,
button.btn_arr_right:active {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  background: url(../../image/icon_next_w_24.png) no-repeat center center #e60724;
  text-indent: -9999px;
  border: 1px solid #e60724;
  border-radius: 3px;
}
button.btn_arr_right:hover {opacity: 0.9;}
button.btn_arr_right:active {background-position:60% 60%;transition: all 0s;}

/* 20190731 */
.authority_pop .arr_box {
  background: url(../../image/icon_next_24.png) no-repeat 50% 50%;
}
.Singel-panel .btn_area {
  margin-top: -48px !important;
  margin-left: -5px !important;
  padding: 15px 0;
  padding-right:15px;
  border-top: 1px solid #bbb;
  border-bottom: 0 !important;
}
.Singel-panel .del_btn_footer .pager {
  width: calc(100% + 20px);
  height: 48px;
  margin-left:-20px;
  text-align: center;
  display: inline-block;
  padding-left: 0;
}
.Singel-panel .btn_area .left .Button.trash_btn {
  margin-left: 0;
}

/* 20190820 */
/* 고객센터용 Modal - cs_pop */
.cs_pop {background-color:#fff;}
.cs_pop .fixed_top {padding:10px 30px 8px;height:112px;}
.cs_pop .btnArea {text-align:center;}
.cs_pop .btnArea > button {margin-bottom:8px;margin-left:0;}
.cs_pop .cccp_box1 {padding:10px 20px 2px;height:94px;}
.cs_pop button.ui-multiselect {width:100%!important;}
.cs_pop .input_box {width:100%;}
.cs_pop .input_box input {width:100%;}

.cs_pop .fixed_bot {height:274px;overflow-x:hidden;overflow-y:auto;}
.cs_pop .cp_box2 {position: relative; padding-top: 0;}

.cs_pop .cp_box2 .cont {padding-bottom:0;}
.cs_pop .wpop_cont .wbox {position:relative;z-index:1;padding-top:10px;}
.cs_pop .wpop_cont .wbox h3 {position:absolute;z-index:3;top:10px;right:0;width:300px;border-bottom:0;}

.cs_pop .Tabs ul {width:259px;z-index:2;border-radius: 4px 4px 0 0;margin-bottom:-1px;}
.cs_pop .Tabs > ul li {padding: 5px;}
.cs_pop .Tabs > ul > li:first-child, .cs_pop .Tabs > .Scroller > ul > li:first-child {border-radius: 3px 0 0 0!important;}
.cs_pop .Tabs > ul > li:last-child, .cs_pop .Tabs > .Scroller > ul > li:last-child {border-radius: 0 3px 0 0!important;}

.cs_pop .af-tabs-content {border-top:1px solid #bbbbbb;}
.cs_pop .wpop_cont .wbox .Table tr th {padding-right:10px;} /*20190821 추가*/
.cs_pop .wpop_cont .wbox .Table tr td {padding:5px 0 5px 10px;} /*20190821 변경*/
.cs_pop .vt th {vertical-align: top !important;padding-top: 10px;}
.cs_pop .detail_history .title_left {text-align:left;padding-left:10px;} /*20190821 추가*/

.cs_pop .alopexgrid .wrapper .cell.bodycell {height:31px!important;}
.cs_pop .alopexgrid .bodycell {line-height:31px!important;}
.cs_pop .alopexgrid .pager .pager-left {top: 10px!important;}
.cs_pop .alopexgrid .pager .pager-center {padding-top: 10px!important;}
.cs_pop .alopexgrid .pager .pager-right {top: 10px!important;}
.cs_pop .alopexgrid .scrollbar.x {display:none;}

.cs_pop .hfit {height:173px;}
.cs_pop .hfit input,
.cs_pop .hfit select,
.cs_pop .hfit textarea {
  height: 100% !important;
}

.cs_pop .tab_conetnts {border-top:1px solid #bbb;padding-top:5px;}
.cs_pop .detail_etc .Table {overflow:hidden;}
.cs_pop .detail_etc .Table tbody th {width:118px!important;}

/* .file_list li {font-size:12px;} */
.cs_pop .file_list .ic {margin-right:3px;}
.cs_pop .file_name {padding:0;margin:0;font-size:12px;}
.cs_pop .file_name:hover {text-decoration: underline}

.cs_pop .wpop_footer {padding:10px 20px;}

/* form-group */
.form-group {margin-bottom:8px;}
.form-group-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom:8px;
}
.form-group .subject, .form-group-row .subject {
  color: #888;
  font-weight: 500;
  filter: none;
  font-size: 13px;
  text-align: right;
  padding-top:5px;
  padding-right: 15px;
  max-width:100px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.form-group .form, .form-group-row .form {
  width:170px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.form-group-row .form .input_box {
  float:left;
}

/* 그리드 1=5% 20=100%  1/20 */
.r-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left:-5px;
  margin-right:-5px;
}

[class^=r-col] {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left:5px;
  padding-right:5px;
}
.r-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left:5px;
  padding-right:5px;
}
.r-col-2 {flex: 0 0 10%; max-width: 10%;}
.r-col-18 {flex: 0 0 90%; max-width: 90%;}
.r-col-20 {flex: 0 0 100%; max-width: 100%;}

.mb0 {margin-bottom:0!important;}
.pr5 {padding-right:5px!important;}

/* align */
.align-top {vertical-align: top}

/* icon */
.ic {display:inline-block;width:16px;height:16px;vertical-align: middle;}
.ic.ic-folder {background:url(../../image/icon_folder_16.png) no-repeat center center;}

/* 20190816 */
/* pop textbox */
.textbox {
  font-size:13px;
  font-weight:100;
  color:#333333;
  line-height:1.6;
  white-space:normal;
  word-break:break-all;
}
.textbox pre {
  font-size:13px;
  font-weight:100;
  color:#333333;
  line-height:1.6;
}

/* wide Subject */
.wide_subject dt {width:30%!important;}
.wide_subject dd {width:70%!important;}

/* 20190903 */

.p-service { overflow: hidden; }
.p-service ul { margin: 0; padding: 0; }
.p-service li { background: url(../../image/icon_dot_01.png) no-repeat left 11px; font-size: 13px; line-height: 20px; font-weight: 100; padding-left: 10px; }
.p-service li span { font-size: 13px; color: #fd6901; font-weight: 100; }
.p-service li .Font-small { font-size: 12px; color: #333; font-weight: 100; }
.p-service .none { background: none; font-size: 12px; color: #333; }
.p-service .service-left { float: left; width: 110px; height: 110px; background: #b7c8d3; border-radius: 75px; text-align: center; margin: 0 auto; font-size: 18px; color: #fff; line-height: 20px; margin-right: 30px; }
.p-service .pdt_30 { padding-top: 30px; }
.p-service .pdt_45 { padding-top: 45px; }
.p-service .service-right { display: inline-block; }

.Service-panel { border:1px solid #ddd; box-shadow: none; }
.Service-panel .Panel-header { font-size:13px; color:#888888; background:#f6f6f6; padding: 14px 20px; border-radius: 6px 6px 0 0; }
.Service-panel .Panel-content { padding: 40px 0 40px 25px; padding-top:40px;  }
.Service-panel .btn_area { margin-top: -48px !important; margin-left: -5px !important; padding: 15px 0; padding-right:15px; border-top: 1px solid #bbb; border-bottom: 0 !important; }
.wpop_up .wpop_cont .Service-panel { margin-bottom: 15px; }
.wpop_up .wpop_cont .wbox { margin-bottom: 30px; }
.authority_pop .center { text-align: center; font-size: 13px; }

/* 20191113 */

a.j_red_01 { font-size: 13px; font-weight: 500; color: #e60724; }
a.j_red_01:hover { text-decoration: underline; }

/* 20200217 */
.j_sub_chk2 ul {
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  padding: 15px 50px 5px 50px;
}
.j_sub_chk2 ul li {
  float: left;
  width: 50%;
  border-top: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  border-bottom:1px solid #ebebeb;
}
.j_sub_chk2 ul li .ImageCheckbox { vertical-align: -2px;}
.j_sub_chk2 ul li:hover { background: none;}
.j_sub_chk2 ul li span{ font-size: 13px; font-weight: 300; color: #333; width: 33%; display:inline-block;}
.j_sub_chk2 ul li:nth-last-child(1), .j_sub_chk2 ul li:nth-last-child(2){ border-bottom: none;}
.btn_margin_01{ margin: 0 20px 0 10px;}

/* 20200406 */
#num_overseas { vertical-align: middle;position:absolute; margin-left:3px;}

/* 20200804 */
.Panel .Panel-content table td.arrow_icon_r { background: url(../../image/icon_arrow_right_02.png) no-repeat center / 7px; }

/* 20201015 */
.agency_select .wpop_cont-s { padding: 30px 0 0; }
.agency_select .wpop_cont-s .Tabs { width: 900px; margin-bottom: 30px; padding: 0 30px; }
.agency_select .wpop_cont-s .pbox { margin-bottom: 0; padding-left: 40px; height: 300px; overflow-y: auto; }
table.j_table8 { table-layout: fixed; width: 100%; }
table.j_table8 td { padding: 9px 0; vertical-align: middle; font-size: 13px; font-weight: 300; color: #333; line-height: 15px; height: 30px; }

/* 20201118 */
.agency_select .wpop_cont-s .pbox .Button-L { width:455px; margin-right: 9px; margin-bottom: 10px; font-size: 13px; font-weight: 300; border-radius: 4px; height: 36px; margin-left: 0; }
.pbox .expl { width: 100%; padding: 30px 0 15px 0; display: inline-block; margin: 0 auto; vertical-align: middle; }
.pbox .expl span { display: inline-block; font-size: 13px; font-weight: 500; color: #333; padding-right: 15px; vertical-align: middle; line-height: 1; text-align: right; }
.pbox .expl .comment { display: inline-block; }
.pbox .expl .comment .input_box {display: inline-block; position: relative; font-size: 13px;vertical-align: middle; }
.pbox .expl .comment .input_box input { width: 800px; }

.btn_inci {
  min-width: 80px;
  padding: 7px 12px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #555;
  margin-left: 2px;
  /*버튼과 버튼 사이 5px*/
}

.btn_inci:hover {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  color: #400000;
}
.btn_inci:active {
  padding: 7px 12px;
  color: #575757;
  border: 1px solid #575757;
}
.btn_inci:focus {
  padding: 7px 12px;
  color: #fff;
  background-color: #575757;
  border: 1px solid #575757;
  outline:none;
}

/* 20210615 서비스만족도조사 모바일용 */
.wpop_up.window_pop_m {
  width: 100%;
}
.wpop_up .wpop_header_m {
  padding: 1rem 1.0rem;
  font-weight: 500;
  border-bottom: 3px solid #d7d7d7;
  font-size:1.1rem;
  text-align:center;
}
.wpop_up .wpop_cont_m {
  padding: 0;
  overflow-y: auto;
}
.wpop_up .wpop_cont_m.j_pd0 {
  padding: 0 0 0 0;
}
.wpop_up .wpop_cont_m .sms_search_box1 {
  margin-top: 1.5rem;
}
.wpop_up .wpop_cont_m .pbox {
 /* margin-bottom: 1.5rem;*/
}
.wpop_up .wpop_cont_m .pbox.last_pb {
  margin-bottom: 0;
}
.wpop_up .wpop_cont_m .pbox h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #555;
  border-bottom: 1px solid #d7d7d7;
  padding:0.7rem 1rem;	
}
.wpop_up .wpop_cont_m .pbox p {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.69;
  color: #888;
  padding:1rem 1rem 0 1rem;
  word-break: keep-all;
}
.wpop_up .wpop_cont_m .pbox .point {
  color: #FD6901;
  margin-bottom: 0.8rem;
  font-size: 0.8rem;
  word-break: keep-all;
	
}
.wpop_up .wpop_cont_m .pbox .pg_cont {
  padding: 0.8rem 0 0;
}
.wpop_up .wpop_cont_m .pbox .Table .pbox_q {
  padding: 0.6rem 1rem;
  background: #f2f2f2;
  border-top: 1px solid #ebebeb;	
  border-bottom: 1px solid #ebebeb;
  color: #888;
  font-size: 0.9rem;	
}
.wpop_up .wpop_cont_m .pbox .Table .pbox_q span{
  color: #888;
  font-size: 0.9rem;	
}
.wpop_up .wpop_cont_m .pbox .Table .pbox_q .q_number{
  /*width:1rem; */
  display:inline-block;  
  vertical-align: top;
}
.wpop_up .wpop_cont_m .pbox .Table .pbox_q .q_con{
  width: calc(100% - 2.5rem);
  display:inline-block;
  word-break: keep-all;
}
.wpop_up .wpop_cont_m .pbox .Table .pbox_e{
  padding: 1rem 1rem 0 1rem;
  color: #888;
  font-size: 0.8rem;
  border-top: 1px solid #ebebeb;
}
.wpop_up .wpop_cont_m .pbox .Table .pbox_e .e_number{
  width:1rem; 
  display:inline-block;  
  vertical-align: top;
  font-size:0.85rem;
  color:#888;	
}
.wpop_up .wpop_cont_m .pbox .Table .pbox_e .e_con{
  width: calc(100% - 1.5rem);
  display:inline-block;
  font-size: 0.85rem;
  color:#888;
  word-break: keep-all;
}
.wpop_up .wpop_cont_m .pbox .Table tr:last-child th,
.wpop_up .wpop_cont_m .pbox .Table tr:last-child td {
  border-bottom: 1px solid #ebebeb;
}
.wpop_up .wpop_cont_m .pbox .Table tr td {
  padding: 0.8rem 0;
  border-bottom: 0px !important;	
}
.wpop_up .wpop_cont_m .pbox .Table tr td .radio_box {
  padding: 1rem 0;
  font-weight: 300;
  font-size: 0.9rem;
  overflow: hidden;
  line-height: 1.69;
}
.wpop_up .wpop_cont_m .pbox .Table tr td .ipt .input_box{
  padding: 0 1rem;
}
.wpop_up .wpop_cont_m .pbox .Table tr td .ipt .input_box .h_mobile {
  padding: 0.5rem;
  line-height: 1.2rem;
  font-size: 0.9rem;	
  height:10rem;
}
.wpop_up .wpop_cont_m .pbox .Table .radio_align {
  padding: 0 2rem;
}
.wpop_up .wpop_cont_m .pbox .Table .radio_align label{
	width:100%;
	margin-bottom: 1rem;
}
.wpop_up .wpop_cont_m .pbox .Table .radio_align label:last-child{
	width:100%;
	margin-bottom: 0rem;
}
.wpop_up .wpop_cont_m .pbox .Table .radio_align .ImageRadio{
	font-size:0.9rem;
	line-height: 1.2rem;
}


/*table2*/
.wpop_up .wpop_cont_m .pbox .Table2 tr th:first-child {
  padding-top: 1rem;
}
.wpop_up .wpop_cont_m .pbox .Table2 tr td { 
  text-align: left;
  font-size: 0.9rem;
}
.wpop_up .wpop_cont_m .pbox .Table2 th {
  text-align: left;
  padding-left: 1rem;
  font-size:0.9rem;
  color: #949494;
  vertical-align: top !important;
}
.table_contxt{
  padding: 1rem 1rem 0 0;
  overflow: hidden;
  position: relative;
  font-size: 0.9rem;
  font-weight: 300;
  word-break: keep-all;
}
.table_contxt2{
  padding: 0.5rem 1rem 0 0;
  overflow: hidden;
  position: relative;
  font-size: 0.9rem;
  font-weight: 300;
  word-break: keep-all;
}
.contxt_bottom{
  padding-bottom: 0.5rem;	
}
.txtcol_orange{
  color:#FD6901;
}
.pbox_line{
  border-bottom: 3px solid #d7d7d7; 
  padding-bottom:1rem;	
}
.contxt_left{
	padding-left: 1rem;
}

/*button*/
.m_btn_area{
  padding:0 1rem;
  margin: 1rem 0;
}
.btn_b_m {
  width: 100%;
  background-color: #555;
  color: #fff;
  height:3rem;
  font-size: 0.9rem;	
}
.btn_b_m:hover {
  background-color: #474747;
  color: #fff;
}
.btn_b_m:active {
  color: #fff;
  border: 0;
}
.btn_b_m:focus {
  color: #fff;
}
.btn_b_m.Disabled {
  background-color: #555;
  color: #fff;
  opacity: 0.4;
}

/**************서비스 데스크 팝업 (모바일용) *************/
.customer_complaint_m .Tabs {
  width: 90%;
  padding: 1.5rem 0;
}
.customer_satisfactionA_m .Table dl {
  padding: 0;
}
.customer_satisfactionA_m .Table dl dt {
  font-size: 0.9rem;
  font-weight: 500;
  color: #888;
  margin-bottom: 1.2rem;
  
}
.customer_satisfactionA_m .Table dl dd::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}
.customer_satisfactionA_m .Table dl dd .right,
.customer_satisfactionA_m .Table dl dd .left {
  float: left;
  width: 50%;
}
.customer_satisfactionA_m .Table dl dd .right .ImageRadio,
.customer_satisfactionA_m .Table dl dd .left .ImageRadio {
  width: 100%;
  display: block;
  margin-bottom: 1.5rem;
}
.customer_satisfactionA_m .Table dl dd .right .ImageRadio:last-child,
.customer_satisfactionA_m .Table dl dd .left .ImageRadio:last-child {
  margin-bottom: 0;
}
.customer_satisfactionA_m .Table .add_coment dt {
  font-size: 1rem;
}
.ui-multiselect-all {
	width: 110px !important;
}
.ui-multiselect-none {
	width: 110px !important;
}

/******************검색조건 박스 콤보리스트******************/
.sms_search_box1 .cp_bot .j_combo_list {
	border-top: 1px solid #ebebeb;
}

.sms_search_box1 .j_combo_list {
	width: 100%;
	min-height: 52px;
	padding: 10px 0;
}

.sms_search_box1 .j_combo_list dl {
	float: left;
	width: 50%;
}

.sms_search_box1 .j_combo_list dl dt {
	float: left;
	width: 130px;
	text-align: right;
}

.sms_search_box1 .j_combo_list dl dt > span {
	font-size: 13px;
	font-weight: 500;
	color: #888;
	vertical-align: -3px;
}

.sms_search_box1 .j_combo_list dl dd {
	float: left;
	width: calc(100% - 130px);
	padding-left: 15px;
	padding-right: 30px;
}

.sms_search_box1 .j_combo_list dl dd .input_box {
	vertical-alint: top;
}

.alopexgrid-cell.bodycell.row-highlight-gray {
	background-color: #f5f5f5;
}